/* =========================================================
   赛事栏目 · 竞技场版（saishi.css）
   深色赛场 + 全站金色强调（与全站样式B统一），比分牌字体，斜切块面
========================================================= */
.ss{--k:var(--bg);--p:var(--card);--p2:var(--card2);--ln:var(--line);--t:var(--ink);--m:var(--muted);--lime:var(--acc);--cy:#2fd4ea;--rd:#ff4a3d;--gd:#f3c443;--vi:#a56bff;
  background:var(--k);color:var(--t)}
.ss a{color:inherit}
.ss .num{font-family:Impact,"Haettenschweiler","Arial Narrow Bold","Arial Black",sans-serif;letter-spacing:.5px}

/* ---------- 首屏：11-04 起和其他栏目共用 list-hero（600px 主图），这里只补正文顶部的「下一场」卡片 ---------- */
.list-hero h1 em{font-style:normal}
.ss-feature{margin-bottom:64px}
.ss-next{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 40px;background:var(--card);border-left:4px solid var(--acc);padding:22px 28px;color:var(--ink)}
.ss-next.wsa{border-left-color:var(--orange)}
.ss-next small{grid-column:1;display:block;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--acc)}
.ss-next.wsa small{color:var(--orange)}
.ss-next h3{grid-column:1;font-size:20px;font-weight:900;margin:2px 0 0;line-height:1.35;color:#fff}
.ss-next p{grid-column:1;font-size:13px;color:var(--muted)}
.ss-date{grid-column:2;grid-row:1/4;text-align:center;background:var(--card2);padding:12px 22px 11px;min-width:150px}
.ss-date small{display:block;font-size:11px;letter-spacing:3px;color:var(--muted);margin-bottom:4px}
.ss-date b{display:block;font-size:30px;font-weight:900;line-height:1.15;color:var(--acc)}
.ss-date span{display:block;font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:4px}
@media (max-width:600px){.ss-next{grid-template-columns:1fr;padding:18px}.ss-date{grid-column:1;grid-row:auto;margin-top:10px;justify-self:start}}

/* ---------- 子导航 ---------- */
.ss-tabs{position:sticky;top:0;z-index:16;background:rgba(10,12,16,.97);border-bottom:1px solid var(--ln)}
.ss-tabs .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.ss-tabs .wrap::-webkit-scrollbar{display:none}
.ss-tabs a{flex:none;padding:16px 20px 14px;font-size:15px;font-weight:700;color:var(--m);border-bottom:3px solid transparent}
.ss-tabs a:hover{color:#fff}
.ss-tabs a.on{color:#fff;border-bottom-color:var(--lime)}
.ss-tabs a small{display:block;font-size:10px;letter-spacing:2px;opacity:.6;font-weight:400}

/* ---------- 版块 ---------- */
.ss-body{padding-top:var(--hero-gap,48px);padding-bottom:40px}
.ss-sec{margin-bottom:84px;scroll-margin-top:70px}
.ss-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.ss-h h2{font-size:28px;font-weight:400;line-height:1.25;color:var(--ink);position:relative;padding-bottom:10px}
.ss-h h2::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;background:var(--teal)}
.ss-h h2 small{display:block;font:400 12px/1.6 var(--font);letter-spacing:4px;color:var(--gold);margin-bottom:2px}
.ss-h p{font-size:14px;color:var(--m);max-width:520px;text-align:right}
.ss-p{font-size:15px;line-height:1.95;color:#c2c9d4;max-width:880px;margin-bottom:22px}
.ss-p b{color:#fff}
.ss-note{font-size:12px;color:var(--m);margin-top:16px;line-height:1.8}
.ss-note a{color:var(--cy)}

/* 入口卡 */
.ss-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ss-entry a{position:relative;display:block;padding:26px 24px 56px;background:var(--p);border:1px solid var(--ln);min-height:190px;overflow:hidden;transition:.25s}
.ss-entry a::after{content:attr(data-n);position:absolute;right:14px;bottom:-14px;font:400 96px/1 Impact,"Arial Black",sans-serif;color:rgba(255,255,255,.04)}
.ss-entry a:hover{border-color:var(--lime);transform:translateY(-3px)}
.ss-entry small{font-size:11px;letter-spacing:3px;color:var(--lime);font-weight:700}
.ss-entry h3{font-size:21px;font-weight:900;margin:10px 0 8px;color:#fff}
.ss-entry p{font-size:13px;line-height:1.8;color:var(--m)}
.ss-entry .go{position:absolute;left:24px;bottom:20px;font-size:13px;font-weight:700;color:#fff}

/* 等级金字塔 */
.ss-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center}
.ss-pyr{display:flex;flex-direction:column;align-items:center;gap:6px}
.ss-pyr div{display:flex;align-items:center;justify-content:center;gap:12px;height:62px;font-weight:900;color:#0e1116;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}
.ss-pyr div b{font:400 28px/1 Impact,"Arial Black",sans-serif}
.ss-pyr div span{font-size:13px}
.ss-pyr .l1{width:34%;background:var(--gd)}
.ss-pyr .l2{width:52%;background:var(--rd);color:#fff}
.ss-pyr .l3{width:70%;background:var(--cy)}
.ss-pyr .l4{width:88%;background:var(--lime)}
.ss-pyr .l5{width:100%;background:#2b3240;color:#fff}
.ss-glist dl{display:grid;grid-template-columns:64px 1fr;gap:0;border-top:1px solid var(--ln)}
.ss-glist dt,.ss-glist dd{padding:14px 0;border-bottom:1px solid var(--ln)}
.ss-glist dt{font:400 24px/1.2 Impact,"Arial Black",sans-serif}
.ss-glist dd{font-size:14px;line-height:1.8;color:#c2c9d4}
.ss-glist dd b{color:#fff}

/* 赛季路线 */
.ss-road{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;counter-reset:rd}
.ss-road div{position:relative;padding:22px 18px 20px;background:var(--p);border:1px solid var(--ln);margin-right:-1px}
.ss-road div::before{counter-increment:rd;content:"0" counter(rd);display:block;font:400 30px/1 Impact,"Arial Black",sans-serif;color:var(--lime);margin-bottom:12px}
.ss-road div.done::before{color:var(--m)}
.ss-road div.done{opacity:.6}
.ss-road b{display:block;font-size:15px;color:#fff;line-height:1.45}
.ss-road span{display:block;font-size:12px;color:var(--m);margin-top:6px;line-height:1.7}
.ss-road div:not(:last-child)::after{content:"";position:absolute;right:-9px;top:34px;z-index:2;width:16px;height:16px;background:var(--k);border-top:2px solid var(--lime);border-right:2px solid var(--lime);transform:rotate(45deg)}

/* ---------- 筛选 ---------- */
.ss-filter{display:flex;flex-wrap:wrap;gap:22px;align-items:center;padding:18px 22px;background:var(--p);border:1px solid var(--ln);margin-bottom:22px}
.ss-fg{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ss-fg>span{font-size:12px;color:var(--m);margin-right:4px;letter-spacing:1px}
.ss-fg button{height:32px;padding:0 14px;border:1px solid var(--ln);background:transparent;color:#c2c9d4;font:600 13px/1 var(--font);cursor:pointer}
.ss-fg button:hover{border-color:#556}
.ss-fg button.on{background:var(--lime);border-color:var(--lime);color:#0e1116}
.ss-count{margin-left:auto;font-size:13px;color:var(--m)}
.ss-count b{color:var(--lime);font-size:18px}

/* ---------- 赛事卡 ---------- */
.ss-evs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ev{position:relative;display:grid;grid-template-columns:96px 1fr;background:var(--p);border:1px solid var(--ln);transition:.2s}
.ev:hover{border-color:#3a4456}
.ev.past{opacity:.5}
.ev-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--p2);border-right:1px solid var(--ln);padding:14px 0}
.ev-date small{font-size:11px;letter-spacing:2px;color:var(--m)}
.ev-date b{font:400 40px/1 Impact,"Arial Black",sans-serif;color:#fff;margin:4px 0;white-space:nowrap}
.ev-date b em{font-style:normal;font-size:20px}
.ev-date span{font-size:12px;color:var(--m)}
.ev-main{padding:16px 20px 18px;min-width:0}
.ev-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.gd{display:inline-flex;align-items:center;height:22px;padding:0 9px;font:400 13px/1 Impact,"Arial Black",sans-serif;letter-spacing:1px;color:#0e1116}
.gd-GP{background:var(--gd)}.gd-WORLD{background:var(--vi);color:#fff}.gd-G1{background:var(--rd);color:#fff}.gd-G2{background:var(--cy)}.gd-G3{background:var(--lime)}.gd-S1,.gd-AMB,.gd-FUN{background:#3a4456;color:#fff}
.gd-bx{background:var(--lime)}.gd-wsa{background:#ff8a1f}.gd-jx{background:#5c6b80;color:#fff}
.cl{font-size:12px;padding:2px 8px;border:1px solid var(--ln);color:#c2c9d4}
.st{margin-left:auto;font-size:12px;font-weight:700}
.st-up{color:var(--lime)}.st-past{color:var(--m)}.st-soon{color:var(--gd)}
.ev h3{font-size:17px;font-weight:800;color:#fff;line-height:1.45}
.ev-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:13px;color:var(--m)}
.ev-meta i{font-style:normal;color:#c2c9d4}
.ev-note{font-size:13px;color:#aab3c0;margin-top:8px;line-height:1.7}
.ev-link{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--cy)}

/* 常设活动 */
.ss-reg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ss-reg a{display:block;padding:20px 22px;background:var(--p);border:1px solid var(--ln);border-top:3px solid var(--lime);transition:.2s}
.ss-reg a:hover{background:var(--p2)}
.ss-reg h3{font-size:16px;font-weight:800;color:#fff;margin:10px 0 6px}
.ss-reg p{font-size:13px;line-height:1.8;color:var(--m)}

/* ---------- 方块地图 ---------- */
.ss-mapwrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.tmap{display:grid;gap:5px}
.tmap button{position:relative;aspect-ratio:1/1;border:0;cursor:pointer;background:var(--p2);color:#fff;font:700 12px/1.2 var(--font);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.15s;padding:2px}
.tmap button b{font:400 18px/1 Impact,"Arial Black",sans-serif}
.tmap button:hover{outline:2px solid #fff;z-index:2}
.tmap button.on{outline:3px solid var(--lime);z-index:3}
.tmap button.dim{opacity:.35}
.jpmap{grid-template-columns:repeat(13,minmax(0,1fr))}
.cnmap{grid-template-columns:repeat(9,minmax(0,1fr))}
.tmap .h0{background:#1a2029;color:var(--m)}
.tmap .h1{background:#3a3020}.tmap .h2{background:#5e4a26}.tmap .h3{background:#9a7230}.tmap .h4{background:#c9963c;color:#0e1116}.tmap .h5{background:var(--lime);color:#0e1116}
.tmap .s-bx{background:var(--lime);color:#0e1116}.tmap .s-wsa{background:#ff8a1f;color:#0e1116}.tmap .s-both{background:linear-gradient(135deg,var(--lime) 50%,#ff8a1f 50%);color:#0e1116}.tmap .s-sar{background:var(--cy);color:#0e1116}.tmap .s-jx{background:#5c6b80}.tmap .s-none{background:#1a2029;color:#6d7686}
.ss-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;color:var(--m)}
.ss-legend i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}
.ss-panel{background:var(--p);border:1px solid var(--ln);min-height:420px}
.ss-panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--ln)}
.ss-panel-h h3{font-size:22px;font-weight:900;color:#fff}
.ss-panel-h span{font-size:13px;color:var(--m)}
.ss-panel-h span b{font:400 26px/1 Impact,"Arial Black",sans-serif;color:var(--lime);margin-right:4px}
.ss-panel-b{max-height:520px;overflow-y:auto;padding:6px 22px 16px;scrollbar-width:thin}
.shop{padding:14px 0;border-bottom:1px solid var(--ln)}
.shop:last-child{border-bottom:0}
.shop b{display:block;font-size:15px;color:#fff}
.shop span{display:block;font-size:12px;color:var(--m);margin-top:4px;line-height:1.6}
.shop em{display:inline-block;font-style:normal;font-size:11px;padding:1px 7px;margin-top:6px;border:1px solid var(--ln);color:#aab3c0}
.shop em.ok{border-color:var(--lime);color:var(--lime)}
.ss-panel-tip{padding:30px 22px;font-size:14px;line-height:1.9;color:var(--m)}
.ss-regions{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:22px}
.ss-regions div{background:var(--p);border:1px solid var(--ln);padding:12px 14px}
.ss-regions b{display:block;font:400 26px/1 Impact,"Arial Black",sans-serif;color:var(--lime)}
.ss-regions span{font-size:12px;color:var(--m)}

/* 中国省份卡 */
.cnev{padding:14px 0;border-bottom:1px solid var(--ln)}
.cnev:last-child{border-bottom:0}
.cnev .ev-top{margin-bottom:6px}
.cnev .gd,.ev-top .gd-bx,.ev-top .gd-wsa,.ev-top .gd-jx{font:700 12px/1 var(--font);letter-spacing:0}
.cnev b{display:block;font-size:15px;color:#fff;line-height:1.5}
.cnev span{display:block;font-size:12px;color:var(--m);margin-top:4px;line-height:1.7}
.ss-org{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ss-org div{background:var(--p);border:1px solid var(--ln);padding:22px 22px 20px}
.ss-org div h3{font-size:18px;font-weight:900;color:#fff;margin:12px 0 8px}
.ss-org div p{font-size:13px;line-height:1.85;color:#aab3c0}
.ss-ladder{display:flex;flex-wrap:wrap;gap:0;margin-top:12px}
.ss-ladder span{position:relative;padding:8px 14px 8px 18px;background:#252c3a;font-size:12px;font-weight:700;color:#fff;margin-right:4px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}
.ss-ladder span:first-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
.ss-ladder span:last-child{background:#ff8a1f;color:#0e1116}
.ss-tl{position:relative;padding-left:30px}
.ss-tl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--ln)}
.ss-tl>div{position:relative;padding:0 0 22px}
.ss-tl>div::before{content:"";position:absolute;left:-27px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--k);border:3px solid var(--lime)}
.ss-tl>div.wsa::before{border-color:#ff8a1f}.ss-tl>div.jx::before{border-color:#5c6b80}
.ss-tl time{font:400 16px/1 Impact,"Arial Black",sans-serif;color:var(--lime);letter-spacing:1px}
.ss-tl .wsa time{color:#ff8a1f}.ss-tl .jx time{color:#8b94a3}
.ss-tl b{display:block;font-size:16px;color:#fff;margin-top:6px}
.ss-tl span{display:block;font-size:13px;color:var(--m);margin-top:4px;line-height:1.7}
.ss-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:hw}
.ss-how div{background:var(--p);border:1px solid var(--ln);padding:20px}
.ss-how div::before{counter-increment:hw;content:counter(hw);display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--lime);color:#0e1116;font:400 20px/1 Impact,"Arial Black",sans-serif;margin-bottom:12px}
.ss-how b{display:block;font-size:15px;color:#fff}
.ss-how span{display:block;font-size:13px;color:var(--m);margin-top:6px;line-height:1.8}

/* ---------- 规则图解 ---------- */
.ss-rule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.ss-stadium{background:var(--p);border:1px solid var(--ln);padding:20px}
.ss-stadium svg{display:block;width:100%;height:auto}
.ss-fin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ss-fin div{position:relative;background:var(--p);border:1px solid var(--ln);padding:18px 18px 18px 86px;min-height:104px}
.ss-fin div b.num{position:absolute;left:18px;top:16px;font-size:54px;line-height:1;color:var(--c,#fff)}
.ss-fin div b.num small{font-size:16px}
.ss-fin h3{font-size:16px;font-weight:900;color:#fff}
.ss-fin h3 small{display:block;font-size:11px;color:var(--m);font-weight:400;letter-spacing:1px;margin-top:2px}
.ss-fin p{font-size:13px;color:#aab3c0;margin-top:6px;line-height:1.7}
.ss-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.ss-flow div{padding:18px 16px;background:var(--p);border:1px solid var(--ln);margin-right:-1px}
.ss-flow b{display:block;font:400 22px/1 Impact,"Arial Black",sans-serif;color:var(--lime);margin-bottom:10px}
.ss-flow span{display:block;font-size:13px;line-height:1.75;color:#c2c9d4}
.ss-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ss-dl div{background:var(--p);border:1px solid var(--ln);padding:18px 20px}
.ss-dl h3{font-size:15px;color:var(--lime);font-weight:800;margin-bottom:8px}
.ss-dl p,.ss-dl li{font-size:13px;line-height:1.85;color:#c2c9d4}
.ss-dl ul{padding-left:18px;list-style:disc}

/* ---------- 奖品 ---------- */
.ss-prz{margin-bottom:40px}
.ss-prz-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ss-prz-h h3{font-size:20px;font-weight:900;color:#fff}
.ss-prz-h span{font-size:13px;color:var(--m)}
.ss-prz-h a{margin-left:auto;font-size:12px;color:var(--cy);font-weight:700}
.ss-prz-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pz{background:var(--p);border:1px solid var(--ln);display:flex;flex-direction:column}
.pz .im{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pz .im img{width:100%;height:100%;object-fit:contain}
.pz .im.no{flex-direction:column;gap:6px;background:linear-gradient(135deg,#1a2029,#171c26);font:400 34px/1 Impact,"Arial Black",sans-serif;color:var(--lime)}
.pz .im.no small{font:700 11px/1 var(--font);letter-spacing:3px;color:var(--m)}
.pz .tx{padding:12px 14px 14px}
.pz .tx b{display:block;font-size:12px;letter-spacing:2px;color:var(--lime)}
.pz .tx span{display:block;font-size:13px;color:#e8ecf2;line-height:1.6;margin-top:4px}
.pz.r1{border-color:var(--gd)}.pz.r1 .tx b{color:var(--gd)}
.ss-past{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ss-past>div{background:var(--p);border:1px solid var(--ln);padding:16px}
.ss-past h4{font-size:14px;color:#fff;margin-bottom:12px}
.ss-past .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ss-past a{display:block;background:#fff;aspect-ratio:1/1;overflow:hidden}
.ss-past a img{width:100%;height:100%;object-fit:contain}

/* ---------- 热门配置 ---------- */
.ss-cb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cb{display:grid;grid-template-columns:110px 1fr;background:var(--p);border:1px solid var(--ln);transition:.2s}
.cb:hover{border-color:#3a4456}
.cb .im{background:#fff;display:flex;align-items:center;justify-content:center}
.cb .im img{width:100%;height:110px;object-fit:contain;padding:6px}
.cb .tx{padding:14px 16px}
.cb .tx small{font-size:11px;letter-spacing:2px;color:var(--m)}
.cb h3{font-size:16px;font-weight:900;color:#fff;margin-top:2px}
.cb h3 a:hover{color:var(--lime)}
.cb .fx{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.cb .fx a{display:inline-flex;align-items:center;height:26px;padding:0 10px;background:#252c3a;font:400 15px/1 Impact,"Arial Black",sans-serif;letter-spacing:.5px;color:#fff}
.cb .fx a:hover{background:var(--lime);color:#0e1116}
.cb .fx a.bt{background:var(--lime);color:#0e1116}
.cb p{font-size:12px;color:var(--m);margin-top:8px;line-height:1.6}
.ss-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.ss-bars h3{font-size:16px;color:#fff;margin-bottom:12px}
.bar{display:grid;grid-template-columns:120px 1fr 30px;gap:10px;align-items:center;margin-bottom:8px;font-size:13px}
.bar span{color:#c2c9d4}
.bar i{display:block;height:14px;background:var(--lime)}
.bar b{font:400 16px/1 Impact,"Arial Black",sans-serif;color:#fff;text-align:right}

/* FAQ */
.ss-faq details{background:var(--p);border:1px solid var(--ln);margin-bottom:8px}
.ss-faq summary{cursor:pointer;list-style:none;padding:16px 50px 16px 20px;font-size:15px;font-weight:700;color:#fff;position:relative}
.ss-faq summary::-webkit-details-marker{display:none}
.ss-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--lime);font-size:22px}
.ss-faq details[open] summary::after{content:"−"}
.ss-faq details div{padding:0 20px 18px;font-size:14px;line-height:1.9;color:#c2c9d4}
.ss-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 32px;background:var(--brown);border:1px solid var(--line);color:#fff;margin-bottom:40px}
.ss-cta h3{font-size:20px;font-weight:700;color:var(--gold-l)}
.ss-cta p{font-size:13px;margin-top:4px;color:rgba(255,255,255,.7)}
.ss-cta a{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 20px;font-size:14px;background:var(--orange);color:#fff !important}
.ss-cta a:hover{background:#cf7c14}
.ss-cta a+a{background:transparent;border:1px solid rgba(220,199,159,.5);color:var(--gold-l) !important}
.ss-cta .b{display:flex;gap:10px}

/* ---------- 手机 ---------- */
@media (max-width:980px){
  .ss-hero-row,.ss-grade,.ss-mapwrap,.ss-rule{grid-template-columns:1fr}
  .ss-entry,.ss-reg,.ss-org,.ss-cb{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-road{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ss-road div::after{display:none}
  .ss-prz-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ss-past{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-regions{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ss-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ss-how{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .ss-hero{padding-top:96px}
  .ss-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-stats div{padding-left:0;border-right:0;border-bottom:1px solid var(--ln)}
  .ss-stats b{font-size:34px}
  .ss-h{flex-direction:column;align-items:flex-start}
  .ss-h p{text-align:left}
  .ss-h h2{font-size:24px}
  .ss-entry,.ss-reg,.ss-org,.ss-cb,.ss-evs,.ss-fin,.ss-dl,.ss-bars,.ss-how{grid-template-columns:1fr}
  .ss-road{grid-template-columns:1fr 1fr}
  .ss-flow{grid-template-columns:1fr 1fr}
  .ss-prz-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-past{grid-template-columns:1fr}
  .ss-regions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tmap{gap:3px}
  .tmap button{font-size:9px}
  .tmap button b{font-size:13px}
  .ev{grid-template-columns:74px 1fr}
  .ev-date b{font-size:30px}
  .ss-filter{padding:14px}
  .ss-count{margin-left:0}
  .ss-cta{flex-direction:column;align-items:stretch;padding:24px 20px}
  .ss-cta .b{flex-direction:column}
  .ss-cta a{justify-content:center}
}

/* ---------- 11-04 赛事细化：都道府县店铺页 / 大赛详情页 ---------- */
.ss-pstat,.ss-evinfo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:22px}
.ss-evinfo{grid-template-columns:repeat(4,minmax(0,1fr))}
.ss-pstat div,.ss-evinfo div{background:var(--card);padding:16px 18px}
.ss-pstat b{display:block;font:400 30px/1.1 Impact,"Arial Black",sans-serif;color:var(--acc)}
.ss-pstat span,.ss-evinfo span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.ss-evinfo b{display:block;font-size:16px;color:var(--ink);margin-top:6px;line-height:1.5}
.ss-evinfo span{margin-top:0}
.ss-shops{min-width:760px}
.ss-shops td{vertical-align:top}
.ss-shops em.s1{font-style:normal;font-size:11px;padding:1px 7px;background:#232a37;color:var(--muted);white-space:nowrap}
.ss-shops em.s1.ok{background:rgba(34,179,199,.18);color:#7fdbe7}
.ss-shops td a{color:var(--teal-d);white-space:nowrap}
.ss-g3{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ss-g3 div{background:var(--card);border-top:3px solid var(--acc);padding:14px 16px}
.ss-g3 span{display:block;font-size:12px;color:var(--muted)}
.ss-g3 b{display:block;font-size:14px;color:var(--ink);margin-top:6px;line-height:1.6;font-weight:400}
.ss-steps{counter-reset:st;margin:0 0 16px}
.ss-steps li{list-style:none;position:relative;padding:0 0 12px 44px;font-size:15px;line-height:1.9;color:var(--text)}
.ss-steps li::before{counter-increment:st;content:counter(st);position:absolute;left:0;top:2px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--acc);color:#0e1116;font-weight:700}
.ss-near{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.ss-near>div{background:var(--card);padding:20px 22px}
.ss-near h3{font-size:15px;color:var(--ink);margin-bottom:12px}
.ss-near ul li,.ss-rel li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.ss-near ul li a,.ss-rel li a{color:var(--teal-d)}
.ss-near ul li span,.ss-rel li span{color:var(--muted);font-size:12px;white-space:nowrap}
.ss-rel{background:var(--card);padding:8px 22px;margin-bottom:14px}
.ss-chips{display:flex;flex-wrap:wrap;gap:8px}
.ss-chips a{font-size:13px;padding:5px 12px;background:var(--card2);color:var(--text);border:1px solid var(--line)}
.ss-chips a b{color:var(--acc);margin-left:4px}
.ss-chips a:hover{border-color:var(--acc);color:#fff}
.ss-dreg{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}
.ss-dreg h3{font-size:16px;color:var(--ink)}
.ss-dreg h3 span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}
.ss-evroad{display:flex;gap:16px;align-items:center;background:var(--card2);border-left:4px solid var(--teal);padding:14px 18px;margin:16px 0;font-size:14px;color:var(--text)}
.ss-evroad b{color:var(--teal-d);white-space:nowrap}
.ss-cdwrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--card);padding:18px 22px}
.ss-cdwrap .ss-date{grid-column:auto;grid-row:auto}
.ss-off{display:inline-flex;align-items:center;height:42px;padding:0 22px;background:var(--orange);color:#fff !important;font-size:14px}
.ss-evprize{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:start}
.ss-evprize .im{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.ss-evprize .im img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}
.ss-evprize:not(:has(.im)){grid-template-columns:1fr}
.ev a.ev-more{display:inline-block;margin-left:14px;color:var(--acc);font-size:13px}
@media (max-width:980px){.ss-g3{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-near,.ss-evprize{grid-template-columns:1fr}}
@media (max-width:600px){.ss-pstat,.ss-evinfo{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-g3{grid-template-columns:1fr}.ss-dreg{grid-template-columns:1fr;gap:8px}.ss-evroad{flex-direction:column;align-items:flex-start;gap:4px}}
.ss-panel-more{display:block;padding:14px 18px;border-top:1px solid var(--line);color:var(--acc);font-size:14px;font-weight:700}
.ss .ss-p a,.ss .ss-note a,.ss .ss-faq a{color:var(--teal-d)}
.ss .ss-p a:hover,.ss .ss-note a:hover{text-decoration:underline}
.ev-res{margin-top:8px;font-size:13px;color:var(--text)}
.ev-res b{display:inline-block;font-size:11px;padding:1px 7px;margin-right:8px;background:rgba(227,178,90,.16);color:var(--acc)}
.ss-h3{font-size:16px;color:var(--ink);margin:18px 0 10px}