/* ==========================================================================
   曜石紫 Obsidian Purple — 皮肤层 v1
   西域算力 AI视频创作平台
   --------------------------------------------------------------------------
   说明：本文件为纯外观皮肤，只覆盖颜色 / 质感 / 圆角 / 阴影 / 动效。
        不改任何 DOM 结构、不改任何交互逻辑、不改任何接口。
        移除方式：删除 index.html 中引用本文件的那一行 link 即可完全还原。
   加载顺序：必须位于 theme-light.css 之后，用 !important 覆盖其亮色规则。
   ========================================================================== */

/* ==========================================================================
   1. 设计令牌（Design Tokens）
   ========================================================================== */
:root, :host {
  /* --- 背景层次：深紫黑，非纯黑，避免死气 --- */
  --ob-bg-base:       #0B0714;
  --ob-bg-deep:       #070510;
  --ob-bg-raise:      #141020;
  --ob-bg-card:       rgba(26, 20, 42, 0.72);
  --ob-bg-card-solid: #181227;
  --ob-bg-hover:      rgba(40, 30, 64, 0.85);
  --ob-bg-input:      rgba(18, 13, 31, 0.9);

  /* --- 主色：电光紫 --- */
  --ob-purple:        #A855F7;
  --ob-purple-deep:   #7C3AED;
  --ob-purple-light:  #C084FC;
  --ob-purple-pale:   #DDD0FB;

  /* --- 辅助点缀 --- */
  --ob-cyan:          #22D3EE;
  --ob-gold:          #F5C97B;
  --ob-gold-deep:     #D9A94E;
  --ob-pink:          #F472B6;

  /* --- 文字层次：全部香槟金系 --- */
  --ob-text-1:        #FFF5E0;
  --ob-text-2:        #F5C97B;
  --ob-text-3:        #D9A94E;
  --ob-text-4:        #B88A3A;

  /* --- 描边 --- */
  --ob-line:          rgba(168, 133, 247, 0.14);
  --ob-line-strong:   rgba(168, 133, 247, 0.28);
  --ob-line-faint:    rgba(168, 133, 247, 0.07);

  /* --- 高光与投影 --- */
  --ob-inset-top:     inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --ob-shadow-sm:     0 2px 10px rgba(0, 0, 0, 0.45);
  --ob-shadow-md:     0 8px 28px rgba(0, 0, 0, 0.55);
  --ob-shadow-lg:     0 18px 50px rgba(0, 0, 0, 0.65);
  --ob-glow:          0 0 24px rgba(168, 85, 247, 0.28);
  --ob-glow-strong:   0 0 36px rgba(168, 85, 247, 0.45);

  /* --- 渐变 --- */
  --ob-grad-main:     linear-gradient(135deg, #7C3AED 0%, #A855F7 50%, #C084FC 100%);
  --ob-grad-card:     linear-gradient(150deg, rgba(45, 32, 74, 0.85) 0%, rgba(23, 17, 38, 0.9) 100%);
  --ob-grad-gold:     linear-gradient(135deg, #F5C97B 0%, #D9A94E 100%);

  /* --- 覆盖旧主题变量（theme-light 定义的那一套） --- */
  --bg-primary:      #0B0714 !important;
  --bg-secondary:    #0F0A1A !important;
  --bg-card:         #181227 !important;
  --bg-card-hover:   #1E1735 !important;
  --bg-input:        #120D1F !important;
  --accent-primary:  #A855F7 !important;
  --accent-secondary:#7C3AED !important;
  --text-primary:    #F3EEFC !important;
  --text-secondary:  #C3B6DC !important;
  --text-tertiary:   #9384B0 !important;
  --text-muted:      #6B5D86 !important;
  --border-color:    rgba(168, 133, 247, 0.14) !important;
  --shadow-sm:       0 2px 10px rgba(0,0,0,0.45) !important;
  --shadow-md:       0 8px 28px rgba(0,0,0,0.55) !important;
  --shadow-lg:       0 18px 50px rgba(0,0,0,0.65) !important;
  --shadow-glow:     0 0 24px rgba(168,85,247,0.28) !important;
  --tabbar-bg:       rgba(13, 9, 23, 0.88) !important;

  /* --- 覆盖 Vant 变量（文字全部金色系）--- */
  --van-text-color:      #FFF5E0 !important;
  --van-text-color-2:    #F5C97B !important;
  --van-text-color-3:    #D9A94E !important;
  --van-background:      #0B0714 !important;
  --van-background-2:    #181227 !important;
  --van-background-3:    #181227 !important;
  --van-active-color:    rgba(245, 201, 123, 0.14) !important;
  --van-border-color:    rgba(245, 201, 123, 0.16) !important;
  --van-primary-color:   #F5C97B !important;
  --van-blue:            #F5C97B !important;
  --van-gray-1:          #141020 !important;
  --van-gray-2:          #181227 !important;
  --van-gray-3:          #201830 !important;
  --van-gray-8:          #FFF5E0 !important;
  --van-white:           #FFF5E0 !important;
  --van-cell-background:        transparent !important;
  --van-cell-text-color:        #FFF5E0 !important;
  --van-cell-value-color:       #F5C97B !important;
  --van-cell-label-color:       #D9A94E !important;
  --van-cell-border-color:      rgba(245, 201, 123, 0.12) !important;
  --van-field-input-text-color: #FFF5E0 !important;
  --van-field-placeholder-text-color: #B88A3A !important;
  --van-nav-bar-background:     rgba(11, 7, 20, 0.92) !important;
  --van-nav-bar-title-text-color: #FFF5E0 !important;
  --van-nav-bar-icon-color:     #F5C97B !important;
  --van-tabbar-background:      rgba(13, 9, 23, 0.9) !important;
  --van-tabbar-item-text-color: #D9A94E !important;
  --van-tabbar-item-active-color: #F5C97B !important;
  --van-tabbar-item-active-background: transparent !important;
  --van-popup-background:       #181227 !important;
  --van-dialog-background:      #1A1329 !important;
  --van-overlay-background:     rgba(5, 3, 10, 0.75) !important;
  --van-toast-background:       rgba(26, 19, 41, 0.96) !important;
  --van-button-primary-background: #F5C97B !important;
  --van-button-primary-border-color: #F5C97B !important;
  --van-loading-spinner-color:  #A855F7 !important;
}

/* ==========================================================================
   2. 基础画布 — 深紫底 + 双光晕，营造纵深
   ========================================================================== */
html {
  background: #0B0714 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html body {
  background: #0B0714 !important;
  color: var(--ob-text-1) !important;
  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
  overflow-y: auto !important;
  height: auto !important;
}

html body #app {
  background:
    radial-gradient(ellipse 120% 70% at 50% -10%, rgba(124, 58, 237, 0.20) 0%, transparent 60%),
    radial-gradient(ellipse 90% 50% at 100% 15%, rgba(34, 211, 238, 0.07) 0%, transparent 55%),
    radial-gradient(ellipse 100% 60% at 0% 45%, rgba(168, 85, 247, 0.09) 0%, transparent 60%),
    #0B0714 !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  height: auto !important;
  overflow-y: auto !important;
  color: var(--ob-text-1) !important;
}

/* 撤销 theme-light 对透明文字的粗暴接管，避免破坏渐变字 */
html body [style*="color:transparent"],
html body [style*="color: transparent"] {
  color: transparent !important;
}

/* ==========================================================================
   3. 全局文字基调（覆盖 theme-light 的强制深色）
   ========================================================================== */
html body [class*="sub-text"],
html body [class*="subtitle"],
html body [class*="desc"],
html body .brand-desc,
html body .hero-desc {
  color: var(--ob-text-2) !important;
  opacity: 1 !important;
}

html body [class*="card"] [class*="desc"],
html body [class*="feature"] [class*="desc"] {
  color: var(--ob-text-3) !important;
}

html body [style*="color: #fff"],
html body [style*="color:#fff"],
html body [style*="color: #ffffff"],
html body [style*="color:#ffffff"] {
  color: #FFFFFF !important;
}

/* ==========================================================================
   4. Vant 组件
   ========================================================================== */
html body .van-nav-bar {
  background: rgba(11, 7, 20, 0.9) !important;
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  border-bottom: 1px solid var(--ob-line-faint) !important;
}
html body .van-nav-bar::after { display: none !important; }
html body .van-nav-bar__title { color: var(--ob-text-1) !important; font-weight: 600; letter-spacing: .5px; }
html body .van-nav-bar .van-icon { color: #F5C97B !important; }
html body .van-nav-bar__text { color: #F5C97B !important; }

/* --- 底部导航 --- */
html body .van-tabbar {
  background: rgba(13, 9, 23, 0.86) !important;
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
  border-top: 1px solid var(--ob-line) !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5) !important;
}
html body .van-tabbar::after { display: none !important; }
html body .van-tabbar-item { color: var(--ob-text-3) !important; transition: color .22s ease; }
html body .van-tabbar-item__text { color: inherit !important; }
html body .van-tabbar-item--active,
html body .van-tabbar-item--active .van-tabbar-item__text,
html body .van-tabbar-item--active .van-icon {
  color: #F5C97B !important;
}
html body .van-tabbar-item--active .van-tabbar-item__icon {
  filter: drop-shadow(0 0 8px rgba(192, 132, 252, 0.65));
}

/* --- 单元格 / 列表 --- */
html body .van-cell,
html body .van-cell-group,
html body .van-cell-group--inset {
  background: transparent !important;
  color: var(--ob-text-1) !important;
}
html body .van-cell-group--inset {
  background: var(--ob-bg-card) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: var(--ob-shadow-sm), var(--ob-inset-top) !important;
}
html body .van-cell::after { border-color: var(--ob-line-faint) !important; }
html body .van-cell,
html body .van-cell *,
html body .van-cell__title,
html body .van-cell__title *,
html body .van-cell__title span {
  color: var(--ob-text-1) !important;
  opacity: 1 !important;
}
html body .van-cell__value,
html body .van-cell__value * { color: var(--ob-text-2) !important; }
html body .van-cell__label,
html body .van-cell__label * { color: var(--ob-text-3) !important; }
html body .van-cell__right-icon,
html body .van-cell__right-icon * { color: var(--ob-text-4) !important; }
html body .van-cell--clickable:active { background: rgba(168, 85, 247, 0.10) !important; }

/* --- 弹层 --- */
html body .van-popup,
html body .van-action-sheet,
html body .van-action-sheet__content {
  background: #181227 !important;
  color: var(--ob-text-1) !important;
}
html body .van-popup--bottom { border-radius: 22px 22px 0 0 !important; }
html body .van-action-sheet__item,
html body .van-action-sheet__cancel {
  background: #181227 !important;
  color: var(--ob-text-1) !important;
}
html body .van-action-sheet__item:active { background: rgba(168, 85, 247, 0.14) !important; }
html body .van-action-sheet__gap { background: #0B0714 !important; }

html body .van-dialog {
  background: linear-gradient(160deg, #221838 0%, #16101F 100%) !important;
  border: 1px solid var(--ob-line-strong) !important;
  border-radius: 20px !important;
  box-shadow: var(--ob-shadow-lg), var(--ob-glow) !important;
  overflow: hidden;
}
html body .van-dialog__header { color: var(--ob-text-1) !important; font-weight: 600; }
html body .van-dialog__message { color: var(--ob-text-2) !important; }
html body .van-dialog__footer { border-top: 1px solid var(--ob-line-faint); }
html body .van-dialog__cancel { background: transparent !important; color: var(--ob-text-3) !important; }
html body .van-dialog__confirm,
html body .van-dialog__confirm .van-button__text { color: #F5C97B !important; font-weight: 600; }
html body .van-hairline--top::after,
html body .van-hairline--left::after { border-color: var(--ob-line-faint) !important; }

html body .van-overlay { background: rgba(5, 3, 10, 0.76) !important; backdrop-filter: blur(3px); }

html body .van-toast {
  background: rgba(26, 19, 41, 0.96) !important;
  color: var(--ob-text-1) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--ob-shadow-md) !important;
}
html body .van-toast__text { color: var(--ob-text-1) !important; }
/* 复制成功/删除成功的 visible-toast（原始是深灰字#333，深色底上改白字） */
html body .visible-toast,
html body .visible-toast .van-toast__text {
  color: #FFF !important;
  background-color: rgba(0, 0, 0, 0.78) !important;
}

/* --- 表单 --- */
html body .van-field,
html body .van-field.van-cell {
  background: var(--ob-bg-input) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 14px !important;
  color: var(--ob-text-1) !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
html body .van-field:focus-within {
  border-color: var(--ob-purple) !important;
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.16) !important;
}
html body .van-field__control,
html body .van-field__control:focus { color: var(--ob-text-1) !important; background: transparent !important; }
html body .van-field__control::placeholder { color: var(--ob-text-4) !important; }
html body .van-field__label,
html body .van-field__label span { color: var(--ob-text-2) !important; }
html body input,
html body textarea,
html body select {
  background: var(--ob-bg-input) !important;
  border-color: var(--ob-line) !important;
  color: var(--ob-text-1) !important;
  border-radius: 12px !important;
}
html body input::placeholder,
html body textarea::placeholder { color: var(--ob-text-4) !important; }
html body input:-webkit-autofill {
  -webkit-text-fill-color: var(--ob-text-1) !important;
  -webkit-box-shadow: 0 0 0 1000px #120D1F inset !important;
}

/* --- 按钮 --- */
html body .van-button--primary {
  background: var(--ob-grad-main) !important;
  border: none !important;
  color: #FFFFFF !important;
  font-weight: 600;
  letter-spacing: .5px;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(124, 58, 237, 0.42) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
html body .van-button--primary:active {
  transform: translateY(1px) scale(.985);
  box-shadow: 0 3px 12px rgba(124, 58, 237, 0.5) !important;
  filter: brightness(1.08);
}
html body .van-button--default {
  background: rgba(38, 28, 60, 0.8) !important;
  border: 1px solid var(--ob-line-strong) !important;
  color: var(--ob-text-1) !important;
  border-radius: 14px !important;
}
html body .van-button--danger {
  background: linear-gradient(135deg, #E0466B 0%, #B32450 100%) !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(224, 70, 107, 0.35) !important;
}
html body .van-button--plain {
  background: transparent !important;
  border-color: var(--ob-line-strong) !important;
  color: #F5C97B !important;
}
html body .van-button__text { color: inherit !important; }

/* --- 标签 / 徽标 --- */
html body .van-tag--primary { background: var(--ob-purple) !important; color: #fff !important; }
html body .van-tag { border-radius: 6px !important; }
html body .van-badge { background: var(--ob-purple) !important; border-color: #0B0714 !important; }

/* --- 标签页 --- */
html body .van-tabs__nav,
html body .van-tabs__wrap { background: transparent !important; }
html body .van-tab { color: var(--ob-text-3) !important; }
html body .van-tab--active { color: var(--ob-text-1) !important; font-weight: 600; }
html body .van-tabs__line {
  background: var(--ob-grad-main) !important;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.65);
  border-radius: 2px;
}

/* --- 搜索 --- */
html body .van-search { background: transparent !important; }
html body .van-search__content {
  background: var(--ob-bg-input) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 22px !important;
}

/* --- 其他 --- */
html body .van-divider { border-color: var(--ob-line) !important; color: var(--ob-text-3) !important; }
html body .van-list { background: transparent !important; }
html body .van-list__finished-text,
html body .van-list__loading,
html body .van-empty__description { color: var(--ob-text-4) !important; }
html body .van-switch { background: rgba(80, 62, 116, 0.7) !important; }
html body .van-switch--on { background: var(--ob-purple) !important; box-shadow: 0 0 12px rgba(168,85,247,.45); }
html body .van-switch, html body .van-switch * { color: inherit !important; }
html body .van-loading__spinner { color: var(--ob-purple) !important; }
html body .van-uploader__upload {
  background: var(--ob-bg-input) !important;
  border: 1px dashed var(--ob-line-strong) !important;
  border-radius: 12px !important;
}
html body .van-uploader__upload-icon { color: var(--ob-text-3) !important; }
html body .van-progress { background: rgba(60, 45, 90, 0.6) !important; }
html body .van-progress__portion { background: var(--ob-grad-main) !important; }
html body .van-skeleton__row,
html body .van-skeleton__title { background: rgba(60, 45, 90, 0.5) !important; }

/* ==========================================================================
   5. 通用容器与卡片
   ========================================================================== */
html body .page-container,
html body .content,
html body .page-content {
  background: transparent !important;
  min-height: auto;
  overflow-y: visible !important;
}
/* 首页确保可滚动，底部留出tabbar空间 */
html body .home-page,
html body .home-page[data-v-e8a2fc3b] {
  overflow-y: auto !important;
  padding-bottom: 90px !important;
}

html body .glass-card,
html body .van-card {
  background: var(--ob-grad-card) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--ob-shadow-sm), var(--ob-inset-top) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html body .video-container,
html body .image-container,
html body .preview-area {
  background: rgba(12, 8, 22, 0.9) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 14px !important;
}

/* ==========================================================================
   6. 首页 Home
   ========================================================================== */
html body .home-page { background: transparent !important; }

/* 背景粒子：蓝 → 紫，加强辉光 */
html body .home-page .particle,
html body .particles .particle {
  background: rgba(192, 132, 252, 0.55) !important;
  box-shadow: 0 0 10px rgba(168, 85, 247, 0.85), 0 0 22px rgba(124, 58, 237, 0.4) !important;
}

/* --- 顶栏 --- */
html body .home-header { background: transparent !important; }
html body .header-text .greeting-text {
  color: var(--ob-text-1) !important;
  letter-spacing: .3px;
}
html body .header-text .sub-text {
  color: #F5C97B !important;
  opacity: .92 !important;
}

/* 头像环：紫金双环 */
html body .avatar-ring {
  background: linear-gradient(135deg, #C084FC 0%, #7C3AED 55%, #F5C97B 100%) !important;
  box-shadow: 0 0 16px rgba(168, 85, 247, 0.5), 0 0 34px rgba(124, 58, 237, 0.22) !important;
}
html body .avatar-ring .avatar { border: 2px solid #150F24 !important; }
html body .avatar-ring .online-pulse { border-color: #150F24 !important; }

/* 积分按钮：香槟金 */
html body .points-btn {
  background: linear-gradient(135deg, rgba(245, 201, 123, 0.16), rgba(217, 169, 78, 0.08)) !important;
  border: 1px solid rgba(245, 201, 123, 0.34) !important;
  box-shadow: 0 2px 12px rgba(217, 169, 78, 0.16), var(--ob-inset-top) !important;
}
html body .points-btn .van-icon,
html body .points-btn .points-num { color: var(--ob-gold) !important; }
html body .points-btn:active { background: rgba(245, 201, 123, 0.26) !important; }

/* 图标按钮 */
html body .icon-btn {
  background: rgba(35, 26, 56, 0.75) !important;
  border: 1px solid var(--ob-line) !important;
  box-shadow: var(--ob-inset-top);
}
html body .icon-btn .van-icon { color: var(--ob-purple-pale) !important; }
html body .icon-btn:active { background: rgba(168, 85, 247, 0.2) !important; }

/* 滚动公告：黄 → 深紫描金 */
html body .scroll-notice {
  background: linear-gradient(135deg, rgba(60, 42, 96, 0.85), rgba(34, 24, 56, 0.9)) !important;
  border: 1px solid rgba(245, 201, 123, 0.26) !important;
  border-radius: 14px !important;
  box-shadow: var(--ob-shadow-sm), var(--ob-inset-top) !important;
}
html body .scroll-notice .notice-icon { filter: drop-shadow(0 0 6px rgba(245, 201, 123, .6)); }
html body .notice-scroll-content { color: var(--ob-gold) !important; }

/* --- 品牌横幅：整站最豪华的一块 --- */
html body .brand-banner {
  background:
    linear-gradient(140deg, rgba(58, 34, 110, 0.95) 0%, rgba(30, 18, 58, 0.96) 45%, rgba(16, 10, 32, 0.98) 100%) !important;
  border: 1px solid rgba(168, 133, 247, 0.26) !important;
  border-radius: 22px !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(255, 255, 255, 0.03) inset,
    0 1px 0 rgba(255, 255, 255, 0.09) inset !important;
}
html body .brand-banner::before {
  background:
    radial-gradient(ellipse at 26% 12%, rgba(192, 132, 252, 0.30) 0%, transparent 58%),
    radial-gradient(ellipse at 88% 88%, rgba(34, 211, 238, 0.12) 0%, transparent 52%) !important;
}
html body .banner-mesh {
  background:
    radial-gradient(circle at 18% 46%, rgba(168, 85, 247, 0.20) 0%, transparent 52%),
    radial-gradient(circle at 82% 18%, rgba(245, 201, 123, 0.10) 0%, transparent 44%) !important;
}
html body .banner-grid-lines { opacity: .32 !important; }
html body .banner-grid-lines .grid-line {
  background: linear-gradient(to bottom, transparent, rgba(192, 132, 252, 0.30), transparent) !important;
}

/* 品牌名：金紫渐变字 */
html body .brand-text .brand-name {
  background: linear-gradient(100deg, #FFFFFF 0%, #E9D8FD 30%, #F5C97B 78%, #D9A94E 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  letter-spacing: 3px !important;
  text-shadow: none !important;
  filter: drop-shadow(0 2px 10px rgba(168, 85, 247, 0.35));
}
html body .brand-text .brand-tagline {
  color: #F5C97B !important;
  opacity: .82 !important;
  letter-spacing: 2.4px !important;
}
html body .brand-desc {
  color: var(--ob-purple-pale) !important;
  opacity: .88 !important;
  letter-spacing: 1.2px !important;
}
html body .logo-icon .logo-img,
html body .logo-icon svg {
  filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.55));
  border-radius: 10px !important;
}

/* --- 分区标题 --- */
html body .section-label {
  color: var(--ob-text-1) !important;
  letter-spacing: 1.6px !important;
}
html body .section-line {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.45), rgba(168, 85, 247, 0.05), transparent) !important;
}

/* --- 功能卡片：玻璃质感（必须匹配scoped属性选择器）--- */
html body .feature-card,
html body .feature-card[data-v-e8a2fc3b] {
  background: linear-gradient(155deg, rgba(46, 33, 76, 0.82) 0%, rgba(22, 16, 36, 0.92) 100%) !important;
  border: 1px solid rgba(168, 85, 247, 0.25) !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(168, 85, 247, 0.12) !important;
  backdrop-filter: blur(12px) saturate(1.1);
  -webkit-backdrop-filter: blur(12px) saturate(1.1);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
html body .feature-card:active,
html body .feature-card[data-v-e8a2fc3b]:active {
  transform: scale(.975) !important;
  background: linear-gradient(155deg, rgba(62, 44, 102, 0.9) 0%, rgba(30, 21, 50, 0.96) 100%) !important;
  border-color: var(--ob-purple) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 22px rgba(168, 85, 247, 0.35) !important;
}
html body .feature-card.not-clickable,
html body .feature-card.not-clickable[data-v-e8a2fc3b] { opacity: .42 !important; }

/* 卡片内所有子元素深色适配 */
html body .feature-card *,
html body .feature-card[data-v-e8a2fc3b] * {
  color-scheme: dark;
}

/* 卡片角落光晕：深色底上需要更亮 */
html body .feature-card .card-glow {
  opacity: .34 !important;
  filter: blur(26px) !important;
}

/* 图标盒：保留业务配色，补金属描边与投影 */
html body .feature-icon-box,
html body .feature-icon-box[data-v-e8a2fc3b] {
  border-radius: 15px !important;
  box-shadow:
    0 6px 18px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.10) inset,
    0 1px 0 rgba(255, 255, 255, 0.22) inset !important;
}
html body .feature-icon-box .feature-icon,
html body .feature-icon-box .feature-icon[data-v-e8a2fc3b] { color: #fff !important; }

html body .feature-text .feature-name,
html body .feature-text .feature-name[data-v-e8a2fc3b] {
  color: #FFF5E0 !important;
  letter-spacing: .4px;
  font-weight: 700 !important;
}
html body .feature-text .feature-desc,
html body .feature-text .feature-desc[data-v-e8a2fc3b] {
  color: #F5C97B !important;
  font-weight: 500 !important;
}
html body .loading-text { color: var(--ob-text-4) !important; }

/* 功能卡片兜底：卡片内任何白底元素强制透明（二维码除外） */
html body .feature-card div:not(.qr-wrapper):not(.qr-img),
html body .feature-card[data-v-e8a2fc3b] div:not(.qr-wrapper):not(.qr-img) {
  background: transparent !important;
}
html body .feature-card span,
html body .feature-card[data-v-e8a2fc3b] span {
  color: inherit !important;
}

/* ==========================================================================
   7. 个人中心 Profile
   ========================================================================== */
html body .profile-page { background: transparent !important; }
html body .profile-header { background: transparent !important; }

html body .user-card {
  background: linear-gradient(150deg, rgba(56, 38, 100, 0.88) 0%, rgba(24, 17, 40, 0.94) 100%) !important;
  border: 1px solid rgba(168, 133, 247, 0.24) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.58), var(--ob-inset-top) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
html body .user-card .card-glow,
html body .user-card .card-glow-2 { display: none !important; }
html body .nickname { color: var(--ob-text-1) !important; }
html body .user-id,
html body .user-meta { color: var(--ob-text-3) !important; }
html body .edit-badge,
html body .edit-btn {
  background: rgba(168, 85, 247, 0.20) !important;
  border: 1px solid var(--ob-line-strong) !important;
  color: #F5C97B !important;
}

/* 数据条 */
html body .stats-bar {
  background: rgba(14, 10, 26, 0.55) !important;
  border: 1px solid var(--ob-line-faint) !important;
  border-radius: 16px !important;
}
html body .stat-value {
  color: var(--ob-gold) !important;
  text-shadow: 0 0 16px rgba(245, 201, 123, 0.35);
}
html body .stat-label { color: var(--ob-text-3) !important; }
html body .stat-divider { background: var(--ob-line) !important; }

/* 宫格菜单 */
html body .menu-grid,
html body .profile-menu { background: transparent !important; }
html body .grid-item {
  background: linear-gradient(155deg, rgba(44, 32, 74, 0.7) 0%, rgba(21, 15, 35, 0.85) 100%) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.38), var(--ob-inset-top) !important;
  transition: transform .2s ease, border-color .2s ease;
}
html body .grid-item:active {
  transform: scale(.97);
  border-color: var(--ob-purple) !important;
  background: rgba(60, 43, 100, 0.85) !important;
}
html body .grid-item .grid-glow { opacity: .3 !important; }
html body .grid-icon-wrap {
  box-shadow: 0 4px 14px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.09) inset !important;
  border-radius: 14px !important;
}
html body .grid-text { color: var(--ob-text-2) !important; }
html body .grid-item.not-clickable { opacity: .4 !important; }

/* 退出 / 登录 */
html body .logout-section { background: transparent !important; }
html body .logout-btn {
  background: rgba(224, 70, 107, 0.12) !important;
  border: 1px solid rgba(224, 70, 107, 0.34) !important;
  color: #FF7D9C !important;
  border-radius: 14px !important;
}
html body .logout-btn:active { background: rgba(224, 70, 107, 0.24) !important; }
html body .login-btn {
  background: var(--ob-grad-main) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45) !important;
}
html body .login-prompt { color: var(--ob-text-3) !important; }
html body .version-info,
html body .version-info *,
html body .version-line2 { color: var(--ob-text-4) !important; }

/* 昵称编辑弹窗 */
html body .edit-overlay { background: rgba(5, 3, 10, 0.78) !important; backdrop-filter: blur(4px); }
html body .edit-modal {
  background: linear-gradient(160deg, #241A3C 0%, #15101F 100%) !important;
  border: 1px solid var(--ob-line-strong) !important;
  border-radius: 22px !important;
  box-shadow: var(--ob-shadow-lg), var(--ob-glow) !important;
}
html body .edit-header,
html body .edit-header * { color: var(--ob-text-1) !important; }
html body .edit-header { border-bottom: 1px solid var(--ob-line-faint) !important; }
html body .edit-footer { border-top: 1px solid var(--ob-line-faint) !important; }
html body .nickname-input {
  background: var(--ob-bg-input) !important;
  border: 1px solid var(--ob-line) !important;
  color: var(--ob-text-1) !important;
  border-radius: 12px !important;
}
html body .char-count { color: var(--ob-text-4) !important; }
html body .edit-footer .cancel { background: transparent !important; color: var(--ob-text-3) !important; }
html body .edit-footer .confirm { color: #F5C97B !important; font-weight: 600; }
html body .avatar-upload-area {
  background: var(--ob-bg-input) !important;
  border: 1px dashed var(--ob-line-strong) !important;
  border-radius: 14px !important;
}
html body .upload-btn {
  background: var(--ob-grad-main) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
}
html body .loading { color: var(--ob-text-3) !important; }

/* ==========================================================================
   8. 我的作品 MyWorks
   ========================================================================== */
/* 作品页整体：深色背景（原始是 #fff 白底） */
html body .my-works-page,
html body .my-works-page[data-v-66a1291a] {
  background: #0B0714 !important;
  min-height: 100vh !important;
}
html body .my-works-content,
html body .my-works-content[data-v-66a1291a] { background: transparent !important; }

/* 视图切换标签栏 */
html body .view-tabs,
html body .view-tabs[data-v-66a1291a] {
  background: rgba(20, 14, 34, 0.8) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 14px !important;
}
html body .view-tab { color: var(--ob-text-3) !important; }
html body .view-tab.active { color: #FFFFFF !important; font-weight: 600; }
html body .tab-indicator {
  background: var(--ob-grad-main) !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.45) !important;
  border-radius: 11px !important;
}

/* 状态筛选 */
html body .status-filters,
html body .status-filters[data-v-66a1291a] {
  background: transparent !important;
  display: flex !important;
  gap: 8px !important;
  overflow-x: visible !important;
}

/* 筛选按钮下方白条：确保 status-filters 区域完全透明 */
html body .my-works-content[data-v-66a1291a] > * {
  background: transparent !important;
}
/* 但保留卡片和标签栏的背景 */
html body .my-works-content[data-v-66a1291a] > .view-tabs,
html body .my-works-content[data-v-66a1291a] > .status-filters,
html body .my-works-content[data-v-66a1291a] > .works-list,
html body .my-works-content[data-v-66a1291a] > .task-cards {
  background: transparent !important;
}
html body .status-chip,
html body .status-chip[data-v-66a1291a] {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  text-align: center !important;
  background: rgba(34, 25, 54, 0.8) !important;
  border: 1px solid var(--ob-line) !important;
  color: var(--ob-text-3) !important;
  border-radius: 6px !important;
  padding: 7px 4px !important;
  white-space: nowrap !important;
}
html body .status-chip.active,
html body .status-chip.active[data-v-66a1291a] {
  background: rgba(168, 85, 247, 0.22) !important;
  border-color: var(--ob-purple) !important;
  color: #F5C97B !important;
  box-shadow: 0 0 14px rgba(168, 85, 247, 0.28) !important;
  border-radius: 6px !important;
}
/* 作品列表容器：透明，不挡背景 */
html body .works-list,
html body .works-list[data-v-66a1291a],
html body .task-cards,
html body .task-cards[data-v-66a1291a] {
  background: transparent !important;
}
/* 精确清除网格内残留灰框来源（不使用通配符，避免误伤按钮/弹窗） */
html body .task-cards .card-glow,
html body .task-cards .card-glow[data-v-66a1291a] {
  background: transparent !important;
  opacity: 0 !important;
}
/* 确保 works-list/task-cards 容器本身透明（gap 区域不会显示异常背景） */
/* 但保留卡片本身、卡片封面、卡片信息区的已设背景（在上面重新声明覆盖） */
html body .task-cards .task-card,
html body .task-cards .task-card[data-v-66a1291a] {
  background: linear-gradient(155deg, rgba(42, 30, 70, 0.7), rgba(20, 14, 34, 0.88)) !important;
}

/* 作品卡片：深色玻璃质感（原始是 #fff 白底） */
html body .task-card,
html body .task-cards > *,
html body .task-card[data-v-66a1291a] {
  background: linear-gradient(155deg, rgba(42, 30, 70, 0.7), rgba(20, 14, 34, 0.88)) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.4) !important;
  overflow: visible !important;
}
html body .task-card .card-glow { opacity: .3 !important; }
html body .card-cover {
  background: rgba(10, 7, 18, 0.9) !important;
  border-radius: 14px !important;
  border: 1px solid var(--ob-line-faint) !important;
  overflow: hidden;
}
html body .cover-placeholder {
  background: rgba(10, 7, 18, 0.9) !important;
  color: var(--ob-text-4) !important;
}
/* card-info 容器：仅限视频/图片网格卡片（.task-cards内），深色底 */
html body .task-cards .task-card .card-info,
html body .task-cards .task-card .card-info[data-v-66a1291a] {
  background: rgba(20, 14, 34, 0.95) !important;
  padding: 6px 10px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
}
/* 按钮容器：确保不透白 */
html body .card-actions,
html body .card-actions[data-v-66a1291a] {
  background: transparent !important;
}
/* 隐藏图生视频标签：仅限网格卡片内 */
html body .task-cards .task-card .card-type,
html body .task-cards .task-card .card-type[data-v-66a1291a] { display: none !important; }
/* 隐藏提示词和状态文字：仅限网格卡片内 */
html body .task-cards .task-card .card-prompt,
html body .task-cards .task-card .card-prompt[data-v-66a1291a] { display: none !important; }
html body .task-cards .task-card .card-status,
html body .task-cards .task-card .card-status[data-v-66a1291a] { display: none !important; }
/* 下载/删除按钮：仅限网格卡片内 */
html body .task-cards .task-card .action-btn,
html body .task-cards .task-card .action-btn[data-v-66a1291a] {
  flex: 1 1 calc(50% - 3px) !important;
  height: 32px !important;
  background: rgba(220, 38, 38, 0.45) !important;
  border: 1px solid rgba(239, 68, 68, 0.6) !important;
  color: #FFF !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .task-cards .task-card .action-btn:active,
html body .task-cards .task-card .action-btn[data-v-66a1291a]:active { background: rgba(220, 38, 38, 0.7) !important; }
html body .my-works-empty { color: var(--ob-text-4) !important; }

/* 提示词列表内的复制/删除按钮：红色背景 */
html body .prompt-list .action-btn,
html body .prompt-list .action-btn[data-v-66a1291a] {
  background: rgba(220, 38, 38, 0.45) !important;
  border: 1px solid rgba(239, 68, 68, 0.6) !important;
  color: #FFF !important;
  border-radius: 6px !important;
}

/* 提示词列表 */
html body .prompt-list,
html body .prompt-content {
  background: linear-gradient(155deg, rgba(40, 29, 66, 0.7) 0%, rgba(20, 14, 34, 0.88) 100%) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 16px !important;
}
html body .prompt-label { color: #F5C97B !important; }
html body .prompt-text { color: var(--ob-text-2) !important; }
html body .prompt-meta,
html body .prompt-meta-item { color: var(--ob-text-4) !important; }
html body .copy-prompt-btn {
  background: rgba(220, 38, 38, 0.45) !important;
  border: 1px solid rgba(239, 68, 68, 0.6) !important;
  color: #FFF !important;
  border-radius: 10px !important;
}

/* ==========================================================================
   9. 作品详情 WorkDetail
   ========================================================================== */
html body .detail-page,
html body .detail-content { background: transparent !important; }
html body .cover-container,
html body .media-player,
html body .video-player {
  background: rgba(8, 5, 16, 0.95) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: var(--ob-shadow-md) !important;
}
html body .placeholder-icon { color: var(--ob-text-4) !important; }
/* ==========================================================================
   12. 作品详情 WorkDetail  [data-v-78593d8e]
   ========================================================================== */
/* 详情页整体背景 */
html body .detail-page,
html body .detail-page[data-v-78593d8e] {
  background: #0B0714 !important;
}
/* 提示词展示区 */
html body .prompt-display,
html body .prompt-display[data-v-78593d8e] {
  background: rgba(14, 10, 26, 0.75) !important;
  border: 1px solid var(--ob-line-faint) !important;
  border-radius: 14px !important;
}
html body .prompt-display-label { color: #F5C97B !important; }
html body .prompt-display-text,
html body .prompt-display-text[data-v-78593d8e] { color: #FFF5E0 !important; }

/* ===== 关键：信息网格（任务类型/创建时间/消耗积分/任务ID）===== */
html body .info-grid,
html body .info-grid[data-v-78593d8e] {
  background: rgba(220, 38, 38, 0.15) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  border-radius: 16px !important;
}
html body .info-item,
html body .info-item[data-v-78593d8e] {}
html body .info-label,
html body .info-item .info-label[data-v-78593d8e] { color: #F5C97B !important; }
html body .info-value,
html body .info-item .info-value[data-v-78593d8e] { color: #FFF5E0 !important; }

/* 参数详情区 */
html body .params-detail,
html body .params-detail[data-v-78593d8e] {
  background: rgba(220, 38, 38, 0.15) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  border-radius: 16px !important;
}
html body .params-title,
html body .params-title[data-v-78593d8e] { color: #FFF5E0 !important; }
html body .param-detail-label,
html body .param-detail-item .param-detail-label[data-v-78593d8e] { color: #F5C97B !important; }
html body .param-detail-value,
html body .param-detail-item .param-detail-value[data-v-78593d8e] { color: #FFF5E0 !important; }
html body .param-detail-item { border-color: var(--ob-line-faint) !important; }

/* 底部操作栏 */
html body .action-bar,
html body .action-bar[data-v-78593d8e] {
  background: rgba(11, 7, 20, 0.92) !important;
  border-top: 1px solid var(--ob-line) !important;
}
html body .task-prompt { color: var(--ob-text-2) !important; }
html body .status-overlay { background: rgba(8, 5, 16, 0.82) !important; }
html body .status-text { color: var(--ob-text-1) !important; }
html body .scene-nav { background: transparent !important; }
html body .scene-dot { background: rgba(120, 96, 168, 0.4) !important; }
html body .scene-dot.active { background: var(--ob-purple) !important; box-shadow: 0 0 10px rgba(168,85,247,.7); }
html body .error,
html body .error-msg { color: #FF7D9C !important; }

/* 状态标签配色 */
html body .status-tag { border-radius: 8px !important; font-weight: 600; }
html body .status--completed,
html body .status-tag.status--completed {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #34D399 !important;
  border: 1px solid rgba(52, 211, 153, 0.34) !important;
}
html body .status--processing,
html body .status-tag.status--processing {
  background: rgba(168, 85, 247, 0.18) !important;
  color: #F5C97B !important;
  border: 1px solid var(--ob-line-strong) !important;
}
html body .status--pending,
html body .status-tag.status--pending {
  background: rgba(245, 201, 123, 0.14) !important;
  color: var(--ob-gold) !important;
  border: 1px solid rgba(245, 201, 123, 0.32) !important;
}
html body .status--failed,
html body .status-tag.status--failed {
  background: rgba(224, 70, 107, 0.16) !important;
  color: #FF7D9C !important;
  border: 1px solid rgba(255, 125, 156, 0.34) !important;
}

/* ==========================================================================
   10. 联系我们 Contact
   ========================================================================== */
html body .contact-page,
html body .contact-page[data-v-8b6e53af] { background: transparent !important; }
html body .hero-section,
html body .hero-section[data-v-8b6e53af] { background: transparent !important; }
html body .hero-icon { filter: drop-shadow(0 0 16px rgba(245, 201, 123, 0.55)); }
html body .hero-title { color: var(--ob-text-1) !important; letter-spacing: 1px; }
html body .hero-desc { color: var(--ob-text-3) !important; }

/* 服务卡片：深色玻璃质感（只有二维码图片本身保白底） */
html body .service-card,
html body .service-card[data-v-8b6e53af] {
  background: linear-gradient(155deg, rgba(30, 22, 50, 0.88) 0%, rgba(14, 10, 26, 0.95) 100%) !important;
  border: 1px solid rgba(245, 201, 123, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.5), inset 0 1px 0 rgba(245, 201, 123, 0.08) !important;
}
/* 卡片内所有子元素强制深色（二维码图片除外） */
html body .service-card *,
html body .service-card[data-v-8b6e53af] * {
  background-color: transparent !important;
}
/* 二维码图片本身：必须白底可扫 */
html body .qr-wrapper,
html body .qr-wrapper[data-v-8b6e53af],
html body .qr-img,
html body img.qr-img {
  background: #FFFFFF !important;
}
html body .card-header,
html body .card-header[data-v-8b6e53af] {
  border-bottom: 1px solid rgba(245, 201, 123, 0.12) !important;
  background: transparent !important;
}
html body .card-title { color: var(--ob-text-1) !important; }
html body .icon-circle,
html body .icon-circle[data-v-8b6e53af] {
  background: rgba(245, 201, 123, 0.15) !important;
  border: 1px solid rgba(245, 201, 123, 0.3) !important;
  box-shadow: 0 0 16px rgba(245, 201, 123, 0.15);
}
html body .icon-circle .van-icon { color: #F5C97B !important; }
html body .info-value,
html body .phone-number { color: var(--ob-text-1) !important; }
html body .phone-number { color: var(--ob-gold) !important; }

/* 复制按钮 */
html body .copy-btn,
html body .copy-btn[data-v-8b6e53af] {
  background: rgba(245, 201, 123, 0.16) !important;
  border: 1px solid rgba(245, 201, 123, 0.35) !important;
  color: #F5C97B !important;
  border-radius: 10px !important;
}
html body .copy-btn:active,
html body .copy-btn[data-v-8b6e53af]:active { background: rgba(245, 201, 123, 0.3) !important; }

/* 二维码区域：白底保扫码，但外层容器已深色 */
html body .qr-wrapper,
html body .qr-wrapper[data-v-8b6e53af] {
  background: #FFFFFF !important;
  border-radius: 14px !important;
  border: 2px solid rgba(245, 201, 123, 0.25) !important;
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.4), 0 0 12px rgba(245, 201, 123, 0.12) !important;
  padding: 16px !important;
}
html body .qr-tip,
html body .work-time { color: var(--ob-text-3) !important; }
html body .footer-brand { color: var(--ob-text-4) !important; }

/* ==========================================================================
   11. 其余页面
   ========================================================================== */
/* 登录 / 注册 */
html body .login,
html body .register { background: transparent !important; }
html body .login .form,
html body .register .form {
  background: var(--ob-grad-card) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--ob-shadow-md), var(--ob-inset-top) !important;
}
html body .login .link,
html body .register .link { color: #F5C97B !important; }
html body .maintenance-tip { color: var(--ob-gold) !important; }
html body .agreement-row,
html body .agreement-row * { color: var(--ob-text-3) !important; }

/* 设置 */
html body .settings,
html body .settings-page,
html body .settings-content { background: transparent !important; }
html body .settings-page,
html body .settings-page *,
html body .settings-content,
html body .settings-content *,
html body .settings-group,
html body .settings-group * { color: var(--ob-text-1) !important; }
html body .settings-group .group-title { color: #F5C97B !important; }
html body .pwd-form {
  background: var(--ob-grad-card) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 18px !important;
}
html body .logout-wrap { background: transparent !important; }

/* 充值 */
html body .recharge { background: transparent !important; }
html body .amount-grid { background: transparent !important; }
html body .amount-item {
  background: linear-gradient(155deg, rgba(44, 32, 74, 0.72) 0%, rgba(20, 14, 34, 0.88) 100%) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--ob-shadow-sm), var(--ob-inset-top) !important;
  transition: transform .18s ease, border-color .18s ease;
}
html body .amount-item.active {
  border-color: var(--ob-gold) !important;
  background: linear-gradient(155deg, rgba(80, 58, 34, 0.6) 0%, rgba(34, 24, 46, 0.9) 100%) !important;
  box-shadow: 0 0 22px rgba(245, 201, 123, 0.28), var(--ob-inset-top) !important;
}
html body .amount-val { color: var(--ob-gold) !important; font-weight: 700; }
html body .amount-label { color: var(--ob-text-3) !important; }

/* 兑换 */
html body .redeem { background: transparent !important; }
html body .redeem .tip { color: var(--ob-text-3) !important; }
/* 兑换按钮下移，拉开与输入框距离 */
html body .redeem .van-button,
html body .redeem[data-v-15fb7917] .van-button {
  margin-top: 150px !important;
}

/* 积分明细 */
html body .points-history { background: transparent !important; }
html body .record-item {
  background: var(--ob-grad-card) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 14px !important;
}
html body .record-title { color: var(--ob-text-1) !important; }
html body .record-time { color: var(--ob-text-4) !important; }
html body .record-points.positive { color: #34D399 !important; }
html body .record-points.negative { color: #FF7D9C !important; }

/* 关于 / 文档 / 创作占位 */
html body .about,
html body .docs-page,
html body .create-page { background: transparent !important; }
html body .about .desc,
html body .about .version { color: var(--ob-text-3) !important; }
/* 品牌名：金色渐变 + 发光 */
html body .logo-icon,
html body .logo-icon[data-v-af6776c3] {
  color: #F5C97B !important;
  font-weight: 800 !important;
  text-shadow: 0 0 20px rgba(245, 201, 123, 0.4), 0 0 40px rgba(245, 201, 123, 0.15);
}
html body .logo-wrap .logo-icon { filter: drop-shadow(0 0 14px rgba(245, 201, 123, 0.5)); }
html body .doc-content,
html body .doc-body {
  background: var(--ob-grad-card) !important;
  border: 1px solid var(--ob-line) !important;
  border-radius: 16px !important;
  color: var(--ob-text-2) !important;
}
html body .empty-state,
html body .loading-state { color: var(--ob-text-4) !important; }
html body .feature-header { color: var(--ob-text-1) !important; }
html body .feature-placeholder { color: var(--ob-text-4) !important; }
html body .cost { color: var(--ob-gold) !important; }

/* ==========================================================================
   12. 细节打磨
   ========================================================================== */
/* 滚动条 */
html body ::-webkit-scrollbar { width: 6px; height: 6px; }
html body ::-webkit-scrollbar-track { background: transparent; }
html body ::-webkit-scrollbar-thumb {
  background: rgba(168, 85, 247, 0.32);
  border-radius: 3px;
}
html body ::-webkit-scrollbar-thumb:hover { background: rgba(168, 85, 247, 0.55); }

/* 选中文字 */
html body ::selection { background: rgba(168, 85, 247, 0.42); color: #FFFFFF; }

/* 点击高亮 */
html body * { -webkit-tap-highlight-color: rgba(168, 85, 247, 0.16); }

/* 图片与视频统一圆角 */
html body img:not(.avatar):not(.qr-img):not(.logo-img):not(.menu-icon-img):not(.feature-icon-img) {
  border-radius: 10px;
}

/* 分隔线兜底 */
html body hr { border-color: var(--ob-line) !important; }

/* 弱化过亮的纯白底元素（二维码等需要白底的已单独排除） */
html body [style*="background: #fff"]:not(.qr-wrapper):not(.qr-img),
html body [style*="background:#fff"]:not(.qr-wrapper):not(.qr-img),
html body [style*="background-color: #fff"]:not(.qr-wrapper):not(.qr-img),
html body [style*="background-color:#fff"]:not(.qr-wrapper):not(.qr-img) {
  background: var(--ob-bg-card-solid) !important;
}