:root{--paper:#faf8f4;--ink:#382b26;--muted:#938780;--red:#ae2936;--red-dark:#75232d;--line:#e7e0d7;--gold:#c5a568;--green:#687c4e;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--serif:"Songti SC","SimSun",serif}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.site-header{max-width:1400px;margin:auto;padding:30px 64px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:37px;height:43px;border:1px solid var(--red);border-radius:18px 18px 3px 3px;color:var(--red)}.brand-mark svg{width:28px;height:28px;stroke-width:1}.brand-type{font-family:var(--serif);font-size:20px;letter-spacing:5px;line-height:1.4}.brand-type small{display:block;font-family:Arial,sans-serif;letter-spacing:3.1px;font-size:8px;color:var(--muted);padding-top:3px}.header-right{display:flex;align-items:center;gap:38px}.series{font:9px Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:12px;line-height:1.5}.text-link:hover{color:var(--red)}.text-link span{font-family:Arial,sans-serif;font-size:19px}.text-link svg{width:17px}
main{display:grid;grid-template-columns:370px minmax(0,1fr);gap:74px;max-width:1280px;min-height:800px;margin:0 auto;padding:48px 46px 32px}.profile{padding:30px 0 0;align-self:center}.eyebrow{display:flex;align-items:center;gap:12px;font:9px Arial,sans-serif;letter-spacing:1.9px;color:var(--muted)}.eyebrow>span{width:25px;height:1px;background:var(--red)}h1{font-family:var(--serif);font-weight:400;font-size:82px;letter-spacing:4px;line-height:1.2;margin:27px -5px 19px;white-space:nowrap}.name-dot{color:var(--red);font-size:44px;margin-left:-4px}.species{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:3px}.green-diamond{height:6px;width:6px;transform:rotate(45deg);background:var(--green);margin-right:1px}.latin{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--muted);padding-left:6px}.intro{font-size:13px;line-height:2.25;color:#82736c;margin:27px 0 28px;letter-spacing:.4px}.state-picker{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);gap:20px}.state-choice{display:flex;align-items:center;gap:12px;padding:13px 0 16px;position:relative;color:#9c8e86;font-size:15px}.state-choice small{font:9px Arial,sans-serif;letter-spacing:1px}.state-choice::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.3,1)}.state-choice[aria-pressed=true]{color:var(--red)}.state-choice[aria-pressed=true]::after{transform:scaleX(1)}.state-swatch{height:9px;width:9px;border-radius:50%;margin-left:auto;margin-right:9px}.warm{background:#b62936}.gold{background:#bc9a52}.state-caption{font-size:10px;color:var(--muted);letter-spacing:1px;margin:15px 0 25px;min-height:16px}.main-actions{display:flex;align-items:center;gap:24px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff4e5;padding:14px 24px;border-radius:3px;font-size:12px;letter-spacing:1px;transition:background .2s,transform .2s}.primary-button:hover{background:var(--red-dark);transform:translateY(-1px)}.primary-button svg{width:16px;height:16px}.quiet-button{display:flex;align-items:center;gap:8px;color:#8d7970;font-size:11px}.quiet-button svg{width:14px;height:14px}.quiet-button:hover{color:var(--red)}.angle-control{margin-top:28px}label{font-size:10px;color:#8b7d75;display:block}output{float:right;font:10px Arial,sans-serif;color:var(--red)}input[type=range]{width:100%;display:block;height:2px;appearance:none;background:#dfd5ca;margin:15px 0;cursor:pointer;accent-color:var(--red)}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px var(--paper)}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--red);border:0;border-radius:50%}.angle-labels{display:flex;justify-content:space-between;font:8px Arial,sans-serif;color:#ad9d92;letter-spacing:1px}.angle-labels span:nth-child(2){font-size:9px;letter-spacing:2px}.secondary-actions{display:flex;gap:24px;margin-top:23px}.secondary-actions button{display:flex;gap:6px;align-items:center;font-size:10px;color:#8d7e75}.secondary-actions button:hover,.secondary-actions button[aria-pressed=true]{color:var(--red)}.secondary-actions svg{height:14px;width:14px}.fine-tune{margin-top:26px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}summary{cursor:pointer;padding:13px 0;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:14px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.effect-controls{padding:4px 0 2px}.effect-controls label{margin-top:14px}.effect-controls input{margin-bottom:21px}.collection-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:19px 0 0;border-top:1px solid var(--line);padding-top:18px}.collection-meta dt{font-size:9px;color:#a3948a;letter-spacing:1px;margin-bottom:8px}.collection-meta dd{margin:0;font-size:10px;color:#796a62;letter-spacing:1px}.collection-meta div:first-child dd{font-family:Arial,sans-serif}
.showcase{min-width:0;position:relative;align-self:center}.showcase-label{display:flex;align-items:center;gap:8px;margin:0 30px;font:8px Arial,sans-serif;letter-spacing:1.8px;color:#a7978b}.status-light{width:4px;height:4px;border-radius:50%;background:var(--green)}.edition-mark{margin-left:auto;color:#846f62}.stage-wrap{position:relative}.card-shadow{position:absolute;width:55%;height:7%;left:24%;bottom:7%;background:#492617;filter:blur(24px);opacity:.10;border-radius:50%;transform:rotate(-4deg);pointer-events:none}#stage{width:100%;height:690px;position:relative;touch-action:none;cursor:grab;outline:none;z-index:1}#stage:active{cursor:grabbing}#stage:focus-visible{outline:1px dashed #b59876;outline-offset:-8px;border-radius:16px}#stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .22s}body.ready #stage canvas{opacity:1}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:11px;color:#a18c7e;letter-spacing:2px}.loading-ring{width:30px;height:30px;border:1px solid #e2c9b7;border-top-color:var(--red);border-radius:50%;animation:loading 1.2s linear infinite}@keyframes loading{to{transform:rotate(360deg)}}.vertical-note{position:absolute;right:0;top:45%;writing-mode:vertical-rl;font:8px Arial,sans-serif;letter-spacing:2px;color:#b7a497;pointer-events:none}.stage-caption{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;letter-spacing:2px;color:#9e8d80;margin-top:-1px}.caption-line{width:23px;height:1px;background:#cfbdad}.state-indicator{display:flex;gap:7px;justify-content:center;margin-top:17px}.state-indicator span{height:3px;width:13px;background:#ded1c3;border-radius:2px;transition:background .3s,width .3s}.state-indicator .on{background:var(--red);width:24px}footer{border-top:1px solid var(--line);max-width:1272px;margin:0 auto;padding:24px 0 29px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a08e80}footer i{font-style:normal;margin:0 11px;color:#c4b5a8}footer .text-link{font-size:10px;gap:15px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
dialog{width:min(92vw,1080px);max-height:92dvh;border:1px solid var(--line);padding:32px;background:var(--paper);color:var(--ink);border-radius:6px;box-shadow:0 20px 100px #4e292018}dialog::backdrop{background:#36291e55;backdrop-filter:blur(9px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:13px 0 0}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.icon-button:hover{color:var(--red);border-color:var(--red)}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}figure{margin:0;min-width:0}figure img{width:100%;max-height:66vh;object-fit:contain;display:block}figcaption{margin-top:16px;display:flex;gap:14px;font:10px Arial,sans-serif;color:#a59385}figcaption span{font:11px var(--sans);color:#735c4f}figcaption a{margin-left:auto;color:var(--red);white-space:nowrap}#background-dialog{width:min(92vw,720px)}.background-art{display:block;max-height:69vh;max-width:100%;margin:auto;object-fit:contain}.background-download{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:12px;color:var(--red)}.error-fallback{display:block;position:absolute;width:70%;max-height:90%;object-fit:contain;top:4%;left:15%}.load-error{position:absolute;left:10%;right:10%;bottom:2%;font-size:11px;text-align:center;color:var(--red)}
@media(min-width:1500px){main{gap:110px;padding-top:65px;padding-bottom:55px}#stage{height:735px}}
@media(max-width:1190px){.site-header{padding:25px 40px}main{padding:38px 40px;gap:35px;grid-template-columns:330px minmax(0,1fr)}h1{font-size:74px}#stage{height:645px}footer{margin:0 40px}.main-actions{gap:19px}.secondary-actions{gap:20px}.series{display:none}}
@media(max-width:850px){.site-header{padding:22px 27px}main{grid-template-columns:280px minmax(0,1fr);gap:16px;padding:24px 27px;min-height:700px}.profile{padding-top:13px}h1{font-size:65px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro{font-size:11px}.primary-button{padding:13px 19px}.main-actions{gap:16px}.secondary-actions{gap:14px}#stage{height:565px}.showcase-label{margin:0 13px;font-size:7px;letter-spacing:1px}.vertical-note{display:none}.stage-caption{font-size:9px;letter-spacing:1px}.caption-line{width:12px}footer{margin:0 27px}.collection-meta dd{font-size:9px}}
@media(max-width:650px){.site-header{padding:19px 23px}.brand-mark{width:30px;height:36px}.brand-type{font-size:17px;letter-spacing:4px}.brand-type small{font-size:7px;letter-spacing:2.4px}.brand{gap:9px}.header-right .text-link{font-size:11px;gap:13px}main{display:flex;flex-direction:column;gap:0;padding:27px 23px 34px;min-height:0}.showcase{order:0;width:100%}.profile{order:1;width:100%;max-width:420px;margin:32px auto 0;align-self:auto;padding-top:0}.showcase-label{margin:0 7px;font-size:7px;letter-spacing:1.5px}#stage{height:clamp(430px,134vw,660px)}.card-shadow{bottom:8%;filter:blur(18px)}.stage-caption{font-size:9px;letter-spacing:1.3px;margin-top:2px}.state-indicator{margin-top:13px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:67px;margin:19px -4px 16px}.name-dot{font-size:37px}.species{font-size:12px}.intro{font-size:12px;margin:21px 0 20px}.state-caption{margin-bottom:22px}.main-actions{gap:25px}.primary-button{padding:14px 25px}.angle-control{margin-top:26px}.secondary-actions{gap:27px}.fine-tune{margin-top:24px}.collection-meta{margin-top:15px}.collection-meta dd{font-size:10px}footer{margin:0 23px;padding:22px 0 25px;gap:19px;flex-wrap:wrap;line-height:1.8;font-size:9px}footer .text-link{font-size:9px}dialog{padding:20px;max-height:94dvh}.dialog-header{margin-bottom:20px}h2{font-size:20px}.gallery-pair{gap:15px}figcaption{flex-wrap:wrap;gap:7px;font-size:9px}figcaption span{font-size:9px}figcaption a{font-size:9px}figure img{max-height:none}.background-art{max-height:65vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.loading-ring{animation:none}}