/* ============================================================================
   漫画板块 PC(≥1024px) reflow —— 漫画城 / 详情 / 阅读器 / 我的漫画

   为什么必须有这个文件：comic.css 里原先唯一的媒体查询是 max-width:360px，
   一条 min-width 都没有。而 v2_pc.css:83 会在 ≥1024 时把 body 解锁成
   `max-width:none; padding-left:88px` —— 于是漫画各页在 PC 上要么是 1920 屏
   中间一根 500px 窄条，要么是 3 列被拉成巨幅封面。

   rem 基准是按 500px 容器算的（layout.html:192，clientWidth 上限 500 → 1rem≈1.54px），
   所以 PC 下所有字号/间距都必须显式改成 px，否则字号与放大后的容器完全不匹配。

   两种命中场景，规则要分别覆盖：
     ① 顶层整页（漫画城 / 我的漫画）→ @media (min-width:1024px)
     ② pc-dm iframe 弹窗（详情 / 阅读器）→ iframe 视口本身就 ≥1024（宽档 1180、
        满屏档 min(1680,96vw)），所以 @media 同样命中，不需要 html.pc-modal 镜像。
        只有「要不要贴底/占满」这类差异才用 html.pc-modal 单独调。

   排在 comic.css 之后。改动后 bump 四个模板里的 ?v=。
   ============================================================================ */

@media (min-width: 1024px) {

    /* ---------------------------------------------------------- 内容列 */

    /* 内容不铺满 1920 —— 封面网格无限拉宽会变成海报墙。限宽居中，
       落在 v2_pc.css 给的 88px 左侧栏右侧（body 已有 padding-left:88px）。 */
    html.app-dark .cm-page {
        max-width: 1400px;
        margin: 0 auto;
        padding-bottom: 40px;
    }
    /* 弹窗里没有左侧栏，也不要限宽居中留白 */
    html.pc-modal .cm-page { max-width: none; margin: 0; }

    /* ---------------------------------------------------------- 顶栏 */

    html.app-dark .cm-topbar {
        height: 60px;
        padding: 0 4px;
        gap: 12px;
        background: rgba(26, 6, 16, .82);
    }
    html.app-dark .cm-topbar .back-button {
        width: 38px; height: 38px; font-size: 20px;
    }
    html.app-dark .cm-topbar .cm-topbar-title { font-size: 20px; }

    /* ---------------------------------------------------------- 漫画浏览面板
       同一份规则服务三处：首页漫画 tab、分类页漫画 tab、搜索页漫画结果。
       类名两套（.cm-* 与 .hc-*）是历史包袱（index_pc.css 早按 .hc-* 写了首页），
       所以每条都同时命中 —— 详见 comic-cards.css 头部说明。 */

    /* 轮播：1920 屏上一张 16:7 的 banner 会吃掉整个首屏。限高并收窄比例。 */
    html.app-dark .cm-slide {
        margin: 16px 0 8px;
        border-radius: 12px;
    }
    html.app-dark .cm-slide img {
        aspect-ratio: 32 / 9;
        max-height: 300px;
    }
    @supports not (aspect-ratio: 1) {
        html.app-dark .cm-slide img { height: 260px; }
    }

        /* 「相似漫画」那套网格/封面卡的宽屏规则已删 —— 该模块 2026-08-21 从详情页去掉了。
       这里只剩漫画独有的筛选胶囊与提示行。 */

    /* 筛选胶囊换行铺开，不做横向滚动条（照 index_pc.css:1088-1091） */
    html.app-dark .hc-filters {
        flex-wrap: wrap;
        overflow: visible;
        padding: 6px 0;
        gap: 8px;
    }
    html.app-dark .hc-chip { font-size: 13px; line-height: 24px; padding: 3px 15px; }

    html.app-dark .hc-tip { font-size: 14px; padding: 22px; }

    /* 翻页「加载中…」不占文档流 —— 与游戏侧 game-center_pc.css:386-403 同一套做法、同一副皮。
       #hcLoading 是网格的**兄弟块**（game-center.html:355），留在文档流里的话，
       PC 翻页 show/hide 会把下方内容一推一弹，提示本身也落在网格下面而不是列表中央
       （2026-08-27 用户指出「选其他页时，加载中提示位置不对」）。
       改成悬浮在列表区中央的小卡：定位祖先是 .games-section —— 漫画那个 <section> 本来
       就带 games-section 类（game-center.html:327），game-center_pc.css:157 的
       `position:relative` 已经命中它，不用另加。
       手机端不动（无限滚动时提示跟在列表末尾才是对的）。 */
    html.app-dark #hcLoading {
        position: absolute !important;
        left: 50% !important;
        top: 45% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 20 !important;
        margin: 0 !important;
        padding: 16px 26px !important;
        border-radius: 12px !important;
        background: rgba(21, 15, 34, 0.92) !important;
        border: 1px solid #3A2258 !important;
        color: #D7C9F5 !important;
    }

    /* 分段切换条（首页/分类页/搜索页共用 .home-seg） */
    html.app-dark .home-seg { max-width: 360px; margin: 14px 0 12px; }
    html.app-dark .home-seg-btn { height: 38px; font-size: 14px; gap: 6px; }
    html.app-dark .home-seg-btn .seg-ico { width: 17px; height: 17px; }

    /* ---------------------------------------------------------- 详情
       详情页已改为复用游戏详情的壳（game-detail.css / _anime / _pc），
       宽屏排版由 game-detail_pc.css 负责，这里不再有漫画自己的一套。
       漫画独有的覆盖（封面 3:4、章节网格、作品信息表）在 comic.css，
       它们是尺寸无关的，不需要 PC 分档。 */

    /* ---------------------------------------------------------- 我的漫画 */

    html.app-dark .mc-seg { max-width: 320px; margin: 18px 0; padding: 3px; }
    html.app-dark .mc-seg a { font-size: 14px; padding: 7px 0; }
    /* 书架行卡同理按宽度定列：1352 宽下写死 2 列的话每张 670px，右侧大片空白 */
    html.app-dark .mc-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 14px;
        padding: 0 0 28px;
    }
    html.app-dark .mc-row { margin-bottom: 0; padding: 12px; border-radius: 10px; gap: 14px; }
    html.app-dark .mc-row:hover { background: rgba(255, 255, 255, .08); }
    html.app-dark .mc-row .mc-cover { flex: 0 0 88px; width: 88px; padding-bottom: 117px; border-radius: 6px; }
    html.app-dark .mc-info h4 { font-size: 15px; line-height: 21px; }
    html.app-dark .mc-go { font-size: 13px; padding: 7px 16px; }
    html.app-dark .cm-blank { padding: 80px 24px; }
    html.app-dark .cm-blank .art { font-size: 56px; }
    html.app-dark .cm-blank .t { font-size: 15px; }

}

/* ============================================================================
   分类页·漫画侧 的宽屏版式

   ★ 左竖栏 → 顶部横向页签、右内容区、标题隐藏这三件事**不在这里镜像**：
     #cmNavigation / .cm-section / #cm-section-title 上挂了 .gc-nav / .gc-sect /
     .gc-sect-title，game-center_pc.css 里那些规则已经同时带上类版本，直接命中。
   本段只留「漫画和游戏本来就不一样」的两件事：画风行标签、无限滚动的列表几何。
   本文件在 game-center_pc.css 之后加载，同为 !important 时后载取胜。
   ============================================================================ */

@media (min-width: 1024px) {

    /* 画风行的行标签：与游戏侧的「平台 / 评级」同一套 ::before 写法 */
    html.app-dark .cm-style-filter::before { content: "画风"; }

    /*
      ★ 2026-08-27：漫画 PC 侧**已改成与游戏侧同款的分页**（每页 = 列数×3 正好 3 行 +
        .gc-pager 分页条、列表不滚动），所以原先那段「取消游戏几何」的覆盖
        （grid-template-rows:none / grid-auto-rows:max-content / align-items:start /
        overflow-y:auto）**已整段删除** —— 现在直接继承 game-center_pc.css 末段的
        `.gc-split .game-list { grid-template-rows: repeat(3,minmax(0,1fr)) auto;
        overflow-y:hidden }`（那条选择器本来就命中 #hcGrid，一直只是被这里顶掉）。
        两侧从此共用一套几何，不再各养一份。
        ⚠ 不要因为「漫画塌高」再把那几行加回来 —— 塌高的真正解药是下面 .card-media 的
        `flex:0 0 auto + aspect-ratio`，把封面高度钉死，不依赖父级行高。
    */
    html.app-dark .gc-split--comic .game-card {
        height: auto !important;
    }
    /* 封面块：**与游戏卡完全一致的 7/5**（2026-08-21 用户指定「漫画的 icon 和游戏布局
       要一样」）。原先给的是 3/4（贴合竖封面、不裁图），但那样卡片比游戏卡高出一截，
       两个 tab 来回切时行高会跳。
       漫画封面是 3:4 竖图，裁进 7/5 横窗必然只留中间一条 —— 用 object-position 取上半段
       （封面主体、人物、书名基本都在上方），这是唯一的漫画专属微调。
       ⚠ flex:0 0 auto 是**承重**的：它让封面高度由 aspect-ratio 自己定，
         不去问父级要高度 —— 这正是能安全套用游戏 3 行网格而不塌成一行标题的原因。 */
    html.app-dark .gc-split--comic .card-media {
        flex: 0 0 auto !important;
        height: auto !important;
        aspect-ratio: 7 / 5 !important;
    }
    html.app-dark .gc-split--comic .card-banner { object-position: 50% 18% !important; }
    html.app-dark .gc-split--comic .card-content {
        flex: 0 0 auto !important;
    }
}

/* ============================================================================
   阅读器 PC
   ---------------------------------------------------------------------------
   阅读器刻意不 extend layout（沉浸式全屏），所以没有 html.app-dark、
   也没有 v2_pc.css/modal_pc.css。选择器不带 html.app-dark 前缀。

   阅读器在 PC 上是**整页全屏**，不进 pc-dm 弹窗（弹窗里读漫画体验不好），
   所以 min-width:1024 直接对着浏览器视口命中，只有这一条路径。
   ============================================================================ */

@media (min-width: 1024px) {

    /*
      页宽三档（手机永远满宽，只有 PC 有意义）：

        适宽 w-fit  —— **一屏一页**。宽度 = 可视高 / 本书平均纵横比（--cm-ratio 由 JS 下发）。
                       之前写死 900px：一页算出来 1250 高、比视口还高，
                       任何时候都只看得到一页的一部分 —— 就是「图片很大、一张图占满、
                       反而不好看」的由来。一屏刚好一页才是漫画该有的观感。
        原宽 w-raw  —— 跟随源图宽度上限 1080（想看清细节时用）。
        满宽 w-full —— 铺满视口。

      顶栏 64 + 底栏 96 是 chrome 的高度，得从可视高里扣掉，否则一页底部会被底栏压住。
      条漫/超长页（html.cm-longpage）没有「一屏一页」可言，退回按宽度读。
    */
    /* clamp 同时兜住两头：窄到 420 以下就没法看字了，宽过 1080 就超过源图开始糊 */
    #track,
    #track.w-fit {
        max-width: clamp(420px, calc((100vh - 160px) / var(--cm-ratio, 1.389)), 1080px);
    }
    @supports (height: 100dvh) {
        #track,
        #track.w-fit {
            max-width: clamp(420px, calc((100dvh - 160px) / var(--cm-ratio, 1.389)), 1080px);
        }
    }
    html.cm-longpage #track,
    html.cm-longpage #track.w-fit { max-width: 760px; }
    #track.w-raw    { max-width: 1080px; }
    #track.w-full   { max-width: none; }

    /* chrome 跟着阅读列走，不再锁 500px */
    .cm-chrome { max-width: 1100px; width: 100%; }
    #cmTop {
        padding: 12px 16px;
        gap: 12px;
    }
    #cmTop .back { width: 34px; height: 34px; font-size: 19px; }
    #cmTop .t { font-size: 15px; line-height: 21px; }
    #cmTop .chap { font-size: 12px; line-height: 17px; }
    #cmTop .cm-ico-btn { width: 34px; height: 34px; font-size: 15px; }

    #cmBottom { padding: 12px 16px; }
    .cm-progress-row { gap: 14px; }
    #cmPageNo { font-size: 13px; min-width: 92px; }
    #cmSlider { height: 22px; }
    #cmSlider::-webkit-slider-runnable-track { height: 5px; }
    #cmSlider::-webkit-slider-thumb { width: 15px; height: 15px; margin-top: -5px; }

    /* 工具条在 PC 上不需要平分整行 —— 5 个等宽大按钮很怪。改成右对齐小按钮。 */
    .cm-tools { gap: 8px; margin-top: 10px; justify-content: flex-end; }
    .cm-tools button {
        flex: 0 0 auto;
        flex-direction: row;
        gap: 6px;
        min-width: 84px;
        padding: 7px 14px;
        border-radius: 8px;
        font-size: 13px;
        line-height: 18px;
        cursor: pointer;
    }
    .cm-tools button:hover { background: rgba(255, 255, 255, .12); }
    .cm-tools button .ico { font-size: 15px; line-height: 18px; }

    /* 抽屉/面板：PC 上贴底的「半屏 sheet」很别扭，改居中对话框 */
    #cmDrawer {
        left: 50%;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -46%) scale(.98);
        width: 520px;
        max-width: 92vw;
        max-height: 74vh;
        border-radius: 12px;
        border: 1px solid var(--cm-line);
        padding-bottom: 14px;
        opacity: 0;
        transition: transform .2s ease, opacity .2s ease, visibility .2s;
    }
    #cmDrawer.open { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    .cm-sheet-head { padding: 16px 18px 10px; font-size: 16px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
    .cm-sheet-body { padding: 0 18px; }
    .cm-chaprow { font-size: 14px; padding: 10px 6px; }
    .cm-chaprow:hover { background: rgba(255, 255, 255, .05); }
    .cm-chaprow .n { font-size: 12px; min-width: 34px; }
    .cm-jump-row input, .cm-jump-row .go { height: 40px; font-size: 14px; }
    .cm-jump-ticks button { font-size: 13px; padding: 5px 12px; }
    .cm-set-label { font-size: 14px; }
    .cm-set-label .v { font-size: 13px; }
    .cm-segbtns button { font-size: 13px; padding: 8px 0; }

    /* 付费墙限宽居中 */
    #cmWall { padding: 56px 24px 72px; }
    #cmWall h3 { font-size: 20px; }
    #cmWall p { font-size: 14px; line-height: 23px; max-width: 420px; }
    #cmWall .lock { width: 62px; height: 62px; font-size: 28px; }
    #cmWall .acts { max-width: 320px; gap: 10px; }
    #cmWall .acts .cm-btn { min-width: 0; width: 100%; padding: 11px 0; font-size: 15px; }

    #cmToast { font-size: 14px; padding: 10px 18px; bottom: 15%; }

    /* 点击分区提示在 PC 上没意义（有键盘、有滚轮），不显示 */
    #cmZoneHint { display: none !important; }
}


/* ============================================================================
   我的漫画 · 弹窗内镜像（html.pc-modal，不 media-gate）

   为什么需要单独一块：书架走 720px 窄档对话框（pc-detail-modal.js applySize），
   iframe 内视口只有 720 —— 上面那些 @media(min-width:1024px) 一条都不命中，
   页面会以「被拉宽到 720 的手机版」呈现（单列长条）。

   这正是 modal_pc.css 文件头写的那套约定：每条规则镜像进
   `@media(min-width:1024px)` 与 `html.pc-modal` 两块 —— 顶层页没有 pc-modal 类，
   弹窗 iframe 又永远够不到那个媒体查询。

   详情/阅读器不需要镜像：它们的对话框是 1180 / 满屏档，视口本身就 ≥1024。
   ============================================================================ */

html.pc-modal .cm-page { max-width: none; margin: 0; padding-bottom: 20px; }
html.pc-modal .cm-topbar { height: 56px; padding: 0 4px; gap: 10px; }
html.pc-modal .cm-topbar .back-button { width: 36px; height: 36px; font-size: 19px; }
html.pc-modal .cm-topbar .cm-topbar-title { font-size: 18px; }

html.pc-modal .mc-seg { max-width: 280px; margin: 16px 0; padding: 3px; }
html.pc-modal .mc-seg a { font-size: 14px; padding: 7px 0; }
html.pc-modal .mc-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 0 24px;
}
html.pc-modal .mc-row { margin-bottom: 0; padding: 10px; border-radius: 10px; gap: 12px; }
html.pc-modal .mc-row:hover { background: rgba(255, 255, 255, .08); }
html.pc-modal .mc-row .mc-cover { flex: 0 0 76px; width: 76px; padding-bottom: 101px; border-radius: 6px; }
html.pc-modal .mc-info h4 { font-size: 14px; line-height: 20px; }
html.pc-modal .mc-info .cm-meta { font-size: 12px; line-height: 17px; }
html.pc-modal .mc-bar { height: 4px; margin: 8px 0 3px; }
html.pc-modal .mc-go { font-size: 12px; padding: 6px 12px; }
html.pc-modal .cm-blank { padding: 64px 24px; }
html.pc-modal .cm-blank .art { font-size: 48px; }
html.pc-modal .cm-blank .t { font-size: 14px; }
html.pc-modal .cm-blank .cm-btn { min-width: 0; padding: 10px 28px; font-size: 14px; }
html.pc-modal .cm-corner { font-size: 11px; padding: 2px 6px; line-height: 16px; }

/* ============================================================================
   阅读器 · PC 皮（近黑紫，neon-purple 规范）

   为什么单独一套：阅读器的手机皮是「玫红夜空」（暖玫粉 + 圆角 + 光晕），
   而盒子在 PC 上的设计语言是近黑紫扁平直角（modal_pc.css / game-detail_pc.css /
   search_pc.css 都是这一套）。阅读器直接把手机皮拉到宽屏，看着就不是同一个产品
   —— 用户反馈的「pc阅读器的样式不是pc样式，和mobile色系」。

   取色与 modal_pc.css 的 1B/1C 规范一致：
     底 #0B0713 · 面板 #1C1330 · 次面板 #221838 · 描边 #3B2C5C
     主文 #F2EEFA · 次文 #B6A8CC · 弱文 #5A4D73
     主 CTA 实心粉 #FF3D8A · 次 CTA #2E2150 + 边 #6D3FB5
   一律直角、去光晕。
   ============================================================================ */

@media (min-width: 1024px) {

    /* 阅读区底色：纯黑换成近黑紫，与全站 PC 底色同族（纯黑在宽屏上过于生硬） */
    html.cm-reading, html.cm-reading body, #reader { background: #0B0713; }
    .slot { background: #140D22; }
    .slot::before {
        background: linear-gradient(100deg, #140D22 30%, #221838 50%, #140D22 70%);
        background-size: 200% 100%;
    }
    /* 离散页的页间缝改成紫描边（手机端是暖白微光） */
    #track.mode-page .slot { box-shadow: inset 0 1px 0 rgba(109, 63, 181, .35); }
    #track.mode-page .slot::after {
        color: #B6A8CC;
        background: rgba(11, 7, 19, .72);
        border-radius: 0;
    }

    /* ---- 顶栏 / 底栏：实色面板 + 直角 ---- */
    .cm-chrome {
        background: #1C1330;
        color: #F2EEFA;
        border-radius: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    #cmTop {
        border-bottom: 1px solid #3B2C5C;
        padding: 13px 16px;
    }
    #cmBottom { border-top: 1px solid #3B2C5C; }
    #cmTop .t { color: #F2EEFA; }
    #cmTop .chap { color: #5A4D73; }
    #cmPageNo { color: #B6A8CC; }

    /* 圆形毛玻璃小键 → 直角实色方键（与 modal_pc 的 1C 关闭键同族） */
    #cmTop .back,
    #cmTop .cm-ico-btn {
        width: 36px;
        height: 36px;
        border-radius: 0;
        background: #3D1F63;
        border: 0;
        color: #F2EEFA;
        box-shadow: none;
    }
    #cmTop .back:hover,
    #cmTop .cm-ico-btn:hover { background: #4A2578; }

    /* ---- 进度条：玫红渐变 → 实心粉 ---- */
    #cmSlider::-webkit-slider-runnable-track {
        background-color: #2E2150;
        background-image: linear-gradient(90deg, #FF3D8A, #FF3D8A);
        border-radius: 0;
        height: 4px;
    }
    #cmSlider::-webkit-slider-thumb {
        width: 14px; height: 14px; margin-top: -5px;
        border-radius: 0;
        background: #FF3D8A;
        border: 0;
        box-shadow: none;
    }
    #cmSlider::-moz-range-track { background: #2E2150; border-radius: 0; height: 4px; }
    #cmSlider::-moz-range-progress { background: #FF3D8A; border-radius: 0; height: 4px; }
    #cmSlider::-moz-range-thumb { border-radius: 0; background: #FF3D8A; border: 0; width: 14px; height: 14px; }

    /* ---- 工具键 ---- */
    .cm-tools button {
        border-radius: 0;
        background: #2E2150;
        border: 1px solid #453466;
        color: #B6A8CC;
    }
    .cm-tools button:hover { background: #372861; color: #F2EEFA; }
    .cm-tools button.on {
        background: #FF3D8A;
        border-color: #FF3D8A;
        color: #fff;
    }

    /* ---- 面板（章节 / 跳页 / 设置）---- */
    #cmDrawer {
        background: #1C1330;
        border: 1px solid #3B2C5C;
        border-radius: 0;
    }
    .cm-sheet-head {
        background: #2E234C;
        color: #F2EEFA;
        border-radius: 0;
        border-bottom: 1px solid #3B2C5C;
    }
    .cm-sheet-head .x { color: #B6A8CC; }
    .cm-chaprow { color: #B6A8CC; border-bottom: 1px solid rgba(59, 44, 92, .7); }
    .cm-chaprow:hover { background: #221838; }
    .cm-chaprow .n { color: #5A4D73; }
    .cm-chaprow.is-read { color: #5A4D73; }
    .cm-chaprow.cur { color: #FF3D8A; }
    .cm-chaprow.cur .n { color: #FF3D8A; }

    .cm-jump-row input {
        background: #2C2148;
        border: 1px solid #453466;
        border-radius: 0;
        color: #F2EEFA;
    }
    .cm-jump-row input:focus { border-color: #7C3AED; }
    .cm-jump-row .go {
        background: #FF3D8A;
        color: #fff;
        border-radius: 0;
    }
    .cm-jump-ticks button {
        background: #2C2148;
        border: 1px solid #453466;
        border-radius: 0;
        color: #B6A8CC;
    }
    .cm-jump-ticks button:hover { border-color: #7C3AED; color: #F2EEFA; }

    .cm-set-label { color: #F2EEFA; }
    .cm-set-label .v { color: #5A4D73; }
    .cm-segbtns button {
        background: #2C2148;
        border: 1px solid #453466;
        border-radius: 0;
        color: #B6A8CC;
    }
    .cm-segbtns button:hover { border-color: #7C3AED; color: #F2EEFA; }
    .cm-segbtns button.on {
        background: #FF3D8A;
        border-color: #FF3D8A;
        color: #fff;
    }
    .cm-set-range::-webkit-slider-runnable-track { background: #2E2150; border-radius: 0; }
    .cm-set-range::-webkit-slider-thumb { background: #FF3D8A; border: 0; border-radius: 0; }
    .cm-set-range::-moz-range-track { background: #2E2150; border-radius: 0; }
    .cm-set-range::-moz-range-thumb { background: #FF3D8A; border: 0; border-radius: 0; }

    #cmMask { background: rgba(7, 5, 12, .82); }

    /* ---- 付费墙 ---- */
    /* 与阅读区**同一个底**（#0B0713），上沿渐隐承接最后一页，中间不再插任何异色。 */
    #cmWall {
        background: linear-gradient(180deg, rgba(11, 7, 19, 0) 0%, #0B0713 16%, #0B0713 100%);
        color: #F2EEFA;
    }
    /* 氛围光换成 PC 这套紫系（手机端是玫红，见 comic.css）——
       原来这里盖着一张虚化封面，暖橙压在近黑紫上，是整个阅读器唯一的异色来源。 */
    #cmWall::before {
        background: radial-gradient(90% 100% at 50% 0%,
            rgba(124, 58, 237, .18) 0%,
            rgba(109, 63, 181, .08) 45%,
            rgba(11, 7, 19, 0) 75%);
    }
    #cmWall .lock {
        border-radius: 0;
        background: #2E2150;
        border: 1px solid #6D3FB5;
        color: #FFB020;
        box-shadow: none;
    }
    #cmWall p { color: #B6A8CC; }
    #cmWall .tier {
        border-radius: 0;
        background: #FFB020;
        color: #2A1A00;
    }
    #cmWall .cm-btn {
        border-radius: 0;
        background: #FF3D8A;
        border: 0;
        color: #fff;
        box-shadow: none;
    }
    #cmWall .cm-btn.ghost {
        background: #2E2150;
        border: 1px solid #6D3FB5;
        color: #C9BEDD;
    }

    /* ---- 轻提示 ---- */
    #cmToast {
        background: #1C1330;
        border: 1px solid #3B2C5C;
        border-radius: 0;
        color: #F2EEFA;
        box-shadow: none;
    }
}