/* ============================================================
   金客·智控台 —— 高级小清新 · 莫兰迪柔光主题
   在 styles.css 之后加载，整体覆盖为：
   柔雾浅底 + 白玻璃拟态 + 细腻柔影（无霓虹、无硬边）
   配色：薄荷绿 / 雾蓝 / 樱粉 / 淡金，低饱和、高通透
   ============================================================ */

/* ---------- 设计变量（小清新浅色） ---------- */
:root{
  --bg:#e9efec;
  --bg-2:#f3f7f4;
  --ink:#283430;
  --ink-soft:#4c5a52;
  --muted:#92a09a;
  --mint:#5cb89c;
  --sky:#7cafdd;
  --blush:#e3a3bd;
  --gold:#c6a15c;
  --green:#3aa778;
  --red:#e07a93;
  --line:rgba(40,54,48,.10);
  --line-strong:rgba(40,54,48,.16);
  --glass:rgba(255,255,255,.72);
  --glass-2:rgba(255,255,255,.55);
  --accent:linear-gradient(120deg,#5cb89c 0%,#7cafdd 52%,#e3a3bd 100%);
  --accent-soft:linear-gradient(120deg,#5cb89c,#7cafdd 52%,#e3a3bd);
  --shadow:0 22px 56px rgba(70,95,85,.13),0 6px 18px rgba(70,95,85,.06);
  --shadow-soft:0 12px 30px rgba(70,95,85,.10);
  --radius:20px;
}

/* ---------- 柔雾浅底背景 ---------- */
html,body{
  background:var(--bg) !important;
  color:var(--ink);
  font-family:-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  position:relative;min-height:100%;
  letter-spacing:.01em;
}
body::before{
  content:"";position:fixed;inset:-22% -22% -22% -22%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(42% 40% at 16% 12%, rgba(92,184,156,.16), transparent 62%),
    radial-gradient(46% 42% at 84% 16%, rgba(124,175,221,.15), transparent 64%),
    radial-gradient(50% 46% at 50% 98%, rgba(227,163,189,.13), transparent 62%),
    radial-gradient(40% 36% at 92% 84%, rgba(198,161,92,.10), transparent 60%);
  filter:blur(14px);
  animation:drift 30s ease-in-out infinite alternate;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(243,247,244,.62),rgba(233,239,236,.78) 58%,rgba(228,235,230,.88));
  backdrop-filter:saturate(102%);
}
@keyframes drift{
  0%{transform:translate3d(-1.4%,-1%,0) scale(1.02) rotate(0deg)}
  50%{transform:translate3d(1.6%,1.2%,0) scale(1.06) rotate(2deg)}
  100%{transform:translate3d(-1%,1.4%,0) scale(1.03) rotate(-2deg)}
}
::selection{background:rgba(92,184,156,.22);color:#1e2c27}

/* 滚动条 */
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(40,54,48,.2);border-radius:8px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(92,184,156,.45);border:2px solid transparent;background-clip:content-box}

/* ---------- 驾驶舱深色基底层全部柔化（消除旧霓虹） ---------- */
body.dashboard-mode{background:var(--bg) !important;color:var(--ink);background-image:none !important}
body.dashboard-mode aside{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,248,245,.96)) !important;border-right:1px solid var(--line) !important;box-shadow:14px 0 40px rgba(70,95,85,.08)}
body.dashboard-mode aside .brand{color:var(--ink)}
body.dashboard-mode nav a{color:#56685f !important}
body.dashboard-mode nav a.active{background:linear-gradient(90deg,rgba(92,184,156,.14),transparent 72%) !important;color:#1f2d27 !important;border-left-color:var(--mint) !important}
body.dashboard-mode main{max-width:1760px}
body.dashboard-mode header{background:rgba(255,255,255,.55) !important;border:1px solid var(--line) !important;border-radius:var(--radius) !important;box-shadow:var(--shadow-soft) !important;color:var(--ink)}
body.dashboard-mode header:after{content:none !important}
body.dashboard-mode header:before{content:none !important}
body.dashboard-mode h1{color:var(--ink);letter-spacing:.04em;text-shadow:none !important}
body.dashboard-mode header label{color:var(--mint) !important;letter-spacing:.32em}
body.dashboard-mode header>span{color:var(--muted) !important}
body.dashboard-mode header button{background:var(--glass) !important;border-color:var(--line) !important;color:var(--ink-soft) !important;box-shadow:none !important}
body.dashboard-mode .toolbar{background:rgba(255,255,255,.8) !important;border:1px solid var(--line) !important;box-shadow:var(--shadow-soft) !important;color:var(--ink)}
body.dashboard-mode .toolbar label{color:var(--muted) !important}
body.dashboard-mode .toolbar select,body.dashboard-mode .toolbar input{color:var(--ink) !important;background:transparent}
body.dashboard-mode .toolbar button{background:var(--glass) !important;border-color:var(--line) !important;color:var(--ink-soft) !important;box-shadow:none !important}
body.dashboard-mode table{color:var(--ink-soft)}
body.dashboard-mode th{color:var(--muted) !important;border-color:var(--line) !important}
body.dashboard-mode td{color:var(--ink-soft) !important;border-color:rgba(40,54,48,.07) !important}
body.dashboard-mode td .account-login{color:var(--ink) !important;text-shadow:none !important;font-weight:700}
body.dashboard-mode td .account-owner,body.dashboard-mode td .account-route{color:var(--muted) !important}
body.dashboard-mode .green{color:var(--green) !important}
body.dashboard-mode .red{color:var(--red) !important}
body.dashboard-mode #accountsSection h2{color:var(--ink) !important}

/* ---------- 侧栏 ---------- */
aside{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,248,245,.96)) !important;
  border-right:1px solid var(--line) !important;
  backdrop-filter:blur(14px);
}
aside .brand b{
  background:var(--accent-soft);-webkit-background-clip:text;background-clip:text;color:transparent !important;
  letter-spacing:.1em;font-weight:800;
}
aside .brand span{color:var(--ink-soft) !important}
aside .brand span small{color:#8e9b94 !important;letter-spacing:.32em}
aside nav a{color:#56685f !important;border-left:2px solid transparent;transition:color .18s,border-color .18s,background .18s,transform .18s}
aside nav a:hover{color:var(--mint) !important;background:rgba(92,184,156,.08);transform:translateX(3px)}
aside nav a.active{
  color:#1f2d27 !important;border-left-color:var(--mint) !important;
  background:linear-gradient(90deg,rgba(92,184,156,.14),transparent 72%) !important;
  font-weight:600;
}
aside nav a em{background:var(--accent-soft);color:#fff !important;border-radius:99px;box-shadow:none}
aside footer{color:#8e9b94 !important;border-top:1px solid var(--line)}

/* ---------- 登录页 ---------- */
.login-panel{
  background:rgba(243,247,244,.45) !important;backdrop-filter:blur(16px);
  perspective:1200px;
}
.login-card{
  background:linear-gradient(165deg,rgba(255,255,255,.97),rgba(248,250,247,.98)) !important;
  border:1px solid rgba(40,54,48,.10) !important;border-radius:26px !important;
  box-shadow:0 34px 90px rgba(70,95,85,.16),0 0 0 1px rgba(255,255,255,.6) inset !important;
  position:relative;overflow:hidden;
  transform-style:preserve-3d;
}
.login-card::before{
  content:"";position:absolute;inset:0;border-radius:26px;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(92,184,156,.5),rgba(124,175,221,.4),rgba(227,163,189,.5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.login-card h2{color:var(--ink) !important;letter-spacing:.06em}
.login-card p{color:var(--muted) !important}
.login-card input{
  background:#fff !important;border:1px solid rgba(40,54,48,.14) !important;
  color:var(--ink) !important;border-radius:13px !important;
}
.login-card input:focus{border-color:rgba(92,184,156,.6) !important;box-shadow:0 0 0 3px rgba(92,184,156,.14) !important;outline:none}
.brand-login b{background:var(--accent-soft);-webkit-background-clip:text;background-clip:text;color:transparent !important;font-weight:800}

/* ---------- 顶栏 ---------- */
main header label{color:var(--mint) !important;letter-spacing:.32em;font-weight:600;font-size:11px}
main header h1{
  background:var(--accent-soft);-webkit-background-clip:text;background-clip:text;color:transparent !important;
  letter-spacing:.04em;font-weight:800;
}
main header{border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.55),transparent) !important;border-radius:0}
.header-user span{color:#56685f !important}
.logout-button{background:#fff !important;border:1px solid rgba(224,122,147,.32) !important;color:var(--red) !important;border-radius:12px}
.logout-button:hover{background:rgba(224,122,147,.08) !important}
#sound,.style-switch{
  background:var(--glass) !important;border:1px solid var(--line) !important;
  color:var(--ink-soft) !important;border-radius:12px !important;backdrop-filter:blur(8px);
  transition:border-color .16s,color .16s,box-shadow .16s;
}
#sound:hover,.style-switch:hover{border-color:var(--mint) !important;color:var(--mint) !important}

/* ---------- 工具栏 + 布局遮挡修复 ---------- */
.toolbar{
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;
  gap:12px 14px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid var(--line) !important;border-radius:var(--radius) !important;
  box-shadow:var(--shadow-soft),0 1px 0 rgba(255,255,255,.7) inset !important;
  backdrop-filter:blur(14px);
  padding:14px 18px !important;clip-path:none !important;position:static !important;
}
.toolbar label{color:var(--muted) !important;font-size:12px;letter-spacing:.08em}
.toolbar select{color:var(--ink) !important;font-weight:600}
.toolbar select option{background:#fff;color:var(--ink)}
.toolbar input[type=date]{background:#fff !important;border:1px solid rgba(40,54,48,.14) !important;color:var(--ink) !important;border-radius:10px;padding:6px 8px}
.toolbar button{
  margin-left:0 !important;order:3;
  background:var(--glass) !important;border:1px solid var(--line) !important;
  color:var(--ink-soft) !important;border-radius:12px !important;
  padding:10px 16px !important;font-weight:600;letter-spacing:.04em;
  transition:border-color .16s,color .16s,transform .16s,box-shadow .16s;
}
.toolbar button:hover{border-color:var(--mint) !important;color:var(--mint) !important;box-shadow:0 8px 20px rgba(92,184,156,.14);transform:translateY(-1px)}
.toolbar button.primary{
  background:var(--accent) !important;
  color:#fff !important;border-color:transparent !important;font-weight:800;
  box-shadow:0 10px 26px rgba(124,175,221,.22) !important;
}
.toolbar button.primary:hover{filter:brightness(1.04);color:#fff !important;box-shadow:0 12px 30px rgba(92,184,156,.26)}

/* 行情报价卡：随布局自动换行，不挤压按钮 */
.market-quotes{position:static !important;order:2;margin-left:auto !important;min-width:0 !important;flex:0 1 auto !important;display:flex !important;gap:10px !important}
.quote-card{
  background:rgba(255,255,255,.92) !important;
  border:1px solid var(--line) !important;border-radius:14px !important;
  min-width:132px;position:static !important;
  box-shadow:0 10px 24px rgba(70,95,85,.08) !important;
  transform-style:preserve-3d;
}
.quote-card span{color:#8e9b94 !important;font-size:11px;letter-spacing:.12em}
.quote-card strong{color:var(--ink) !important;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.quote-card.gold-quote{border-left:2px solid var(--gold) !important}
.quote-card.dollar-quote{border-left:2px solid rgba(92,184,156,.55) !important}
.quote-card.dollar-quote strong{color:#3f9a80 !important}
.quote-card small{color:#a7b0a8 !important}

/* ---------- 指标卡（3D 视差主要载体） ---------- */
.metrics{perspective:1400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.metrics article{
  background:rgba(255,255,255,.9) !important;
  border:1px solid var(--line) !important;border-radius:var(--radius) !important;
  position:relative;overflow:hidden;
  backdrop-filter:blur(16px);
  box-shadow:var(--shadow),0 1px 0 rgba(255,255,255,.7) inset !important;
  transform-style:preserve-3d;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .25s;
  animation:riseIn .6s both;
}
/* 渐变顶边（小清新低饱和） */
.metrics article::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--mint),var(--sky),var(--blush),transparent);
  opacity:.65;
}
/* 光泽扫过（极淡） */
.metrics article::after{
  content:"";position:absolute;top:0;left:-60%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);
  transform:skewX(-18deg);pointer-events:none;animation:shine 7s ease-in-out infinite;
}
.metrics article:hover{box-shadow:var(--shadow),0 0 0 1px rgba(92,184,156,.2) inset !important;transform:translateY(-4px)}
.metrics article strong{color:#1d2a24 !important;font-variant-numeric:tabular-nums;letter-spacing:.02em;display:block}
.metrics article small{color:var(--muted) !important}
.metrics article small i{color:#3f9a80 !important;font-style:normal}
.metrics article small b{color:#56685f !important}
.metrics article .green{color:var(--green) !important}
.metrics article.risk strong{color:var(--red) !important}

@keyframes riseIn{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes shine{0%,100%{left:-60%}45%,55%{left:120%}}

/* ---------- 面板通用 ---------- */
.panel{
  background:rgba(255,255,255,.86) !important;
  border:1px solid var(--line) !important;border-radius:var(--radius) !important;
  backdrop-filter:blur(14px);
  box-shadow:var(--shadow),0 1px 0 rgba(255,255,255,.6) inset !important;
  animation:riseIn .6s both;
}
.panel h2{color:#1f2d27 !important;letter-spacing:.04em;position:relative;padding-left:14px}
.panel h2::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:16px;border-radius:2px;
  background:linear-gradient(180deg,var(--mint),var(--sky));
}
.panel h2 small{color:var(--muted) !important;font-weight:400}

/* ---------- 表格 ---------- */
.panel thead th{
  color:#8e9b94 !important;font-size:11px;letter-spacing:.14em;font-weight:600;
  border-bottom:1px solid var(--line-strong) !important;text-transform:uppercase;
}
.panel tbody td{border-bottom:1px solid rgba(40,54,48,.07) !important;color:#4c5a52}
.panel tbody tr{transition:background .15s,transform .15s}
.panel tbody tr:hover{background:rgba(92,184,156,.07)}
.panel tbody tr:hover td{color:#1f2d27}
.panel tbody tr .green{color:var(--green) !important}
.panel tbody tr .red{color:var(--red) !important}

/* ---------- 出入金提醒 ---------- */
.cash-panel h2,.panel h2{color:#1f2d27 !important;letter-spacing:.04em}
.cash-panel h2 small,.panel h2 small{color:var(--muted) !important;font-weight:400}
.cash-count{background:rgba(92,184,156,.16);color:#3f9a80 !important;border-radius:99px;padding:3px 12px;font-size:12px}
.cash-events{color:#4c5a52}

/* ---------- 图表 / 持仓概览 ---------- */
.exposure .donut b{color:#3f9a80 !important;font-variant-numeric:tabular-nums}
.exposure p,.exposure .avg{color:#8e9b94 !important}
.exposure .avg b{color:#4c5a52 !important}
.grid .panel .chart svg path{filter:drop-shadow(0 0 4px rgba(124,175,221,.16))}
/* 甜柔甜甜圈 */
.exposure .donut{
  background:conic-gradient(var(--mint) 0deg 120deg,var(--sky) 120deg 220deg,var(--blush) 220deg 300deg,#d9e1dc 300deg 360deg) !important;
  box-shadow:0 0 0 9px rgba(255,255,255,.85),0 10px 26px rgba(124,175,221,.2) !important;
  border:0 !important;
}
.exposure .bar{background:rgba(124,175,221,.18);box-shadow:none}
.exposure .bar i{background:linear-gradient(90deg,var(--mint),var(--sky));box-shadow:none}

/* ---------- 搜索框 / 表单 ---------- */
.panel input#search{background:#fff !important;border:1px solid rgba(40,54,48,.14) !important;color:var(--ink) !important;border-radius:11px !important}
.panel input#search:focus{border-color:rgba(92,184,156,.6) !important;outline:none;box-shadow:0 0 0 3px rgba(92,184,156,.12)}
select,textarea,input{color:var(--ink)}
select option{background:#fff;color:var(--ink)}

/* ---------- 告警条 ---------- */
.alert{
  background:linear-gradient(120deg,rgba(255,240,244,.95),rgba(250,244,247,.95)) !important;
  border:1px solid rgba(224,122,147,.3) !important;color:#a2465f !important;border-radius:var(--radius) !important;
  box-shadow:0 10px 26px rgba(224,122,147,.1) !important;
}

/* ---------- 页脚 ---------- */
.note{color:#8e9b94 !important;letter-spacing:.24em}

/* ---------- 模块视图（组织/设置/回收站） ---------- */
.module-view h2,.module-view h3{color:#1f2d27 !important}
.module-view table{color:#4c5a52}
.module-view button{background:var(--glass);border:1px solid var(--line);color:var(--ink-soft);border-radius:11px}
.module-view button.primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:800}

/* ---------- 切换 3D 智慧大屏按钮：白玻璃（与主题统一，无霓虹） ---------- */
body.dashboard-mode #dashboardStyle{
  background:var(--glass) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-soft) !important;font-weight:600;letter-spacing:.04em;
  box-shadow:none !important;border-radius:12px !important;
  backdrop-filter:blur(8px);
  transition:border-color .16s,color .16s,box-shadow .16s;
}
body.dashboard-mode #dashboardStyle:hover{
  background:#fff !important;border-color:var(--mint) !important;color:var(--mint) !important;
  box-shadow:0 8px 20px rgba(92,184,156,.14) !important;transform:none;filter:none;
}

/* ---------- 3D 智慧大屏模式：柔化为同款高级小清新（去赛博霓虹） ---------- */
body.smart-screen-mode .metrics{perspective:1600px}
body.smart-screen-mode .metrics article{transform:translateZ(0);clip-path:none !important;border-radius:var(--radius) !important}
body.smart-screen-mode .toolbar{clip-path:none !important;border-radius:var(--radius) !important}
body.dashboard-mode.smart-screen-mode,
body.dashboard-mode.smart-screen-mode main,
body.dashboard-mode.smart-screen-mode aside{
  background:var(--bg) !important;color:var(--ink);background-image:none !important;
}
body.dashboard-mode.smart-screen-mode::before,
body.dashboard-mode.smart-screen-mode main:before,
body.dashboard-mode.smart-screen-mode main:after{content:none !important}
body.dashboard-mode.smart-screen-mode aside{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,248,245,.96)) !important;border-right:1px solid var(--line) !important;box-shadow:none}
body.dashboard-mode.smart-screen-mode header{
  background:rgba(255,255,255,.6) !important;border:1px solid var(--line) !important;border-radius:var(--radius) !important;
  box-shadow:var(--shadow-soft) !important;clip-path:none !important;min-height:0;text-shadow:none;
}
body.dashboard-mode.smart-screen-mode header:before,
body.dashboard-mode.smart-screen-mode header:after{content:none !important}
body.dashboard-mode.smart-screen-mode header label{color:var(--mint) !important;text-shadow:none}
body.dashboard-mode.smart-screen-mode header h1{color:var(--ink);letter-spacing:.04em;text-shadow:none}
body.dashboard-mode.smart-screen-mode header>span{color:var(--muted);border-color:var(--line);text-shadow:none}
body.dashboard-mode.smart-screen-mode .header-actions{position:static;margin-left:auto}
body.dashboard-mode.smart-screen-mode .toolbar{background:rgba(255,255,255,.82) !important;border:1px solid var(--line) !important;box-shadow:var(--shadow-soft) !important;clip-path:none !important;border-radius:var(--radius)}
body.dashboard-mode.smart-screen-mode .toolbar:after{content:none}
body.dashboard-mode.smart-screen-mode .metrics article{
  background:rgba(255,255,255,.9) !important;border:1px solid var(--line) !important;border-radius:var(--radius) !important;
  box-shadow:var(--shadow),0 1px 0 rgba(255,255,255,.7) inset !important;transform:none;clip-path:none;
}
body.dashboard-mode.smart-screen-mode .metrics article:hover{border-color:rgba(92,184,156,.4) !important;box-shadow:var(--shadow);transform:translateY(-4px)}
body.dashboard-mode.smart-screen-mode .metrics strong{color:#1d2a24 !important;text-shadow:none}
body.dashboard-mode.smart-screen-mode .metrics article:nth-child(2) strong{color:#5d92c4}
body.dashboard-mode.smart-screen-mode .metrics article:nth-child(3) strong{color:#4fae8c}
body.dashboard-mode.smart-screen-mode .metrics article:nth-child(4) strong{color:#cf7f9c}
body.dashboard-mode.smart-screen-mode .panel{background:rgba(255,255,255,.86) !important;border:1px solid var(--line) !important;border-radius:var(--radius) !important;box-shadow:var(--shadow);clip-path:none}
body.dashboard-mode.smart-screen-mode .panel:before{content:none}
body.dashboard-mode.smart-screen-mode .panel h2{color:#1f2d27 !important;text-shadow:none}
body.dashboard-mode.smart-screen-mode .panel h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--mint),var(--sky))}
body.dashboard-mode.smart-screen-mode .chart{background:radial-gradient(ellipse at 58% 76%,rgba(124,175,221,.12),transparent 64%);height:284px}
body.dashboard-mode.smart-screen-mode .chart svg{filter:drop-shadow(0 0 4px rgba(124,175,221,.16))}
body.dashboard-mode.smart-screen-mode .chart svg path:first-child{stroke:var(--sky);stroke-width:4}
body.dashboard-mode.smart-screen-mode .chart svg path:last-child{stroke:var(--blush);stroke-width:2.5}
body.dashboard-mode.smart-screen-mode .exposure .donut{
  background:conic-gradient(var(--mint) 0deg 120deg,var(--sky) 120deg 220deg,var(--blush) 220deg 300deg,#d9e1dc 300deg 360deg) !important;
  box-shadow:0 0 0 9px rgba(255,255,255,.85),0 10px 26px rgba(124,175,221,.2) !important;border:0 !important;
}
body.dashboard-mode.smart-screen-mode .exposure .bar i{background:linear-gradient(90deg,var(--mint),var(--sky));box-shadow:none}
body.dashboard-mode.smart-screen-mode .note{color:#8e9b94 !important;letter-spacing:.24em;text-shadow:none}
body.dashboard-mode.smart-screen-mode th{color:#8e9b94;background:rgba(255,255,255,.5)}
body.dashboard-mode.smart-screen-mode td{color:#4c5a52;border-color:rgba(40,54,48,.07)}
body.dashboard-mode.smart-screen-mode tr:hover td{background:rgba(92,184,156,.07)}
body.dashboard-mode.smart-screen-mode:after{content:none}

/* ---------- 响应式兜底 ---------- */
@media (max-width:1100px){
  .market-quotes{order:3;width:100%;margin-left:0 !important}
  .toolbar button{order:4}
}

/* ---------- 尊重无障碍：减少动态 ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation:none !important}
}