/* ==========================================================================
 * premium.css — 全站高级感统一层（最后加载，唯一视觉来源）
 * 目标：信息层级 / 统一语言 / 呼吸感 / 质感（选中·点击·拖拽·菜单·滑块）
 * 原则：只动视觉与反馈，不动功能与鼠标动作语义；三主题只换 Token 值。
 * 加载顺序要求：在 semantic.css / themes / site-theme / apple-ui / 页面样式之后。
 * ========================================================================== */

/* ---------- 0. 地基层：间距 / 字阶 / 层级 / 容器 ---------- */
:root {
  --xt-space-1: 0.25rem;
  --xt-space-2: 0.5rem;
  --xt-space-3: 0.75rem;
  --xt-space-4: 1rem;
  --xt-space-6: 1.5rem;
  --xt-space-10: 2.5rem;
  --xt-space-16: 4rem;
  --xt-space-24: 6rem;
  --xt-shell-max: min(96vw, 1200px);
  --xt-shell-pad-x: clamp(1rem, 3vw, 2rem);
  --xt-z-nav: 1050;
  --xt-z-float: 1060;
  --xt-z-modal: 2000;
  --xt-z-toast: 3000;
  --xt-press-scale: 0.985;
}

/* ---------- 1. 基座：选中 / 焦点 / 滚动条 / 动效总闸 ---------- */
::selection {
  background: color-mix(in srgb, var(--color-accent) 30%, transparent);
  color: var(--color-text);
}
html.theme-palette-jiguang ::selection {
  background: rgba(74, 92, 196, 0.22);
  color: #1e2433;
}

:where(a, button, input, textarea, select, [tabindex], summary):focus {
  outline: none;
}
:where(a, button, input, textarea, select, [tabindex], summary):focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--color-focus);
  border-radius: var(--radius-xs, 6px);
}

/* 全站细滚动条：默认隐形，悬停加深 */
* {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--color-text-muted) 38%, transparent) transparent;
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--color-text-muted) 32%, transparent);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--color-text-muted) 55%, transparent);
  background-clip: content-box;
  border: 2px solid transparent;
}

/* 动效总闸：只允许位移 + 透明度 + 阴影 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------- 2. 按钮体系：统一按压物理 ---------- */
.btn,
button.btn,
a.btn,
.nav-login,
.btn-neon {
  --xt-btn-bg: var(--color-accent);
  --xt-btn-fg: var(--color-accent-fg);
  border-radius: var(--radius-sm, 10px) !important;
  font-weight: 650;
  letter-spacing: 0.02em;
  transition:
    transform var(--motion-fast, 160ms) var(--ease-standard),
    box-shadow var(--motion-fast, 160ms) var(--ease-standard),
    background var(--motion-fast, 160ms) ease,
    border-color var(--motion-fast, 160ms) ease,
    color var(--motion-fast, 160ms) ease,
    filter var(--motion-fast, 160ms) ease !important;
}
.btn-primary,
.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary,
.btn-neon,
a.btn-neon {
  background: var(--xt-btn-bg) !important;
  background-image: none !important;
  color: var(--xt-btn-fg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--color-accent) 26%, transparent) !important;
  text-transform: none !important;
}
.btn-primary:hover:not(:disabled),
.btn.btn-primary:hover:not(:disabled),
a.btn.btn-primary:hover,
.btn-neon:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--color-accent) 34%, transparent) !important;
  color: var(--xt-btn-fg) !important;
}
.btn-primary:active:not(:disabled),
.btn.btn-primary:active:not(:disabled),
.btn-neon:active {
  transform: translateY(0) scale(var(--xt-press-scale)) !important;
  transition-duration: 80ms !important;
}
.btn-ghost,
.btn.btn-ghost,
a.btn.btn-ghost,
button.btn.btn-ghost,
.btn-outline-primary {
  background: transparent !important;
  background-image: none !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border-strong, var(--color-border)) !important;
  box-shadow: none !important;
}
.btn-ghost:hover:not(:disabled),
.btn.btn-ghost:hover:not(:disabled),
a.btn.btn-ghost:hover {
  background: var(--color-hover) !important;
  border-color: var(--color-accent) !important;
  color: var(--color-text) !important;
  transform: translateY(-1px);
}
.btn-ghost:active:not(:disabled),
.btn.btn-ghost:active:not(:disabled) {
  transform: translateY(0) scale(var(--xt-press-scale));
}
.btn:disabled, .btn.disabled,
button:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 图标按钮：统一尺寸与三态 */
.icon-btn,
.wechat-login-btn,
.slider-captcha-icon-btn,
.back-to-top {
  transition:
    background var(--motion-fast, 160ms) ease,
    color var(--motion-fast, 160ms) ease,
    border-color var(--motion-fast, 160ms) ease,
    transform var(--motion-fast, 160ms) var(--ease-standard),
    box-shadow var(--motion-fast, 160ms) ease !important;
}
.icon-btn:hover, .slider-captcha-icon-btn:hover { transform: translateY(-1px); }
.icon-btn:active, .slider-captcha-icon-btn:active { transform: scale(0.94); }
.back-to-top {
  background: var(--color-surface-raised) !important;
  color: var(--color-text-muted) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: 50% !important;
}
.back-to-top:hover {
  color: var(--color-accent) !important;
  border-color: var(--color-border-strong) !important;
  transform: translateY(-2px) !important;
  background: var(--color-surface-raised) !important;
}

/* 首页主按钮去霓虹化（覆盖 index.html 内联 .btn-neon） */
body.page-home .btn-neon {
  background: var(--color-accent) !important;
  color: var(--color-accent-fg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--color-accent) 28%, transparent) !important;
  text-transform: none !important;
  letter-spacing: 0.03em !important;
  border-radius: var(--radius-md, 14px) !important;
  padding: 0.9rem 2rem !important;
  font-size: 1rem !important;
}
body.page-home .btn-neon::before,
body.page-home .btn-neon::after { display: none !important; }
body.page-home .btn-neon:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  box-shadow: 0 14px 32px color-mix(in srgb, var(--color-accent) 36%, transparent) !important;
}
body.page-home .btn-neon i { margin-right: 0.5rem; transition: transform var(--motion-fast) ease; }
body.page-home .btn-neon:hover i { transform: translateY(-1px); text-shadow: none !important; }

/* ---------- 3. 输入体系：统一底 / 边 / 环 ---------- */
.textarea,
.input-inline,
input.form-control, textarea.form-control, select.form-select,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.btn),
textarea, select {
  border-radius: var(--radius-sm, 10px) !important;
  border: 1px solid var(--color-border) !important;
  background: color-mix(in srgb, var(--color-surface-raised) 80%, transparent) !important;
  color: var(--color-text) !important;
  transition:
    border-color var(--motion-fast, 160ms) ease,
    box-shadow var(--motion-fast, 160ms) ease,
    background var(--motion-fast, 160ms) ease !important;
}
.textarea::placeholder, .input-inline::placeholder,
input::placeholder, textarea::placeholder {
  color: var(--color-text-muted) !important;
  opacity: 0.7 !important;
}
.textarea:focus, .input-inline:focus,
input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea:focus, select:focus,
.form-control:focus, .form-select:focus {
  border-color: var(--color-accent) !important;
  box-shadow: 0 0 0 3px var(--color-focus) !important;
  outline: none !important;
}
input:disabled, textarea:disabled, select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
label.field-label { color: var(--color-text); font-weight: 600; }

/* 复选框 / 单选：跟随主题强调色 */
input[type="checkbox"], input[type="radio"] { accent-color: var(--color-accent); }

/* 开关（若页面有用 bootstrap form-switch，统一质感） */
.form-switch .form-check-input {
  background-color: color-mix(in srgb, var(--color-text-muted) 35%, transparent);
  border-color: var(--color-border);
}
.form-switch .form-check-input:checked {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
}
.form-switch .form-check-input:focus { box-shadow: 0 0 0 3px var(--color-focus); }

/* ---------- 4. 滑块 input[type=range]：全站统一 ---------- */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 22px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-text-muted) 30%, transparent);
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px; height: 16px;
  margin-top: -6px;
  border-radius: 50%;
  background: var(--color-surface-raised);
  border: 2px solid var(--color-accent);
  box-shadow: 0 1px 6px var(--color-shadow);
  transition: transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}
input[type="range"]:hover::-webkit-slider-thumb { transform: scale(1.12); }
input[type="range"]:active::-webkit-slider-thumb {
  transform: scale(1.2);
  box-shadow: 0 0 0 5px var(--color-focus);
  cursor: grabbing;
}
input[type="range"]::-moz-range-track {
  height: 4px; border-radius: 4px;
  background: color-mix(in srgb, var(--color-text-muted) 30%, transparent);
}
input[type="range"]::-moz-range-thumb {
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--color-surface-raised);
  border: 2px solid var(--color-accent);
  box-shadow: 0 1px 6px var(--color-shadow);
}
input[type="range"]:disabled { opacity: 0.45; cursor: not-allowed; }

/* 滑块验证码：轨道收敛为中性 + 拇指强调色 */
.slider-captcha-card {
  border-radius: var(--radius-md, 14px) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-lg) !important;
}
.slider-captcha-track-wrap {
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--color-text-muted) 12%, transparent) !important;
  border-color: var(--color-border) !important;
}
.slider-captcha-track-fill {
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--color-accent) 22%, transparent) !important;
}
.slider-captcha-thumb {
  box-shadow: var(--shadow-sm) !important;
  border-color: var(--color-border-strong, var(--color-border)) !important;
  transition: transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease !important;
}
.slider-captcha-thumb:hover { transform: scale(1.06); border-color: var(--color-accent) !important; }
.slider-captcha-thumb:active { cursor: grabbing !important; transform: scale(1.1); box-shadow: 0 0 0 5px var(--color-focus) !important; }
.slider-captcha-confirm { border-radius: var(--radius-sm, 10px) !important; }

/* ---------- 5. 菜单 / 下拉 / 浮层：同一浮层语言 ---------- */
.dropdown-menu,
.nav-user-panel,
.bt-param-select-menu,
.bt-date-range-popover,
.xt-dialog-card {
  border-radius: var(--radius-md, 14px) !important;
  border: 1px solid var(--color-border) !important;
  background: var(--color-surface-overlay, var(--color-surface-raised)) !important;
  box-shadow: var(--shadow-lg) !important;
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}
.dropdown-item,
.nav-user-panel-link, .nav-user-panel-btn,
.bt-param-select-item {
  border-radius: var(--radius-xs, 6px) !important;
  min-height: 2.35rem;
  display: flex; align-items: center; gap: 0.55rem;
  transition: background var(--motion-fast, 160ms) ease, color var(--motion-fast, 160ms) ease !important;
}
.dropdown-item:hover, .dropdown-item:focus,
.nav-user-panel-link:hover, .nav-user-panel-btn:hover,
.bt-param-select-item:hover {
  background: var(--color-hover) !important;
  transform: none !important;
  box-shadow: none !important;
}
.dropdown-item.active, .dropdown-item:active,
.bt-param-select-item.is-selected {
  background: var(--color-surface-selected) !important;
  color: var(--color-text) !important;
  box-shadow: inset 2px 0 0 var(--color-accent) !important;
}
.nav-user-dropdown.is-open .nav-user-panel:not(.hidden),
.nav-user-panel:not(.hidden) {
  animation: xt-float-in var(--motion-normal, 240ms) var(--ease-emphasized) both;
}
@keyframes xt-float-in {
  from { opacity: 0; transform: translateY(6px) scale(0.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* 顶栏链接：只用淡底反馈，不改字重不发光 */
.navbar .navbar-nav .nav-link,
body.cyber-theme .navbar a.nav-link {
  border-radius: var(--radius-sm, 10px) !important;
  transition: background var(--motion-fast, 160ms) ease, color var(--motion-fast, 160ms) ease !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.navbar .navbar-nav .nav-link:hover,
body.cyber-theme .navbar a.nav-link:hover {
  transform: none !important;
  box-shadow: none !important;
  background: var(--color-hover) !important;
}
.navbar .navbar-nav .nav-link.active,
body.cyber-theme .navbar a.nav-link.active {
  background: var(--color-surface-selected) !important;
  box-shadow: inset 0 -2px 0 var(--color-accent) !important;
  text-shadow: none !important;
}

/* ---------- 6. Tab / 侧栏 / 分段选择：统一选中语言 ---------- */
.tab, .sidebar-link, .sidebar-sublink, .faq-nav .nav-link,
.bt-activity-btn, .xtnb-tree-row {
  border-radius: var(--radius-sm, 10px);
  transition: background var(--motion-fast, 160ms) ease, color var(--motion-fast, 160ms) ease, border-color var(--motion-fast, 160ms) ease !important;
}
.tab:hover, .sidebar-link:hover, .sidebar-sublink:hover { background: var(--color-hover); }
.tab-active, .sidebar-link.active, .faq-nav .nav-link.active,
.bt-activity-btn.is-active, .xtnb-tree-row.is-active {
  background: var(--color-surface-selected) !important;
  color: var(--color-text) !important;
  box-shadow: inset 2px 0 0 var(--color-accent) !important;
  text-shadow: none !important;
}
.tabs-sub .tab-active-sub, .sidebar-sublink.active {
  background: var(--color-surface-selected) !important;
  border-color: var(--color-border-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ---------- 7. 弹窗 / Toast / 通知：统一位置与语义 ---------- */
.modal-mask, .xt-dialog-mask, .slider-captcha-mask, .legal-modal-mask {
  animation: xt-fade-in var(--motion-normal, 240ms) var(--ease-standard) both;
  background: var(--color-overlay) !important;
}
.modal-card, .slider-captcha-card {
  animation: xt-rise-in var(--motion-slow, 360ms) var(--ease-emphasized) both;
  border-radius: var(--radius-lg, 20px) !important;
  border: 1px solid var(--color-border) !important;
  background: var(--color-surface-overlay, var(--color-surface-raised)) !important;
  box-shadow: var(--shadow-lg) !important;
}
.toast, .xt-notify {
  border-radius: var(--radius-md, 14px) !important;
  border: 1px solid var(--color-border) !important;
  border-left: 3px solid var(--color-accent) !important;
  background: var(--color-surface-overlay, var(--color-surface-raised)) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-lg) !important;
  backdrop-filter: blur(14px);
}
.toast.toast-ok, .xt-notify--success { border-left-color: var(--color-success) !important; }
.toast.toast-error, .xt-notify--error { border-left-color: var(--color-danger) !important; }
.xt-notify--warning { border-left-color: var(--color-warning) !important; }
.xt-notify--info { border-left-color: var(--color-info) !important; }

/* ---------- 8. 卡片 / 容器：统一圆角阴影，去扫描线 ---------- */
.card, .panel, .output, .strategy-item, .strategy-card,
.feature-card, .shop-mini-card, .shop-package, .shop-step,
.doc-faq-item, .faq-item, .doc-step, .step-card,
.profile-panel, .advantage-item {
  border-radius: var(--radius-md, 14px) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-md) !important;
}
.card::before, .panel::before,
.feature-card::before,
body.cyber-theme .card::before {
  display: none !important;
  animation: none !important;
}
.pill {
  border-radius: 999px !important;
  border: 1px solid var(--color-border) !important;
  background: color-mix(in srgb, var(--color-text-muted) 10%, transparent) !important;
  color: var(--color-text-muted) !important;
  font-weight: 650;
}
.empty {
  border-radius: var(--radius-md, 14px) !important;
  border-style: dashed !important;
}

/* 选中卡片（如商城套餐）：边框 + 淡填充 + 对勾位，不跳动 */
.shop-package.is-selected,
.strategy-card.is-selected,
.shop-package[aria-checked="true"] {
  border-color: var(--color-accent) !important;
  background: var(--color-surface-selected) !important;
  box-shadow: var(--shadow-md) !important;
  transform: none !important;
}

/* ---------- 9. 拖拽语言 ---------- */
[draggable="true"], .xt-draggable, .slider-captcha-thumb {
  cursor: grab;
}
[draggable="true"]:active, .xt-draggable:active { cursor: grabbing; }
.xt-drag-ghost, .xt-dragging {
  opacity: 0.72 !important;
  box-shadow: var(--shadow-lg) !important;
  cursor: grabbing !important;
}
.xt-drop-target, .xt-drop-target-hover {
  outline: 1.5px dashed var(--color-accent) !important;
  outline-offset: 3px;
  background: var(--color-surface-selected) !important;
  border-radius: var(--radius-sm, 10px);
}
[draggable="true"]:not([draggable="false"]):is([aria-disabled="true"], :disabled) {
  cursor: not-allowed !important;
}

/* ---------- 10. 首页信息层级：L1 Hero / L2 行情 / L3 三卡 / L4 介绍 ---------- */
body.page-home .hero-section {
  padding-block: clamp(3rem, 7vh, 5rem) clamp(1.5rem, 3vh, 2.5rem) !important;
}
body.page-home .hero-title {
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.28 !important;
  text-wrap: balance;
}
body.page-home .hero-title .gradient-text {
  background: linear-gradient(90deg, var(--color-accent), var(--color-accent-hover)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
body.page-home .hero-subtitle {
  max-width: 30rem;
  margin-inline: auto;
  color: var(--color-text-muted) !important;
  font-size: 1rem;
  line-height: 1.75;
}

/* 终端窗口：降为哑光配角 */
body.page-home .terminal-window {
  border-radius: var(--radius-lg, 20px) !important;
  background: color-mix(in srgb, var(--color-surface-muted) 88%, transparent) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-md) !important;
}
body.page-home .terminal-header { background: transparent !important; border-bottom: 1px solid var(--color-border) !important; }
body.page-home .terminal-body { color: var(--color-text-muted) !important; font-size: 0.86rem !important; line-height: 1.7 !important; }

/* 行情条：降为极淡分隔带 */
body.page-home .ticker-bar {
  background: transparent !important;
  border-top: 1px solid var(--color-border) !important;
  border-bottom: 1px solid var(--color-border) !important;
  padding: 0.45rem 0 !important;
  opacity: 0.85;
}
body.page-home .ticker-content { animation-duration: 60s !important; }
body.page-home .ticker-bar:hover .ticker-content { animation-play-state: paused; }
body.page-home .ticker-item {
  font-size: 0.8rem !important;
  color: var(--color-text-muted) !important;
  padding: 0 1.25rem !important;
}
body.page-home .ticker-item .up, body.page-home .ticker-item .down { font-weight: 500 !important; }
body.page-home .ticker-item .up { color: var(--color-danger) !important; }
body.page-home .ticker-item .down { color: var(--color-info) !important; }

/* 三卡：同一卡片，单色图标，一行标题一行描述 */
body.page-home .feature-card {
  border-radius: var(--radius-md, 14px) !important;
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 1.5rem !important;
  backdrop-filter: blur(12px);
  transition: transform var(--motion-normal, 240ms) var(--ease-emphasized), box-shadow var(--motion-normal) ease, border-color var(--motion-fast) ease !important;
}
body.page-home .feature-card::before { display: none !important; }
body.page-home .feature-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--color-border-strong) !important;
  box-shadow: var(--shadow-md) !important;
}
body.page-home .feature-icon,
body.page-home .feature-icon-accent,
body.page-home .feature-icon-secondary,
body.page-home .feature-icon i,
body.page-home .feature-icon i::before {
  animation: none !important;
  font-size: 1.5rem !important;
  margin-bottom: 0.85rem !important;
  color: var(--color-accent) !important;
  text-shadow: none !important;
  width: 2.75rem; height: 2.75rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm, 10px);
  background: var(--color-surface-selected);
  border: 1px solid var(--color-border);
}
body.page-home .feature-card:hover .feature-icon { transform: none !important; }
body.page-home .feature-card-title { font-size: 1rem !important; font-weight: 700 !important; margin-bottom: 0.35rem !important; color: var(--color-text) !important; }
body.page-home .feature-card-desc { font-size: 0.88rem !important; line-height: 1.65 !important; color: var(--color-text-muted) !important; margin: 0 !important; }

/* 介绍区：纵向统一流，删除时间线与背景大数字 */
body.page-home .platform-intro .intro-hero { padding: 3.5rem 1rem 2rem !important; }
body.page-home .platform-intro .intro-title { letter-spacing: -0.02em !important; }
body.page-home .platform-intro .intro-subtitle { color: var(--color-text-muted) !important; line-height: 1.8 !important; }
body.page-home .platform-intro .container-section { padding-bottom: 3.5rem !important; }
body.page-home .platform-intro .container-section::before { display: none !important; }
body.page-home .platform-intro .feature-block {
  border-radius: var(--radius-lg, 20px) !important;
  border: 1px solid var(--color-border) !important;
  background: var(--color-surface) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  margin: 0 auto 1.5rem !important;
  max-width: 1020px !important;
  gap: 2rem;
}
body.page-home .platform-intro .feature-block:nth-child(1),
body.page-home .platform-intro .feature-block:nth-child(2),
body.page-home .platform-intro .feature-block:nth-child(3) {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1020px !important;
}
body.page-home .platform-intro .feature-block::before,
body.page-home .platform-intro .feature-block::after { display: none !important; }
body.page-home .platform-intro .feature-img { animation: none !important; }
body.page-home .platform-intro .feature-img::before { display: none !important; }
body.page-home .platform-intro .feature-img img { box-shadow: var(--shadow-md) !important; border-color: var(--color-border) !important; }
body.page-home .platform-intro .feature-block:hover .feature-img img { transform: scale(1.02) !important; }
body.page-home .platform-intro .feature-text h2 {
  border-bottom: 1px solid var(--color-border) !important;
  font-size: 1.2rem !important;
}
body.page-home .platform-intro .feature-text h2 .num { color: var(--color-accent) !important; }
body.page-home .platform-intro .feature-text li::before { color: var(--color-accent) !important; }
body.page-home .platform-intro .feature-text li:hover { color: var(--color-text) !important; padding-left: 24px !important; }
body.page-home .platform-intro .feature-text li:hover::before { transform: none !important; text-shadow: none !important; }

/* 首页背景降噪：网格/光晕几乎不可见 */
body.page-home .cyber-grid { opacity: 0.35 !important; }
body.page-home .neon-glow { opacity: 0.06 !important; }
body.page-home .scan-line, body.page-home .diagonal-lines, body.page-home .bottom-fade { display: none !important; }

/* ---------- 11. 代码块质感 ---------- */
.code-wrap, .generated-code-block {
  border-radius: var(--radius-md, 14px) !important;
  border: 1px solid var(--color-border) !important;
}
.code { line-height: 1.65 !important; }

/* ---------- 12. 霁光浅色主题：去深色残留，保证对比度 ---------- */
html.theme-palette-jiguang body {
  --xt-glass: rgba(255, 255, 255, 0.82);
  --xt-glass-strong: rgba(255, 255, 255, 0.94);
}
html.theme-palette-jiguang .navbar {
  background: rgba(255, 255, 255, 0.86) !important;
  background-color: rgba(255, 255, 255, 0.86) !important;
  border-bottom: 1px solid var(--color-border) !important;
  box-shadow: 0 6px 24px rgba(43, 52, 72, 0.08) !important;
  backdrop-filter: blur(18px) saturate(140%);
}
html.theme-palette-jiguang .navbar .navbar-brand,
html.theme-palette-jiguang .navbar .navbar-nav .nav-link {
  color: var(--color-text) !important;
}
html.theme-palette-jiguang .btn-ghost,
html.theme-palette-jiguang .btn.btn-ghost,
html.theme-palette-jiguang a.btn.btn-ghost {
  background: #fff !important;
  color: var(--color-accent) !important;
  border-color: var(--color-border-strong) !important;
}
html.theme-palette-jiguang .btn-ghost:hover:not(:disabled),
html.theme-palette-jiguang .btn.btn-ghost:hover:not(:disabled) {
  background: var(--color-surface-selected) !important;
  color: var(--color-accent-hover) !important;
}
html.theme-palette-jiguang .card,
html.theme-palette-jiguang .panel,
html.theme-palette-jiguang .strategy-item,
html.theme-palette-jiguang .feature-card,
html.theme-palette-jiguang .modal-card {
  box-shadow: 0 10px 30px rgba(43, 52, 72, 0.08) !important;
}
html.theme-palette-jiguang body.page-home .terminal-window {
  background: #1c2333 !important;
  border-color: rgba(28, 35, 51, 0.9) !important;
}
html.theme-palette-jiguang body.page-home .feature-icon,
html.theme-palette-jiguang body.page-home .feature-icon i::before {
  color: var(--color-accent) !important;
}

/* ---------- 13. 玄墨主题：金色只做小面积强调 ---------- */
html.theme-palette-xuanmo .btn-primary,
html.theme-palette-xuanmo .btn.btn-primary,
html.theme-palette-xuanmo a.btn.btn-primary {
  box-shadow: 0 8px 22px rgba(217, 167, 95, 0.22) !important;
}
html.theme-palette-xuanmo body.page-home .feature-card:hover {
  border-color: var(--color-border-strong) !important;
  box-shadow: var(--shadow-md) !important;
}

/* ---------- 14. 版心与呼吸感：统一收口 ---------- */
.layout, body.cyber-theme .layout,
.doc-page-container .doc-main-layout {
  row-gap: var(--xt-space-6);
}
section.py-5 { padding-block: var(--xt-space-10) !important; }

/* ---------- 16. 策略工坊聊天输入：保持无边框透明，避免与 compose-card 形成双层框 ---------- */
.page-strategy-workshop .xtnb-compose-card .xtnb-chat-input,
.page-strategy-workshop .xtnb-chat-input {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.page-strategy-workshop .xtnb-compose-card .xtnb-chat-input:focus,
.page-strategy-workshop .xtnb-chat-input:focus,
.page-strategy-workshop .xtnb-compose-card .xtnb-chat-input:focus-visible,
.page-strategy-workshop .xtnb-chat-input:focus-visible,
.page-strategy-workshop .xtnb-compose-card .xtnb-chat-input:active,
.page-strategy-workshop .xtnb-chat-input:active {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ---------- 15. 响应式与降级 ---------- */
@media (max-width: 991px) {
  body.page-home .platform-intro .feature-block { padding: 1.5rem !important; }
  .xt-notify-stack { right: 0.75rem; }
}
@media (max-width: 575px) {
  :root { --xt-shell-pad-x: 1rem; }
  body.page-home .hero-section { padding-block: 2.25rem 1.5rem !important; }
  body.page-home .btn-neon { width: 100%; }
}