/* Wuling accents: pale jade, weathered brass and flowing contour lines. */
body[data-theme="lab-paper"]{--paper:#f1f3ec;--surface:#f9faf5;--ink:#283b34;--muted:#62716a;--line:#cfd8cc;--accent:#c7cf9b;--panel:#e7eee3;--header:#f9faf5f2;color:var(--ink);background:var(--paper)}
.hero-art{z-index:-3}.hero-video,.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center}.hero-video{opacity:0;transition:opacity 1.25s ease;pointer-events:none}.hero-video.is-ready{opacity:1}.hero-art:after{z-index:2;pointer-events:none}.wuling-art img{object-position:56% center}.wuling-art:after{background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 95%,transparent) 13%,color-mix(in srgb,var(--paper) 62%,transparent) 29%,transparent 53%),linear-gradient(0deg,var(--paper),transparent 25%)}
.wuling-contours{position:absolute;inset:0;z-index:-1;background:url('/assets/wuling/wuling-lines.svg') left bottom/70% auto no-repeat;opacity:.17;pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.wuling-seal{position:absolute;right:28px;top:95px;display:block;border:1px solid #9d6253;color:#995b4e;padding:10px 7px;font-family:"KaiTi","STKaiti",serif;font-size:21px;line-height:1.1;background:#f4f3e4bd;outline:1px solid #9d625350;outline-offset:3px;transform:rotate(2deg)}
.art-label{border-left-color:#a29358;background:#f3f4e7dc;color:#354a40}.art-label b{font-family:"Songti SC","SimSun",serif;font-weight:500;letter-spacing:.12em;font-size:18px}.art-label small{font-size:8px}.art-label a:hover{text-decoration:underline}.hero-coordinate{color:#4f6558;background:#f3f4e8bf}.brand-symbol{border-left-color:#a9975e}.yellow-square{background:#a59a62}.marked:after{background:#c7d7ad}.hero .name-dot{color:#899568}.section-index:before{background:#82937c}.notes{background-image:url('/assets/wuling/wuling-lines.svg');background-position:left bottom;background-size:500px auto;background-repeat:no-repeat}.closing-note{border-top-style:double;border-top-width:3px}.media-credit{font-size:9px;line-height:1.8;color:var(--muted);margin-top:18px;max-width:740px}.site-footer{padding-bottom:110px}
.media-dock{position:fixed;right:23px;bottom:22px;z-index:45;width:330px;max-width:calc(100vw - 28px);color:var(--ink)}.media-buttons{display:flex;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 30px #173e2d1c;padding:5px;gap:3px;position:relative}.media-buttons:before{content:"";position:absolute;left:0;right:0;top:-3px;height:2px;background:linear-gradient(90deg,#8b9e82,#c4af7d,transparent)}.media-buttons>button{display:flex;align-items:center;gap:12px;flex:1;text-align:left;padding:9px 12px;min-height:49px}.media-buttons>button:hover{background:var(--panel)}.media-buttons>button[aria-pressed="true"]{background:var(--panel)}.media-buttons>button+button{border-left:1px solid var(--line)}.media-icon{font-size:23px;font-weight:400;color:var(--muted);width:23px;text-align:center}.media-button-copy{display:flex;flex-direction:column;gap:4px}.media-button-copy>small{font:7px var(--mono);letter-spacing:.06em;color:var(--muted)}.media-button-copy>b{font-size:11px;font-weight:500}.media-buttons>#show-music{flex:0;padding:8px 7px;font-size:20px}.media-buttons>[hidden]{display:none!important}.music-panel[hidden]{display:none}.music-panel{background:var(--surface);border:1px solid var(--line);padding:18px 16px 15px;box-shadow:0 10px 40px #173e2d26;margin-bottom:10px;animation:musicPanelEnter .35s ease-out}.music-panel-heading{display:flex;justify-content:space-between;align-items:center}.music-panel-heading small{font-size:7px;color:var(--muted)}.music-panel-heading h2{font-size:23px;letter-spacing:.13em;margin-top:6px}.music-panel-heading h2 span{font:8px var(--mono);letter-spacing:.08em;color:var(--muted);margin-left:4px}.music-panel-heading button{font-size:25px;width:34px;height:34px}.music-artist{font-size:9px;color:var(--muted);margin:11px 0 14px}#music-frame{background:#1c2420;aspect-ratio:16/9;overflow:hidden}#music-frame iframe{display:block;width:100%;height:100%;border:0}#music-help{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 7px}.official-music-link{font-size:10px;border-bottom:1px solid var(--line);padding-bottom:2px}.music-panel.is-minimized{position:absolute;bottom:68px;right:0;width:330px;opacity:0;pointer-events:none;visibility:hidden}.music-panel.is-minimized:focus-within{opacity:1;visibility:visible;pointer-events:auto}#music-toggle[aria-pressed="true"] .media-icon{color:#7d8b53}.hero-video.is-failed{opacity:0}.wuling-art{animation:none!important}
@keyframes wulingArrival{from{opacity:0;transform:translateX(16px) scale(1.02);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes musicPanelEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){body:not(.reduce-motion) .wuling-art{animation:wulingArrival 1.6s cubic-bezier(.16,1,.3,1) both!important}body:not(.reduce-motion) .wuling-seal{animation:enter 1.1s .4s both}}
body[data-dark="true"] .hero-video{filter:brightness(.8) saturate(.85)}
@media(max-width:950px){.wuling-art:after{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper) 88%,transparent) 20%,color-mix(in srgb,var(--paper) 25%,transparent) 48%,transparent 70%),linear-gradient(0deg,var(--paper),transparent 30%)}.wuling-seal{right:22px;top:77px;font-size:18px}.media-dock{right:18px;bottom:18px}}
@media(max-width:640px){.wuling-art:after{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--paper) 96%,transparent) 5%,color-mix(in srgb,var(--paper) 35%,transparent) 25%,transparent 48%,transparent 76%,var(--paper)),linear-gradient(90deg,color-mix(in srgb,var(--paper) 16%,transparent),transparent 45%)}.hero-video,.wuling-art img{object-position:56% center}.wuling-seal{top:auto;bottom:177px;right:17px;font-size:17px;padding:8px 5px}.art-label>b{font-size:13px}.art-label>small{display:block;font-size:7px}.art-label{bottom:84px}.wuling-contours{background-size:130% auto;opacity:.12}.media-dock{right:14px;bottom:max(12px,env(safe-area-inset-bottom));width:310px;max-width:calc(100vw - 28px)}.media-buttons>button{padding:7px 9px;min-height:43px;gap:10px}.media-button-copy>b{font-size:10px}.media-button-copy>small{font-size:6px}.music-panel{padding:15px 13px;max-height:calc(100svh - 160px);overflow:auto}.music-panel.is-minimized{width:310px;bottom:60px}.site-footer{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){.wuling-art{animation:none!important}.hero-video{transition:none}}
