/* ============================================================
   TERRACE · 高端足球赛事资讯模板样式层（叠加于 mipcms.css + module.css 之上）
   基于【模版1】(stadium) 的架构与整体气质，做结构性配色/版式差异化 + 新增模块：
     - 8 套配色 theme-1~8（品牌/强调色/背景各异）
     - 5 种首页版式 layout-1~5（首屏形态 + section 顺序不同）
     - 深色/浅色头部 head-dark / head-light
     - 新增模块：APP 好评&下载(tcapp) / 赛程看点时间轴(tctimeline) / 精选球星卡(tcstars) / 常见问题(tcfaq)
   配色·版式·头部由 main.html 变体引擎按域名分配；同一套模板在 15 站呈现不同外观。
   加载顺序：mipcms → terrace(tc.css) → module，故本文件一律用 body.tc + #id 抬优先级。
   ============================================================ */

/* ---------- 顶栏底色默认值（未登记域名回落；已登记主题各自覆盖 --tc-head） ---------- */
body.tc { --tc-head:#0f1e2e; --tc-head-txt:#eef5ef; }

/* ---------- 8 套配色变量（含各自顶栏深色调，令 15 站顶栏也随之差异化） ---------- */
body.tc.theme-1 { --brand:#0f9d6a; --brand-2:#0a5f42; --accent:#f2b134; --glow:#35d6a0; --bg:#eef8f4; --card:#fff; --text:#14231f; --muted:#5f736d; --line:#d9ece5; }
body.tc.theme-2 { --brand:#2f6fed; --brand-2:#1b3f8f; --accent:#f5a623; --glow:#5b9dff; --bg:#eef3fd; --card:#fff; --text:#17203a; --muted:#64748b; --line:#dfe8f7; }
body.tc.theme-3 { --brand:#e11d48; --brand-2:#8f1230; --accent:#fbbf24; --glow:#ff6b81; --bg:#fdeef1; --card:#fff; --text:#2a1418; --muted:#8a6a70; --line:#f6dde1; }
body.tc.theme-4 { --brand:#7c4ddb; --brand-2:#4a2597; --accent:#ff7aa8; --glow:#a78bfa; --bg:#f3f0fd; --card:#fff; --text:#241a33; --muted:#6f6790; --line:#e6e0f7; }
body.tc.theme-5 { --brand:#0aa2c0; --brand-2:#0a5f73; --accent:#f7941e; --glow:#2dd4bf; --bg:#ebf7fa; --card:#fff; --text:#10272d; --muted:#5c7a82; --line:#d6edf2; }
body.tc.theme-6 { --brand:#ea6a1e; --brand-2:#a2420f; --accent:#f7c948; --glow:#fb923c; --bg:#fdf2e9; --card:#fff; --text:#2c1a12; --muted:#8a7162; --line:#f4e3d6; }
body.tc.theme-7 { --brand:#4f46c7; --brand-2:#29256f; --accent:#38bdf8; --glow:#818cf8; --bg:#eef0fb; --card:#fff; --text:#191b33; --muted:#6a6f95; --line:#e0e3f5; }
body.tc.theme-8 { --brand:#db2f82; --brand-2:#8a1a53; --accent:#f5b301; --glow:#f472b6; --bg:#fbeff5; --card:#fff; --text:#2a1420; --muted:#8a6478; --line:#f6dae6; }

/* ---------- 基础 ---------- */
body.tc { background: var(--bg); color: var(--text); font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif; }
body.tc a { color: var(--text); text-decoration:none; }
body.tc a:hover { color: var(--brand); }
.tc-accent-bar { height:3px; background:linear-gradient(90deg,var(--brand),var(--glow),var(--accent)); }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
@media (max-width:991px){ html{ scroll-padding-top:76px; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

/* ---------- 顶栏 ---------- */
body.tc #tc-header { background:var(--tc-head); box-shadow:0 2px 14px rgba(0,0,0,.22); }
body.tc #tc-header .navbar { flex-wrap:nowrap; min-height:64px; padding-top:.4rem; padding-bottom:.4rem; }
body.tc #tc-header .navbar-brand { flex:0 1 auto; min-width:0; }
body.tc #tc-header .tc-logo-tile { background:var(--tc-head); border-radius:9px; }
body.tc #tc-header .navbar-brand .tc-wordmark { white-space:nowrap; font-size:16px; color:var(--tc-head-txt); }
body.tc #tc-header .navbar-brand .tc-wordmark mark.tc-brand { background:transparent; color:inherit; padding:0; }
body.tc #tc-header .nav-link { color:rgba(238,245,239,.86); white-space:nowrap; font-weight:600; padding:.45rem .6rem; font-size:15px; position:relative; }
body.tc #tc-header .nav-link:hover, body.tc #tc-header .nav-link.active { color:#fff; }
body.tc #tc-header .nav-link.active::after { content:""; position:absolute; left:.6rem; right:.6rem; bottom:.1rem; height:2px; border-radius:2px; background:var(--accent); }
body.tc .tc-cta { background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; border:0; border-radius:30px; padding:.4rem 1.05rem; font-weight:700; white-space:nowrap; box-shadow:0 6px 16px rgba(0,0,0,.18); }
body.tc .tc-cta:hover { color:#fff; filter:brightness(1.08); }
body.tc.head-light #tc-header { background:#fff; box-shadow:0 1px 12px rgba(0,0,0,.08); border-bottom:1px solid var(--line); }
body.tc.head-light #tc-header .nav-link { color:#3a4453; }
body.tc.head-light #tc-header .nav-link:hover, body.tc.head-light #tc-header .nav-link.active { color:var(--brand); }
body.tc.head-light #tc-header .navbar-brand .tc-wordmark { color:var(--brand-2); }
body.tc.head-light #tc-header .tc-logo-tile { background:var(--tc-head); }
@media (min-width:992px){ body.tc #tc-header .navbar > .container { flex-wrap:nowrap; } body.tc #tc-header .navbar-collapse{ min-width:0; } }
@media (max-width:991px){ body.tc #tc-header .navbar-nav .nav-link{ white-space:normal; } body.tc #tc-header .tc-mnav { background:var(--tc-head); border-radius:12px; padding:.5rem .75rem; margin-top:.5rem; } body.tc.head-light #tc-header .tc-mnav{ background:#fff; } }
@media (min-width:992px) and (max-width:1199px){ body.tc #tc-header .navbar-brand .tc-wordmark{ font-size:13px; } body.tc #tc-header .nav-link{ padding:.4rem .45rem; font-size:13px; } }
@media (min-width:1200px) and (max-width:1399px){ body.tc #tc-header .navbar-brand .tc-wordmark{ font-size:14px; } body.tc #tc-header .nav-link{ padding:.4rem .5rem; font-size:14px; } }

/* ---------- 移动端汉堡按钮可见性 + 顶栏紧凑化（修复手机端 下载APP/菜单 不见） ---------- */
body.tc #tc-header .navbar-toggler { border:1px solid rgba(255,255,255,.42); border-radius:9px; padding:.32rem .55rem; background:transparent; }
body.tc #tc-header .navbar-toggler:focus { box-shadow:0 0 0 .16rem rgba(255,255,255,.28); outline:none; }
body.tc #tc-header .navbar-toggler-icon { width:22px; height:22px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); vertical-align:middle; }
body.tc.head-light #tc-header .navbar-toggler { border-color:rgba(18,26,38,.2); }
body.tc.head-light #tc-header .navbar-toggler:focus { box-shadow:0 0 0 .16rem rgba(18,26,38,.14); }
body.tc.head-light #tc-header .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2818,26,38,0.82%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
@media (max-width:575.98px) {
  body.tc #tc-header .navbar { min-height:56px; }
  body.tc #tc-header .navbar-brand img { height:38px; max-height:38px; }
  body.tc #tc-header .tc-cta { padding:.34rem .66rem; font-size:.8rem; border-radius:22px; }
  body.tc #tc-header .tc-cta i { font-size:.82rem; }
}

/* ---------- 通用卡片/盒子（列表·详情·侧栏） ---------- */
body.tc .mipcms-main { margin-top:0; }
body.tc .mip-box { background:var(--card); border:1px solid var(--line); border-radius:14px; box-shadow:0 1px 5px rgba(16,24,40,.05); margin-bottom:20px; overflow:hidden; }
body.tc .mip-box-heading { border-bottom:1px solid var(--line); padding:14px 18px; position:relative; }
body.tc .mip-box-heading h3, body.tc .mip-box-heading h1 { font-size:18px; font-weight:800; margin:0; padding-left:12px; }
body.tc .mip-box-heading h3::before, body.tc .mip-box-heading h1::before { content:""; position:absolute; left:0; top:15px; width:4px; height:20px; border-radius:3px; background:linear-gradient(var(--brand),var(--accent)); }
body.tc .mip-box-body { padding:16px 18px; }
body.tc .li-box-list { padding:10px 0; border-bottom:1px dashed var(--line); }
body.tc .li-box-list:last-child { border-bottom:0; }
body.tc .li-box-list p { color:var(--muted); font-size:12px; margin:4px 0 0; }
body.tc .no-data-block { text-align:center; color:var(--muted); padding:40px 0; }
body.tc .section-title-strip { background:linear-gradient(90deg,var(--brand),var(--brand-2)); color:#fff; border-radius:12px; padding:14px 18px; margin-bottom:16px; font-weight:800; font-size:18px; }

/* ---------- 通用区块标题 ---------- */
.tc-sec { padding:56px 0; }
.tc-sec-head { text-align:center; margin-bottom:34px; }
.tc-eyebrow { display:inline-block; font-size:12px; font-weight:800; letter-spacing:2px; color:var(--brand); text-transform:uppercase; background:rgba(0,0,0,.03); border:1px solid var(--line); border-radius:999px; padding:5px 14px; margin-bottom:12px; }
.tc-sec-head h2 { font-weight:900; font-size:clamp(22px,3.2vw,30px); color:var(--text); margin:0 0 10px; }
.tc-sec-head h2 i { color:var(--brand); margin-right:8px; }
.tc-sec-head p { color:var(--muted); max-width:720px; margin:0 auto; line-height:1.7; }
body.tc mark.tc-brand { background:transparent; color:inherit; padding:0; border-radius:0; font-weight:inherit; }

/* ---------- 首屏 hero-5 三形态（沿用 module.css 结构，仅抬色） ---------- */
body.tc #hero-5 { background:radial-gradient(120% 120% at 12% 0%, var(--bg), #fff 60%); color:var(--text); padding:56px 0; }
body.tc #hero-5 h1 { font-weight:900; font-size:clamp(26px,4.2vw,42px); color:var(--text); }
body.tc #hero-5 .tc-badge { display:inline-flex; align-items:center; gap:.4rem; background:#fff; border:1px solid var(--line); border-radius:999px; padding:.4rem .9rem; font-size:.86rem; font-weight:700; color:var(--brand-2); box-shadow:0 6px 16px rgba(16,24,40,.06); }
body.tc #hero-5 .tc-btn { display:inline-flex; align-items:center; gap:.5rem; border-radius:30px; padding:.62rem 1.4rem; font-weight:800; transition:.2s; }
body.tc #hero-5 .tc-btn-primary { background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; box-shadow:0 10px 24px rgba(0,0,0,.16); }
body.tc #hero-5 .tc-btn-primary:hover { color:#fff; filter:brightness(1.08); transform:translateY(-1px); }
body.tc #hero-5 .tc-btn-ghost { background:#fff; color:var(--brand-2); border:2px solid var(--brand); }
body.tc #hero-5 .tc-btn-ghost:hover { background:var(--brand); color:#fff; }
body.tc #hero-5 .tc-kpi { border-left:3px solid var(--accent); padding-left:.7rem; text-align:left; }
body.tc #hero-5 .tc-kpi strong { display:block; font-size:1.35rem; line-height:1.2; color:var(--brand); }
body.tc #hero-5 .tc-kpi span { color:var(--muted); font-size:.82rem; }
body.tc #hero-5 .tc-hero-img { border-radius:18px; box-shadow:0 18px 40px rgba(16,24,40,.20); }

/* ---------- about / stats / security / update / mission / news：仅上强调色，结构走 module.css ---------- */
body.tc #about-14 h2, body.tc #about-14 .tc-h { color:var(--brand-2); }
body.tc #about-14 img { border-radius:16px; box-shadow:0 14px 34px rgba(16,24,40,.14); }
body.tc #stats-5 { background:linear-gradient(135deg,var(--brand-2),var(--brand)); }
body.tc #stats-5 h2 { color:#fff; } body.tc #stats-5 .text-muted { color:rgba(255,255,255,.82) !important; }
body.tc #stats-5 .stats5-item { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); border-radius:16px; }
body.tc #stats-5 .stats5-item h5 { color:#fff; } body.tc #stats-5 .stats5-item p { color:#fff; }
body.tc #stats-5 .stats5-item small { color:rgba(255,255,255,.8); }
body.tc #update-11 { background:linear-gradient(135deg,var(--brand-2),#0c1712); }
body.tc #update-11 .accordion-button { color:var(--text); font-weight:700; }
body.tc #update-11 .accordion-button:not(.collapsed) { color:#fff; background:linear-gradient(90deg,var(--brand),var(--brand-2)); }
body.tc #update-11 .accordion-button:focus { box-shadow:0 0 0 .15rem rgba(255,255,255,.25); }
body.tc #update-11 .accordion-body a { color:var(--text); } body.tc #update-11 .accordion-body a:hover { color:var(--brand); }
body.tc #mission-3 { background:linear-gradient(135deg,#0c1712,var(--brand-2)); }

/* ---------- news-3 最新文章 ---------- */
body.tc #news-3 .news3-card { background:var(--card); border:1px solid var(--line); border-radius:16px; transition:transform .18s,box-shadow .18s; }
body.tc #news-3 .news3-card:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(16,24,40,.12); }
body.tc #news-3 .news3-card h3 a:hover { color:var(--brand); }
body.tc .news3-img-wrap { min-height:100%; }

/* ---------- 好评通用：头像 / 星级 / 评分胶囊 ---------- */
body.tc .tc-avatar { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; color:#fff; font-size:18px; box-shadow:0 4px 10px rgba(16,24,40,.16); }
body.tc .tc-av-1 { background:linear-gradient(135deg,#0f9d6a,#35d6a0); }
body.tc .tc-av-2 { background:linear-gradient(135deg,#2f6fed,#5b9dff); }
body.tc .tc-av-3 { background:linear-gradient(135deg,#e11d48,#ff6b81); }
body.tc .tc-av-4 { background:linear-gradient(135deg,#ea6a1e,#fb923c); }
body.tc .tc-av-5 { background:linear-gradient(135deg,#7c4ddb,#a78bfa); }
body.tc .tc-av-6 { background:linear-gradient(135deg,#0aa2c0,#2dd4bf); }
body.tc .tc-stars { color:#f5a623; letter-spacing:2px; font-size:.92rem; }
body.tc .tc-rate-pill { background:#fff; border:1px solid #e3e7ed; border-radius:999px; padding:.5rem 1.15rem; box-shadow:0 4px 14px rgba(16,24,40,.06); }
body.tc .tc-rate-pill strong { font-size:1.05rem; }

/* ---------- judge-7 横滑好评 ---------- */
body.tc #judge-7 .scroll-wrapper { display:flex; gap:1rem; overflow-x:auto; padding:.25rem .25rem 1rem; }
body.tc #judge-7 .review-card { flex:0 0 320px; width:320px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.25rem; box-shadow:0 2px 10px rgba(16,24,40,.05); }
body.tc #judge-7 .review-card p { font-size:.95rem; line-height:1.75; }
body.tc #judge-7 .review-footer .tc-avatar { margin-right:12px; width:44px; height:44px; font-size:17px; }
body.tc #judge-7 .scroll-wrapper::-webkit-scrollbar { height:8px; }
body.tc #judge-7 .scroll-wrapper::-webkit-scrollbar-track { background:var(--bg); border-radius:4px; }
body.tc #judge-7 .scroll-wrapper::-webkit-scrollbar-thumb { background:var(--brand); border-radius:4px; opacity:.6; }

/* ---------- judge-3 好评 + 热读榜 ---------- */
body.tc #judge-3 { padding:56px 0; background:linear-gradient(180deg,#fff,var(--bg)); }
body.tc #judge-3 .section-title h2 { font-weight:900; color:var(--text); }
body.tc #judge-3 .comment-header .tc-avatar { margin-right:14px; width:50px; height:50px; font-size:19px; }
body.tc #judge-3 .comment-header h5 { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; }
body.tc #judge-3 .rank-list .rank-info strong { color:var(--brand); font-size:1.05rem; }
body.tc #judge-3 .rank-list .rank-info a { color:var(--text); font-size:.92rem; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.tc #judge-3 .rank-list .rank-info a:hover { color:var(--brand); }
body.tc #judge-3 .rank-list .badge { flex:0 0 auto; white-space:nowrap; }

/* ============================================================
   新增模块 ①：APP 好评 & 下载 tcapp
   ============================================================ */
body.tc #tcapp { padding:60px 0; background:linear-gradient(135deg,var(--brand-2),#0c1712 70%); color:#fff; position:relative; overflow:hidden; }
body.tc #tcapp::before { content:""; position:absolute; right:-80px; top:-80px; width:320px; height:320px; background:radial-gradient(circle,var(--glow),transparent 70%); opacity:.35; }
body.tc #tcapp .tc-app-copy { position:relative; z-index:1; }
body.tc #tcapp .tc-app-copy h2 { font-weight:900; font-size:clamp(22px,3vw,32px); margin-bottom:14px; }
body.tc #tcapp .tc-app-copy p { color:rgba(255,255,255,.86); line-height:1.8; margin-bottom:20px; }
body.tc #tcapp .tc-score-big { display:flex; align-items:center; gap:16px; margin-bottom:20px; }
body.tc #tcapp .tc-score-big .num { font-size:46px; font-weight:900; line-height:1; }
body.tc #tcapp .tc-score-big .meta small { display:block; color:rgba(255,255,255,.8); font-size:.82rem; }
body.tc #tcapp .tc-badges { display:flex; flex-wrap:wrap; gap:12px; }
body.tc #tcapp .tc-badge-store { display:inline-flex; align-items:center; gap:.6rem; background:#fff; color:#111; border-radius:12px; padding:.6rem 1.1rem; font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.25); transition:.18s; }
body.tc #tcapp .tc-badge-store:hover { transform:translateY(-2px); color:#111; }
body.tc #tcapp .tc-badge-store small { display:block; font-weight:600; font-size:.66rem; color:#666; line-height:1; margin-bottom:2px; }
body.tc #tcapp .tc-badge-store i { font-size:1.5rem; color:var(--brand); }
body.tc #tcapp .tc-phone { position:relative; z-index:1; }
body.tc #tcapp .tc-app-review { position:relative; z-index:1; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.2); border-radius:16px; padding:18px 20px; }
body.tc #tcapp .tc-app-review .r-title { display:flex; align-items:center; gap:8px; font-weight:800; margin-bottom:6px; }
body.tc #tcapp .tc-app-review .r-sub { color:rgba(255,255,255,.78); font-size:.86rem; }
body.tc #tcapp .tc-app-review .tc-stars { color:var(--accent); }

/* ============================================================
   新增模块 ②：赛程看点时间轴 tctimeline
   ============================================================ */
body.tc #tctimeline { padding:60px 0; background:var(--card); }
body.tc .tc-tl { position:relative; padding-left:8px; }
body.tc .tc-tl::before { content:""; position:absolute; left:96px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--brand),var(--accent)); }
body.tc .tc-tl-item { display:flex; gap:22px; align-items:flex-start; padding:14px 0; }
body.tc .tc-tl-date { flex:0 0 74px; text-align:right; }
body.tc .tc-tl-date b { display:block; font-size:20px; font-weight:900; color:var(--brand); line-height:1; }
body.tc .tc-tl-date span { font-size:.78rem; color:var(--muted); }
body.tc .tc-tl-dot { position:relative; flex:0 0 auto; width:16px; height:16px; margin-top:4px; border-radius:50%; background:#fff; border:3px solid var(--brand); box-shadow:0 0 0 4px var(--bg); }
body.tc .tc-tl-body { flex:1 1 auto; min-width:0; background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:12px 16px; }
body.tc .tc-tl-body .comp { font-size:.78rem; font-weight:800; color:#fff; background:var(--brand); border-radius:999px; padding:2px 10px; display:inline-block; margin-bottom:6px; }
body.tc .tc-tl-body h4 { font-size:16px; font-weight:800; margin:0 0 4px; }
body.tc .tc-tl-body p { color:var(--muted); font-size:.88rem; margin:0; line-height:1.6; }
@media (max-width:575px){ body.tc .tc-tl::before{ left:8px; } body.tc .tc-tl-item{ flex-wrap:wrap; } body.tc .tc-tl-date{ flex-basis:100%; text-align:left; } }

/* ============================================================
   新增模块 ③：精选球星卡 tcstars
   ============================================================ */
body.tc #tcstars { padding:60px 0; background:linear-gradient(180deg,var(--bg),#fff); }
body.tc .tc-star-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:18px; overflow:hidden; height:100%; transition:transform .18s,box-shadow .18s; }
body.tc .tc-star-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,24,40,.14); }
body.tc .tc-star-media { position:relative; aspect-ratio:4/3; overflow:hidden; background:#0d1b12; }
body.tc .tc-star-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.tc .tc-star-media .tagpos { position:absolute; left:12px; top:12px; background:rgba(14,21,18,.72); color:#fff; font-size:.72rem; font-weight:800; border-radius:999px; padding:3px 10px; }
body.tc .tc-star-body { padding:14px 16px 16px; }
body.tc .tc-star-body h4 { font-size:16px; font-weight:800; margin:0 0 6px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.tc .tc-star-body .muted { color:var(--muted); font-size:.86rem; line-height:1.6; }
body.tc .tc-star-body .more { color:var(--brand); font-weight:800; font-size:.86rem; }

/* ============================================================
   新增模块 ④：常见问题 tcfaq
   ============================================================ */
body.tc #tcfaq { padding:60px 0; background:var(--card); }
body.tc .tc-faq-item { border:1px solid var(--line); border-radius:14px; background:#fff; margin-bottom:12px; overflow:hidden; }
body.tc .tc-faq-q { width:100%; text-align:left; background:#fff; border:0; padding:16px 18px; font-weight:800; font-size:16px; color:var(--text); display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.tc .tc-faq-q .ic { color:var(--brand); transition:transform .2s; }
body.tc .tc-faq-q[aria-expanded="true"] .ic { transform:rotate(180deg); }
body.tc .tc-faq-q[aria-expanded="true"] { color:var(--brand); }
body.tc .tc-faq-a { padding:0 18px; color:var(--muted); line-height:1.85; }
body.tc .tc-faq-a.show { padding-bottom:16px; }

/* ============================================================
   详情页 / 列表 / 标签 / 分页 / 侧栏 / 回顶
   ============================================================ */
body.tc .detail-title { font-size:clamp(22px,3vw,30px); font-weight:900; line-height:1.4; margin:6px 0 14px; }
body.tc .mip-box-main .info { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; }
body.tc .mip-box-main .info ul { margin:0; padding:0; }
body.tc .mip-box-main .info li { color:var(--muted); font-size:13px; margin-right:16px; display:inline-block; }
body.tc .mipcms-detail-body { font-size:16.5px; line-height:1.95; color:#2a333f; }
body.tc .mipcms-detail-body p { margin:0 0 16px; }
body.tc .mipcms-detail-body img { max-width:100%; height:auto; border-radius:12px; margin:8px 0; }
body.tc .mipcms-detail-body h2, body.tc .mipcms-detail-body h3 { font-weight:900; margin:24px 0 12px; padding-left:12px; border-left:4px solid var(--brand); }
body.tc .mipcms-detail-body ul, body.tc .mipcms-detail-body ol { margin:0 0 16px; padding-left:22px; }
body.tc .mipcms-detail-body li { margin-bottom:8px; line-height:1.85; }
body.tc .mipcms-detail-body figure.art-lead { margin:12px 0 22px; }
body.tc .mipcms-detail-body figure.art-lead img { width:100%; height:auto; border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.16); display:block; }
body.tc .mipcms-detail-body figure.art-lead figcaption { margin-top:8px; text-align:center; color:var(--muted); font-size:12px; letter-spacing:.3px; }
body.tc .tags, body.tc ul.tags { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
body.tc .tags li { display:block; margin:0; }
body.tc .tags li a { display:inline-block; background:#f0f3f1; border:1px solid var(--line); color:var(--text); padding:4px 13px; border-radius:999px; font-size:12px; line-height:1.7; white-space:nowrap; transition:.15s; }
body.tc .tags li a:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.tc .mipui-category-list-001 .mipui-category-list-item { display:flex; gap:16px; align-items:flex-start; position:relative; float:none !important; min-height:0 !important; padding:16px 0; margin-bottom:0; border-bottom:1px solid var(--line); overflow:hidden; }
body.tc .mipui-category-list-001 .item-media { position:relative !important; float:none !important; top:auto !important; left:auto !important; flex:0 0 auto; width:220px; height:150px; overflow:hidden; border-radius:14px; background:#eef1ef; }
body.tc .mipui-category-list-001 .item-media .item-link { display:block; position:relative; height:150px !important; transition:none; transform:none !important; }
body.tc .mipui-category-list-001 .item-media .item-link:hover { transform:none !important; }
body.tc .mipui-category-list-001 .item-media img { position:absolute !important; inset:0 !important; top:0 !important; left:0 !important; margin:0 !important; transform:none !important; width:100% !important; height:100% !important; max-width:none !important; min-width:0 !important; object-fit:cover; display:block; }
body.tc .mipui-category-list-001 .item-content { padding-left:0 !important; flex:1 1 auto; min-width:0; }
body.tc .mipui-category-list-001 .item-content h4 { font-size:18px; font-weight:800; margin:0 0 8px; line-height:1.4; }
body.tc .mipui-category-list-001 .item-content h4 a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.tc .mipui-category-list-001 .item-content p { color:var(--muted); font-size:13px; margin:0 0 4px; }
body.tc .mipui-category-list-001 .item-content h4 a:hover { color:var(--brand); }
@media (max-width:575px){ body.tc .mipui-category-list-001 .item-media, body.tc .mipui-category-list-001 .item-media .item-link { width:120px; height:90px; } body.tc .mipui-category-list-001 .item-content h4 { font-size:15px; } }
body.tc .pagination { margin-top:18px; }
body.tc .pagination .page-link { color:var(--brand); border-color:var(--line); }
body.tc .pagination .active .page-link { background:var(--brand); border-color:var(--brand); color:#fff; }
body.tc .page-img { max-width:100%; height:auto; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,.10); }
body.tc .item-up-down-page .mipmb-page-item { width:48%; }
body.tc .breadcrumb { font-size:13px; color:var(--muted); }
body.tc .tc-totop { position:fixed; right:18px; bottom:22px; width:46px; height:46px; line-height:44px; text-align:center; border-radius:50%; background:var(--brand); color:#fff; font-size:22px; box-shadow:0 6px 18px rgba(0,0,0,.22); opacity:0; visibility:hidden; transform:translateY(10px); transition:.25s; z-index:1040; }
body.tc .tc-totop.show { opacity:1; visibility:visible; transform:none; }
body.tc .tc-totop:hover { background:var(--brand-2); color:#fff; }

/* ---------- 页脚 ---------- */
body.tc #tc-footer { background:linear-gradient(180deg,#0c1712,var(--brand-2)); color:rgba(255,255,255,.82); padding:48px 0 22px; position:relative; }
body.tc #tc-footer .tc-foot-mask { position:absolute; inset:0; background:rgba(6,12,9,.72); }
body.tc #tc-footer a { color:rgba(255,255,255,.82); }
body.tc #tc-footer a:hover { color:#fff; }
body.tc #tc-footer h6 { color:#fff; letter-spacing:.5px; }
body.tc #tc-footer .tc-foot-word { font-weight:900; color:#fff; }
body.tc #tc-footer .tc-foot-desc { color:rgba(255,255,255,.72); }
body.tc #tc-footer .tc-foot-bar { border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.6); font-size:.85rem; }

/* ---------- 移动端好评/图片微调 ---------- */
@media (max-width:767px){
  body.tc #judge-7 .review-card { flex:0 0 82vw; width:82vw; padding:1rem; }
  body.tc .tc-rate-pill { flex-wrap:wrap; justify-content:center; padding:.5rem .9rem; }
  body.tc #tcapp { text-align:center; } body.tc #tcapp .tc-badges { justify-content:center; } body.tc #tcapp .tc-score-big { justify-content:center; }
}

/* ============================================================
   高端顶栏升级 premium header（覆盖上方基础顶栏；全部走 CSS 变量，随主题/深浅头自适应）
   ============================================================ */
/* 顶部信息条（仅 ≥lg 显示，移动端保持简洁） */
body.tc #tc-header .tc-topbar { background:linear-gradient(90deg, rgba(0,0,0,.30), rgba(0,0,0,.10)); border-bottom:1px solid rgba(255,255,255,.08); font-size:12.5px; }
body.tc #tc-header .tc-topbar .container { padding-top:7px; padding-bottom:7px; }
body.tc #tc-header .tc-topbar-tag { color:rgba(238,245,239,.82); letter-spacing:.2px; }
body.tc #tc-header .tc-topbar-tag i { color:var(--accent); margin-right:7px; }
body.tc #tc-header .tc-topbar-links { display:inline-flex; gap:20px; }
body.tc #tc-header .tc-topbar-links a { color:rgba(238,245,239,.82); text-decoration:none; transition:color .18s; }
body.tc #tc-header .tc-topbar-links a:hover { color:#fff; }
body.tc #tc-header .tc-topbar-links a i { margin-right:5px; color:var(--glow); }
body.tc.head-light #tc-header .tc-topbar { background:linear-gradient(90deg, var(--brand-2), var(--brand)); border-bottom:0; }
body.tc.head-light #tc-header .tc-topbar-tag, body.tc.head-light #tc-header .tc-topbar-links a { color:rgba(255,255,255,.92); }
body.tc.head-light #tc-header .tc-topbar-links a i, body.tc.head-light #tc-header .tc-topbar-tag i { color:#fff; }

/* 主导航栏：玻璃质感 + 顶部微光 + 底部渐变发丝线 + 滚动加深投影 */
body.tc #tc-header { background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 46%), var(--tc-head); backdrop-filter:saturate(1.25) blur(9px); -webkit-backdrop-filter:saturate(1.25) blur(9px); box-shadow:0 1px 0 rgba(255,255,255,.05); transition:box-shadow .25s ease; }
body.tc #tc-header::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,var(--brand),var(--glow),var(--accent)); opacity:.55; }
body.tc #tc-header.tc-scrolled { box-shadow:0 12px 32px rgba(0,0,0,.30); }
body.tc #tc-header .navbar { min-height:70px; padding-top:.15rem; padding-bottom:.15rem; }
body.tc.head-light #tc-header { background:linear-gradient(180deg,#ffffff,#f6f9fc); backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:1px solid var(--line); }
body.tc.head-light #tc-header::after { opacity:.9; }

/* logo 徽板：圆角+内高光+外投影，悬停微放大上浮 */
body.tc #tc-header .tc-logo-tile { background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:13px; padding:5px; box-shadow:0 6px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.14); transition:transform .2s ease, box-shadow .2s ease; }
body.tc #tc-header .navbar-brand:hover .tc-logo-tile { transform:translateY(-1px) scale(1.03); box-shadow:0 10px 24px rgba(0,0,0,.34); }
body.tc.head-light #tc-header .tc-logo-tile { background:var(--tc-head); border-color:rgba(0,0,0,.06); }

/* 品牌字标：渐变字 + 官方徽标 */
body.tc #tc-header .tc-wordmark { font-size:18px; font-weight:800; letter-spacing:.3px; margin-left:.55rem; }
body.tc #tc-header .tc-wordmark .tc-brand { background:linear-gradient(90deg,#ffffff, var(--glow)); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.tc #tc-header .tc-official { font-style:normal; font-size:11px; font-weight:700; color:#fff; background:linear-gradient(135deg,var(--brand),var(--brand-2)); border-radius:6px; padding:1px 6px; margin-left:8px; vertical-align:middle; letter-spacing:.5px; box-shadow:0 3px 8px rgba(0,0,0,.22); }
body.tc.head-light #tc-header .tc-wordmark .tc-brand { background:linear-gradient(90deg,var(--brand),var(--brand-2)); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* 导航链接：胶囊悬停 + 渐变下划线 */
body.tc #tc-header .navbar-nav .nav-link { color:rgba(238,245,239,.9); font-weight:600; font-size:15px; padding:.5rem .82rem; border-radius:10px; position:relative; transition:color .18s, background .18s; }
body.tc #tc-header .navbar-nav .nav-link:hover { color:#fff; background:rgba(255,255,255,.09); }
body.tc #tc-header .navbar-nav .nav-link.active { color:#fff; }
body.tc #tc-header .navbar-nav .nav-link.active::after { content:""; position:absolute; left:.82rem; right:.82rem; bottom:3px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--brand),var(--accent)); }
body.tc.head-light #tc-header .navbar-nav .nav-link { color:#3a4453; }
body.tc.head-light #tc-header .navbar-nav .nav-link:hover { color:var(--brand); background:rgba(20,30,60,.05); }

/* 搜索图标按钮 */
body.tc #tc-header .tc-search { align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; color:rgba(238,245,239,.92); border:1px solid rgba(255,255,255,.16); margin-right:10px; transition:.18s; }
body.tc #tc-header .tc-search:hover { color:#fff; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.32); }
body.tc.head-light #tc-header .tc-search { color:#3a4453; border-color:var(--line); }
body.tc.head-light #tc-header .tc-search:hover { color:var(--brand); background:rgba(20,30,60,.05); }

/* 下载 APP CTA：渐变胶囊 + 品牌辉光 + 高光扫过 + 悬停上浮 */
body.tc #tc-header .tc-cta { background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; border:0; border-radius:999px; padding:.5rem 1.15rem; font-weight:800; white-space:nowrap; box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.08); position:relative; overflow:hidden; transition:transform .18s, filter .18s, box-shadow .18s; }
body.tc #tc-header .tc-cta::before { content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent); transform:skewX(-20deg); transition:left .55s ease; }
body.tc #tc-header .tc-cta:hover { color:#fff; transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 12px 28px rgba(0,0,0,.34); }
body.tc #tc-header .tc-cta:hover::before { left:135%; }

/* 移动端顶栏紧凑化（保留下载APP常显 + 汉堡可见） */
@media (max-width:991.98px){ body.tc #tc-header .navbar { min-height:62px; } }
@media (max-width:575.98px){
  body.tc #tc-header .navbar { min-height:58px; }
  body.tc #tc-header .navbar-brand img { height:38px; max-height:38px; }
  body.tc #tc-header .tc-cta { padding:.36rem .74rem; font-size:.82rem; }
  body.tc #tc-header .tc-wordmark { font-size:16px; }
}

/* ---------- 品牌 logo（用户提供真实标，圆角徽块 + 描边投影，深色顶栏上清晰） ---------- */
body.tc #tc-header .navbar-brand .tc-logo { height:48px; width:auto; max-width:190px; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.16); background:transparent; transition:transform .2s ease, box-shadow .2s ease; }
body.tc #tc-header .navbar-brand:hover .tc-logo { transform:translateY(-1px) scale(1.03); box-shadow:0 10px 24px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.24); }
body.tc.head-light #tc-header .navbar-brand .tc-logo { box-shadow:0 6px 16px rgba(16,24,40,.16), 0 0 0 1px rgba(16,24,40,.06); }
@media (max-width:575.98px){ body.tc #tc-header .navbar-brand .tc-logo { height:40px; border-radius:10px; } }

/* ---------- logo 右侧「官方」认证角标 ---------- */
body.tc #tc-header .navbar-brand .tc-brandmeta { margin-left:10px; line-height:1.1; }
body.tc #tc-header .tc-official { display:inline-flex; align-items:center; gap:5px; font-style:normal; font-size:12px; font-weight:800; letter-spacing:.5px; color:#fff; background:linear-gradient(135deg,var(--brand),var(--brand-2)); border-radius:7px; padding:3px 9px; box-shadow:0 4px 12px rgba(0,0,0,.22); }
body.tc #tc-header .tc-official i { font-size:12px; color:var(--glow); }
body.tc.head-light #tc-header .tc-official { box-shadow:0 4px 10px rgba(16,24,40,.14); }
@media (max-width:575.98px){ body.tc #tc-header .navbar-brand .tc-brandmeta { margin-left:7px; } body.tc #tc-header .tc-official { font-size:11px; padding:2px 7px; } }