/* ============================================================================
 * 全站深色视觉 · 2026-11-08（按用户确认的截图：深黑底 + 白字 + 白胶囊 + 圆角卡）
 * ----------------------------------------------------------------------------
 * 纯样式层：不改任何 HTML / PHP 逻辑，不动取数、价格、券、会员价、购物车、
 * 支付、订单、REST。
 *
 * 做法分两层：
 *   1) 变量层：覆盖 --bg / --surface / --text / --border 等 →
 *      全站 90% 的规则（都用变量）自动变深色，改动面最小。
 *   2) 定向层：少数写死浅色的模块（表格、输入框、券、结算、正文代码块等）
 *      逐个点名覆盖。
 *
 * 对比度（WCAG 2.1，实测见交付说明）：
 *   正文 #eef1f5 / #0d0f15 = 16.9:1
 *   次级 #b8c0cc / #0d0f15 = 9.6:1
 *   弱   #8e96a3 / #0d0f15 = 5.3:1
 *   价格 #ff6fa5 / #14171e = 6.0:1
 *   白按钮 #17181c / #fff   = 17.7:1
 * ========================================================================== */

/* ---------------------------------------------------------------------------
 * 1. 变量层
 * ------------------------------------------------------------------------- */
body {
    /* 底色 / 面板 */
    --bg: #0d0f15;
    --surface: #14171e;
    --surface-2: #1a1e26;
    /* 文字 */
    --text: #eef1f5;
    --text-sub: #b8c0cc;
    --text-muted: #8e96a3;
    /* 线 */
    --border: rgba(255, 255, 255, .12);
    --border-light: rgba(255, 255, 255, .07);
    --gold-line: rgba(255, 255, 255, .1);
    /* 阅读区 */
    --reading-bg: #14171e;
    --reading-text: #eef1f5;
    --reading-text-2: #b8c0cc;
    /* 主色：实心按钮底保持玫红（白字 5.9:1），深底上的强调文字用提亮版 */
    --main-light: rgba(194, 24, 91, .18);
    --price: #ff6fa5;
    --price-dark: #ff94bb;
    --rf-pink: #ff6fa5;
    --rf-blue: #7ea6ff;
    --rf-blue-soft: rgba(47, 111, 235, .18);
    --rf-ink: #eef1f5;
    --rf-ink-2: #b8c0cc;
    /* 圆角 */
    --radius: 10px;
    --radius-sm: 8px;
    /* 阴影：深底上靠"提亮 + 描边"分层，阴影只做轻微下沉 */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, .5);
    --shadow-main: 0 10px 28px rgba(194, 24, 91, .28);
    background: var(--bg);
    color: var(--text);
}
body .as-main,
body .site,
body #wrapper { background: var(--bg); }

/* ---------------------------------------------------------------------------
 * 2. 页头 / 导航 / 搜索 / 购物车入口
 * ------------------------------------------------------------------------- */
body .as-header {
    background: rgba(13, 15, 21, .82);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    border-bottom: 1px solid var(--border);
}
body .as-header-inner { height: 68px; }
/* Logo 是"透明底 + 深色字"素材 → 深色页头上必须垫白底，否则字看不见 */
body .as-logo img {
    box-sizing: content-box;
    padding: 4px 8px;
    background: #fff;
    border-radius: 7px;
}
body .as-nav a,
body .as-nav > li > a { color: var(--text); }
body .as-nav a:hover { color: var(--rf-pink); }
body .as-header-search input,
body .as-searchform input {
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--border);
    color: var(--text);
}
body .as-header-search input::placeholder,
body .as-searchform input::placeholder { color: var(--text-muted); }
body .as-cart-entry,
body .as-member-entry { color: var(--text-sub); }
body .as-cart-entry:hover,
body .as-member-entry:hover { color: var(--rf-pink); }
body .as-nav-toggle { border-color: var(--border); }
body .as-nav-toggle span,
body .as-nav-toggle span::before,
body .as-nav-toggle span::after { background: var(--text); }

/* 手机端展开的导航面板 */
@media (max-width: 900px) {
    body .as-nav {
        background: #10131a;
        border-top: 1px solid var(--border);
        box-shadow: 0 18px 40px rgba(0, 0, 0, .55);
    }
    body .as-nav a { border-bottom: 1px solid var(--border-light); }
}

/* ---------------------------------------------------------------------------
 * 3. 首页深色首屏（截图那块：黑底 + 蓝/玫红光斑 + 白字 + 白胶囊按钮）
 * ------------------------------------------------------------------------- */
body .as-sc-hero {
    background: #0d0f15;
    padding: 86px 0 92px;
}
body .as-sc-hero:after {
    right: -180px;
    top: -200px;
    width: 680px;
    height: 680px;
    background: radial-gradient(circle, rgba(47, 111, 235, .42), rgba(47, 111, 235, 0) 64%);
    filter: blur(34px);
}
body .as-sc-hero:before {
    content: "";
    position: absolute;
    left: -200px;
    bottom: -240px;
    width: 580px;
    height: 580px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(194, 24, 91, .34), rgba(194, 24, 91, 0) 66%);
    filter: blur(42px);
    pointer-events: none;
}
body .as-sc-hero-copy h1 {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC",
                 "Microsoft YaHei", sans-serif;
    font-size: 54px;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.12;
}
body .as-sc-hero-desc { color: rgba(255, 255, 255, .78); }
body .as-sc-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .92);
    font-weight: 600;
    letter-spacing: .04em;
}
body .as-sc-hero .as-sc-btn.is-main {
    background: #fff;
    color: #17181c;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .38);
}
body .as-sc-hero .as-sc-btn.is-main:hover { background: #f1f2f4; }
body .as-sc-hero .as-sc-btn:not(.is-main):not(.is-light) {
    background: rgba(255, 255, 255, .02);
    color: #fff;
    border-color: rgba(255, 255, 255, .46);
}
body .as-sc-hero .as-sc-btn:not(.is-main):not(.is-light):hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .7);
}
body .as-sc-stats { border-top-color: rgba(255, 255, 255, .18); }
body .as-sc-stats b {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -.03em;
    color: #fff;
}
body .as-sc-stats i { color: rgba(255, 255, 255, .7); }
/* 商品拼贴：白框浮在深底上（截图同款） */
body .as-sc-photo {
    box-shadow: 0 26px 64px rgba(0, 0, 0, .6);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
}
body .as-sc-visual-tag {
    background: rgba(255, 255, 255, .94);
    border-color: rgba(255, 255, 255, .6);
    color: #17181c;
}

/* ---------------------------------------------------------------------------
 * 4. 通用区块 / 模块标题
 * ------------------------------------------------------------------------- */
body .as-sc-sec { padding: 76px 0; }
body .as-sc-alt { background: #10131a; }
body .as-sc-head {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    position: relative;
    margin-bottom: 28px;
}
body .as-sc-kicker {
    color: var(--rf-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
}
body .as-sc-kicker.is-light { color: rgba(255, 255, 255, .82); }
body .as-sc-title {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--text);
    margin-top: 2px;
}
body .as-sc-sub,
body .as-sc-head p { color: var(--text-sub); }
body .as-sc-more {
    position: absolute;
    right: 0;
    bottom: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 13px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, .04);
    font-size: 13px;
    color: var(--rf-blue);
}
body .as-sc-more:hover {
    border-color: rgba(126, 166, 255, .55);
    color: #a8c2ff;
    background: rgba(126, 166, 255, .1);
}

/* ---------------------------------------------------------------------------
 * 5. 卡片（全站：首页橱窗卡 / 列表卡 / 文章卡）
 *    图片区保持白底 —— 与截图一致："白框浮在深底上"，商品图不被深色压暗
 * ------------------------------------------------------------------------- */
body .as-card,
body .as-sc-card,
body .as-post-card,
body .as-flash-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: none;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
body .as-card:hover,
body .as-sc-card:hover,
body .as-post-card:hover,
body .as-flash-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .22);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .5);
}
body .as-card-img,
body .as-sc-card-img,
body .as-flash-img { background: #fff; }
body .as-card-body,
body .as-sc-card-body { padding: 14px; }
body .as-card-title,
body .as-card-title a,
body .as-sc-card-title,
body .as-sc-card-title a,
body .as-post-title,
body .as-post-title a { color: var(--text); font-weight: 700; }
body .as-card-title a:hover,
body .as-sc-card-title a:hover,
body .as-post-title a:hover { color: var(--rf-pink); }
body .as-card-sales,
body .as-sc-card-sales,
body .as-flash-sales { color: var(--text-muted); }

/* 价格 */
body .as-price-now { color: var(--price); font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
body .as-price-old,
body .as-sc-card-price s { color: #98a0ad; font-size: 12px; }

/* 券 / 会员 / 促销小胶囊 */
body .as-card-coupon {
    background: rgba(255, 111, 165, .12);
    border: 1px solid rgba(255, 111, 165, .35);
    color: var(--rf-pink);
    border-radius: 999px;
    padding: 2px 10px;
}
body .as-card .as-vip-hint,
body .as-sc-card .as-vip-hint,
body .as-flash-vip,
body .as-card-promo {
    background: rgba(255, 255, 255, .07);
    border-color: var(--border);
    color: var(--text-sub);
    border-radius: 999px;
}
body .as-card-promo-cd { color: var(--text-muted); }

/* 购买按钮：卡内低调描边（截图里卡片没有大按钮），详情页保留实心 */
body .as-buy-btn {
    background: rgba(255, 255, 255, .06);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 8px;
    font-weight: 600;
    box-shadow: none;
}
body .as-buy-btn:hover {
    background: var(--main);
    border-color: var(--main);
    color: var(--on-gold);
}
body .as-buy-note { color: var(--text-muted); }

/* 卡片居中式（仅桌面；手机端是「图左 + 信息右」横版，见第 12 节） */
@media (min-width: 561px) {
    body .as-card-body,
    body .as-sc-card-body { align-items: center; text-align: center; }
    body .as-card-title,
    body .as-sc-card-title,
    body .as-card-sales,
    body .as-sc-card-sales { text-align: center; }
    body .as-card-price,
    body .as-sc-card-price { justify-content: center; width: 100%; }
    body .as-card .as-buy-btn,
    body .as-sc-card .as-buy-btn { width: 100%; max-width: 200px; margin-left: auto; margin-right: auto; }
    /* 商品图 4:3 画框：1:1 白底方图用 contain，cover 会裁掉盒子上下 */
    body .as-card-img img,
    body .as-sc-card-img img { aspect-ratio: 4 / 3; object-fit: contain; background: #fff; }
}

/* ---------------------------------------------------------------------------
 * 6. 列表 / 分类 / 搜索：页头、筛选胶囊、侧栏、分页
 * ------------------------------------------------------------------------- */
body .as-sc-list-head {
    background: #10131a;
    text-align: center;
    padding: 56px 0 36px;
    border-bottom: 1px solid var(--border);
}
body .as-sc-list-head:after { display: none; }
body .as-sc-list-head h1 {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--text);
}
body .as-sc-list-head p { color: var(--text-sub); }
body .as-sc-chips { justify-content: center; }
body .as-sc-chip {
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--border);
    color: var(--text-sub);
}
body .as-sc-chip:hover { border-color: rgba(255, 255, 255, .3); color: var(--text); }
body .as-sc-chip.is-on {
    background: var(--main);
    border-color: var(--main);
    color: #fff;
}
body .as-sc-side-box {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
}
body .as-sc-side-box h3,
body .as-sc-side-title { color: var(--text); }
body .as-sc-side-item { color: var(--text-sub); }
body .as-sc-side-item:hover { background: rgba(255, 255, 255, .05); color: var(--text); }
body .as-sc-side-item i { color: var(--text-muted); }
body .as-sc-side-item.is-on { background: rgba(194, 24, 91, .18); color: var(--rf-pink); }
body .as-archive-head,
body .as-blog-header { background: #10131a; }
body .as-breadcrumb,
body .as-breadcrumb a { color: var(--text-muted); }
body .as-breadcrumb a:hover { color: var(--rf-pink); }
body .as-search-count { color: var(--text-muted); }
body .as-empty { color: var(--text-muted); }

/* 分页 */
body .as-pager a,
body .as-pager span,
body .page-numbers {
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--border);
    color: var(--text-sub);
    border-radius: 8px;
}
body .as-pager .current,
body .page-numbers.current {
    background: var(--main);
    border-color: var(--main);
    color: #fff;
}
body .as-pager a:hover { border-color: rgba(255, 255, 255, .3); color: var(--text); }

/* ---------------------------------------------------------------------------
 * 7. 商品详情：图库、信息卡、参数表、券、底部购买条
 * ------------------------------------------------------------------------- */
body .as-single-top,
body .as-single-card,
body .as-panel {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
}
body .as-single-info h1,
body .as-single-title {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--text);
}
body .as-single-price .as-price-now { font-size: 30px; }
body .as-single-sales { color: var(--text-muted); }
body .as-gallery-stage,
body .as-gallery-slide,
body .as-gallery-thumb-item,
body .as-gallery-thumb { background: #fff; border-color: var(--border); }
body .as-gallery-counter {
    background: rgba(0, 0, 0, .55);
    color: #fff;
}
/* 参数表 / 规格表：原来是浅灰表头 */
body .as-single-params,
body .as-params,
body .as-spec,
body .as-spec-table,
body .as-single-meta table {
    background: transparent;
    color: var(--text-sub);
}
body .as-single-params th,
body .as-single-params td,
body .as-params th,
body .as-params td,
body .as-spec th,
body .as-spec td {
    border-color: var(--border);
    color: var(--text-sub);
}
body .as-single-params th,
body .as-params th,
body .as-spec th {
    background: rgba(255, 255, 255, .04);
    color: var(--text);
}
/* 详情页底部购买条 */
body .as-shop-buy,
body .as-single-buy {
    background: rgba(16, 19, 26, .94);
    border-top: 1px solid var(--border);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
body .as-mp-buy-tip,
body .as-shop-buy-note { color: var(--text-muted); }

/* 通用按钮 */
body .as-btn-shop-primary,
body .as-btn-primary {
    background: var(--main);
    color: var(--on-gold);
    border: 1px solid var(--main);
    border-radius: 8px;
}
body .as-btn-shop-primary:hover,
body .as-btn-primary:hover { background: var(--main-dark); border-color: var(--main-dark); }
body .as-btn-shop-ghost,
body .as-btn-ghost {
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--border);
    color: var(--text);
    border-radius: 8px;
}
body .as-btn-shop-ghost:hover,
body .as-btn-ghost:hover { border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .1); }

/* ---------------------------------------------------------------------------
 * 8. 购物车 / 结算 / 会员中心 / 地址簿 / 订单
 * ------------------------------------------------------------------------- */
body .as-shop-item,
body .as-shop-summary,
body .as-member-card,
body .as-member-panel,
body .as-order-card,
body .as-address-card,
body .as-checkout-card,
body .as-pay-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--text);
}
body .as-shop-item-title,
body .as-shop-summary h3 { color: var(--text); }
body .as-shop-item-meta,
body .as-shop-summary-note { color: var(--text-muted); }
/* 表单控件统一 */
body input[type="text"],
body input[type="tel"],
body input[type="email"],
body input[type="password"],
body input[type="number"],
body input[type="search"],
body input[type="url"],
body textarea,
body select {
    background: #1a1e26;
    border: 1px solid var(--border);
    color: var(--text);
    border-radius: 8px;
}
body input::placeholder,
body textarea::placeholder { color: var(--text-muted); }
body select option { background: #1a1e26; color: var(--text); }
body .as-field label,
body .as-form-row label { color: var(--text-sub); }

/* ---------------------------------------------------------------------------
 * 9. 文章 / 单页正文（正文里有一批写死的浅色块：表格、代码、引用、hr）
 * ------------------------------------------------------------------------- */
body .as-post,
body .as-single-post .as-post {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
}
body .as-post-heading,
body .as-section-title,
body .as-archive-title {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--text);
}
body .as-post-meta,
body .as-post-meta a { color: var(--text-muted); }
body .as-post-cat {
    background: var(--rf-blue-soft);
    color: var(--rf-blue);
    border-radius: 6px;
}
body .as-post-content { color: var(--text); }
body .as-post-content h1,
body .as-post-content h2,
body .as-post-content h3,
body .as-post-content h4,
body .as-post-content strong { color: var(--text); }
body .as-post-content a { color: var(--rf-pink); }
body .as-post-content a:hover { color: #ff94bb; }
body .as-post-content blockquote {
    background: rgba(255, 255, 255, .05);
    border-left-color: var(--main);
    color: var(--text-sub);
}
body .as-post-content code {
    background: rgba(255, 255, 255, .09);
    color: #ffd0e0;
}
body .as-post-content pre {
    background: #0a0c11;
    border: 1px solid var(--border);
    color: #e6e8eb;
}
body .as-post-content th {
    background: rgba(255, 255, 255, .06);
    color: var(--text);
}
body .as-post-content td { color: var(--text-sub); }
body .as-post-content th,
body .as-post-content td { border-color: var(--border); }
body .as-post-content hr { border-top-color: var(--border); }
body .as-post-content del { color: var(--text-muted); }
body .as-post-content mark { background: rgba(255, 111, 165, .22); color: #ffd0e0; }
body .as-post-tags a {
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--border);
    color: var(--text-sub);
    border-radius: 999px;
}
body .as-post-tags a:hover { color: var(--rf-pink); border-color: rgba(255, 111, 165, .45); }
body .as-post-footer { border-top-color: var(--border); }

/* ---------------------------------------------------------------------------
 * 10. 关注我们 → 深色极光 CTA（本来就是深色，这里对齐新底色）
 * ------------------------------------------------------------------------- */
body .as-follow {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding: 64px 0 60px;
    border-top: 0;
    background: #0a0d14;
}
body .as-follow:before {
    content: "";
    position: absolute;
    inset: -40% -10% auto -10%;
    height: 640px;
    background:
        radial-gradient(38% 52% at 22% 34%, rgba(70, 96, 255, .55), rgba(70, 96, 255, 0) 62%),
        radial-gradient(34% 48% at 74% 18%, rgba(122, 78, 255, .5), rgba(122, 78, 255, 0) 60%),
        radial-gradient(46% 56% at 55% 78%, rgba(38, 60, 180, .45), rgba(38, 60, 180, 0) 64%);
    filter: blur(38px);
    pointer-events: none;
}
body .as-follow > * { position: relative; z-index: 1; }
body .as-follow-heading { color: #fff; letter-spacing: .02em; }
body .as-follow-heading::after { background: rgba(255, 255, 255, .3); opacity: 1; }
body .as-follow-card {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    padding: 18px 16px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
body .as-follow-name { color: #fff; }
body .as-follow-body,
body .as-follow-body > p { color: rgba(255, 255, 255, .8); }
body .as-follow-img,
body .as-follow-img img { background: #fff; border-radius: 8px; }
body .as-follow-btn {
    background: #fff !important;
    color: #17181c !important;
    border-color: transparent !important;
    border-radius: 999px;
    font-weight: 700;
}
body .as-follow-btn:hover { color: #a3154c !important; }

/* ---------------------------------------------------------------------------
 * 11. 页脚 / 版权 / 返回顶部 / 弹层
 * ------------------------------------------------------------------------- */
body .as-footer { background: #0a0c11; border-top: 1px solid var(--border); }
body .as-footer-desc,
body .as-footer-contact p,
body .as-footer-notice p { color: #98a0ad; }
body .as-footer-col a { color: #b8c0cc; }
body .as-footer-col a:hover { color: #fff; }
body .as-copyright,
body .as-footer-bottom { color: #8e96a3; border-top-color: var(--border); }
body .as-back-top {
    background: rgba(255, 255, 255, .1);
    border: 1px solid var(--border);
    color: var(--text);
}
body .as-back-top:hover { background: var(--main); color: #fff; border-color: var(--main); }
body .as-modal,
body .as-dialog,
body .as-toast,
body .as-mp-modal {
    background: var(--surface-2);
    border: 1px solid var(--border);
    color: var(--text);
}
body .as-modal-mask,
body .as-dialog-mask { background: rgba(0, 0, 0, .72); }

/* ---------------------------------------------------------------------------
 * 12. 专项补丁（审计出来的写死浅色 / 低对比处）
 *     --main(#c2185b) 在深底上只有 3.2:1，凡是"用主色当文字"的地方一律换提亮色
 * ------------------------------------------------------------------------- */
/* 导航选中态 */
body .as-nav > ul > li > a:hover,
body .as-nav > ul > li.current-menu-item > a,
body .as-nav > ul > li.current_page_item > a,
body .as-nav > ul > li.current-menu-ancestor > a {
    color: var(--rf-pink);
    background: rgba(255, 111, 165, .14);
}
body .as-nav ul.sub-menu {
    background: #10131a;
    border: 1px solid var(--border);
}
body .as-nav ul.sub-menu a { color: var(--text-sub); }
body .as-nav ul.sub-menu a:hover { background: rgba(255, 255, 255, .06); color: var(--text); }

/* 主力按钮：深色页面上统一"白胶囊"（截图首屏同款）；实心玫红只留给详情页购买 */
body .as-sc-btn.is-main { background: #fff; color: #17181c; box-shadow: 0 8px 22px rgba(0, 0, 0, .4); }
body .as-sc-btn.is-main:hover { background: #f1f2f4; }
body .as-sc-btn:not(.is-main):not(.is-light) {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .46);
}
body .as-sc-btn:not(.is-main):not(.is-light):hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .7);
}

/* 热榜/文章小标签 */
body .as-sc-hot-cat {
    color: var(--rf-pink);
    background: rgba(255, 111, 165, .12);
}
body .as-sc-hot-meta { color: var(--text-muted); }

/* 详情页标签、优缺点、会员提示 */
body .as-tag { background: rgba(255, 255, 255, .07); color: var(--text-sub); }
body .as-tag-green { background: rgba(255, 111, 165, .14); color: #ffb3cf; }
body .as-tag-brand { background: rgba(255, 111, 165, .14); color: var(--rf-pink); }
body .as-verdict-head-pro { background: rgba(255, 111, 165, .14); color: #ffb3cf; }
body .as-verdict-head-con { background: rgba(224, 120, 95, .16); color: #ffa88e; }
body .as-vip-hint { background: rgba(255, 111, 165, .14); color: #ffb3cf; }
body .as-vip-join { color: var(--rf-pink); }

/* 正文内嵌产品卡：白卡 → 深色卡（缩略图仍白底，商品图不被压暗） */
body .as-pc {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
}
body .as-pc-title,
body .as-pc-title a { color: var(--text); }
body .as-pc-info,
body .as-pc-sales { color: var(--text-muted); }
body .as-pc-thumb { background: #fff; border-radius: 8px; }
body .as-pc-old { color: #98a0ad; }

/* 详情页底栏里的「小程序下单」是白色描边按钮
   ⚠️ web-shop.css 用的是 `.as-single-buy .as-shop-buy .as-buy-btn`（0,3,0），
      这里必须同样带 .as-single-buy 才能压过它 */
body .as-single-buy .as-shop-buy .as-buy-btn,
body .as-shop-buy .as-buy-btn,
body .as-shop-buy-mp .as-buy-btn {
    background: rgba(255, 255, 255, .06);
    color: var(--text);
    border: 1px solid var(--border);
}
body .as-single-buy .as-shop-buy .as-buy-btn:hover,
body .as-shop-buy .as-buy-btn:hover,
body .as-shop-buy-mp .as-buy-btn:hover { background: rgba(255, 255, 255, .12); color: #fff; }

/* 商城页（购物车 / 结算 / 会员）底色与空态卡 */
body .as-shop-page { background: var(--bg); }
body .as-shop-empty,
body .as-cart-empty {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--text-sub);
}
body .as-shop-summary-total,
body .as-shop-item-price { color: var(--price); }
body .as-shop-section-title,
body .as-shop-summary h3 { color: var(--text); }

/* ---------------------------------------------------------------------------
 * 13. 手机端：只还原"对齐方式"，不动布局结构与任何交互
 * ------------------------------------------------------------------------- */
@media (max-width: 560px) {
    body .as-sc-hero { padding: 40px 0 44px; }
    body .as-sc-hero-copy h1 { font-size: 32px; line-height: 1.2; }
    body .as-sc-eyebrow { font-size: 11.5px; padding: 6px 12px; }
    body .as-sc-stats { margin-top: 24px; padding-top: 20px; }
    body .as-sc-stats b { font-size: 22px; }
    body .as-sc-title { font-size: 23px; }
    body .as-sc-more { position: static; margin-top: 4px; }
    body .as-sc-list-head { padding: 34px 0 26px; }
    body .as-sc-list-head h1 { font-size: 26px; }
    body .as-sc-chips { justify-content: flex-start; }
    body .as-sc-sec { padding: 44px 0; }
    body .as-follow { padding: 44px 0 40px; }
}