/* ============================================================
 * GALATEA — 全站皮肤覆盖样式
 * 设计对标：https://galatea.com (Inkitt 旗下言情阅读平台)
 *
 *  本皮肤被加载两次（wp_enqueue_scripts + wp_head 末尾），
 *  确保位于所有 widget 内联 <style> 之后，可靠覆盖。
 *
 *  设计语言：
 *   - 暗色优雅 + 圆角柔和（pill 按钮 / 12px 卡片）
 *   - 衬线书名 (Noto Serif) + 无衬线正文 (Inter)
 *   - 翡翠绿 primary + 玫瑰粉 accent，温暖、女性化、情感化
 *   - 浮动书封 + 微阴影，沉浸式阅读氛围
 *
 *  色彩令牌（取自 Galatea 真实 CSS bundle）：
 *   --gl-bg-base       #1b1b1c   页面底
 *   --gl-bg-alt        #212123   区块底
 *   --gl-bg-card       #2a2a2e   卡片底
 *   --gl-bg-elev       #2d2d2f   浮起卡片
 *   --gl-primary       #00925e   翡翠绿（主 CTA）
 *   --gl-accent        #d63378   玫瑰粉（强调 / 情感）
 *   --gl-rating        #f3b57c   暖橙星
 * ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root,
html {
    --gl-bg-base: #1b1b1c;
    --gl-bg-alt: #212123;
    --gl-bg-card: #2a2a2e;
    --gl-bg-elev: #2d2d2f;
    --gl-bg-input: #262627;
    --gl-bg-hover: #35353a;

    --gl-text: #ffffff;
    --gl-text-soft: #d7d7dd;
    --gl-text-muted: #b1b1b6;
    --gl-text-faint: #8e8e92;
    --gl-text-dim: #67676a;

    --gl-border: #3a3a3b;
    --gl-border-soft: #2a2a2e;
    --gl-border-strong: #444446;
    --gl-border-bright: rgba(255, 255, 255, 0.12);

    --gl-primary: #00925e;
    --gl-primary-hov: #00754b;
    --gl-primary-soft: #33a87e;
    --gl-primary-tint: rgba(0, 146, 94, 0.14);
    --gl-primary-glow: rgba(0, 146, 94, 0.32);

    --gl-accent: #d63378;
    --gl-accent-soft: #dc528c;
    --gl-accent-tint: rgba(214, 51, 120, 0.14);
    --gl-accent-glow: rgba(214, 51, 120, 0.36);

    --gl-rating: #f3b57c;
    --gl-rating-strong: #f0a25b;
    --gl-success: #66be9e;
    --gl-success-bg: rgba(102, 190, 158, 0.12);
    --gl-warn: #f0a25b;
    --gl-error: #db555a;

    --gl-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.35);
    --gl-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    --gl-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);
    --gl-shadow-glow: 0 0 0 1px var(--gl-primary), 0 8px 24px var(--gl-primary-glow);

    --gl-radius-xs: 4px;
    --gl-radius-sm: 6px;
    --gl-radius: 10px;
    --gl-radius-lg: 14px;
    --gl-radius-xl: 20px;
    --gl-radius-pill: 999px;

    --gl-font-serif: 'Noto Serif', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Georgia, 'Times New Roman', serif;
    --gl-font-sans: 'Inter', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --gl-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Courier New', monospace;
}

/* ============================================================
 *  0. 全局基底
 * ============================================================ */
html,
body {
    background-color: var(--gl-bg-base) !important;
    color: var(--gl-text) !important;
}
body {
    font-family: var(--gl-font-sans);
    color: var(--gl-text);
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.005em;
    background-color: var(--gl-bg-base);
}

/* 选区高亮 */
::selection {
    background: var(--gl-accent);
    color: #fff;
}

/* 链接默认 */
[class*="hbc-"] a {
    color: inherit;
    text-decoration: none;
}

/* 全站圆角化（除头像 / 圆形元素） */
[class*="hbc-"],
[class*="hbc-"]::before,
[class*="hbc-"]::after,
[class*="hbc-"] *,
[class*="hbc-"] *::before,
[class*="hbc-"] *::after {
    border-radius: var(--gl-radius-sm);
}

/* 头像 / 圆形元素保留圆 */
.hbc-rv__avatar,
.hbc-rv__reply-avatar,
.hbc-header__avatar img,
.hbc-header__avatar-img,
.hbc-header-m__avatar img,
.hbc-sidebar__logo img,
.hbc-novel-info__author-avatar,
.hbc-novel-info__author-avatar img,
[class*="hbc-"] [class*="avatar"] img {
    border-radius: 50% !important;
}

/* 平滑过渡 */
[class*="hbc-"] a,
[class*="hbc-"] button {
    transition: color 0.2s ease, background-color 0.2s ease,
                border-color 0.2s ease, opacity 0.2s ease,
                box-shadow 0.2s ease, transform 0.2s ease;
}

/* 让父主题/Elementor 容器使用暗底 */
.elementor,
.elementor-section,
.elementor-section-wrap,
.elementor-container,
main,
#content,
#page,
.site,
.site-content,
.page-content {
    background-color: transparent !important;
    color: var(--gl-text);
}

/* ============================================================
 *  1. Header 桌面端 (header-widget)
 *     单排布局：左 Logo / 中 Menu / 右 图标组
 *     去边框去圆角，搜索点击下滑面板
 * ============================================================ */
.hbc-header {
    position: relative !important;
    background-color: #1b1b1c !important;
    border: none !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.hbc-header__inner {
    position: relative !important;
    border: none !important;
    border-bottom: none !important;
    z-index: 2;
}

/* ===== 第一行：单排布局，flex order 重排 ===== */
.hbc-header__top {
    display: flex !important;
    align-items: center !important;
    height: 64px !important;
    border: none !important;
    border-bottom: none !important;
    gap: 12px !important;
    width: 100% !important;
}

/* Logo —— 拉到最左 */
.hbc-header__logo {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border: none !important;
    background: none !important;
}
.hbc-header__logo a,
.hbc-header__logo-link {
    color: var(--gl-text) !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.hbc-header__logo img {
    height: 32px !important;
    width: auto !important;
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
    display: block !important;
}
.hbc-header__logo-text {
    font-family: var(--gl-font-sans) !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    color: var(--gl-text) !important;
    text-transform: uppercase !important;
    font-style: normal !important;
    font-size: 1.15rem !important;
}

/* 右侧 actions 容器 */
.hbc-header__actions {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    justify-content: flex-end !important;
    border: none !important;
    background: none !important;
}

/* top-left（仅含搜索按钮）—— 移到最右 */
.hbc-header__top-left {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    border: none !important;
    background: none !important;
    /* 视觉上让搜索图标在 actions 之前（更靠近 actions 左侧） */
    margin-left: -8px !important;
    margin-right: 4px !important;
    order: 2 !important;
}

/* ===== 搜索按钮 → 纯图标，无文字、无边框、无圆角 ===== */
.hbc-header__search-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--gl-text) !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: normal !important;
    font-family: inherit !important;
    cursor: pointer;
    transition: opacity 0.2s ease, color 0.2s ease;
}
.hbc-header__search-btn span {
    display: none !important;
}
.hbc-header__search-btn svg {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 2 !important;
    flex-shrink: 0 !important;
}
.hbc-header__search-btn:hover {
    background: transparent !important;
    color: var(--gl-primary-soft) !important;
    border: none !important;
    opacity: 1;
}

/* ===== 第二行 nav-row → 绝对定位叠到第一行中间 ===== */
.hbc-header__nav-row {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    /* 整行不接收事件，让空白处穿透到下层 logo/actions/search */
    pointer-events: none !important;
    /* 提到 __inner (z-index:2) 之上，保证菜单链接接收点击 */
    z-index: 3 !important;
}
.hbc-header__nav-inner {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    /* inner 也不接收事件，避免 inner 整块拦截两侧 */
    pointer-events: none !important;
}
.hbc-header__nav {
    display: flex !important;
    align-items: center !important;
    pointer-events: none !important;
    background: transparent !important;
    border: none !important;
}

/* 主导航链接 —— 白色简约，去边框去圆角，hover 微淡 */
.hbc-nav-list {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    /* ul 不接收事件 */
    pointer-events: none !important;
    background: transparent !important;
}
.hbc-nav-list > li {
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    /* 只让 li 接收事件，使 hover 能展开子菜单 */
    pointer-events: auto !important;
}
.hbc-nav-list > li > a {
    font-family: var(--gl-font-sans) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 1rem !important;
    color: var(--gl-text) !important;
    padding: 8px 2px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    position: relative;
    /* a 标签强制接收点击 */
    pointer-events: auto !important;
}
.hbc-nav-list > li > a:hover,
.hbc-nav-list > li.current-menu-item > a,
.hbc-nav-list > li.current_page_item > a {
    color: var(--gl-text) !important;
    background: transparent !important;
}
.hbc-nav-list > li > a:hover {
    opacity: 0.7;
}
/* 当前页用细绿色下划线指示 */
.hbc-nav-list > li.current-menu-item > a::after,
.hbc-nav-list > li.current_page_item > a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: var(--gl-primary);
    pointer-events: none;
}

/* 子菜单（去圆角去边框，纯卡片） */
.hbc-nav-list .sub-menu {
    background: var(--gl-bg-elev) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: var(--gl-shadow) !important;
    padding: 6px 0 !important;
}
.hbc-nav-list .sub-menu a {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-soft) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
    padding: 10px 18px !important;
    border: none !important;
    background: transparent !important;
}
.hbc-nav-list .sub-menu a:hover {
    color: var(--gl-text) !important;
    background: var(--gl-bg-card) !important;
}
.hbc-nav-arrow {
    color: var(--gl-text-faint) !important;
}
/* 导航徽章 */
.hbc-nav-badge {
    background: var(--gl-primary) !important;
    color: #fff !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.62rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    padding: 2px 8px !important;
    border: none !important;
}

/* Library 按钮 —— 纯图标 + 文字，去边框去圆角 */
.hbc-header__library {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.92rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    color: var(--gl-text) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 8px 12px !important;
    background: transparent !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}
.hbc-header__library:hover {
    background: transparent !important;
    color: var(--gl-text) !important;
    border: none !important;
    opacity: 0.7;
}
.hbc-header__library img {
    filter: brightness(0) invert(1) !important;
    border: none !important;
    border-radius: 0 !important;
    flex-shrink: 0;
}
.hbc-header__library:hover img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.85;
}

/* 语言切换 —— 去边框去圆角 */
.hbc-header__language {
    border: none !important;
    background: transparent !important;
    padding: 8px 10px !important;
}
.hbc-header__language-current {
    font-family: var(--gl-font-sans) !important;
    font-size: 0.92rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--gl-text) !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    gap: 4px !important;
}
.hbc-header__language:hover .hbc-header__language-current {
    color: var(--gl-text) !important;
    opacity: 0.7;
}
.hbc-header__language-dropdown,
.hbc-header__avatar-dropdown {
    background: var(--gl-bg-elev) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: var(--gl-shadow) !important;
    padding: 6px 0 !important;
}
.hbc-header__language-dropdown a,
.hbc-header__avatar-dropdown a {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-soft) !important;
    font-size: 0.92rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 0 !important;
    padding: 10px 16px !important;
    background: transparent !important;
    border: none !important;
}
.hbc-header__language-dropdown a:hover,
.hbc-header__avatar-dropdown a:hover {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text) !important;
}
.hbc-header__language-dropdown a.is-active {
    color: var(--gl-primary-soft) !important;
    background: var(--gl-primary-tint) !important;
    font-weight: 600 !important;
}
.hbc-header__avatar-dropdown img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.85;
    flex-shrink: 0;
}

/* 登录 / 订阅按钮 —— 翡翠绿 CTA */
.hbc-header__login,
.hbc-sidebar__login,
.hbc-header-m__login-btn {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: none !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.95rem !important;
    padding: 10px 22px !important;
    line-height: 1 !important;
    border-radius: var(--gl-radius-pill) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
}
.hbc-header__login:hover,
.hbc-sidebar__login:hover,
.hbc-header-m__login-btn:hover {
    background: var(--gl-primary-hov) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
    transform: translateY(-1px) !important;
}

/* 头像区块 —— 当前是 "admin ⌄" 文字按钮 */
.hbc-header__avatar {
    border: none !important;
    background: transparent !important;
    padding: 8px 4px !important;
    position: relative;
}
.hbc-header__avatar-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    line-height: 1 !important;
    color: var(--gl-text) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 6px 10px !important;
    background: transparent !important;
    transition: opacity 0.2s ease;
}
.hbc-header__avatar:hover .hbc-header__avatar-link,
.hbc-header__avatar-link:hover {
    background: transparent !important;
    color: var(--gl-text) !important;
    border: none !important;
    opacity: 0.7;
}
.hbc-header__avatar-name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 140px !important;
}
.hbc-header__avatar-img {
    border: none !important;
    border-radius: 50% !important;
}
.hbc-header__avatar:hover .hbc-header__avatar-img {
    border-color: transparent !important;
}

/* 响应式 ：平板 */
@media (max-width: 1024px) {
    .hbc-nav-list { gap: 24px !important; }
}
/* 移动端隐藏中间菜单 */
@media (max-width: 768px) {
    .hbc-header__nav-row { display: none !important; }
}

/* ============================================================
 *  1.5 搜索遮罩 → 顶部下滑面板（覆盖 widget 自带 fade overlay）
 * ============================================================ */
.hbc-search-overlay {
    background: transparent !important;
    pointer-events: none;
    transition: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
.hbc-search-overlay__backdrop {
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}
.hbc-search-overlay.is-active .hbc-search-overlay__backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* 顶部面板 → 默认隐藏在视口上方，is-active 时滑下 */
.hbc-search-overlay__top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: var(--gl-bg-base) !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    padding: 14px 24px !important;
    z-index: 100000 !important;
    transform: translateY(-100%);
    transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}
.hbc-search-overlay.is-active .hbc-search-overlay__top {
    transform: translateY(0);
}
.admin-bar .hbc-search-overlay__top {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-bar .hbc-search-overlay__top { top: 46px !important; }
}

/* 输入条 —— 暗色丸形 */
.hbc-search-overlay__bar-inner {
    background: var(--gl-bg-input) !important;
    border: 1px solid var(--gl-border) !important;
    border-radius: var(--gl-radius-pill) !important;
    max-width: 760px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 8px 16px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hbc-search-overlay__bar-inner:focus-within {
    border-color: var(--gl-primary) !important;
    box-shadow: 0 0 0 3px var(--gl-primary-tint) !important;
}
.hbc-search-overlay__bar-inner svg {
    stroke: var(--gl-text-muted) !important;
    flex-shrink: 0;
}
.hbc-search-overlay__input {
    flex: 1 !important;
    background: transparent !important;
    color: var(--gl-text) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.95rem !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
}
.hbc-search-overlay__input::placeholder {
    color: var(--gl-text-faint) !important;
}
.hbc-search-overlay__back {
    color: var(--gl-text) !important;
    background: transparent !important;
    border: none !important;
    flex-shrink: 0 !important;
    cursor: pointer;
    padding: 6px;
    display: flex !important;
    align-items: center;
}
.hbc-search-overlay__back:hover {
    color: var(--gl-primary-soft) !important;
    background: transparent !important;
}

/* 下拉结果区 —— 紧贴顶部面板下方 */
.hbc-search-overlay__dropdown {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 78px 24px 24px !important;
    background: transparent !important;
    z-index: 99999 !important;
    pointer-events: none;
    overflow-y: auto;
    max-height: 100vh;
    transform: translateY(-100%);
    transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.hbc-search-overlay.is-active .hbc-search-overlay__dropdown {
    transform: translateY(0);
    pointer-events: auto;
}
.admin-bar .hbc-search-overlay__dropdown { top: 32px !important; }
@media screen and (max-width: 782px) {
    .admin-bar .hbc-search-overlay__dropdown { top: 46px !important; }
}

/* 结果卡片 → 暗色 */
.hbc-search-overlay__results,
.hbc-search-overlay__card {
    background: var(--gl-bg-elev) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
    box-shadow: var(--gl-shadow-lg) !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 12px !important;
    padding: 20px 22px !important;
    color: var(--gl-text-soft) !important;
}
.hbc-search-overlay__section-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    color: var(--gl-text) !important;
    font-size: 1rem !important;
    margin-bottom: 12px !important;
}
.hbc-search-overlay__novels {
    list-style: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}
.hbc-search-overlay__novels li a,
.hbc-search-results-list li a {
    color: var(--gl-text-soft) !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    border-radius: 0 !important;
    padding: 10px 4px !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hbc-search-overlay__novels li:last-child a {
    border-bottom: none !important;
}
.hbc-search-overlay__novels li a:hover,
.hbc-search-results-list li a:hover {
    color: var(--gl-primary-soft) !important;
    background: transparent !important;
}
.hbc-search-overlay__kw-wrap {
    border-top: 1px solid var(--gl-border-soft) !important;
    padding-top: 14px !important;
    margin-top: 6px !important;
}
.hbc-search-overlay__kw-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}
.hbc-search-overlay__kw-header > span {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    font-size: 0.95rem !important;
}
.hbc-search-overlay__more {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-primary-soft) !important;
    text-transform: none !important;
    font-size: 0.85rem !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.hbc-search-overlay__tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.hbc-search-overlay__tag {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.82rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 6px 14px !important;
    text-decoration: none !important;
}
.hbc-search-overlay__tag:hover {
    background: var(--gl-primary-tint) !important;
    color: var(--gl-primary-soft) !important;
    border-color: var(--gl-primary) !important;
}
.hbc-search-overlay__hint {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-faint) !important;
    text-transform: none !important;
    font-size: 0.8rem !important;
    text-align: center !important;
    margin-top: 14px !important;
}
.hbc-search-rand-item__title {
    font-family: var(--gl-font-serif) !important;
    color: var(--gl-text) !important;
    font-weight: 700 !important;
}

/* ============================================================
 *  2. Header 移动端 + Sidebar 抽屉
 * ============================================================ */
.hbc-header-m {
    background: #1b1b1c !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.hbc-header-m__logo {
    font-family: var(--gl-font-sans) !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    color: var(--gl-text) !important;
    text-transform: uppercase !important;
    font-style: normal !important;
    font-size: 1.05rem !important;
}
.hbc-header-m__menu-btn,
.hbc-header-m__fav,
.hbc-header-m__lang-btn {
    color: var(--gl-text) !important;
}
.hbc-header-m__menu-btn:hover,
.hbc-header-m__fav:hover,
.hbc-header-m__lang-btn:hover {
    color: var(--gl-primary-soft) !important;
}
.hbc-header-m__search {
    background: transparent !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.88rem !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 8px 14px !important;
}

/* Sidebar 抽屉 */
.hbc-sidebar__backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.hbc-sidebar__panel {
    background: var(--gl-bg-alt) !important;
    border-left: 1px solid var(--gl-border) !important;
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.5);
}
.hbc-sidebar__header {
    border-bottom: 1px solid var(--gl-border-soft) !important;
}
.hbc-sidebar__close {
    color: var(--gl-text) !important;
    border: 1px solid var(--gl-border) !important;
    background: var(--gl-bg-card) !important;
    border-radius: var(--gl-radius-pill) !important;
    width: 36px !important;
    height: 36px !important;
}
.hbc-sidebar__close:hover {
    background: var(--gl-bg-elev) !important;
    color: var(--gl-accent) !important;
    border-color: var(--gl-accent) !important;
}
.hbc-sidebar__nav .hbc-nav-list > li > a {
    color: var(--gl-text) !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
}
.hbc-sidebar__nav .hbc-nav-list > li > a:hover,
.hbc-sidebar__nav .hbc-nav-list > li.current-menu-item > a {
    background: var(--gl-bg-card) !important;
    color: var(--gl-accent) !important;
}
.hbc-sidebar__nav .hbc-nav-list .sub-menu a {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-sidebar__nav .hbc-nav-list .sub-menu a:hover {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text) !important;
}
.hbc-sidebar__footer {
    border-top: 1px solid var(--gl-border-soft) !important;
}
.hbc-sidebar__logout {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    font-size: 0.9rem !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.hbc-sidebar__logout:hover {
    color: var(--gl-accent) !important;
}

/* ============================================================
 *  3. 搜索遮罩 (Section 3 已被 Section 1.5 取代，留空)
 * ============================================================ */

/* ============================================================
 *  4. 登录 / 注册 模态 (auth-modal)
 * ============================================================ */
.hbc-auth-modal__backdrop,
.hbc-auth-modal {
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.hbc-auth-modal__panel,
.hbc-auth-modal__box {
    background: var(--gl-bg-elev) !important;
    border: 1px solid var(--gl-border) !important;
    border-radius: var(--gl-radius-xl) !important;
    box-shadow: var(--gl-shadow-lg) !important;
}
.hbc-auth-modal__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    color: var(--gl-text) !important;
    font-size: 1.5rem !important;
}
.hbc-auth-modal__subtitle {
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.9rem !important;
}
.hbc-auth-modal__close {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-soft) !important;
    border-radius: var(--gl-radius-pill) !important;
    width: 36px !important;
    height: 36px !important;
}
.hbc-auth-modal__close:hover {
    background: var(--gl-bg-hover) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-accent) !important;
}
.hbc-auth-modal__field input {
    border: 1px solid var(--gl-border) !important;
    background: var(--gl-bg-input) !important;
    color: var(--gl-text) !important;
    font-family: var(--gl-font-sans) !important;
    border-radius: var(--gl-radius) !important;
    padding: 12px 14px !important;
}
.hbc-auth-modal__field input::placeholder {
    color: var(--gl-text-faint) !important;
}
.hbc-auth-modal__field input:focus {
    border-color: var(--gl-primary) !important;
    background: var(--gl-bg-card) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--gl-primary-tint) !important;
}
.hbc-auth-modal__submit {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 12px 28px !important;
}
.hbc-auth-modal__submit:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    opacity: 1 !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
}
.hbc-auth-modal__divider {
    color: var(--gl-text-faint) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    font-size: 0.82rem !important;
    letter-spacing: 0 !important;
}
.hbc-auth-modal__divider::before,
.hbc-auth-modal__divider::after {
    background: var(--gl-border) !important;
}
.hbc-auth-modal__switch {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.88rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-auth-modal__switch a {
    color: var(--gl-accent) !important;
    font-weight: 600 !important;
}
.hbc-auth-modal__msg.is-error {
    color: var(--gl-error) !important;
}
.hbc-auth-modal__msg.is-success {
    color: var(--gl-success) !important;
}

/* ============================================================
 *  5. Section Title (section-title-widget) — Galatea 风：粗衬线大标题
 * ============================================================ */
.hbc-section-title {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
    align-items: baseline !important;
}
.hbc-section-title.has-border {
    border-bottom: none !important;
}
.hbc-section-title__text {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    color: var(--gl-text) !important;
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
}
.hbc-section-title__text.has-left-bar {
    padding-left: 0 !important;
}
.hbc-section-title__text.has-left-bar::before {
    display: none !important;
}
.hbc-section-title__link {
    font-family: var(--gl-font-sans) !important;
    font-size: 0.88rem !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.hbc-section-title__link:hover {
    color: var(--gl-accent) !important;
}
.hbc-section-title__arrow {
    color: currentColor !important;
}

/* ============================================================
 *  6. 标签 (tag-list-widget + tag-cloud-widget) — pill 软胶囊
 * ============================================================ */
.hbc-tag-list__item,
.hbc-tag-cloud .hbc-tag-cloud__item,
.hbc-tag-cloud__item {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 8px 16px !important;
}
.hbc-tag-list__item:hover,
.hbc-tag-cloud .hbc-tag-cloud__item:hover,
.hbc-tag-cloud__item:hover {
    background: var(--gl-accent-tint) !important;
    color: var(--gl-accent-soft) !important;
    border-color: var(--gl-accent) !important;
    transform: translateY(-1px);
}
.hbc-tag-cloud__toggle {
    color: var(--gl-text-muted) !important;
}
.hbc-tag-cloud__toggle:hover {
    color: var(--gl-accent) !important;
}
.hbc-tag-cloud__toggle svg {
    color: var(--gl-text-muted) !important;
    fill: var(--gl-text-muted) !important;
}

/* Genre 侧栏标签 */
.hbc-gsb {
    background: var(--gl-bg-alt) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 24px !important;
}
.hbc-gsb__heading {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    color: var(--gl-text) !important;
    border-bottom: 1px solid var(--gl-border) !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
    font-size: 1.15rem !important;
}
.hbc-gsb__tag {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.82rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 6px 14px !important;
}
.hbc-gsb__tag:hover,
.hbc-gsb__tag.is-active {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
}

/* ============================================================
 *  7. Banner 轮播 (banner-carousel-widget) — 沉浸式 Hero
 * ============================================================ */
.hbc-banner {
    border: none !important;
    border-radius: var(--gl-radius-xl) !important;
    overflow: hidden !important;
    box-shadow: var(--gl-shadow) !important;
}
.hbc-banner__slide,
.hbc-banner__content,
.hbc-banner__side--left,
.hbc-banner__side--right {
    background-color: var(--gl-bg-card) !important;
}
.hbc-banner__fade--left {
    background: linear-gradient(90deg, var(--gl-bg-card) 0%, rgba(42, 42, 46, 0) 100%) !important;
}
.hbc-banner__fade--right {
    background: linear-gradient(90deg, rgba(42, 42, 46, 0) 0%, var(--gl-bg-card) 100%) !important;
}
/* 左右箭头 — 圆形 + 半透明 */
.hbc-banner__arrow {
    background: rgba(0, 0, 0, 0.55) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    font-family: var(--gl-font-sans) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.hbc-banner__arrow:hover {
    background: var(--gl-accent) !important;
    border-color: var(--gl-accent) !important;
    color: #fff !important;
    transform: scale(1.05);
}
/* 指示点 — 圆点 + 当前态加宽 */
.hbc-banner__dots {
    gap: 6px !important;
}
.hbc-banner__dot {
    width: 8px !important;
    height: 8px !important;
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1 !important;
    border-radius: var(--gl-radius-pill) !important;
    transition: width 0.3s ease, background-color 0.2s ease !important;
}
.hbc-banner__dot.is-active {
    width: 28px !important;
    background: #fff !important;
}
.hbc-banner__dot:hover {
    background: rgba(255, 255, 255, 0.7) !important;
}
.hbc-banner__dot.is-active:hover {
    background: #fff !important;
}

/* ============================================================
 *  8. 小说网格卡片 (novel-grid-widget) — 浮动书封风
 * ============================================================ */
.hbc-novel-grid {
    gap: 28px 20px !important;
}
.hbc-novel-item {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: var(--gl-radius) !important;
    transition: transform 0.3s ease !important;
}
.hbc-novel-item:hover {
    transform: translateY(-4px);
    border-color: transparent !important;
}
.hbc-novel-item__cover {
    overflow: hidden !important;
    border-radius: var(--gl-radius) !important;
    box-shadow: var(--gl-shadow-sm) !important;
    transition: box-shadow 0.3s ease !important;
}
.hbc-novel-item:hover .hbc-novel-item__cover {
    box-shadow: var(--gl-shadow), 0 0 0 2px var(--gl-accent-tint) !important;
}
.hbc-novel-item__cover-placeholder {
    background: var(--gl-bg-card) !important;
    background-image: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
}
.hbc-novel-item__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 0.98rem !important;
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.hbc-novel-item__title:hover {
    color: var(--gl-accent) !important;
}
.hbc-novel-item__author {
    color: var(--gl-text-muted) !important;
    font-size: 0.82rem !important;
    font-family: var(--gl-font-sans) !important;
}
.hbc-novel-item__excerpt {
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    line-height: 1.55 !important;
}
.hbc-novel-item__meta {
    color: var(--gl-text-faint) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.75rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-top: 1px solid var(--gl-border-soft) !important;
    padding-top: 8px !important;
    margin-top: 8px !important;
}
.hbc-novel-item__status {
    color: var(--gl-primary-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.75rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.hbc-novel-item__mtag {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.7rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 2px 10px !important;
}

/* ============================================================
 *  9. 移动端横排小说卡 (mobile-novel-list-widget)
 * ============================================================ */
.hbc-mnl__item {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 14px !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
}
.hbc-mnl__item:hover {
    border-color: var(--gl-border-strong) !important;
    transform: translateY(-2px);
}
.hbc-mnl__cover-ph {
    background: var(--gl-bg-elev) !important;
    border-radius: var(--gl-radius) !important;
}
.hbc-mnl__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 1rem !important;
}
.hbc-mnl__title:hover {
    color: var(--gl-accent) !important;
}
.hbc-mnl__author {
    color: var(--gl-text-muted) !important;
    font-size: 0.82rem !important;
}
.hbc-mnl__excerpt {
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    line-height: 1.55 !important;
}
.hbc-mnl__tag {
    background: var(--gl-bg-elev) !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.72rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 3px 10px !important;
}
.hbc-mnl__btn {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 8px 18px !important;
}
.hbc-mnl__btn:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    box-shadow: 0 4px 12px var(--gl-primary-glow) !important;
}

/* ============================================================
 *  10. 推荐 Swiper (novel-recommend-widget)
 * ============================================================ */
.hbc-rec-d .swiper-slide,
.hbc-rec-m {
    background: transparent !important;
}
.hbc-rec__cover {
    overflow: hidden !important;
    border: none !important;
    border-radius: var(--gl-radius) !important;
    margin-bottom: 12px !important;
    box-shadow: var(--gl-shadow-sm) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.hbc-rec__cover:hover {
    box-shadow: var(--gl-shadow), 0 0 0 2px var(--gl-accent-tint) !important;
    transform: translateY(-3px);
}
.hbc-rec__cover-ph {
    background: var(--gl-bg-card) !important;
    background-image: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
}
.hbc-rec__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 0.98rem !important;
}
.hbc-rec__title:hover {
    color: var(--gl-accent) !important;
}
.hbc-rec__author {
    color: var(--gl-text-muted) !important;
    font-size: 0.82rem !important;
}
.hbc-rec__views {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-faint) !important;
    font-size: 0.78rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

/* 移动端推荐卡片 */
.hbc-rec-m__thumb {
    border: 2px solid transparent !important;
    overflow: hidden !important;
    opacity: 0.55;
    border-radius: var(--gl-radius) !important;
    transition: opacity 0.3s ease, border-color 0.3s ease !important;
}
.hbc-rec-m__thumb.is-active {
    border-color: var(--gl-accent) !important;
    opacity: 1;
}
.hbc-rec-m__cover {
    overflow: hidden !important;
    border: none !important;
    border-radius: var(--gl-radius) !important;
    box-shadow: var(--gl-shadow-sm) !important;
}
.hbc-rec-m__title {
    font-family: var(--gl-font-serif) !important;
    color: var(--gl-text) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}
.hbc-rec-m__excerpt {
    color: var(--gl-text-muted) !important;
}
.hbc-rec-m__rm {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.9rem !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 10px 22px !important;
}
.hbc-rec-m__rm:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px var(--gl-primary-glow) !important;
}
.hbc-rec-m__dot {
    background: var(--gl-border-strong) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: var(--gl-radius-pill) !important;
    opacity: 0.6;
}
.hbc-rec-m__dot.is-active {
    background: var(--gl-accent) !important;
    width: 24px !important;
    opacity: 1;
}

/* ============================================================
 *  11. 列表式排行榜 (novel-list-ranking-widget)
 * ============================================================ */
.hbc-list-rank {
    background: transparent !important;
}
.hbc-list-rank__item {
    border-bottom: 1px solid var(--gl-border-soft) !important;
    padding: 14px 12px !important;
    border-radius: var(--gl-radius) !important;
    transition: background-color 0.2s ease !important;
}
.hbc-list-rank__item:hover {
    opacity: 1 !important;
    background: var(--gl-bg-card) !important;
}
/* 排名编号 — 圆形单色 */
.hbc-list-rank__num {
    width: 32px !important;
    height: 32px !important;
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-soft) !important;
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    border: 1px solid var(--gl-border) !important;
    border-radius: 50% !important;
}
.hbc-list-rank__num--1 {
    background: var(--gl-accent) !important;
    color: #fff !important;
    border-color: var(--gl-accent) !important;
}
.hbc-list-rank__num--2 {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
}
.hbc-list-rank__num--3 {
    background: var(--gl-rating-strong) !important;
    color: var(--gl-bg-base) !important;
    border-color: var(--gl-rating-strong) !important;
}
.hbc-list-rank__num--other {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-muted) !important;
}
.hbc-list-rank__cover {
    overflow: hidden !important;
    border: none !important;
    border-radius: var(--gl-radius-sm) !important;
    box-shadow: var(--gl-shadow-sm) !important;
}
.hbc-list-rank__cover-placeholder {
    background: var(--gl-bg-card) !important;
    background-image: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
}
.hbc-list-rank__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 0.98rem !important;
}
.hbc-list-rank__title:hover {
    color: var(--gl-accent) !important;
}
.hbc-list-rank__genre {
    color: var(--gl-accent-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.78rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.hbc-list-rank__author {
    color: var(--gl-text-muted) !important;
    font-size: 0.82rem !important;
}
.hbc-list-rank__dot {
    color: var(--gl-text-dim) !important;
}
.hbc-list-rank__views {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-faint) !important;
    font-size: 0.78rem !important;
}

/* ============================================================
 *  12. 大封面排行榜 (novel-ranking-widget)
 * ============================================================ */
.hbc-ranking {
    background: transparent !important;
}
.hbc-ranking__top {
    background: linear-gradient(135deg, var(--gl-bg-alt) 0%, var(--gl-bg-card) 100%) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
}
.hbc-ranking__covers {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 100% !important;
}
.hbc-ranking__cover {
    overflow: hidden !important;
    border: none !important;
    border-radius: var(--gl-radius) !important;
    background: var(--gl-bg-card) !important;
    box-shadow: var(--gl-shadow) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.hbc-ranking__cover:hover {
    box-shadow: var(--gl-shadow-lg), 0 0 0 2px var(--gl-accent-tint) !important;
    transform: translateY(-4px);
}
.hbc-ranking__cover-placeholder {
    background: var(--gl-bg-card) !important;
    background-image: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
}
.hbc-ranking__banner {
    display: none !important;
}
.hbc-ranking__infos {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-top: 16px !important;
}
.hbc-ranking__info {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
    padding: 20px !important;
    position: relative !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
}
.hbc-ranking__info:hover {
    border-color: var(--gl-border-strong) !important;
    transform: translateY(-2px);
}
/* 排名角标 */
.hbc-ranking__info::before {
    content: '';
    font-family: var(--gl-font-serif) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    color: var(--gl-text-faint) !important;
}
.hbc-ranking__info--1::before { content: '#1'; color: var(--gl-accent) !important; }
.hbc-ranking__info--2::before { content: '#2'; color: var(--gl-primary-soft) !important; }
.hbc-ranking__info--3::before { content: '#3'; color: var(--gl-rating) !important; }

.hbc-ranking__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    display: block !important;
    padding-right: 32px !important;
    line-height: 1.3 !important;
    font-size: 1.05rem !important;
}
.hbc-ranking__title:hover {
    color: var(--gl-accent) !important;
}
.hbc-ranking__author {
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    margin-top: 4px !important;
}
.hbc-ranking__genre {
    color: var(--gl-accent-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.78rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    margin-top: 6px !important;
}
.hbc-ranking__excerpt {
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    line-height: 1.55 !important;
    border-top: 1px solid var(--gl-border-soft) !important;
    padding-top: 10px !important;
    margin-top: 10px !important;
}
@media (max-width: 768px) {
    .hbc-ranking__infos {
        grid-template-columns: 1fr !important;
    }
    .hbc-ranking__top {
        padding: 16px !important;
    }
}

/* ============================================================
 *  13. 分页排行榜 (novel-ranking-paged-widget)
 *      杂志编辑级排版：Top 4 颁奖卡 + 编辑列表 + 极简分页
 *      用 [class] 提升特异性以可靠覆盖 widget 自带 inline <style>
 * ============================================================ */

/* 容器 */
.hbc-rk[class] {
    max-width: 1200px !important;
    margin: 0 auto !important;
    background: transparent !important;
}

/* ===== Top 4 Cards ===== */
.hbc-rk[class] .hbc-rk__top {
    display: grid !important;
    grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)) !important;
    gap: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 0 36px !important;
}

/* 单卡 —— 透明无底无边，纯组合 */
.hbc-rk[class] .hbc-rk__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
}
.hbc-rk[class] .hbc-rk__card:hover {
    border: none !important;
    transform: translateY(-6px);
}

/* 封面 —— 带光环，hover 升起 */
.hbc-rk[class] .hbc-rk__card-cover {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    background: var(--gl-bg-card) !important;
    border: none !important;
    border-radius: var(--gl-radius-lg) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
    transition: box-shadow 0.4s ease !important;
}
.hbc-rk[class] .hbc-rk__card:hover .hbc-rk__card-cover {
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.7),
        0 0 0 2px var(--gl-primary-tint) !important;
}
.hbc-rk[class] .hbc-rk__card-cover img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.hbc-rk[class] .hbc-rk__card:hover .hbc-rk__card-cover img {
    transform: scale(1.04);
}
.hbc-rk[class] .hbc-rk__card-nocover {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
}

/* 排名徽章 —— 颁奖牌：圆角胶囊 + 字号大 + 阴影 */
.hbc-rk[class] .hbc-rk__badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 2 !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--gl-font-serif) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--gl-text) !important;
    background: rgba(15, 15, 16, 0.78) !important;
    border: none !important;
    border-radius: var(--gl-radius-pill) !important;
    letter-spacing: 0 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}
/* 1: 翡翠绿冠军 */
.hbc-rk[class] .hbc-rk__badge--1 {
    background: linear-gradient(135deg, var(--gl-primary) 0%, var(--gl-primary-soft) 100%) !important;
    color: #fff !important;
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.4),
        0 0 18px var(--gl-primary-glow) !important;
}
/* 2: 玫瑰粉 */
.hbc-rk[class] .hbc-rk__badge--2 {
    background: linear-gradient(135deg, var(--gl-accent) 0%, var(--gl-accent-soft) 100%) !important;
    color: #fff !important;
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.4),
        0 0 18px var(--gl-accent-glow) !important;
}
/* 3: 暖橙 */
.hbc-rk[class] .hbc-rk__badge--3 {
    background: linear-gradient(135deg, var(--gl-rating-strong) 0%, var(--gl-rating) 100%) !important;
    color: var(--gl-bg-base) !important;
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.4),
        0 0 18px rgba(243, 181, 124, 0.4) !important;
}

/* 标题 */
.hbc-rk[class] .hbc-rk__card-title {
    margin: 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
}
.hbc-rk[class] .hbc-rk__card-title a {
    color: var(--gl-text) !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s ease !important;
}
.hbc-rk[class] .hbc-rk__card-title a:hover {
    color: var(--gl-primary-soft) !important;
}

/* meta —— dot 分隔，小字 */
.hbc-rk[class] .hbc-rk__card-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.78rem !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-top: -4px !important;
}
.hbc-rk[class] .hbc-rk__genre {
    color: var(--gl-primary-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.78rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}
.hbc-rk[class] .hbc-rk__dot {
    color: var(--gl-text-dim) !important;
}
.hbc-rk[class] .hbc-rk__author {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.78rem !important;
}

/* Top 卡的 Read 按钮和 Library 行：横排 */
.hbc-rk[class] .hbc-rk__card .hbc-rk__read,
.hbc-rk[class] .hbc-rk__card .hbc-rk__lib-btn {
    align-self: flex-start !important;
}

/* Read 按钮 —— 翡翠绿胶囊 */
.hbc-rk[class] .hbc-rk__read {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 26px !important;
    background: var(--gl-primary) !important;
    color: #fff !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    border-radius: var(--gl-radius-pill) !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px var(--gl-primary-tint) !important;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s !important;
}
.hbc-rk[class] .hbc-rk__read:hover {
    background: var(--gl-primary-hov) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
    transform: translateY(-1px) !important;
}

/* Library 按钮 —— 顶部图标 + 文字 */
.hbc-rk[class] .hbc-rk__lib-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: none !important;
    border: none !important;
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.82rem !important;
    cursor: pointer !important;
    padding: 6px 10px 6px 0 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: color 0.2s, transform 0.2s !important;
}
.hbc-rk[class] .hbc-rk__lib-btn:hover {
    color: var(--gl-text) !important;
    opacity: 1 !important;
    transform: translateX(2px);
}
.hbc-rk[class] .hbc-rk__lib-btn.is-in svg {
    display: none !important;
}
.hbc-rk[class] .hbc-rk__lib-btn.is-in span {
    color: var(--gl-success) !important;
    font-weight: 600 !important;
}

/* 评分星 */
.hbc-rk[class] .hbc-rk__star--full { fill: var(--gl-rating) !important; }
.hbc-rk[class] .hbc-rk__star--empty { fill: var(--gl-border-strong) !important; }
.hbc-rk[class] .hbc-rk__stars em {
    font-style: normal !important;
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    margin-left: 4px !important;
}

/* ===== List Rows (5-20) ===== */
.hbc-rk[class] .hbc-rk__list {
    display: flex !important;
    flex-direction: column !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    margin-bottom: 32px !important;
}
.hbc-rk[class] .hbc-rk__row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 22px !important;
    padding: 22px 18px 22px 12px !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    border-top: none !important;
    border-left: 3px solid transparent !important;
    border-right: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: background-color 0.25s ease, border-left-color 0.25s ease, padding-left 0.25s ease !important;
    position: relative !important;
}
.hbc-rk[class] .hbc-rk__row:last-child {
    border-bottom: none !important;
}
.hbc-rk[class] .hbc-rk__row:hover {
    background: rgba(42, 42, 46, 0.55) !important;
    border-left-color: var(--gl-primary) !important;
    padding-left: 18px !important;
}

/* 排名数字 —— 大号衬线 */
.hbc-rk[class] .hbc-rk__rank {
    flex-shrink: 0 !important;
    width: 56px !important;
    font-family: var(--gl-font-serif) !important;
    font-size: 2.4rem !important;
    font-weight: 700 !important;
    color: var(--gl-text-faint) !important;
    text-align: left !important;
    line-height: 1 !important;
    padding-top: 4px !important;
    letter-spacing: -0.04em !important;
    transition: color 0.25s ease !important;
}
.hbc-rk[class] .hbc-rk__row:hover .hbc-rk__rank {
    color: var(--gl-text) !important;
}

/* 行封面 —— 中等阴影 */
.hbc-rk[class] .hbc-rk__row-cover {
    flex-shrink: 0 !important;
    position: relative !important;
    width: 88px !important;
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    display: block !important;
    background: var(--gl-bg-card) !important;
    border: none !important;
    border-radius: var(--gl-radius) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.hbc-rk[class] .hbc-rk__row:hover .hbc-rk__row-cover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.6) !important;
}
.hbc-rk[class] .hbc-rk__row-cover img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 行主体 */
.hbc-rk[class] .hbc-rk__row-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.hbc-rk[class] .hbc-rk__row-head {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

/* 行标题 —— 大号衬线 */
.hbc-rk[class] .hbc-rk__row-title {
    font-family: var(--gl-font-serif) !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    text-decoration: none !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s !important;
}
.hbc-rk[class] .hbc-rk__row-title:hover {
    color: var(--gl-primary-soft) !important;
}
.hbc-rk[class] .hbc-rk__row-author-rating {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.85rem !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    flex-wrap: wrap !important;
}
.hbc-rk[class] .hbc-rk__row-author-rating .hbc-rk__author {
    color: var(--gl-text-soft) !important;
    font-weight: 500 !important;
}
.hbc-rk[class] .hbc-rk__row-author-rating .hbc-rk__author::before {
    content: 'by ';
    color: var(--gl-text-faint);
    font-weight: 400;
}

/* 摘要 */
.hbc-rk[class] .hbc-rk__row-excerpt {
    font-family: var(--gl-font-sans) !important;
    font-size: 0.9rem !important;
    color: var(--gl-text-muted) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 标签 —— 圆角胶囊 */
.hbc-rk[class] .hbc-rk__row-tags {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-top: 2px !important;
}
.hbc-rk[class] .hbc-rk__tag {
    display: inline-flex !important;
    align-items: center !important;
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.72rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    padding: 3px 10px !important;
    border-radius: var(--gl-radius-pill) !important;
}
.hbc-rk[class] .hbc-rk__tag + .hbc-rk__tag::before {
    content: none !important;
    margin: 0 !important;
}

/* 行右侧操作区 */
.hbc-rk[class] .hbc-rk__row-actions {
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 12px !important;
    padding-top: 4px !important;
    min-width: 130px !important;
}

/* ===== Pagination ===== */
.hbc-rk[class] .hbc-rk__pager {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 24px 0 0 !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid var(--gl-border-soft) !important;
    border-radius: 0 !important;
    flex-wrap: wrap !important;
    margin-top: 12px !important;
}
.hbc-rk[class] .hbc-rk__page-btn {
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    background: transparent !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border-radius: var(--gl-radius-pill) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s !important;
}
.hbc-rk[class] .hbc-rk__page-btn:hover:not(:disabled):not(.is-active) {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-text-soft) !important;
}
.hbc-rk[class] .hbc-rk__page-btn.is-active {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
    box-shadow: 0 2px 10px var(--gl-primary-tint) !important;
}
.hbc-rk[class] .hbc-rk__page-btn:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

/* Loading */
.hbc-rk.is-loading[class] .hbc-rk__list,
.hbc-rk.is-loading[class] .hbc-rk__top {
    opacity: 0.4 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .hbc-rk[class] .hbc-rk__top {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
    }
    .hbc-rk[class] .hbc-rk__row { padding: 18px 14px 18px 12px !important; gap: 18px !important; }
    .hbc-rk[class] .hbc-rk__row-cover { width: 76px !important; }
    .hbc-rk[class] .hbc-rk__rank { width: 44px !important; font-size: 2rem !important; }
}
@media (max-width: 768px) {
    .hbc-rk[class] .hbc-rk__top {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }
    .hbc-rk[class] .hbc-rk__card-title { font-size: 0.95rem !important; }
    .hbc-rk[class] .hbc-rk__badge {
        min-width: 30px !important;
        height: 30px !important;
        font-size: 0.92rem !important;
        padding: 0 10px !important;
    }
    .hbc-rk[class] .hbc-rk__row {
        flex-wrap: wrap !important;
        padding: 16px 12px !important;
        gap: 14px !important;
        align-items: flex-start !important;
    }
    .hbc-rk[class] .hbc-rk__rank {
        width: auto !important;
        min-width: 36px !important;
        font-size: 1.6rem !important;
        padding-top: 0 !important;
    }
    .hbc-rk[class] .hbc-rk__row-cover { width: 64px !important; }
    .hbc-rk[class] .hbc-rk__row-body {
        flex: 1 !important;
        min-width: calc(100% - 200px) !important;
    }
    .hbc-rk[class] .hbc-rk__row-title { font-size: 1rem !important; }
    .hbc-rk[class] .hbc-rk__row-actions {
        flex-direction: row !important;
        width: 100% !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding: 0 !important;
        min-width: 0 !important;
        gap: 14px !important;
    }
}
@media (max-width: 480px) {
    .hbc-rk[class] .hbc-rk__top {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .hbc-rk[class] .hbc-rk__row { padding: 14px 10px !important; gap: 12px !important; }
    .hbc-rk[class] .hbc-rk__row-cover { width: 56px !important; }
    .hbc-rk[class] .hbc-rk__rank { font-size: 1.4rem !important; min-width: 28px !important; }
    .hbc-rk[class] .hbc-rk__row-body { min-width: calc(100% - 76px) !important; }
    .hbc-rk[class] .hbc-rk__row-actions { padding-left: 68px !important; }
    .hbc-rk[class] .hbc-rk__row-excerpt { display: none !important; }
    .hbc-rk[class] .hbc-rk__page-btn {
        min-width: 36px !important;
        height: 36px !important;
        padding: 0 10px !important;
        font-size: 0.82rem !important;
    }
}

/* ============================================================
 *  14. 最新章节 (novel-latest-chapters-widget)
 * ============================================================ */
.hbc-lc {
    background: transparent !important;
}
.hbc-lc__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    color: var(--gl-text) !important;
    border-top: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.4rem !important;
}
.hbc-lc__title::before {
    display: none !important;
}
.hbc-lc__item {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
    padding: 16px !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
}
.hbc-lc__item:hover {
    border-color: var(--gl-border-strong) !important;
    transform: translateY(-2px);
}
.hbc-lc__item-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
}
.hbc-lc__item-title:hover {
    color: var(--gl-accent) !important;
}
.hbc-lc__item-desc {
    color: var(--gl-text-muted) !important;
    font-size: 0.88rem !important;
}
.hbc-lc__btn {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 28px !important;
    border-radius: var(--gl-radius-pill) !important;
}
.hbc-lc__btn:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
}

/* ============================================================
 *  15. 评论 / 评分 (novel-reviews-widget)
 * ============================================================ */
.hbc-rv__sec-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    color: var(--gl-text) !important;
    border-top: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.4rem !important;
}
.hbc-rv__sec-title::before {
    display: none !important;
}
.hbc-rv__summary {
    background: var(--gl-bg-alt) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 28px !important;
}
.hbc-rv__bar-track {
    background: var(--gl-bg-elev) !important;
    height: 8px !important;
    border-radius: var(--gl-radius-pill) !important;
    overflow: hidden;
}
.hbc-rv__bar-fill {
    background: linear-gradient(90deg, var(--gl-rating-strong), var(--gl-rating)) !important;
    border-radius: var(--gl-radius-pill) !important;
}
.hbc-rv__bar-label,
.hbc-rv__bar-pct {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.82rem !important;
}
.hbc-rv__avg {
    font-family: var(--gl-font-serif) !important;
    color: var(--gl-text) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}
.hbc-rv__total {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.82rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-rv__write-btn {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 28px !important;
    border-radius: var(--gl-radius-pill) !important;
}
.hbc-rv__write-btn:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
}

/* 评论项 */
.hbc-rv__item {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
    padding: 22px !important;
    margin-bottom: 14px !important;
    transition: border-color 0.3s ease !important;
}
.hbc-rv__item:hover {
    border-color: var(--gl-border-strong) !important;
}
.hbc-rv__author {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text) !important;
    font-weight: 600 !important;
}
.hbc-rv__date {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-faint) !important;
    font-size: 0.82rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-rv__text {
    color: var(--gl-text-soft) !important;
    line-height: 1.65 !important;
    font-family: var(--gl-font-sans) !important;
}
.hbc-rv__star--filled {
    color: var(--gl-rating) !important;
}
.hbc-rv__star--empty {
    color: var(--gl-border-strong) !important;
}
.hbc-rv__like,
.hbc-rv__reply-count {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-rv__like:hover {
    color: var(--gl-accent) !important;
}
.hbc-rv__like.is-liked,
.hbc-rv__like.is-liked svg {
    color: var(--gl-accent) !important;
    fill: var(--gl-accent) !important;
    stroke: var(--gl-accent) !important;
}
.hbc-rv__load-more-wrap {
    margin-top: 24px !important;
}
.hbc-rv__load-more {
    background: transparent !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-soft) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    font-size: 0.9rem !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    padding: 12px 28px !important;
    border-radius: var(--gl-radius-pill) !important;
}
.hbc-rv__load-more:hover {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-border-strong) !important;
}

/* 回复区 */
.hbc-rv__reply-form {
    background: var(--gl-bg-alt) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
}
.hbc-rv__reply-form input,
.hbc-rv__reply-form textarea {
    background: var(--gl-bg-input) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text) !important;
    font-family: var(--gl-font-sans) !important;
    border-radius: var(--gl-radius) !important;
    padding: 10px 12px !important;
}
.hbc-rv__reply-form input:focus,
.hbc-rv__reply-form textarea:focus {
    border-color: var(--gl-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--gl-primary-tint) !important;
}
.hbc-rv__reply-submit {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 8px 20px !important;
}
.hbc-rv__reply-submit:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
}
.hbc-rv__reply-item {
    background: var(--gl-bg-elev) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
    padding: 14px !important;
}
.hbc-rv__reply-author {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text) !important;
    font-weight: 600 !important;
}
.hbc-rv__reply-date {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-faint) !important;
    font-size: 0.78rem !important;
    text-transform: none !important;
}

/* 评论模态 */
.hbc-rv__modal-overlay {
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.hbc-rv__modal-inner {
    background: var(--gl-bg-elev) !important;
    border: 1px solid var(--gl-border) !important;
    border-radius: var(--gl-radius-xl) !important;
    box-shadow: var(--gl-shadow-lg) !important;
}
.hbc-rv__modal-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
}
.hbc-rv__modal-close {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-soft) !important;
    border-radius: var(--gl-radius-pill) !important;
    width: 36px !important;
    height: 36px !important;
}
.hbc-rv__modal-close:hover {
    background: var(--gl-bg-hover) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-accent) !important;
}
.hbc-rv__form-group label {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.hbc-rv__form-group input,
.hbc-rv__form-group textarea {
    background: var(--gl-bg-input) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text) !important;
    font-family: var(--gl-font-sans) !important;
    border-radius: var(--gl-radius) !important;
    padding: 10px 12px !important;
}
.hbc-rv__form-group input:focus,
.hbc-rv__form-group textarea:focus {
    border-color: var(--gl-primary) !important;
    background: var(--gl-bg-card) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--gl-primary-tint) !important;
}
.hbc-rv__sel-star {
    color: var(--gl-border-strong) !important;
}
.hbc-rv__sel-star.is-active,
.hbc-rv__sel-star:hover {
    color: var(--gl-rating) !important;
}
.hbc-rv__sel-value {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text) !important;
    font-weight: 600 !important;
}
.hbc-rv__submit-btn {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 12px 28px !important;
}
.hbc-rv__submit-btn:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
}

/* ============================================================
 *  16. 小说详情 (novel-info-widget) — 暗色 Hero + 圆角 + 沉浸氛围
 *      注意：widget 自带 inline <style> 用了 background:#FFFFFF !important
 *      这里用复合 [class] 选择器提升特异性，可靠覆盖
 * ============================================================ */

/* 整体容器 —— 暗底 + 大模糊封面背景晕 */
.hbc-novel-info[class] {
    position: relative !important;
    padding: 56px 0 0 !important;
    overflow: hidden !important;
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: var(--gl-bg-base) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
}
/* 重写 ::before：模糊封面图作为氛围层（widget 输出 --hbc-bg） */
.hbc-novel-info[class]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 480px !important;
    background-image: var(--hbc-bg, none) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    opacity: 0.28 !important;
    filter: blur(28px) saturate(120%);
    -webkit-filter: blur(28px) saturate(120%);
    pointer-events: none !important;
    z-index: 0 !important;
}
/* 重写 ::after：上透明 → 下纯黑渐变蒙版 + 主辅光晕 */
.hbc-novel-info[class]::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background:
        radial-gradient(ellipse 60% 40% at 20% 0%, rgba(0, 146, 94, 0.18) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 0%, rgba(214, 51, 120, 0.14) 0%, transparent 60%),
        linear-gradient(180deg,
            rgba(27, 27, 28, 0.4) 0%,
            rgba(27, 27, 28, 0.85) 50%,
            var(--gl-bg-base) 100%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.hbc-novel-info[class] .hbc-novel-info__container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px 56px !important;
    position: relative !important;
    z-index: 1 !important;
    color: var(--gl-text) !important;
    background: transparent !important;
}

/* Breadcrumb */
.hbc-novel-info[class] .hbc-novel-info__breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.85rem !important;
    color: var(--gl-text-muted) !important;
    margin-bottom: 36px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-novel-info[class] .hbc-novel-info__breadcrumb a {
    color: var(--gl-text-muted) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
.hbc-novel-info[class] .hbc-novel-info__breadcrumb a:hover {
    color: var(--gl-primary-soft) !important;
}
.hbc-novel-info[class] .hbc-novel-info__breadcrumb-sep {
    color: var(--gl-text-dim) !important;
}
.hbc-novel-info[class] .hbc-novel-info__breadcrumb-current {
    color: var(--gl-text) !important;
    font-weight: 500 !important;
}

/* 主体两栏：左封面 / 右内容 */
.hbc-novel-info[class] .hbc-novel-info__inner {
    display: flex !important;
    gap: 48px !important;
    align-items: flex-start !important;
}
.hbc-novel-info[class] .hbc-novel-info__cover {
    flex: 0 0 260px !important;
    max-width: 260px !important;
}
.hbc-novel-info[class] .hbc-novel-info__cover img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    display: block !important;
    border: none !important;
    border-radius: var(--gl-radius-lg) !important;
    background: var(--gl-bg-card) !important;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
.hbc-novel-info[class] .hbc-novel-info__cover-placeholder {
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    background: var(--gl-bg-card) !important;
    background-image: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
    border: none !important;
    border-radius: var(--gl-radius-lg) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
}

.hbc-novel-info[class] .hbc-novel-info__content {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding-top: 8px !important;
}

/* 标题 */
.hbc-novel-info[class] .hbc-novel-info__title {
    margin: 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}

/* meta 行 —— 灰白小字 + 胶囊状态 */
.hbc-novel-info[class] .hbc-novel-info__meta-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 14px !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.92rem !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-novel-info[class] .hbc-novel-info__genre {
    display: inline-flex !important;
    align-items: center !important;
    background: var(--gl-primary-tint) !important;
    color: var(--gl-primary-soft) !important;
    border: 1px solid rgba(0, 146, 94, 0.3) !important;
    padding: 5px 14px !important;
    border-radius: var(--gl-radius-pill) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease;
}
.hbc-novel-info[class] .hbc-novel-info__genre:hover {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
}
.hbc-novel-info[class] .hbc-novel-info__author {
    color: var(--gl-text-soft) !important;
    font-weight: 500 !important;
}
.hbc-novel-info[class] .hbc-novel-info__author strong {
    color: var(--gl-text) !important;
    font-weight: 700 !important;
}
.hbc-novel-info[class] .hbc-novel-info__status {
    display: inline-flex !important;
    align-items: center !important;
    background: var(--gl-success-bg) !important;
    color: var(--gl-success) !important;
    border: 1px solid rgba(102, 190, 158, 0.32) !important;
    padding: 4px 12px !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    border-radius: var(--gl-radius-pill) !important;
}

/* Stats grid —— 暗色卡片，圆角，无右边框 */
.hbc-novel-info[class] .hbc-novel-info__stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 18px 0 4px !important;
    border: 1px solid var(--gl-border-soft) !important;
    background: rgba(42, 42, 46, 0.55) !important;
    border-radius: var(--gl-radius-lg) !important;
    overflow: hidden !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.hbc-novel-info[class] .hbc-novel-info__stat {
    padding: 16px 20px !important;
    border-right: 1px solid var(--gl-border-soft) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: left !important;
}
.hbc-novel-info[class] .hbc-novel-info__stat:last-child {
    border-right: none !important;
}
.hbc-novel-info[class] .hbc-novel-info__stat-value {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--gl-font-serif) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}
.hbc-novel-info[class] .hbc-novel-info__rating {
    font-family: var(--gl-font-serif) !important;
    font-size: 1.5rem !important;
    color: var(--gl-text) !important;
}
.hbc-novel-info[class] .hbc-novel-info__stars {
    display: inline-flex !important;
    gap: 2px !important;
    color: var(--gl-rating) !important;
}
.hbc-novel-info[class] .hbc-novel-info__stats-label {
    font-family: var(--gl-font-sans) !important;
    font-size: 0.75rem !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
}

/* 行动按钮 */
.hbc-novel-info[class] .hbc-novel-info__actions {
    display: flex !important;
    gap: 12px !important;
    margin: 12px 0 0 !important;
    flex-wrap: wrap !important;
}
.hbc-novel-info[class] .hbc-novel-info__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 13px 30px !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    border-radius: var(--gl-radius-pill) !important;
    border: 1px solid transparent !important;
    transition: background-color 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, box-shadow 0.2s ease,
                transform 0.2s ease !important;
}
.hbc-novel-info[class] .hbc-novel-info__btn--read {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
    box-shadow: 0 4px 14px var(--gl-primary-tint) !important;
}
.hbc-novel-info[class] .hbc-novel-info__btn--read:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    color: #fff !important;
    box-shadow: 0 6px 20px var(--gl-primary-glow) !important;
    transform: translateY(-2px);
}
.hbc-novel-info[class] .hbc-novel-info__btn--library {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-border-bright) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.hbc-novel-info[class] .hbc-novel-info__btn--library:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-text-soft) !important;
}
.hbc-novel-info[class] .hbc-novel-info__btn--library svg {
    stroke: currentColor !important;
}

/* 分享 */
.hbc-novel-info[class] .hbc-novel-info__share {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.85rem !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-novel-info[class] .hbc-novel-info__share-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid var(--gl-border-bright) !important;
    color: var(--gl-text) !important;
    text-decoration: none !important;
    transition: background-color 0.2s, transform 0.2s, border-color 0.2s !important;
}
.hbc-novel-info[class] .hbc-novel-info__share-btn:hover {
    background: var(--gl-primary-tint) !important;
    color: var(--gl-primary-soft) !important;
    border-color: var(--gl-primary) !important;
    transform: translateY(-1px);
}

/* ===== 移动端 ===== */
.hbc-novel-info[class] .hbc-novel-info__m-meta,
.hbc-novel-info[class] .hbc-novel-info__m-tagauthor,
.hbc-novel-info[class] .hbc-novel-info__m-counts {
    display: none;
}
@media (max-width: 1024px) {
    .hbc-novel-info[class] .hbc-novel-info__title { font-size: 2.1rem !important; }
    .hbc-novel-info[class] .hbc-novel-info__cover { flex: 0 0 220px !important; max-width: 220px !important; }
    .hbc-novel-info[class] .hbc-novel-info__inner { gap: 32px !important; }
}
@media (max-width: 767px) {
    .hbc-novel-info[class] {
        padding: 24px 0 0 !important;
    }
    .hbc-novel-info[class]::before { height: 280px !important; }
    .hbc-novel-info[class] .hbc-novel-info__container {
        padding: 0 16px 28px !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__breadcrumb {
        flex-wrap: nowrap !important;
        overflow: hidden !important;
        margin-bottom: 18px !important;
        font-size: 0.78rem !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__breadcrumb-current {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        min-width: 0 !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__inner {
        flex-direction: row !important;
        align-items: flex-start !important;
        text-align: left !important;
        gap: 16px !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__cover {
        flex: 0 0 120px !important;
        width: 120px !important;
        max-width: none !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__cover img {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5) !important;
        border-radius: var(--gl-radius) !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__content {
        gap: 8px !important;
        padding-top: 0 !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__title {
        font-size: 1.2rem !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__desktop-only,
    .hbc-novel-info[class] .hbc-novel-info__stats,
    .hbc-novel-info[class] .hbc-novel-info__actions,
    .hbc-novel-info[class] .hbc-novel-info__share { display: none !important; }

    /* 移动端紧凑信息行 */
    .hbc-novel-info[class] .hbc-novel-info__m-meta,
    .hbc-novel-info[class] .hbc-novel-info__m-tagauthor {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        font-family: var(--gl-font-sans) !important;
        font-size: 0.78rem !important;
        color: var(--gl-text-muted) !important;
        margin-bottom: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__m-dot {
        color: var(--gl-text-dim) !important;
        flex-shrink: 0 !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__m-tag {
        color: var(--gl-primary-soft) !important;
        flex-shrink: 0 !important;
        font-weight: 600 !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__m-author {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        min-width: 0 !important;
        color: var(--gl-text-soft) !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__m-counts {
        display: flex !important;
        gap: 8px !important;
        margin-top: 16px !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__m-count-card {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: rgba(42, 42, 46, 0.6) !important;
        border: 1px solid var(--gl-border-soft) !important;
        border-radius: var(--gl-radius) !important;
        padding: 12px 8px !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }
    .hbc-novel-info[class] .hbc-novel-info__m-count-val {
        font-family: var(--gl-font-serif) !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        color: var(--gl-text) !important;
        letter-spacing: -0.01em !important;
    }
    .hbc-novel-info[class] .hbc-novel-info__m-count-label {
        font-family: var(--gl-font-sans) !important;
        font-size: 0.7rem !important;
        color: var(--gl-text-muted) !important;
        margin-top: 2px !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
}

/* ============================================================
 *  17. 详情页选项卡 (novel-detail-tabs-widget)
 * ============================================================ */
.hbc-detail-tabs__nav {
    border-bottom: 1px solid var(--gl-border) !important;
}
.hbc-detail-tabs__nav-btn {
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--gl-text-muted) !important;
    background: none !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    padding: 14px 4px !important;
    font-size: 0.95rem !important;
    border-radius: 0 !important;
}
.hbc-detail-tabs__nav-btn:hover {
    color: var(--gl-text) !important;
}
.hbc-detail-tabs__nav-btn.is-active,
.hbc-detail-tabs__nav-btn--active {
    color: var(--gl-text) !important;
    border-bottom-color: var(--gl-accent) !important;
}
.hbc-detail-tabs__nav-sep {
    color: var(--gl-text-dim) !important;
}
.hbc-detail-tabs__panel {
    background: transparent !important;
}
.hbc-detail-tabs__synopsis-title,
.hbc-detail-tabs__catalog-header,
.hbc-detail-tabs__synopsis-header {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    font-size: 1.2rem !important;
}
.hbc-detail-tabs__synopsis-text,
.hbc-detail-tabs__synopsis {
    color: var(--gl-text-soft) !important;
    font-family: var(--gl-font-sans) !important;
    line-height: 1.7 !important;
    font-size: 1rem !important;
}
.hbc-detail-tabs__readmore {
    color: var(--gl-accent) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    font-size: 0.88rem !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}
.hbc-detail-tabs__tag {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.82rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 5px 14px !important;
}
.hbc-detail-tabs__tag:hover {
    background: var(--gl-accent-tint) !important;
    color: var(--gl-accent-soft) !important;
    border-color: var(--gl-accent) !important;
}
.hbc-detail-tabs__divider {
    background: var(--gl-border-soft) !important;
    border: none !important;
}
.hbc-detail-tabs__chapter-count {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* 第一章预览卡 */
.hbc-detail-tabs__first-chapter,
.hbc-detail-tabs__fc-wrap {
    background: var(--gl-bg-alt) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
}
.hbc-detail-tabs__fc-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
}
.hbc-detail-tabs__fc-content {
    color: var(--gl-text-soft) !important;
    line-height: 1.85 !important;
    font-family: var(--gl-font-serif) !important;
    font-size: 1.02rem !important;
}
.hbc-detail-tabs__fc-fade {
    background: linear-gradient(180deg, rgba(33, 33, 35, 0) 0%, var(--gl-bg-alt) 100%) !important;
}
.hbc-detail-tabs__fc-expand,
.hbc-detail-tabs__fc-next {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 28px !important;
    border-radius: var(--gl-radius-pill) !important;
    box-shadow: 0 2px 8px var(--gl-primary-tint) !important;
}
.hbc-detail-tabs__fc-expand:hover,
.hbc-detail-tabs__fc-next:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
}

/* 章节列表 */
.hbc-detail-tabs__chapter-list,
.hbc-detail-tabs__chapter-dl {
    border: 1px solid var(--gl-border-soft) !important;
    background: var(--gl-bg-alt) !important;
    border-radius: var(--gl-radius-lg) !important;
    overflow: hidden !important;
}
.hbc-detail-tabs__chapter-card {
    border-bottom: 1px solid var(--gl-border-soft) !important;
    padding: 16px 20px !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: background-color 0.2s ease !important;
}
.hbc-detail-tabs__chapter-card:hover {
    background: var(--gl-bg-card) !important;
}
.hbc-detail-tabs__chapter-card:last-child {
    border-bottom: none !important;
}
.hbc-detail-tabs__chapter-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 600 !important;
    color: var(--gl-text) !important;
}
.hbc-detail-tabs__chapter-title:hover {
    color: var(--gl-accent) !important;
}
.hbc-detail-tabs__chapter-excerpt {
    color: var(--gl-text-muted) !important;
    font-size: 0.88rem !important;
}
.hbc-detail-tabs__chapter-footer {
    color: var(--gl-text-faint) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.78rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* 章节徽标 */
.hbc-chapter-badge {
    font-family: var(--gl-font-sans) !important;
    font-size: 0.7rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    border: 1px solid !important;
    border-radius: var(--gl-radius-pill) !important;
}
.hbc-chapter-badge--free {
    background: var(--gl-success-bg) !important;
    color: var(--gl-success) !important;
    border-color: rgba(102, 190, 158, 0.32) !important;
}
.hbc-chapter-badge--vip {
    background: var(--gl-accent-tint) !important;
    color: var(--gl-accent-soft) !important;
    border-color: rgba(214, 51, 120, 0.36) !important;
}
.hbc-chapter-badge--coin {
    background: rgba(243, 181, 124, 0.14) !important;
    color: var(--gl-rating) !important;
    border-color: rgba(243, 181, 124, 0.36) !important;
}

/* 详情页分页 */
.hbc-detail-tabs__pagination {
    border-top: 1px solid var(--gl-border-soft) !important;
    padding-top: 18px !important;
}
.hbc-detail-tabs__page-btn {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-soft) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    padding: 8px 14px !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: var(--gl-radius) !important;
}
.hbc-detail-tabs__page-btn:hover {
    background: var(--gl-bg-elev) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-border-strong) !important;
}
.hbc-detail-tabs__page-btn.is-active {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
}
.hbc-detail-tabs__page-dots {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
}

/* ============================================================
 *  18. Genre 分类小说列表 (genre-novel-list-widget)
 * ============================================================ */
.hbc-gnl {
    background: transparent !important;
}
.hbc-gnl__filters,
.hbc-gnl__filter-row {
    background: var(--gl-bg-alt) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 18px 22px !important;
}
.hbc-gnl__filter-label {
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}
.hbc-gnl__filter-opt {
    background: transparent !important;
    color: var(--gl-text-muted) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-size: 0.82rem !important;
    letter-spacing: 0 !important;
    padding: 6px 14px !important;
    border-radius: var(--gl-radius-pill) !important;
}
.hbc-gnl__filter-opt:hover {
    color: var(--gl-text) !important;
    border-color: var(--gl-border-strong) !important;
    background: var(--gl-bg-card) !important;
}
.hbc-gnl__filter-opt.is-active,
.hbc-gnl__filter-opt--active {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
}

/* 网格卡片 */
.hbc-gnl__list {
    display: grid !important;
    grid-template-columns: repeat(var(--gnl-cols, 7), minmax(0, 1fr)) !important;
    gap: 16px !important;
    padding: 8px 0 !important;
    align-items: stretch !important;
}
.hbc-gnl__card {
    background: transparent !important;
    border: none !important;
    border-radius: var(--gl-radius) !important;
    transition: transform 0.3s ease !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: visible !important;
    height: 100% !important;
}
.hbc-gnl__card:hover {
    transform: translateY(-4px);
    background: transparent !important;
}
.hbc-gnl__card-cover {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 2/3 !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
    background: var(--gl-bg-card) !important;
    border: none !important;
    border-radius: var(--gl-radius) !important;
    box-shadow: var(--gl-shadow-sm) !important;
    transition: box-shadow 0.3s ease !important;
}
.hbc-gnl__card:hover .hbc-gnl__card-cover {
    box-shadow: var(--gl-shadow), 0 0 0 2px var(--gl-accent-tint) !important;
}
.hbc-gnl__card-cover img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.hbc-gnl__card-cover-ph {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: var(--gl-bg-card) !important;
    background-image: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
}
.hbc-gnl__card-body {
    padding: 10px 2px 4px !important;
    gap: 4px !important;
}
.hbc-gnl__card-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
}
.hbc-gnl__card-title:hover,
.hbc-gnl__card:hover .hbc-gnl__card-title {
    color: var(--gl-accent) !important;
}
.hbc-gnl__card-desc { display: none !important; }
.hbc-gnl__card-tags { display: none !important; }
.hbc-gnl__card-meta {
    color: var(--gl-text-faint) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.72rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-gnl__card-status {
    color: var(--gl-success) !important;
    background: var(--gl-success-bg) !important;
    border: 1px solid rgba(102, 190, 158, 0.32) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.68rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 2px 8px !important;
    border-radius: var(--gl-radius-pill) !important;
    font-weight: 500 !important;
}

/* 响应式 */
@media (max-width: 1280px) {
    .hbc-gnl__list { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; }
}
@media (max-width: 1024px) {
    .hbc-gnl__list { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; }
}
@media (max-width: 768px) {
    .hbc-gnl__list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
    .hbc-gnl__card-body { padding: 8px 2px !important; }
}
@media (max-width: 480px) {
    .hbc-gnl__list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
    .hbc-gnl__card-body { padding: 8px 2px !important; gap: 3px !important; }
}

/* 分页 */
.hbc-gnl__pagination {
    border-top: 1px solid var(--gl-border-soft) !important;
    padding-top: 24px !important;
}
.hbc-gnl__page-btn {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text-soft) !important;
    border: 1px solid var(--gl-border) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: var(--gl-radius) !important;
}
.hbc-gnl__page-btn:hover {
    background: var(--gl-bg-elev) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-border-strong) !important;
}
.hbc-gnl__page-btn.is-active,
.hbc-gnl__page-btn--active {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
}
.hbc-gnl__page-info {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* 分类描述折叠 */
.hbc-gnl__desc {
    background: var(--gl-bg-alt) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 22px !important;
}
.hbc-gnl__desc-text {
    color: var(--gl-text-soft) !important;
    line-height: 1.7 !important;
}
.hbc-gnl__desc-toggle,
.hbc-gnl__desc-toggle-more,
.hbc-gnl__desc-toggle-less {
    color: var(--gl-accent) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    font-size: 0.88rem !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}
.hbc-gnl__empty {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    background: var(--gl-bg-alt) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 56px 24px !important;
}
.hbc-gnl__search-header {
    border-bottom: 1px solid var(--gl-border-soft) !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}
.hbc-gnl__search-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
}
.hbc-gnl__search-count {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ============================================================
 *  19. 移动端导航 (mobile-nav-widget)
 * ============================================================ */
.hbc-mnav {
    background: var(--gl-bg-alt) !important;
    border-top: 1px solid var(--gl-border-soft) !important;
    padding: 16px !important;
}
.hbc-mnav__item {
    color: var(--gl-text) !important;
}
.hbc-mnav__icon {
    background: transparent !important;
}
.hbc-mnav__icon img {
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
}
.hbc-mnav__icon-placeholder {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius) !important;
}
.hbc-mnav__text {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-soft) !important;
    font-size: 0.78rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

/* ============================================================
 *  20. 移动端阅读底栏 (novel-mobile-footer-widget)
 * ============================================================ */
.hbc-mfooter,
.hbc-mfooter__inner {
    background: rgba(27, 27, 28, 0.95) !important;
    border-top: 1px solid var(--gl-border-soft) !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.hbc-mfooter__icon-btn {
    background: none !important;
    border: none !important;
    color: var(--gl-text-soft) !important;
}
.hbc-mfooter__icon-btn:hover,
.hbc-mfooter__icon-btn.is-active {
    color: var(--gl-accent) !important;
}
.hbc-mfooter__icon-label {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.7rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-mfooter__read {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border: 1px solid var(--gl-primary) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--gl-radius-pill) !important;
    padding: 12px 24px !important;
    box-shadow: 0 2px 8px var(--gl-primary-tint) !important;
}
.hbc-mfooter__read:hover {
    background: var(--gl-primary-hov) !important;
    border-color: var(--gl-primary-hov) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--gl-primary-glow) !important;
}

/* 章节面板 */
.hbc-mfooter-panel__backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.hbc-mfooter-panel__sheet {
    background: var(--gl-bg-elev) !important;
    border-top: 1px solid var(--gl-border) !important;
    border-radius: var(--gl-radius-xl) var(--gl-radius-xl) 0 0 !important;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5) !important;
}
.hbc-mfooter-panel__header {
    border-bottom: 1px solid var(--gl-border-soft) !important;
}
.hbc-mfooter-panel__title {
    font-family: var(--gl-font-serif) !important;
    color: var(--gl-text) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
}
.hbc-mfooter-panel__close {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-soft) !important;
    border-radius: var(--gl-radius-pill) !important;
    width: 36px !important;
    height: 36px !important;
}
.hbc-mfooter-panel__close:hover {
    background: var(--gl-bg-hover) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-accent) !important;
}
.hbc-mfooter-panel__chap {
    color: var(--gl-text-soft) !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    font-family: var(--gl-font-serif) !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
}
.hbc-mfooter-panel__chap:hover {
    background: var(--gl-bg-card) !important;
    color: var(--gl-accent) !important;
}
.hbc-mfooter-panel__empty {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    font-size: 0.88rem !important;
    letter-spacing: 0 !important;
}

/* ============================================================
 *  21. Menu List Widget
 * ============================================================ */
.hbc-menu-list {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.hbc-menu-list__header {
    border-bottom: 1px solid var(--gl-border-soft) !important;
    padding-bottom: 12px !important;
    margin-bottom: 14px !important;
}
.hbc-menu-list__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    font-size: 1.1rem !important;
}
.hbc-menu-list__toggle {
    color: var(--gl-text-muted) !important;
    background: transparent !important;
}
.hbc-menu-list__items {
    background: transparent !important;
}
.hbc-menu-list__item {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.hbc-menu-list__items a,
.hbc-menu-list__link {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.9rem !important;
    background: transparent !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    padding: 11px 0 !important;
    display: block !important;
    border-radius: 0 !important;
}
.hbc-menu-list__items a:hover,
.hbc-menu-list__link:hover {
    color: var(--gl-accent) !important;
    background: transparent !important;
}
.hbc-menu-list__item:last-child a,
.hbc-menu-list__item:last-child .hbc-menu-list__link {
    border-bottom: none !important;
}

/* ============================================================
 *  22. 语言底部抽屉 (lang-sheet)
 * ============================================================ */
.hbc-lang-sheet__backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.hbc-lang-sheet__panel {
    background: var(--gl-bg-elev) !important;
    border-top: 1px solid var(--gl-border) !important;
    border-radius: var(--gl-radius-xl) var(--gl-radius-xl) 0 0 !important;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5) !important;
}
.hbc-lang-sheet__header {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    color: var(--gl-text) !important;
    font-size: 1.1rem !important;
}
.hbc-lang-sheet__close {
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text-soft) !important;
    border-radius: var(--gl-radius-pill) !important;
    width: 36px !important;
    height: 36px !important;
}
.hbc-lang-sheet__close:hover {
    background: var(--gl-bg-hover) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-accent) !important;
}
.hbc-lang-sheet__list a {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-soft) !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    border-radius: 0 !important;
}
.hbc-lang-sheet__list a:hover,
.hbc-lang-sheet__list a.is-active {
    background: var(--gl-bg-card) !important;
    color: var(--gl-accent) !important;
    font-weight: 600 !important;
}
.hbc-lang-sheet__list a svg {
    stroke: var(--gl-accent) !important;
}

/* ============================================================
 *  23. 通用 Pagination (跨 widget 复用)
 * ============================================================ */
[class*="hbc-"] .pagination a,
[class*="hbc-"] .pagination span,
[class*="hbc-"] .page-numbers {
    font-family: var(--gl-font-sans) !important;
    font-size: 0.85rem !important;
    color: var(--gl-text-soft) !important;
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    padding: 8px 14px !important;
    border-radius: var(--gl-radius) !important;
    transition: all 0.2s ease !important;
}
[class*="hbc-"] .pagination a:hover,
[class*="hbc-"] .page-numbers:hover {
    background: var(--gl-bg-elev) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-border-strong) !important;
}
[class*="hbc-"] .page-numbers.current {
    background: var(--gl-primary) !important;
    color: #fff !important;
    border-color: var(--gl-primary) !important;
}

/* ============================================================
 *  24. 全局 input / select 焦点态
 * ============================================================ */
[class*="hbc-"] input,
[class*="hbc-"] textarea,
[class*="hbc-"] select {
    background-color: var(--gl-bg-input);
    color: var(--gl-text);
    border-color: var(--gl-border);
}
[class*="hbc-"] input::placeholder,
[class*="hbc-"] textarea::placeholder {
    color: var(--gl-text-faint);
}
[class*="hbc-"] input:focus,
[class*="hbc-"] textarea:focus,
[class*="hbc-"] select:focus {
    outline: none !important;
    border-color: var(--gl-primary) !important;
    box-shadow: 0 0 0 3px var(--gl-primary-tint) !important;
}

/* ============================================================
 *  25. 占位 / 提示态
 * ============================================================ */
.hbc-search-empty,
.hbc-search-loading {
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    text-transform: none !important;
    font-size: 0.9rem !important;
    letter-spacing: 0 !important;
}

/* ============================================================
 *  26. Saga Power Rankings (novel-podium-ranking-widget)
 *      参考 Galatea Top Romance：超大白数字 + 封面叠右
 *      用 data-rank 属性渲染干净数字，不依赖 widget "01" 文本
 * ============================================================ */
.hbc-podium {
    background: transparent !important;
}
.hbc-podium__header {
    border-top: none !important;
    padding-top: 0 !important;
    margin-bottom: 22px !important;
}
.hbc-podium__title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    color: var(--gl-text) !important;
    font-size: 1.6rem !important;
}
.hbc-podium__subtitle {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.9rem !important;
}

/* 网格 —— 桌面 5 / 平板 3 / 移动 2 */
.hbc-podium__grid {
    display: grid !important;
    grid-template-columns: repeat(var(--podium-cols, 5), minmax(0, 1fr)) !important;
    gap: 24px !important;
}

/* 单卡 —— 透明无底无边 + 相对定位（数字的锚点） */
.hbc-podium__card {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    color: inherit !important;
    position: relative !important;
    overflow: visible !important;
    transition: transform 0.3s ease !important;
}
.hbc-podium__card:hover {
    border: none !important;
    background: transparent !important;
    transform: translateY(-4px);
}

/* 隐藏 widget 输出的 "01" 文本 */
.hbc-podium__num {
    display: none !important;
}

/* 用 data-rank 属性渲染真正的排名数字（"1" "2" "3"...） */
.hbc-podium__card[data-rank]::before {
    content: attr(data-rank);
    position: absolute !important;
    /* 高度只占封面的 70%，靠下对齐（参考图数字底部约与封面底齐平） */
    top: 22% !important;
    left: 0 !important;
    width: 100% !important;
    /* 高度匹配封面 70% × 0.975（封面 2:3 比例）*/
    aspect-ratio: 100 / 68 !important;
    /* z-index 浮于封面之上，水印效果 */
    z-index: 3 !important;
    pointer-events: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;

    font-family: var(--gl-font-sans) !important;
    font-weight: 800 !important;
    /* 字号缩小 ~30%：从 17vw 降到 12vw */
    font-size: clamp(2.8rem, 12vw, 9rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.06em !important;
    overflow: visible !important;

    /* 数字水印效果 ——
       左半（35% 卡宽空白区）：白色 90%，清晰
       30–45%：进入封面边缘，开始淡
       45–65%：快速淡出
       65–100%：几乎透明（叠在封面上几乎看不见）*/
    color: transparent !important;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.92) 0%,
        rgba(255, 255, 255, 0.88) 28%,
        rgba(255, 255, 255, 0.55) 42%,
        rgba(255, 255, 255, 0.18) 58%,
        rgba(255, 255, 255, 0.04) 78%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}

/* 封面包装容器 —— 不再强制比例，让其继承封面高度 */
.hbc-podium__cover-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    z-index: 2 !important;
}

/* 封面图 —— 占右 65%，自身 2:3 比例（不变形）*/
.hbc-podium__cover-img,
.hbc-podium__cover-flat {
    display: block !important;
    position: relative !important;
    margin-left: 35% !important;
    width: 65% !important;
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    background-color: var(--gl-bg-card) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none !important;
    border-radius: var(--gl-radius) !important;
    box-shadow: var(--gl-shadow-sm) !important;
    z-index: 2 !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.hbc-podium__card:hover .hbc-podium__cover-img,
.hbc-podium__card:hover .hbc-podium__cover-flat {
    box-shadow: var(--gl-shadow), 0 0 0 2px var(--gl-primary-tint) !important;
}
.hbc-podium__cover-flat {
    background-image: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
    padding: 14px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.hbc-podium__cover-flat.is-leader {
    box-shadow: var(--gl-shadow), 0 0 0 2px var(--gl-primary-tint) !important;
}
.hbc-podium__cover-spine {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 5px !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.hbc-podium__cover-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    color: var(--gl-text);
}
.hbc-podium__cover-meta {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    font-size: 0.65rem !important;
}
.hbc-podium__cover-title {
    margin: 8px 0 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
}
.hbc-podium__cover-author {
    margin-top: auto !important;
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
}

/* 底部信息 —— 标题 + by 作者 */
.hbc-podium__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 0 !important;
}
.hbc-podium__name {
    margin: 0 !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.hbc-podium__card:hover .hbc-podium__name {
    color: var(--gl-text) !important;
}
.hbc-podium__author {
    margin: 0 !important;
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.82rem !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.hbc-podium__author::before {
    content: 'by ';
    color: var(--gl-text-faint);
}

/* 隐藏 Saga Index PT */
.hbc-podium__meta,
.hbc-podium__meta-label,
.hbc-podium__meta-value {
    display: none !important;
}

/* 响应式 */
@media (max-width: 1280px) {
    .hbc-podium__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 1024px) {
    .hbc-podium__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}
@media (max-width: 768px) {
    .hbc-podium__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
    .hbc-podium__title { font-size: 1.3rem !important; }
}
@media (max-width: 480px) {
    .hbc-podium__grid { gap: 14px !important; }
    .hbc-podium__name { font-size: 0.88rem !important; }
    .hbc-podium__author { font-size: 0.76rem !important; }
}

/* ============================================================
 *  27. Genre Spotlight (genre-spotlight-widget)
 *      多列杂志风：每列一个分类，含小排名 + 缩略封面 + 标题作者
 * ============================================================ */
.hbc-gspot {
    margin: 0 0 32px !important;
}
.hbc-gspot__header {
    border-top: none !important;
    padding-top: 0 !important;
    margin-bottom: 22px !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 16px !important;
}
.hbc-gspot__heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
}
.hbc-gspot__title {
    margin: 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    color: var(--gl-text) !important;
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
}
.hbc-gspot__subtitle {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.9rem !important;
}

/* 网格 */
.hbc-gspot__grid {
    display: grid !important;
    grid-template-columns: repeat(var(--gspot-cols, 3), minmax(0, 1fr)) !important;
    gap: 20px !important;
}

/* 单列卡片 —— 暗色卡，顶部加绿粉双色细线，底部圆角阴影 */
.hbc-gspot__col {
    position: relative !important;
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border-soft) !important;
    border-radius: var(--gl-radius-lg) !important;
    padding: 24px !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}
.hbc-gspot__col::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
        var(--gl-primary) 0%,
        var(--gl-primary) 35%,
        var(--gl-accent) 100%
    );
    opacity: 0.85;
}
.hbc-gspot__col:hover {
    border-color: var(--gl-border-strong) !important;
    transform: translateY(-3px);
    box-shadow: var(--gl-shadow) !important;
}

/* 列标题区 —— 标题左侧加细竖条 */
.hbc-gspot__col-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    border-bottom: 1px solid var(--gl-border-soft) !important;
    padding: 0 0 14px 12px !important;
    margin-bottom: 16px !important;
    position: relative !important;
}
.hbc-gspot__col-head::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 3px;
    height: calc(100% - 18px);
    background: var(--gl-primary);
    border-radius: var(--gl-radius-pill);
}
.hbc-gspot__col-title {
    margin: 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 1.1rem !important;
    line-height: 1.2 !important;
}
.hbc-gspot__col-sector {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

/* 列表 */
.hbc-gspot__items {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    counter-reset: gspot-rank !important;
}

/* 单项 —— 横向排：数字 / 封面 / 信息 */
.hbc-gspot__item {
    counter-increment: gspot-rank !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 8px 10px 6px !important;
    border-bottom: none !important;
    border-radius: var(--gl-radius-sm) !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    position: relative !important;
}
.hbc-gspot__item:hover {
    opacity: 1 !important;
    background: var(--gl-bg-elev) !important;
    transform: translateX(2px);
}

/* 数字排名（前缀，01–99） */
.hbc-gspot__item::before {
    content: counter(gspot-rank, decimal-leading-zero);
    flex-shrink: 0 !important;
    width: 22px !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 700 !important;
    color: var(--gl-text-faint) !important;
    font-size: 0.78rem !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    line-height: 1 !important;
}
.hbc-gspot__item:nth-child(1)::before {
    color: var(--gl-primary) !important;
    font-size: 0.85rem !important;
}
.hbc-gspot__item:nth-child(2)::before {
    color: var(--gl-text-soft) !important;
}
.hbc-gspot__item:nth-child(3)::before {
    color: var(--gl-rating) !important;
}

/* 封面 —— 暗色小卡片 */
.hbc-gspot__item-cover {
    width: 42px !important;
    height: 60px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    border: none !important;
    background: var(--gl-bg-elev) !important;
    border-radius: var(--gl-radius-sm) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.hbc-gspot__item:hover .hbc-gspot__item-cover {
    transform: scale(1.06);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--gl-primary-tint) !important;
}
.hbc-gspot__item-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.hbc-gspot__cover-flat {
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, #444446 0%, #2a2a2e 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 4px !important;
}
.hbc-gspot__cover-spine {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 3px !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.hbc-gspot__cover-keyword {
    font-family: var(--gl-font-serif) !important;
    color: var(--gl-text) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: 0.55rem !important;
    text-align: center !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    word-break: break-word !important;
}

/* 右侧信息 */
.hbc-gspot__item-info {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.hbc-gspot__item-title {
    margin: 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 0.92rem !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color 0.2s ease;
}
.hbc-gspot__item:hover .hbc-gspot__item-title {
    color: var(--gl-primary-soft) !important;
}
.hbc-gspot__item-author {
    margin: 0 !important;
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.hbc-gspot__item-author::before {
    content: 'by ';
    color: var(--gl-text-faint);
}
.hbc-gspot__item-meta {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-faint) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.7rem !important;
    margin-top: 2px !important;
}

/* 响应式 */
@media (max-width: 1024px) {
    .hbc-gspot__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
    .hbc-gspot__col { padding: 20px !important; }
}
@media (max-width: 640px) {
    .hbc-gspot__grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .hbc-gspot__col { padding: 18px !important; }
    .hbc-gspot__title { font-size: 1.3rem !important; }
    .hbc-gspot__col-title { font-size: 1.05rem !important; }
}

/* ============================================================
 *  28. Trending Split Slider (novel-trending-slider-widget)
 *      重排：标题在上方左 + 控件右；下方一整排封面
 *      桌面 7 个 / 平板 5 / 移动 2
 *      左右切换：圆形图标按钮
 * ============================================================ */
.hbc-tslider {
    margin: 0 0 32px !important;
}
.hbc-tslider__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
        "intro"
        "track" !important;
    gap: 20px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    /* 强制覆盖 widget 的 data-visible 默认 */
    --tslider-visible: 7 !important;
}

/* 标题行：左标题 / 右控件 */
.hbc-tslider__intro {
    grid-area: intro !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.hbc-tslider__intro-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.hbc-tslider__intro-title {
    margin: 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
}
.hbc-tslider__intro-desc {
    margin: 4px 0 0 !important;
    color: var(--gl-text-muted) !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
}

/* 控件：圆形图标按钮 */
.hbc-tslider__controls {
    flex: 0 0 auto !important;
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}
.hbc-tslider__btn {
    /* 隐藏 "Prev" / "Next" 文字 */
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    /* 圆形按钮 */
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    background: var(--gl-bg-card) !important;
    border: 1px solid var(--gl-border) !important;
    color: var(--gl-text) !important;
    font-family: var(--gl-font-sans) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 50% !important;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}
.hbc-tslider__btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
    text-indent: 0;
}
.hbc-tslider__btn--prev::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>");
}
.hbc-tslider__btn--next::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>");
}
.hbc-tslider__btn:hover:not(:disabled) {
    background: var(--gl-bg-elev) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-text-soft) !important;
    transform: scale(1.05);
}
.hbc-tslider__btn:disabled,
.hbc-tslider__btn[disabled] {
    opacity: 0.35 !important;
    cursor: not-allowed;
}
.hbc-tslider__btn:disabled:hover {
    background: var(--gl-bg-card) !important;
    color: var(--gl-text) !important;
    border-color: var(--gl-border) !important;
    transform: none;
}

/* 轨道区 */
.hbc-tslider__track-wrap {
    grid-area: track !important;
    overflow: hidden !important;
    width: 100% !important;
    min-width: 0 !important;
}
.hbc-tslider__track {
    display: flex !important;
    gap: 16px !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform;
}

/* 单卡 —— 浮动书封风（无边框，纯封面 + 标题作者） */
.hbc-tslider__item {
    flex: 0 0 calc((100% - (var(--tslider-visible, 7) - 1) * 16px) / var(--tslider-visible, 7)) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: 0 !important;
    transition: transform 0.3s ease !important;
}
.hbc-tslider__item:hover {
    border: none !important;
    transform: translateY(-4px);
}

/* 封面 —— 圆角阴影 */
.hbc-tslider__cover-wrap {
    width: 100% !important;
    aspect-ratio: 2/3 !important;
    overflow: hidden !important;
    border-radius: var(--gl-radius) !important;
    background: var(--gl-bg-card) !important;
    box-shadow: var(--gl-shadow-sm) !important;
    transition: box-shadow 0.3s ease !important;
}
.hbc-tslider__item:hover .hbc-tslider__cover-wrap {
    box-shadow: var(--gl-shadow), 0 0 0 2px var(--gl-primary-tint) !important;
}
.hbc-tslider__cover-img,
.hbc-tslider__cover-flat {
    width: 100% !important;
    height: 100% !important;
    background-color: var(--gl-bg-card) !important;
    background-size: cover !important;
    background-position: center !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.hbc-tslider__cover-spine {
    background-color: rgba(255, 255, 255, 0.06) !important;
}
.hbc-tslider__cover-meta {
    font-family: var(--gl-font-sans) !important;
    color: var(--gl-text-muted) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.hbc-tslider__cover-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
}
.hbc-tslider__cover-author {
    color: var(--gl-text-muted) !important;
}
.hbc-tslider__name {
    margin: 4px 0 0 !important;
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.01em !important;
    font-size: 0.92rem !important;
    line-height: 1.3 !important;
    /* 单行截断 */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.hbc-tslider__item:hover .hbc-tslider__name {
    color: var(--gl-primary-soft) !important;
}
.hbc-tslider__author {
    margin: 0 !important;
    color: var(--gl-text-muted) !important;
    font-family: var(--gl-font-sans) !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    /* 单行截断 */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 响应式断点 */
@media (max-width: 1280px) {
    .hbc-tslider__grid { --tslider-visible: 6 !important; }
}
@media (max-width: 1024px) {
    .hbc-tslider__grid { --tslider-visible: 5 !important; gap: 16px !important; }
    .hbc-tslider__intro-title { font-size: 1.4rem !important; }
}
@media (max-width: 768px) {
    .hbc-tslider__grid { --tslider-visible: 3 !important; gap: 14px !important; }
    .hbc-tslider__intro-title { font-size: 1.25rem !important; }
    .hbc-tslider__btn { width: 36px !important; height: 36px !important; }
    .hbc-tslider__btn::before { width: 14px; height: 14px; margin: -7px 0 0 -7px; -webkit-mask-size: 14px 14px; mask-size: 14px 14px; }
    .hbc-tslider__track { gap: 12px !important; }
    .hbc-tslider__item { flex: 0 0 calc((100% - (var(--tslider-visible, 3) - 1) * 12px) / var(--tslider-visible, 3)) !important; }
}
@media (max-width: 480px) {
    .hbc-tslider__grid { --tslider-visible: 2 !important; }
    .hbc-tslider__intro-title { font-size: 1.15rem !important; }
    .hbc-tslider__name { font-size: 0.85rem !important; }
    .hbc-tslider__author { font-size: 0.72rem !important; }
}

/* ============================================================
 *  29. 单章阅读 (single-chapter / chapter-editor)
 * ============================================================ */
.single-chapter,
.chapter-content,
.hbc-chapter,
.hbc-chapter__body,
.hbc-chapter__content {
    background-color: var(--gl-bg-base) !important;
    color: var(--gl-text-soft) !important;
}
.hbc-chapter__title,
.chapter-title {
    font-family: var(--gl-font-serif) !important;
    font-weight: 700 !important;
    color: var(--gl-text) !important;
    letter-spacing: -0.02em !important;
}
.hbc-chapter__content p,
.chapter-content p {
    font-family: var(--gl-font-serif) !important;
    color: var(--gl-text-soft) !important;
    line-height: 1.85 !important;
    font-size: 1.05rem !important;
}

/* ============================================================
 *  30. WordPress / Elementor 通用容器去掉旧白底
 * ============================================================ */
.elementor-widget-container,
.elementor-element {
    color: var(--gl-text);
}

/* 让默认 WordPress 链接在暗底中可读 */
[class*="hbc-"] a:not(.hbc-header__login):not(.hbc-novel-info__btn--read):not(.hbc-mfooter__read):not(.hbc-mnl__btn):not(.hbc-rec-m__rm):not(.hbc-lc__btn):not(.hbc-rv__write-btn):not(.hbc-rv__submit-btn):not(.hbc-rk__read):not(.hbc-detail-tabs__fc-expand):not(.hbc-detail-tabs__fc-next) {
    color: inherit;
}

/* ============================================================
 *  31. 滚动条美化（暗色）
 * ============================================================ */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: var(--gl-bg-alt);
}
::-webkit-scrollbar-thumb {
    background: var(--gl-border-strong);
    border-radius: var(--gl-radius-pill);
    border: 2px solid var(--gl-bg-alt);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--gl-text-dim);
}

/* ============================================================
 *  32. 末端：确保深色背景覆盖到主题外层
 * ============================================================ */
html {
    background-color: var(--gl-bg-base) !important;
}
body,
body.elementor-page,
body.page,
body.single,
body.archive {
    background-color: var(--gl-bg-base) !important;
}