@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--ink:#26302d;--muted:#777d73;--paper:#f2f0e8;--red:#a7402d;--gold:#c39a53;--serif:'Noto Serif SC','Songti SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}.topbar{height:76px;border-bottom:1px solid #d5d8cb;display:flex;align-items:center;padding:0 5%;gap:22px}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:11px;font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;background:#a74231;color:#f4e9d4;width:34px;height:34px;font-size:19px}.brand small{display:block;font:8px sans-serif;letter-spacing:.16em;margin-top:3px;color:#8b8d80}.top-note{font-size:11px;letter-spacing:.16em;color:#999e90;margin-left:24px}.text-button{border:0;background:none;color:#556058;font-size:12px;cursor:pointer;margin-left:auto}.text-button span{color:var(--red);margin-left:8px}main{max-width:1600px;margin:auto}.intro{padding:58px 5% 43px;display:flex;align-items:end;justify-content:space-between}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:.2em;color:#9b6c4d}.eyebrow span{display:inline-block;width:23px;height:1px;background:#a74834;vertical-align:middle;margin-right:10px}.eyebrow b{color:#c5b7a1;margin:0 8px}h1,h2,h3,p{margin:0}h1{font:600 clamp(42px,5vw,72px)/1.18 var(--serif);letter-spacing:.04em;margin:16px 0 13px}h1 span{color:var(--red)}.intro p{font:15px var(--serif);letter-spacing:.07em;color:#7a7e72}.intro-side{display:grid;grid-template-columns:70px auto;align-items:center;gap:8px 13px;padding-left:22px;border-left:1px solid #c9cbbf}.intro-side span{font-size:11px;color:#989b8e}.intro-side strong{font:600 17px var(--serif)}.intro-side p{grid-column:1/3;font:11px sans-serif;color:#989b8e}.experience{margin:0 5%;display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:630px;box-shadow:0 18px 40px #39443a13}.viewer{min-width:0;background:#263430;color:#e4e9d7;display:flex;flex-direction:column;position:relative}.viewer:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 52% 42%,#53645866,transparent 65%);pointer-events:none}.viewer-top,.viewer-bottom{position:relative;z-index:2}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;font-size:10px;letter-spacing:.13em;color:#bec8b9}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d3ad66;margin-right:8px}.divider{margin:0 9px;color:#738176}.viewer-top button{background:none;border:0;color:#b7c4b5;cursor:pointer;font-size:11px}#canvasWrap{flex:1;min-height:420px;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#loading{position:absolute;inset:45% 0 auto;text-align:center;color:#d5ddce;font-size:13px}.compass{position:absolute;right:26px;top:35px;display:flex;align-items:center;flex-direction:column;gap:3px;color:#a7b6a5;font:10px var(--serif)}.compass i{font:normal 24px serif;color:#d2af6c}.compass small{font:10px sans-serif;margin-top:5px}.viewer-hint{position:absolute;left:26px;bottom:15px;font-size:10px;color:#a8b5a6;letter-spacing:.08em}.viewer-hint span{font-size:16px;color:#d3ad66}.viewer-hint i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#7e8e7e;margin:0 8px 3px}.viewer-bottom{min-height:93px;background:#1d2a27;border-top:1px solid #ffffff12;display:grid;grid-template-columns:110px 1fr 135px;align-items:center;gap:18px;padding:17px 26px}.explode-label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#a8b5a6}.explode-label strong{font:20px Georgia;color:#eadab5}input[type=range]{width:100%;accent-color:#d3a750;cursor:pointer}.range-ends{position:absolute;bottom:15px;left:155px;right:178px;display:flex;justify-content:space-between;font-size:9px;color:#89998a}.primary-btn{border:0;background:#d2aa69;color:#29332b;height:46px;font-weight:700;font-size:12px;cursor:pointer}.primary-btn span{font-size:16px;margin-right:8px}.panel{background:#faf9f3;padding:32px 28px 24px;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between}.overline{font-size:9px;color:#a87954}.panel h2{font:600 26px/1.45 var(--serif);margin-top:12px;letter-spacing:.04em}.panel-index{font:italic 12px Georgia;color:#b9b8a9}.panel-intro{font-size:12px;line-height:1.8;color:#8a9083;margin:17px 0 18px}.layers{border-top:1px solid #e0e1d7}.layer{width:100%;display:grid;grid-template-columns:29px 1fr auto;align-items:center;text-align:left;gap:8px;padding:12px 3px;border:0;border-bottom:1px solid #e0e1d7;background:none;cursor:pointer;color:#536057}.layer .num{font:italic 11px Georgia;color:#b0b6a7}.layer strong{font:600 14px var(--serif)}.layer small{display:block;font-size:10px;color:#a0a69b;margin-top:4px}.layer .arrow{color:#b9bdb1}.layer.active{color:#a7402d}.layer.active .num,.layer.active .arrow{color:#a7402d}.detail{margin-top:auto;padding:17px 18px;background:#eeeae0;border-left:2px solid #b3654d}.detail .tag{font-size:9px;letter-spacing:.15em;color:#a25c46;font-weight:bold}.detail h3{font:600 16px var(--serif);margin:8px 0}.detail p{font-size:11px;line-height:1.85;color:#6c7569}.detail .note{margin-top:8px;color:#a27f60;font-size:10px}.story{padding:110px 9% 95px}.story-head{display:flex;justify-content:space-between;gap:60px;align-items:end}.story h2{font:600 36px/1.55 var(--serif);margin-top:20px}.story h2 em{font-style:normal;color:#9e4935}.story-head>p{max-width:355px;font-size:13px;line-height:2;color:#80877b}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:38px;border-top:1px solid #cfd2c4;margin-top:50px;padding-top:30px}.flow article span{font:italic 14px Georgia;color:#b49b77}.flow h3{font:600 20px var(--serif);margin:15px 0 10px}.flow p,.footnote{font-size:12px;line-height:1.8;color:#838b7f}.flow>b{font-weight:normal;color:#b0ae9b}.footnote{font-size:10px;margin-top:30px}.sources{padding:60px 9%;background:#e7e7dc;display:grid;grid-template-columns:1fr 2fr;gap:40px}.sources h2{font:600 28px var(--serif);margin-top:14px}.sources p{font-size:12px;line-height:2;color:#727b6f;margin-bottom:12px}.sources strong{color:#465348}.source-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}.source-links a{font-size:11px;color:#a34d37;text-decoration:none;border-bottom:1px solid #bd9d89;padding-bottom:5px}footer{display:flex;justify-content:space-between;padding:28px 5%;font-size:10px;letter-spacing:.08em;color:#8f9689}footer b{color:#c5b7a1}footer a{color:#6f7a6e;text-decoration:none}@media(max-width:900px){.experience{grid-template-columns:1fr}.viewer{min-height:550px}.panel{min-height:0}.detail{margin-top:20px}.intro-side{display:none}.story{padding:70px 6%}.sources{padding:50px 6%}}@media(max-width:600px){.topbar{height:64px}.top-note{display:none}.intro{padding:40px 5% 30px}h1{font-size:44px}.intro p{font-size:13px}.experience{margin:0}.viewer{min-height:470px}#canvasWrap{min-height:340px}.viewer-bottom{grid-template-columns:72px 1fr 105px;gap:10px;padding:14px}.range-ends{left:96px;right:128px;bottom:12px}.viewer-top{padding:18px 14px}.viewer-hint{left:14px}.compass{right:14px}.story-head{display:block}.story h2{font-size:29px}.story-head>p{margin-top:20px}.flow{grid-template-columns:1fr;gap:15px;margin-top:30px}.flow>b{transform:rotate(90deg);justify-self:start}.flow h3{margin:7px 0}.sources{grid-template-columns:1fr;gap:20px}footer span:nth-child(2){display:none}}