/* ============================================================================
   漫画卡片原语 —— 首页漫画面板、分类页漫画侧、漫画四页共用的一份。

   ★ 2026-08-21：**列表卡片已全部复刻游戏侧 DOM**，本文件不再有它们的样式 ——
     首页/推荐栏用游戏推荐板块那格（.game-item/.icon-wrap/.game-name，皮在
     index_anime.css + index_pc.css），分类页用游戏卡（.game-card/.card-media/
     .card-content，皮在 game-center.css/_anime/_pc），搜索页用游戏结果行
     （.search-result-*，皮在 search.css）。原先的 .hc-card/.hc-cover/.hc-grid/
     .comic-row 系列、.hc-sec 系列 已删。
     ⚠ 不要再往这里加漫画专属的列表卡样式：那正是「漫画和游戏看着像两个产品」的来路。
       要改列表外观就改游戏侧那几份，两边一起变。

   本文件现在只剩三类东西：
     ① --cm-* 令牌（comic.css 依赖它，首页只引本文件也要能拿到）
     ② 漫画独有、游戏侧无对应物的小件：轮播位 .cm-slide、筛选胶囊 .hc-filters/.hc-chip、
        提示行 .hc-tip、封面角标 .cm-corner/.cm-pages
     ③ 书架/详情信息卡还在用的两个小件：.cm-meta、.cm-corner
        （原先的「相似漫画」封面卡整套已随该模块一起删除）

   除渐变以外不硬编码颜色（CSS 变量里放渐变在低端 WebView 上支持不稳，故渐变写字面量）。

   引入顺序：
     漫画四页：comic-cards.css → comic.css → comic_pc.css
     首页：    comic-cards.css → home_comic.css
   改动后 bump 所有引入处的 ?v=。
   ============================================================================ */

/* 令牌 —— 与 v2 全站 _anime「ACG 玫红夜空」皮对齐（index_anime.css:15-37 的 --acg-* 同源值）：
   夜底 #1A0610/#2A0F1F/#3A1228 · 玫粉 #FF8FA3 · 深玫红 #C44569
   暖金桃 #FAD4C0 · 桃 #FFB088 · 暖白字 #FFF0E0 · 次文 #E8B7A8 · 弱文 #C9A98C */
:root {
    --cm-bg: #1A0610;
    --cm-bg-2: #2A0F1F;
    --cm-bg-3: #3A1228;
    --cm-card: #2A0F1F;
    --cm-card-hi: #3A1B2C;
    --cm-line: rgba(255, 192, 159, .18);
    --cm-line-hi: rgba(255, 192, 159, .38);
    --cm-pink: #FF8FA3;
    --cm-rose: #C44569;
    --cm-gold: #FAD4C0;
    --cm-peach: #FFB088;
    --cm-violet: #B47CFF;
    --cm-text: #FFF0E0;
    --cm-sub: #E8B7A8;
    --cm-dim: #C9A98C;
}

/* 兜底：作者声明的 display 会盖掉 UA 的 [hidden]{display:none}。
   漫画各处有好几个「模板先 hidden、JS 填好再放出来」的元素（轮播位、分类/画风胶囊、
   到底提示、搜索结果网格……），漏一个就是「该藏的没藏」。
   放在本文件是因为它是**每个出现漫画内容的页面都会加载**的那一份 ——
   首页与分类页并不加载 comic.css。
   ⚠ 只兜 hidden，不要在这里写 `*{box-sizing}` 之类的全局重置：
     漫画到处用 padding-bottom 百分比撑 3:4 占位，border-box 会把那套算法弄坏。 */
.home-panel [hidden],
.cm-page [hidden],
.search-results-section [hidden] { display: none !important; }

/* ---------------------------------------------------------------- 轮播位 */

/* 漫画轮播（wap_comic_index）。首页漫画面板与分类页漫画侧都用它，所以放在共用文件里
   —— 首页不加载 comic.css。原先是裸 volist，多张 banner 直接竖着堆叠（没接 swiper）。 */
.cm-slide {
    margin: .66rem .83rem .33rem;
    border-radius: .66rem;
    overflow: hidden;
    box-shadow: 0 .5rem 1.33rem rgba(0, 0, 0, .34);
}
.cm-slide .swiper-wrapper { display: flex; }
.cm-slide .swiper-slide { flex: 0 0 100%; width: 100%; }
.cm-slide a { display: block; }
.cm-slide img {
    width: 100%;
    display: block;
    /* 16:7 固定比例，避免不同尺寸的 banner 让首屏高度跳来跳去 */
    aspect-ratio: 16 / 7;
    object-fit: cover;
}
/* aspect-ratio 不支持时（Safari <15 / 老 WebView）退化成固定高 */
@supports not (aspect-ratio: 1) {
    .cm-slide img { height: 11rem; }
}
.cm-slide .swiper-pagination-bullet {
    background: rgba(255, 240, 224, .5);
    opacity: 1;
}
.cm-slide .swiper-pagination-bullet-active {
    background: var(--cm-pink);
    width: 1.33rem;
    border-radius: 999px;
}


/* ---------------------------------------------------------------- 胶囊筛选条 */

/* 空壳筛选行由 home-comic.js 加这个类收掉 —— 光靠 [hidden] 打不过下面的 display:flex。 */
.hc-bar-empty { display: none !important; }

.hc-filters {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    padding: .5rem .83rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.hc-filters::-webkit-scrollbar { display: none; }

.hc-chip {
    flex: 0 0 auto;
    padding: .3rem .9rem;
    border-radius: 999px;
    font-size: 1.06rem;
    line-height: 1.66rem;
    white-space: nowrap;
    color: var(--cm-sub);
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--cm-line);
    text-decoration: none;
    transition: color .16s ease, background .16s ease, transform .12s ease, box-shadow .16s ease;
    -webkit-tap-highlight-color: transparent;
}
.hc-chip:active { transform: scale(.96); }

.hc-chip.active {
    color: #2A0F1F;
    background: linear-gradient(135deg, #FFC09F 0%, #FF8FB1 52%, #B47CFF 100%);
    border-color: transparent;
    font-weight: 700;
    box-shadow: 0 .25rem .66rem rgba(255, 143, 163, .34);
}

/* 封面卡（.cm-card / .cm-cover-wrap / shimmer 骨架 / .cm-pages / .cm-cover-prog）已删 ——
   它们唯一的使用者是详情页的「相似漫画」，该模块 2026-08-21 按用户要求去掉了。
   书架（my-comic）用的是自己那套 .mc-*，不受影响。 */

/* ---------------------------------------------------------------- 角标 */

/* 会员档位角标：金玫渐变，与首页 CTA 同一族 */
.cm-corner {
    position: absolute;
    top: .3rem;
    left: .3rem;
    z-index: 3;
    padding: .1rem .42rem;
    border-radius: .3rem;
    font-size: .83rem;
    font-weight: 700;
    line-height: 1.33rem;
    color: #2A0F1F;
    background: linear-gradient(135deg, #FAD4C0 0%, #FFB088 48%, #FF8FA3 100%);
    box-shadow: 0 .16rem .4rem rgba(196, 69, 105, .38);
}

/* ---------------------------------------------------------------- 卡片文字
   .cm-title 随「相似漫画」一起删了；.cm-meta 书架（my-comic）还在用，保留。 */
.cm-meta {
    font-size: .9rem;
    line-height: 1.33rem;
    color: var(--cm-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 横滑推荐栏（.comic-row-*）与区块标题（.hc-sec-*）已删 ——
   首页的推荐栏目现在就是游戏那套 .games > .games-header > .games-title +
   .games-content.category_0（见 mobilepublic@index/comic_panel + home-comic.js rowsHtml），
   标题的玫瑰前缀/金字/渐变下划线全部来自 index_anime.css，不再自己画一份。 */

/* ---------------------------------------------------------------- 提示行 */

.hc-tip {
    text-align: center;
    padding: 1.5rem 1rem;
    color: var(--cm-dim);
    font-size: 1.05rem;
}