/* ============================================================
   Game Detail v2 · 玫红夜空主题 (与 index / game-center 同色谱)
   置于 game-detail.css / vip-modal.css / play-virtual.css 之后
   ============================================================ */

:root {
    --acg-bg-1: #2A0F1F;
    --acg-bg-2: #3A1228;
    --acg-bg-deep: #1A0610;
    --acg-surface: #C25578;
    --acg-surface-hi: #DC6E92;
    --acg-gold: #E8B79A;
    --acg-gold-light: #FFC09F;
    --acg-gold-soft: #FAD4C0;
    --acg-rose: #FF8FA3;
    --acg-rose-deep: #C44569;
    --acg-text-1: #FFF0E0;
    --acg-text-2: #E8B7A8;
    --acg-text-3: #C9A98C;
    --acg-border: rgba(255, 192, 159, 0.32);
    --acg-border-strong: rgba(255, 192, 159, 0.55);
}

/* —— 页面底色 —— */
html.app-dark,
html.app-dark body {
    background: var(--acg-bg-1) !important;
    color: var(--acg-text-1) !important;
}

/* main-container 透明, 露出 body 的多层渐变 (避免顶部一大块死黑) */
html.app-dark .main-container {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--acg-text-1) !important;
}

html.app-dark body {
    background:
        radial-gradient(110% 45% at 50% 0%, rgba(255, 90, 160, 0.22) 0%, transparent 60%),
        radial-gradient(60% 35% at 92% 18%, rgba(255, 143, 181, 0.20) 0%, transparent 55%),
        radial-gradient(80% 40% at 30% 50%, rgba(200, 70, 115, 0.16) 0%, transparent 60%),
        radial-gradient(70% 38% at 95% 95%, rgba(130, 35, 65, 0.22) 0%, transparent 60%),
        linear-gradient(180deg, #1A0610 0%, #2A0F1F 30%, #3A1228 60%, #2A0F1F 90%, #1A0610 100%) !important;
}

/* 详情区背景透明 (露出 body) */
html.app-dark .details-section {
    background: transparent !important;
}

/* 详情内容白卡: 关键! 这是包裹 game-info-card / 配额 / 按钮 / tabs 的外层白盒子 */
html.app-dark .details-content {
    background: transparent !important;
    box-shadow: none !important;
}

/* —— 背景装饰 —— */
html.app-dark .main-container::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/rose.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/butterfly.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/moon.svg');
    background-repeat: no-repeat;
    background-position: 94% 92%, 88% 35%, 92% 10%;
    background-size: 44px, 26px, 36px;
    opacity: 0.4;
    animation: acgDetailFloat 18s ease-in-out infinite;
}
@keyframes acgDetailFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

/* —— 顶部 hero navigation header (返回/搜索/收藏) —— */
html.app-dark .hero-navigation-header {
    background: rgba(42, 15, 31, 0.35) !important;
    border-bottom: 1px solid var(--acg-border) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    box-shadow: 0 1px 6px rgba(139, 44, 63, 0.28) !important;
}
html.app-dark .hero-back-button,
html.app-dark .hero-search-button,
html.app-dark .hero-favorite-button {
    background: rgba(58, 18, 40, 0.5) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 50%;
    transition: transform 0.15s ease;
}
html.app-dark .hero-back-button:active,
html.app-dark .hero-search-button:active,
html.app-dark .hero-favorite-button:active {
    transform: scale(0.93);
}
/* 黑色 SVG 图标转白/蜜桃 */
html.app-dark .hero-back-button img,
html.app-dark .hero-search-button img,
html.app-dark .hero-favorite-button img {
    filter: brightness(0) invert(1) sepia(0.5) saturate(450%) hue-rotate(320deg) brightness(1.05);
    opacity: 0.95;
}

/* —— 头部公共组件 (与首页/游戏中心同步) —— */
html.app-dark #headerTitle,
html.app-dark .header_menu,
html.app-dark .header_first_line,
html.app-dark .js_login_info {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    position: relative;
    z-index: 5;
}
html.app-dark .header_menu .header_search {
    background: rgba(74, 42, 64, 0.72) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 14px !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    color: var(--acg-text-2) !important;
}
html.app-dark .header_menu .header_search .search-placeholder,
html.app-dark .header_menu .header_search .search-text,
html.app-dark .header_menu .header_search input {
    color: var(--acg-text-2) !important;
}
html.app-dark .header_menu .fuli_btn {
    background: linear-gradient(135deg, rgba(255, 192, 159, 0.85) 0%, rgba(255, 143, 163, 0.85) 100%) !important;
    border: 1px solid var(--acg-border-strong) !important;
}

/* —— Hero 轮播区 —— */
html.app-dark .game-hero-section {
    background: transparent !important;
    position: relative;
    z-index: 1;
}
html.app-dark .hero-media-container {
    background: var(--acg-bg-2) !important;
}
html.app-dark .hero-carousel .swiper-pagination-bullet {
    background: rgba(212, 165, 116, 0.45) !important;
}
html.app-dark .hero-carousel .swiper-pagination-bullet-active {
    background: var(--acg-rose) !important;
    box-shadow: 0 0 6px rgba(255, 107, 138, 0.7);
}

/* —— 游戏信息卡 —— */
html.app-dark .game-info-card {
    background: linear-gradient(180deg, var(--acg-surface-hi) 0%, var(--acg-surface) 100%) !important;
    border-radius: 16px !important;
    border: 1px solid var(--acg-border) !important;
    box-shadow:
        0 6px 20px rgba(139, 44, 63, 0.4),
        inset 0 1px 0 rgba(255, 192, 159, 0.22) !important;
    padding: 6px !important;
    gap: 12px !important;
    position: relative;
    z-index: 1;
}
html.app-dark .game-icon-wrap {
    background: var(--acg-bg-2);
    border-radius: 14px;
    overflow: hidden;
}
html.app-dark .game-icon {
    border: 1.5px solid var(--acg-gold-light) !important;
    box-shadow: 0 0 12px rgba(255, 107, 138, 0.4);
}
html.app-dark .vip-badge {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    color: #2D1018 !important;
    border: 1px solid var(--acg-gold-light) !important;
    box-shadow: 0 2px 8px rgba(255, 107, 138, 0.45);
    font-weight: 800;
}
html.app-dark .game-cat-chip {
    background: rgba(58, 18, 40, 0.55) !important;
    color: var(--acg-gold-light) !important;
    border: 1px solid var(--acg-border) !important;
}
html.app-dark .game-rating {
    color: var(--acg-text-1) !important;
}
html.app-dark .game-rating-star {
    color: var(--acg-gold-light) !important;
    filter: drop-shadow(0 0 4px rgba(255, 192, 159, 0.55));
}
html.app-dark .game-title {
    color: var(--acg-text-1) !important;
    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.7),
        0 0 12px rgba(80, 20, 50, 0.5);
    font-weight: 800 !important;
}
html.app-dark .game-tags .tag {
    background: rgba(255, 192, 159, 0.18) !important;
    color: var(--acg-gold-soft) !important;
    border: 1px solid var(--acg-border) !important;
}

/* —— 配额条 (今日剩余次数) —— */
html.app-dark .quota-bar {
    background: transparent !important;
    border: none !important;
}
/* .quota-free / .quota-member 才是真正的可见卡片 */
html.app-dark .quota-free {
    background: rgba(45, 16, 24, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
    color: var(--acg-text-1) !important;
    border-radius: 12px !important;
}
html.app-dark .quota-member {
    background: linear-gradient(90deg, rgba(196, 69, 105, 0.32), rgba(74, 24, 40, 0.45)) !important;
    border: 1px solid var(--acg-border-strong) !important;
    color: var(--acg-text-1) !important;
    border-radius: 12px !important;
}
html.app-dark .quota-text {
    color: var(--acg-text-1) !important;
    line-height: 1.6;          /* 标题行 + 数据行：拉开行距更透气 */
    letter-spacing: 0.2px;
}
html.app-dark .quota-text b {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 6px rgba(255, 192, 159, 0.5);
}
html.app-dark .quota-ico {
    color: var(--acg-gold-light) !important;
    filter: drop-shadow(0 0 4px rgba(255, 192, 159, 0.5));
}
/* 今日已解锁提示行：夜空下用偏青绿微光，与金/玫红区分出「已生效」语义 */
html.app-dark .quota-unlock {
    background: rgba(46, 196, 142, 0.12) !important;
    border: 1px solid rgba(96, 224, 176, 0.42) !important;
    color: #8af0c4 !important;
}
html.app-dark .quota-unlock-ico {
    filter: drop-shadow(0 0 4px rgba(96, 224, 176, 0.55));
}
html.app-dark .quota-unlock-text b {
    color: #b6ffe0 !important;
    text-shadow: 0 0 6px rgba(96, 224, 176, 0.5);
}

/* —— 主要操作按钮 (立即下载 / 免安装去玩) —— */
html.app-dark .demo-action-row {
    background: transparent !important;
    position: relative;
    z-index: 1;
}
html.app-dark .demo-btn {
    border-radius: 16px !important;
    overflow: hidden;
    position: relative;
    transition: transform 0.18s ease;
}
html.app-dark .demo-btn:active {
    transform: scale(0.97);
}
html.app-dark .demo-btn-download {
    background: linear-gradient(135deg, #FAD4C0 0%, #FFB088 25%, #FF8FA3 55%, #C44569 85%, #6B1A2F 100%) !important;
    color: #2D1018 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 6px 18px rgba(255, 107, 138, 0.5) !important;
}
html.app-dark .demo-btn-virtual {
    background: linear-gradient(135deg, rgba(255, 192, 159, 0.25) 0%, rgba(255, 143, 163, 0.18) 100%) !important;
    color: var(--acg-text-1) !important;
    border: 1px solid var(--acg-border-strong) !important;
}
/* 「免安装去玩」文字：base(game-detail.css) 用更高优先级把字锁成 #7C3AED 紫(离群、与玫红夜空冲突)。
   这里用更高特异度(:not 计入)的同名选择器 + 暖蜜桃金，把文字收进本主题色系。 */
html.app-dark .demo-btn-virtual:not(.is-disabled) .demo-btn-main {
    color: var(--acg-gold-light) !important;
}
html.app-dark .demo-btn-virtual:not(.is-disabled) .demo-btn-sub {
    color: var(--acg-text-2) !important;
}
html.app-dark .demo-btn-virtual.is-disabled {
    opacity: 0.5;
    background: rgba(58, 18, 40, 0.5) !important;
}
/* 置灰态文字：盖掉 base 的紫，用本主题中性暖色(再叠上面的 opacity:0.5 自然变淡) */
html.app-dark .demo-btn-virtual.is-disabled .demo-btn-main,
html.app-dark .demo-btn-virtual.is-disabled .demo-btn-sub {
    color: var(--acg-text-2) !important;
}
html.app-dark .demo-btn-main {
    color: inherit !important;
    font-weight: 800 !important;
}
html.app-dark .demo-btn-sub {
    opacity: 0.85;
}

/* —— 下载/试玩弹窗：保持白底风格 ——
   #dlModal（选择下载方式）和 #tplayModal（试玩用完 / 速玩空间已满）都用 .dl-modal，
   按需求统一保持白底——不跟随本页玫红主题，回退到 game-detail.css 的白卡基础样式
   （base 白卡 + 本页强制浅色 token 已渲染成白卡）。这里只保留遮罩的暗化+模糊作背景，
   卡片本体/关闭按钮/图标/标题/副标题/选项卡均不再覆盖，交由 base 规则渲染。 */
html.app-dark .dl-modal-overlay {
    background: rgba(15, 5, 12, 0.78) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
/* 「CDN 高速下载 / 升级会员享CDN」金卡(.dl-option-gold)：唯一的主推选项，
   原为黄橙渐变，与首页主题(蜜桃→玫红 CTA)不搭。改用首页同款蜜桃玫红渐变，
   作为白卡弹窗里的主行动按钮跳出来；其余选项(网盘/分享/等待)保持白底中性卡不动。 */
html.app-dark .dl-option-gold {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 4px 14px rgba(255, 107, 138, 0.38) !important;
}
html.app-dark .dl-option-gold .dl-option-icon {
    background: linear-gradient(135deg, #FF8FA3, #C44569) !important;
    color: #fff !important;
}
html.app-dark .dl-option-gold .dl-option-title { color: #2D1018 !important; }
html.app-dark .dl-option-gold .dl-option-desc { color: rgba(45, 16, 24, 0.72) !important; }
html.app-dark .dl-option-gold .dl-option-arrow { color: rgba(45, 16, 24, 0.55) !important; }
/* 「今日还可下载 N/N 次」副标题：base 是绿色 #18a85a，与白卡+蜜桃玫红主题不搭，
   改成与 CDN 金卡同系的深玫红，白底上对比足够。(.dl-sub-empty 红色保留作「已用完」告警语义) */
html.app-dark .dl-modal .dl-sub-ok { color: #C44569 !important; }

/* —— 「请下载 APP 体验试玩」引导弹窗 (.apk-guide-*)：保持白底风格 ——
   该弹窗定义在 layout.html（全站通用），base 用 --hd-* 渲染成白卡。免安装去玩在 iOS 下
   引导下载 APP 即弹此窗，按需求同样保持白底，不再盖成玫红——与全站其它页面一致。
   仅保留遮罩暗化+模糊作背景，卡片/图标/标题/按钮交由 base + 强制浅色 token 渲染成白卡。 */
html.app-dark .apk-guide-mask {
    background: rgba(15, 5, 12, 0.78) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
/* 「下载 APP」主按钮：白卡内唯一行动按钮，原 base 为橙色，与首页主题不搭。
   改用首页同款蜜桃→玫红 CTA 渐变 + 深紫字（与 .em-dl / .btn-buy 一致）。 */
html.app-dark .apk-guide-btn {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    color: #2D1018 !important;
    font-weight: 800 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 138, 0.45) !important;
}

/* —— 购买卡片 (price-info) —— */
html.app-dark .purchase-card {
    background: rgba(58, 18, 40, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 12px !important;
}
html.app-dark .purchase-icon-wrapper,
html.app-dark .purchase-icon-wrapper.alt {
    background: rgba(255, 192, 159, 0.15) !important;
    border: 1px solid var(--acg-border) !important;
}
html.app-dark .price-info .current-price {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 6px rgba(255, 192, 159, 0.45);
}
html.app-dark .price-info .original-price {
    color: var(--acg-text-3) !important;
}
html.app-dark .btn-buy {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    color: #2D1018 !important;
    font-weight: 800 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 138, 0.45);
}

/* —— Tab 导航 (详情/绅士点评) —— */
html.app-dark .tab-bar {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 1px solid var(--acg-border) !important;
}
html.app-dark .tab-item {
    color: var(--acg-text-2) !important;
}
html.app-dark .tab-item.active {
    color: var(--acg-text-1) !important;
    text-shadow: 0 0 8px rgba(255, 143, 163, 0.5);
}
html.app-dark .tab-item.active::after {
    background: linear-gradient(90deg, var(--acg-gold-light) 0%, var(--acg-rose) 50%, var(--acg-rose-deep) 100%) !important;
    box-shadow: 0 0 8px rgba(255, 143, 163, 0.7);
    width: 22px !important;
    height: 3px !important;
}
html.app-dark .tab-content {
    background: transparent !important;
}
html.app-dark .divider {
    background-color: var(--acg-border) !important;
}

/* —— 内容标题 / 简介 —— */
html.app-dark .section-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
html.app-dark .tab-badge {
    color: var(--acg-text-1) !important;
}
html.app-dark .tab-badge.secondary {
    color: var(--acg-text-3) !important;
}
html.app-dark .game-intro,
html.app-dark .intro-content {
    background: transparent !important;
}
html.app-dark .intro-text {
    color: var(--acg-text-2) !important;
}
html.app-dark .expand-btn,
html.app-dark .expand-link {
    color: var(--acg-rose) !important;
    background: transparent !important;
    text-shadow: 0 0 6px rgba(255, 143, 163, 0.4);
}
html.app-dark .expand-btn:hover,
html.app-dark .expand-link:hover {
    color: var(--acg-gold-light) !important;
}
/* 展开按钮里的箭头 SVG/icon (若有黑色) */
html.app-dark .expand-link img,
html.app-dark .expand-btn img {
    filter: brightness(0) invert(1) sepia(0.5) saturate(450%) hue-rotate(320deg);
}

/* —— 新闻/资讯列表 —— */
html.app-dark .news-item {
    border-bottom-color: var(--acg-border) !important;
}
html.app-dark .news-link:hover {
    background: rgba(58, 18, 40, 0.3) !important;
}
html.app-dark .news-title {
    color: var(--acg-text-1) !important;
}
html.app-dark .news-time {
    color: var(--acg-text-3) !important;
}

/* —— 更多按钮 / CTA —— */
html.app-dark .more-btn {
    background: rgba(255, 192, 159, 0.12) !important;
    color: var(--acg-text-2) !important;
    border: 1px solid var(--acg-border) !important;
}

/* —— 热门推荐 (guess-like-section) —— 与 game-center 卡片同款: 图铺满 + 文字悬浮底部 */
html.app-dark .guess-like-section {
    background: transparent !important;
    background-color: transparent !important;
}
html.app-dark .guess-like-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-family: 'Noto Serif SC', 'Songti SC', serif;
}
html.app-dark .guess-like-more {
    color: var(--acg-rose) !important;
    text-shadow: 0 0 6px rgba(255, 143, 163, 0.4);
}
html.app-dark .guess-like-more:hover {
    color: var(--acg-gold-light) !important;
}

/* 卡片: 图片铺满整卡, 文字浮底 */
html.app-dark .guess-like-item {
    position: relative !important;
    aspect-ratio: 4 / 5 !important;
    background: var(--acg-bg-2) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(139, 44, 63, 0.35) !important;
    overflow: hidden !important;
    padding-top: 0 !important;
    transform-origin: center;
    transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1),
                box-shadow 0.32s ease;
    animation: acgGuessFadeIn 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
html.app-dark .guess-like-item:nth-child(2n) { animation-delay: 0.06s; }
html.app-dark .guess-like-item:nth-child(3n) { animation-delay: 0.12s; }
html.app-dark .guess-like-item:nth-child(4n) { animation-delay: 0.18s; }
html.app-dark .guess-like-item:hover {
    transform: translateY(-4px) scale(1.015);
    box-shadow:
        0 14px 32px rgba(255, 107, 138, 0.5),
        0 0 0 1px var(--acg-gold-light) !important;
}
html.app-dark .guess-like-item:active {
    transform: scale(0.97);
    transition-duration: 0.12s;
}

/* 缩略图区: 绝对铺满 */
html.app-dark .guess-like-thumb {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    background-color: var(--acg-bg-2) !important;
    overflow: hidden;
}
html.app-dark .guess-like-icon {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: transform;
}
html.app-dark .guess-like-item:hover .guess-like-icon {
    transform: scale(1.08);
}

/* 名字: 绝对悬浮在卡片底部, 透明 + 渐变蒙版 */
html.app-dark .guess-like-name {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 28px 11px 10px !important;
    margin: 0 !important;
    color: #FFF0E0 !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    text-shadow:
        0 1px 4px rgba(0, 0, 0, 0.95),
        0 0 12px rgba(80, 20, 50, 0.55) !important;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(20, 5, 12, 0.35) 35%,
        rgba(20, 5, 12, 0.78) 70%,
        rgba(20, 5, 12, 0.95) 100%) !important;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.app-dark .guess-like-loading {
    color: var(--acg-text-2) !important;
}

@keyframes acgGuessFadeIn {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.app-dark .guess-like-item,
    html.app-dark .guess-like-icon {
        animation: none !important;
        transition: none !important;
    }
}

/* —— 官方动态 / 礼包 容器 —— */
html.app-dark .updates-container,
html.app-dark .gift-pack-container,
html.app-dark .game-news {
    background: transparent !important;
    background-color: transparent !important;
}
html.app-dark .gift-pack-title,
html.app-dark .updates-title {
    color: var(--acg-text-1) !important;
}
html.app-dark .update-item {
    background: rgba(58, 18, 40, 0.45) !important;
    border: 1px solid var(--acg-border) !important;
}
html.app-dark .update-item__date {
    color: var(--acg-gold-light) !important;
}
html.app-dark .update-item__info {
    color: var(--acg-text-1) !important;
}
html.app-dark .update-item.past-server .update-item__info {
    color: var(--acg-text-3) !important;
}

/* —— 点评 tab 整体 —— */
/* 提示框 (原紫色 #f3e8ff → 玫红半透明) */
html.app-dark .review-guide {
    background: linear-gradient(135deg, rgba(255, 143, 163, 0.18) 0%, rgba(196, 69, 105, 0.14) 100%) !important;
    border: 1px solid var(--acg-border-strong) !important;
    border-radius: 12px !important;
}
html.app-dark .review-guide-text {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
html.app-dark .review-guide-text b {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 8px rgba(255, 192, 159, 0.5);
}
html.app-dark .review-guide-lite span {
    color: var(--acg-text-2) !important;
}

/* 我要点评按钮 (原紫渐变 → 玫红蜜桃渐变) */
html.app-dark .review-guide-btn {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    color: #2D1018 !important;
    font-weight: 800 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 138, 0.45) !important;
}

/* 评论列表 */
html.app-dark .review-list {
    color: var(--acg-text-1) !important;
}
html.app-dark .review-item {
    border-bottom: 1px solid var(--acg-border) !important;
}
html.app-dark .review-avatar {
    background: var(--acg-bg-2) !important;
    border: 1.5px solid var(--acg-gold-light) !important;
    box-shadow: 0 0 6px rgba(255, 107, 138, 0.3);
}
/* 用户名 (原 #333 暗灰) */
html.app-dark .review-name {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 4px rgba(255, 192, 159, 0.4);
    font-weight: 700 !important;
}
/* 第N条 / 时间次序 (原 #c4c4c4 灰) */
html.app-dark .review-times {
    color: var(--acg-text-2) !important;
}
/* 评论文字 (原 #444 暗灰 → 暖白可读) */
html.app-dark .review-text {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 1.6 !important;
}
/* 回复块 */
html.app-dark .review-reply {
    background: rgba(58, 18, 40, 0.6) !important;
    color: var(--acg-text-1) !important;
    border: 1px solid var(--acg-border);
}
html.app-dark .review-reply-name {
    color: var(--acg-gold-light) !important;
}
/* 时间戳 (原 #c4c4c4 浅灰) */
html.app-dark .review-time {
    color: var(--acg-text-2) !important;
}
/* 点赞 */
html.app-dark .review-like {
    color: var(--acg-text-2) !important;
}
html.app-dark .review-like.liked {
    color: var(--acg-rose) !important;
    text-shadow: 0 0 6px rgba(255, 143, 163, 0.5);
}
/* 空 / 加载 / 更多 */
html.app-dark .review-empty,
html.app-dark .review-loading {
    color: var(--acg-text-2) !important;
}
html.app-dark .review-more {
    color: var(--acg-rose) !important;
    text-shadow: 0 0 4px rgba(255, 143, 163, 0.4);
}

/* —— 评论 bottom sheet (写评论弹窗) —— */
html.app-dark .review-sheet-mask {
    background: rgba(15, 5, 12, 0.75) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
/* 弹窗底色：深酒红夜空渐变 + 金描边 + 顶部柔光，统一到首页暗夜玫瑰，
   与退出登录/下载方式/登录注册/邀请规则等弹窗保持一致(不用樱花亮粉)。 */
html.app-dark .review-sheet {
    background: linear-gradient(165deg, var(--acg-bg-2) 0%, var(--acg-bg-1) 100%) !important;
    border: 1px solid var(--acg-border-strong) !important;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 192, 159, 0.18) !important;
}
html.app-dark .review-sheet-head {
    color: var(--acg-text-1) !important;
    font-family: 'Noto Serif SC', 'Songti SC', serif;
}
html.app-dark .review-sheet-close {
    color: var(--acg-gold-light) !important;
    background: transparent !important;
}
html.app-dark .review-sheet-input {
    background: rgba(31, 10, 18, 0.55) !important;
    color: var(--acg-text-1) !important;
    border: 1px solid var(--acg-border-strong) !important;
    caret-color: var(--acg-rose);
}
html.app-dark .review-sheet-input::placeholder {
    color: var(--acg-text-2) !important;
    opacity: 0.7;
}
html.app-dark .review-counter {
    color: var(--acg-text-2) !important;
}
html.app-dark .review-submit {
    background: linear-gradient(135deg, #FAD4C0 0%, #FFB088 25%, #FF8FA3 55%, #C44569 85%, #6B1A2F 100%) !important;
    color: #2D1018 !important;
    font-weight: 800 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 138, 0.45) !important;
}
html.app-dark .review-submit:disabled {
    background: rgba(58, 18, 40, 0.6) !important;
    color: var(--acg-text-3) !important;
    border-color: var(--acg-border) !important;
    box-shadow: none !important;
}

/* —— 升级会员按钮 (再次确保覆盖, 防止子元素 / 内联样式 干扰) —— */
html.app-dark .quota-upgrade,
html.app-dark a.quota-upgrade {
    background: linear-gradient(135deg, rgba(255, 143, 163, 0.25) 0%, rgba(196, 69, 105, 0.2) 100%) !important;
    color: var(--acg-rose) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    text-shadow: 0 0 6px rgba(255, 143, 163, 0.5);
    font-weight: 700;
}

/* —— 底部 nav (推荐/分类/速玩/日常/我的) —— */
html.app-dark .bottom-nav {
    background: rgba(45, 16, 24, 0.85) !important;
    border-top: 1px solid var(--acg-border) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 -4px 16px rgba(139, 44, 63, 0.35) !important;
}
html.app-dark .bottom-nav .nav-label {
    color: var(--acg-text-2) !important;
}




/* —— 滚动条 —— */
html.app-dark ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--acg-gold) 0%, var(--acg-rose) 100%) !important;
}

/* —— 可访问 —— */
@media (prefers-reduced-motion: reduce) {
    html.app-dark .main-container::before {
        animation: none !important;
    }
}