/* 春节生肖：一幅完整实拍配一个可操作的生肖舞台。无 JS 时全部图片顺序展示。 */
body.w-lantern .sf-part.zodiac-stage{display:block;max-width:none;margin-top:clamp(72px,9vw,140px)}
.zodiac-stage .zodiac-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px clamp(40px,6vw,96px);align-items:start;margin-bottom:clamp(32px,4vw,56px)}
.zodiac-stage .zodiac-intro h3{grid-column:1;grid-row:1 / span 2;max-width:9em;font-size:clamp(32px,3.8vw,58px);line-height:1.16;margin:0}
.zodiac-stage .zodiac-intro p,.zodiac-stage .zodiac-intro .sf-tags{grid-column:2;max-width:46em}
.zodiac-stage .zodiac-intro .sf-tags{margin-top:12px}
.zodiac-experience{position:relative;isolation:isolate;background:#080708;padding:clamp(14px,2vw,28px);overflow:hidden}
.zodiac-experience::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,rgba(240,189,88,.12),transparent 31%,transparent 70%,rgba(240,189,88,.08))}
.zodiac-display{display:grid;gap:clamp(24px,3vw,44px)}
.zodiac-panel[hidden],.zodiac-selector[hidden]{display:none!important}
.zodiac-photo{margin:0;cursor:zoom-in}
.zodiac-photo-space{display:flex;justify-content:center;align-items:center;height:clamp(330px,50vw,700px);background:#050505;overflow:hidden}
.zodiac-photo-space img{display:block;width:100%;height:100%;object-fit:contain}
.zodiac-photo:focus-visible{outline:3px solid var(--lamp,#c4161c);outline-offset:4px}
.zodiac-photo figcaption{color:#fffaf2;margin:0;padding:12px 2px 4px;font-size:14px;line-height:1.6}
.zodiac-selector{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 32px;padding:clamp(20px,3vw,36px) 0 0}
.zodiac-prompt,.zodiac-disclosure{color:#fffaf2;line-height:1.7;margin:0;font-size:15px}
.zodiac-tabs{display:flex;flex-wrap:wrap;gap:8px}
.zodiac-tab{display:inline-flex;align-items:center;justify-content:center;width:60px;min-height:52px;padding:10px;border:1px solid rgba(248,240,229,.6);border-radius:0;background:transparent;color:#fffaf2;font-family:inherit;font-size:18px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.zodiac-tab:hover{border-color:#f0bd58;color:#f0bd58}
.zodiac-tab[aria-selected="true"]{background:#f0bd58;border-color:#f0bd58;color:#121212}
.zodiac-tab:focus-visible{outline:3px solid #fffaf2;outline-offset:3px}
.zodiac-disclosure{margin-top:12px;opacity:.84;font-size:14px}
.zodiac-ready .zodiac-panel:not([hidden]){animation:zodiac-light .5s ease-out both}
@keyframes zodiac-light{from{opacity:.75;filter:brightness(.8)}to{opacity:1;filter:brightness(1)}}
@media(max-width:900px){
 .zodiac-stage .zodiac-intro{grid-template-columns:minmax(0,1fr);gap:16px}
 .zodiac-stage .zodiac-intro h3,.zodiac-stage .zodiac-intro p,.zodiac-stage .zodiac-intro .sf-tags{grid-column:1;grid-row:auto}
 .zodiac-selector{grid-template-columns:minmax(0,1fr);gap:12px}
}
@media(max-width:520px){
 .zodiac-stage .zodiac-intro h3{font-size:clamp(30px,8vw,40px)}
 .zodiac-photo-space{height:clamp(260px,90vw,420px)}
 .zodiac-tab{width:auto;flex:1 1 48px;min-width:48px;min-height:48px}
 .zodiac-tabs{flex-wrap:nowrap;gap:6px}
}
@media(prefers-reduced-motion:reduce){.zodiac-ready .zodiac-panel:not([hidden]){animation:none}.zodiac-tab{transition:none}}
.zodiac-intro .zodiac-word{display:inline-block;white-space:nowrap}
.zodiac-photo-space{height:auto;min-height:0}
.zodiac-photo-space img{width:100%;height:auto;max-height:72vh;object-fit:contain}
@media(max-width:520px){.zodiac-photo-space{height:auto;min-height:0}.zodiac-photo-space img{max-height:none}}
