:root{color:#263e34;font-synthesis:none;background:#f4f0e7;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #2c7e68}button:disabled{opacity:.4;cursor:wait}a{color:inherit;text-decoration:none}main{height:100svh;min-height:680px;position:relative;overflow:hidden}.scene{touch-action:none;position:absolute;inset:0 0 0 9%}.scene canvas{display:block}header{pointer-events:none;justify-content:space-between;align-items:center;height:106px;padding:0 4.6%;display:flex;position:absolute;inset:0 0 auto}header>*{pointer-events:auto}.brand{letter-spacing:3px;align-items:center;gap:13px;font-size:21px;font-weight:500;display:flex}.brand-symbol{color:#377663;font-family:Georgia;font-size:52px;font-weight:400;line-height:40px;transform:rotate(-12deg)}.brand-en{letter-spacing:4px;margin-top:5px;font-size:9px;display:block}.edition{letter-spacing:2.1px;color:#7b8378;margin-left:40px;font-size:10px}.edition span{color:#b4b5a9;margin:0 13px}.tune{background:#f7f4ed99;border:1px solid #c9cfc4;border-radius:30px;align-items:center;gap:10px;padding:12px 17px;font-size:12px;display:flex}.tune:hover,.tune.selected{background:#e3e9df;border-color:#93ac9c}.intro{pointer-events:none;position:absolute;top:21%;left:4.8%}.eyebrow{letter-spacing:2.2px;color:#738775;align-items:center;gap:8px;font-size:9px;display:flex}.eyebrow>span{background:#678c6d;border-radius:50%;width:5px;height:5px}h1{letter-spacing:3px;margin:23px 0 20px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(38px,4.2vw,66px);font-weight:400;line-height:1.4}.intro p{color:#7f897d;letter-spacing:1px;font-size:12px;line-height:2.1}.reference-link{pointer-events:auto;border-bottom:1px solid #a8b5a4;align-items:center;gap:17px;margin-top:27px;padding:0 0 7px;font-size:11px;display:flex}.reference-link svg{width:13px}.scene-caption{letter-spacing:1px;pointer-events:none;align-items:center;gap:13px;font-size:11px;display:flex;position:absolute;bottom:192px;left:5%}.index{color:#97a091;margin-left:-14px;font:9px ui-monospace,monospace;transform:rotate(-90deg)}.scene-caption small{letter-spacing:1.3px;color:#9a9f91;margin-top:7px;font-size:8px;display:block}.caption-line{background:#c4ccbe;width:50px;height:1px;margin-left:15px}footer{justify-content:space-between;align-items:end;gap:24px;display:flex;position:absolute;bottom:65px;left:4.7%;right:4.7%}.control-label{color:#7b8979;letter-spacing:2px;margin:0 0 11px 3px;font-size:10px;display:block}.presets{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf9f08f;border:1px solid #dedfd2;border-radius:38px;gap:4px;padding:5px;display:flex}.presets button{white-space:nowrap;border-radius:30px;align-items:center;gap:9px;padding:12px 19px;font-size:11px;transition:background .2s;display:flex}.presets button:hover{background:#e9ece2}.presets button.active{color:#f7f7ed;background:#304e40}.swatch{border:1px solid #ffffff50;border-radius:50%;width:10px;height:10px;display:inline-block}.lagoon{background:#5ac6b4}.golden{background:#d9b884}.ocean{background:#6a9ba6}.tools{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf9f09f;border:1px solid #dedfd2;border-radius:35px;align-items:center;gap:6px;padding:5px;display:flex}.tools button{border-radius:30px;align-items:center;gap:8px;padding:13px 15px;font-size:11px;display:flex}.tools button:hover,.tools button.active{background:#e0e7db}.tools button:first-child{border-right:1px solid #dfe4d8;border-radius:25px 0 0 25px;padding-right:21px}.bottom-line{letter-spacing:1.2px;color:#8c9587;justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;bottom:24px;left:4.8%;right:4.8%}.live-dot{background:#6e9b79;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #75967412}.fps{letter-spacing:.3px;margin-left:6px;font-family:ui-monospace,monospace}.gesture{letter-spacing:1px}.gesture i{margin:0 10px;font-style:normal}.bottom-line a{align-items:center;gap:6px;display:flex}.bottom-line svg{width:12px;height:12px}.leva-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:4;background:#faf8f2ee;border:1px solid #dadcd0;border-radius:15px;width:280px;padding:15px 10px 8px;position:absolute;top:117px;right:4.7%;box-shadow:0 20px 70px #2a3e3314}.leva-shell[hidden]{display:none}.panel-heading{letter-spacing:1px;justify-content:space-between;align-items:center;padding:0 9px 13px;font-size:12px;display:flex}.panel-heading button{color:#768374;font-size:21px}.quality-label{color:#687364;justify-content:space-between;align-items:center;padding:12px 10px 5px;font-size:10px;display:flex}.quality-label select{color:#3b5042;background:#edece4;border:1px solid #dbdfd3;border-radius:4px;padding:5px;font:10px inherit}.loading{letter-spacing:2px;color:#527763;pointer-events:none;flex-direction:column;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;top:48%;left:56%}.loading-wave{font:50px Georgia;animation:1s ease-in-out infinite alternate drift}@keyframes drift{to{opacity:.4;transform:translateY(-8px)}}.toast{color:#f4f6ed;z-index:10;white-space:nowrap;background:#304c40ed;border-radius:24px;padding:12px 23px;font-size:12px;position:absolute;bottom:144px;left:50%;transform:translate(-50%)}.modal-scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#23362d66;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.reference-modal{background:#f7f3e9;border-radius:18px;grid-template-columns:1fr 1fr;width:min(1000px,100%);max-height:90svh;display:grid;position:relative;overflow-y:auto;box-shadow:0 25px 100px #1e302a44}.reference-gallery{background:#eae9df;flex-direction:column;justify-content:center;align-self:stretch;margin:0;padding:28px 24px;display:flex}.reference-switch{gap:8px;margin-bottom:18px;display:flex}.reference-switch button{border:1px solid #bcc8ba;border-radius:20px;padding:9px 14px;font-size:12px}.reference-switch button[aria-pressed=true]{color:#fff;background:#304e40;border-color:#304e40}.reference-gallery img{aspect-ratio:4/3;object-fit:contain;background:#dfdfd4;border-radius:8px;width:100%;display:block}.reference-gallery figcaption{color:#6b7a68;gap:5px;margin-top:14px;font-size:11px;display:grid}.reference-gallery figcaption strong{color:#304e40;font-size:13px;font-weight:500}.reference-modal>div{padding:65px 40px}.reference-modal h2{margin:22px 0;font:30px Noto Serif SC,Songti SC,serif}.reference-modal p{color:#697b6a;font-size:12px;line-height:2}.reference-modal small{color:#9a9c8b;font-size:10px;line-height:1.8;display:block}.reference-modal .source{align-items:center;gap:12px;margin-top:26px;font-size:12px;display:flex}.close{z-index:1;font-size:26px;position:absolute;top:11px;right:15px}.error-state{z-index:5;background:#faf8ef;border-radius:16px;padding:25px;position:absolute;top:40%;left:20%}.error-state h2{font-size:20px}.error-state p,.error-state button{font-size:12px}.error-state button{border-bottom:1px solid;padding:7px 0}@media (width>=1700px){.intro{top:25%}.scene{inset:0 4% 0 14%}}@media (width<=1050px){.edition{display:none}.intro{top:18%}h1{font-size:43px}.scene{inset:25px -12% 30px 6%}.tools button{padding:13px 11px}.tools button span{display:none}.scene-caption{bottom:182px}.caption-line,.gesture{display:none}.presets button{padding:12px 14px}}@media (width<=720px){main{min-height:640px}header{height:82px;padding:0 6%}.brand{gap:8px;font-size:17px}.brand-symbol{font-size:44px}.brand-en{font-size:7px}.tune{padding:10px 13px;font-size:10px}.intro{top:105px;left:7%}.intro .eyebrow{letter-spacing:1.5px;font-size:7px}h1{margin:12px 0;font-size:33px;line-height:1.35}.intro p{margin-top:8px;font-size:10px;line-height:1.8}.reference-link{margin-top:12px;font-size:10px}.scene{inset:45px -32% 36px -23%}.scene-caption{font-size:9px;bottom:203px;left:auto;right:6%}.scene-caption small{font-size:6px}.index{font-size:7px}.scene-caption .caption-line{display:none}footer{flex-direction:column;align-items:center;gap:12px;bottom:48px;left:6%;right:6%}.control-label{display:none}.presets{padding:4px}.presets button{padding:11px 15px;font-size:10px}.tools{background:#f7f6ec90;border:0;padding:2px}.tools button{padding:9px 17px}.tools button span{font-size:9px;display:block}.tools button svg{width:14px;height:14px}.tools button:first-child{padding-right:17px}.bottom-line{letter-spacing:.8px;font-size:6px;bottom:17px;left:6%;right:6%}.fps{margin-left:4px}.bottom-line a{font-size:6px}.leva-shell{width:270px;top:95px;right:6%}.loading{font-size:10px;top:49%;left:44%}.toast{font-size:10px;bottom:191px}.reference-modal{grid-template-columns:1fr;max-height:85svh;overflow:auto}.reference-gallery{padding:48px 20px 20px}.reference-modal>div{padding:25px}.reference-modal h2{font-size:24px}.modal-scrim{padding:22px}.close{background:#f7f3e9cc;border-radius:50%;width:30px;height:30px;line-height:24px}.error-state{top:40%;left:15%;right:15%}}@media (prefers-reduced-motion:reduce){.loading-wave{animation:none}*{scroll-behavior:auto!important}}.scene{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 97%,#0000 100%)}@media (width<=720px){.scene{-webkit-mask-image:none;mask-image:none}}.scene{inset:0;-webkit-mask-image:none;mask-image:none}@media (width<=720px){.scene{inset:0}.scene-caption{bottom:202px}.intro{pointer-events:none}}.shot-modal{background:#f4f0e7;border-radius:16px;width:min(960px,92vw);position:relative;overflow:hidden;box-shadow:0 20px 80px #203c3440}.shot-modal>img{object-fit:contain;width:100%;max-height:76svh;display:block}.shot-modal>div{justify-content:space-between;align-items:center;padding:18px 24px;font-size:12px;display:flex}.shot-modal a{color:#fff;background:#304e40;border-radius:22px;padding:10px 16px}