/*
Theme Name: 2027预测
Theme URI: https://www.2027yuce.com/
Author: 2027yuce
Description: 2027预测 —— NBA + 五大联赛（英超/西甲/意甲/德甲/法甲）AI 预测主题。API-Football v3 + API-NBA v2 实时数据，虚拟赛事页，全自动 SEO（百度/搜狗/神马/Bing/Google），底部横幅与 M1 广告后台上传，注册按钮/弹窗可配置。
Version: 1.0.3
Requires PHP: 8.0
Text Domain: y27
*/
:root{
 --bg:#f3f5fa;--card:#fff;--ink:#0e1530;--ink2:#4a5372;--ink3:#8a92ad;--line:#e4e8f1;
 --navy:#0b1430;--navy2:#13204a;--brand:#00c27a;--brand2:#00e08a;--hot:#ff4d4f;--gold:#ffb020;--blue:#2f6bff;
 --r:12px;--sh:0 2px 10px rgba(14,21,48,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--brand)}
ul,ol{list-style:none}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* top bar */
.topbar{background:#070d22;color:#9aa4c4;font-size:12px}
.topbar .wrap{display:flex;justify-content:space-between;height:32px;align-items:center;gap:12px}
.topbar a{color:#c9d1ec;margin-left:14px}
.topbar .dom b{color:var(--brand2)}

/* header */
header.site{background:var(--navy);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.25)}
.hd{display:flex;align-items:center;height:64px;gap:24px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;flex-shrink:0}
.logo:hover{color:#fff}
.logo img{max-height:44px;width:auto}
.logo .mk{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--brand2),#00a3ff);display:grid;place-items:center;font:900 18px/1 Arial;color:var(--navy);letter-spacing:-1px}
.logo strong{font-size:22px;font-weight:900;letter-spacing:1px;display:block;line-height:1.2}
.logo strong i{font-style:normal;color:var(--brand2)}
.logo small{display:block;font-size:11px;color:#8d98bf;font-weight:400;letter-spacing:0}
nav.main{flex:1;overflow-x:auto;scrollbar-width:none;min-width:0}
nav.main::-webkit-scrollbar{display:none}
nav.main ul{display:flex;gap:2px;white-space:nowrap}
nav.main a{display:block;padding:0 13px;line-height:64px;color:#cfd6f0;font-size:15px;position:relative}
nav.main .current-menu-item>a,nav.main .current-cat>a,nav.main a.on,nav.main a:hover{color:#fff}
nav.main .current-menu-item>a:after,nav.main a.on:after{content:"";position:absolute;left:13px;right:13px;bottom:12px;height:3px;border-radius:2px;background:var(--brand2)}
nav.main .sub-menu{display:none}
.hd-r{display:flex;gap:10px;align-items:center;margin-left:auto;flex-shrink:0}
.search{display:flex;background:#1b2a5c;border-radius:20px;overflow:hidden}
.search input{background:none;border:0;outline:0;color:#fff;padding:0 14px;width:160px;height:34px;font-size:13px}
.search button{background:var(--brand);border:0;color:#fff;padding:0 14px;cursor:pointer}
.btn-reg{background:var(--gold);color:#3a2500;font-weight:700;border-radius:20px;padding:7px 16px;font-size:13px;white-space:nowrap;cursor:pointer;border:0}
.btn-reg:hover{color:#3a2500;filter:brightness(1.05)}
.btn-login{color:#cfd6f0;font-size:13px;white-space:nowrap}

/* sub nav */
.subnav{background:#fff;border-bottom:1px solid var(--line)}
.subnav .wrap{height:44px;display:flex;align-items:center}
.subnav ul{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;width:100%}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{font-size:13px;color:var(--ink2)}
.subnav li:first-child a:before{content:"● ";color:var(--hot)}

/* ticker */
.ticker{background:var(--navy2);color:#dfe5fb;font-size:13px;overflow:hidden}
.ticker .wrap{display:flex;align-items:center;height:40px;gap:14px;overflow:hidden}
.ticker .lb{background:var(--hot);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;flex-shrink:0}
.tk-box{overflow:hidden;flex:1}
.tk-track{display:inline-flex;gap:34px;white-space:nowrap;animation:tk 50s linear infinite}
.tk-track:hover{animation-play-state:paused}
.tk-track a em{font-style:normal;color:var(--brand2);font-weight:700;margin:0 4px}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* breadcrumb */
.crumb{font-size:12px;color:var(--ink3);padding:12px 0}
.crumb a{color:var(--ink2)}

/* layout */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:20px;overflow:hidden}
.ch{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);gap:10px}
.ch h2,.ch h3,.ch .h{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px;flex-shrink:0}
.ch h2:before,.ch h3:before,.ch .h:before{content:"";width:4px;height:17px;border-radius:2px;background:var(--brand)}
.ch .more{font-size:12px;color:var(--ink3);flex-shrink:0}
.cb{padding:16px 18px}
.cb.np{padding:0;overflow-x:auto}
.empty{padding:30px 10px;text-align:center;color:var(--ink3);font-size:13px}

/* hero */
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:20px}
.feat{position:relative;border-radius:var(--r);overflow:hidden;background:radial-gradient(circle at 80% 10%,#1f3fa0 0,transparent 55%),linear-gradient(135deg,#0b1430,#102a6b);color:#fff;padding:26px;min-height:340px;display:flex;flex-direction:column}
.feat .tag{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}
.feat .tag span{background:rgba(255,255,255,.12);padding:3px 10px;border-radius:12px}
.feat .tag span.h{background:var(--hot)}
.feat h1{font-size:15px;font-weight:400;color:#9fb0e6;margin:14px 0 4px}
.feat .ttl{font-size:26px;font-weight:900;line-height:1.3}
.vs{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px;text-align:center}
.vs .tm{flex:1;min-width:0}
.badge{width:64px;height:64px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font-weight:900;font-size:18px;color:#fff;border:3px solid rgba(255,255,255,.25);background:#2a3a73;overflow:hidden}
.badge img{width:70%;height:70%;object-fit:contain}
.badge.lg{background:#fff}
.vs .tm b{display:block;font-size:17px}
.vs .tm small{color:#9fb0e6;font-size:12px}
.vs .mid{width:130px;flex-shrink:0}
.vs .mid .t{font-size:13px;color:#9fb0e6}
.vs .mid .sc{font:900 34px/1.2 Arial;color:var(--brand2);white-space:nowrap}
.vs .mid .sc small{display:block;font-size:11px;color:#9fb0e6;font-weight:400}
.prob{display:flex;height:10px;border-radius:6px;overflow:hidden;margin:6px 0;background:rgba(255,255,255,.1)}
.prob i{display:block}
.prob-lb{display:flex;justify-content:space-between;font-size:12px;color:#c9d3f5}
.feat .cta{margin-top:auto;display:flex;gap:10px;padding-top:16px}
.feat .cta a{background:var(--brand);padding:9px 18px;border-radius:8px;font-weight:700;color:#fff}
.feat .cta a.g{background:rgba(255,255,255,.12)}

.hot-side{display:flex;flex-direction:column;gap:12px}
.hs{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:14px 16px;display:flex;gap:12px;align-items:center}
.hs .lg{flex-shrink:0;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;text-align:center;line-height:1.2}
.hs .info{flex:1;min-width:0}
.hs .info b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs .info small{color:var(--ink3);font-size:12px}
.hs .pk{text-align:right;flex-shrink:0}
.hs .pk em{display:block;font-style:normal;font-weight:800;color:var(--brand)}
.conf{display:inline-block;font-size:11px;color:var(--gold);letter-spacing:1px}

/* stats strip */
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
.st{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:14px;text-align:center}
.st b{display:block;font:900 26px/1.2 Arial;color:var(--ink)}
.st b.g{color:var(--brand)}
.st span{font-size:12px;color:var(--ink3)}

/* tabs */
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}
.tabs::-webkit-scrollbar{display:none}
.tabs button{border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:18px;padding:5px 14px;font-size:13px;cursor:pointer;white-space:nowrap;font-family:inherit}
.tabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pane{display:none}.pane.on{display:block}

/* match table */
.mt{width:100%;border-collapse:collapse;font-size:13px}
.mt th{background:#f7f9fd;color:var(--ink3);font-weight:500;padding:9px 6px;text-align:center;white-space:nowrap}
.mt td{padding:11px 6px;text-align:center;border-bottom:1px solid var(--line)}
.mt tr:hover td{background:#fafcff}
.lgn{display:inline-block;color:#fff;border-radius:4px;padding:1px 6px;font-size:12px;white-space:nowrap}
.mt .h{text-align:right;font-weight:600}.mt .a{text-align:left;font-weight:600}
.mt .tl{display:inline-flex;align-items:center;gap:6px}
.mt .tl img{width:20px;height:20px;object-fit:contain;display:inline-block}
.mt .rk{color:var(--ink3);font-size:11px;font-weight:400}
.mt .ai{font-weight:800;color:var(--brand);white-space:nowrap}
.mt .sc{font-weight:800;color:var(--hot);white-space:nowrap}
.mt .live,.live{color:var(--hot);font-weight:700;white-space:nowrap}
.go{color:var(--blue)}
.pbar{display:flex;width:110px;height:6px;border-radius:3px;overflow:hidden;margin:0 auto 3px;background:#eef1f7}
.pbar i{display:block}
.pnum{font-size:11px;color:var(--ink3);white-space:nowrap}
.dgrp td{background:#f7f9fd;text-align:left;font-weight:700;color:var(--ink2)}

/* prediction cards */
.pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pc{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:.15s}
.pc:hover{border-color:var(--brand);box-shadow:0 6px 18px rgba(0,194,122,.12)}
.pc .top{display:flex;justify-content:space-between;font-size:12px;color:var(--ink3)}
.pc h3{font-size:15px;line-height:1.4}
.pc .pick{display:flex;justify-content:space-between;align-items:center;background:#f2fbf7;border-radius:8px;padding:8px 10px;gap:8px}
.pc .pick b{color:var(--brand);text-align:right}
.pc p{font-size:13px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc .ft{display:flex;justify-content:space-between;font-size:12px;color:var(--ink3);margin-top:auto}

/* NBA board */
.nba-g{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ng{border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.ng .rw{display:flex;align-items:center;gap:10px;padding:4px 0}
.ng .ab{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;flex-shrink:0;background:#1d428a;overflow:hidden}
.ng .ab img{width:26px;height:26px;object-fit:contain;background:#fff;border-radius:50%}
.ng .nm{flex:1;font-weight:600;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ng .nm small{color:var(--ink3);font-weight:400;margin-left:4px}
.ng .wp{font-weight:800;width:46px;text-align:right}
.ng .wp.w{color:var(--brand)}
.ng .meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink3);border-top:1px dashed var(--line);margin-top:6px;padding-top:8px}
.ng .meta b{color:var(--brand)}

/* standings */
.stb{width:100%;border-collapse:collapse;font-size:13px}
.stb th{color:var(--ink3);font-weight:500;padding:7px 4px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.stb td{padding:7px 4px;text-align:center;border-bottom:1px solid #f0f2f7}
.stb td.t{text-align:left;font-weight:600}
.stb td.t img{width:18px;height:18px;object-fit:contain;display:inline-block;vertical-align:-4px;margin-right:6px}
.stb tr.me td{background:#f2fbf7}
.n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:4px;font-size:12px;background:#eef1f7}
.n.ucl{background:var(--blue);color:#fff}.n.uel{background:var(--gold);color:#fff}.n.rel{background:var(--hot);color:#fff}
.stb .pts{font-weight:800}
.form i{display:inline-block;width:16px;height:16px;border-radius:3px;font-size:10px;line-height:16px;color:#fff;font-style:normal;margin:0 1px;text-align:center}
.form .w{background:var(--brand)}.form .d{background:#9aa3bb}.form .l{background:var(--hot)}

/* news */
.news{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.news li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.th{width:120px;height:76px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;text-align:center;padding:6px;overflow:hidden;background:linear-gradient(135deg,#1d428a,#0b1430)}
.th img{width:100%;height:100%;object-fit:cover;border-radius:8px}
a.th{padding:0}
a.th span{padding:6px}
.news h3{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news small{color:var(--ink3);font-size:12px}
.tl li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}
.tl li span{color:var(--ink3);flex-shrink:0;font-size:12px;width:40px}
.tl li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* list (archive) */
.plist li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.plist .th{width:200px;height:126px;font-size:15px}
.plist .bd{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.plist h2{font-size:17px;line-height:1.45}
.plist p{font-size:13px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.plist .mt2{display:flex;gap:12px;font-size:12px;color:var(--ink3);margin-top:auto;flex-wrap:wrap}
.plist .pk2{color:var(--brand);font-weight:700}
.pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:18px 0}
.pager a,.pager span{min-width:34px;height:34px;padding:0 10px;display:inline-grid;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:13px}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.chan{border-radius:var(--r);color:#fff;padding:22px 24px;margin-bottom:20px;background:linear-gradient(135deg,var(--navy),#163a8a)}
.chan h1{font-size:24px;font-weight:900}
.chan p{color:rgba(255,255,255,.8);font-size:13px;margin-top:6px;max-width:820px}

/* experts */
.ex{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ex .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex-shrink:0}
.ex .i{flex:1;min-width:0}
.ex .i b{display:block}
.ex .i small{color:var(--ink3);font-size:12px}
.ex .r{text-align:right}
.ex .r em{display:block;font-style:normal;font-weight:900;color:var(--hot);font-size:16px}
.ex .r small{font-size:11px;color:var(--ink3)}

/* sidebar */
.rank li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f7;font-size:13px}
.rank li i{font-style:normal;width:20px;height:20px;border-radius:4px;display:grid;place-items:center;background:#eef1f7;font-size:12px;flex-shrink:0}
.rank li:nth-child(-n+3) i{background:var(--hot);color:#fff}
.rank li a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rank li span{color:var(--ink3);font-size:12px}
.hit{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hit div{background:#f7f9fd;border-radius:8px;padding:10px;text-align:center}
.hit b{display:block;font:900 22px/1.2 Arial;color:var(--brand)}
.hit small{font-size:12px;color:var(--ink3)}
.recent li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:7px 0;border-bottom:1px dashed var(--line)}
.recent li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ok{color:var(--brand);font-weight:700;flex-shrink:0}.ng2{color:var(--hot);font-weight:700;flex-shrink:0}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{background:#f2f4f9;border-radius:14px;padding:4px 12px;font-size:12px !important;color:var(--ink2)}
.tags a:hover{background:var(--brand);color:#fff}
.leagues{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.leagues a{border-radius:8px;color:#fff;text-align:center;padding:10px 4px;font-size:13px;font-weight:700}
.leagues a:hover{color:#fff;opacity:.9}
.adm1{margin-bottom:20px;border-radius:var(--r);overflow:hidden}
.adm1 img{width:100%}

/* SEO text & FAQ */
.seo-txt{font-size:13px;color:var(--ink2);line-height:1.9}
.seo-txt h2{font-size:15px;color:var(--ink);margin:10px 0 4px}
.seo-txt strong{color:var(--ink)}
.seo-txt a{color:var(--blue)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"Q";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:4px;background:var(--brand);color:#fff;font-size:12px;margin-right:8px}
.faq p{color:var(--ink2);font-size:13px;margin-top:8px;padding-left:28px}

/* single */
.art-h{padding:22px 24px 16px;border-bottom:1px solid var(--line)}
.art-h h1{font-size:26px;line-height:1.4;font-weight:900;margin:8px 0}
.art-h .mt3{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink3)}
.mcard{margin:18px 24px 0;border-radius:12px;background:linear-gradient(135deg,#0b1430,#123081);color:#fff;padding:18px 20px}
.mcard .vs{margin:6px 0 10px}
.mcard .pick2{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;background:rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;margin-top:10px;font-size:13px}
.mcard .pick2 b{color:var(--brand2)}
.entry{padding:20px 24px;font-size:16px;line-height:1.95;color:#1f2640;word-break:break-word}
.entry p{margin:0 0 1.1em}
.entry h2{font-size:20px;margin:1.4em 0 .6em;padding-left:10px;border-left:4px solid var(--brand)}
.entry h3{font-size:17px;margin:1.2em 0 .5em}
.entry ul,.entry ol{margin:0 0 1em 1.4em;list-style:disc}
.entry ol{list-style:decimal}
.entry img{border-radius:8px;margin:10px auto}
.entry table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:14px}
.entry th,.entry td{border:1px solid var(--line);padding:8px}
.entry th{background:#f7f9fd}
.entry blockquote{border-left:4px solid var(--line);padding:6px 14px;color:var(--ink2);margin:0 0 1em;background:#f9fafc}
.entry a{color:var(--blue)}
.disc{margin:0 24px 20px;padding:12px 14px;border-radius:8px;background:#fff8e6;color:#8a6200;font-size:12px}
.art-tags{padding:0 24px 18px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 22px;font-size:13px}
.pn a{display:block;background:#f7f9fd;border-radius:8px;padding:10px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pn a small{display:block;color:var(--ink3)}
.cmp{display:grid;gap:10px}
.cmp .r{display:grid;grid-template-columns:48px 1fr 80px 1fr 48px;align-items:center;gap:8px;font-size:13px}
.cmp .r span{text-align:center;font-weight:700}
.cmp .r em{font-style:normal;text-align:center;color:var(--ink3);font-size:12px}
.cmp .bar{height:8px;border-radius:4px;background:#eef1f7;overflow:hidden;display:flex}
.cmp .bar.l{justify-content:flex-end}
.cmp .bar i{display:block;height:100%}
.lsc{width:100%;border-collapse:collapse;font-size:14px;text-align:center}
.lsc th,.lsc td{padding:8px;border-bottom:1px solid var(--line)}
.lsc th{color:var(--ink3);font-weight:500;background:#f7f9fd}
.lsc td.t{text-align:left;font-weight:700}
.lsc td.tot{font-weight:900;color:var(--hot)}

/* footer */
footer.site{background:var(--navy);color:#97a2c6;margin-top:10px;font-size:13px}
footer.site a:hover{color:#fff}
.ft-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px;padding:36px 0 24px}
.ft-top h4{color:#fff;font-size:14px;margin-bottom:12px}
.ft-top li{margin-bottom:8px}
.ft-top p{line-height:1.8;margin-top:10px}
.flinks{border-top:1px solid #1d2b5a;padding:16px 0;display:flex;flex-wrap:wrap;gap:6px 16px}
.flinks b{color:#fff}
.copy{border-top:1px solid #1d2b5a;padding:16px 0 24px;text-align:center;font-size:12px;line-height:1.9}

/* register popup */
.y27-mask{position:fixed;inset:0;background:rgba(5,10,30,.6);z-index:200;display:none;align-items:center;justify-content:center;padding:16px}
.y27-mask.on{display:flex}
.y27-pop{background:#fff;border-radius:16px;max-width:400px;width:100%;overflow:hidden;position:relative;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.y27-pop .x{position:absolute;right:10px;top:8px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:18px;cursor:pointer;line-height:30px}
.y27-pop .pi{width:100%}
.y27-pop .pb{padding:20px 22px 24px}
.y27-pop h3{font-size:20px;font-weight:900}
.y27-pop p{color:var(--ink2);font-size:14px;margin:8px 0 16px;line-height:1.7}
.y27-pop .go2{display:block;background:linear-gradient(90deg,var(--brand),#00a3ff);color:#fff;font-weight:800;padding:12px;border-radius:10px;font-size:16px}

/* mobile tab bar */
.mbar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:60;padding-bottom:env(safe-area-inset-bottom)}
.mbar ul{display:grid;grid-template-columns:repeat(5,1fr)}
.mbar a{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--ink2);padding:6px 0}
.mbar a.on{color:var(--brand)}
.mbar svg{width:22px;height:22px;margin-bottom:2px}

/* responsive */
@media(max-width:1080px){
 .grid{grid-template-columns:minmax(0,1fr)}
 .stats{grid-template-columns:repeat(3,1fr)}
 .pc-grid{grid-template-columns:repeat(2,1fr)}
 .ft-top{grid-template-columns:repeat(3,1fr)}
 .search{display:none}
}
@media(max-width:760px){
 .topbar{display:none}
 .hd{height:auto;flex-wrap:wrap;gap:0 10px;padding-top:8px}
 .logo{height:42px}
 .logo .mk{width:34px;height:34px;font-size:15px}
 .logo img{max-height:34px}
 .logo strong{font-size:18px}.logo small{display:none}
 .hd-r{margin-left:auto;height:42px}
 .btn-login{display:none}
 .btn-reg{padding:6px 14px}
 nav.main{order:3;flex:0 0 100%;width:100%}
 nav.main a{line-height:40px;font-size:14px;padding:0 10px}
 nav.main .current-menu-item>a:after,nav.main a.on:after{bottom:4px;left:10px;right:10px}
 .hero{grid-template-columns:minmax(0,1fr)}
 .feat{padding:18px;min-height:0}
 .feat .ttl{font-size:20px}
 .badge{width:52px;height:52px;font-size:15px}
 .vs .mid{width:112px}.vs .mid .sc{font-size:24px}
 .stats{grid-template-columns:repeat(2,1fr)}
 .pc-grid,.nba-g,.news{grid-template-columns:1fr}
 .mt .hide-m,.stb .hide-m{display:none}
 .pbar{width:70px}
 .ft-top{grid-template-columns:1fr 1fr}
 .ft-top>div:first-child{grid-column:1/-1}
 .mbar{display:block}
 body{padding-bottom:60px}
 .cb{padding:12px}
 .ch{padding:12px}
 .plist .th{width:112px;height:74px;font-size:12px}
 .plist h2{font-size:15px}
 .plist p{display:none}
 .art-h{padding:16px}
 .art-h h1{font-size:21px}
 .mcard{margin:14px 12px 0;padding:14px}
 .entry{padding:16px;font-size:15.5px}
 .disc,.art-tags{margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}
 .disc{padding:10px 12px}
 .pn{padding:0 16px 18px;grid-template-columns:1fr}
 .cmp .r{grid-template-columns:36px 1fr 64px 1fr 36px}
}

/* ===== fixed header (works in UC/QQ/X5 where sticky fails) ===== */
header.site{position:relative !important;top:auto}
.fixhd{position:fixed;top:0;left:0;right:0;z-index:90;-webkit-transform:translateZ(0);transform:translateZ(0)}
.fixhd.slim .topbar{display:none}
.fixph{height:140px}
.mbar{z-index:95 !important;-webkit-transform:translateZ(0);transform:translateZ(0)}
@media(max-width:760px){
 .fixph{height:134px}
 .fixhd.slim .subnav{display:none}
 .mt td{white-space:nowrap}
 .mt .rk{display:none}
}

body{overflow-x:hidden}
.grid>*,.hero>*{min-width:0}