/*
  ==============================================================================
  电视大屏 EPG 浅色模式全套样式系统 (Light Mode Design System)
  设计规范：1920px × 1080px (FHD)
  设计理念：
  1. 冰川瓷白与晨曦蓝雾漫反射底色（防眩光、低疲劳、柔和明亮）
  2. 白润微晶毛玻璃 Dock 悬浮药丸与高透光胶囊
  3. 纯白浮雕卡片体系（Pure White Relief Cards）与柔和弥散阴影
  4. 深曜石高对比度文字（WCAG AA > 4.5:1，3米视距清晰锐利）
  5. 10-Foot 电视大屏专属高饱和科技蓝落焦光环（Anti-Washout Focus Glow）
  ==============================================================================
*/

/* -----------------------------------------------------------------------------
   1. 基础视口与画布体系 (Viewport & Stage Canvas)
   ----------------------------------------------------------------------------- */
body.light-theme {
  background-color: #f1f5f9;
  color: #0f172a;
}

body.light-theme .screen-viewport {
  background: radial-gradient(circle at 50% 40%, #e2e8f0 0%, #cbd5e1 100%);
}

body.light-theme .app-stage {
  background: 
    radial-gradient(1200px 750px at 86% 18%, rgba(219, 234, 254, 0.75), transparent 60%),
    radial-gradient(1100px 700px at 12% 28%, rgba(243, 232, 255, 0.55), transparent 55%),
    radial-gradient(1300px 900px at 50% 92%, rgba(224, 242, 254, 0.65), transparent 65%),
    radial-gradient(circle at 50% 40%, #f8fafc 0%, #f1f5f9 100%);
  box-shadow: 0 25px 80px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(226, 232, 240, 0.8);
  color: #0f172a;
  transition: background 0.35s ease, box-shadow 0.35s ease;
}

/* 浅色氛围漫射光斑 (晨曦极光微晕) */
body.light-theme .ambient-glow::before {
  background: radial-gradient(circle, rgba(14, 165, 233, 0.14) 0%, rgba(56, 189, 248, 0.06) 40%, transparent 70%);
  filter: blur(120px);
}

body.light-theme .ambient-glow::after {
  background: radial-gradient(circle, rgba(168, 85, 247, 0.10) 0%, rgba(192, 38, 211, 0.04) 35%, transparent 70%);
  filter: blur(130px);
}

/* -----------------------------------------------------------------------------
   2. 左侧主导航 Dock 悬浮药丸 (Sidebar Pill)
   ----------------------------------------------------------------------------- */
body.light-theme .sidebar.glass-dock-pill {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(36px) saturate(180%);
  -webkit-backdrop-filter: blur(36px) saturate(180%);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 40px rgba(100, 116, 139, 0.15), 
              0 0 0 1px rgba(203, 213, 225, 0.6),
              inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

body.light-theme .sidebar.glass-dock-pill.has-sub-open,
body.light-theme .sidebar.glass-dock-pill:has(#nav-group-recommend.open) {
  border-color: rgba(37, 99, 235, 0.45);
  box-shadow: 0 24px 60px rgba(100, 116, 139, 0.2), 
              0 0 24px rgba(37, 99, 235, 0.15),
              0 0 0 1px rgba(37, 99, 235, 0.3);
}

body.light-theme .nav-item.nav-main-item {
  color: #334155;
}

body.light-theme .nav-item .nav-label {
  color: #334155;
  text-shadow: none;
}

body.light-theme .svg-icon-tv-cute,
body.light-theme .svg-icon-more-hollow {
  color: #475569 !important;
  stroke: #475569 !important;
  filter: none;
}

body.light-theme .svg-icon-tv-cute line,
body.light-theme .svg-icon-tv-cute rect {
  stroke: #475569 !important;
}

body.light-theme .svg-icon-tv-cute circle {
  fill: #475569 !important;
  stroke: none !important;
}

/* 导航项获得焦点 / Hover */
body.light-theme .nav-item.nav-main-item:hover,
body.light-theme .nav-item.nav-main-item.focused {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.45);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.18);
  transform: scale(1.08);
}

body.light-theme .nav-item.focused .nav-label,
body.light-theme .nav-item:hover .nav-label {
  color: #2563eb !important;
  font-weight: 800;
}

body.light-theme .nav-item.focused .svg-icon-tv-cute,
body.light-theme .nav-item.focused .svg-icon-more-hollow,
body.light-theme .nav-item:hover .svg-icon-tv-cute,
body.light-theme .nav-item:hover .svg-icon-more-hollow,
body.light-theme [data-id="nav-tv"].active .svg-icon-tv-cute {
  color: #2563eb !important;
  stroke: #2563eb !important;
  filter: drop-shadow(0 2px 8px rgba(37, 99, 235, 0.35));
}

body.light-theme .nav-item.focused .svg-icon-tv-cute line,
body.light-theme .nav-item.focused .svg-icon-tv-cute rect,
body.light-theme .nav-item:hover .svg-icon-tv-cute line,
body.light-theme .nav-item:hover .svg-icon-tv-cute rect,
body.light-theme [data-id="nav-tv"].active .svg-icon-tv-cute line,
body.light-theme [data-id="nav-tv"].active .svg-icon-tv-cute rect {
  stroke: #2563eb !important;
}

body.light-theme .nav-item.focused .svg-icon-tv-cute circle,
body.light-theme .nav-item:hover .svg-icon-tv-cute circle,
body.light-theme [data-id="nav-tv"].active .svg-icon-tv-cute circle {
  fill: #2563eb !important;
}

/* 发现微标 (圆形罗盘保持高识别皇家蓝) */
body.light-theme .dock-icon-circle.icon-discover-badge {
  background: linear-gradient(145deg, #2563eb 0%, #0284c7 60%, #0369a1 100%);
  border: 2px solid #ffffff;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4);
}

body.light-theme .nav-item.active .icon-discover-badge,
body.light-theme .nav-item.focused .icon-discover-badge {
  box-shadow: 0 0 20px rgba(37, 99, 235, 0.65), 0 0 0 2px #2563eb;
}

/* 激活选中态 */
body.light-theme #nav-more-main.active,
body.light-theme [data-id="nav-tv"].active {
  background: rgba(37, 99, 235, 0.1);
  border-color: rgba(37, 99, 235, 0.5);
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);
  color: #2563eb;
}

body.light-theme #nav-more-main.active .nav-label,
body.light-theme [data-id="nav-tv"].active .nav-label {
  color: #2563eb !important;
  font-weight: 800;
}

body.light-theme #nav-more-main.active .dock-icon-box svg,
body.light-theme [data-id="nav-tv"].active .dock-icon-box svg {
  color: #2563eb;
  filter: drop-shadow(0 2px 8px rgba(37, 99, 235, 0.35));
}

/* 二级品类展开抽屉 */
body.light-theme .sub-nav-drawer {
  border-top-color: rgba(203, 213, 225, 0.7);
}

body.light-theme .nav-sub-item {
  color: #475569;
}

body.light-theme .nav-sub-item .nav-label {
  color: #475569;
  text-shadow: none;
}

body.light-theme .nav-sub-item .svg-icon-sub {
  color: #64748b;
  filter: none;
}

body.light-theme .nav-sub-item.focused,
body.light-theme .nav-sub-item:hover {
  background: rgba(37, 99, 235, 0.1);
  border-color: #2563eb;
  box-shadow: none;
}

body.light-theme .nav-sub-item.focused .nav-label,
body.light-theme .nav-sub-item:hover .nav-label {
  color: #2563eb !important;
  font-weight: 800;
}

body.light-theme .nav-sub-item.focused .svg-icon-sub,
body.light-theme .nav-sub-item:hover .svg-icon-sub {
  color: #2563eb;
  filter: none;
}

/* -----------------------------------------------------------------------------
   3. 顶部系统栏与系统胶囊控件 (Top System Bar & Capsules)
   ----------------------------------------------------------------------------- */
body.light-theme .top-system-bar {
  background: transparent;
}

body.light-theme .sys-capsule {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1.2px solid rgba(203, 213, 225, 0.85);
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.12);
  color: #1e293b;
}

/* 门户胶囊 */
body.light-theme #sys-portal-capsule {
  color: #475569 !important;
}

body.light-theme #sys-portal-capsule span {
  color: #334155;
  font-weight: 700;
}

/* 深色/浅色模式切换胶囊专属质感 */
.theme-toggle-capsule {
  cursor: pointer;
  outline: none;
  font-family: inherit;
  user-select: none;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.theme-toggle-icon {
  font-size: 15px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.theme-toggle-text {
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

body.light-theme .theme-toggle-capsule {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.9);
  border: 1.2px solid rgba(203, 213, 225, 0.9);
}

body:not(.light-theme) .theme-toggle-capsule {
  color: #f1f5f9;
  background: rgba(255, 255, 255, 0.08);
  border: 1.2px solid rgba(255, 255, 255, 0.14);
}

/* 天气胶囊 */
body.light-theme .weather-capsule {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(203, 213, 225, 0.85);
  color: #334155;
}

body.light-theme .weather-city,
body.light-theme .weather-condition {
  color: #475569;
}

body.light-theme .weather-temp {
  color: #0f172a;
  font-weight: 800;
}

body.light-theme .strategy-gear-hint {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.3);
}

/* 时间胶囊 */
body.light-theme .time-capsule {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(203, 213, 225, 0.85);
}

body.light-theme .time-text {
  color: #0f172a;
  font-weight: 800;
}

body.light-theme .status-dot {
  background-color: #059669;
  box-shadow: 0 0 8px rgba(5, 150, 105, 0.5);
}

/* 顶部胶囊落焦高光 (Focus State) */
body.light-theme .sys-capsule.focused {
  background: linear-gradient(135deg, #2563eb 0%, #0284c7 100%) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  transform: scale(1.06);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.45), 0 0 0 2.5px #2563eb !important;
}

body.light-theme .sys-capsule.focused * {
  color: #ffffff !important;
}

body.light-theme .sys-capsule.focused .strategy-gear-hint {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
}

body.light-theme .sys-capsule.focused .status-dot {
  background-color: #ffffff;
  box-shadow: 0 0 10px #ffffff;
}

/* -----------------------------------------------------------------------------
   4. 页面元信息栏与角色头像选择栏 (Page Meta Header & Profiles)
   ----------------------------------------------------------------------------- */
body.light-theme .page-meta-header {
  background: transparent;
}

body.light-theme .category-title {
  color: #0f172a;
  text-shadow: none;
}

body.light-theme .profile-chip {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1.2px solid rgba(203, 213, 225, 0.9);
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.1);
}

body.light-theme .profile-name {
  color: #1e293b;
}

/* 选中角色 (Active State) */
body.light-theme .profile-chip.active {
  background: rgba(37, 99, 235, 0.1);
  border-color: #2563eb;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.22);
}

body.light-theme .profile-chip.active .profile-name {
  color: #1d4ed8;
  font-weight: 800;
}

body.light-theme .profile-chip.active .active-indicator {
  background: #2563eb;
  box-shadow: 0 0 8px rgba(37, 99, 235, 0.8);
}

/* 添加角色虚线胶囊 */
body.light-theme .profile-chip.add-chip {
  background: rgba(255, 255, 255, 0.65);
  border: 1.2px dashed #94a3b8;
}

body.light-theme .profile-chip.add-chip .profile-name {
  color: #64748b;
}

body.light-theme .profile-chip.add-chip .avatar-add {
  background: #f1f5f9;
  color: #475569;
  border: 1.5px dashed #cbd5e1;
}

body.light-theme .profile-chip.add-chip:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: #2563eb;
}

body.light-theme .profile-chip.add-chip:hover .profile-name {
  color: #2563eb;
}

/* 角色胶囊获得焦点 (D-Pad Focused) */
body.light-theme .profile-chip.focused {
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
  border-color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.45), 0 0 0 2.5px #2563eb !important;
  transform: scale(1.08) !important;
}

body.light-theme .profile-chip.focused .profile-name {
  color: #ffffff !important;
}

body.light-theme .profile-chip.focused.add-chip {
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
  border-style: solid !important;
  border-color: #ffffff !important;
}

body.light-theme .profile-chip.focused.add-chip .avatar-add {
  background: #ffffff !important;
  color: #2563eb !important;
  border-color: #ffffff !important;
}

/* 关注胶囊专属设计 (发现页顶部常驻核心入口) */
body.light-theme .profile-chip.follow-chip {
  padding-right: 14px;
  gap: 8px;
  background: rgba(255, 255, 255, 0.92);
  border: 1.5px solid rgba(2, 132, 199, 0.28);
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.12);
}

body.light-theme .profile-chip.follow-chip .avatar-follow img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1.5px solid #0284c7;
  object-fit: cover;
  display: block;
}

body.light-theme .profile-chip.follow-chip .follow-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 7px;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, #ef4444 0%, #f43f5e 100%);
  border-radius: 10px;
  line-height: 1.2;
  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.35);
}

body.light-theme .profile-chip.follow-chip.focused {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  border-color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(2, 132, 199, 0.45), 0 0 0 2.5px #0284c7 !important;
  transform: scale(1.08) !important;
}

body.light-theme .profile-chip.follow-chip.focused .profile-name {
  color: #ffffff !important;
}

body.light-theme .profile-chip.follow-chip.focused .avatar-follow img {
  border-color: #ffffff !important;
}

body.light-theme .profile-chip.follow-chip.focused .follow-count-badge {
  background: #ffffff !important;
  color: #ef4444 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* -----------------------------------------------------------------------------
   5. 迎宾区与楼层 Header (Hero Greetings & Floor Headers)
   ----------------------------------------------------------------------------- */
body.light-theme .hero-greeting-title {
  color: #0f172a;
  text-shadow: none;
}

body.light-theme .hero-moon-badge {
  filter: drop-shadow(0 4px 10px rgba(234, 179, 8, 0.35));
}

body.light-theme .stream-floor-header,
body.light-theme .floor-header {
  border-top-color: rgba(203, 213, 225, 0.6);
}

body.light-theme .stream-floor-title,
body.light-theme .floor-title {
  color: #0f172a;
  text-shadow: none;
}

/* 楼层标题主体文字（.floor-title-text 是实际使用的类名） */
body.light-theme .floor-title-text {
  color: #0f172a !important;
  text-shadow: none !important;
}

body.light-theme .stream-floor-badge,
body.light-theme .floor-badge {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
  border: 1px solid rgba(37, 99, 235, 0.25);
}

body.light-theme .stream-floor-desc,
body.light-theme .floor-desc {
  color: #64748b;
}

body.light-theme .floor-count-hint {
  color: #475569;
}

/* 楼层标签胶囊——浅色背景下增强对比度 */
body.light-theme .floor-pill-tag {
  color: #0369a1;
  background: rgba(3, 105, 161, 0.08);
  border-color: rgba(3, 105, 161, 0.22);
}

body.light-theme .floor-pill-tag.tag-orange {
  color: #c2410c;
  background: rgba(194, 65, 12, 0.08);
  border-color: rgba(194, 65, 12, 0.22);
}

body.light-theme .floor-pill-tag.tag-purple {
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.08);
  border-color: rgba(124, 58, 237, 0.22);
}

body.light-theme .floor-pill-tag.tag-emerald {
  color: #059669;
  background: rgba(5, 150, 105, 0.08);
  border-color: rgba(5, 150, 105, 0.22);
}

body.light-theme .floor-pill-tag.tag-pink {
  color: #be185d;
  background: rgba(190, 24, 93, 0.08);
  border-color: rgba(190, 24, 93, 0.22);
}

/* -----------------------------------------------------------------------------
   6. 种草流标准卡片体系 (Standard Feed Cards - 纯白浮雕卡)
   ----------------------------------------------------------------------------- */
body.light-theme .feed-note-card {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 6px 20px rgba(100, 116, 139, 0.10), 0 1px 3px rgba(100, 116, 139, 0.05);
}

body.light-theme .note-cover {
  background-color: #e2e8f0;
}

body.light-theme .note-cover::after {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.5) 100%);
}

body.light-theme .note-body {
  background: #ffffff;
  border-top: 1px solid #f1f5f9;
}

body.light-theme .note-title {
  color: #0f172a;
}

body.light-theme .note-meta,
body.light-theme .note-meta-row {
  color: #64748b;
}

body.light-theme .note-meta-likes {
  color: #475569;
}

body.light-theme .note-meta-divider,
body.light-theme .note-meta-dot {
  background: #cbd5e1;
}

body.light-theme .note-meta-time {
  color: #94a3b8;
}

body.light-theme .note-author-avatar {
  border: 1.5px solid rgba(226, 232, 240, 0.8);
}

body.light-theme .note-play-icon {
  background: rgba(255, 255, 255, 0.96);
  color: #2563eb;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

/* 标准卡片落焦高光 (Focus State - 科技蓝双层光环) */
body.light-theme .feed-note-card.focused {
  border-color: #2563eb !important;
  transform: scale(1.05);
  box-shadow: 0 16px 36px rgba(37, 99, 235, 0.28), 0 0 0 3px #2563eb !important;
}

body.light-theme .feed-note-card.focused .note-title {
  color: #1d4ed8;
}

body.light-theme .feed-note-card.focused .note-play-icon {
  background: linear-gradient(135deg, #2563eb 0%, #0284c7 100%) !important;
  color: #ffffff;
  box-shadow: 0 0 16px rgba(37, 99, 235, 0.6);
}

/* -----------------------------------------------------------------------------
   7. 特殊卡片体系全套适配 (Specialized Card Ecosystem)
   ----------------------------------------------------------------------------- */

/* 7.1 CCTV-1 重点头条大卡 (card-hero-spotlight) */
body.light-theme .card-hero-spotlight {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 8px 26px rgba(100, 116, 139, 0.12);
}

body.light-theme .card-hero-spotlight .hero-title {
  color: #0f172a;
}

body.light-theme .card-hero-spotlight .hero-desc,
body.light-theme .card-hero-spotlight .hero-subtitle {
  color: #475569;
}

body.light-theme .card-hero-spotlight .hero-meta-item {
  color: #64748b;
}

body.light-theme .card-hero-spotlight.focused {
  border-color: #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.28), 0 0 0 3.5px #2563eb !important;
  border-radius: 20px !important;
  transform: scale(1.035) !important;
  z-index: 30 !important;
}

body.light-theme .card-hero-spotlight:last-child.focused,
body.light-theme .feed-row-composite-rev .card-hero-spotlight.focused {
  transform-origin: 85% center !important;
}

body.light-theme .card-hero-spotlight.focused .hero-title {
  color: #0f172a !important;
}

body.light-theme .card-hero-spotlight.focused .hero-preview-cue,
body.light-theme .card-hero-spotlight:hover .hero-preview-cue {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* 7.2 创作者名片卡 (card-creator-style-a) · 浅色模式专属高清大片画质保障
   注意：博主卡片底层为全画幅影视大片轮播图+暗色渐变遮罩，文字必须保持通透白/暖金，严禁出现实心白色背景块与深黑看不清字 */
body.light-theme .card-creator-style-a {
  background: #0f172a; /* 保持大片暗底 */
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
}

body.light-theme .card-creator-style-a .creator-a-name {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

body.light-theme .card-creator-style-a .creator-a-meta,
body.light-theme .card-creator-style-a .creator-a-tag {
  color: #e2e8f0 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
}

body.light-theme .card-creator-style-a .creator-a-quote {
  color: #f8fafc !important;
  background: transparent !important; /* 严禁实心白色矩形块 */
  border-left: none !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

body.light-theme .card-creator-style-a .creator-a-likes-count {
  color: #fbbf24 !important;
}

body.light-theme .card-creator-style-a .creator-a-third-line {
  color: #38bdf8 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;
}

/* 浅色模式落焦态：全卡片规范科技蓝双层光环，专栏浮层平滑展开 */
body.light-theme .card-creator-style-a.focused,
body.light-theme .card-creator-style-a:hover {
  transform: scale(1.05) !important;
  border-color: #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.32), 0 0 0 3px #2563eb !important;
}

body.light-theme .card-creator-style-a.focused .creator-a-avatar,
body.light-theme .card-creator-style-a:hover .creator-a-avatar {
  box-shadow: 0 0 0 3px #38bdf8, 0 6px 20px rgba(56, 189, 248, 0.6) !important;
  transform: scale(1.06) !important;
}

body.light-theme .card-creator-style-a.focused .creator-a-name,
body.light-theme .card-creator-style-a:hover .creator-a-name {
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9) !important;
}

body.light-theme .card-creator-style-a.focused .creator-a-meta,
body.light-theme .card-creator-style-a:hover .creator-a-meta {
  color: #fde68a !important;
}

body.light-theme .card-creator-style-a.focused .creator-a-quote,
body.light-theme .card-creator-style-a:hover .creator-a-quote {
  color: #ffffff !important;
  background: transparent !important;
  font-weight: 600;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}

body.light-theme .card-creator-style-a.focused .creator-a-third-line,
body.light-theme .card-creator-style-a:hover .creator-a-third-line {
  max-height: 32px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  margin-top: 8px !important;
  color: #38bdf8 !important;
}

/* 7.3 有声黑胶音乐卡片 (card-audio-spotlight) */
body.light-theme .card-audio-spotlight {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.12);
}

body.light-theme .card-audio-spotlight .audio-title {
  color: #0f172a;
}

body.light-theme .card-audio-spotlight .audio-artist {
  color: #64748b;
}

body.light-theme .card-audio-spotlight .audio-desc {
  color: #475569;
}

body.light-theme .card-audio-spotlight.focused {
  border-color: #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.28), 0 0 0 3px #2563eb !important;
}

/* 7.4 竖屏微短剧卡片 (card-vertical-short) */
body.light-theme .card-vertical-short {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.12);
}

body.light-theme .card-vertical-short .shorts-title {
  color: #0f172a;
}

body.light-theme .card-vertical-short .shorts-meta {
  color: #64748b;
}

body.light-theme .card-vertical-short.focused {
  border-color: #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.28), 0 0 0 3px #2563eb !important;
}

/* 7.5 文字金句卡片 (card-editorial-quote & note-template-text) */
body.light-theme .card-editorial-quote,
body.light-theme .note-template-text {
  background: #ffffff !important;
  border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.10) !important;
}

body.light-theme .card-editorial-quote::before {
  color: rgba(37, 99, 235, 0.08) !important;
}

body.light-theme .editorial-quote-text,
body.light-theme .note-text-content,
body.light-theme .card-editorial-quote .quote-main-text {
  color: #0f172a !important;
}

body.light-theme .card-editorial-quote .quote-highlight {
  color: #2563eb !important;
}

body.light-theme .card-editorial-quote .quote-source {
  color: #64748b !important;
}

body.light-theme .editorial-author,
body.light-theme .note-text-author,
body.light-theme .card-editorial-quote .quote-critic-name {
  color: #1e293b !important;
  font-size: 16px !important;
}

body.light-theme .card-editorial-quote .quote-metrics,
body.light-theme .card-editorial-quote .quote-metrics-heat {
  color: #64748b !important;
}

body.light-theme .card-editorial-quote.focused,
body.light-theme .note-template-text.focused {
  transform: scale(1.05) !important;
  border-color: #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.35), 0 0 0 3px #2563eb !important;
  background: #ffffff !important;
}

body.light-theme .card-editorial-quote.focused .quote-main-text {
  color: #1d4ed8 !important;
}

/* 7.5.1 有声卡片内部文本与组件浅色模式适配 */
body.light-theme .card-audio-spotlight .audio-category-pill {
  background: rgba(14, 165, 233, 0.1) !important;
  border-color: rgba(14, 165, 233, 0.35) !important;
  color: #0284c7 !important;
}

body.light-theme .card-audio-spotlight .audio-heat-text {
  color: #d97706 !important;
}

body.light-theme .card-audio-spotlight .audio-curator-label {
  color: #64748b !important;
}

body.light-theme .card-audio-spotlight .audio-program-title {
  color: #0f172a !important;
}

body.light-theme .card-audio-spotlight .audio-desc-text {
  color: #475569 !important;
}

body.light-theme .card-audio-spotlight .audio-latest-episode {
  color: #64748b !important;
}

body.light-theme .card-audio-spotlight .audio-play-pill-btn {
  background: #f0f9ff !important;
  color: #0284c7 !important;
  border: 1px solid rgba(14, 165, 233, 0.3) !important;
}

body.light-theme .card-audio-spotlight.focused .audio-play-pill-btn {
  background: #0284c7 !important;
  color: #ffffff !important;
}

body.light-theme .card-audio-spotlight .audio-vinyl-outer {
  background: repeating-radial-gradient(circle, #334155 0, #1e293b 4px, #0f172a 8px) !important;
  border-color: rgba(148, 163, 184, 0.4) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25) !important;
}

/* 7.5.2 博主卡片 (card-creator-style-b) 浅色模式适配 */
body.light-theme .card-creator-style-b {
  background: #ffffff !important;
  border-color: rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.12) !important;
}

body.light-theme .card-creator-style-b .creator-b-header {
  background: #ffffff !important;
  border-bottom-color: #f1f5f9 !important;
}

body.light-theme .card-creator-style-b .creator-b-name {
  color: #0f172a !important;
}

body.light-theme .card-creator-style-b .creator-b-badge {
  color: #64748b !important;
}

body.light-theme .card-creator-style-b .creator-b-follow-pill {
  background: #eff6ff !important;
  color: #2563eb !important;
  border-color: #bfdbfe !important;
}

/* 7.6 系列宇宙主题流卡片 (note-template-theme & note-template-pin) */
body.light-theme .feed-note-card.note-template-theme,
body.light-theme .feed-note-card.note-template-pin,
body.light-theme .card-universe-theme {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.12);
}

body.light-theme .theme-main-title {
  color: #0f172a;
}

body.light-theme .theme-enter-capsule {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
  border: 1px solid rgba(37, 99, 235, 0.25);
}

body.light-theme .feed-note-card.note-template-theme.focused,
body.light-theme .feed-note-card.note-template-pin.focused {
  border-color: #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.28), 0 0 0 3px #2563eb !important;
}

body.light-theme .feed-note-card.note-template-theme.focused .theme-main-title {
  color: #1d4ed8;
}

/* 7.7 场景导视条 (scene-pills & topic-pills) */
body.light-theme .scene-pill,
body.light-theme .topic-pill {
  background: rgba(255, 255, 255, 0.85);
  border: 1.2px solid rgba(203, 213, 225, 0.85);
  color: #334155;
  box-shadow: 0 4px 12px rgba(100, 116, 139, 0.08);
}

body.light-theme .scene-pill.active,
body.light-theme .topic-pill.active {
  background: rgba(37, 99, 235, 0.1);
  border-color: #2563eb;
  color: #1d4ed8;
}

body.light-theme .scene-pill.focused,
body.light-theme .topic-pill.focused {
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4), 0 0 0 2.5px #2563eb !important;
}

body.light-theme .row-topic-marquee {
  background: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(203, 213, 225, 0.7) !important;
  box-shadow: 0 4px 20px rgba(100, 116, 139, 0.08) !important;
}

/* 浅色模式下的纯胶囊跑马灯条 (移除最外层白色底，直接漂浮纯胶囊) */
body.light-theme .row-topic-marquee.marquee-pure-pills {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.light-theme .row-topic-marquee.marquee-pure-pills .topic-pill {
  background: #ffffff !important;
  border: 1.2px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.08) !important;
}

body.light-theme .row-topic-marquee.marquee-pure-pills .topic-pill-tag {
  color: #0f172a !important;
  font-size: 17.5px !important;
  font-weight: 800 !important;
}

body.light-theme .row-topic-marquee.marquee-pure-pills .topic-pill-count {
  background: rgba(241, 245, 249, 0.95) !important;
  color: #475569 !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

body.light-theme .row-topic-marquee.marquee-pure-pills .topic-pill.focused {
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4), 0 0 0 2.5px #2563eb !important;
  transform: scale(1.06) translateY(-1px) !important;
}

body.light-theme .row-topic-marquee.marquee-pure-pills .topic-pill.focused .topic-pill-tag {
  color: #ffffff !important;
}

body.light-theme .row-topic-marquee.marquee-pure-pills .topic-pill.focused .topic-pill-count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

body.light-theme .row-topic-marquee.marquee-pure-pills .topic-pill.focused .topic-pill-enter,
body.light-theme .topic-pill-enter {
  display: none !important;
}

/* -----------------------------------------------------------------------------
   8. 底部遥控器指南条与全局浮层 (Remote Hints & Modals)
   ----------------------------------------------------------------------------- */
body.light-theme .remote-hints {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid rgba(203, 213, 225, 0.8);
  box-shadow: 0 -4px 20px rgba(100, 116, 139, 0.08);
  color: #475569;
}

body.light-theme .key-pill {
  background: #e2e8f0;
  color: #0f172a;
  border: 1px solid #cbd5e1;
  font-weight: 700;
}

body.light-theme .scale-hint {
  color: #94a3b8;
}

/* 策略配置抽屉/模态框 */
body.light-theme .strategy-modal-backdrop {
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.light-theme .strategy-modal-card {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
  color: #0f172a;
}

body.light-theme .strategy-modal-header h3 {
  color: #0f172a;
}

body.light-theme .strategy-modal-desc {
  color: #64748b;
}

body.light-theme .strategy-preset-card {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  color: #1e293b;
}

body.light-theme .strategy-preset-card.active {
  background: rgba(37, 99, 235, 0.08);
  border-color: #2563eb;
  color: #1d4ed8;
}

body.light-theme .strategy-preset-card.focused {
  border-color: #2563eb !important;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.3), 0 0 0 2.5px #2563eb !important;
}

body.light-theme .rule-toggle-group {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

body.light-theme .rule-btn {
  color: #475569;
}

body.light-theme .rule-btn.active {
  background: #ffffff;
  color: #2563eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* -----------------------------------------------------------------------------
   8. 核心浮层与弹窗体系 (Core Overlays & Modals)
   ----------------------------------------------------------------------------- */

/* ==============================================================================
   8.1 家庭角色与偏好管理统一三态浮层 (Family Overlay System)
   ============================================================================== */
body.light-theme .family-overlay-backdrop {
  background-color: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

body.light-theme .family-overlay-container {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 28px 75px rgba(100, 116, 139, 0.22), 0 0 0 1px rgba(226, 232, 240, 0.8);
  color: #0f172a;
}

/* 浮层顶栏 */
body.light-theme .overlay-top-header {
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}

body.light-theme .brand-logo-icon {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.25);
  color: #2563eb;
}

body.light-theme .overlay-main-title {
  color: #0f172a;
}

body.light-theme .active-role-summary-pill {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #475569;
  box-shadow: 0 2px 6px rgba(100, 116, 139, 0.06);
}

body.light-theme .active-role-summary-pill strong {
  color: #2563eb;
}

/* A 区：添加角色区 */
body.light-theme .area-title-text {
  color: #0f172a;
}

body.light-theme .voice-add-role-hint {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(99, 102, 241, 0.08));
  border: 1.2px solid rgba(37, 99, 235, 0.22);
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.08);
}

body.light-theme .voice-hint-desc {
  color: #475569;
}

body.light-theme .voice-hint-desc .voice-quote-text {
  color: #2563eb;
  text-shadow: none;
}

body.light-theme .preset-candidate-card {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.08);
}

body.light-theme .preset-candidate-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, transparent 100%);
}

body.light-theme .preset-candidate-card:hover,
body.light-theme .preset-candidate-card.focused {
  background: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2.5px #2563eb, 0 14px 32px rgba(37, 99, 235, 0.25) !important;
}

body.light-theme .preset-avatar-box {
  background: #e2e8f0;
  border: 2px solid #cbd5e1;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.12);
}

body.light-theme .preset-candidate-card:hover .preset-avatar-box,
body.light-theme .preset-candidate-card.focused .preset-avatar-box {
  border-color: #ffffff;
  box-shadow: 0 0 0 2.5px #2563eb, 0 0 16px rgba(37, 99, 235, 0.5);
}

body.light-theme .preset-name-title {
  color: #1e293b;
}

body.light-theme .preset-candidate-card:hover .preset-name-title,
body.light-theme .preset-candidate-card.focused .preset-name-title {
  color: #2563eb;
  text-shadow: none;
}

body.light-theme .preset-focus-action {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.3);
}

body.light-theme .preset-focus-action .tv-key-cap {
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.4);
}

body.light-theme .preset-focus-action .action-desc {
  color: #2563eb;
}

body.light-theme .preset-more-card {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

body.light-theme .preset-more-card:hover,
body.light-theme .preset-more-card.focused {
  border-color: #2563eb;
  background: #ffffff;
}

body.light-theme .more-avatar-box {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.25);
  color: #2563eb;
}

/* B 区：已添加角色区 */
body.light-theme .area-configured-roles {
  border-bottom-color: #e2e8f0;
}

body.light-theme .role-badge-item .role-avatar-circle {
  background: #f1f5f9;
  border: 3px solid #cbd5e1;
  box-shadow: 0 4px 12px rgba(100, 116, 139, 0.12);
}

body.light-theme .role-badge-item .role-name-label {
  color: #334155;
}

body.light-theme .state-s2 .role-badge-item.active-role .role-avatar-circle {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3), 0 8px 24px rgba(37, 99, 235, 0.35);
}

body.light-theme .role-badge-item.focused .role-avatar-circle {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px #2563eb, 0 10px 28px rgba(37, 99, 235, 0.4);
}

body.light-theme .role-badge-item.active-role .role-name-label,
body.light-theme .role-badge-item.focused .role-name-label {
  color: #2563eb;
  text-shadow: none;
}

body.light-theme .state-s3 .role-badge-item {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
}

body.light-theme .state-s3 .role-badge-item.active-role {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.4);
}

body.light-theme .state-s3 .role-badge-item.focused {
  border-color: #2563eb;
  box-shadow: 0 0 14px rgba(37, 99, 235, 0.35);
}

/* C 区：兴趣设置区 */
body.light-theme .interests-sidebar-title {
  color: #0f172a;
}

body.light-theme .category-nav-item {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #475569;
}

body.light-theme .category-item-count {
  background: #e2e8f0;
  color: #475569;
}

body.light-theme .category-nav-item.active-category {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.3);
  color: #2563eb;
}

body.light-theme .category-nav-item:hover,
body.light-theme .category-nav-item.focused,
body.light-theme .category-nav-item.active-category.focused {
  background: #2563eb !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px #2563eb, 0 8px 22px rgba(37, 99, 235, 0.35) !important;
}

body.light-theme .category-nav-item.focused .category-item-count,
body.light-theme .category-nav-item.active-category.focused .category-item-count {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

body.light-theme .batch-btn {
  background: #f8fafc;
  border: 1.5px solid #cbd5e1;
  color: #1e293b;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.08);
}

body.light-theme .batch-btn:hover,
body.light-theme .batch-btn.focused {
  background: #2563eb;
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5), 0 8px 24px rgba(37, 99, 235, 0.35);
}

/* 账号卡片 */
body.light-theme .account-card-item {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.07);
}

body.light-theme .account-card-item:hover,
body.light-theme .account-card-item.focused {
  border-color: #2563eb;
  box-shadow: 0 0 0 2.5px #2563eb, 0 10px 24px rgba(37, 99, 235, 0.25);
  background: #ffffff;
}

body.light-theme .account-card-item.followed {
  background: rgba(16, 185, 129, 0.05);
  border-color: rgba(16, 185, 129, 0.35);
}

body.light-theme .account-avatar-box {
  background: #f1f5f9;
  border: 1.5px solid #e2e8f0;
}

body.light-theme .account-name-text {
  color: #0f172a;
}

body.light-theme .account-followers-line {
  color: #2563eb;
}

body.light-theme .account-followers-line .followers-icon,
body.light-theme .account-followers-line .followers-count-val {
  color: #2563eb;
}

body.light-theme .follow-status-pill {
  background: #f1f5f9;
  border: 1.5px solid #cbd5e1;
  color: #475569;
}

body.light-theme .account-card-item.followed .follow-status-pill {
  background: #10b981;
  border-color: #10b981;
  color: #ffffff;
}

body.light-theme .account-intro-text {
  color: #64748b;
}

body.light-theme .account-tag-chip {
  color: #475569;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}

/* 二级弹窗适配 */
body.light-theme .delete-role-modal-scrim {
  background: rgba(15, 23, 42, 0.45);
}

body.light-theme .delete-role-card {
  background: #ffffff;
  border: 1.5px solid rgba(239, 68, 68, 0.35);
  box-shadow: 0 20px 60px rgba(100, 116, 139, 0.25);
}

body.light-theme .delete-title-h3 {
  color: #0f172a;
}

body.light-theme .delete-prompt-desc {
  color: #64748b;
}

body.light-theme .btn-delete-cancel {
  background: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}

body.light-theme .empty-interest-modal-scrim {
  background: rgba(15, 23, 42, 0.45);
}

body.light-theme .empty-interest-card {
  background: #ffffff;
  border: 1.5px solid rgba(245, 158, 11, 0.4);
  box-shadow: 0 20px 60px rgba(100, 116, 139, 0.25);
}

body.light-theme .empty-interest-title-h3 {
  color: #0f172a;
}

body.light-theme .empty-interest-prompt-desc {
  color: #64748b;
}

body.light-theme .btn-interest-quit {
  background: #f1f5f9;
  color: #475569;
  border-color: #cbd5e1;
}

body.light-theme .qr-role-modal-scrim {
  background: rgba(15, 23, 42, 0.45);
}

body.light-theme .qr-role-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 25px 60px rgba(100, 116, 139, 0.25);
}

body.light-theme .qr-modal-title {
  color: #0f172a;
}

body.light-theme .qr-modal-subtitle {
  color: #64748b;
}

body.light-theme .qr-feature-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

body.light-theme .qr-feature-item strong {
  color: #0f172a;
}

body.light-theme .qr-feature-item p {
  color: #64748b;
}

body.light-theme .qr-cancel-btn {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #475569;
}

body.light-theme .screen-footer-hints {
  background: rgba(255, 255, 255, 0.88);
  border-top: 1px solid #e2e8f0;
}

body.light-theme .hint-pill {
  color: #64748b;
}

body.light-theme .key-symbol {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1e293b;
}

body.light-theme .tv-toast-box {
  background: rgba(15, 23, 42, 0.92);
  color: #ffffff;
}

/* ==============================================================================
   8.2 点击推荐位大预览浮层与试看弹窗 (Card Preview Player & Trial Modal)
   ============================================================================== */
body.light-theme .cpp-preview-backdrop {
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

/* 浅色模式大预览卡片容器 */
body.light-theme .cpp-preview-card:not(.fullscreen-mode) {
  background: #ffffff !important;
  border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 30px 80px rgba(100, 116, 139, 0.22), 0 0 0 1px rgba(226, 232, 240, 0.8) !important;
}

/* 左侧媒体视窗 */
body.light-theme .cpp-preview-media-col {
  border-right: 1px solid #e2e8f0;
}

/* 右侧信息决策区 */
body.light-theme .cpp-preview-info-col {
  background: #ffffff !important;
}

/* 博主信息卡 */
body.light-theme .cpp-preview-meta-row {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.08);
}

body.light-theme .cpp-preview-meta-row:hover,
body.light-theme .cpp-preview-meta-row.focused {
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px #2563eb, 0 12px 30px rgba(37, 99, 235, 0.25);
}

body.light-theme .cpp-meta-name {
  color: #0f172a;
}

body.light-theme .cpp-preview-meta-row.focused .cpp-meta-name {
  color: #0f172a;
  text-shadow: none;
}

body.light-theme .cpp-meta-fans {
  color: #64748b;
}

body.light-theme .cpp-preview-meta-row.focused .cpp-meta-fans {
  color: #475569;
}

/* 预览标题 */
body.light-theme .cpp-preview-title {
  color: #0f172a !important;
  text-shadow: none !important;
}

/* 提到的内容（正片卡片） */
body.light-theme .cpp-preview-feature-card {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.08);
}

body.light-theme .cpp-preview-feature-card:hover,
body.light-theme .cpp-preview-feature-card.focused {
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 0 0 2.5px #2563eb, 0 12px 30px rgba(37, 99, 235, 0.22), inset 0 0 0 1px rgba(37, 99, 235, 0.3);
}

body.light-theme .cpp-feature-tag-chip {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.25);
  color: #2563eb;
}

body.light-theme .cpp-feature-poster-box {
  border-color: #cbd5e1;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.16);
}

body.light-theme .cpp-feature-title {
  color: #0f172a !important;
}

body.light-theme .cpp-feature-specs-row {
  color: #475569 !important;
}

body.light-theme .cpp-feature-desc-row {
  color: #64748b !important;
}

body.light-theme .cpp-feature-score-badge {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #d97706;
}

body.light-theme .cpp-feature-badge {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.3);
  color: #2563eb;
}

/* 试看体验兜底弹窗 (Trial Modal) */
body.light-theme .trial-modal-backdrop {
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

body.light-theme .trial-modal-dialog {
  background: #ffffff;
  border: 1.5px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 30px 80px rgba(100, 116, 139, 0.25);
}

body.light-theme .trial-info-panel {
  background: #ffffff;
}

body.light-theme .trial-title {
  color: #0f172a;
}

body.light-theme .trial-desc {
  color: #64748b;
}

body.light-theme .trial-btn.btn-secondary {
  background: #f1f5f9;
  color: #1e293b;
  border: 1px solid #cbd5e1;
}

body.light-theme .trial-btn.btn-tertiary {
  color: #64748b;
}

/* -----------------------------------------------------------------------------
   9. 全局电视焦点防剪切与高光强化引擎 (Universal Focus Light System)
   ----------------------------------------------------------------------------- */
body.light-theme .focusable.focused,
body.light-theme .focused {
  outline: none !important;
}

/* 全局获焦阴影与边框强制适配浅色模式 */
body.light-theme .feed-note-card.focused,
body.light-theme .card-hero-spotlight.focused,
body.light-theme .card-creator-style-a.focused,
body.light-theme .card-creator-style-b.focused,
body.light-theme .card-creator-style-c.focused,
body.light-theme .card-creator-spotlight.focused,
body.light-theme .card-audio-spotlight.focused,
body.light-theme .card-vertical-short.focused,
body.light-theme .card-editorial-quote.focused,
body.light-theme .card-theme-vertical.focused,
body.light-theme .card-theme-horizontal.focused,
body.light-theme .interactive-card-box.focused,
body.light-theme .note-template-text.focused,
body.light-theme .note-template-theme.focused,
body.light-theme .note-template-pin.focused,
body.light-theme .shorts-card.focused,
body.light-theme .discover-card-item.focused {
  transform: scale(1.05) !important;
  border-color: #2563eb !important;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.28), 0 0 0 3px #2563eb !important;
}

/* 浅色模式：长辈关注博主居中胶囊提示条与横滑微卡 */
body.light-theme .elder-update-bar {
  background: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 18px rgba(100, 116, 139, 0.12), 0 1px 2px rgba(37, 99, 235, 0.06) !important;
}

body.light-theme .elder-update-avatar-stack .stack-avatar {
  border-color: #ffffff !important;
}

body.light-theme .elder-update-bar:hover,
body.light-theme .elder-update-bar.focused {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2.5px #2563eb, 0 10px 30px rgba(37, 99, 235, 0.25) !important;
  background: #eff6ff !important;
}

body.light-theme .elder-update-title {
  color: #0f172a !important;
}

body.light-theme .elder-update-sub {
  color: #64748b !important;
}

body.light-theme .elder-expand-pill {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #2563eb !important;
  border-radius: 999px !important;
}

body.light-theme .elder-update-bar.focused .elder-expand-pill {
  background: #2563eb !important;
  color: #ffffff !important;
}

body.light-theme .elder-update-card {
  background: #ffffff !important;
  border: 1.2px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.08) !important;
}

body.light-theme .elder-update-card:hover,
body.light-theme .elder-update-card.focused {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px #2563eb, 0 12px 32px rgba(37, 99, 235, 0.28) !important;
  background: #ffffff !important;
  z-index: 10 !important;
}

body.light-theme .elder-card-title {
  color: #0f172a !important;
  font-size: 18.5px !important;
}

body.light-theme .elder-update-card.focused .elder-card-title {
  color: #1d4ed8 !important;
}

body.light-theme .elder-card-creator-pill {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 2px 10px rgba(100, 116, 139, 0.16) !important;
}

body.light-theme .elder-card-creator-pill .creator-name {
  color: #0f172a !important;
}

body.light-theme .elder-card-creator-pill img {
  border-color: #cbd5e1 !important;
}

body.light-theme .elder-card-update-time {
  color: #64748b !important;
}

body.light-theme .elder-update-card.focused .elder-card-update-time {
  color: #2563eb !important;
}

body.light-theme .elder-update-container.active.expanded .elder-capsule-row,
body.light-theme .elder-update-container.active.expanded .elder-update-bar {
  display: none !important;
}

body.light-theme .elder-dismiss-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  color: #64748b !important;
}

body.light-theme .elder-dismiss-btn:hover,
body.light-theme .elder-dismiss-btn.focused {
  background: #e2e8f0 !important;
  border-color: #2563eb !important;
  color: #0f172a !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.35) !important;
}

body.light-theme .elder-floor-title {
  color: #0f172a !important;
}

body.light-theme .elder-card-play-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #2563eb !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25) !important;
}

body.light-theme .elder-update-card.focused .elder-card-play-btn,
body.light-theme .elder-update-card:hover .elder-card-play-btn {
  background: #2563eb !important;
  color: #ffffff !important;
}