:root{color:#f5ead2;background:#11100f;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,PingFang SC,Microsoft YaHei,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #11100f;--charcoal: #171615;--oxblood: #4a1716;--vermilion: #b9342d;--gold: #d5a74d;--jade: #2f756c;--paper: #f5ead2;--muted: #b9aa89;--line: rgba(245, 234, 210, .16);--panel: rgba(255, 246, 220, .07);--panel-strong: rgba(255, 246, 220, .11)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:100vh;background:linear-gradient(135deg,rgba(185,52,45,.16),transparent 36%),radial-gradient(circle at 76% 22%,rgba(47,117,108,.22),transparent 32%),linear-gradient(150deg,#11100f,#191210 48%,#101819)}.side-rail{display:flex;flex-direction:column;gap:28px;padding:36px 26px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0000002e,#0000006b),#120f0de0}.brand-lockup span,.stage-header span,.section-title span,.source-note span,.region-detail span,.role-profile span{display:inline-flex;color:var(--gold);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand-lockup h1{margin:10px 0 8px;max-width:100%;overflow:hidden;font-size:clamp(44px,3.4vw,58px);line-height:1;letter-spacing:0;white-space:nowrap}.brand-lockup p,.source-note p,.section-title p,.stage-header p,.timeline-list p,.ritual-flow p,.value-panel p,.role-profile p,.role-profile strong,.source-link,.card-copy p,.card-copy small{color:var(--muted);font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.62}.brand-lockup p{margin:0}.module-nav{display:grid;gap:12px}.nav-step{display:grid;grid-template-columns:36px 32px 1fr;align-items:center;gap:12px;min-height:78px;padding:14px;color:var(--paper);text-align:left;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.nav-step svg,.primary-action svg,.secondary-action svg,.ghost-action svg,.status-pill svg,.timeline-panel h3 svg,.ritual-panel h3 svg,.making-panel h3 svg,.trait-list h3 svg,.value-panel svg{width:20px;height:20px;flex:0 0 auto}.nav-step:hover,.nav-step.active{border-color:#d5a74db3;background:linear-gradient(135deg,#b9342d52,#2f756c29)}.step-index{color:#f5ead26b;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:700}.nav-step strong{display:block;font-size:22px;line-height:1.12}.nav-step small{display:block;margin-top:4px;color:var(--muted);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}.source-note{margin-top:auto;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.source-note p{margin:8px 0 0;font-size:13px}.system-stage{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;padding:28px}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;border-bottom:1px solid var(--line)}.stage-header h2{margin:8px 0 0;font-size:34px;line-height:1;letter-spacing:0}.header-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.header-tags span{padding:10px 14px;color:var(--paper);border:1px solid var(--line);border-radius:999px;background:#ffffff0d}.stage-content{min-height:0}.module-grid{display:grid;gap:18px;height:calc(100vh - 56px);min-height:0}.section-title{align-self:start}.section-title h2{max-width:880px;margin:8px 0 10px;font-size:clamp(30px,3vw,50px);line-height:1.08;letter-spacing:0}.section-title h2.one-line-title{max-width:none;font-size:clamp(28px,2.45vw,44px);white-space:nowrap}.section-title p{max-width:900px;margin:0;font-size:16px}.recognize-grid{grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);grid-template-rows:auto minmax(230px,.8fr) minmax(270px,1fr) auto}.recognize-grid .section-title{grid-column:1 / -1}.recognize-grid .map-panel{grid-row:2 / 4}.map-panel,.timeline-panel,.ritual-panel,.value-panel,.role-profile,.mask-structure,.making-panel,.experience-shell{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 22px 80px #0003}.map-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}.map-visual{position:relative;display:grid;place-items:center;min-height:0;padding:18px 18px 34px}.map-visual svg{width:min(100%,560px);height:min(100%,520px);filter:drop-shadow(0 28px 40px rgba(0,0,0,.28));overflow:visible}.map-marker{cursor:pointer;outline:none}.map-land{opacity:.96}.map-border{stroke:#f5ead294;stroke-width:4;vector-effect:non-scaling-stroke}.division-line{stroke:#f5ead257;stroke-linecap:round;stroke-width:2.8;vector-effect:non-scaling-stroke}.nuo-zone{fill:#d5a74d3d;stroke:#d5a74d57;stroke-width:1.5}.province-watermark{fill:#f5ead214;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;font-size:70px;font-weight:800;letter-spacing:0;pointer-events:none}.city-labels text{fill:#f5ead2b8;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;paint-order:stroke;pointer-events:none;stroke:#11100f94;stroke-width:4}.leader-line{fill:none;stroke:#f5ead2a3;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6;vector-effect:non-scaling-stroke}.hit-box{fill:#ffffff03;pointer-events:all}.pin-halo{fill:#b9342d33;stroke:#f5ead25c;stroke-width:1.2}.pin-ring{fill:#11100fc7;stroke:#f5ead2b8;stroke-width:2.4}.pin-core{fill:var(--gold);filter:drop-shadow(0 0 10px rgba(213,167,77,.86))}.callout-label{fill:#f5ead2e0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:700;letter-spacing:0;paint-order:stroke;stroke:#11100fd1;stroke-width:4}.map-marker:hover .pin-halo,.map-marker.active .pin-halo,.map-marker:focus-visible .pin-halo{fill:#d5a74d42;stroke:#d5a74dc7}.map-marker:hover .pin-ring,.map-marker.active .pin-ring,.map-marker:focus-visible .pin-ring{fill:#b9342d7a;stroke:var(--gold)}.map-marker:hover .callout-label,.map-marker.active .callout-label,.map-marker:focus-visible .callout-label{fill:var(--gold)}.map-source-link{position:absolute;right:16px;bottom:12px;color:#f5ead294;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;text-decoration:none}.map-source-link:hover{color:var(--gold)}.region-detail{padding:20px;border-top:1px solid var(--line);background:#0000002e}.region-detail h3{margin:8px 0 2px;font-size:30px}.region-detail p{margin:0 0 12px;color:var(--gold);font-family:PingFang SC,Microsoft YaHei,sans-serif}.region-detail strong{color:var(--paper);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;font-weight:500;line-height:1.6}.timeline-panel,.ritual-panel{padding:20px;overflow:hidden}.timeline-panel h3,.ritual-panel h3,.making-panel h3,.trait-list h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--paper);font-size:22px}.timeline-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.timeline-list article{display:grid;gap:8px;min-height:166px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#00000024}.timeline-list span{color:var(--gold);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:700}.timeline-list h4,.ritual-flow h4,.value-panel h4{margin:0;font-size:17px}.timeline-list p,.ritual-flow p{margin:0;font-size:12px;line-height:1.55}.ritual-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ritual-flow article{min-height:138px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.ritual-flow span,.ritual-flow small{display:block;color:var(--gold);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:700}.ritual-flow h4{margin:5px 0}.ritual-flow p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ritual-flow small{margin-top:7px;color:#8ec3b8}.value-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}.value-panel article{display:grid;grid-template-columns:28px 1fr;gap:6px 12px;align-items:start;padding:14px;border-radius:8px;background:#ffffff0a}.value-panel svg{color:var(--gold);grid-row:span 2}.value-panel p{margin:0;font-size:13px}.observe-grid{grid-template-columns:minmax(360px,.8fr) minmax(420px,.95fr) minmax(360px,.7fr);grid-template-rows:auto minmax(0,1fr) auto}.observe-grid .section-title{grid-column:1 / -1}.mask-gallery{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));grid-column:1 / -1;gap:12px}.mask-card{display:grid;justify-items:center;min-height:188px;padding:14px;color:var(--paper);border:1px solid var(--line);border-radius:8px;background:#ffffff0d}.mask-card:hover,.mask-card.active,.mask-chip.active{border-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 20%,transparent),#00000014)}.mask-card img{width:min(112px,54%);min-width:96px;height:126px;object-fit:contain;object-position:center;border:1px solid rgba(245,234,210,.16);border-radius:8px;background:#ffffff0f;filter:drop-shadow(0 20px 18px rgba(0,0,0,.28))}.mask-card span{margin-top:8px;font-size:21px;font-weight:700}.mask-card small{color:var(--muted);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.45}.role-profile{display:flex;flex-direction:column;gap:16px;padding:24px}.role-profile h3{margin:8px 0;font-size:42px}.role-profile p{margin:0;color:var(--paper);font-size:20px}.role-profile strong{font-weight:500}.source-link{display:inline-flex;width:fit-content;color:#e6c168;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(230,193,104,.38)}.source-link:hover{color:#fff0b8}.mask-structure{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;padding:22px}.structure-art{position:relative;display:grid;place-items:center;min-height:360px;border-radius:8px;background:linear-gradient(90deg,transparent 49%,rgba(245,234,210,.12) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(245,234,210,.1) 50%,transparent 51%),#00000029}.structure-art img{width:min(60%,320px);max-height:86%;object-fit:contain;object-position:center;border:1px solid rgba(245,234,210,.14);border-radius:8px;background:#ffffff0d;filter:drop-shadow(0 28px 26px rgba(0,0,0,.34))}.callout{position:absolute;padding:7px 10px;color:var(--paper);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-style:normal;border:1px solid var(--line);border-radius:999px;background:#00000073}.callout.brow{top:20%;left:18%}.callout.color{top:32%;right:13%}.callout.mouth{bottom:22%;left:16%}.callout.pattern{bottom:12%;right:16%}.trait-list{display:flex;flex-direction:column;gap:10px}.trait-list span{padding:12px;color:var(--paper);font-family:PingFang SC,Microsoft YaHei,sans-serif;border:1px solid var(--line);border-radius:8px;background:#ffffff0d}.making-panel{padding:20px}.making-panel div{display:flex;flex-wrap:wrap;gap:10px}.making-panel span{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;color:var(--paper);font-family:PingFang SC,Microsoft YaHei,sans-serif;border:1px solid var(--line);border-radius:999px;background:#ffffff0d}.making-panel span:last-child svg{display:none}.making-panel svg{width:14px;height:14px;color:var(--gold)}.enter-grid,.legacy-grid{grid-template-rows:auto minmax(0,1fr)}.tryon-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;min-height:0}.tryon-stage{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#080808}.tryon-stage canvas{display:block;width:100%;height:100%;object-fit:contain}.hidden-video{display:none}.tryon-controls{display:flex;flex-direction:column;gap:14px;min-width:0}.status-pill{display:flex;align-items:center;gap:10px;min-height:66px;padding:14px;color:var(--paper);font-family:PingFang SC,Microsoft YaHei,sans-serif;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.mask-picker{display:grid;gap:10px}.mask-picker.compact{grid-template-columns:1fr}.mask-chip{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:12px;min-height:72px;padding:10px;color:var(--paper);text-align:left;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.mask-chip img{width:52px;height:52px;object-fit:contain;object-position:center;border:1px solid rgba(245,234,210,.16);border-radius:6px;background:#ffffff12}.mask-chip span{font-size:17px;font-weight:700}.tryon-actions,.experience-actions{display:grid;gap:10px;margin-top:auto}.primary-action,.secondary-action,.ghost-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 16px;color:var(--paper);border-radius:8px}.primary-action{border:1px solid rgba(213,167,77,.7);background:linear-gradient(135deg,#a52d28,#9b6d2e 54%,#267065);box-shadow:0 20px 42px #b9342d38}.secondary-action{border:1px solid var(--line);background:#ffffff12}.ghost-action{border:1px solid transparent;background:transparent}.experience-shell{display:grid;grid-template-columns:minmax(460px,.74fr) 340px;gap:22px;min-height:0;padding:24px}.experience-card-preview{position:relative;display:grid;grid-template-columns:minmax(190px,.95fr) minmax(190px,.85fr);grid-template-rows:minmax(0,1fr) auto;gap:18px;min-height:0;padding:24px;overflow:hidden;border:1px solid rgba(213,167,77,.42);border-radius:8px;background:linear-gradient(135deg,rgba(185,52,45,.34),transparent 42%),linear-gradient(155deg,rgba(47,117,108,.24),transparent 55%),#00000038}.card-photo{grid-row:1 / span 2;display:grid;place-items:center;min-height:0;overflow:hidden;border-radius:8px;background:#ffffff14}.card-photo img{width:100%;height:100%;min-height:360px;object-fit:cover}.card-photo img[src$=".svg"]{width:min(72%,420px);height:auto;min-height:unset;object-fit:contain}.card-copy{align-self:center;min-width:0}.card-copy h3{margin:12px 0;color:var(--paper);font-size:34px;line-height:1.12;overflow-wrap:anywhere}.card-copy strong{display:block;margin-bottom:14px;color:#fff9e8;font-size:22px}.card-copy p{color:var(--paper);font-size:18px}.card-copy small{display:block;color:var(--muted);font-size:13px;line-height:1.6}.fake-qr{position:static;justify-self:start;align-self:end;display:grid;grid-template-columns:repeat(7,9px);gap:5px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff6dc17}.fake-qr i{width:9px;height:9px;background:var(--paper)}.fake-qr i.empty{opacity:0}@media(max-width:1180px){body{overflow:auto}.app-shell{grid-template-columns:1fr}.side-rail{position:static;padding:24px;border-right:0;border-bottom:1px solid var(--line)}.module-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-step{grid-template-columns:1fr;justify-items:center;text-align:center}.source-note{display:none}.module-grid{height:auto}.recognize-grid,.observe-grid,.tryon-layout,.experience-shell,.experience-card-preview{grid-template-columns:1fr}.mask-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.tryon-stage{aspect-ratio:16 / 9}}@media(max-height:900px)and (min-width:1181px){body{overflow:auto}.side-rail{position:sticky;top:0;height:100vh}.module-grid{height:auto;min-height:calc(100vh - 56px)}.timeline-panel,.ritual-panel{overflow:visible}}@media(max-width:680px){.system-stage{padding:18px}.stage-header,.header-tags{align-items:flex-start;flex-direction:column}.module-nav,.mask-gallery,.ritual-flow,.value-panel,.mask-structure{grid-template-columns:1fr}.stage-header h2,.section-title h2{font-size:28px}}