/* ============================================================
 * NEO_SAGA — 全站皮肤覆盖样式
 * 设计源：style2.html
 * 风格：高对比电光蓝 + 板岩冷灰 + 直角硬边 + Space Grotesk 字体
 *
 *  本皮肤被加载两次（wp_enqueue_scripts + wp_head 末尾），
 *  确保位于所有 widget 内联 <style> 之后，可靠覆盖。
 *
 *  色彩令牌：
 *   --ns-accent       #2563EB  电光蓝 (主操作)
 *   --ns-text-dark    #0F172A  深海军蓝 (强文字 / 实心按钮)
 *   --ns-text-muted   #64748B  冷板岩灰 (副文字)
 *   --ns-bg-alt       #F8FAFC  冷灰白 (区块底)
 *   --ns-bg-card      #F1F5F9  浅板岩 (卡片底)
 *   --ns-border       #E2E8F0  发丝边
 *   --ns-accent-gold  #B45309  极简琥珀 (评分星)
 * ============================================================ */

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

:root,
html {
    --ns-bg-base: #FFFFFF;
    --ns-bg-alt: #F8FAFC;
    --ns-bg-card: #F1F5F9;
    --ns-text-dark: #0F172A;
    --ns-text-muted: #64748B;
    --ns-text-soft: #94A3B8;
    --ns-accent: #2563EB;
    --ns-accent-hover: #1D4ED8;
    --ns-accent-soft: #DBEAFE;
    --ns-accent-gold: #B45309;
    --ns-success-bg: #ECFDF5;
    --ns-success-fg: #047857;
    --ns-success-border: #A7F3D0;
    --ns-border: #E2E8F0;
    --ns-border-strong: #CBD5E1;
    --ns-font-display: 'Space Grotesk', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ns-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --ns-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Courier New', monospace;
}

body {
    font-family: var(--ns-font-sans);
    color: var(--ns-text-dark);
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.005em;
}

/* ============================================================
 *  0. 全站直角化 (除头像 / 圆形元素)
 * ============================================================ */
[class*="hbc-"],
[class*="hbc-"]::before,
[class*="hbc-"]::after,
[class*="hbc-"] *,
[class*="hbc-"] *::before,
[class*="hbc-"] *::after {
    border-radius: 0 !important;
}
/* 保留：头像、SVG defs 内圆、加载圈 */
.hbc-rv__avatar,
.hbc-rv__reply-avatar,
.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;
}

/* ============================================================
 *  1. Header 桌面端 (header-widget) — 双行布局
 * ============================================================ */
.hbc-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid var(--ns-border) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.hbc-header__inner {
    border-bottom: none !important;
}
.hbc-header__top {
    border-bottom: 1px solid var(--ns-border) !important;
}
.hbc-header__nav-row {
    border-bottom: none !important;
}
.hbc-header__logo-text {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    letter-spacing: -0.04em !important;
    color: var(--ns-text-dark) !important;
    text-transform: uppercase !important;
}

/* 顶栏搜索按钮 */
.hbc-header__search-btn {
    background: none !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}
.hbc-header__search-btn:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}

/* 主导航链接（居中第二行） */
.hbc-nav-list {
    gap: 40px !important;
}
.hbc-nav-list > li > a {
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.85rem !important;
    color: var(--ns-text-muted) !important;
    padding: 6px 0 !important;
}
.hbc-nav-list > li > a:hover,
.hbc-nav-list > li.current-menu-item > a {
    color: var(--ns-text-dark) !important;
    background: transparent !important;
}
.hbc-nav-list .sub-menu {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}
.hbc-nav-list .sub-menu a {
    font-family: var(--ns-font-sans) !important;
    color: var(--ns-text-dark) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
}
.hbc-nav-list .sub-menu a:hover {
    color: var(--ns-accent) !important;
    background: var(--ns-bg-alt) !important;
}
.hbc-nav-arrow {
    color: var(--ns-text-muted) !important;
}
/* 导航徽章 */
.hbc-nav-badge {
    background: var(--ns-accent) !important;
    color: #fff !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.62rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
}

/* Library 按钮 (顶栏右侧) */
.hbc-header__library {
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 6px 14px !important;
}
.hbc-header__library:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}

/* 语言切换 */
.hbc-header__language-current {
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--ns-text-dark) !important;
}
.hbc-header__language:hover .hbc-header__language-current {
    color: var(--ns-accent) !important;
}
.hbc-header__language-dropdown,
.hbc-header__avatar-dropdown {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}
.hbc-header__language-dropdown a,
.hbc-header__avatar-dropdown a {
    font-family: var(--ns-font-sans) !important;
    color: var(--ns-text-dark) !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-header__language-dropdown a:hover,
.hbc-header__avatar-dropdown a:hover {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-accent) !important;
}
.hbc-header__language-dropdown a.is-active {
    color: var(--ns-accent) !important;
    background: var(--ns-bg-alt) !important;
    font-weight: 600 !important;
}

/* 登录按钮 */
.hbc-header__login,
.hbc-sidebar__login,
.hbc-header-m__login-btn {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.78rem !important;
    padding: 8px 22px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.hbc-header__login:hover,
.hbc-sidebar__login:hover,
.hbc-header-m__login-btn:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}

/* 头像区块 */
.hbc-header__avatar {
    border: none !important;
}
.hbc-header__avatar-img {
    border: 1px solid var(--ns-border) !important;
}

/* ============================================================
 *  2. Header 移动端 + Sidebar 抽屉
 * ============================================================ */
.hbc-header-m {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid var(--ns-border) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.hbc-header-m__logo {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    letter-spacing: -0.04em !important;
    color: var(--ns-text-dark) !important;
    text-transform: uppercase !important;
}
.hbc-header-m__menu-btn,
.hbc-header-m__fav,
.hbc-header-m__lang-btn {
    color: var(--ns-text-dark) !important;
}
.hbc-header-m__menu-btn:hover,
.hbc-header-m__fav:hover,
.hbc-header-m__lang-btn:hover {
    color: var(--ns-accent) !important;
}
.hbc-header-m__search {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.75rem !important;
}

/* Sidebar 抽屉 */
.hbc-sidebar__backdrop {
    background: rgba(15, 23, 42, 0.5) !important;
}
.hbc-sidebar__panel {
    background: #fff !important;
    border-left: 1px solid var(--ns-border) !important;
}
.hbc-sidebar__header {
    border-bottom: 1px solid var(--ns-border) !important;
}
.hbc-sidebar__close {
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    background: none !important;
}
.hbc-sidebar__close:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
}
.hbc-sidebar__nav .hbc-nav-list > li > a {
    color: var(--ns-text-dark) !important;
    border-bottom: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-sidebar__nav .hbc-nav-list > li > a:hover,
.hbc-sidebar__nav .hbc-nav-list > li.current-menu-item > a {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-accent) !important;
}
.hbc-sidebar__nav .hbc-nav-list .sub-menu a {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-sans) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hbc-sidebar__nav .hbc-nav-list .sub-menu a:hover {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-accent) !important;
}
.hbc-sidebar__footer {
    border-top: 1px solid var(--ns-border) !important;
}
.hbc-sidebar__logout {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
}
.hbc-sidebar__logout:hover {
    color: var(--ns-accent) !important;
}

/* ============================================================
 *  3. 搜索遮罩 (search-overlay)
 * ============================================================ */
.hbc-search-overlay {
    background: rgba(15, 23, 42, 0.5) !important;
}
.hbc-search-overlay__card {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12) !important;
}
.hbc-search-overlay__bar-inner {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-search-overlay__input {
    background: transparent !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
}
.hbc-search-overlay__input::placeholder {
    color: var(--ns-text-soft) !important;
}
.hbc-search-overlay__back {
    color: var(--ns-text-muted) !important;
}
.hbc-search-overlay__back:hover {
    color: var(--ns-accent) !important;
}
.hbc-search-overlay__section-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--ns-text-dark) !important;
    font-size: 0.85rem !important;
}
.hbc-search-results-list li a,
.hbc-search-overlay__novels li a {
    color: var(--ns-text-dark) !important;
    border-bottom: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-sans) !important;
}
.hbc-search-results-list li a:hover,
.hbc-search-overlay__novels li a:hover {
    color: var(--ns-accent) !important;
    background: var(--ns-bg-alt) !important;
}
.hbc-search-overlay__more {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
}
.hbc-search-overlay__tag {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-search-overlay__tag:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-search-overlay__hint {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-soft) !important;
    text-transform: uppercase !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.05em !important;
}
.hbc-search-rand-item__title {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 600 !important;
}

/* ============================================================
 *  4. 登录 / 注册 模态 (auth-modal)
 * ============================================================ */
.hbc-auth-modal__backdrop,
.hbc-auth-modal {
    background: rgba(15, 23, 42, 0.6) !important;
}
.hbc-auth-modal__panel,
.hbc-auth-modal__box {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18) !important;
}
.hbc-auth-modal__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !important;
}
.hbc-auth-modal__subtitle {
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
}
.hbc-auth-modal__close {
    background: none !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
}
.hbc-auth-modal__close:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
}
.hbc-auth-modal__field input {
    border: 1px solid var(--ns-border) !important;
    background: var(--ns-bg-alt) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-sans) !important;
}
.hbc-auth-modal__field input:focus {
    border-color: var(--ns-accent) !important;
    background: #fff !important;
    outline: none !important;
}
.hbc-auth-modal__submit {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-auth-modal__submit:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    opacity: 1 !important;
}
.hbc-auth-modal__divider {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
}
.hbc-auth-modal__switch {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-auth-modal__switch a {
    color: var(--ns-accent) !important;
    font-weight: 600 !important;
}
.hbc-auth-modal__msg.is-error {
    color: #DC2626 !important;
}
.hbc-auth-modal__msg.is-success {
    color: var(--ns-success-fg) !important;
}

/* ============================================================
 *  5. Section Title (section-title-widget)
 * ============================================================ */
.hbc-section-title {
    border-top: 1px solid var(--ns-text-dark) !important;
    border-bottom: none !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}
.hbc-section-title.has-border {
    border-bottom: none !important;
}
.hbc-section-title__text {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !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(--ns-font-mono) !important;
    font-size: 0.75rem !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-section-title__link:hover {
    color: var(--ns-accent-hover) !important;
}
.hbc-section-title__arrow {
    color: currentColor !important;
}

/* ============================================================
 *  6. 标签 (tag-list-widget + tag-cloud-widget)
 * ============================================================ */
.hbc-tag-list__item,
.hbc-tag-cloud .hbc-tag-cloud__item,
.hbc-tag-cloud__item {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !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(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-tag-cloud__toggle {
    color: var(--ns-text-muted) !important;
}
.hbc-tag-cloud__toggle:hover {
    color: var(--ns-accent) !important;
}
.hbc-tag-cloud__toggle svg {
    color: var(--ns-text-muted) !important;
    fill: var(--ns-text-muted) !important;
}

/* Genre 侧栏标签 */
.hbc-gsb {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    padding: 24px !important;
}
.hbc-gsb__heading {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !important;
    border-bottom: 1px solid var(--ns-text-dark) !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}
.hbc-gsb__tag {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-gsb__tag:hover,
.hbc-gsb__tag.is-active {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}

/* ============================================================
 *  7. Banner 轮播 (banner-carousel-widget)
 * ============================================================ */
.hbc-banner {
    border: 1px solid var(--ns-border) !important;
    overflow: hidden !important;
}
.hbc-banner__slide,
.hbc-banner__content,
.hbc-banner__side--left,
.hbc-banner__side--right {
    background-color: var(--ns-bg-card) !important;
}
.hbc-banner__fade--left {
    background: linear-gradient(90deg, var(--ns-bg-card) 0%, rgba(241, 245, 249, 0) 100%) !important;
}
.hbc-banner__fade--right {
    background: linear-gradient(90deg, rgba(241, 245, 249, 0) 0%, var(--ns-bg-card) 100%) !important;
}
/* 左右箭头 */
.hbc-banner__arrow {
    background: rgba(15, 23, 42, 0.85) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    font-family: var(--ns-font-mono) !important;
}
.hbc-banner__arrow:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}
/* 指示点 → 方块条 */
.hbc-banner__dots {
    gap: 8px !important;
}
.hbc-banner__dot {
    width: 20px !important;
    height: 3px !important;
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1 !important;
    transition: width 0.2s ease, background-color 0.2s ease !important;
}
.hbc-banner__dot.is-active {
    width: 32px !important;
    background: var(--ns-accent) !important;
}
.hbc-banner__dot:hover {
    background: rgba(255, 255, 255, 0.8) !important;
}
.hbc-banner__dot.is-active:hover {
    background: var(--ns-accent) !important;
}

/* ============================================================
 *  8. 小说网格卡片 (novel-grid-widget)
 * ============================================================ */
.hbc-novel-grid {
    gap: 32px 24px !important;
}
.hbc-novel-item {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    padding: 16px !important;
    transition: border-color 0.3s ease !important;
}
.hbc-novel-item:hover {
    border-color: var(--ns-accent) !important;
}
.hbc-novel-item__cover {
    overflow: hidden !important;
}
.hbc-novel-item__cover-placeholder {
    background: var(--ns-bg-card) !important;
    background-image: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 100%) !important;
}
.hbc-novel-item__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-novel-item__title:hover {
    color: var(--ns-accent) !important;
}
.hbc-novel-item__author {
    color: var(--ns-text-muted) !important;
    font-size: 0.78rem !important;
}
.hbc-novel-item__excerpt {
    color: var(--ns-text-muted) !important;
    font-size: 0.83rem !important;
    line-height: 1.55 !important;
}
.hbc-novel-item__meta {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-top: 1px solid var(--ns-border) !important;
    padding-top: 8px !important;
    margin-top: 8px !important;
}
.hbc-novel-item__status {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-novel-item__mtag {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 2px 8px !important;
}

/* ============================================================
 *  9. 移动端横排小说卡 (mobile-novel-list-widget)
 * ============================================================ */
.hbc-mnl__item {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    padding: 16px !important;
    transition: border-color 0.3s ease !important;
}
.hbc-mnl__item:hover {
    border-color: var(--ns-accent) !important;
}
.hbc-mnl__cover-ph {
    background: var(--ns-bg-card) !important;
}
.hbc-mnl__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-mnl__title:hover {
    color: var(--ns-accent) !important;
}
.hbc-mnl__author {
    color: var(--ns-text-muted) !important;
    font-size: 0.78rem !important;
}
.hbc-mnl__excerpt {
    color: var(--ns-text-muted) !important;
    font-size: 0.83rem !important;
    line-height: 1.55 !important;
}
.hbc-mnl__tag {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-mnl__btn {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-mnl__btn:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
}

/* ============================================================
 *  10. 推荐 Swiper (novel-recommend-widget)
 * ============================================================ */
.hbc-rec-d .swiper-slide,
.hbc-rec-m {
    background: transparent !important;
}
.hbc-rec__cover {
    overflow: hidden !important;
    border: 1px solid var(--ns-border) !important;
    margin-bottom: 12px !important;
}
.hbc-rec__cover-ph {
    background: var(--ns-bg-card) !important;
    background-image: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 100%) !important;
}
.hbc-rec__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-rec__title:hover {
    color: var(--ns-accent) !important;
}
.hbc-rec__author {
    color: var(--ns-text-muted) !important;
    font-size: 0.78rem !important;
}
.hbc-rec__views {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}

/* 移动端推荐卡片 */
.hbc-rec-m__thumb {
    border: 1px solid var(--ns-border) !important;
    overflow: hidden !important;
    opacity: 0.7;
}
.hbc-rec-m__thumb.is-active {
    border-color: var(--ns-accent) !important;
    opacity: 1;
}
.hbc-rec-m__cover {
    overflow: hidden !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-rec-m__title {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
}
.hbc-rec-m__excerpt {
    color: var(--ns-text-muted) !important;
}
.hbc-rec-m__rm {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.78rem !important;
}
.hbc-rec-m__rm:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}
.hbc-rec-m__dot {
    background: var(--ns-border-strong) !important;
    width: 8px !important;
    height: 3px !important;
    border-radius: 0 !important;
}
.hbc-rec-m__dot.is-active {
    background: var(--ns-accent) !important;
    width: 16px !important;
}

/* ============================================================
 *  11. 列表式排行榜 (novel-list-ranking-widget)
 * ============================================================ */
.hbc-list-rank {
    background: transparent !important;
}
.hbc-list-rank__item {
    border-bottom: 1px solid var(--ns-border) !important;
    padding: 14px 0 !important;
    transition: background-color 0.2s ease !important;
}
.hbc-list-rank__item:hover {
    opacity: 1 !important;
    background: var(--ns-bg-alt) !important;
}
/* 排名编号 → 直角方块 + 单色 */
.hbc-list-rank__num {
    width: 28px !important;
    height: 28px !important;
    background: var(--ns-bg-card) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-list-rank__num--1 {
    background: var(--ns-accent) !important;
    color: #fff !important;
    border-color: var(--ns-accent) !important;
}
.hbc-list-rank__num--2 {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-list-rank__num--3 {
    background: var(--ns-text-muted) !important;
    color: #fff !important;
    border-color: var(--ns-text-muted) !important;
}
.hbc-list-rank__num--other {
    background: transparent !important;
    color: var(--ns-text-muted) !important;
}
.hbc-list-rank__cover {
    overflow: hidden !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-list-rank__cover-placeholder {
    background: var(--ns-bg-card) !important;
    background-image: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 100%) !important;
}
.hbc-list-rank__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-list-rank__title:hover {
    color: var(--ns-accent) !important;
}
.hbc-list-rank__genre {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-list-rank__author {
    color: var(--ns-text-muted) !important;
    font-size: 0.78rem !important;
}
.hbc-list-rank__dot {
    color: var(--ns-border-strong) !important;
}
.hbc-list-rank__views {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
}

/* ============================================================
 *  12. 大封面排行榜 (novel-ranking-widget)
 * ============================================================ */
.hbc-ranking {
    background: transparent !important;
}
.hbc-ranking__top {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 24px !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: 16px !important;
    width: 100% !important;
}
.hbc-ranking__cover {
    overflow: hidden !important;
    border: 1px solid var(--ns-border) !important;
    background: #fff !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}
.hbc-ranking__cover:hover {
    border-color: var(--ns-accent) !important;
}
.hbc-ranking__cover-placeholder {
    background: var(--ns-bg-card) !important;
    background-image: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 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: #fff !important;
    border: 1px solid var(--ns-border) !important;
    padding: 20px !important;
    position: relative !important;
    transition: border-color 0.3s ease !important;
}
.hbc-ranking__info:hover {
    border-color: var(--ns-accent) !important;
}
/* 排名编号角标（mono 风） */
.hbc-ranking__info::before {
    content: '';
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    color: var(--ns-text-muted) !important;
}
.hbc-ranking__info--1::before { content: '01'; color: var(--ns-accent) !important; }
.hbc-ranking__info--2::before { content: '02'; color: var(--ns-text-dark) !important; }
.hbc-ranking__info--3::before { content: '03'; color: var(--ns-text-muted) !important; }

.hbc-ranking__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
    display: block !important;
    padding-right: 32px !important;
    line-height: 1.3 !important;
}
.hbc-ranking__title:hover {
    color: var(--ns-accent) !important;
}
.hbc-ranking__author {
    color: var(--ns-text-muted) !important;
    font-size: 0.78rem !important;
    margin-top: 4px !important;
}
.hbc-ranking__genre {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.68rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
    margin-top: 6px !important;
}
.hbc-ranking__excerpt {
    color: var(--ns-text-muted) !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
    border-top: 1px solid var(--ns-border) !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)
 * ============================================================ */
.hbc-rk {
    background: transparent !important;
}
.hbc-rk__top {
    background: var(--ns-bg-alt) !important;
    border-bottom: 1px solid var(--ns-border) !important;
    padding: 24px !important;
    margin-bottom: 0 !important;
}
.hbc-rk__card-cover {
    background: var(--ns-bg-card) !important;
    overflow: hidden !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-rk__card-nocover {
    background: var(--ns-bg-card) !important;
    background-image: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 100%) !important;
}
/* 排名徽章 → 直角单色 */
.hbc-rk__badge {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    padding: 4px 10px !important;
    height: auto !important;
    min-height: 22px !important;
}
.hbc-rk__badge--1 {
    background: var(--ns-accent) !important;
    color: #fff !important;
}
.hbc-rk__badge--2 {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
}
.hbc-rk__badge--3 {
    background: var(--ns-text-muted) !important;
    color: #fff !important;
}
.hbc-rk__card-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
}
.hbc-rk__card-title a {
    color: var(--ns-text-dark) !important;
}
.hbc-rk__card-title a:hover {
    color: var(--ns-accent) !important;
}
.hbc-rk__card-meta {
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
}
.hbc-rk__genre {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}
.hbc-rk__dot {
    color: var(--ns-border-strong) !important;
}
.hbc-rk__author {
    color: var(--ns-text-muted) !important;
}
.hbc-rk__star--full {
    fill: var(--ns-accent-gold) !important;
}
.hbc-rk__star--empty {
    fill: var(--ns-border-strong) !important;
}
.hbc-rk__stars em {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-dark) !important;
    font-size: 0.78rem !important;
}
/* 阅读按钮 */
.hbc-rk__read {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 8px 22px !important;
    box-shadow: none !important;
}
.hbc-rk__read:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
    opacity: 1 !important;
}
.hbc-rk__lib-btn {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rk__lib-btn:hover {
    color: var(--ns-accent) !important;
    opacity: 1 !important;
}
.hbc-rk__lib-btn.is-in span {
    color: var(--ns-success-fg) !important;
}
/* 列表行 */
.hbc-rk__list {
    border-top: 1px solid var(--ns-border) !important;
}
.hbc-rk__row {
    border-bottom: 1px solid var(--ns-border) !important;
    background: #fff !important;
    padding: 24px !important;
}
.hbc-rk__row:hover {
    background: var(--ns-bg-alt) !important;
}
.hbc-rk__rank {
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
    font-weight: 700 !important;
    font-size: 1.6rem !important;
}
.hbc-rk__row-cover {
    overflow: hidden !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-rk__row-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
}
.hbc-rk__row-title:hover {
    color: var(--ns-accent) !important;
}
.hbc-rk__row-excerpt {
    color: var(--ns-text-muted) !important;
    font-size: 0.85rem !important;
}
.hbc-rk__tag {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rk__tag + .hbc-rk__tag::before {
    color: var(--ns-border-strong) !important;
}
/* 分页器 → 直角方块 */
.hbc-rk__pager {
    border-top: 1px solid var(--ns-border) !important;
    padding: 24px !important;
    background: var(--ns-bg-alt) !important;
}
.hbc-rk__page-btn {
    width: auto !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    background: #fff !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-weight: 600 !important;
    font-size: 0.78rem !important;
}
.hbc-rk__page-btn:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-rk__page-btn.is-active {
    background: var(--ns-accent) !important;
    color: #fff !important;
    border-color: var(--ns-accent) !important;
}

/* ============================================================
 *  14. 最新章节 (novel-latest-chapters-widget)
 * ============================================================ */
.hbc-lc {
    background: transparent !important;
}
.hbc-lc__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !important;
    border-top: 1px solid var(--ns-text-dark) !important;
    padding: 16px 0 0 0 !important;
    margin: 0 0 24px 0 !important;
}
.hbc-lc__title::before {
    display: none !important;
}
.hbc-lc__item {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    padding: 16px !important;
    transition: border-color 0.3s ease !important;
}
.hbc-lc__item:hover {
    border-color: var(--ns-accent) !important;
}
.hbc-lc__item-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-lc__item-title:hover {
    color: var(--ns-accent) !important;
}
.hbc-lc__item-desc {
    color: var(--ns-text-muted) !important;
    font-size: 0.83rem !important;
}
.hbc-lc__btn {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px 28px !important;
}
.hbc-lc__btn:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}

/* ============================================================
 *  15. 评论 / 评分 (novel-reviews-widget)
 * ============================================================ */
.hbc-rv__sec-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !important;
    border-top: 1px solid var(--ns-text-dark) !important;
    padding: 16px 0 0 0 !important;
    margin: 0 0 24px 0 !important;
}
.hbc-rv__sec-title::before {
    display: none !important;
}
.hbc-rv__summary {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 24px !important;
}
.hbc-rv__bar-track {
    background: var(--ns-bg-card) !important;
    height: 6px !important;
}
.hbc-rv__bar-fill {
    background: var(--ns-accent) !important;
}
.hbc-rv__bar-label,
.hbc-rv__bar-pct {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
}
.hbc-rv__avg {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}
.hbc-rv__total {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rv__write-btn {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px 28px !important;
}
.hbc-rv__write-btn:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}

/* 评论项 */
.hbc-rv__item {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
    transition: border-color 0.3s ease !important;
}
.hbc-rv__item:hover {
    border-color: var(--ns-text-dark) !important;
}
.hbc-rv__author {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
}
.hbc-rv__date {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-soft) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rv__text {
    color: var(--ns-text-dark) !important;
    line-height: 1.6 !important;
}
.hbc-rv__star--filled {
    color: var(--ns-accent-gold) !important;
}
.hbc-rv__star--empty {
    color: var(--ns-border-strong) !important;
}
.hbc-rv__like,
.hbc-rv__reply-count {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rv__like:hover {
    color: var(--ns-accent) !important;
}
.hbc-rv__like.is-liked,
.hbc-rv__like.is-liked svg {
    color: var(--ns-accent) !important;
    fill: var(--ns-accent) !important;
    stroke: var(--ns-accent) !important;
}
.hbc-rv__load-more-wrap {
    margin-top: 24px !important;
}
.hbc-rv__load-more {
    background: transparent !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    padding: 12px 28px !important;
}
.hbc-rv__load-more:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}

/* 回复区 */
.hbc-rv__reply-form {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-rv__reply-form input,
.hbc-rv__reply-form textarea {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-sans) !important;
}
.hbc-rv__reply-form input:focus,
.hbc-rv__reply-form textarea:focus {
    border-color: var(--ns-accent) !important;
    outline: none !important;
}
.hbc-rv__reply-submit {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rv__reply-submit:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
}
.hbc-rv__reply-item {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 16px !important;
}
.hbc-rv__reply-author {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
}
.hbc-rv__reply-date {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-soft) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
}

/* 评论模态 */
.hbc-rv__modal-overlay {
    background: rgba(15, 23, 42, 0.65) !important;
}
.hbc-rv__modal-inner {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18) !important;
}
.hbc-rv__modal-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}
.hbc-rv__modal-close {
    background: none !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
}
.hbc-rv__modal-close:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
}
.hbc-rv__form-group label {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rv__form-group input,
.hbc-rv__form-group textarea {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-sans) !important;
}
.hbc-rv__form-group input:focus,
.hbc-rv__form-group textarea:focus {
    border-color: var(--ns-accent) !important;
    background: #fff !important;
    outline: none !important;
}
.hbc-rv__sel-star {
    color: var(--ns-border-strong) !important;
}
.hbc-rv__sel-star.is-active,
.hbc-rv__sel-star:hover {
    color: var(--ns-accent-gold) !important;
}
.hbc-rv__sel-value {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 600 !important;
}
.hbc-rv__submit-btn {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-rv__submit-btn:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
}

/* ============================================================
 *  16. 小说详情 (novel-info-widget)
 * ============================================================ */
.hbc-novel-info {
    background-color: var(--ns-bg-base) !important;
    background-image: none !important;
}
.hbc-novel-info__container {
    color: var(--ns-text-dark) !important;
}
.hbc-novel-info__breadcrumb,
.hbc-novel-info__breadcrumb a {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-novel-info__breadcrumb a:hover {
    color: var(--ns-accent) !important;
}
.hbc-novel-info__breadcrumb-sep {
    color: var(--ns-border-strong) !important;
}
.hbc-novel-info__breadcrumb-current {
    color: var(--ns-text-dark) !important;
}
.hbc-novel-info__cover img {
    border: 1px solid var(--ns-border) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
}
.hbc-novel-info__cover-placeholder {
    background: var(--ns-bg-card) !important;
    background-image: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 100%) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-novel-info__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !important;
}
.hbc-novel-info__author,
.hbc-novel-info__author strong {
    color: var(--ns-text-muted) !important;
}
.hbc-novel-info__author strong {
    color: var(--ns-text-dark) !important;
}
.hbc-novel-info__genre {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}
.hbc-novel-info__status {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-success-fg) !important;
    background: var(--ns-success-bg) !important;
    border: 1px solid var(--ns-success-border) !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 2px 8px !important;
}
.hbc-novel-info__rating,
.hbc-novel-info__stars {
    color: var(--ns-accent-gold) !important;
}
.hbc-novel-info__stat-value {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
}
.hbc-novel-info__stats-label {
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    color: var(--ns-text-muted) !important;
    letter-spacing: 0.05em !important;
    font-size: 0.7rem !important;
}

/* 操作按钮 */
.hbc-novel-info__btn--read {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px 32px !important;
    box-shadow: none !important;
}
.hbc-novel-info__btn--read:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}
.hbc-novel-info__btn--library {
    background: transparent !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px 24px !important;
}
.hbc-novel-info__btn--library:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-novel-info__btn--library svg {
    stroke: currentColor !important;
}

/* 分享按钮 */
.hbc-novel-info__share-btn {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
}
.hbc-novel-info__share-btn:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}

/* 移动端样式 */
.hbc-novel-info__m-tag {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.65rem !important;
}
.hbc-novel-info__m-dot {
    color: var(--ns-border-strong) !important;
}
.hbc-novel-info__m-author {
    color: var(--ns-text-muted) !important;
}
.hbc-novel-info__m-count-card {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 12px !important;
}
.hbc-novel-info__m-count-val {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
}
.hbc-novel-info__m-count-label {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    text-transform: uppercase !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.05em !important;
}

/* ============================================================
 *  17. 详情页选项卡 (novel-detail-tabs-widget)
 * ============================================================ */
.hbc-detail-tabs__nav {
    border-bottom: 1px solid var(--ns-border) !important;
}
.hbc-detail-tabs__nav-btn {
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--ns-text-muted) !important;
    background: none !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    padding: 12px 0 !important;
    font-size: 0.9rem !important;
}
.hbc-detail-tabs__nav-btn:hover {
    color: var(--ns-text-dark) !important;
}
.hbc-detail-tabs__nav-btn.is-active,
.hbc-detail-tabs__nav-btn--active {
    color: var(--ns-text-dark) !important;
    border-bottom-color: var(--ns-accent) !important;
}
.hbc-detail-tabs__nav-sep {
    color: var(--ns-border-strong) !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(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}
.hbc-detail-tabs__synopsis-text,
.hbc-detail-tabs__synopsis {
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-sans) !important;
    line-height: 1.65 !important;
}
.hbc-detail-tabs__readmore {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
}
.hbc-detail-tabs__tag {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-detail-tabs__tag:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-detail-tabs__divider {
    background: var(--ns-border) !important;
    border: none !important;
}
.hbc-detail-tabs__chapter-count {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* 章节卡片 */
.hbc-detail-tabs__first-chapter,
.hbc-detail-tabs__fc-wrap {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-detail-tabs__fc-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
}
.hbc-detail-tabs__fc-content {
    color: var(--ns-text-dark) !important;
    line-height: 1.75 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
}
.hbc-detail-tabs__fc-fade {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, var(--ns-bg-alt) 100%) !important;
}
.hbc-detail-tabs__fc-expand,
.hbc-detail-tabs__fc-next {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 10px 24px !important;
}
.hbc-detail-tabs__fc-expand:hover,
.hbc-detail-tabs__fc-next:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}

/* 章节列表 */
.hbc-detail-tabs__chapter-list,
.hbc-detail-tabs__chapter-dl {
    border: 1px solid var(--ns-border) !important;
    background: #fff !important;
}
.hbc-detail-tabs__chapter-card {
    border-bottom: 1px solid var(--ns-border) !important;
    padding: 14px 16px !important;
    background: #fff !important;
    transition: background-color 0.2s ease !important;
}
.hbc-detail-tabs__chapter-card:hover {
    background: var(--ns-bg-alt) !important;
}
.hbc-detail-tabs__chapter-card:last-child {
    border-bottom: none !important;
}
.hbc-detail-tabs__chapter-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    color: var(--ns-text-dark) !important;
}
.hbc-detail-tabs__chapter-title:hover {
    color: var(--ns-accent) !important;
}
.hbc-detail-tabs__chapter-excerpt {
    color: var(--ns-text-muted) !important;
    font-size: 0.83rem !important;
}
.hbc-detail-tabs__chapter-footer {
    color: var(--ns-text-soft) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.68rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* 章节徽标 */
.hbc-chapter-badge {
    font-family: var(--ns-font-mono) !important;
    font-size: 0.62rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    border: 1px solid !important;
}
.hbc-chapter-badge--free {
    background: var(--ns-success-bg) !important;
    color: var(--ns-success-fg) !important;
    border-color: var(--ns-success-border) !important;
}
.hbc-chapter-badge--vip {
    background: var(--ns-accent-soft) !important;
    color: var(--ns-accent) !important;
    border-color: #93C5FD !important;
}
.hbc-chapter-badge--coin {
    background: #FEF3C7 !important;
    color: #B45309 !important;
    border-color: #FDE68A !important;
}

/* 详情页分页 */
.hbc-detail-tabs__pagination {
    border-top: 1px solid var(--ns-border) !important;
    padding-top: 16px !important;
}
.hbc-detail-tabs__page-btn {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
    font-weight: 600 !important;
    font-size: 0.78rem !important;
    padding: 8px 14px !important;
    min-width: 36px !important;
    height: 36px !important;
}
.hbc-detail-tabs__page-btn:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-detail-tabs__page-btn.is-active {
    background: var(--ns-accent) !important;
    color: #fff !important;
    border-color: var(--ns-accent) !important;
}
.hbc-detail-tabs__page-dots {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
}

/* ============================================================
 *  18. Genre 分类小说列表 (genre-novel-list-widget)
 * ============================================================ */
.hbc-gnl {
    background: #fff !important;
}
.hbc-gnl__filters,
.hbc-gnl__filter-row {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 16px 20px !important;
}
.hbc-gnl__filter-label {
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}
.hbc-gnl__filter-opt {
    background: transparent !important;
    color: var(--ns-text-muted) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
    padding: 6px 14px !important;
}
.hbc-gnl__filter-opt:hover {
    color: var(--ns-text-dark) !important;
    border-color: var(--ns-text-dark) !important;
    background: #fff !important;
}
.hbc-gnl__filter-opt.is-active,
.hbc-gnl__filter-opt--active {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}

/* 小说卡片 — 网格并排 */
.hbc-gnl__list {
    display: grid !important;
    grid-template-columns: repeat(var(--gnl-cols, 7), minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 8px 0 !important;
    align-items: stretch !important;
}
.hbc-gnl__card {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    transition: border-color 0.3s ease !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: hidden !important;
    height: 100% !important;
}
.hbc-gnl__card:hover {
    border-color: var(--ns-accent) !important;
    background: #fff !important;
}
.hbc-gnl__card-cover {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 3/4 !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
    background: var(--ns-bg-card) !important;
    border-bottom: 1px solid var(--ns-border) !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(--ns-bg-card) !important;
    background-image: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 100%) !important;
}
.hbc-gnl__card-body {
    padding: 10px 10px 12px !important;
    gap: 4px !important;
}
.hbc-gnl__card-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-gnl__card-title:hover,
.hbc-gnl__card:hover .hbc-gnl__card-title {
    color: var(--ns-accent) !important;
}
.hbc-gnl__card-desc { display: none !important; }
.hbc-gnl__card-tags { display: none !important; }
.hbc-gnl__card-meta {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.6rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-gnl__card-status {
    color: var(--ns-success-fg) !important;
    background: var(--ns-success-bg) !important;
    border: 1px solid var(--ns-success-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.58rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 1px 5px !important;
}

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

/* 分页 */
.hbc-gnl__pagination {
    border-top: 1px solid var(--ns-border) !important;
    padding-top: 24px !important;
}
.hbc-gnl__page-btn {
    background: #fff !important;
    color: var(--ns-text-dark) !important;
    border: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-mono) !important;
    font-weight: 600 !important;
    font-size: 0.78rem !important;
    min-width: 36px !important;
    height: 36px !important;
}
.hbc-gnl__page-btn:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-gnl__page-btn.is-active,
.hbc-gnl__page-btn--active {
    background: var(--ns-accent) !important;
    color: #fff !important;
    border-color: var(--ns-accent) !important;
}
.hbc-gnl__page-info {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* 描述折叠 */
.hbc-gnl__desc {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 20px !important;
}
.hbc-gnl__desc-text {
    color: var(--ns-text-dark) !important;
    line-height: 1.65 !important;
}
.hbc-gnl__desc-toggle,
.hbc-gnl__desc-toggle-more,
.hbc-gnl__desc-toggle-less {
    color: var(--ns-accent) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
}
.hbc-gnl__empty {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
    padding: 48px 24px !important;
}
.hbc-gnl__search-header {
    border-bottom: 1px solid var(--ns-border) !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}
.hbc-gnl__search-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}
.hbc-gnl__search-count {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* ============================================================
 *  19. 移动端导航 (mobile-nav-widget)
 * ============================================================ */
.hbc-mnav {
    background: #fff !important;
    border-top: 1px solid var(--ns-border) !important;
    padding: 16px !important;
}
.hbc-mnav__item {
    color: var(--ns-text-dark) !important;
}
.hbc-mnav__icon {
    background: transparent !important;
}
.hbc-mnav__icon img {
    border: 1px solid var(--ns-border) !important;
}
.hbc-mnav__icon-placeholder {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-mnav__text {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-dark) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}

/* ============================================================
 *  20. 移动端阅读底栏 (novel-mobile-footer-widget)
 * ============================================================ */
.hbc-mfooter,
.hbc-mfooter__inner {
    background: #fff !important;
    border-top: 1px solid var(--ns-border) !important;
    box-shadow: none !important;
}
.hbc-mfooter__icon-btn {
    background: none !important;
    border: none !important;
    color: var(--ns-text-dark) !important;
}
.hbc-mfooter__icon-btn:hover,
.hbc-mfooter__icon-btn.is-active {
    color: var(--ns-accent) !important;
}
.hbc-mfooter__icon-label {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-text-muted) !important;
    font-size: 0.62rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-mfooter__read {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border: 1px solid var(--ns-text-dark) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-mfooter__read:hover {
    background: var(--ns-accent) !important;
    border-color: var(--ns-accent) !important;
    color: #fff !important;
}

/* 章节面板 */
.hbc-mfooter-panel__backdrop {
    background: rgba(15, 23, 42, 0.5) !important;
}
.hbc-mfooter-panel__sheet {
    background: #fff !important;
    border-top: 1px solid var(--ns-border) !important;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.12) !important;
}
.hbc-mfooter-panel__header {
    border-bottom: 1px solid var(--ns-border) !important;
}
.hbc-mfooter-panel__title {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}
.hbc-mfooter-panel__close {
    background: none !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
}
.hbc-mfooter-panel__close:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
}
.hbc-mfooter-panel__chap {
    color: var(--ns-text-dark) !important;
    border-bottom: 1px solid var(--ns-border) !important;
    font-family: var(--ns-font-display) !important;
}
.hbc-mfooter-panel__chap:hover {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-accent) !important;
}
.hbc-mfooter-panel__empty {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.05em !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(--ns-text-dark) !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}
.hbc-menu-list__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    background: transparent !important;
}
.hbc-menu-list__toggle {
    color: var(--ns-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(--ns-text-muted) !important;
    font-family: var(--ns-font-display) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.82rem !important;
    background: transparent !important;
    border-bottom: 1px solid var(--ns-border) !important;
    padding: 10px 0 !important;
    display: block !important;
}
.hbc-menu-list__items a:hover,
.hbc-menu-list__link:hover {
    color: var(--ns-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(15, 23, 42, 0.5) !important;
}
.hbc-lang-sheet__panel {
    background: #fff !important;
    border-top: 1px solid var(--ns-border) !important;
}
.hbc-lang-sheet__header {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    border-bottom: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
}
.hbc-lang-sheet__close {
    background: none !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
}
.hbc-lang-sheet__close:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
}
.hbc-lang-sheet__list a {
    font-family: var(--ns-font-sans) !important;
    color: var(--ns-text-dark) !important;
    border-bottom: 1px solid var(--ns-border) !important;
}
.hbc-lang-sheet__list a:hover,
.hbc-lang-sheet__list a.is-active {
    background: var(--ns-bg-alt) !important;
    color: var(--ns-accent) !important;
    font-weight: 600 !important;
}
.hbc-lang-sheet__list a svg {
    stroke: var(--ns-accent) !important;
}

/* ============================================================
 *  23. 通用 Pagination (跨 widget 复用)
 * ============================================================ */
[class*="hbc-"] .pagination a,
[class*="hbc-"] .pagination span,
[class*="hbc-"] .page-numbers {
    font-family: var(--ns-font-mono) !important;
    font-size: 0.78rem !important;
    color: var(--ns-text-dark) !important;
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    padding: 8px 14px !important;
    transition: all 0.2s ease !important;
}
[class*="hbc-"] .pagination a:hover,
[class*="hbc-"] .page-numbers:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
[class*="hbc-"] .page-numbers.current {
    background: var(--ns-accent) !important;
    color: #fff !important;
    border-color: var(--ns-accent) !important;
}

/* ============================================================
 *  24. 全局通用 input / select 焦点态
 * ============================================================ */
[class*="hbc-"] input:focus,
[class*="hbc-"] textarea:focus,
[class*="hbc-"] select:focus {
    outline: none !important;
}

/* ============================================================
 *  25. 错误 / 提示 / 加载占位
 * ============================================================ */
.hbc-search-empty,
.hbc-search-loading {
    color: var(--ns-text-muted) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
}

/* ============================================================
 *  26. Saga Power Rankings (novel-podium-ranking-widget)
 *  设计源：style2.html → .rankings-podium-section
 * ============================================================ */
.hbc-podium {
    background: transparent !important;
}
.hbc-podium__header {
    border-top: 1px solid var(--ns-text-dark) !important;
    padding-top: 16px !important;
    margin-bottom: 24px !important;
}
.hbc-podium__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !important;
}
.hbc-podium__subtitle {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.72rem !important;
}
.hbc-podium__card {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    transition: border-color 0.3s ease !important;
}
.hbc-podium__card:hover {
    border-color: var(--ns-accent) !important;
}
.hbc-podium__num {
    font-family: var(--ns-font-mono) !important;
    font-weight: 700 !important;
    color: var(--ns-border-strong) !important;
}
.hbc-podium__card:nth-child(1) .hbc-podium__num {
    color: var(--ns-accent) !important;
}
.hbc-podium__card:nth-child(2) .hbc-podium__num {
    color: var(--ns-text-dark) !important;
}
.hbc-podium__card:nth-child(3) .hbc-podium__num {
    color: var(--ns-text-muted) !important;
}
.hbc-podium__cover-img,
.hbc-podium__cover-flat {
    background-color: var(--ns-bg-card) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-podium__cover-flat.is-leader {
    background-color: var(--ns-bg-alt) !important;
    border-color: var(--ns-accent) !important;
}
.hbc-podium__cover-spine {
    background-color: rgba(15, 23, 42, 0.08) !important;
}
.hbc-podium__cover-meta {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}
.hbc-podium__cover-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-podium__cover-author {
    color: var(--ns-text-muted) !important;
}
.hbc-podium__name {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-podium__card:hover .hbc-podium__name {
    color: var(--ns-accent) !important;
}
.hbc-podium__author {
    color: var(--ns-text-muted) !important;
    font-size: 0.78rem !important;
}
.hbc-podium__meta {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-top: 1px solid var(--ns-border) !important;
    font-size: 0.68rem !important;
}
.hbc-podium__meta-label {
    color: var(--ns-text-muted) !important;
}
.hbc-podium__meta-value {
    color: var(--ns-text-dark) !important;
    font-weight: 600 !important;
}

/* ============================================================
 *  27. Genre Spotlight (genre-spotlight-widget)
 *  设计源：style2.html → .genre-spotlight-section
 * ============================================================ */
.hbc-gspot__header {
    border-top: 1px solid var(--ns-text-dark) !important;
    padding-top: 16px !important;
    margin-bottom: 24px !important;
}
.hbc-gspot__title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--ns-text-dark) !important;
}
.hbc-gspot__subtitle {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.72rem !important;
}
.hbc-gspot__col {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-gspot__col-head {
    border-bottom: 1px solid var(--ns-text-dark) !important;
}
.hbc-gspot__col-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-gspot__col-sector {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.hbc-gspot__item {
    border-bottom: 1px dashed var(--ns-border) !important;
}
.hbc-gspot__item-cover {
    border: 1px solid var(--ns-border) !important;
    background: var(--ns-bg-card) !important;
}
.hbc-gspot__cover-flat {
    background: var(--ns-bg-card) !important;
}
.hbc-gspot__cover-spine {
    background-color: rgba(15, 23, 42, 0.08) !important;
}
.hbc-gspot__cover-keyword {
    font-family: var(--ns-font-display) !important;
    color: var(--ns-text-dark) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.hbc-gspot__item-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-gspot__item:hover .hbc-gspot__item-title {
    color: var(--ns-accent) !important;
}
.hbc-gspot__item-author {
    color: var(--ns-text-muted) !important;
}
.hbc-gspot__item-meta {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* ============================================================
 *  28. Trending Split Slider (novel-trending-slider-widget)
 *  设计源：style2.html → .split-slider-section
 * ============================================================ */
.hbc-tslider__grid {
    background: var(--ns-bg-alt) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-tslider__intro-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
}
.hbc-tslider__intro-desc {
    color: var(--ns-text-muted) !important;
}
.hbc-tslider__btn {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
    color: var(--ns-text-dark) !important;
    font-family: var(--ns-font-mono) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
}
.hbc-tslider__btn:hover {
    background: var(--ns-text-dark) !important;
    color: #fff !important;
    border-color: var(--ns-text-dark) !important;
}
.hbc-tslider__btn:disabled {
    opacity: 0.4 !important;
}
.hbc-tslider__btn:disabled:hover {
    background: #fff !important;
    color: var(--ns-text-dark) !important;
    border-color: var(--ns-border) !important;
}
.hbc-tslider__item {
    background: #fff !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-tslider__item:hover {
    border-color: var(--ns-accent) !important;
}
.hbc-tslider__cover-img,
.hbc-tslider__cover-flat {
    background-color: var(--ns-bg-card) !important;
    border: 1px solid var(--ns-border) !important;
}
.hbc-tslider__cover-spine {
    background-color: rgba(15, 23, 42, 0.08) !important;
}
.hbc-tslider__cover-meta {
    font-family: var(--ns-font-mono) !important;
    color: var(--ns-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}
.hbc-tslider__cover-title {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-tslider__cover-author {
    color: var(--ns-text-muted) !important;
}
.hbc-tslider__name {
    font-family: var(--ns-font-display) !important;
    font-weight: 700 !important;
    color: var(--ns-text-dark) !important;
    letter-spacing: -0.01em !important;
}
.hbc-tslider__item:hover .hbc-tslider__name {
    color: var(--ns-accent) !important;
}
.hbc-tslider__author {
    color: var(--ns-text-muted) !important;
}