@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f5ef;--ink:#213e35;--muted:#849087;--line:#e4e8dd;--green:#315d49;--lime:#dceba9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #88b69b;outline-offset:4px}a{color:inherit;text-decoration:none}header{height:98px;max-width:1536px;margin:auto;padding:0 4.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:60px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1px}.brand .light{font-weight:400}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:0;font-weight:500}.brand-mark{font-size:46px;line-height:1;color:#426b50}nav{display:flex;gap:36px;margin-left:auto;font-size:13px}nav a{color:#6f7e73}nav a span{margin-left:8px}.nav-active{position:relative;font-weight:600}.nav-active:after{content:'';position:absolute;width:5px;height:5px;background:#467154;border-radius:100%;bottom:-13px;left:50%}.edition{font-size:9px;letter-spacing:1.6px;color:#849080;display:flex;align-items:center;gap:12px}.edition i,.eyebrow span,.stage-badge i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#6f9876}main{max-width:1536px;margin:auto;padding:0 4.5%}.intro{padding:39px 0 32px;display:flex;justify-content:space-between;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;color:#6a7c6c}h1{font-size:43px;letter-spacing:-2px;margin:9px 0 10px;font-weight:700}h1 span{color:#698b5f}.intro p{color:#849080;font-size:12px;margin:0;line-height:1.9}.intro-note{display:flex;align-items:center;gap:18px;margin-right:18px}.intro-note p{font-size:11px}.intro-note strong{font-weight:500;color:#61735e}.orbit-icon{font-size:46px;color:#91a57c}.workspace{display:grid;grid-template-columns:222px minmax(300px,1fr) 258px;gap:18px;min-height:590px}.panel{background:#fffffb;border:1px solid var(--line);border-radius:20px;padding:23px 19px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-heading h2{font-size:13px;font-weight:600;margin:0}.panel-heading>span{font-size:9px;letter-spacing:1px;color:#92a08e}.layers{display:grid;gap:8px}.layer{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:#f6f7f1;border:1px solid transparent;border-radius:11px;padding:12px 10px;color:#7c897d;font-size:12px}.layer>span{font-size:19px}.layer small{font-size:8px;margin-left:auto;letter-spacing:.5px}.layer.active{background:#eaf0df;color:#375840;border-color:#d8e3c9}.section-label{margin:26px 0 10px;color:#8b9786;font-size:10px;display:flex;justify-content:space-between;letter-spacing:1px}.section-label>span{background:#f1f3ea;padding:1px 5px;border-radius:4px}.organ-list{display:grid;gap:3px}.organ-item{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-align:left;color:#607061;width:100%}.organ-item:hover{background:#f4f6ed}.organ-item.selected{background:#f0f4e7;border-color:#e1e9d3;color:#2f553c}.organ-dot{width:10px;height:10px;border-radius:4px;background:var(--c);box-shadow:inset 0 -2px 2px #0001}.organ-item small{margin-left:auto;font-size:9px;color:#9ca593}.organ-item .arrow{margin-left:0;font-size:11px;color:#8da078}.aside-tip{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;margin-top:17px;padding-top:14px;color:#9ca78d}.aside-tip>span{font-size:25px}.aside-tip p{font-size:10px;line-height:1.8;margin:0}.stage{position:relative;min-height:590px;background:#e9eddf;border-radius:22px;overflow:hidden;border:1px solid #dfe5d4;background-image:radial-gradient(ellipse at 50% 45%,#f6f7ee 5%,#e5ead9 80%)}.stage-top{position:absolute;top:20px;left:21px;right:21px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:10px;color:#8b987f;pointer-events:none}.stage-badge{background:#fffff7b3;padding:7px 10px;border:1px solid #fff9;border-radius:20px;font-size:9px;color:#69805c;display:flex;align-items:center;gap:7px}.stage-watermark{position:absolute;top:78px;left:25px;font-size:36px;line-height:1;letter-spacing:-1px;font-weight:700;color:#a7b59826;pointer-events:none}#canvasWrap{position:absolute;inset:0}canvas{display:block;touch-action:none}#loading{position:absolute;top:45%;width:100%;text-align:center;color:#6b8165;font-size:12px}.stage-bottom{position:absolute;bottom:21px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.gesture{font-size:9px;color:#819075}.gesture b{margin:0 6px;font-weight:400}.view-tools{display:flex;gap:4px;align-items:center;background:#ffffffbd;border:1px solid #fff;border-radius:12px;padding:4px;pointer-events:auto}.view-tools button{width:30px;height:30px;border:0;background:transparent;border-radius:8px;color:#5c7452;font-size:18px}.view-tools button:hover,.view-tools button[aria-pressed=true]{background:#e0e9ce}.view-tools>span{height:16px;width:1px;background:#dfe5d6;margin:0 1px}.reveal{position:absolute;bottom:79px;left:50%;transform:translateX(-50%);border:0;background:#325b45;color:#f6f9ed;box-shadow:0 8px 20px #35583422;border-radius:30px;padding:14px 22px;font-size:12px;white-space:nowrap;display:flex;gap:14px;align-items:center}.reveal>span{color:#d6e7ac;font-size:16px}.reveal b{font-weight:400}.reveal:hover{background:#244b36}.info-panel{display:flex;flex-direction:column}.organ-illustration{height:135px;display:flex;align-items:center;justify-content:center;background:var(--soft,#f5f0e8);border-radius:13px;position:relative;margin-bottom:24px}.organ-illustration svg{width:100px;height:100px;filter:drop-shadow(0 8px 5px #0001)}.organ-illustration small{position:absolute;bottom:10px;right:11px;letter-spacing:2px;font-size:8px;color:#9a9e88}.card-kicker{font-size:9px;letter-spacing:1.8px;color:#94a087}.card-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.card-title h3{font-size:27px;font-weight:600;letter-spacing:-1px;margin:0}.card-title>span{font-size:10px;color:#85947d}#organCard p{font-size:12px;line-height:1.9;color:#7f8d79;margin:0 0 15px}.function-tag{background:#edf2e2;color:#74875b;border-radius:5px;display:inline-block;padding:5px 8px;font-size:9px}.fact{background:#f7f7ef;border:1px solid #eef0e3;border-radius:11px;margin-top:22px;padding:14px 12px}.fact>span{color:#84945e;font-size:10px}.fact p{font-size:10px;line-height:1.9;color:#95a084;margin:6px 0 0}.model-meta{margin-top:auto;padding-top:25px;display:grid;gap:11px}.model-meta>div{display:flex;justify-content:space-between;font-size:9px}.model-meta span{color:#a2aa9b}.model-meta strong{font-weight:400;color:#7a8d72}.guide{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;margin-top:20px;padding:10px 22px;background:#fffffa80}.guide-title{font-size:12px;font-weight:600}.guide p{font-size:11px;color:#89947e}.guide b{font-size:10px;color:#81935d;margin-right:10px;font-weight:500}footer{display:flex;justify-content:space-between;padding:24px 0;font-size:9px;color:#9ba592;letter-spacing:.3px}footer b{margin:0 9px;font-weight:400}@media(min-width:1500px){.workspace{min-height:690px}.stage{min-height:690px}.panel{padding:25px}.organ-item{padding:13px 10px}}@media(max-width:1100px){.workspace{grid-template-columns:185px minmax(270px,1fr) 218px;gap:12px}.panel{padding:18px 14px}.edition{display:none}.gesture{display:none}h1{font-size:38px}.organ-item{padding:9px 5px}.organ-item small{font-size:8px}}@media(max-width:800px){header{height:80px;padding:0 5%;gap:15px}nav{gap:20px;font-size:11px}.brand{font-size:22px}.brand-mark{font-size:36px}main{padding:0 4%}.intro{padding:26px 0 24px}.intro-note{display:none}h1{font-size:34px}.intro p{font-size:11px}.workspace{grid-template-columns:1fr 1fr}.stage{grid-column:1/-1;grid-row:1;min-height:560px}.organ-panel,.info-panel{grid-row:2}.organ-illustration{height:110px}.guide{flex-wrap:wrap;gap:0 18px}.guide-title{width:100%;margin:8px 0}.guide p{font-size:10px}footer{gap:20px;line-height:1.8}.gesture{display:inline}.stage-watermark{font-size:30px}.stage-bottom{left:16px;right:16px}.organ-item{padding:9px 5px}.model-meta{gap:8px}.panel-heading h2{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Avatar studio — restrained charcoal, warm paper, copper accents. */
:root{--bg:#101114;--ink:#eae8e3;--muted:#8e9098;--line:#2b2d33;--green:#b58d69;--lime:#d1ae8b}body{background:#101114;background-image:radial-gradient(ellipse at 50% 0,#25232770,transparent 55%)}header{height:82px;max-width:1480px;border-color:#303036}.brand-mark{color:#cba581}.brand{font-size:24px}.brand small{color:#85858b;font-size:8px;letter-spacing:4px;margin-top:2px}nav a{color:#85858f}.nav-active:after{background:#cba581}.edition{color:#72747b;font-size:8px}.edition i,.eyebrow span,.stage-badge i{background:#caa47e}main{max-width:1480px}.intro{padding:30px 0 25px}.eyebrow{font-size:9px;color:#b49679;letter-spacing:3px}h1{font-size:36px;letter-spacing:-1.4px;margin:12px 0}h1 span{color:#bca286;margin-left:12px}.intro p{font-size:11px;color:#7e8089}.intro-note p{font-size:9px;letter-spacing:1px}.intro-note strong{color:#89858a;font-size:10px;font-weight:400;letter-spacing:0}.orbit-icon{color:#90785e;font-size:37px}.workspace{grid-template-columns:195px minmax(350px,1fr) 235px;gap:14px;min-height:630px}.panel{background:#191a1f;border-color:#2a2c31;border-radius:12px;padding:21px 17px}.panel-heading{margin-bottom:22px}.panel-heading h2{font-size:11px;color:#c4c2bf;font-weight:500}.panel-heading>span{color:#676971;font-size:8px}.layers{gap:6px}.layer{background:#222329;border-radius:7px;color:#777b86;padding:13px 9px;font-size:11px}.layer>span{font-size:15px}.layer small{font-size:7px}.layer.active{background:#332d27;border-color:#6c5540;color:#d4b393}.section-label{font-size:9px;color:#676b75;margin-top:26px}.section-label>span{background:#2c2d33;color:#9a9ba2}.organ-item{color:#93949b;padding:10px 6px;font-size:11px;border-radius:6px}.organ-item small{color:#5e626d;font-size:8px}.organ-item:hover{background:#24252b}.organ-item.selected{background:#2c2927;border-color:#4b3f34;color:#d4b89a}.organ-item .arrow{color:#8c7259}.organ-dot{width:7px;height:7px;border-radius:50%;opacity:.8}.aside-tip{color:#655e54;border-color:#2c2b2c}.aside-tip p{font-size:9px;color:#71717b}.stage{min-height:630px;background:#1e2229;background-image:radial-gradient(ellipse at 50% 40%,#41444b 0%,#292c33 40%,#1a1d23 80%);border:1px solid #3a3c43;border-radius:12px}.stage:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.07' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.2;pointer-events:none}.stage-top{left:22px;right:22px;top:20px;color:#7c808b;font-size:9px}.stage-badge{background:#252931c7;border:1px solid #54565d;color:#c7c7c9;font-size:8px;letter-spacing:1px;border-radius:4px;padding:8px 10px}.stage-badge i{width:4px;height:4px}.stage-watermark{top:88px;left:27px;font-size:58px;line-height:.93;letter-spacing:-3px;font-weight:600;color:#dce0e30a}.camera-tabs{display:flex;align-items:center;gap:4px;pointer-events:auto}.camera-tabs button{background:#252931c7;color:#b7b8be;border:1px solid #4c4f58;border-radius:4px;padding:6px 10px;font-size:9px}.camera-tabs button:hover{background:#70583f;color:#fff}.camera-tabs span{display:none}.reveal{background:#c8a581;color:#211b16;box-shadow:0 6px 30px #0003;border-radius:6px;padding:13px 24px;bottom:72px;font-size:11px;letter-spacing:.5px}.reveal>span{color:#5e4833}.reveal:hover{background:#e1bd97}.gesture{color:#737984;font-size:8px}.view-tools{background:#24282fcc;border:1px solid #474b54;border-radius:6px;padding:3px}.view-tools button{color:#c2bdba;font-size:17px}.view-tools button:hover,.view-tools button[aria-pressed=true]{background:#494038}.view-tools>span{background:#4e4b4b}.organ-illustration{background:radial-gradient(circle,#343037,#222228);border:1px solid #36343b;border-radius:8px;height:126px;margin-bottom:23px}.organ-illustration svg{width:82px;height:82px;filter:drop-shadow(0 12px 10px #0004)}.organ-illustration small{color:#73717b;font-size:7px}.card-kicker{font-size:8px;color:#666b77;letter-spacing:1.7px}.card-title{margin-top:11px;margin-bottom:16px}.card-title h3{font-size:26px;color:#d9d5d0}.card-title>span{color:#72747b;font-size:8px}#organCard p{font-size:11px;color:#8c8d96;line-height:2}.function-tag{background:#302b26;color:#b19372;font-size:8px}.fact{background:#202126;border-color:#323238;border-radius:6px;margin-top:22px;padding:14px}.fact>span{color:#ba9b77;font-size:9px}.fact p{color:#86858c;font-size:9px}.model-meta>div{font-size:8px}.model-meta span{color:#626570}.model-meta strong{color:#909099}.guide{background:transparent;border-color:#2b2d33;border-radius:8px;padding:9px 18px;margin-top:16px}.guide-title{font-size:10px;color:#aaa6a2;font-weight:400}.guide p{font-size:9px;color:#767780}.guide b{color:#b79470;font-size:8px}footer{font-size:8px;color:#626570;padding:21px 0}#loading{color:#d3b08c}@media(min-width:1500px){.workspace{min-height:650px}.stage{min-height:650px}}@media(max-width:1100px){.workspace{grid-template-columns:170px minmax(270px,1fr) 205px}.panel{padding:18px 13px}.intro h1{font-size:29px}}@media(max-width:800px){header{height:72px}.intro{padding:26px 0}.intro h1{font-size:27px;line-height:1.5}.intro h1 span{display:block;margin:0}.intro p{font-size:10px;max-width:290px;line-height:1.8}.workspace{grid-template-columns:1fr 1fr}.stage{min-height:570px}.organ-panel,.info-panel{grid-row:2}.panel{padding:18px 14px}.stage-watermark{font-size:50px;top:86px}.stage-top{left:15px;right:15px}.organ-illustration{height:105px}.organ-item{font-size:10px}.organ-item small{font-size:7px}.intro-note{display:none}.guide p{font-size:8px}.gesture{font-size:8px}.card-title>span{font-size:7px}}
.camera-tabs button[aria-pressed=true]{background:#c8a581;border-color:#c8a581;color:#241d17}.stage-badge{max-width:48%}.stage-top{gap:8px}.camera-tabs{flex-shrink:0}.camera-tabs button{transition:background .2s,color .2s}#loading{z-index:4;top:45%;background:#1c2028e6;padding:18px}#loading button{border:1px solid #c8a581;background:transparent;color:#c8a581;border-radius:5px;margin-left:10px;padding:5px 12px}@media(max-width:800px){.stage-top{top:16px;left:12px;right:12px}.stage-badge{font-size:7px;letter-spacing:.4px;padding:7px}.camera-tabs button{padding:6px 8px}.reveal{bottom:68px}.stage{min-height:540px}.stage-watermark{font-size:42px;left:18px}.gesture{max-width:125px;font-size:7px}}@media(prefers-reduced-motion:reduce){.camera-tabs button{transition:none}}

/* Three registered layers, one shared body. */
.layer{padding:11px 10px;gap:13px}.layer>span{font-size:12px;font-variant-numeric:tabular-nums;color:#90775f}.layer>div{display:grid;gap:4px}.layer small{display:block;margin:0;font-size:7px;letter-spacing:1px}.layer>b{margin-left:auto;font-size:12px;font-weight:400;opacity:.4}.layer.active>b{opacity:1}.layer-indicator{position:absolute;left:25px;top:180px;pointer-events:none}.layer-indicator>span{font-size:46px;line-height:1;color:#b49a7d;font-weight:400;letter-spacing:-3px;opacity:.45}.layer-indicator>div{font-size:9px;margin-top:8px;color:#777b85;letter-spacing:1px}.organ-options{position:absolute;top:62px;right:22px;z-index:3;display:flex;gap:5px}.organ-options[hidden],.organ-tag[hidden]{display:none}.organ-options button{background:#272b32;border:1px solid #4a4e57;color:#c8c7c6;border-radius:5px;padding:7px 9px;font-size:9px}.organ-options button[aria-pressed=true]{border-color:#c9a781;color:#d6b58c;background:#3d342b}.organ-tag{position:absolute;z-index:2;pointer-events:none;background:#11151be0;color:#e0c5a7;border:1px solid #81694f;padding:5px 9px;border-radius:4px;font-size:10px;white-space:nowrap}.organ-tag:before{content:'';position:absolute;width:30px;height:1px;background:#ad8d6b;right:100%;top:50%}.view-tools button{font-size:13px;width:28px}.view-tools button[aria-label="放大"],.view-tools button[aria-label="缩小"]{font-size:18px}.reveal{bottom:70px}.stage{min-height:680px}.section-label{margin-top:20px}.organ-item{padding:8px 6px}.aside-tip{margin-top:12px}.stage-bottom{z-index:3}.stage-top{z-index:3}.layer-indicator{z-index:1}.stage-watermark{font-size:48px}.gesture{max-width:95px;line-height:1.8}.organ-illustration svg{opacity:.85}
@media(max-width:1100px){.gesture{display:none}.layer{gap:8px;padding:10px 7px}.layer small{font-size:6px}.layer>b{display:none}}
@media(max-width:800px){.stage{min-height:580px}.workspace{gap:10px}.layer-indicator{top:170px;left:18px}.layer-indicator>span{font-size:34px}.layer-indicator>div{font-size:8px}.stage-watermark{font-size:40px}.stage-bottom{left:12px;right:12px;justify-content:flex-end}.view-tools button{width:28px;height:30px}.organ-options{right:12px;top:57px}.reveal{bottom:64px;padding:11px 18px}.organ-panel{padding:17px 11px}.info-panel{padding:17px 11px}.organ-item small{display:none}.layer>div{font-size:11px}.layer small{font-size:6px}.layer-indicator>div{max-width:70px;line-height:1.6}footer{flex-direction:column;gap:5px}.camera-tabs button{padding:7px 8px}}