:root{--ink:#07140d;--paper:#f8f6ec;--acid:#d8ff4c;--gold:#d6b768;--line:rgba(229,239,217,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% -6%,rgba(79,132,71,.26),transparent 28%),linear-gradient(rgba(190,220,180,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(190,220,180,.045) 1px,transparent 1px),var(--ink);background-size:auto,52px 52px,52px 52px;color:var(--paper);font-family:"Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
.making-topbar{position:sticky;z-index:10;top:0;height:64px;padding:0 clamp(20px,4vw,74px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(4,13,9,.9);backdrop-filter:blur(14px)}
.making-brand,.making-topbar nav a,.back-link{color:var(--paper);text-decoration:none}.making-brand{display:flex;gap:13px;align-items:center;font:600 13px Georgia,"Times New Roman",serif;letter-spacing:.2em}.making-brand b{font:27px/1 Arial;color:var(--acid)}.making-topbar nav{display:flex;gap:32px}.making-topbar nav a,.back-link{font:11px Georgia,"Times New Roman",serif;letter-spacing:.16em}.making-topbar nav .active{padding-bottom:8px;border-bottom:2px solid var(--acid);color:var(--acid)}.back-link{justify-self:end;color:#d6ddd2}
.making-hero{position:relative;overflow:hidden;min-height:390px;padding:80px max(7vw,52px) 52px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(4,15,9,.95),rgba(4,15,9,.68)),url("assets/games/warm-wind/case-study/castle-overview.png") right 45%/cover no-repeat}.making-hero:after{content:"";position:absolute;right:8%;top:57px;width:250px;height:250px;border:1px solid rgba(216,255,76,.48);border-radius:50%;box-shadow:0 0 70px rgba(216,255,76,.16)}.making-hero>*{position:relative;z-index:1}.making-hero p{margin:0;color:var(--acid);font:11px Georgia,serif;letter-spacing:.32em}.making-hero h1{font:400 clamp(55px,6vw,100px)/.95 "STSong","Songti SC",serif;letter-spacing:.07em;margin:27px 0}.making-hero h1 em{font-style:normal;color:var(--acid)}.hero-line{display:flex;align-items:center;gap:16px;color:#e6e9df;font-size:13px;letter-spacing:.18em}.hero-line i{height:1px;width:43px;background:var(--gold)}.making-hero small{display:block;margin-top:28px;color:#b7c0b4;font-size:12px;letter-spacing:.11em}
.making-nav{position:sticky;top:64px;z-index:8;display:flex;justify-content:center;background:rgba(7,20,13,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.making-nav a{min-width:145px;padding:13px 18px;color:#e4e9df;text-decoration:none;border-right:1px solid var(--line);display:flex;gap:9px;align-items:baseline;justify-content:center;transition:background .18s,color .18s}.making-nav a:first-child{border-left:1px solid var(--line)}.making-nav b{font:italic 22px Georgia,serif;color:var(--acid)}.making-nav span{font-size:12px;letter-spacing:.08em}.making-nav a:hover{background:rgba(216,255,76,.13);color:var(--acid)}
.making-gallery{max-width:1540px;margin:0 auto;padding:42px clamp(18px,3.2vw,64px) 90px}.making-panel{position:relative;margin:0 0 54px;padding:17px;border:1px solid rgba(227,237,219,.32);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:0 18px 55px rgba(0,0,0,.22)}.making-panel:before{content:"";position:absolute;top:-1px;left:17px;width:92px;height:2px;background:var(--acid)}.making-panel img{display:block;width:100%;height:auto;border:1px solid rgba(116,94,43,.18);background:#f9f3d8}.panel-meta{display:flex;align-items:center;gap:15px;min-height:42px;padding:0 6px 12px}.panel-meta b{color:var(--acid);font:italic 33px Georgia,serif}.panel-meta span{font-size:14px;letter-spacing:.1em}.panel-meta small{margin-left:auto;color:#9da99f;font:10px Georgia,serif;letter-spacing:.18em}.making-panel:hover{border-color:rgba(216,255,76,.7);box-shadow:0 21px 68px rgba(0,0,0,.34)}
.making-footer{min-height:85px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,30px);color:#aab5a8;font:11px Georgia,serif;letter-spacing:.16em}.making-footer a{color:var(--acid);text-decoration:none}
.forest-making .making-hero{background:linear-gradient(110deg,rgba(4,15,9,.95),rgba(4,15,9,.64)),url("assets/games/wind-whisper/case-study/kingdom-overview.png") right 45%/cover no-repeat}
@media(max-width:800px){.making-topbar{height:54px;grid-template-columns:1fr auto}.making-topbar nav{display:none}.making-brand{font-size:11px}.back-link{font-size:10px;letter-spacing:.08em}.making-hero{min-height:335px;padding:55px 24px 35px}.making-hero:after{width:160px;height:160px;right:-40px;top:100px}.making-hero h1{font-size:54px}.hero-line{gap:8px;flex-wrap:wrap;font-size:11px}.hero-line i{width:20px}.making-hero small{line-height:1.7}.making-nav{top:54px;overflow:auto;justify-content:flex-start}.making-nav a{min-width:117px;padding:10px}.making-nav span{font-size:11px}.making-gallery{padding:23px 10px 50px}.making-panel{margin-bottom:28px;padding:8px}.panel-meta{min-height:35px;padding:0 3px 7px;gap:9px}.panel-meta b{font-size:24px}.panel-meta span{font-size:11px;letter-spacing:.04em}.panel-meta small{display:none}.making-footer{font-size:9px;padding:0 20px}}