@import url('data:text/css,');
:root{font-family:"PingFang SC","Hiragino Sans GB",sans-serif;color:#233f3e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#c6dfe7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #368679;outline-offset:3px}#viewport{position:absolute;inset:0;transition:right .3s}canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}header{position:absolute;left:30px;right:30px;top:23px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:5}.brand{pointer-events:auto;text-decoration:none;color:#243d3d;display:flex;gap:15px;align-items:center}.brand>span{font-family:Georgia,serif;letter-spacing:.13em;font-size:31px;line-height:1}.brand small{font-size:10px;letter-spacing:.13em;border-left:1px solid #516c6950;padding:5px 0 5px 15px}.header-actions{display:flex;gap:8px;pointer-events:auto}.header-actions button{font-size:11px;padding:11px 15px;background:#f6f6eae8;border:1px solid #ffffff60;border-radius:3px;box-shadow:0 2px 12px #263f4420}.header-actions button[aria-pressed=true]{background:#386d64;color:white}.header-actions span{margin-left:7px;font-size:14px}#scenes{position:absolute;left:28px;top:116px;width:172px;padding:16px 11px 12px;background:#f7f6eaef;border:1px solid #ffffff90;box-shadow:0 10px 35px #314f4c19;border-radius:4px;z-index:3}.nav-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:0 5px 16px;color:#758880}.nav-label span{font-size:8px;letter-spacing:.09em}#scenes>button{display:flex;align-items:center;width:100%;font-size:12px;padding:11px 8px;text-align:left;border-radius:2px;transition:background .2s}#scenes>button:hover{background:#dde7dc}.number{font-size:9px;margin-right:13px;color:#97a59a;font-family:Georgia,serif}.arrow{margin-left:auto;opacity:0}.selected{background:#306b60!important;color:#f7f5e8}.selected .number{color:#c4d2b3}.selected .arrow{opacity:1}.nav-footer{font-size:9px;line-height:1.9;color:#7c8b82;padding:14px 5px 0;border-top:1px solid #556d5125;margin-top:12px}.nav-footer span{display:block;font-size:7px;letter-spacing:.16em}#caption{position:absolute;left:232px;bottom:31px;max-width:660px;z-index:3;color:#fff;text-shadow:0 1px 6px #244444c0;pointer-events:none}#sceneKicker{font-size:11px;letter-spacing:.21em;margin-bottom:8px}h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:35px;font-weight:500;letter-spacing:.08em;margin:0 0 13px}.caption-row{display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:.07em}.caption-row button{pointer-events:auto;font-size:10px;color:#fff;text-shadow:0 1px 3px #234646}#sceneDetail{font-size:11px;line-height:1.8;padding:13px 16px;margin-bottom:0;max-width:560px;background:#193f3cd9;border:1px solid #e5ecdb30;border-radius:3px;text-shadow:none}#sceneActions{position:absolute;top:86px;left:232px;right:24px;display:flex;flex-wrap:wrap;gap:5px;z-index:3}#sceneActions button{font-size:10px;background:#f7f8eeec;padding:8px 11px;border-radius:20px;box-shadow:0 2px 12px #233f3d14}#sceneActions .active{background:#376e63;color:#fff}#lighting{position:absolute;right:28px;bottom:28px;display:flex;background:#f7f6eaeb;border-radius:24px;padding:4px;z-index:4;box-shadow:0 2px 18px #163d3325}#lighting button{font-size:10px;padding:8px 11px;border-radius:20px}.active{background:#32685e;color:white}#compare{position:absolute;top:0;bottom:0;right:0;width:36%;min-width:320px;background:#f6f4eaeF;backdrop-filter:blur(15px);z-index:8;padding:27px 22px;box-shadow:-8px 0 35px #31524b25}.compare-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.compare-head small{font-size:8px;letter-spacing:.2em;color:#7c8d81}.compare-head h2{font-family:"Songti SC",serif;font-size:23px;font-weight:500;letter-spacing:.1em;margin:7px 0 0}.compare-head button{font-size:27px;font-weight:200}#referenceImage{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#cbd1c5;border-radius:2px}#referenceCaption{font-size:12px;line-height:1.9;margin-top:20px}.reference-note{font-size:10px;color:#7e8e82;border-top:1px solid #cbd4c8;margin:20px 0;padding-top:17px;line-height:1.9}.source-link{color:#467866;font-size:11px;text-decoration:none}.compare-open #viewport{right:36%}.compare-open .header-actions{margin-right:36%}.compare-open #sceneActions{right:37%}.compare-open #lighting{right:calc(36% + 20px)}.compare-open #caption{max-width:calc(64% - 255px)}#loading{position:absolute;inset:0;z-index:30;background:#e8ede4;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s}.load-brand{font:46px Georgia,serif;letter-spacing:.16em;color:#345950;text-align:center}.load-brand span{display:block;font:11px "Songti SC",serif;letter-spacing:.8em;padding-left:.8em;margin-top:15px}.load-line{width:140px;height:1px;background:#567c6540;margin-top:40px;overflow:hidden}.load-line:after{content:'';display:block;width:60px;height:1px;background:#3c6a5d;animation:load 1.8s infinite}@keyframes load{from{transform:translateX(-65px)}to{transform:translateX(145px)}}#progress{font-size:10px;color:#7a8e7b;margin-top:15px;letter-spacing:.1em}.ready #loading{opacity:0;pointer-events:none}
@media(max-width:1000px){header{left:20px;right:20px}.brand small{display:none}#scenes{left:20px;width:144px;top:100px}#sceneActions{left:186px;top:81px}#caption{left:187px;bottom:77px;max-width:calc(100% - 205px)}h1{font-size:29px}.caption-row{gap:10px;flex-wrap:wrap}.caption-row>span{font-size:8px}#lighting{right:20px;bottom:20px}.compare-open #viewport{right:0}.compare-open #caption{max-width:calc(100% - 205px)}.compare-open .header-actions{margin-right:0}.compare-open #sceneActions{right:20px}.compare-open #lighting{right:20px}#compare{width:65%;min-width:300px;top:76px;bottom:16px;right:16px;border-radius:5px;overflow:auto;padding:22px}.compare-head{margin-bottom:18px}}
@media(max-width:900px){header{left:15px;right:15px;top:20px}.brand>span{font-size:27px}.header-actions button{padding:9px 10px;font-size:10px}#resetButton{display:none}#scenes{top:77px;left:0;right:0;width:auto;padding:8px 12px;display:flex;gap:4px;overflow:auto;border-radius:0;background:#f7f6eade}#scenes>button{width:auto;white-space:nowrap;flex-shrink:0;font-size:10px;padding:9px 11px}.number{margin-right:6px}.arrow,.nav-label,.nav-footer{display:none}#sceneActions{top:134px;left:16px;right:16px}#caption{left:21px;bottom:85px;max-width:calc(100% - 42px)}h1{font-size:30px}#sceneKicker{font-size:9px}#lighting{bottom:22px}.compare-open #caption{max-width:calc(100% - 42px)}#compare{top:132px;bottom:15px;left:15px;right:15px;width:auto;min-width:0}#sceneDetail{max-height:140px;overflow:auto}}

#scenes{max-height:calc(100vh - 225px);overflow:auto;scrollbar-width:thin}#scenes>button{padding-top:8px;padding-bottom:8px}.nav-hidden #scenes{display:none}.nav-hidden #caption,.nav-hidden #sceneActions{left:28px}.version-badge{position:absolute;bottom:22px;left:28px;background:#f6f7e9df;color:#39584c;padding:8px 12px;border-radius:4px;font-size:10px;z-index:3}.nav-footer a{color:#557c6b;text-decoration:none;display:block;padding:4px 0}.nav-footer span{font-size:9px;letter-spacing:0}#compare{overflow:auto}#variant{max-width:100%;padding:5px;color:#44675c;border:1px solid #c4d0c2;background:#f4f6ec}#referenceControls{font-size:11px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.reference-note strong{font-weight:500;color:#426651}#modelStats{font-size:9px;line-height:1.8}#referenceImage{aspect-ratio:auto;max-height:43vh}#loading[hidden]{display:none}.compare-open #caption{pointer-events:none}#sceneDetail{pointer-events:auto}.header-actions a{font-size:11px;padding:11px 15px;background:#f6f6eae8;color:#325950;text-decoration:none;border-radius:3px}#sceneDetail a{color:#efffc9}@media(max-width:900px){#scenes{max-height:unset}.version-badge{bottom:24px;left:20px;font-size:9px}.nav-hidden #sceneActions{top:80px}.header-actions a{display:none}#sceneDetail{max-height:110px}.nav-hidden #caption{left:21px}}

.brand{background:#f5f7ead9;padding:8px 11px;border-radius:4px}.brand small{font-size:9px}