/* service-web-zucai.com.cn — horizontal league cards */
:root{color-scheme:light;--paper:#f4f1fa;--ink:#2b2528;--accent:#b43a45;--highlight:#d9e1ef;--rule:#c7c7d0;--soft:#e9e5ef;--card:#fff;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}p{margin:0 0 1rem}h1,h2,h3{line-height:1.3;margin:0 0 .75rem}h1{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.03em}h2{font-size:clamp(1.35rem,2.5vw,1.95rem)}h3{font-size:1.1rem}
.service-zucai-skip{position:absolute;left:-9999px;top:0}.service-zucai-skip:focus{left:10px;z-index:9;background:#fff;padding:10px}.service-zucai-header{background:#fff;border-bottom:1px solid var(--rule)}.service-zucai-identity{max-width:1240px;margin:auto;padding:19px 28px 14px;display:flex;align-items:baseline;gap:25px}.service-zucai-identity>a{font-size:1.65rem;font-weight:800;color:var(--accent);text-decoration:none;letter-spacing:.04em}.service-zucai-identity p{margin:0;color:#6e6871;font-size:.9rem}
.service-zucai-nav{overflow:hidden;border-top:1px solid #eeedf1}.service-zucai-nav-run{max-width:1240px;margin:auto;padding:0 18px;display:flex;gap:3px;overflow-x:auto;white-space:nowrap}.service-zucai-nav a{display:flex;align-items:center;min-height:46px;padding:0 10px;font-size:.82rem;text-decoration:none;border-bottom:3px solid transparent}.service-zucai-nav a:hover{border-color:var(--accent)}.service-zucai-main{max-width:1240px;margin:auto;padding:30px 28px 84px}.service-zucai-main>h1{margin:0 0 21px}.service-zucai-kicker{font-size:.82rem;font-weight:700;color:var(--accent);margin-bottom:.4rem}
.service-zucai-hero{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:30px;align-items:center;background:#fff;border-top:7px solid var(--accent);padding:34px 38px;margin-bottom:58px}.service-zucai-hero-copy{max-width:930px;font-size:1.04rem;margin:0}.zucai-miniature,.service-hero-image,.about-feature-image,.news-sigil,.ranking-emblem,.zh-emblem,.app-emblem{display:flex;align-items:center;justify-content:center;margin:0}.zucai-miniature img,.service-hero-image img,.about-feature-image img,.news-sigil img,.ranking-emblem img,.zh-emblem img,.app-emblem img{width:64px;height:64px;object-fit:contain;max-width:100%}
.brand-summary{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:22px;align-items:center;padding:0 0 26px;border-bottom:2px solid var(--accent);margin-bottom:54px}.brand-summary-text p:last-child{margin:0}.brand-summary .zucai-miniature{padding-top:22px}.service-faq-zone,.service-news-index,.match-context,.rule-rail,.community-roundtable,.deep-tactics,.trend-board,.league-concourse,.contact-tile{margin:0 0 58px}.service-faq-zone>header,.community-roundtable>header,.league-concourse>header{border-bottom:1px solid var(--rule);padding-bottom:13px;margin-bottom:20px}.service-faq-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px}.service-faq-block{padding:19px 18px 13px;background:#fff;border-left:3px solid var(--accent)}.service-faq-block p{margin:0}
.service-news-index>header{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid var(--ink);padding-bottom:13px;margin-bottom:5px}.service-news-index>header h2{margin:0}.service-news-line{padding:17px 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:18px}.service-news-line time{grid-row:span 2;font-size:.82rem;color:#746f78}.service-news-line h3{margin:0 0 4px}.service-news-line p{grid-column:2;margin:0}
.match-context{display:grid;grid-template-columns:90px 1fr;gap:24px;align-items:start;background:var(--highlight);padding:28px}.context-number{font-size:3rem;line-height:1;color:var(--accent);font-weight:800}.match-context p:last-child{margin:0}.rule-rail{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:28px;padding:24px 0;border-bottom:1px solid var(--rule);border-top:1px solid var(--rule)}.rule-rail p:last-child{margin:0}.community-roundtable>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.community-opinion{padding:20px 18px;background:#fff;border-top:4px solid var(--accent)}.community-opinion p{margin:0}.deep-tactics{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:28px;align-items:center;padding:28px;background:#2b2528;color:#fff}.deep-tactics .service-zucai-kicker{color:#ffb6bd}.deep-tactics p:last-child{margin:0}.trend-board{display:grid;grid-template-columns:200px minmax(0,1fr) 74px;gap:24px;align-items:center;border-left:7px solid var(--accent);padding:20px 24px;background:#eeeaf2}.trend-board p{margin:0}.league-concourse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.league-strip{padding:10px 18px 14px;border-left:1px solid var(--rule)}.league-strip:first-child{border-left:0}.league-strip p{margin:0;font-size:.94rem}.league-strip h3{color:var(--accent)}.contact-tile{display:grid;grid-template-columns:240px 1fr;gap:25px;padding:22px 26px;background:#fff;border:1px solid var(--rule)}.contact-tile address{font-style:normal;color:#625b65}
.service-zucai-footer{border-top:1px solid var(--rule);background:#fff;padding:24px max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:1fr auto;gap:8px 24px}.service-zucai-copyright{font-weight:700;grid-column:1/-1;margin:0}.service-zucai-footer address{font-size:.85rem;font-style:normal;color:#625b65}.service-zucai-footer>div{display:flex;gap:16px;white-space:nowrap}
.about-lead,.ranking-intro,.zh-rule-opening,.app-match-opening,.news-page-intro{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px 25px;align-items:center;padding:25px 28px;background:#fff;border-bottom:4px solid var(--accent);margin-bottom:34px}.about-lead .service-zucai-kicker,.about-lead h2,.about-lead p,.ranking-intro .service-zucai-kicker,.ranking-intro h2,.ranking-intro p,.zh-rule-opening .service-zucai-kicker,.zh-rule-opening h2,.zh-rule-opening p,.app-match-opening .service-zucai-kicker,.app-match-opening h2,.app-match-opening p,.news-page-intro .service-zucai-kicker,.news-page-intro h2,.news-page-intro p{grid-column:1}.about-lead .about-feature-image,.ranking-intro .ranking-emblem,.zh-rule-opening .zh-emblem,.app-match-opening .app-emblem{grid-column:2;grid-row:1/4}.about-clause-grid,.zh-rule-list,.app-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-clause,.zh-rule-row,.app-match-rule,.league-stat-card{display:grid;grid-template-columns:1fr 74px;gap:8px 16px;align-content:start;padding:22px;background:#fff;border:1px solid var(--rule);min-height:195px}.about-clause h2,.about-clause p,.zh-rule-row h2,.zh-rule-row p,.app-match-rule h2,.app-match-rule p,.league-stat-card h2,.league-stat-card p{grid-column:1}.about-clause .zucai-miniature,.zh-rule-row .zucai-miniature,.app-match-rule .zucai-miniature,.league-stat-card .zucai-miniature{grid-column:2;grid-row:1/3}.about-rule-end,.ranking-close,.zh-rule-summary,.app-match-end{margin-top:30px;padding:23px 26px;background:var(--highlight)}.about-rule-end p,.ranking-close p,.zh-rule-summary p,.app-match-end p{margin:0}
.news-page-intro{display:block;max-width:980px}.news-page-intro p:last-child{margin:0}.news-feature-stack{display:grid;gap:18px}.news-feature{display:grid;grid-template-columns:92px minmax(0,1fr);gap:22px;padding:20px;background:#fff;border-left:4px solid var(--accent);scroll-margin-top:24px}.news-feature-visual{display:flex;justify-content:center;padding-top:14px}.news-feature-copy time{font-size:.82rem;color:#706a74}.news-feature-copy p{margin:0}.return-home{margin-top:24px}.league-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ranking-intro p{margin:0}.ranking-close{margin-top:28px}
@media(max-width:850px){.service-zucai-hero{grid-template-columns:1fr 72px}.community-roundtable>div{grid-template-columns:1fr 1fr}.league-concourse-grid{grid-template-columns:1fr 1fr;row-gap:14px}.league-strip:nth-child(odd){border-left:0}.service-faq-columns{grid-template-columns:1fr}.rule-rail{grid-template-columns:1fr}.contact-tile{grid-template-columns:1fr}.service-zucai-footer{grid-template-columns:1fr}}
@media(max-width:580px){.service-zucai-identity{padding:16px 18px;display:block}.service-zucai-identity p{margin-top:4px}.service-zucai-main{padding:20px 17px 60px}.service-zucai-hero{grid-template-columns:1fr;padding:23px 20px}.service-hero-image{justify-content:flex-start}.brand-summary{grid-template-columns:1fr}.brand-summary .zucai-miniature{padding-top:0;justify-content:flex-start}.community-roundtable>div,.about-clause-grid,.zh-rule-list,.app-match-grid,.league-stat-grid{grid-template-columns:1fr}.service-news-line{grid-template-columns:1fr}.service-news-line time,.service-news-line h3,.service-news-line p{grid-column:1;grid-row:auto}.match-context{grid-template-columns:1fr}.context-number{font-size:2.2rem}.trend-board{grid-template-columns:1fr 64px}.trend-board .service-zucai-kicker,.trend-board h2,.trend-board p{grid-column:1}.trend-board .zucai-miniature{grid-column:2;grid-row:1/3}.league-concourse-grid{grid-template-columns:1fr}.league-strip{border-left:0;border-top:1px solid var(--rule);padding:14px 0}.league-strip:first-child{border-top:0}.about-lead,.ranking-intro,.zh-rule-opening,.app-match-opening{grid-template-columns:1fr}.about-lead .about-feature-image,.ranking-intro .ranking-emblem,.zh-rule-opening .zh-emblem,.app-match-opening .app-emblem{grid-column:1;grid-row:auto;justify-content:flex-start}.about-clause,.zh-rule-row,.app-match-rule,.league-stat-card{grid-template-columns:1fr 62px;padding:18px}.news-feature{grid-template-columns:1fr}.news-feature-visual{justify-content:flex-start}.service-zucai-footer{padding:22px 18px}}
