/* 今日宜 · 十二生肖专区（/shengxiao/、/shengxiao-hant/）—— 在 huangli.css 之上 */
.sx .hl-card p+p{margin-top:8px}
.sx .help a{color:var(--cin);font-weight:700}
.sx-disc{margin:14px auto 0;text-align:center}
.sx-sec{margin:18px 0}.sx-sec>h2,.sx-more h2{font-family:var(--serif);font-size:calc(20px*var(--fs,1));margin-bottom:10px}
/* hub */
.sx-hero h1{margin-top:0}
.sx-find{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.sx-find label{font-weight:700;font-size:calc(14px*var(--fs,1))}
.sx-find input{font:inherit;padding:8px 10px;border:1.5px solid var(--ink);border-radius:12px;background:#fff;min-width:0}
.sx-out{flex-basis:100%;font-size:calc(15.5px*var(--fs,1));min-height:1.6em}.sx-out b{color:var(--cin);font-family:var(--serif);font-size:1.3em;margin:0 2px}
.sx-out a{margin-left:8px;color:var(--cin);font-weight:700;white-space:nowrap}
.sx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sx-tile{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px 4px 8px;box-shadow:var(--shadow);transition:transform .15s}
.sx-tile:hover{transform:translateY(-2px)}
.sx-tile img{width:76px;height:76px;object-fit:contain}
.sx-tile b{font-family:var(--serif);font-size:calc(17px*var(--fs,1))}.sx-tile small{font-size:calc(11px*var(--fs,1));color:var(--muted)}
.sx-arts{display:grid;gap:10px}
.sx-artcard{display:flex;gap:12px;align-items:center;text-decoration:none;background:var(--card);border:2px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:8px}
.sx-artcard img{width:88px;height:88px;border-radius:12px;object-fit:cover;flex:none}
.sx-artcard b{display:block;font-family:var(--serif);font-size:calc(16.5px*var(--fs,1));line-height:1.4;margin-top:4px}
.sx-artcard i{font-style:normal}
.sx-lists{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-lists a{display:flex;align-items:center;gap:10px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 10px}
.sx-lists img{width:40px;height:40px;object-fit:contain;flex:none}
.sx-lists span{flex:1;min-width:0}.sx-lists b{display:block;font-size:calc(15px*var(--fs,1))}.sx-lists small{color:var(--muted);font-size:calc(12px*var(--fs,1))}
.sx-lists i{font-style:normal;color:var(--cin);font-weight:800}
.sx-yt th{width:4.5em}.sx-yt td{font-size:calc(14px*var(--fs,1));letter-spacing:.01em}
.sx-yt a,.sx .hl-table a{color:var(--cin);font-weight:700;text-decoration:none}
.sx-pc{display:flex;flex-wrap:wrap;gap:5px}.sx-pc i{font-style:normal;font-weight:800;background:var(--paper);border-radius:99em;padding:2px 10px;white-space:nowrap}.sx-pairs small.nt{display:block;color:var(--muted);font-size:calc(12.5px*var(--fs,1));margin-top:3px}.sx-pairs th{width:3.5em}
/* animal */
.sx-ahero{display:flex;gap:14px;align-items:center}
.sx-mascot{width:130px;height:130px;object-fit:contain;flex:none}
.sx-ahero h1{margin-top:0}
.sx-tag{font-weight:700;color:var(--cin);margin-bottom:4px}
.sx-chips{margin-top:10px}.sx-chips span{display:inline-block;background:var(--gold-soft);color:#7a5a20;border-radius:99em;padding:2px 10px;margin:3px 4px 0 0;font-size:calc(14px*var(--fs,1));font-weight:700}
.sx-sws{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.sx-sw{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border-radius:99em;padding:4px 12px 4px 5px;font-weight:700}
.sx-sw i{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--ink);display:inline-block}
.sx-years td{font-size:calc(14.5px*var(--fs,1))}.sx-years tr:first-child th{font-size:calc(12.5px*var(--fs,1))}
.sx-fun{list-style:none;display:grid;gap:8px}.sx-fun li{background:var(--paper);border-radius:12px;padding:8px 12px;color:var(--ink-2)}
.sx-fun b{color:var(--ink);margin-right:8px}
.sx-rk{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sx-rk a{display:flex;align-items:center;gap:8px;text-decoration:none;background:var(--paper);border-radius:12px;padding:7px 10px;font-size:calc(14px*var(--fs,1))}
.sx-rk i{margin-left:auto;font-style:normal;color:var(--muted)}
.n{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper-2);font-weight:800;font-size:calc(13px*var(--fs,1));color:var(--ink-2)}
.n.top{background:var(--cin);color:#fff}
/* 分享卡（截图友好） */
.sx-card{background:var(--card);border:2px solid var(--ink);border-radius:24px;box-shadow:6px 6px 0 var(--ink);padding:16px 16px 12px;margin:0 auto 16px;max-width:520px;
  background-image:radial-gradient(circle at 1px 1px,rgba(184,146,74,.16) 1px,transparent 0);background-size:18px 18px}
.sx-card-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:calc(13px*var(--fs,1));color:var(--muted);letter-spacing:.04em}
.sx-card-t{font-family:var(--serif);font-size:calc(25px*var(--fs-h,1));text-align:center;margin:8px 0 10px;color:var(--ink)}
.sx-card-l{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sx-card-l li{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 6px;min-width:0}
.sx-card-l li.top{border-color:var(--cin);background:var(--cin-soft)}
.sx-card-l .n{width:22px;height:22px;font-size:12px}
.sx-card-l img{width:30px;height:30px;object-fit:contain;flex:none}
.sx-card-l .t{display:flex;flex-direction:column;min-width:0;line-height:1.25}.sx-card-l b{font-size:calc(14px*var(--fs,1));white-space:nowrap}
.sx-card-l small{font-size:calc(11.5px*var(--fs,1));color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sx-card-f{text-align:center;margin-top:10px;font-weight:800;color:var(--cin);font-size:calc(13px*var(--fs,1))}
/* 详细排名 */
.sx-det,.sx-rest{list-style:none;display:grid;gap:10px}
.sx-det li,.sx-rest li{display:flex;gap:10px;align-items:flex-start;background:var(--paper);border-radius:14px;padding:10px}
.sx-det img,.sx-rest img{width:52px;height:52px;object-fit:contain;flex:none}
.sx-rest img{width:40px;height:40px}
.sx-det h3{font-size:calc(16px*var(--fs,1));margin-bottom:2px}
.sx-det p,.sx-rest p{color:var(--ink-2);font-size:calc(15px*var(--fs,1))}
.sx-det a{font-size:calc(13px*var(--fs,1));color:var(--cin);font-weight:700;text-decoration:none}
.sx-rest b a{color:var(--ink);text-decoration:none}
/* 分享按钮 */
.sx-share{text-align:center;margin:6px 0 18px}
.sx-share>b{display:block;font-size:calc(14px*var(--fs,1));color:var(--ink-2);margin-bottom:8px}
.sx-share-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sx-sh{font:700 calc(13.5px*var(--fs,1))/1 var(--sans);border-radius:99em;padding:9px 14px;text-decoration:none;border:1.5px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer}
.sx-sh.tg{background:#2AABEE;border-color:#2AABEE;color:#fff}.sx-sh.x{background:#111;border-color:#111;color:#fff}
/* 文章 */
.sx-art{background:var(--card);border:2px solid var(--ink);border-radius:24px;box-shadow:5px 5px 0 var(--ink);padding:22px 16px 18px;margin-bottom:16px;text-align:center}
.sx-badge{display:flex;justify-content:center;gap:6px;margin-bottom:10px}
.sx-art h1{font-family:var(--serif);font-size:calc(27px*var(--fs-h,1));line-height:1.35;margin:0 auto 18px;max-width:15em}
.sx-lines{margin:14px 0}
.sx-lines p{font-size:calc(18px*var(--fs,1));line-height:1.75;margin:6px 0;color:var(--ink)}
.sx-lines b{font-weight:900;background:linear-gradient(transparent 58%,var(--gold-soft) 58%);padding:0 2px}
.sx-lines em{font-style:normal;font-weight:900;color:var(--cin)}
.sx-why{background:var(--paper);border-radius:18px;padding:12px 10px;border:1px dashed var(--gold)}
.sx-why p{font-size:calc(16px*var(--fs,1));margin:3px 0}
.sx-why p:first-child{font-weight:800;color:var(--gold)}
.sx-scene{display:block;width:100%;max-width:520px;height:auto;margin:16px auto;border-radius:18px;border:2px solid var(--ink)}
.sx-scene.sq{max-width:440px}
.sx-entry{margin-top:34px;padding-top:6px}
.sx-entry h2{font-family:var(--serif);font-size:calc(30px*var(--fs-h,1));line-height:1.2;display:flex;align-items:baseline;justify-content:center;gap:10px}
.sx-entry h2 span{font-family:var(--sans);font-size:.62em;font-weight:900;background:var(--ink);color:#fff;border-radius:10px;padding:2px 10px;letter-spacing:.04em}
.sx-stk{display:block;width:96px;height:96px;object-fit:contain;margin:8px auto 0}
.sx-tip{display:inline-block;margin:10px auto 4px;background:var(--cin);color:#fff;border-radius:16px;padding:10px 18px;font-size:calc(18px*var(--fs,1));font-weight:800;box-shadow:3px 3px 0 var(--ink)}
.sx-tip b{color:#FFE7A8}
.sx-more-link a{font-size:calc(13.5px*var(--fs,1));color:var(--muted);font-weight:700}
.sx-close{margin-top:34px}.sx-close p:last-child{font-size:calc(21px*var(--fs,1))}
/* CTA */
.sx-cta{background:#1C2321;color:#fff;border-radius:22px;padding:20px 18px;margin:18px 0;text-align:center}
.sx-cta h2{font-size:calc(19px*var(--fs,1));margin-bottom:6px}
.sx-cta p{color:rgba(255,255,255,.8);font-size:calc(14.5px*var(--fs,1));margin-bottom:14px}
.sx-cta-btns{display:flex;flex-direction:column;align-items:center;gap:10px}
.sx-btn-light{background:#fff;color:var(--ink)}
.sx-more div{display:flex;flex-wrap:wrap;gap:6px}
.sx-more a{text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:99em;padding:6px 12px;font-size:calc(13.5px*var(--fs,1));font-weight:700}
@media (max-width:560px){.sx-grid{grid-template-columns:repeat(3,1fr)}.sx-lists,.sx-rk{grid-template-columns:1fr}.sx-mascot{width:96px;height:96px}.sx-ahero h1{font-size:calc(21px*var(--fs-h,1))}.sx-art h1{font-size:calc(24px*var(--fs-h,1))}.sx-card-t{font-size:calc(22px*var(--fs-h,1))}}
@media (max-width:360px){.sx-card-l{grid-template-columns:1fr}}
.sx-teaser{margin-top:10px;text-align:center;font-size:calc(13.5px*var(--fs,1));font-weight:700;color:var(--gold);background:var(--gold-soft);border-radius:99em;padding:6px 12px}
/* 生肖小测试 */
.sx-ceshi-banner{display:flex;align-items:center;gap:12px;text-decoration:none;background:var(--cin);color:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:12px 14px;margin:0 0 16px}
.sx-ceshi-banner .e{font-size:30px}.sx-ceshi-banner span{flex:1;min-width:0}.sx-ceshi-banner b{display:block;font-size:calc(17px*var(--fs,1))}.sx-ceshi-banner small{opacity:.9;font-size:calc(12.5px*var(--fs,1))}.sx-ceshi-banner i{font-style:normal;font-weight:900;background:#fff;color:var(--cin);border-radius:99em;padding:6px 12px;white-space:nowrap}
.sx-chal{display:flex;gap:12px;align-items:center;background:#FFF4D6;border:2px solid var(--gold);border-radius:18px;padding:12px;margin-bottom:14px}
.sx-chal img{width:64px;height:64px;object-fit:contain;flex:none}.sx-chal b{display:block;font-size:calc(17px*var(--fs,1))}.sx-chal em{font-style:normal;color:var(--cin);font-size:1.3em;font-family:var(--serif)}.sx-chal span{color:var(--ink-2);font-size:calc(14px*var(--fs,1))}
.sx-pks{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.sx-pk,.sx-tb{font:inherit;cursor:pointer;background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink)}
.sx-pk img{width:40px;height:40px;object-fit:contain}.sx-pk b{font-size:calc(13px*var(--fs,1))}
.sx-pk.on,.sx-tb.on{border-color:var(--cin);background:var(--cin-soft);box-shadow:0 0 0 2px var(--cin) inset}
.sx-tbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sx-tb{padding:9px 2px}.sx-tb span{font-size:22px}.sx-tb b{font-size:calc(13px*var(--fs,1))}
.warn{color:var(--cin)}
.sx-rcard{background:var(--card);border:2px solid var(--ink);border-radius:24px;box-shadow:6px 6px 0 var(--ink);padding:16px;margin:16px auto;max-width:520px;text-align:center;background-image:radial-gradient(circle at 1px 1px,rgba(184,146,74,.16) 1px,transparent 0);background-size:18px 18px}
.sx-r-top{display:flex;align-items:center;gap:12px;text-align:left;margin-top:8px}.sx-r-top img{width:96px;height:96px;object-fit:contain;flex:none}.sx-r-top>div{flex:1}
.sx-r-top small{font-weight:700;color:var(--ink-2)}
.sx-r-sc b{font-family:var(--serif);font-size:56px;line-height:1;color:var(--cin)}.sx-r-sc span{font-weight:800;color:var(--muted);margin-left:4px}
.sx-bar{height:10px;border-radius:99em;background:var(--paper-2);overflow:hidden;margin-top:6px}.sx-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--cin));border-radius:99em}
.sx-r-t{font-family:var(--serif);font-size:calc(25px*var(--fs-h,1));margin:12px 0 6px}
.sx-rcard>p{font-size:calc(16.5px*var(--fs,1));margin:4px 0}.sx-r-x{color:var(--jade);font-weight:700}
.sx-r-share label{display:block;font-size:calc(13px*var(--fs,1));color:var(--muted);margin-bottom:4px}.sx-r-share input{font:inherit;padding:8px 12px;border:1.5px solid var(--ink);border-radius:12px;width:min(260px,100%);margin-bottom:10px;text-align:center}
.sx-r-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}
.sx-vs{background:#1C2321;color:#fff;border-radius:24px;padding:18px 14px;margin:0 0 16px;text-align:center}
.sx-vs h2{font-family:var(--serif);font-size:calc(22px*var(--fs-h,1));margin-bottom:12px}
.sx-vs-row{display:flex;align-items:center;justify-content:center;gap:10px}.sx-vs-row>div{flex:1;background:rgba(255,255,255,.08);border-radius:16px;padding:10px 4px;display:flex;flex-direction:column;align-items:center}
.sx-vs-row img{width:72px;height:72px;object-fit:contain}.sx-vs-row b{font-size:calc(13.5px*var(--fs,1))}.sx-vs-row em{font-style:normal;font-family:var(--serif);font-size:44px;font-weight:900;color:#FFD27A;line-height:1.1}
.sx-vs .vs{font-weight:900;font-size:22px;color:var(--cin)}.sx-vs-v{font-size:calc(18px*var(--fs,1));font-weight:800;margin:12px 0}
.sx-vs .sx-share>b{color:rgba(255,255,255,.8)}.sx-vs .sx-sh.copy{background:#fff}
@media (max-width:560px){.sx-pks{grid-template-columns:repeat(4,1fr)}.sx-tbs{grid-template-columns:repeat(4,1fr)}}
.sx-chal[hidden],#res[hidden],#cmp[hidden]{display:none}
.sx-ceshi-banner .e{flex:none}
/* 2027 羊年运势 */
.sx-ys-banner{background:#B8302A}
.sx-ys-k{font-style:normal;color:var(--cin)}
.sx-ys-hook{font-size:calc(17px*var(--fs,1));color:var(--ink-2);font-weight:700;margin:0 0 6px}
.sx-ys-five dl{display:grid;gap:10px;margin:0}
.sx-ys-five dl>div{background:var(--paper);border-radius:14px;padding:10px 12px}
.sx-ys-five dt{font-weight:900;margin-bottom:2px}.sx-ys-five dd{margin:0;line-height:1.7}
.sx-ys-months{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sx-ys-months li{display:flex;gap:12px;align-items:center;background:var(--paper);border-radius:14px;padding:8px 12px}
.sx-ys-months b{flex:none;background:var(--cin);color:#fff;border-radius:10px;padding:2px 10px;font-size:calc(14px*var(--fs,1))}
.sx-ys-lucky{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.sx-ys-lucky li{background:var(--paper);border-radius:16px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}
.sx-ys-lucky i{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-style:normal}
.sx-ys-lucky i.num{background:#fff;font-family:var(--serif);font-weight:900;font-size:22px;color:var(--cin)}
.sx-ys-lucky i.emo{border:0;font-size:32px}
.sx-ys-lucky small{color:var(--muted);font-size:calc(12.5px*var(--fs,1))}
.sx-ys-tile small{color:var(--cin);font-weight:800}
.sx-ys-ctas{display:grid;gap:8px;margin-top:10px}
.sx-ys-ctas a{display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:center;text-decoration:none;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:10px 12px;text-align:left}
.sx-ys-ctas a span{grid-row:span 2;font-size:26px}.sx-ys-ctas a small{color:var(--muted)}
.sx-ys-h1{font-size:calc(30px*var(--fs-h,1))!important;line-height:1.3!important;max-width:none!important}
.sx-ys-h1 small{display:block;font-size:.62em;color:var(--cin);margin-bottom:4px}
.sx-ys-big{border:2.5px solid var(--ink);border-radius:20px;padding:14px 14px 12px;margin:14px 0;box-shadow:4px 4px 0 var(--ink);text-align:center}
.sx-ys-big .lab{display:block;font-weight:900;font-size:calc(15px*var(--fs,1));letter-spacing:.06em}
.sx-ys-big b{display:block;font-family:var(--serif);font-size:calc(25px*var(--fs-h,1));line-height:1.35;margin:4px 0 6px}
.sx-ys-big p{margin:0;font-size:calc(15.5px*var(--fs,1))}
.sx-ys-big.up{background:#FFF1EC}.sx-ys-big.up .lab,.sx-ys-big.up b{color:var(--cin)}
.sx-ys-big.pit{background:#1C2321;color:#fff}.sx-ys-big.pit .lab{color:#FFD27A}.sx-ys-big.pit em{font-style:normal;color:#FFD27A;font-weight:900}
.sx-ys-curve{width:100%;height:auto;display:block}
.sx-stars{float:right;color:var(--cin);letter-spacing:1px;font-weight:400}
.sx-ys-months li.up{background:#FFF1EC;font-weight:800;color:var(--cin)}
.sx-ys-months li.pit{background:#1C2321;color:#fff;font-weight:800}.sx-ys-months li.pit b{background:#FFD27A;color:#1C2321}
.sx-ys-mini{font-size:calc(15px*var(--fs,1));line-height:1.9}
.sx-ys-mini em,.sx-ys-list em{font-style:normal;background:var(--cin);color:#fff;border-radius:6px;padding:0 6px;margin-right:6px;font-weight:900}
.sx-ys-mini i,.sx-ys-list i{font-style:normal;background:#1C2321;color:#FFD27A;border-radius:6px;padding:0 6px;margin-right:6px;font-weight:900}
.sx-ys-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sx-ys-list a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:8px 10px}
.sx-ys-list img{width:56px;height:56px;object-fit:contain;flex:none}
.sx-ys-list b{display:block;font-size:calc(15.5px*var(--fs,1));line-height:1.4}
.sx-ys-list small{display:block;font-size:calc(12.5px*var(--fs,1));color:var(--ink-2);line-height:1.9;margin-top:2px}
.sx-ys-list small span{display:block}.sx-ys-list em,.sx-ys-list i,.sx-ys-mini em,.sx-ys-mini i{white-space:nowrap}
.sx-ys-rel{margin:4px auto 2px;font-size:calc(14.5px*var(--fs,1));color:var(--ink-2);max-width:30em}
.sx-ys-rel span{display:inline-block;font-weight:900;border-radius:999px;padding:2px 10px;margin:0 6px 4px 0;background:var(--paper-2);color:var(--ink)}
.sx-ys-rel span.fan{background:#1C2321;color:#FFD27A}.sx-ys-rel span.he{background:var(--cin);color:#fff}
.sx-ys-list small.sx-ys-reltag{display:inline-block;margin:2px 0 0;background:var(--paper-2);border-radius:6px;padding:0 6px;font-weight:800;line-height:1.7}
.sx-ys-fanlist .sx-ys-list a{background:#1C2321;color:#fff;border-color:#1C2321}
.sx-ys-fanlist .sx-ys-list b i{font-style:normal;color:#FFD27A}
.sx-ys-fanlist .sx-ys-list small{color:rgba(255,255,255,.85)}.sx-ys-fanlist .sx-ys-list small.fix{color:#FFD27A}