/* 双端视觉系统：移动优先，桌面在 768px 起切换为工作台布局。
   设计 Token（单一权威）：品牌色 / 主色阶 / 语义色 / 阴影 / 过渡，全站统一引用。 */
:root{
  /* 品牌色 */
  --app-navy:#09265a;--app-blue:#075ed1;--app-orange:#ff7628;--app-canvas:#eef4fb;
  /* 主色阶 */
  --primary:#075ed1;--primary-500:#2479df;--primary-800:#064ba7;--primary-light:#eaf3ff;--accent:#075ed1;
  /* 语义色（补齐，供全站统一引用） */
  --card:#fff;--text:#17233b;--text-2:#334155;--muted:#64748b;--faint:#91a0ab;--line:#e2e8f0;--line-strong:#cbd5e1;--fill:#f1f5f9;--fill-2:#f1f5f9;--bg:#f6f9fb;--white:#fff;--danger:#dc2626;--danger-light:#fef2f2;
  /* 阴影 */
  --app-shadow:0 5px 18px rgba(14,55,104,.06);--app-shadow-hover:0 10px 26px rgba(14,55,104,.12);
  /* 过渡 */
  --t:.18s ease;--t2:.22s ease;
}
/* 深色模式：通过 <html data-theme="dark"> 覆盖全部语义 token（含品牌/主色/语义/阴影） */
[data-theme="dark"]{
  --app-navy:#0b1f47;--app-blue:#4d94ff;--app-orange:#ff8a3d;--app-canvas:#0e1420;
  --primary:#4d94ff;--primary-500:#6aa8ff;--primary-800:#2f6fd6;--primary-light:#16233d;--accent:#4d94ff;
  --card:#1a2233;--text:#e6ecf5;--text-2:#c6d0de;--muted:#94a3b8;--faint:#7a8798;--line:#2a3550;--line-strong:#3a4a68;--fill:#222c40;--fill-2:#222c40;--bg:#0e1420;--white:#fff;--danger:#f87171;--danger-light:#3a1c22;
  --app-shadow:0 5px 18px rgba(0,0,0,.4);--app-shadow-hover:0 10px 26px rgba(0,0,0,.5);
}
html{min-width:320px;background:var(--app-canvas);scroll-behavior:smooth}body{background:var(--app-canvas)}
.desktop-nav{display:none}.brand-button{border:0;background:transparent;font:inherit;cursor:pointer;padding:0}.brand-mark{display:none}
.brand-mark svg,.menu-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav .ico svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav .bn{border:0;background:transparent;font-family:inherit}.home-history,.score-shell,.score-workspace,.score-filter-card,.score-result-card{min-width:0}
.home-hero{border-bottom:0}.home-hero h1,.home-hero p{position:relative;z-index:1}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-heading h2{margin:0;font-size:18px}.history-clear{border:0;background:transparent;color:var(--muted);font:500 13px/1 inherit;cursor:pointer;padding:8px}
.menu-card{font-family:inherit;color:inherit;width:100%}.menu-copy,.menu-title,.menu-desc{display:block}.menu-cta{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--primary);margin-top:18px}.menu-cta::after{content:'→';transition:transform var(--t)}
.score-notice{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:1px solid #cfe3f1;border-radius:9px;background:#f0f7fc;color:var(--muted);font-size:12px;line-height:1.65}
.score-notice>span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:17px;height:17px;margin-top:1px;border-radius:50%;background:var(--primary);color:white;font:700 11px/1 Georgia,serif}
/* 新用户福利提示条 */
.benefit-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;border:1px solid #ffd9a8;border-radius:9px;background:linear-gradient(90deg,#fff7ec,#fffbf5);color:#8a5a1a;font-size:12.5px;line-height:1.6}.benefit-bar[hidden]{display:none}.benefit-bar .bb-tag{flex:0 0 auto;padding:2px 9px;border-radius:20px;background:var(--app-orange);color:var(--white);font-weight:700;font-size:11px}.benefit-bar b{color:#c96a0a}.benefit-bar .bb-action{margin-left:auto;flex:0 0 auto;border:0;background:transparent;color:var(--app-blue);font-weight:700;cursor:pointer;padding:2px 4px;font-size:12.5px}.benefit-bar .bb-action:hover{text-decoration:underline}
.score-filter-card,.score-result-card{background:var(--card);border:1px solid var(--line);border-radius:12px}.score-result-card{overflow:hidden}.score-result-card>#scoreResult{height:100%}
button,.tab,.chip,.menu-card,.school-item,.nav-back,.auth-tab,.zp-check,.zp-radio,.zp-coll-head,.zp-cat-head{touch-action:manipulation}
button:focus-visible,.tab:focus-visible,.chip:focus-visible,.menu-card:focus-visible,.school-item:focus-visible,.nav-back:focus-visible,.auth-tab:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(238,138,34,.4);outline-offset:2px}
@media (hover:hover){.btn:hover,.btn-primary:hover,.tb-btn:hover{background:var(--primary-800);box-shadow:0 7px 18px rgba(15,76,117,.2);transform:translateY(-1px)}.btn-outline:hover,.tb-btn.ghost:hover{background:var(--primary-light);color:var(--primary)}.menu-card:hover{border-color:#b8cede;box-shadow:var(--app-shadow-hover);transform:translateY(-3px)}.menu-card:hover .menu-cta::after{transform:translateX(4px)}.school-item:hover,.hist-item:hover{border-color:var(--line-strong);background:var(--fill-2)}.chip:hover,.tab:hover{border-color:var(--primary);color:var(--primary)}.history-clear:hover{color:var(--danger)}}

@media (max-width:767px){
 .wrap{width:100%;max-width:none}.topbar{min-height:54px;padding:9px 16px}.topbar-left{font-size:15px}.page{padding-bottom:84px}
 .home-hero{margin:0;padding:27px 20px 25px;text-align:left;background:linear-gradient(135deg,var(--app-navy),#24779c)}.home-hero h1{font-size:23px;margin-bottom:7px}.home-hero p{font-size:12px;line-height:1.7}
 .home-content{padding:16px}.menu-grid{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.menu-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:112px;padding:16px;text-align:left;border-radius:14px}.menu-icon{grid-row:1;margin:0;width:52px;height:52px;padding:12px}.menu-title{font-size:16px;margin:0 0 4px}.menu-desc{font-size:12px;line-height:1.55}.menu-cta{font-size:0;margin:0;color:var(--faint)}.menu-cta::after{font-size:19px}
 .home-history{margin-top:4px;padding-top:16px}.history-heading{margin-bottom:10px}.history-heading h2{font-size:16px;padding-left:10px;border-left:3px solid var(--app-orange)}.footer{padding-left:0;padding-right:0}
 .navbar{top:54px}.score-shell{padding:12px 14px 0}.score-notice{margin-bottom:12px}.score-workspace{display:grid;gap:12px}.score-filter-card,.score-result-card{padding:16px}.score-result-card{min-height:240px;overflow-x:auto}
 #scoreResult table,#schoolResult table,#detailCard table{min-width:620px}#page-school .card,#detailCard{overflow-x:auto}.modal-card{max-height:92vh;overflow-y:auto}.zp-stage{margin-left:14px;margin-right:14px}
}

@media (min-width:768px){
 body{font-size:15px}.wrap{width:calc(100% - 64px);max-width:1240px;margin:0 auto;min-height:100vh}.page{padding:32px 0 92px}.page.active{animation:fadeIn .16s ease}.bottom-nav{display:none}.toast-wrap{bottom:32px}
 .topbar{height:68px;margin:0 calc(50% - 50vw);padding:0 max(32px,calc((100vw - 1240px)/2));gap:30px;background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--line)}.topbar-left{display:flex;align-items:center;gap:11px;min-width:max-content;color:var(--app-navy);font-size:17px;font-weight:750}.brand-mark{display:inline-flex;width:36px;height:36px;padding:7px;align-items:center;justify-content:center;border-radius:8px;background:var(--app-navy);color:var(--white);box-shadow:0 5px 14px rgba(21,63,102,.2)}
 .desktop-nav{display:flex;align-self:stretch;align-items:center;gap:2px;flex:1}.desktop-nav-item{height:68px;padding:0 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-2);font:600 14px/1 inherit;cursor:pointer;transition:color var(--t),border-color var(--t),background var(--t)}.desktop-nav-item:hover{background:var(--fill);color:var(--primary)}.desktop-nav-item.active{border-bottom-color:var(--app-orange);color:var(--app-navy)}.topbar-center{order:3;flex:0 1 auto;max-width:140px;font-size:13px}.topbar-right{order:4}.tb-btn{padding:9px 18px;border-radius:7px;background:var(--app-navy);border-color:var(--app-navy)}
 .navbar{position:static;padding:0 0 20px;background:transparent;border:0}.nav-back{display:none}.nav-title{text-align:left;font-size:25px;line-height:1.25;color:var(--text);letter-spacing:-.025em}.nav-right{display:none}.card{margin:0;padding:24px;border-radius:12px;background:var(--card);box-shadow:var(--app-shadow)}.card-title{font-size:18px}.btn,.btn-primary{transition:transform var(--t),background var(--t),box-shadow var(--t)}
 /* PC 下钻页返回按钮：仅在下钻页（detail/zp2/zpResult）显示 */
 .navbar .nav-back.pc{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;margin:0 14px 0 0;padding:7px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--app-navy);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t),border-color var(--t)}
 .navbar .nav-back.pc::after{content:'返回'}
 .navbar .nav-back.pc:hover{background:var(--fill);border-color:#c9d4de}
 .navbar .nav-back.pc:active{transform:translateY(1px)}
 .navbar .nav-back.pc .nav-title{font-size:25px}
 #page-home{padding-top:36px}.home-hero{position:relative;overflow:hidden;margin:0 0 24px;padding:42px 48px;text-align:left;border-radius:14px;background:linear-gradient(105deg,var(--app-navy) 0%,#1e608d 62%,#2c86a8 100%);box-shadow:0 14px 34px rgba(21,63,102,.2)}.home-hero::after{content:'';position:absolute;width:340px;height:340px;right:-80px;top:-190px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.045),0 0 0 106px rgba(255,255,255,.035)}.home-hero h1{margin:0 0 10px;font-size:30px;line-height:1.3;font-weight:750}.home-hero p{margin:0;max-width:680px;font-size:14px;color:rgba(255,255,255,.86)}
 .home-content{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:22px;padding:0;align-items:start}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.menu-card{display:flex;min-height:246px;padding:28px 24px;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line-strong);border-radius:13px;background:var(--card);box-shadow:var(--app-shadow);transition:transform var(--t2),box-shadow var(--t2),border-color var(--t2)}.menu-icon{display:flex;width:56px;height:56px;margin:0 0 24px;padding:13px;border-radius:12px}.menu-score .menu-icon{background:#e7f2fa;color:#1e6698}.menu-school .menu-icon{background:#edf7ee;color:#328454}.menu-evaluate .menu-icon{background:var(--card)3e6;color:#d97706}.menu-title{font-size:18px;line-height:1.35;margin-bottom:8px;color:var(--text)}.menu-desc{min-height:44px;font-size:13px;line-height:1.7;color:var(--muted)}.menu-cta{margin-top:auto;padding-top:20px}
 .home-history{min-height:246px;padding:22px 20px;border:1px solid var(--line-strong);border-radius:13px;background:var(--card);box-shadow:var(--app-shadow)}.history-heading{padding-bottom:14px;border-bottom:1px solid var(--line)}.home-history .school-list{max-height:300px;overflow:auto;padding-top:12px}.home-content>.footer{grid-column:1/-1;padding:4px 0 0}
 #page-score{padding-top:30px}.score-shell{display:grid;gap:16px}.score-workspace{display:grid;grid-template-columns:minmax(310px,360px) minmax(0,1fr);gap:18px;align-items:stretch}.score-filter-card{padding:24px;box-shadow:var(--app-shadow)}.score-result-card{min-height:500px;padding:24px;box-shadow:var(--app-shadow)}#scoreResult{overflow-x:auto}#scoreResult:empty::before{content:'输入分数并开始查询，结果将在这里展示';display:flex;min-height:450px;align-items:center;justify-content:center;text-align:center;color:#91a0ab;background:var(--fill);border:1px dashed #cedbe4;border-radius:9px}#scoreResult table,#schoolResult table,#detailCard table{min-width:720px}
 #page-school>div:nth-child(2),#page-detail>div:nth-child(2){padding-top:0!important}#page-school .card{display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);column-gap:28px;align-items:start}#page-school .card>*:not(#schoolResult){grid-column:1}#schoolResult{grid-column:2;grid-row:1/20;min-height:430px;padding-left:28px;border-left:1px solid var(--line);overflow-x:auto}#schoolResult:empty::before{content:'选择院校后，专业录取数据将在这里展示';display:flex;min-height:400px;align-items:center;justify-content:center;text-align:center;color:#91a0ab;background:var(--fill);border:1px dashed #cedbe4;border-radius:9px}#detailCard{overflow-x:auto}
 #page-mine.active{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:20px;align-items:start}#page-mine .mine-head{grid-column:1;margin:0;position:sticky;top:96px}#page-mine>.card{grid-column:2}#page-mine>.btn-logout{grid-column:1;grid-row:2;margin:0;align-self:start}
 #page-zp1 .zp-stage,#page-zp2 .zp-stage,#page-zpResult .zp-stage{max-width:850px;margin:0 auto 22px}#page-zp1>div:last-child,#page-zp2>div:last-child,#page-zpResult>div:last-child{padding:0!important;max-width:1100px;margin:0 auto}#page-zp1>div:last-child{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}#page-zp1>div:last-child>.card{margin:0}#page-zp1>div:last-child>.card:first-child{grid-row:span 2}#page-zp1>div:last-child>.btn{grid-column:1/-1;width:min(420px,100%);justify-self:center}.zp-exams{grid-template-columns:repeat(4,1fr)}
 .modal{align-items:center;padding:28px}.modal-card{width:min(520px,100%);max-width:520px;border-radius:16px;padding:28px 30px;max-height:calc(100vh - 56px);overflow-y:auto;animation:modalIn .2s ease}@keyframes modalIn{from{transform:translateY(12px) scale(.985);opacity:0}to{transform:none;opacity:1}}
}

/* 本轮产品优化：轻量认证、PC 我的工作台、移动首页首屏效率。 */
.form-group label em{color:#dc2626;font-style:normal;margin-left:2px}.auth-consent-copy{margin:4px 0 10px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}.auth-consent-copy a{color:var(--app-blue);text-decoration:none}

@media (max-width:767px){
 .topbar{min-height:52px;padding:8px 14px}.topbar .tb-btn{padding:8px 12px;border-radius:8px;font-size:13px}.home-hero{padding:22px 16px 18px}.home-hero h1{font-size:22px;line-height:1.3;margin-bottom:6px}.home-hero p{font-size:11.5px;line-height:1.55}
 .home-content{padding:12px 14px 18px}.menu-grid{gap:10px;margin-bottom:12px}.menu-card{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto;gap:12px;min-height:88px;padding:13px 14px}.menu-icon{grid-column:1;grid-row:1;width:52px;height:52px;padding:11px!important}.menu-copy{grid-column:2;grid-row:1}.menu-title{font-size:15px;margin-bottom:3px}.menu-desc{font-size:11px;line-height:1.45}.menu-cta{grid-column:3;grid-row:1;width:auto;min-width:64px;height:32px;margin:0;padding:0 10px;font-size:12px;align-self:center;border-radius:6px}
 .home-history{margin-top:12px;padding:14px}.history-heading{margin-bottom:9px}.history-heading h2{font-size:15px}.history-table-wrap{overflow:visible;border:0}.history-table{display:block;min-width:0}.history-table thead{display:none}.history-table tbody{display:grid;gap:8px}.history-table tr{display:grid;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.history-table td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 0;border:0;white-space:normal;font-size:12px}.history-table td::before{content:attr(data-label);flex:0 0 auto;color:var(--muted);font-size:11px}.history-table td:nth-child(2){font-weight:650}.history-link{padding:3px 0}
 #page-mine{padding-left:14px;padding-right:14px}.mine-sidebar{display:block}.mine-head{margin:12px 0 0}.mine-main{display:block}.mine-main>.card{margin:12px 0}.mine-sidebar>.btn-logout{margin:12px 0 0}
}

@media (max-width:359px){
 .menu-card{grid-template-columns:48px minmax(0,1fr) 32px;padding:12px}.menu-icon{width:48px;height:48px}.menu-cta{min-width:32px;width:32px;padding:0;font-size:0}.menu-cta::after{content:'→';display:block;font-size:16px}.menu-desc{font-size:10.5px}
}

@media (min-width:768px){
 #page-mine.active{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:20px;align-items:start}.mine-sidebar{grid-column:1;position:sticky;top:92px}.mine-sidebar .mine-head{margin:0;position:static}.mine-sidebar .btn-logout{margin:14px 0 0}.mine-main{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.mine-main>.card{margin:0;padding:20px;border-radius:10px;box-shadow:0 4px 16px rgba(24,64,111,.06)}.mine-main .card-title{margin-bottom:10px;font-size:16px}.mine-profile-card{grid-column:1;grid-row:1}.mine-security-card{grid-column:2;grid-row:1}.mine-fav-card{grid-column:1;grid-row:2}.mine-zp-card{grid-column:2;grid-row:2}.mine-history-card{grid-column:1/-1;grid-row:3}.mine-about-card{grid-column:1/-1;grid-row:4}.mine-history-card #mineHistory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:390px;overflow:auto;padding-right:4px}.mine-history-card .hist-item{margin:0}.mine-history-card .mine-btns{grid-column:1/-1}.mine-main .mine-row{padding:9px 2px;font-size:13px}.mine-main .mine-empty{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mine-main .mine-empty .me-ico{font-size:22px}
}

@media (min-width:768px) and (max-width:1050px){
 #page-mine.active{grid-template-columns:240px minmax(0,1fr)}.mine-main{grid-template-columns:1fr}.mine-profile-card,.mine-security-card,.mine-fav-card,.mine-zp-card,.mine-history-card,.mine-about-card{grid-column:1;grid-row:auto}.mine-history-card #mineHistory{grid-template-columns:1fr}
}
@media (min-width:768px) and (max-width:1050px){.wrap{width:calc(100% - 32px)}.topbar{padding-left:16px;padding-right:16px;gap:12px}.desktop-nav-item{padding:0 10px}.topbar-center{display:none}.home-content{grid-template-columns:1fr}.score-workspace{grid-template-columns:300px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 附件视觉校准：蓝白、高信息密度、PC 与手机同一组件语言。（设计 token 已统一至文件顶部 :root） */
body{color:var(--text)}
button:focus-visible,.tab:focus-visible,.chip:focus-visible,.menu-card:focus-visible,.school-item:focus-visible,.nav-back:focus-visible,.auth-tab:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-color:rgba(7,94,209,.38)}
.brand-mark{background:transparent!important;color:var(--app-blue)!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.brand-mark img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.history-clear{color:var(--app-blue)}
.menu-icon{color:var(--white)!important;padding:12px!important;border-radius:8px!important}
.menu-score .menu-icon{background:linear-gradient(145deg,#1d72df,#0752c1)!important}
.menu-school .menu-icon{background:linear-gradient(145deg,#43c66e,#20a852)!important}
.menu-evaluate .menu-icon{background:linear-gradient(145deg,#ff963f,#ff6b16)!important}
.menu-schoolstat .menu-icon{background:linear-gradient(145deg,#6c5ce7,#4834d4)!important}
.menu-mock .menu-icon{background:linear-gradient(145deg,#17a2b8,#0e7490)!important}
.menu-cta{justify-content:center;width:100%;height:38px;margin-top:auto;padding:0 16px;border-radius:5px;background:var(--app-blue);color:var(--white);font-size:14px}
.menu-cta::after{display:none}.menu-school .menu-cta{background:#24ad58}.menu-evaluate .menu-cta{background:#ff7628}.menu-schoolstat .menu-cta{background:#5d4dde}.menu-mock .menu-cta{background:#0e7490}
.history-table-wrap,.result-table-wrap{width:100%;overflow:auto;border:1px solid var(--line-strong);border-radius:6px}
.history-table,.result-table{width:100%;border-collapse:collapse;background:var(--card);font-size:13px}
.history-table th,.history-table td,.result-table th,.result-table td{padding:13px 15px;text-align:left;border-bottom:1px solid #e6ebf2;white-space:nowrap}
.history-table th,.result-table th{background:var(--fill);color:var(--text-2);font-size:12px;font-weight:650}
.history-table tr:last-child td,.result-table tr:last-child td{border-bottom:0}
/* 院校详情专业表：桌面沿用通用表格，移动端转为卡片 */
.major-table-wrap{width:100%;overflow:auto}
.major-table{margin-top:0;font-size:12.5px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md)}
.major-table th{padding:10px 8px;background:var(--primary-light);color:var(--primary);font-weight:600}
.major-table td{padding:9px 8px;vertical-align:top;border-bottom:1px solid var(--line)}
.major-table tr:last-child td{border-bottom:0}
.major-table td[data-label]::before{display:none;content:attr(data-label)}
.major-table .mt-name{font-weight:600;color:var(--text);display:block;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
@media (max-width:767px){
  /* 移动端卡片模式下保证不横向溢出；专业名最多 5 行（约 20 字/行），超出截断。
     注意：上方旧规则 #detailCard table{min-width:620px} 会强制撑宽，必须按 ID 级优先级覆盖 */
  #detailCard table.major-table{display:block;min-width:0;max-width:100%;width:auto}
  .major-table td.td-left .mt-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;line-height:1.5;word-break:break-word;max-width:100%}
}
.history-link,.result-view{padding:4px 6px;border:0;background:transparent;color:var(--app-blue);font:600 12px/1 inherit;cursor:pointer}
.score-result-heading{margin:0 0 18px;font-size:18px;color:var(--text)}
.score-overview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-strong);border-radius:7px;padding:17px 4px;margin-bottom:14px}
.score-overview>div{text-align:center;border-right:1px solid #dfe6ef}.score-overview>div:last-child{border-right:0}
.overview-label{display:block;margin-bottom:6px;color:var(--text-2);font-size:13px}.score-overview strong{font-size:24px;line-height:1;color:var(--app-blue)}.score-overview small{margin-left:5px;color:var(--text-2)}.score-overview .overview-dark{color:var(--text)}
.result-filter-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:11px 2px;color:var(--muted);font-size:12px;border-bottom:1px solid #e6ebf2}.result-filter-summary b{margin-left:auto;color:var(--muted)}.result-filter-summary b::first-letter{color:var(--app-blue)}
.result-table-wrap{border-top:0;border-radius:0}.result-table td em{color:#d92727;font-style:normal;font-weight:700}
/* 录取分数结果表：院校名可点击查看，允许换行以适配手机宽度 */
.result-table td.td-school{white-space:normal;word-break:break-word;min-width:0}
.result-table .school-link{color:var(--app-blue);font-weight:600;text-decoration:none;cursor:pointer;line-height:1.35}
.result-table .school-link:active{opacity:.7}
@media (max-width:767px){
  #scoreResult .result-table{width:100%;table-layout:fixed;min-width:0}
  .result-table th,.result-table td{padding:11px 8px}
  .result-table th:nth-child(1),.result-table td:nth-child(1){width:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}
  .result-table th:nth-child(2),.result-table td:nth-child(2){width:60px;white-space:nowrap}
  .result-table th:nth-child(3),.result-table td:nth-child(3){width:80px;white-space:nowrap}
}
.result-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;color:var(--muted);font-size:12px}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-pages button{min-width:31px;height:31px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--text-2);cursor:pointer}.pagination-pages button.active{border-color:var(--app-blue);background:var(--app-blue);color:var(--white)}.pagination-pages button:disabled{opacity:.4;cursor:not-allowed}.result-disclaimer{margin-top:12px;color:var(--muted);font-size:11px}
/* 冲稳保分布可视化 */
.cw-wrap{margin:14px 0 4px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card)}
.cw-bar{display:flex;width:100%;height:22px;border-radius:11px;overflow:hidden;background:var(--fill)}
.cw-seg{display:flex;align-items:center;justify-content:center;height:100%;color:var(--white);font-size:12px;font-weight:600;white-space:nowrap;transition:filter .2s}
.cw-seg:hover{filter:brightness(1.1)}
.cw-chong{background:linear-gradient(90deg,#f45b69,#e63946)}
.cw-wen{background:linear-gradient(90deg,#f6a94d,#f0842e)}
.cw-bao{background:linear-gradient(90deg,#4d94ff,#2f6fd6)}
.cw-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;color:var(--text-2);font-size:12px}
.cw-legend-item{display:inline-flex;align-items:center;gap:6px}
.cw-legend-item i{width:10px;height:10px;border-radius:3px;display:inline-block}
.cw-l-chong i{background:#e63946}.cw-l-wen i{background:#f0842e}.cw-l-bao i{background:#2f6fd6}
.result-export{margin-top:12px;text-align:right}
.result-export .btn{font-size:12px;padding:7px 16px}

@media (max-width:767px){
 body{background:var(--bg)}.topbar{background:var(--card);border-bottom:1px solid #e2e8f0}.topbar-left{display:flex;align-items:center;gap:8px;color:var(--app-blue);font-weight:750}.brand-mark{display:inline-flex!important;width:28px!important;height:28px!important}
 .home-hero{margin:0;padding:30px 18px 22px;text-align:center;background:var(--card)!important;color:var(--app-navy);box-shadow:none}.home-hero h1{margin:0 0 9px;font-size:25px;color:var(--app-navy)}.home-hero p{max-width:330px;margin:0 auto;color:var(--muted);font-size:12px}
 .home-content{padding:14px 14px 20px}.menu-grid{grid-template-columns:1fr;gap:12px}.menu-card{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;gap:0 14px;min-height:0;padding:16px;text-align:left;border:1px solid var(--line-strong);border-radius:9px;box-shadow:var(--app-shadow)}.menu-icon{grid-row:1;width:58px;height:58px;margin:0}.menu-copy{align-self:center}.menu-title{font-size:16px;color:var(--text)}.menu-desc{font-size:12px;color:var(--muted)}.menu-cta{grid-column:1/-1;grid-row:2;margin-top:14px;height:38px}
 .home-history{margin-top:16px;padding:16px;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);box-shadow:var(--app-shadow)}.history-heading{margin:0 0 12px;padding:0;border:0}.history-heading h2{padding:0;border:0;color:var(--text)}.home-history .school-list{padding:0;max-height:none}.history-table{min-width:650px}
 .score-shell{padding:12px 14px 0}.score-notice{background:#eaf3ff;border-color:#d5e6fb;color:var(--muted)}.score-workspace{display:grid;gap:12px}.score-filter-card,.score-result-card{padding:16px;border-radius:9px;box-shadow:var(--app-shadow)}.score-result-card{overflow:hidden}#scoreResult{overflow:visible}.score-overview{grid-template-columns:1fr 1fr}.score-overview>div{padding:10px 8px;border-right:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef}.score-overview>div:nth-child(even){border-right:0}.score-overview>div:nth-child(n+3){border-bottom:0}.score-overview strong{font-size:20px}.result-filter-summary{gap:8px 14px}.result-filter-summary b{width:100%;margin:0}.result-table-wrap{overflow:auto}.result-table{min-width:0}.result-pagination{align-items:flex-start;flex-direction:column}.pagination-pages{max-width:100%;overflow:auto}
 .major-table-wrap{overflow:visible}.major-table{background:transparent;border:0;overflow:visible;font-size:13px}.major-table thead{display:none}.major-table tbody{display:block}.major-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}.major-table td{padding:10px 12px;display:block;text-align:left;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.major-table td.td-left{grid-column:1/-1;background:var(--fill);border-right:0}.major-table td.td-left::before{display:none}.major-table td[data-label]::before{display:block;content:attr(data-label);font-weight:600;color:var(--text-2);font-size:12px;margin-bottom:4px}.major-table td[data-label]:nth-child(3),.major-table td[data-label]:nth-child(5){border-right:0}.major-table td[data-label]:nth-child(4),.major-table td[data-label]:nth-child(5){border-bottom:0}.major-table td.td-left .muted{font-size:11px;color:var(--text-2);display:block;margin-top:2px}.major-table td.td-left .mt-name{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:3px}.major-table td[data-label] .num{font-size:17px;font-weight:700;color:var(--app-blue);line-height:1.2}.major-table td[data-label] .num.muted{color:var(--text-2);font-size:12px;font-weight:500;margin-top:3px;display:block}
 .bottom-nav{box-shadow:0 -4px 16px rgba(18,55,98,.06)}.bottom-nav .bn.active{color:var(--app-blue)}
}

@media (min-width:768px){
 body{background:var(--app-canvas)}.wrap{width:calc(100% - 24px);max-width:1460px;margin:12px auto;min-height:calc(100vh - 24px);background:var(--card);border-radius:8px;box-shadow:0 4px 22px rgba(35,68,108,.09);overflow:hidden}.page{width:min(1160px,calc(100% - 64px));margin:0 auto;padding:26px 0 54px}
 .topbar{height:68px;margin:0;padding:0 32px;box-shadow:0 1px 0 #dfe6ef}.topbar-left{color:var(--app-blue);font-size:18px}.brand-mark{width:34px!important;height:34px!important}.desktop-nav{justify-content:center;gap:14px}.desktop-nav-item{height:68px;padding:0 17px;color:var(--text-2);font-weight:500;border-bottom-width:2px}.desktop-nav-item.active{border-bottom-color:var(--app-blue);color:var(--text);font-weight:700}.desktop-nav-item:hover{background:transparent;color:var(--app-blue)}.tb-btn{padding:8px 12px;border:0;background:transparent!important;color:var(--text-2)!important;box-shadow:none!important;font-weight:500}
 #page-home{padding-top:0}.home-hero{margin:0;padding:42px 20px 30px;text-align:center;border-radius:0;background:var(--card)!important;box-shadow:none}.home-hero::after{display:none}.home-hero h1{margin:0 0 9px;color:var(--app-navy);font-size:34px;font-weight:760}.home-hero p{margin:0 auto;color:var(--muted);font-size:14px}
 .home-content{display:block;padding:0}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px}.menu-card{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:18px;min-height:168px;padding:26px 26px 24px;text-align:left;border:1px solid var(--line-strong);border-radius:12px;background:var(--card);box-shadow:0 1px 2px rgba(24,55,94,.04);transition:box-shadow var(--t),transform var(--t),border-color var(--t)}.menu-card:hover{box-shadow:0 10px 26px rgba(24,55,94,.10);transform:translateY(-3px);border-color:#c9d6e6}.menu-icon{grid-column:1;grid-row:1;width:60px;height:60px;margin:0}.menu-copy{grid-column:2;grid-row:1;align-self:center}.menu-title{font-size:19px;color:var(--text)}.menu-desc{min-height:0;font-size:12.5px;line-height:1.7;color:var(--muted)}.menu-cta{grid-column:1/-1;grid-row:2;margin:0;height:40px}
 .home-history{min-height:0;padding:18px 18px 20px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);box-shadow:none}.history-heading{padding:0 0 14px;border:0}.history-heading h2{font-size:16px;color:var(--text)}.home-history .school-list{max-height:none;padding:0}.home-content>.footer{padding:28px 0 0;text-align:center;color:var(--muted)}
 #page-score{padding-top:26px}.navbar{padding:0 0 18px}.nav-title{font-size:22px;color:var(--text)}.score-shell{gap:14px}.score-notice{background:#eaf3ff;border:0;color:var(--muted)}.score-workspace{grid-template-columns:240px minmax(0,1fr);gap:20px}.score-filter-card{padding:18px 16px;border-radius:8px;box-shadow:none}.score-filter-card .tabs{gap:0}.score-filter-card .tab{padding:9px 5px}.score-filter-card .card-title{font-size:13px;margin:18px 0 8px}.score-filter-card .card-title .dot{display:none}.score-filter-card label{font-size:12px}.score-filter-card .row{display:grid;grid-template-columns:1fr;gap:7px}.score-filter-card .chip{width:100%;text-align:center}.score-filter-card .btn{padding:11px;font-size:14px}.score-filter-card .rank-bar{display:none!important}.score-result-card{min-height:500px;padding:18px 14px;border-radius:8px;box-shadow:none}#scoreResult{overflow:visible}#scoreResult:empty::before{min-height:460px;background:var(--card);border-color:#dfe6ef}
.score-overview{grid-template-columns:repeat(4,1fr)}
.score-overview>div{padding:6px 4px;border-right:1px solid var(--line-strong)}
.score-overview>div:last-child{border-right:0}
 /* 各科成绩定位分析左栏加宽（仅桌面端，移动端保持单列） */
 #mockPanelSubject .score-workspace{grid-template-columns:340px minmax(0,1fr);gap:18px}
}
/* Mobile home final layout override: keep the desktop visual language while
   reducing vertical travel and surfacing recent activity in the first screen. */
@media (max-width: 767px) {
  #page-home .home-hero {
    padding: 22px 16px 18px;
  }

  #page-home .home-hero h1 {
    margin-bottom: 6px;
    font-size: 22px;
    line-height: 1.3;
  }

  #page-home .home-hero p {
    font-size: 11.5px;
    line-height: 1.55;
  }

  #page-home .home-content {
    padding: 12px 14px 18px;
  }

  #page-home .menu-grid {
    gap: 10px;
    margin-bottom: 12px;
  }

  #page-home .menu-card {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    grid-template-rows: auto;
    gap: 12px;
    min-height: 88px;
    padding: 13px 14px;
  }

  #page-home .menu-icon {
    grid-column: 1;
    grid-row: 1;
    width: 52px;
    height: 52px;
    padding: 11px !important;
  }

  #page-home .menu-copy {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  #page-home .menu-title {
    margin-bottom: 3px;
    font-size: 15px;
  }

  #page-home .menu-desc {
    font-size: 11px;
    line-height: 1.45;
  }

  #page-home .menu-cta {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    width: auto;
    min-width: 64px;
    height: 32px;
    margin: 0;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 12px;
  }

  #page-home .home-history {
    margin-top: 12px;
    padding: 14px;
  }
}

@media (max-width: 359px) {
  #page-home .menu-card {
    grid-template-columns: 48px minmax(0, 1fr) 32px;
    gap: 9px;
    padding: 12px;
  }

  #page-home .menu-icon {
    width: 48px;
    height: 48px;
  }

  #page-home .menu-cta {
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: transparent;
  }

  #page-home .menu-cta::after {
    content: '→';
    display: block;
    color: #fff;
    font-size: 16px;
  }
}

/* Shared searchable school dropdowns */
.modal-card {
  position: relative;
}

.modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #dce4ee;
  border-radius: 50%;
  background: #fff;
  color: #617089;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.modal-close:hover,
.modal-close:focus-visible {
  border-color: #b9cee8;
  background: #eef5ff;
  color: var(--app-blue);
  outline: none;
}

.modal-close svg,
.sg-close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.sg-drop {
  overflow: hidden !important;
  max-height: none !important;
}

.sg-toolbar {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 0 8px 0 13px;
  border-bottom: 1px solid #e7edf4;
  background: #f8fafc;
  color: #738097;
  font-size: 12px;
}

.sg-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #68778d;
  cursor: pointer;
}

.sg-close:hover,
.sg-close:focus-visible {
  background: #e8f1fd;
  color: var(--app-blue);
  outline: none;
}

.sg-options {
  max-height: 240px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.sg-more {
  padding: 10px 13px;
  text-align: center;
  color: #9aa7b8;
  font-size: 12px;
  background: #fafbfd;
}

.sg-drop .sg.active,
.sg-drop .sg:hover {
  background: #edf5ff;
  color: var(--app-blue);
}

[role="combobox"][aria-expanded="true"] {
  border-color: var(--app-blue) !important;
  box-shadow: 0 0 0 3px rgba(20, 99, 214, .11);
}

@media (max-width: 767px) {
  .modal-close {
    top: 14px;
    right: 14px;
  }

  .sg-options {
    max-height: min(240px, 34vh);
  }

  .ss-top-row {
    display: block;
  }

  .ss-top-cell + .ss-top-cell {
    border-top: 1px dashed var(--line, #e2e8f0);
    border-left: 0;
  }
}

/* ===== 所在高中考情页样式 ===== */
.ss-userinfo {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--primary-light, #eaf3fb);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 12px;
  font-size: 14px;
  color: var(--text, #1e293b);
  flex-wrap: wrap;
}
.ss-userinfo .ss-ui-label { color: var(--muted, #64748b); font-size: 12px; }
.ss-userinfo .ss-ui-school { font-weight: 700; color: var(--primary, #0f4c75); }
.ss-userinfo .ss-ui-grade { color: var(--muted, #64748b); font-size: 12px; }

.ss-subject-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.ss-tab {
  flex: 1;
  padding: 9px 0;
  border: 1px solid var(--line, #e2e8f0);
  background: var(--card, #fff);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--muted, #64748b);
  cursor: pointer;
  transition: all .15s;
}
.ss-tab.active {
  background: var(--primary, #0f4c75);
  color: #fff;
  border-color: var(--primary, #0f4c75);
}

.ss-card {
  background: var(--card, #fff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 14px;
  padding: 16px 16px 12px;
  box-shadow: 0 1px 3px rgba(15, 76, 117, .06);
}
.ss-card-hd {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line, #e2e8f0);
}
.ss-school { font-size: 16px; font-weight: 700; color: var(--primary, #0f4c75); }
.ss-subject {
  font-size: 12px;
  background: var(--primary-light, #eaf3fb);
  color: var(--primary, #0f4c75);
  padding: 2px 8px;
  border-radius: 999px;
}
.ss-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.ss-cell {
  background: var(--fill-2, #f1f5f9);
  border-radius: 10px;
  padding: 12px 6px;
  text-align: center;
}
.ss-num {
  font-size: 20px;
  font-weight: 800;
  color: var(--text, #1e293b);
  line-height: 1.2;
}
.ss-num.hot { color: var(--accent, #f28c00); }
.ss-lab { font-size: 12px; color: var(--muted, #64748b); margin-top: 4px; }

/* Top 院校：2列布局，编号 01-10 */
.ss-top-title {
  margin: 18px 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: var(--primary, #0f4c75);
}
.ss-top-grid {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 10px;
  background: var(--card, #fff);
  overflow: hidden;
}
.ss-top-row {
  display: block;
}
.ss-top-row + .ss-top-row {
  border-top: 1px dashed var(--line, #e2e8f0);
}
.ss-top-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  font-size: 14px;
  color: var(--text, #1e293b);
  min-width: 0;
}
.ss-top-cell.ss-top-empty {
  background: transparent;
}
.ss-top-idx {
  font-weight: 800;
  color: var(--primary, #0f4c75);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  flex: 0 0 auto;
}
.ss-top-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-top-count {
  color: var(--muted, #64748b);
  font-size: 13px;
  flex: 0 0 auto;
}
/* 考情 Top 院校水平条形图 */
.ss-top-bar {
  height: 6px;
  margin: 0 12px 10px 34px;
  border-radius: 3px;
  background: var(--fill, #eef2f7);
  overflow: hidden;
}
.ss-top-bar i {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--primary, #0f4c75), var(--app-blue, #2563eb));
  min-width: 4px;
}
.ss-top-note {
  font-size: 12px;
  color: var(--muted, #64748b);
  line-height: 1.7;
  margin-top: 10px;
  padding: 0 2px;
}

.ss-empty {
  text-align: center;
  color: var(--muted, #64748b);
  font-size: 14px;
  padding: 40px 0;
}

.ss-note {
  font-size: 12px;
  color: var(--muted, #64748b);
  margin-top: 10px;
  padding: 0 2px;
}

@media (max-width: 600px) {
  .ss-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-num { font-size: 18px; }
}

/* ===== 深色模式组件级覆盖（data-theme="dark"）===== */
[data-theme="dark"] .score-notice{background:rgba(77,148,255,.10);border-color:rgba(77,148,255,.25);color:var(--muted)}
[data-theme="dark"] .benefit-bar{background:rgba(255,138,61,.10);border-color:rgba(255,138,61,.28);color:var(--muted)}
[data-theme="dark"] .benefit-bar b{color:var(--app-orange)}
[data-theme="dark"] .history-table th,[data-theme="dark"] .result-table th{background:var(--fill);color:var(--text-2)}
[data-theme="dark"] .history-table td,[data-theme="dark"] .result-table td{border-bottom-color:var(--line)}
[data-theme="dark"] .history-table,[data-theme="dark"] .result-table{background:var(--card)}
[data-theme="dark"] .history-table-wrap,[data-theme="dark"] .result-table-wrap{border-color:var(--line-strong)}
[data-theme="dark"] .score-overview{border-color:var(--line-strong)}
[data-theme="dark"] .score-overview>div{border-right-color:var(--line-strong)}
[data-theme="dark"] .score-overview>div:last-child{border-right:0}
[data-theme="dark"] .overview-label{color:var(--text-2)}
[data-theme="dark"] .score-overview small{color:var(--muted)}
[data-theme="dark"] .result-filter-summary{color:var(--muted);border-bottom-color:var(--line)}
[data-theme="dark"] .result-filter-summary b{color:var(--muted)}
[data-theme="dark"] .result-pagination{color:var(--muted)}
[data-theme="dark"] .pagination-pages button{background:var(--card);border-color:var(--line-strong);color:var(--text-2)}
[data-theme="dark"] .pagination-pages button.active{background:var(--primary);border-color:var(--primary);color:#fff}
[data-theme="dark"] .result-disclaimer{color:var(--faint)}
[data-theme="dark"] .score-result-heading{color:var(--text)}
[data-theme="dark"] .result-table td em{color:var(--danger)}
[data-theme="dark"] .menu-card{background:var(--card);border-color:var(--line-strong)}
[data-theme="dark"] .home-history{background:var(--card);border-color:var(--line-strong)}
[data-theme="dark"] .history-table tr{background:var(--card);border-color:var(--line)}
[data-theme="dark"] .major-table{background:var(--card);border-color:var(--line-strong)}
[data-theme="dark"] .major-table th{background:var(--fill);color:var(--text-2)}
[data-theme="dark"] .major-table td{border-bottom-color:var(--line)}
[data-theme="dark"] .major-table td.td-left{background:var(--fill)}
[data-theme="dark"] .major-table tr{background:var(--card)}
[data-theme="dark"] .major-table td[data-label]::before{color:var(--text-2)}
[data-theme="dark"] .major-table td.td-left::before{color:var(--primary)}
[data-theme="dark"] .topbar{background:var(--card)}
[data-theme="dark"] .wrap{background:var(--card)}
[data-theme="dark"] .card{background:var(--card)}
[data-theme="dark"] .modal-card{background:var(--card)}
[data-theme="dark"] .sg-toolbar{background:var(--fill)}
[data-theme="dark"] .sg-options{background:var(--card)}
[data-theme="dark"] .modal-close{background:var(--card);border-color:var(--line-strong);color:var(--muted)}
[data-theme="dark"] .modal-close:hover,[data-theme="dark"] .modal-close:focus-visible{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}
[data-theme="dark"] .home-hero{background:var(--card)!important}
[data-theme="dark"] .home-hero h1{color:var(--text)}
[data-theme="dark"] .home-hero p{color:var(--muted)}
[data-theme="dark"] .menu-title{color:var(--text)}
[data-theme="dark"] .menu-desc{color:var(--muted)}
[data-theme="dark"] .desktop-nav-item{color:var(--text-2)}
[data-theme="dark"] .desktop-nav-item.active{color:var(--app-blue)}
[data-theme="dark"] .nav-title{color:var(--text)}
[data-theme="dark"] .form-group label em{color:var(--danger)}
[data-theme="dark"] .auth-consent-copy{color:var(--muted)}
[data-theme="dark"] .footer{color:var(--muted)}
[data-theme="dark"] .history-heading h2{color:var(--text)}
[data-theme="dark"] .history-clear{color:var(--app-blue)}
[data-theme="dark"] .ss-userinfo{background:var(--primary-light);border-color:var(--line)}
[data-theme="dark"] .ss-tab{background:var(--card);border-color:var(--line)}
[data-theme="dark"] .ss-cell{background:var(--fill-2)}
[data-theme="dark"] .ss-top-grid{background:var(--card);border-color:var(--line)}
[data-theme="dark"] .ss-top-row{border-top-color:var(--line)}
[data-theme="dark"] .ss-top-cell,.ss-top-cell + .ss-top-cell{border-left-color:var(--line)}
[data-theme="dark"] .ss-top-cell.ss-top-empty{border-left-color:var(--line)}
[data-theme="dark"] .ss-top-bar{background:var(--fill-2)}
[data-theme="dark"] .sg-drop .sg.active,[data-theme="dark"] .sg-drop .sg:hover{background:var(--primary-light)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:var(--card);border-color:var(--line-strong);color:var(--text)}
[data-theme="dark"] input::placeholder{color:var(--faint)}

/* ===== 打印导出（P1-7 结果页导出） ===== */
@media print {
  body * { visibility: hidden !important; }
  #page-zpResult, #page-zpResult * { visibility: visible !important; }
  #page-zpResult {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #1e293b !important;
  }
  /* 打印时隐藏结果页内的操作按钮与说明条 */
  #page-zpResult .zp-link-box,
  #page-zpResult .btn,
  #page-zpResult .footer,
  #page-zpResult .back-bar,
  #page-zpResult .st,
  #page-zpResult .hint,
  #page-zpResult .zp-step-bar { display: none !important; }
  #page-zpResult * { color: #1e293b !important; }
  #page-zpResult .zp-card { border-color: #d7dee8 !important; background: #fff !important; page-break-inside: avoid; }
  #page-zpResult .zp-card .dot { background: #2563eb !important; }
  #page-zpResult .zp-card .dot.bad { background: #e63946 !important; }
  #page-zpResult .zp-card .dot.grey { background: #94a3b8 !important; }
  #page-zpResult .zp-stat { color: #1e293b !important; }
  @page { margin: 14mm; }
}
@media print {
  body * { visibility: hidden !important; }
  #scoreResult, #scoreResult * { visibility: visible !important; }
  #scoreResult {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: #fff !important;
    color: #1e293b !important;
  }
  #scoreResult .result-export,
  #scoreResult .result-pagination,
  #scoreResult .result-disclaimer { display: none !important; }
  #scoreResult * { color: #1e293b !important; }
  #scoreResult .result-table-wrap { border-color: #d7dee8 !important; }
  #scoreResult table { width: 100% !important; }
  #scoreResult td, #scoreResult th { border-color: #d7dee8 !important; }
  @page { margin: 14mm; }
}

/* ===== 模考页分段式 Tab（模考定位换算 / 各科成绩定位分析） ===== */
.mock-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.mock-tab {
  flex: 1;
  padding: 11px 0;
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: var(--r-md, 8px);
  font-size: 14px;
  font-weight: 600;
  color: var(--muted);
  cursor: pointer;
  transition: all .15s;
}
.mock-tab.active {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
  box-shadow: 0 2px 8px rgba(7, 94, 209, .18);
}
.mock-tab.disabled {
  opacity: .45;
  cursor: not-allowed;
}
.mock-tab.disabled:hover {
  border-color: var(--line);
  color: var(--muted);
  background: var(--card);
}
.mock-panel.hidden {
  display: none;
}
@media (min-width: 768px) {
  .mock-tabs {
    gap: 12px;
    margin-bottom: 20px;
  }
  .mock-tab {
    flex: 0 1 260px;
    padding: 12px 0;
    font-size: 15px;
  }
}

/* ===== 各科成绩定位分析（模考定位换算子功能） ===== */
/* 该面板输入项较多（6 科 + 选考 chips + 市位次），桌面端左栏需比换算面板更宽才不至于拥挤。
   注意：必须放在桌面端媒体查询内，否则会覆盖移动端单列布局导致横向溢出。 */
#mockPanelSubject .card-title{margin:14px 0 8px}
#mockPanelSubject .mock-select{width:100%}
.mock-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mock-form-row .form-group{margin:0}
.mock-form-row label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;white-space:nowrap}
/* 选考科目：紧凑 3 列网格，不再每枚占满整行 */
.mock-subject-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.mock-subject-chips .chip{width:100%;margin:0;text-align:center;justify-content:center}
.mock-subject-chips .chip em{font-style:normal;font-size:10px;opacity:.75;margin-left:3px}
/* 首选科目（物理/历史）：可点击的二选一，用主色描边标识 */
.mock-subject-chips .chip.preferred{border-color:var(--primary);color:var(--primary);font-weight:600}
.mock-subject-chips .chip.preferred.active{background:var(--primary);color:#fff}
#mockSubElectiveInputs{margin-bottom:8px}
.mock-subject-count{font-size:12px;color:var(--muted)}
.mock-subject-input {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: var(--r-md, 8px);
  background: var(--card);
  color: var(--text);
  font-size: 16px;
  font-family: inherit;
  outline: none;
}

.mock-subject-input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(7, 94, 209, .08);
}

.mock-subject-chips .chip.disabled {
  opacity: .5;
  cursor: not-allowed;
}

#mockSubjectResult .score-overview {
  grid-template-columns: repeat(2, 1fr);
}

#mockSubjectResult .score-overview strong {
  font-size: 20px;
}

#mockSubjectResult .result-table td {
  white-space: nowrap;
}

/* 雷达图：网格/轴线（改用 class 控制颜色，便于深色模式适配） */
.mock-radar-svg .radar-grid {
  fill: none;
  stroke: var(--line-strong, #cbd5e1);
  stroke-width: 1;
}
/* 顶点标签分两行：科目名（主色加粗）+ 实际分数（弱化） */
.mock-radar-svg .radar-lb {
  fill: var(--text);
  font-size: 13px;
  font-weight: 600;
}
.mock-radar-svg .radar-lb-sub {
  fill: var(--muted);
  font-size: 11px;
}

@media (min-width: 768px) {
  #mockSubjectResult .score-overview {
    grid-template-columns: repeat(4, 1fr);
  }

  #mockSubjectResult .score-overview strong {
    font-size: 24px;
  }
}

.mock-subject-result-grid {
  grid-template-columns: 1fr;
}

/* 模考页结果区空态占位：模考定位换算(#mockResult) 与各科成绩定位分析(#mockSubjectResult) 共用，
   保证两个面板未查询时视觉完全一致。 */
.mock-result-empty {
  display: flex;
  min-height: 450px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--muted);
  background: var(--fill);
  border: 1px dashed var(--line-strong);
  border-radius: 9px;
  padding: 24px;
  line-height: 1.8;
}
.mock-result-empty .mock-empty-title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 6px;
}
.mock-result-empty .mock-empty-sub {
  display: block;
  font-size: 13px;
  color: var(--muted);
}
#mockResult:empty::before,
#mockSubjectResult:empty::before {
  content: none;
}

@media (min-width: 768px) {
  .mock-subject-result-grid {
    grid-template-columns: 1fr 1fr;
  }
}