/* ===== 体育赛事AI提示词生成引擎 · C端 H5 深色科技风 ===== */
:root{
  --bg:#0a0e1a; --bg2:#111729; --card:#161d33; --card2:#1c2742;
  --line:#243049; --txt:#e8edf7; --txt2:#9aa6c2; --txt3:#5e6b8a;
  --primary:#00e5a0; --primary2:#00b8d4; --accent:#3d7dff;
  --gold:#ffc44d; --danger:#ff5e6c; --radius:14px;
  --grad:linear-gradient(135deg,#00e5a0,#00b8d4);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg); color:var(--txt); font-size:14px; line-height:1.6;
  max-width:480px; margin:0 auto; position:relative; min-height:100vh;
  background-image:radial-gradient(circle at 50% 0,rgba(0,229,160,.08),transparent 45%);
}
a{color:inherit;text-decoration:none}
img{display:block}
button{font-family:inherit;cursor:pointer;border:none;outline:none}
input,textarea{font-family:inherit;outline:none}
.hidden{display:none!important}

/* 顶栏 */
.topbar{position:sticky;top:0;z-index:50;background:rgba(10,14,26,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:10px}
.topbar .logo{font-weight:800;font-size:17px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.topbar .logo small{font-weight:500;color:var(--txt3);font-size:11px;-webkit-text-fill-color:var(--txt3)}
.topbar .spacer{flex:1}
.vip-chip{background:linear-gradient(135deg,#ffd76a,#ff9d3c);color:#3a2400;font-weight:700;font-size:11px;
  padding:3px 9px;border-radius:20px;cursor:pointer;user-select:none}
.vip-chip:active{transform:translateY(1px)}
.vip-chip.free-chip{background:var(--card2);color:var(--primary);border:1px solid var(--primary)}
.ghost-btn{background:var(--card2);color:var(--txt2);font-size:12px;padding:6px 12px;border-radius:20px;border:1px solid var(--line)}

/* 通用卡片/按钮 */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--grad);
  color:#04241b;font-weight:700;padding:12px 18px;border-radius:12px;font-size:15px;transition:.15s}
.btn:active{transform:scale(.97)}
.btn.block{width:100%}
.btn.outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}
.btn.gray{background:var(--card2);color:var(--txt2);border:1px solid var(--line)}
.btn:disabled{opacity:.5;pointer-events:none}

/* 切换胶囊 */
.segment{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}
.segment button{flex:1;background:transparent;color:var(--txt2);padding:9px 0;border-radius:9px;font-size:14px;font-weight:600;transition:.15s}
.segment button.on{background:var(--grad);color:#04241b}

.date-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}
.date-tabs::-webkit-scrollbar{display:none}
.date-tabs button{white-space:nowrap;background:var(--card);border:1px solid var(--line);color:var(--txt2);
  padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600}
.date-tabs button.on{background:var(--card2);color:var(--primary);border-color:var(--primary)}

/* 状态筛选标签：进行中/未开赛/已结束 */
.status-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:2px}
.status-tabs button{white-space:nowrap;background:var(--card);border:1px solid var(--line);color:var(--txt2);
  padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;transition:.15s}
.status-tabs button.on{background:var(--card2);color:var(--primary);border-color:var(--primary)}

/* 联赛筛选栏：自动换行不横向溢出，选中态绿色 */
.league-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:2px}
.league-tabs button{white-space:nowrap;flex:0 0 auto;background:var(--card);border:1px solid var(--line);
  color:var(--txt2);padding:7px 15px;border-radius:20px;font-size:13px;font-weight:600;transition:.15s}
.league-tabs button.on{background:var(--grad);color:#04241b;border-color:transparent}

/* 赛事卡片 */
.match-card{margin-bottom:12px;position:relative;overflow:hidden}
.match-card .league{font-size:12px;color:var(--txt3);display:flex;align-items:center;gap:6px;margin-bottom:10px}
.match-card .hot{background:linear-gradient(135deg,#ff5e6c,#ff9d3c);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}
.vs-row{display:flex;align-items:center;justify-content:space-between}
.team{display:flex;flex-direction:column;align-items:center;gap:6px;width:38%}
.team .avatar{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:16px;color:var(--primary);border:1px solid var(--line);overflow:hidden;flex-shrink:0}
.team .avatar img{width:100%;height:100%;object-fit:contain;padding:3px}
.team .avatar.txt{background:var(--card2)}
.team .tname{font-size:13px;font-weight:600;text-align:center}
.vs-mid{text-align:center}
.vs-mid .t{font-size:18px;font-weight:800;color:var(--txt)}
.vs-mid .d{font-size:11px;color:var(--txt3);margin-top:2px}
.vs-mid .vs{font-size:12px;color:var(--primary);font-weight:700}
.vs-mid .score{font-size:22px;font-weight:800;letter-spacing:1px;line-height:1.1}
.vs-mid .score .score-sep{opacity:.5;font-weight:600;margin:0 2px}

/* 列表容器 */
.page{padding:14px 16px 90px}
.section-title{font-size:15px;font-weight:700;margin:18px 0 10px;display:flex;align-items:center;gap:8px}
.section-title::before{content:'';width:4px;height:15px;background:var(--grad);border-radius:2px}

/* 详情页基本面 */
.basics{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start}
.basics .col{font-size:12px}
.basics .k{color:var(--txt3);font-size:11px;margin-top:8px}
.basics .v{color:var(--txt);font-weight:600}
.basics .mid{color:var(--txt3);font-size:11px;text-align:center;padding-top:30px}

/* 主页搜索框 */
.home-search{display:flex;align-items:center;gap:8px;position:relative}
.home-search .hs-input{flex:1;background:var(--bg2);border:1px solid var(--line);border-radius:10px;
  padding:10px 12px;font-size:13px;color:var(--txt)}
.home-search .hs-input:focus{border-color:var(--primary)}
.home-search .hs-clear{position:absolute;right:64px;background:none;color:var(--txt3);font-size:14px;padding:4px 6px}
.home-search .hs-btn{background:var(--grad);color:#04241b;font-weight:700;border-radius:10px;
  padding:10px 16px;font-size:13px;white-space:nowrap}
.home-search .hs-btn:active{transform:scale(.97)}

/* 基本面数据新版 */
.basics-grid{margin-bottom:6px}
.bg-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.bg-row:last-child{border-bottom:none}
.bg-head{padding-bottom:10px}
.bg-head .bg-team{font-size:13px;font-weight:700;color:var(--txt);text-align:center}
.bg-row .bg-val{font-size:14px;font-weight:600;color:var(--txt);text-align:center}
.bg-row .bg-label{font-size:11px;color:var(--txt3);padding:0 14px;white-space:nowrap}
.recent-block{margin-top:10px;background:var(--bg2);border-radius:8px;padding:9px 11px}
.recent-title{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:5px}
.recent-text{font-size:11px;color:var(--txt2);line-height:1.7;word-break:break-all}
.recent-empty{font-size:11px;color:var(--txt3)}
.h2h-block{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.h2h-title{font-size:12px;font-weight:600;color:var(--gold);margin-bottom:5px}
.h2h-text{font-size:11px;color:var(--txt2);line-height:1.7;word-break:break-all}

/* 模板选择器 */
.tpl-cat{font-size:13px;color:var(--txt2);font-weight:700;margin:14px 0 8px}
.tpl-item{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);
  border-radius:12px;padding:12px;margin-bottom:8px;transition:.15s}
.tpl-item.on{border-color:var(--primary);background:rgba(0,229,160,.07)}
.tpl-item .ti-main{flex:1;min-width:0}
.tpl-item .ti-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}
.tpl-item .ti-desc{font-size:11px;color:var(--txt3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-vip{background:linear-gradient(135deg,#ffd76a,#ff9d3c);color:#3a2400;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px}
.tag-free{background:rgba(0,229,160,.15);color:var(--primary);font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px}
.tpl-item .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex-shrink:0}
.tpl-item.on .radio{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 3px var(--card2)}

/* 生成结果 */
.result-box{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px;
  white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.75;color:var(--txt);max-height:46vh;overflow-y:auto}
.copy-bar{position:sticky;bottom:0;padding-top:12px}

/* 底部导航 */
.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;
  background:rgba(17,23,41,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);
  display:flex;z-index:60}
.tabbar a{flex:1;text-align:center;padding:9px 0 calc(9px + env(safe-area-inset-bottom));color:var(--txt3);font-size:11px}
.tabbar a.on{color:var(--primary)}
.tabbar a .ico{font-size:20px;display:block;line-height:1.2}

/* 弹层 */
.mask{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:flex-end;justify-content:center}
.mask.center{align-items:center;padding:20px}
.mask.login-mask{align-items:flex-end;padding-bottom:min(10cm,32vh)}
.sheet{width:100%;max-width:480px;background:var(--bg2);border-radius:20px 20px 0 0;border:1px solid var(--line);
  padding:20px 18px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:up .25s}
.dialog{width:100%;max-width:340px;background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:22px;animation:pop .2s}
@keyframes up{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes pop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
.sheet-title{font-size:17px;font-weight:800;margin-bottom:4px}
.login-tabs{display:flex;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:4px;margin:12px 0 16px}
.login-tabs .lt{flex:1;background:transparent;color:var(--txt2);padding:9px 0;border-radius:7px;font-size:14px;font-weight:600;transition:.15s}
.login-tabs .lt.on{background:var(--grad);color:#04241b}
.sheet-sub{font-size:12px;color:var(--txt3);margin-bottom:16px}

/* 表单 */
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;color:var(--txt2);margin-bottom:6px}
.field input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--txt);font-size:15px}
.field .code-row{display:flex;gap:8px}
.field .code-row input{flex:1}
.checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--txt2);margin:14px 0}
.checkbox input{margin-top:2px}
.checkbox a{color:var(--primary)}

/* 会员套餐 */
.plan{border:2px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;position:relative;background:var(--card)}
.plan.on{border-color:var(--gold);background:linear-gradient(135deg,rgba(255,196,77,.08),transparent)}
.plan .pname{font-weight:800;font-size:16px}
.plan .pprice{font-size:24px;font-weight:800;color:var(--gold);margin:6px 0}
.plan .pprice small{font-size:12px;color:var(--txt3);font-weight:500;text-decoration:line-through;margin-left:6px}
.plan .pdesc{font-size:12px;color:var(--txt3)}
.plan .ptag{position:absolute;top:-10px;right:14px;background:linear-gradient(135deg,#ff5e6c,#ff9d3c);color:#fff;
  font-size:10px;font-weight:700;padding:2px 10px;border-radius:10px}

/* 个人中心 */
.profile-head{display:flex;align-items:center;gap:14px;padding:6px 2px 16px}
.profile-head .pavatar{width:60px;height:60px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:26px}
.profile-head .pinfo .pn{font-size:18px;font-weight:800}
.profile-head .pinfo .pu{font-size:12px;color:var(--txt3);margin-top:3px}
.vip-banner{background:linear-gradient(135deg,#2a2150,#3a2a1a);border:1px solid #5a4a2a;border-radius:14px;padding:16px;
  display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.vip-banner .vt{font-weight:800;color:var(--gold);font-size:15px}
.vip-banner .vs{font-size:11px;color:var(--txt2);margin-top:3px}
.menu-list .menu-item{display:flex;align-items:center;gap:12px;padding:15px 4px;border-bottom:1px solid var(--line);font-size:14px}
.menu-list .menu-item .mi-ico{font-size:18px}
.menu-list .menu-item .arrow{margin-left:auto;color:var(--txt3)}

/* 历史记录 */
.his-item{padding:14px;margin-bottom:10px}
.his-item .ht{font-size:13px;font-weight:700;margin-bottom:6px}
.his-item .hc{font-size:12px;color:var(--txt3);max-height:40px;overflow:hidden;line-height:1.5}
.his-item .hd{font-size:11px;color:var(--txt3);margin-top:8px;display:flex;justify-content:space-between}

/* toast */
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.88);
  color:#fff;padding:14px 22px;border-radius:12px;font-size:14px;z-index:9999;max-width:80%;text-align:center;animation:pop .2s}
.toast.success{background:rgba(0,150,90,.95)}

.empty{text-align:center;color:var(--txt3);padding:50px 20px;font-size:13px}
.empty .ei{font-size:40px;margin-bottom:10px;opacity:.6}
.loading{text-align:center;color:var(--txt3);padding:40px;font-size:13px}

.notice{background:rgba(61,125,255,.1);border:1px solid rgba(61,125,255,.3);border-radius:10px;
  padding:10px 12px;font-size:11px;color:var(--txt2);line-height:1.6;margin-top:14px}
.guide-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.guide-btns a{flex:1;min-width:90px;text-align:center;background:var(--card2);border:1px solid var(--line);
  border-radius:10px;padding:10px;font-size:12px;font-weight:600;color:var(--txt)}

/* ===== 世界杯专题 ===== */
.wc-hero{text-align:center;padding:24px 16px 20px;margin:-14px -16px 16px;
  background:linear-gradient(135deg,#3a2a0a,#5a3a12 50%,#2a1d40);position:relative;overflow:hidden}
.wc-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,196,77,.25),transparent 60%)}
.wc-trophy{font-size:46px;position:relative}
.wc-title{font-size:24px;font-weight:900;margin-top:4px;background:linear-gradient(135deg,#ffe08a,#ffb02e);
  -webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
.wc-sub{font-size:12px;color:#d8c89a;margin-top:4px;position:relative}
.wc-count{font-size:12px;color:var(--txt3);margin-bottom:14px;text-align:center}
.wc-group{margin-bottom:18px}
.wc-group-title{font-size:14px;font-weight:800;color:var(--gold);margin-bottom:10px;
  display:flex;align-items:center;gap:8px}
.wc-group-title::before{content:'';width:4px;height:15px;background:linear-gradient(135deg,#ffe08a,#ffb02e);border-radius:2px}
.wc-match{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:14px 10px;margin-bottom:8px;transition:.15s}
.wc-match:active{transform:scale(.98);border-color:var(--gold)}
/* ========== 世界杯专题页面 ========== */
.wc-page{background:#07131F;padding:0 16px calc(96px + env(safe-area-inset-bottom)) 16px}

/* Hero 卡片 */
.wc-hero{
  position:relative;height:180px;border-radius:22px;padding:24px 20px 18px;margin-bottom:18px;
  background:linear-gradient(135deg, #15223A 0%, #1A1233 45%, #3A2115 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.wc-hero::before{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:radial-gradient(circle at 80% 20%, rgba(255,200,87,.12) 0%, transparent 50%);
  pointer-events:none;
}
.wc-hero-content{position:relative;z-index:1}
.wc-hero-label{font-size:11px;font-weight:700;color:#8A98B8;letter-spacing:1px;margin-bottom:6px}
.wc-hero-title{font-size:28px;font-weight:800;color:#FFFFFF;margin-bottom:4px}
.wc-hero-sub{font-size:14px;color:#8A98B8}
.wc-hero-trophy{position:absolute;right:20px;top:24px;font-size:64px;opacity:.3;z-index:0}
.wc-hero-stats{position:absolute;bottom:18px;left:20px;display:flex;gap:8px;z-index:1}
.wc-stat-pill{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;color:#DDE6FF;
}

/* 二级导航 Tabs */
.wc-tabs{
  display:flex;gap:20px;overflow-x:auto;padding:2px 0 12px;margin-bottom:14px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid rgba(255,255,255,.06);
}
.wc-tabs::-webkit-scrollbar{display:none}
.wc-tab{
  white-space:nowrap;flex:0 0 auto;background:none;border:none;color:#8A98B8;
  font-size:15px;font-weight:600;padding:0 4px 10px;position:relative;transition:.2s;
}
.wc-tab.on{color:#00F0B5}
.wc-tab.on::after{
  content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:24px;height:3px;background:#00F0B5;border-radius:2px;
}

/* 小组筛选栏 */
.wc-group-filter{
  display:flex;gap:8px;flex-wrap:wrap;padding:2px 0;margin-bottom:14px;
}
.wc-group-btn{
  white-space:nowrap;flex:0 0 auto;height:34px;padding:0 16px;border-radius:999px;
  background:#111A2E;border:1px solid #24314D;color:#8A98B8;font-size:13px;font-weight:600;
  transition:.2s;
}
.wc-group-btn.on{background:rgba(0,240,181,.15);border-color:#00F0B5;color:#00F0B5}

/* 小组信息卡 */
.wc-group-info{
  position:relative;background:#101827;border:1px solid #24314D;border-radius:16px;
  padding:16px 16px 16px 20px;margin-bottom:12px;display:flex;align-items:center;gap:12px;
}
.wc-group-info-bar{
  position:absolute;left:0;top:16px;bottom:16px;width:3px;background:#FFC857;border-radius:0 2px 2px 0;
}
.wc-group-info-content{flex:1;min-width:0}
.wc-group-info-title{font-size:18px;font-weight:700;color:#FFFFFF;margin-bottom:6px}
.wc-group-info-teams{font-size:13px;color:#8A98B8;margin-bottom:4px}
.wc-group-info-progress{font-size:12px;color:#5D6A88}
.wc-group-info-link{font-size:13px;font-weight:600;color:#00F0B5;flex-shrink:0}

/* 积分榜预览 */
.wc-table-preview{
  background:#111A2E;border:1px solid #24314D;border-radius:18px;padding:14px 16px;margin-bottom:18px;
}
.wc-table-header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;
}
.wc-table-header>span:first-child{font-size:16px;font-weight:700;color:#FFFFFF}
.wc-table-link{font-size:13px;font-weight:600;color:#00F0B5}
.wc-table-row{
  display:grid;grid-template-columns:40px 1fr 36px 48px 48px;align-items:center;
  height:38px;border-bottom:1px solid rgba(255,255,255,.06);
}
.wc-table-full .wc-table-row{grid-template-columns:38px minmax(96px,1fr) 32px 32px 32px 32px 44px 44px}
.wc-table-row:last-child{border-bottom:none}
.wc-table-head{height:32px}
.wc-table-head span{font-size:12px;color:#5D6A88;font-weight:600}
.wc-table-rank{text-align:center;font-size:14px;font-weight:700;color:#DDE6FF}
.wc-table-rank.gold{color:#FFC857}
.wc-table-team{display:flex;align-items:center;gap:8px;min-width:0}
.wc-table-team .avatar{width:24px;height:24px;font-size:10px}
.wc-table-team span{font-size:14px;font-weight:600;color:#FFFFFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-table-num{text-align:center;font-size:14px;color:#DDE6FF}
.wc-table-num.strong{font-weight:800;color:#FFC857}

.wc-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  background:#101827;border:1px solid #24314D;border-radius:16px;padding:14px 16px;margin-bottom:14px;
}
.wc-section-title{font-size:18px;font-weight:800;color:#FFFFFF;margin-bottom:4px}
.wc-section-sub{font-size:12px;color:#8A98B8;line-height:1.5}
.wc-section-count{font-size:13px;font-weight:700;color:#00F0B5;white-space:nowrap}
.wc-standing-block{margin-bottom:14px}

/* 日期分组 */
.wc-date-group{margin-bottom:18px}
.wc-date-title{
  display:flex;align-items:center;gap:8px;margin-bottom:10px;position:relative;padding-left:12px;
}
.wc-date-bar{
  position:absolute;left:0;width:3px;height:18px;background:#FFC857;border-radius:2px;
}
.wc-date-title>span:first-of-type{font-size:16px;font-weight:600;color:#FFFFFF}
.wc-date-count{font-size:13px;color:#5D6A88;margin-left:auto}

/* 比赛卡片 */
.wc-match-card{
  background:#111A2E;border:1px solid #24314D;border-radius:16px;padding:14px 16px;
  margin-bottom:12px;transition:.2s;
}
.wc-match-card:hover{border-color:#00F0B5}
.wc-match-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.wc-match-time{font-size:13px;font-weight:600;color:#8A98B8}
.wc-match-stage{font-size:12px;color:#5D6A88}
.wc-match-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;cursor:pointer}
.wc-match-teams:hover .wc-match-team span{color:#00F0B5}
.wc-match-team{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.wc-match-team.right{flex-direction:row-reverse;text-align:right}
.wc-match-team span{font-size:15px;font-weight:600;color:#FFFFFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s}
.wc-match-vs{font-size:14px;font-weight:800;color:#FFC857;padding:0 16px;flex-shrink:0}
.wc-match-score{font-size:16px;font-weight:900;color:#FFFFFF;padding:0 14px;flex-shrink:0}
.wc-match-action{font-size:12px;color:#00F0B5;text-align:right;font-weight:600;cursor:pointer;transition:.2s}
.wc-match-action:hover{color:#00D89A}

/* 世界杯国旗（44px圆形，适配flagcdn） */
.wc-flag{
  width:44px;height:44px;border-radius:50%;overflow:hidden;background:#1A2332;
  border:1px solid #24314D;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:16px;color:#FFC857;flex-shrink:0;
}
.wc-flag img{width:100%;height:100%;object-fit:cover}
.wc-flag.txt{background:#111A2E}

/* 积分榜国旗（24px圆形） */
.wc-table-team .wc-flag{width:24px;height:24px;font-size:10px}

/* 旧样式清理（保留兼容） */
.wc-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.wc-team .wc-tn{font-size:12px;font-weight:600;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flag{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#fff;
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:16px;color:var(--gold);flex-shrink:0}
.flag img{width:100%;height:100%;object-fit:cover}
.flag.txt{background:var(--card2)}
.wc-vs{width:74px;text-align:center;flex-shrink:0}
.wc-vs .wc-time{font-size:11px;color:var(--txt3)}
.wc-vs .wc-vstxt{font-size:13px;font-weight:800;color:var(--gold);margin-top:2px}

/* ===== 创作中心 ===== */
.creator-page{padding-bottom:20px}
.creator-header{text-align:center;padding:20px 0 16px}
.creator-header h2{font-size:22px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.creator-header p{font-size:13px;color:var(--txt3);margin-top:6px}

.creator-category{margin-bottom:20px}
.creator-cat-title{font-size:15px;font-weight:700;color:var(--txt);margin-bottom:10px;padding-left:4px;
  border-left:3px solid var(--primary);padding-left:10px}

.creator-tpl-list{display:flex;flex-direction:column;gap:10px}
.creator-tpl-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:14px 16px;cursor:pointer;transition:.2s}
.creator-tpl-card:active{transform:scale(.98);background:var(--card2)}
.creator-tpl-card.vip{border-color:rgba(255,196,77,.3)}

.creator-tpl-name{font-size:15px;font-weight:600;color:var(--txt);display:flex;align-items:center;gap:8px}
.creator-tpl-name .vip-tag{background:linear-gradient(135deg,#ffd76a,#ff9d3c);color:#3a2400;
  font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}
.creator-tpl-desc{font-size:12px;color:var(--txt3);margin-top:6px;line-height:1.5}

.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--txt2);margin-bottom:6px}
.form-group .input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;font-size:14px;color:var(--txt);transition:.2s}
.form-group .input:focus{border-color:var(--primary);background:var(--card)}
.form-group select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239aa6c2' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}

/* 创作中心 - 赛事搜索 */
.creator-search{display:flex;gap:8px}
.creator-search .input{flex:1;background:var(--bg2);border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;font-size:14px;color:var(--txt)}
.creator-search .input:focus{border-color:var(--primary)}
.creator-search .btn{padding:12px 20px;white-space:nowrap}

/* 创作中心 - 赛事卡片 */
.creator-match-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:.2s}
.creator-match-card:active{transform:scale(.98);background:var(--card2)}
.cmc-league{font-size:12px;color:var(--txt3);display:flex;justify-content:space-between;align-items:center}
.cmc-status{font-weight:600}
.cmc-teams{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 8px}
.cmc-team{font-size:15px;font-weight:600;color:var(--txt)}
.cmc-vs{font-size:12px;font-weight:800;color:var(--gold)}
.cmc-time{font-size:12px;color:var(--txt3);text-align:center}

/* 创作中心 - 返回按钮 + 已选赛事 */
.creator-back{font-size:14px;color:var(--primary);cursor:pointer;padding:6px 0;margin-bottom:6px}
.creator-back:active{opacity:.7}
.creator-match-selected{background:linear-gradient(135deg,rgba(0,229,160,.12),rgba(0,184,212,.08));
  border:1px solid rgba(0,229,160,.3);border-radius:var(--radius);padding:14px 16px;text-align:center}
.cms-league{font-size:12px;color:var(--txt3)}
.cms-teams{font-size:17px;font-weight:700;color:var(--txt);margin:6px 0}
.cms-teams span{font-size:12px;color:var(--gold);font-weight:800;margin:0 8px}
.cms-time{font-size:12px;color:var(--txt2)}

/* ===== 在线客服 ===== */
.support-float{position:fixed;z-index:80;width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#00e5a0,#00b8d4);color:#06231f;border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 28px rgba(0,229,160,.25);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;
  touch-action:none;user-select:none}
.support-float:active{transform:scale(.96)}
.support-float.has-new{animation:supportPulse .9s ease}
.support-badge{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;border-radius:10px;background:#ff4d5e;color:#fff;
  border:2px solid var(--bg);font-size:11px;font-weight:900;align-items:center;justify-content:center;padding:0 5px;line-height:1}
@keyframes supportPulse{0%,100%{transform:scale(1)}35%{transform:scale(1.12)}70%{transform:scale(.96)}}
.support-panel{position:fixed;right:14px;bottom:86px;z-index:90;width:min(360px,calc(100vw - 24px));height:min(540px,calc(100vh - 120px));
  background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 48px rgba(0,0,0,.45);
  display:none;flex-direction:column;overflow:hidden}
.support-panel.open{display:flex}
.support-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,rgba(0,229,160,.12),rgba(0,184,212,.06))}
.support-head b{font-size:15px;color:var(--txt)}
.support-head span{display:block;font-size:11px;color:var(--txt3);margin-top:3px}
.support-head button{width:30px;height:30px;border-radius:8px;background:var(--bg2);color:var(--txt2);font-size:22px;line-height:1}
.support-msgs{flex:1;overflow-y:auto;padding:14px;background:rgba(0,0,0,.08)}
.support-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--txt3);font-size:13px;text-align:center}
.support-line{display:flex;flex-direction:column;margin-bottom:12px;align-items:flex-start}
.support-line.mine{align-items:flex-end}
.support-bubble{max-width:78%;background:var(--bg2);border:1px solid var(--line);border-radius:12px 12px 12px 4px;padding:9px 11px;
  color:var(--txt);font-size:13px;line-height:1.55;word-break:break-word}
.support-line.mine .support-bubble{background:linear-gradient(135deg,#00e5a0,#00b8d4);border-color:transparent;color:#06231f;border-radius:12px 12px 4px 12px}
.support-time{font-size:10px;color:var(--txt3);margin-top:4px}
.support-photo{display:block;max-width:180px;max-height:180px;border-radius:8px;object-fit:cover}
.support-login{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--line);
  background:rgba(255,176,46,.08);color:var(--warn);font-size:12px}
.support-login .btn{padding:6px 10px;font-size:12px}
.support-compose{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--line);background:var(--card)}
.support-compose textarea{flex:1;min-height:38px;max-height:90px;resize:none;background:var(--bg2);border:1px solid var(--line);
  border-radius:10px;padding:10px;color:var(--txt);font-size:13px;outline:none}
.support-img,.support-send{height:38px;border-radius:10px;font-weight:700}
.support-img{width:38px;background:var(--bg2);border:1px solid var(--line);color:var(--primary)}
.support-send{padding:0 14px;background:var(--primary);color:white}
.support-send:disabled,.support-img:disabled,.support-compose textarea:disabled{opacity:.45;cursor:not-allowed}