/* =====================================================================
 * jcpt-visual-upgrade-20260610.css
 * 视觉升级层（仅覆盖样式，不改 DOM / 不改 JS）
 * 目标：
 *  - 配色更现代清爽（替换深沉的 #1b4f78 系）
 *  - 圆角 / 阴影 / 间距 / 排版升级
 *  - 按钮、导航、卡片、标签、搜索框、列表统一打磨
 *  - 兼容现有移动端修复 CSS 与多套 jcpt-bundle 覆盖
 *  - 加载顺序最末，使用 !important 强制覆盖
 * ===================================================================== */

/* -----------------------------------------------------------
 * 1) 变量层：通过覆盖 :root 的设计令牌一次性影响全局
 * --------------------------------------------------------- */
:root {
  /* —— 现代蓝主色（替换原 #173754/#0c1b2b 老蓝） —— */
  --color-brand-950: #0B1C3A !important;
  --color-brand-900: #11264D !important;
  --color-brand-850: #173366 !important;
  --color-brand-800: #1D4ED8 !important;   /* 深蓝 */
  --color-brand-700: #2563EB !important;   /* 主蓝 */
  --color-brand-600: #3B82F6 !important;   /* 亮蓝 */

  /* —— 辅助青 / 强调金 —— */
  --color-accent-700: #0E7490 !important;
  --color-accent-600: #0891B2 !important;
  --color-accent-500: #06B6D4 !important;
  --color-gold-500: #D97706 !important;
  --color-gold-400: #F59E0B !important;

  /* —— 中性背景 —— */
  --color-bg-page: #F8FAFC !important;
  --color-bg-panel: #FFFFFF !important;
  --color-bg-soft: #F1F5F9 !important;
  --color-bg-strong: #E2E8F0 !important;

  /* —— 暗表面（仅在用作 footer/header 时偏蓝紫，不再死黑） —— */
  --color-surface-dark: #0F172A !important;
  --color-surface-dark-soft: #1E293B !important;
  --color-surface-elevated: #FFFFFF !important;

  /* —— 文本层级更清晰 —— */
  --color-text-strong: #0F172A !important;
  --color-text-main: #1E293B !important;
  --color-text-secondary: #475569 !important;
  --color-text-muted: #64748B !important;
  --color-text-inverse: rgba(248, 250, 252, .96) !important;

  /* —— 边框更柔和 —— */
  --color-border-soft: rgba(226, 232, 240, .9) !important;
  --color-border-main: rgba(203, 213, 225, .9) !important;
  --color-border-strong: rgba(148, 163, 184, .55) !important;

  /* —— 状态色 —— */
  --color-success: #16A34A !important;
  --color-warning: #D97706 !important;
  --color-danger: #DC2626 !important;

  /* —— 圆角升级 —— */
  --radius-sm: 8px !important;
  --radius-md: 12px !important;
  --radius-lg: 16px !important;
  --radius-xl: 22px !important;
  --radius-pill: 999px !important;

  /* —— 阴影系统更现代 —— */
  --shadow-card: 0 4px 6px -1px rgba(15, 23, 42, .05),
                 0 10px 15px -3px rgba(15, 23, 42, .08) !important;
  --shadow-soft: 0 2px 4px -1px rgba(15, 23, 42, .04),
                 0 6px 10px -3px rgba(15, 23, 42, .06) !important;
  --shadow-pop: 0 10px 25px -5px rgba(37, 99, 235, .18),
                0 8px 10px -6px rgba(15, 23, 42, .08) !important;
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .8) !important;

  /* —— 过渡 —— */
  --motion-fast: .18s ease !important;
  --motion-normal: .24s ease !important;

  /* —— 兼容自定义 portal-* 调色板 —— */
  --portal-premium-navy: #1D4ED8 !important;
  --portal-premium-teal: #0891B2 !important;
  --portal-premium-ink:  #1E293B !important;
  --portal-premium-soft: #64748B !important;

  --portal-master-navy: #1D4ED8 !important;
  --portal-master-teal: #0891B2 !important;
  --portal-master-ink:  #1E293B !important;
  --portal-master-copy: #64748B !important;
  --portal-master-border: rgba(203, 213, 225, .9) !important;

  --portal-signature-navy: #1D4ED8 !important;
  --portal-signature-teal: #0891B2 !important;
  --portal-signature-ink:  #1E293B !important;
  --portal-signature-copy: #64748B !important;
  --portal-signature-border: rgba(203, 213, 225, .9) !important;

  --portal-luxe-navy: #1D4ED8 !important;
  --portal-luxe-teal: #0891B2 !important;
  --portal-luxe-ink:  #1E293B !important;
  --portal-luxe-copy: #64748B !important;
  --portal-luxe-border: rgba(203, 213, 225, .9) !important;

  --portal-elite-navy: #1D4ED8 !important;
  --portal-elite-teal: #0891B2 !important;
  --portal-elite-ink:  #1E293B !important;
  --portal-elite-copy: #64748B !important;
  --portal-elite-border: rgba(203, 213, 225, .9) !important;
}

/* -----------------------------------------------------------
 * 2) 基础排版与背景
 * --------------------------------------------------------- */
html, body {
  background: #F8FAFC !important;
  color: #1E293B !important;
}

body {
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei",
               "Noto Sans SC", "Segoe UI", system-ui, sans-serif !important;
  line-height: 1.75 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: .005em;
}

p { line-height: 1.75; }

h1, h2, h3, h4, h5, h6,
.section-title, .hero-title,
.market-section-title,
.portal-brand-stage,
.portal-brand-topline {
  font-weight: 700 !important;
  letter-spacing: -.01em;
  color: #0F172A !important;
}

.section-kicker,
.section-caption,
.portal-brand-kicker {
  color: #2563EB !important;
  font-weight: 600 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

a { transition: color .18s ease, opacity .18s ease; }
a:hover { color: #1D4ED8 !important; }

::selection {
  background: rgba(37, 99, 235, .18);
  color: #0F172A;
}

/* -----------------------------------------------------------
 * 3) 全局 shell / 页面背景
 * --------------------------------------------------------- */
.portal-shell,
.portal-home-page,
.portal-unified-page,
.app-shell,
.page-wrap {
  background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%) !important;
}

/* 在大背景上叠一层柔光，提升纵深 */
.portal-home-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(900px 500px at 12% -8%, rgba(37, 99, 235, .08), transparent 60%),
    radial-gradient(700px 460px at 92% 0%, rgba(8, 145, 178, .07), transparent 60%);
}
.portal-home-page > * { position: relative; z-index: 1; }

/* -----------------------------------------------------------
 * 4) 顶部导航 / Header（毛玻璃 + 浅色 + 浮起阴影）
 * --------------------------------------------------------- */
.portal-header,
.portal-header-merged,
.portal-header-main,
.portal-header-primary {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .82)) !important;
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .03), 0 8px 24px -16px rgba(15, 23, 42, .12) !important;
  color: #1E293B !important;
}

.portal-header *,
.portal-header-merged *,
.portal-header-main * {
  color: #1E293B;
}

/* Logo / 品牌区文字 */
.brand-title,
.brand-link,
.portal-brand-stage,
.portal-brand-topline {
  color: #0F172A !important;
  text-shadow: none !important;
}
.brand-copy,
.portal-brand-subtitle,
.portal-brand-kicker {
  color: #475569 !important;
}

/* 导航菜单 */
.portal-nav,
.portal-nav-menu {
  background: transparent !important;
}

.portal-nav-trigger,
.portal-nav-menu a,
.portal-nav-menu button {
  color: #1E293B !important;
  font-weight: 500;
  border-radius: 10px !important;
  padding: 8px 14px !important;
  position: relative;
  transition: color .2s ease, background .2s ease !important;
}

.portal-nav-trigger:hover,
.portal-nav-menu a:hover,
.portal-nav-menu button:hover {
  color: #1D4ED8 !important;
  background: rgba(37, 99, 235, .08) !important;
}

/* 当前激活态：底部蓝色横杠 */
.portal-nav-trigger.active,
.portal-nav-menu a.active,
.portal-nav-menu .active,
.portal-nav-trigger[aria-current="page"],
.portal-nav-menu a[aria-current="page"] {
  color: #1D4ED8 !important;
  background: rgba(37, 99, 235, .1) !important;
  font-weight: 600 !important;
}

.portal-nav-trigger.active::after,
.portal-nav-menu a.active::after,
.portal-nav-trigger[aria-current="page"]::after,
.portal-nav-menu a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -2px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #2563EB, #0891B2);
}

/* 顶部协会信息条降噪 */
.portal-top-association,
.portal-header-association-row {
  background: rgba(248, 250, 252, .7) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .8) !important;
  color: #475569 !important;
}
.portal-top-association *,
.portal-header-association-row * { color: #475569 !important; }

/* -----------------------------------------------------------
 * 5) Hero / 首屏标题区
 * --------------------------------------------------------- */
.hero-panel,
.hero-side-panel,
.section-surface {
  background: #FFFFFF !important;
  border: 1px solid rgba(226, 232, 240, .9) !important;
  border-radius: 16px !important;
  box-shadow:
    0 4px 6px -1px rgba(15, 23, 42, .05),
    0 10px 15px -3px rgba(15, 23, 42, .06) !important;
  padding: 28px !important;
  transition: transform .24s ease, box-shadow .24s ease !important;
}

.hero-title {
  font-size: clamp(28px, 2.4vw, 40px) !important;
  line-height: 1.25 !important;
  background: linear-gradient(135deg, #0F172A 0%, #1D4ED8 60%, #0891B2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.hero-copy,
.hero-copy-block {
  color: #475569 !important;
  line-height: 1.8 !important;
}

/* -----------------------------------------------------------
 * 6) 通用卡片：market / merchant / search / standard / task / training / store / forum / trust
 * --------------------------------------------------------- */
.market-search-hero,
.market-search-hero-strong,
.market-filter-card,
.market-filter-card-strong,
.market-results,
.market-secondary-card,
.market-service-card,
.market-highlight-card,
.market-focus-board,
.market-recommend-card,
.merchant-card,
.merchant-card-shopping,
.search-result-card,
.search-insight-card,
.search-filter-card,
.search-extras-panel,
.standard-query-panel,
.standard-query-item,
.task-hall-panel,
.task-hall-card,
.task-recommended-panel,
.task-recommended-item,
.training-board,
.training-item,
.store-side-card,
.store-quick-board,
.board-card,
.compare-card,
.accent-card,
.soft-panel,
.assist-panel,
.trust-loop-card,
.trust-step-card,
.trust-risk-card,
.supplier-card,
.section-surface {
  background: #FFFFFF !important;
  border: 1px solid rgba(226, 232, 240, .9) !important;
  border-radius: 16px !important;
  box-shadow:
    0 4px 6px -1px rgba(15, 23, 42, .04),
    0 10px 15px -3px rgba(15, 23, 42, .06) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

/* 卡片 hover 上浮 */
.merchant-card:hover,
.merchant-card-shopping:hover,
.market-service-card:hover,
.market-secondary-card:hover,
.market-highlight-card:hover,
.search-result-card:hover,
.search-insight-card:hover,
.standard-query-item:hover,
.task-hall-card:hover,
.task-recommended-item:hover,
.training-item:hover,
.board-card:hover,
.compare-card:hover,
.trust-loop-card:hover,
.trust-step-card:hover,
.supplier-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(37, 99, 235, .35) !important;
  box-shadow:
    0 10px 25px -5px rgba(37, 99, 235, .15),
    0 8px 10px -6px rgba(15, 23, 42, .08) !important;
}

/* 卡片内部标题 */
.merchant-card .merchant-info-value,
.standard-query-item-head,
.task-hall-card .task-hall-head-main,
.training-item h3,
.training-item h4,
.board-card h3,
.board-card h4,
.market-section-title {
  color: #0F172A !important;
  font-weight: 700 !important;
}

/* 卡片内部副文本 */
.merchant-meta-row,
.merchant-meta-row-shop,
.market-toolbar-meta,
.market-helper-chip,
.merchant-info-grid,
.task-hall-meta-row,
.standard-query-item-meta {
  color: #64748B !important;
}

/* -----------------------------------------------------------
 * 7) 按钮系统
 * --------------------------------------------------------- */
.cta-button,
.market-search-button,
.market-search-button-strong,
.task-hall-claim-btn,
.compact-action,
.standard-subscribe-chip,
.market-primary-call,
.cta-row .cta-button {
  background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 11px 22px !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .25) inset,
    0 4px 10px -2px rgba(37, 99, 235, .35),
    0 2px 4px -1px rgba(15, 23, 42, .08) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  cursor: pointer;
}

.cta-button:hover,
.market-search-button:hover,
.market-search-button-strong:hover,
.task-hall-claim-btn:hover,
.compact-action:hover,
.market-primary-call:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .3) inset,
    0 10px 22px -6px rgba(37, 99, 235, .5),
    0 4px 8px -2px rgba(15, 23, 42, .12) !important;
}

.cta-button:active,
.market-search-button:active,
.market-search-button-strong:active {
  transform: translateY(0);
  filter: brightness(.97);
}

/* 次级按钮 */
.cta-button.secondary,
.compact-action.secondary,
.market-search-reset,
.market-secondary-link,
.task-hall-search-clear {
  background: #FFFFFF !important;
  color: #1D4ED8 !important;
  border: 1px solid rgba(37, 99, 235, .35) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}

.cta-button.secondary:hover,
.compact-action.secondary:hover,
.market-search-reset:hover,
.market-secondary-link:hover {
  background: rgba(37, 99, 235, .06) !important;
  border-color: rgba(37, 99, 235, .55) !important;
  color: #1D4ED8 !important;
  transform: translateY(-1px);
}

/* CTA 强调按钮（金色） */
.cta-button.warn,
.compact-action.warn,
.standard-subscribe-chip.warn {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
  box-shadow:
    0 4px 10px -2px rgba(217, 119, 6, .35),
    0 2px 4px -1px rgba(15, 23, 42, .08) !important;
}

/* -----------------------------------------------------------
 * 8) 标签 / 胶囊 / chip
 * --------------------------------------------------------- */
.tag,
.chip,
.status-pill,
.trust-pill,
.merchant-reason-chip,
.merchant-score-chip,
.user-track-chip,
.sort-chip,
.market-helper-chip,
.selected-chip,
.store-badge,
.standard-subscribe-chip,
.market-hotword,
.version-chip,
.trust-hash-chip,
.trust-pill-compliance {
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-weight: 500 !important;
  letter-spacing: .01em;
  font-size: 12.5px !important;
  background: rgba(37, 99, 235, .08) !important;
  color: #1D4ED8 !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

.tag:hover,
.chip:hover,
.merchant-reason-chip:hover,
.user-track-chip:hover,
.sort-chip:hover,
.market-hotword:hover,
.market-helper-chip:hover {
  background: rgba(37, 99, 235, .14) !important;
  border-color: rgba(37, 99, 235, .32) !important;
  color: #1D4ED8 !important;
}

/* 选中态 */
.tag.active,
.chip.active,
.sort-chip.active,
.selected-chip,
.market-hotword.active,
.market-helper-chip.active,
.standard-subscribe-chip.active {
  background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 4px 10px -3px rgba(37, 99, 235, .45) !important;
}

/* 状态色微调 */
.status-active, .trust-pill-green   { background: rgba(22, 163, 74, .1)  !important; color: #15803D !important; border-color: rgba(22, 163, 74, .25) !important; }
.status-busy,   .trust-pill-yellow,
.warn                              { background: rgba(217, 119, 6, .1)  !important; color: #B45309 !important; border-color: rgba(217, 119, 6, .25) !important; }
.trust-pill-red                    { background: rgba(220, 38, 38, .1)  !important; color: #B91C1C !important; border-color: rgba(220, 38, 38, .25) !important; }

/* 标签行间距 */
.tag-row,
.merchant-tag-row-shop,
.merchant-reason-row,
.market-quick-filters,
.market-recent-row,
.market-hotword-row,
.market-mode-row,
.task-hall-filter-row,
.standard-subscribe-row,
.store-badge-row,
.user-track-row {
  gap: 8px !important;
  row-gap: 8px !important;
}

/* -----------------------------------------------------------
 * 9) 搜索框
 * --------------------------------------------------------- */
.market-search-input,
.market-search-input-strong,
.market-searchbox,
.market-searchbox-hero,
.market-search-superbox,
.market-search-superfield,
.taobao-search-shell,
.taobao-search-field,
.task-hall-search,
.standard-query-input,
.standard-query-input-row,
.search-toolbar-row input,
input[type="search"],
input[type="text"].market-search-input {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(203, 213, 225, .9) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}

.market-search-input:focus-within,
.market-search-input-strong:focus-within,
.market-searchbox:focus-within,
.market-searchbox-hero:focus-within,
.market-search-superbox:focus-within,
.taobao-search-shell:focus-within,
.task-hall-search:focus-within,
.standard-query-input-row:focus-within,
.market-search-input:focus,
input[type="search"]:focus,
input[type="text"]:focus {
  border-color: #2563EB !important;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, .14),
    0 1px 2px rgba(15, 23, 42, .04) !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #94A3B8 !important;
  opacity: 1;
}

/* -----------------------------------------------------------
 * 10) 列表 / 表格
 * --------------------------------------------------------- */
.standard-query-list .standard-query-item,
.task-hall-list .task-hall-card,
.task-recommended-list .task-recommended-item,
.training-board .training-item,
.merchant-list .merchant-card,
.market-secondary-recommend-grid > * {
  margin-bottom: 12px !important;
}

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100%;
}

table th,
table td {
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  text-align: left;
  vertical-align: middle;
}

table thead th {
  background: #F1F5F9 !important;
  color: #1E293B !important;
  font-weight: 600 !important;
  font-size: 13px;
  letter-spacing: .02em;
  border-bottom: 1px solid rgba(203, 213, 225, .9) !important;
}

table tbody tr:nth-child(even) td {
  background: rgba(248, 250, 252, .6);
}

table tbody tr {
  transition: background .18s ease;
}
table tbody tr:hover td {
  background: rgba(37, 99, 235, .06) !important;
}

/* -----------------------------------------------------------
 * 11) 区块（section）间距优化
 * --------------------------------------------------------- */
.section-surface,
.market-search-hero,
.market-search-hero-strong,
.market-filter-card,
.market-results,
.task-hall-panel,
.task-recommended-panel,
.standard-query-panel,
.search-extras-panel,
.assist-panel,
.training-board,
.store-quick-board,
.trust-loop-card,
.market-focus-board {
  padding: 24px !important;
}

.section-header {
  margin-bottom: 18px !important;
}

.section-title,
.market-section-title {
  font-size: clamp(20px, 1.6vw, 26px) !important;
  margin: 0 0 6px !important;
}

.section-caption,
.market-results-overview {
  color: #64748B !important;
  font-size: 14px !important;
}

/* portal-shell 整体大间距 */
.portal-shell {
  gap: 24px !important;
}

/* -----------------------------------------------------------
 * 12) 页脚 Footer
 * --------------------------------------------------------- */
.portal-footer,
.portal-footer-compact,
.portal-footer-minimal {
  background: linear-gradient(180deg, #0F172A 0%, #1E293B 100%) !important;
  color: rgba(248, 250, 252, .85) !important;
  border-top: 1px solid rgba(255, 255, 255, .06) !important;
}
.portal-footer *,
.portal-footer-compact *,
.portal-footer-minimal * { color: rgba(248, 250, 252, .85) !important; }

.footer-link,
.portal-footer-info-links a,
.portal-beian-links a {
  color: rgba(248, 250, 252, .8) !important;
  transition: color .18s ease;
}
.footer-link:hover,
.portal-footer-info-links a:hover,
.portal-beian-links a:hover {
  color: #93C5FD !important;
}

/* -----------------------------------------------------------
 * 13) 滚动条美化（细，圆角，半透明）
 * --------------------------------------------------------- */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, .35) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, .28);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(37, 99, 235, .55);
  background-clip: padding-box;
  border: 2px solid transparent;
}

/* -----------------------------------------------------------
 * 14) Element Plus 兼容微调（如有 .el-* 元素）
 * --------------------------------------------------------- */
.el-button--primary {
  background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
  border-color: #1D4ED8 !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px -2px rgba(37, 99, 235, .35) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.el-button--primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 10px 22px -6px rgba(37, 99, 235, .5) !important;
}
.el-input__wrapper {
  border-radius: 12px !important;
  box-shadow: 0 0 0 1px rgba(203, 213, 225, .9) inset !important;
  transition: box-shadow .2s ease !important;
}
.el-input__wrapper.is-focus,
.el-input__wrapper:focus-within {
  box-shadow:
    0 0 0 1px #2563EB inset,
    0 0 0 4px rgba(37, 99, 235, .14) !important;
}
.el-card,
.el-dialog,
.el-popover,
.el-message-box {
  border-radius: 16px !important;
  box-shadow:
    0 4px 6px -1px rgba(15, 23, 42, .05),
    0 10px 15px -3px rgba(15, 23, 42, .08) !important;
}
.el-tag {
  border-radius: 999px !important;
  padding: 0 12px !important;
}

/* -----------------------------------------------------------
 * 15) 焦点可访问性（统一描边样式）
 * --------------------------------------------------------- */
:focus-visible {
  outline: 2px solid rgba(37, 99, 235, .55) !important;
  outline-offset: 2px;
  border-radius: 6px;
}

/* -----------------------------------------------------------
 * 16) 移动端微调
 * --------------------------------------------------------- */
@media (max-width: 768px) {
  .section-surface,
  .market-search-hero,
  .market-search-hero-strong,
  .market-filter-card,
  .market-results,
  .task-hall-panel,
  .task-recommended-panel,
  .standard-query-panel,
  .training-board,
  .market-focus-board {
    padding: 18px !important;
    border-radius: 14px !important;
  }
  .cta-button,
  .market-search-button,
  .market-search-button-strong,
  .task-hall-claim-btn,
  .compact-action {
    padding: 10px 18px !important;
  }
  .portal-shell { gap: 16px !important; }
}

/* -----------------------------------------------------------
 * 17) 减少动效偏好
 * --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}