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

/* ---------- 固定顶栏底色（logo 徽板与之无缝，跨 15 站一致；变化由强调色与版式承担） ---------- */
body.gs { --gs-head:#10221d; --gs-head-txt:#eef5ef; }

/* ---------- 8 套配色变量 ---------- */
body.gs.theme-1 { --brand:#0f8a4f; --brand-2:#0a5c34; --accent:#f5a623; --glow:#3ddc84; --bg:#f2f7f3; --card:#fff; --text:#1c2530; --muted:#6a7684; --line:#e5ece7; }
body.gs.theme-2 { --brand:#1e63c8; --brand-2:#123f86; --accent:#f6b93b; --glow:#5aa9ff; --bg:#eef3fb; --card:#fff; --text:#1b2433; --muted:#67748a; --line:#e2e9f4; }
body.gs.theme-3 { --brand:#c81e3a; --brand-2:#8a1226; --accent:#ffd166; --glow:#ff6b81; --bg:#fbf0f1; --card:#fff; --text:#2a171b; --muted:#8a6b70; --line:#f2e0e3; }
body.gs.theme-4 { --brand:#6b3fd6; --brand-2:#4626a0; --accent:#ff7aa8; --glow:#a78bfa; --bg:#f4f1fc; --card:#fff; --text:#241b33; --muted:#74698a; --line:#e8e2f5; }
body.gs.theme-5 { --brand:#0f8f86; --brand-2:#0a5c57; --accent:#f7941e; --glow:#2dd4bf; --bg:#eef7f6; --card:#fff; --text:#172a29; --muted:#5f7977; --line:#dceceb; }
body.gs.theme-6 { --brand:#d9541e; --brand-2:#9a3a12; --accent:#f7c948; --glow:#fb923c; --bg:#fbf2ec; --card:#fff; --text:#2c1d15; --muted:#8a7162; --line:#f0e2d8; }
body.gs.theme-7 { --brand:#2b3a8f; --brand-2:#182461; --accent:#ff6b6b; --glow:#7c8dff; --bg:#eef0f8; --card:#fff; --text:#1b1f33; --muted:#6a7090; --line:#e2e5f2; }
body.gs.theme-8 { --brand:#c0266b; --brand-2:#85194a; --accent:#ffd6e0; --glow:#f472b6; --bg:#fbeef4; --card:#fff; --text:#2c1725; --muted:#8a6b7b; --line:#f2dbe6; }

/* ---------- 基础 ---------- */
body.gs { background: var(--bg); color: var(--text); font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif; }
body.gs a { color: var(--text); text-decoration:none; }
body.gs a:hover { color: var(--brand); }
.gs-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.gs #gs-header { background:var(--gs-head); box-shadow:0 2px 14px rgba(0,0,0,.22); }
body.gs #gs-header .navbar { flex-wrap:nowrap; min-height:64px; padding-top:.4rem; padding-bottom:.4rem; }
body.gs #gs-header .navbar-brand { flex:0 1 auto; min-width:0; }
body.gs #gs-header .gs-logo-tile { background:var(--gs-head); border-radius:9px; }
body.gs #gs-header .navbar-brand .gs-wordmark { white-space:nowrap; font-size:16px; color:var(--gs-head-txt); }
body.gs #gs-header .navbar-brand .gs-wordmark mark.gs-brand { background:transparent; color:inherit; padding:0; }
body.gs #gs-header .nav-link { color:rgba(238,245,239,.86); white-space:nowrap; font-weight:600; padding:.45rem .6rem; font-size:15px; position:relative; }
body.gs #gs-header .nav-link:hover, body.gs #gs-header .nav-link.active { color:#fff; }
body.gs #gs-header .nav-link.active::after { content:""; position:absolute; left:.6rem; right:.6rem; bottom:.1rem; height:2px; border-radius:2px; background:var(--accent); }
body.gs .gs-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.gs .gs-cta:hover { color:#fff; filter:brightness(1.08); }
body.gs.head-light #gs-header { background:#fff; box-shadow:0 1px 12px rgba(0,0,0,.08); border-bottom:1px solid var(--line); }
body.gs.head-light #gs-header .nav-link { color:#3a4453; }
body.gs.head-light #gs-header .nav-link:hover, body.gs.head-light #gs-header .nav-link.active { color:var(--brand); }
body.gs.head-light #gs-header .navbar-brand .gs-wordmark { color:var(--brand-2); }
body.gs.head-light #gs-header .gs-logo-tile { background:var(--gs-head); }
@media (min-width:992px){ body.gs #gs-header .navbar > .container { flex-wrap:nowrap; } body.gs #gs-header .navbar-collapse{ min-width:0; } }
@media (max-width:991px){ body.gs #gs-header .navbar-nav .nav-link{ white-space:normal; } body.gs #gs-header .gs-mnav { background:var(--gs-head); border-radius:12px; padding:.5rem .75rem; margin-top:.5rem; } body.gs.head-light #gs-header .gs-mnav{ background:#fff; } }
@media (min-width:992px) and (max-width:1199px){ body.gs #gs-header .navbar-brand .gs-wordmark{ font-size:13px; } body.gs #gs-header .nav-link{ padding:.4rem .45rem; font-size:13px; } }
@media (min-width:1200px) and (max-width:1399px){ body.gs #gs-header .navbar-brand .gs-wordmark{ font-size:14px; } body.gs #gs-header .nav-link{ padding:.4rem .5rem; font-size:14px; } }

/* ---------- 通用卡片/盒子（列表·详情·侧栏） ---------- */
body.gs .mipcms-main { margin-top:0; }
body.gs .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.gs .mip-box-heading { border-bottom:1px solid var(--line); padding:14px 18px; position:relative; }
body.gs .mip-box-heading h3, body.gs .mip-box-heading h1 { font-size:18px; font-weight:800; margin:0; padding-left:12px; }
body.gs .mip-box-heading h3::before, body.gs .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.gs .mip-box-body { padding:16px 18px; }
body.gs .li-box-list { padding:10px 0; border-bottom:1px dashed var(--line); }
body.gs .li-box-list:last-child { border-bottom:0; }
body.gs .li-box-list p { color:var(--muted); font-size:12px; margin:4px 0 0; }
body.gs .no-data-block { text-align:center; color:var(--muted); padding:40px 0; }
body.gs .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; }

/* ---------- 通用区块标题 ---------- */
.gs-sec { padding:56px 0; }
.gs-sec-head { text-align:center; margin-bottom:34px; }
.gs-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; }
.gs-sec-head h2 { font-weight:900; font-size:clamp(22px,3.2vw,30px); color:var(--text); margin:0 0 10px; }
.gs-sec-head h2 i { color:var(--brand); margin-right:8px; }
.gs-sec-head p { color:var(--muted); max-width:720px; margin:0 auto; line-height:1.7; }
body.gs mark.gs-brand { background:transparent; color:inherit; padding:0; border-radius:0; font-weight:inherit; }

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

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

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

/* ---------- 好评通用：头像 / 星级 / 评分胶囊 ---------- */
body.gs .gs-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.gs .gs-av-1 { background:linear-gradient(135deg,#0f8a4f,#3ddc84); }
body.gs .gs-av-2 { background:linear-gradient(135deg,#1e63c8,#5aa9ff); }
body.gs .gs-av-3 { background:linear-gradient(135deg,#c81e3a,#ff6b81); }
body.gs .gs-av-4 { background:linear-gradient(135deg,#d9541e,#fb923c); }
body.gs .gs-av-5 { background:linear-gradient(135deg,#6b3fd6,#a78bfa); }
body.gs .gs-av-6 { background:linear-gradient(135deg,#0f8f86,#2dd4bf); }
body.gs .gs-stars { color:#f5a623; letter-spacing:2px; font-size:.92rem; }
body.gs .gs-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.gs .gs-rate-pill strong { font-size:1.05rem; }

/* ---------- judge-7 横滑好评 ---------- */
body.gs #judge-7 .scroll-wrapper { display:flex; gap:1rem; overflow-x:auto; padding:.25rem .25rem 1rem; }
body.gs #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.gs #judge-7 .review-card p { font-size:.95rem; line-height:1.75; }
body.gs #judge-7 .review-footer .gs-avatar { margin-right:12px; width:44px; height:44px; font-size:17px; }
body.gs #judge-7 .scroll-wrapper::-webkit-scrollbar { height:8px; }
body.gs #judge-7 .scroll-wrapper::-webkit-scrollbar-track { background:var(--bg); border-radius:4px; }
body.gs #judge-7 .scroll-wrapper::-webkit-scrollbar-thumb { background:var(--brand); border-radius:4px; opacity:.6; }

/* ---------- judge-3 好评 + 热读榜 ---------- */
body.gs #judge-3 { padding:56px 0; background:linear-gradient(180deg,#fff,var(--bg)); }
body.gs #judge-3 .section-title h2 { font-weight:900; color:var(--text); }
body.gs #judge-3 .comment-header .gs-avatar { margin-right:14px; width:50px; height:50px; font-size:19px; }
body.gs #judge-3 .comment-header h5 { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; }
body.gs #judge-3 .rank-list .rank-info strong { color:var(--brand); font-size:1.05rem; }
body.gs #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.gs #judge-3 .rank-list .rank-info a:hover { color:var(--brand); }
body.gs #judge-3 .rank-list .badge { flex:0 0 auto; white-space:nowrap; }

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

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

/* ============================================================
   新增模块 ③：精选球星卡 gsstars
   ============================================================ */
body.gs #gsstars { padding:60px 0; background:linear-gradient(180deg,var(--bg),#fff); }
body.gs .gs-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.gs .gs-star-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,24,40,.14); }
body.gs .gs-star-media { position:relative; aspect-ratio:4/3; overflow:hidden; background:#0d1b12; }
body.gs .gs-star-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.gs .gs-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.gs .gs-star-body { padding:14px 16px 16px; }
body.gs .gs-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.gs .gs-star-body .muted { color:var(--muted); font-size:.86rem; line-height:1.6; }
body.gs .gs-star-body .more { color:var(--brand); font-weight:800; font-size:.86rem; }

/* ============================================================
   新增模块 ④：常见问题 gsfaq
   ============================================================ */
body.gs #gsfaq { padding:60px 0; background:var(--card); }
body.gs .gs-faq-item { border:1px solid var(--line); border-radius:14px; background:#fff; margin-bottom:12px; overflow:hidden; }
body.gs .gs-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.gs .gs-faq-q .ic { color:var(--brand); transition:transform .2s; }
body.gs .gs-faq-q[aria-expanded="true"] .ic { transform:rotate(180deg); }
body.gs .gs-faq-q[aria-expanded="true"] { color:var(--brand); }
body.gs .gs-faq-a { padding:0 18px; color:var(--muted); line-height:1.85; }
body.gs .gs-faq-a.show { padding-bottom:16px; }

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

/* ---------- 页脚 ---------- */
body.gs #gs-footer { background:linear-gradient(180deg,#0c1712,var(--brand-2)); color:rgba(255,255,255,.82); padding:48px 0 22px; position:relative; }
body.gs #gs-footer .gs-foot-mask { position:absolute; inset:0; background:rgba(6,12,9,.72); }
body.gs #gs-footer a { color:rgba(255,255,255,.82); }
body.gs #gs-footer a:hover { color:#fff; }
body.gs #gs-footer h6 { color:#fff; letter-spacing:.5px; }
body.gs #gs-footer .gs-foot-word { font-weight:900; color:#fff; }
body.gs #gs-footer .gs-foot-desc { color:rgba(255,255,255,.72); }
body.gs #gs-footer .gs-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.gs #judge-7 .review-card { flex:0 0 82vw; width:82vw; padding:1rem; }
  body.gs .gs-rate-pill { flex-wrap:wrap; justify-content:center; padding:.5rem .9rem; }
  body.gs #gsapp { text-align:center; } body.gs #gsapp .gs-badges { justify-content:center; } body.gs #gsapp .gs-score-big { justify-content:center; }
}