/* ============================================================
   Svmuu 视觉升级 v2 · 内页协调层 v2.1.0
   目标: 让 legacy 内页正文的"形状语言"(圆角/细线/胶囊)与新头尾一致。
   原则: 只动形状与点缀色; 页面底色/文字色仍由 style/dark 两套管——
   凡带颜色的规则都提供 html[data-theme=dark] 镜像(token 自动翻转),
   本文件必须在 dark.css / dark_wap.css 与 sv-components.css 之后加载。
   ============================================================ */

/* ---------- 卡片: 全站白卡统一 16 圆角+细线+浅影 ---------- */
html .column-box,
html .column-center-item {
    border-radius: 16px;
    border: 1px solid var(--sv-line);
    box-shadow: var(--sv-shadow);
}

/* ---------- 筛选 tab 胶囊(PC 列表/标签/搜索页): 与首页标签一致 ---------- */
html .column-item-tab .column-item-btn {
    background: var(--sv-chip); color: var(--sv-body);
    border: 1px solid transparent; border-radius: 999px; font-weight: 400;
}
html .column-item-tab .column-item-btn:hover { border-color: var(--sv-gold-line); color: var(--sv-ink); background: var(--sv-chip); }
html .column-item-tab .column-item-btn.on,
html .column-item-tab .column-item-btn.active {
    background: var(--sv-gold-wash); border-color: var(--sv-gold-line);
    color: var(--sv-gold-ink); font-weight: 600;
}
html[data-theme="dark"] .column-item-tab .column-item-btn { background: var(--sv-chip); color: var(--sv-body); border-color: transparent; }
html[data-theme="dark"] .column-item-tab .column-item-btn.on,
html[data-theme="dark"] .column-item-tab .column-item-btn.active { background: var(--sv-gold-wash); color: var(--sv-gold-ink); border-color: var(--sv-gold-line); }

/* ---------- WAP 列表页标签条(content-tag swiper 胶囊) ---------- */
html .content-tag .swiper-slide {
    background: var(--sv-chip); color: var(--sv-body);
    border: 1px solid transparent; border-radius: 999px; font-weight: 400;
}
html .content-tag .swiper-slide.on {
    background: var(--sv-gold-wash); border-color: var(--sv-gold-line);
    color: var(--sv-gold-ink); font-weight: 600;
}
html[data-theme="dark"] .content-tag .swiper-slide { background: var(--sv-chip); color: var(--sv-body); border-color: transparent; }
html[data-theme="dark"] .content-tag .swiper-slide.on { background: var(--sv-gold-wash); color: var(--sv-gold-ink); border-color: var(--sv-gold-line); }

/* ---------- 加载更多/翻页: 描边胶囊(与首页一致) ---------- */
html .loading-data-more a {
    display: inline-flex; align-items: center; gap: 8px;
    background: transparent; border: 1px solid var(--sv-line-strong); border-radius: 999px;
    padding: 9px 30px; font-weight: 600; color: var(--sv-body);
    transition: border-color .15s, color .15s, background .15s;
}
html .loading-data-more a:hover { border-color: var(--sv-gold); color: var(--sv-gold-ink); background: var(--sv-gold-wash); }
html[data-theme="dark"] .loading-data-more a { background: transparent; border-color: var(--sv-line-strong); color: var(--sv-body); }