/* Isolated specimens; the live scene uses the homepage's own CSS in an iframe. */
.sig-jumps{display:flex;flex-wrap:wrap;gap:12px 28px;margin:30px 0 52px;padding-block:18px;border-block:1px solid var(--nz-line)}
.sig-jumps a{font-size:14px;min-height:36px;display:flex;align-items:center;color:var(--nz-muted);text-decoration:none}
.sig-jumps a:hover{color:var(--nz-accent)}
.sig-study{margin-block:60px 84px;scroll-margin-top:100px;min-width:0}
.sig-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:28px}
.sig-heading h3,.sig-complete h3{font:400 clamp(27px,2.6vw,36px)/1.25 var(--nz-serif);letter-spacing:-.025em;margin:12px 0 0}
.sig-heading>p,.sig-complete>p:not(.nz-label){margin:0;color:var(--nz-muted);font-size:15px;line-height:1.8;max-width:660px}
.sig-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 0}
.sig-rules>div{border-top:1px solid var(--nz-line);padding-top:18px}.sig-rules dt{font-size:14px;margin-bottom:9px}.sig-rules dd{margin:0;font-size:14px;line-height:1.75;color:var(--nz-muted)}
.sig-stage-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--nz-line);font-size:13px;color:var(--nz-muted)}
.sig-stage-footer a{color:var(--nz-accent)}
.sig-glide-stage{padding:36px;background:var(--nz-surface);border:1px solid var(--nz-line)}
.sig-glide{position:relative;display:flex;gap:24px;align-items:center;width:max-content;max-width:100%;padding:8px;isolation:isolate}
.sig-glide button{position:relative;z-index:1;border:0;background:none;color:var(--nz-muted);padding:12px 18px;min-height:48px;font:17px/1.4 var(--nz-sans);white-space:nowrap;transition:color 200ms,scale 320ms var(--nz-ease)}
.sig-glide button:is(:hover,:focus-visible,[aria-selected=true]){color:var(--nz-ink);scale:1.025}
.sig-glide-indicator{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border:1px solid color-mix(in srgb,var(--nz-accent) 52%,transparent);border-radius:12px;background:color-mix(in srgb,var(--nz-accent) 7%,transparent);box-shadow:inset 0 2px 6px #0002,inset 0 0 16px color-mix(in srgb,var(--nz-accent) 12%,transparent),0 0 10px color-mix(in srgb,var(--nz-accent) 8%,transparent);transition:transform 420ms cubic-bezier(.22,.8,.25,1),width 420ms cubic-bezier(.22,.8,.25,1),height 420ms cubic-bezier(.22,.8,.25,1),opacity 180ms;opacity:0}
.sig-glide[data-ready] .sig-glide-indicator{opacity:1}
.sig-hover-panel{min-height:225px;padding:45px 8px 28px}.sig-hover-panel h4{font:32px/1.3 var(--nz-serif);margin:12px 0 18px}.sig-hover-panel p{font-size:15px;color:var(--nz-muted);max-width:560px;margin:0;line-height:1.8}
.sig-gallery{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--nz-line);background:var(--nz-surface);padding:24px 30px}
.sig-beam{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:blur(9px);transition:opacity 280ms}.sig-gallery[data-lamp=off] .sig-beam{opacity:0}
.sig-gallery-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:105px;margin-bottom:16px}
.sig-lamp{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--nz-ink);font:13px var(--nz-sans);min-height:44px;flex-shrink:0;padding:0}
.sig-lamp img{width:108px;height:100px;object-fit:contain;transform:scaleX(-1);filter:drop-shadow(0 5px 8px #0004);transition:filter 260ms}
.sig-gallery[data-lamp=off] .sig-lamp img{filter:brightness(.6) drop-shadow(0 5px 8px #0004)}
.sig-gallery-layout{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center;min-height:380px;padding-bottom:24px}
.sig-work-list{position:relative;z-index:1}.sig-work-list button{width:100%;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--nz-line);background:none;color:var(--nz-muted);padding:17px 0;font:clamp(19px,2vw,26px)/1.3 var(--nz-serif);min-height:55px;transition:color 240ms}
.sig-work-list small{font:11px var(--nz-sans)}.sig-work-list b{font:16px var(--nz-sans);opacity:0}.sig-work-list [aria-pressed=true]{color:var(--nz-ink)}.sig-work-list [aria-pressed=true] b{opacity:1}.sig-gallery[data-lamp=on] .sig-work-list [aria-pressed=true]{color:var(--nz-accent)}
.sig-art-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:380px;gap:18px;padding-left:28px}
.sig-art-frame{display:block;position:relative;flex-shrink:0;background:none;border:0;padding:0;width:280px;height:200px;filter:drop-shadow(0 10px 14px #0005);transition:width 520ms cubic-bezier(.22,.7,.2,1),height 520ms cubic-bezier(.22,.7,.2,1);cursor:zoom-in}
.sig-art-frame::after{content:'';position:absolute;inset:0;pointer-events:none;border:20px solid transparent;border-image:url('assets/ornate-work-frame.png') 20.5% stretch}
.sig-art-window{display:block;position:absolute;inset:19px;overflow:hidden;background:#101211;border:9px solid #111715;box-shadow:inset 0 0 12px #0008}
.sig-art-track{display:flex;flex-direction:column;width:100%;height:100%;transition:transform 520ms cubic-bezier(.22,.7,.2,1)}
.sig-art-slide{display:block;flex:0 0 100%;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.sig-art-slide img{display:block;width:100%;height:100%;object-fit:contain}.sig-art-slide[data-crop]{background:#f3faf9}.sig-art-slide[data-crop] img{position:absolute;left:0;bottom:0;width:110%;height:auto;max-width:none;transform:translateY(calc(30.141388% + 1px))}
.sig-art-caption{text-align:center;display:grid;gap:6px;min-height:45px}.sig-art-caption strong{font-weight:400;font-size:14px}.sig-art-caption span{font:12px var(--nz-sans);color:var(--nz-muted)}
.sig-gallery .sig-stage-footer{min-height:66px}.sig-gallery .sig-stage-footer>span{flex:1}.sig-dialog-footer{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.sig-dialog-footer p{color:var(--nz-muted)}
.sig-scene-tabs{display:flex;flex-wrap:wrap;gap:8px;border-block:1px solid var(--nz-line);padding:18px 0}.sig-scene-tabs button{border:1px solid transparent;color:var(--nz-muted);background:none;padding:12px 15px;font:14px/1.5 var(--nz-sans);min-height:44px}.sig-scene-tabs [aria-pressed=true]{border-color:var(--nz-line);color:var(--nz-ink);background:var(--nz-surface)}
.sig-scene-intro{min-height:125px;padding:24px 0}.sig-scene-intro h4{margin:0 0 9px;font-size:17px;font-weight:400}.sig-scene-intro p{font-size:14px;line-height:1.8;color:var(--nz-muted);margin:0;max-width:720px}
.sig-live-shell{position:relative;background:#0c1415;border:1px solid var(--nz-line);height:610px;overflow:hidden}
.sig-live-shell iframe{width:100%;height:100%;border:0;background:#0b1113;display:block}.sig-live-shell iframe[hidden]{display:none}
.sig-live-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#eee9df;background:radial-gradient(ellipse at 50% 35%,#35423c55,transparent 60%)}.sig-live-placeholder[hidden]{display:none}.sig-live-placeholder img{width:180px;height:140px;object-fit:contain;filter:drop-shadow(0 12px 16px #0007)}.sig-live-placeholder p{font-size:14px;color:#aab3b0}.sig-live-placeholder button{color:#eee9df}
.sig-scene-controls{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:20px 0}.sig-progress-control{display:flex;align-items:center;flex:1;gap:12px;font-size:13px;min-width:250px}.sig-progress-control input{min-width:80px;flex:1;accent-color:var(--nz-accent)}.sig-progress-control output{font-variant-numeric:tabular-nums;min-width:35px}.sig-scene-controls button,.sig-scene-controls a{font-size:13px}
.sig-scene-notes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.sig-scene-notes article{border-top:1px solid var(--nz-line);padding-top:20px}.sig-scene-notes h4{font-size:16px;font-weight:400;margin:0 0 12px}.sig-scene-notes p{font-size:14px;line-height:1.8;color:var(--nz-muted);margin:0}
.sig-complete{padding:32px;border:1px solid var(--nz-line)}.sig-complete h3{margin-bottom:18px}.sig-complete button{margin-top:18px}
.lib-component.is-signature .lib-demo{padding:25px 32px}.sig-catalog-link{display:flex;gap:18px;align-items:center;text-decoration:none;color:var(--nz-ink);width:100%;min-height:84px}.sig-catalog-symbol{display:grid;place-items:center;width:76px;height:66px;border:1px solid var(--nz-line);background:var(--nz-surface);font:30px var(--nz-serif);color:var(--nz-accent);flex-shrink:0}.sig-catalog-link span:last-child{font-size:14px;line-height:1.7}.sig-catalog-link small{display:block;color:var(--nz-muted);font-size:12px;margin-top:5px}
html[lang=zh-CN] .sig-heading h3,html[lang=zh-CN] .sig-hover-panel h4{line-height:1.45;letter-spacing:0}
body[data-nz-motion=off] :is(.sig-glide-indicator,.sig-glide button,.sig-art-frame,.sig-art-track,.sig-beam,.sig-lamp img){transition:none!important}
@media(max-width:1050px){.sig-gallery{padding:22px}.sig-gallery-layout{grid-template-columns:40% 60%}.sig-work-list button{font-size:20px;gap:7px}.sig-art-stage{padding-left:18px}}
@media(max-width:760px){.sig-heading{grid-template-columns:1fr;gap:18px}.sig-jumps{gap:6px 20px;margin-bottom:30px}.sig-study{margin-block:40px 60px}.sig-glide-stage{padding:20px}.sig-glide{gap:0;padding:4px;width:100%}.sig-glide button{font-size:14px;padding:11px 13px}.sig-hover-panel{padding:30px 0 20px;min-height:225px}.sig-hover-panel h4{font-size:27px}.sig-stage-footer{flex-wrap:wrap;gap:10px}.sig-rules{grid-template-columns:1fr;gap:18px}.sig-gallery-layout{display:flex;flex-direction:column;min-height:0}.sig-work-list{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sig-work-list button{font-size:16px;grid-template-columns:18px 1fr;gap:7px}.sig-work-list b{display:none}.sig-gallery-toolbar>.nz-label{font-size:10px;text-align:right;max-width:100px}.sig-art-stage{width:100%;padding:24px 0 0;height:370px}.sig-art-frame::after{border-width:18px}.sig-art-window{inset:17px}.sig-scene-tabs{gap:4px}.sig-scene-tabs button{font-size:13px;padding:10px}.sig-live-shell{height:590px}.sig-scene-intro{min-height:160px}.sig-scene-controls{gap:16px}.sig-progress-control{flex-basis:100%;min-width:0;flex-wrap:wrap}.sig-progress-control input{width:50%}.sig-scene-notes{grid-template-columns:1fr}.sig-complete{padding:24px}.sig-dialog-footer{flex-wrap:wrap}.lib-component.is-signature .lib-demo{padding:20px}.sig-catalog-symbol{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.lib-signatures *{transition:none!important;animation:none!important}}