:root{
  --blue:#185FA5; --blue-d:#0C447C; --blue-l:#E6F1FB;
  --amber:#BA7517; --amber-l:#FAEEDA;
  --teal:#0F6E56; --teal-l:#E1F5EE;
  --red:#A32D2D; --red-l:#FCEBEB;
  --ink:#1F2A37; --muted:#6B7280; --line:#E5E7EB; --bg:#F5F7FA;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:15px}
.wrap{max-width:640px;margin:0 auto;min-height:100vh;background:#fff}
.page{display:none;padding:0 0 60px}
.page.active{display:block}
.hero{background:var(--blue-d);color:#fff;padding:48px 24px 40px;text-align:center}
.hero .tag{display:inline-block;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:2px 14px;font-size:12px;letter-spacing:2px;margin-bottom:16px}
.hero h1{font-size:26px;font-weight:600;letter-spacing:1px}
.hero p{margin-top:10px;font-size:13px;opacity:.85}
.sec{padding:20px 20px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}
.card h3{font-size:15px;margin-bottom:10px;color:var(--blue-d)}
.card p{font-size:13px;color:var(--muted)}
.mode-card{display:flex;align-items:center;gap:12px;cursor:pointer;transition:box-shadow .15s,border-color .15s}
.mode-card:active{transform:scale(.99)}
.mode-card:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(24,95,165,.12)}
.mc-ico{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}
.mc-body{flex:1}
.mc-body h3{margin-bottom:4px}
.mc-body p{margin:0}
.mc-go{flex:none;font-size:22px;color:var(--blue);font-weight:700}
.btn{display:block;width:calc(100% - 40px);margin:24px 20px;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:500;cursor:pointer;text-align:center}
.btn:active{opacity:.85}
.btn.ghost{background:#fff;color:var(--blue);border:1px solid var(--blue)}
.btn.sm{width:auto;display:inline-block;margin:0;padding:8px 18px;font-size:13px;border-radius:8px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.field input[type=text],.field input[type=tel],.field select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:15px;background:#fff;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:14px;color:var(--ink);cursor:pointer;background:#fff}
.chip.on{background:var(--blue-l);border-color:var(--blue);color:var(--blue-d);font-weight:500}
.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px;z-index:9}
.pbar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:6px}
.pbar i{display:block;height:100%;width:0;background:var(--blue);transition:width .3s}
.pinfo{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.qsec{padding:18px 20px 4px}
.qsec .stitle{font-size:15px;font-weight:600;color:var(--blue-d);margin-bottom:2px}
.qsec .sdesc{font-size:12px;color:var(--muted);margin-bottom:12px}
.q{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}
.q.miss{border-color:var(--red);background:var(--red-l)}
.q .qt{font-size:14px;margin-bottom:10px}
.q .qt b{color:var(--blue);font-weight:600;margin-right:4px}
.opts{display:flex;flex-direction:column;gap:8px}
.opts.row{flex-direction:row;flex-wrap:wrap}
.opt{border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13px;cursor:pointer;background:#fafafa;flex:1;text-align:center;min-width:52px}
.opts:not(.row) .opt{text-align:left;background:#fff}
.opt.on{background:var(--blue-l);border-color:var(--blue);color:var(--blue-d);font-weight:500}
.rpt-head{background:var(--blue-d);color:#fff;padding:28px 24px}
.rpt-head .rtag{font-size:11px;letter-spacing:2px;opacity:.8}
.rpt-head h2{font-size:22px;margin:6px 0 4px}
.rpt-head .meta{font-size:12px;opacity:.85}
.badge{display:inline-block;background:#fff;color:var(--blue-d);border-radius:999px;padding:4px 16px;font-size:14px;font-weight:600;margin-top:12px}
.dim{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}
.dim .dh{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#FAFBFC;border-bottom:1px solid var(--line)}
.dim .dh b{font-size:14px}
.score{font-size:18px;font-weight:700;color:var(--blue)}
.dim .db{padding:12px 16px;font-size:13px}
.gap{margin-top:10px;background:var(--amber-l);border-left:3px solid var(--amber);border-radius:0 8px 8px 0;padding:9px 12px;font-size:13px;color:#63450a}
.good{color:var(--ink)}
.note{background:var(--blue-l);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--blue-d);margin-bottom:14px}
.acts .a{display:flex;gap:10px;margin-bottom:12px}
.acts .n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.acts p{font-size:13px}
.acts b{font-size:14px;display:block}
.foot{padding:24px 20px;text-align:center;font-size:11px;color:#9CA3AF}
.foot a{color:#9CA3AF;text-decoration:underline;cursor:pointer}
.lvA{background:var(--red-l);color:var(--red)}
.lvB{background:var(--amber-l);color:var(--amber)}
.lvC{background:var(--teal-l);color:var(--teal)}
.lv{display:inline-block;border-radius:8px;padding:6px 14px;font-weight:700;font-size:15px}
.itable{width:100%;border-collapse:collapse;font-size:13px}
.itable td,.itable th{border:1px solid var(--line);padding:7px 9px;text-align:left}
.itable th{background:#FAFBFC;font-weight:500;color:var(--muted);white-space:nowrap}
.sig{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;font-size:13px}
.sig i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--red);margin-top:7px}
.sig.pos i{background:var(--teal)}
.script{background:#FAFBFC;border:1px dashed var(--line);border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:10px}
.script b{color:var(--blue-d);display:block;margin-bottom:4px;font-size:13px}
.prod{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px}
.prod b{font-size:14px;color:var(--blue-d)}
.prod .why{font-size:12px;color:var(--muted);margin-top:4px}
.prod .pri{float:right;font-size:11px;background:var(--blue-l);color:var(--blue-d);border-radius:6px;padding:2px 8px}
.h2s{font-size:16px;font-weight:600;color:var(--ink);margin:22px 0 12px;padding-left:10px;border-left:4px solid var(--blue)}
.cs-note{font-size:12px;color:#6B7280;margin:0 0 12px}
.cs-part{margin-bottom:18px}
.cs-h{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.cs-title{font-weight:700;color:var(--blue-d);font-size:14px}
.cs-time{font-size:12px;color:#6B7280;margin-left:auto;white-space:nowrap}
.cs-scene{font-size:12px;color:#6B7280;font-style:italic;margin:0 0 8px}
.cs-body{font-size:13px;line-height:1.8;color:#374151}
.cs-turn{margin-bottom:8px}
.cs-who{color:var(--blue-d);margin-right:5px}
.cs-react{font-size:12px;color:#0F6E56;background:#E8F5F0;border-left:3px solid #0F6E56;padding:6px 10px;margin-top:8px;border-radius:0 6px 6px 0}
@media print{.noprint{display:none!important}.wrap{max-width:100%}body{background:#fff}}
.overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:99;padding:24px}
.overlay .modal{background:#fff;border-radius:14px;width:100%;max-width:320px;padding:22px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.overlay .modal h3{font-size:16px;color:#26215C;margin-bottom:4px}
.overlay .modal p{font-size:12px;color:#6B7280;margin-bottom:14px}
.overlay .modal input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:15px;text-align:center;letter-spacing:3px;background:#fff;color:var(--ink)}
.overlay .modal .err{color:#A32D2D;font-size:12px;min-height:16px;margin:8px 0 4px}
.overlay .modal .row{display:flex;gap:10px;margin-top:6px}
.overlay .modal .row button{flex:1;border:none;border-radius:9px;padding:12px;font-size:15px;font-weight:500;cursor:pointer}
.overlay .modal .row .ok{background:#26215C;color:#fff}
.overlay .modal .row .cancel{background:#F1F3F5;color:#374151}
/* 内部工作区（销售/专家）全屏覆盖层，默认隐藏，仅口令正确后显示 */
.staff-view{position:fixed;inset:0;background:#F2F4F7;overflow:auto;z-index:50;max-width:560px;margin:0 auto;padding-bottom:24px}
/* 全屏遮罩：铺满整个视口的不透明背景，避免宽屏下两侧透出下方的家长版报告 */
.staff-view::before{content:"";position:fixed;inset:0;background:#F2F4F7;z-index:-1}
@media print{.staff-view,.overlay{display:none!important}}
/* 专家版内：可折叠小节 */
.collapsible{border:1px solid var(--line);border-radius:12px;margin:10px 0;overflow:hidden;background:#fff;scroll-margin-top:46px}
.collapsible .ch-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;cursor:pointer;color:#0C447C;background:#F5F8FC}
.collapsible .ch-head .ch-title{font-size:15px;font-weight:600}
.collapsible .ch-body{padding:14px 16px}
.collapsible.collapsed .ch-body{display:none}
.collapsible .ch-caret{transition:transform .2s;color:#9CA3AF;font-size:12px;margin-left:8px}
.collapsible.collapsed .ch-caret{transform:rotate(-90deg)}
/* 专家版：当页跳转导航（sticky 吸顶） */
.section-nav{position:sticky;top:0;z-index:40;background:#26215C;display:flex;gap:6px;overflow-x:auto;padding:8px 10px;-webkit-overflow-scrolling:touch}
.section-nav button{flex:none;border:none;background:rgba(255,255,255,.16);color:#fff;font-size:12px;padding:6px 12px;border-radius:20px;cursor:pointer;white-space:nowrap}
.section-nav button:active{background:rgba(255,255,255,.32)}
.deep8{display:flex;flex-direction:column}
.dr{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #F1F3F5;font-size:13px}
.dr:last-child{border-bottom:none}
.dk{flex:none;width:104px;color:var(--blue-d);font-weight:600;flex-shrink:0}
.dv{flex:1;color:#374151;line-height:1.65}
.hc{margin-bottom:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.hc:last-child{margin-bottom:0}
.hc-h{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#FAFBFC;border-bottom:1px solid var(--line)}
.hc-code{background:var(--blue);color:#fff;border-radius:8px;padding:3px 10px;font-weight:700;font-size:13px}
.hc-role{margin-left:auto;font-size:12px;color:var(--muted)}
.deep5 .dr{border-bottom:1px dashed #F1F3F5}
.mj{margin-bottom:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;page-break-inside:avoid}
.mj-head{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#F7F9FC;border-bottom:1px solid var(--line);flex-wrap:wrap}
.mj-idx{flex:none;width:22px;height:22px;border-radius:50%;background:var(--blue-d);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}
.mj-name{font-weight:700;font-size:15px;color:var(--blue-d)}
.mj-class{font-size:12px;color:#fff;background:#9CA3AF;border-radius:999px;padding:1px 10px}
.mj-match{margin-left:auto;font-weight:700;color:var(--amber);font-size:13px;white-space:nowrap}
.mj-bar{height:6px;background:#EEF1F5}
.mj-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--amber));border-radius:3px}
.mj-reason{padding:10px 14px;font-size:12px;color:#374151;background:#FAF7F0;border-bottom:1px solid var(--line)}
.mj-sec{padding:10px 14px;font-size:13px;color:#374151;border-bottom:1px solid #F5F6F8;line-height:1.7}
.mj-sec:last-child{border-bottom:none}
.mj-lbl{display:inline-block;color:var(--blue-d);font-weight:600;margin-right:6px}
.mj-eval{font-size:12px;color:#374151;margin-top:4px;line-height:1.6}
/* 家长大白话 / 分享卡说明 */
.parent-tip{display:flex;gap:10px;align-items:flex-start;background:#FFF8E8;border-left:4px solid #F4B400;border-radius:0 10px 10px 0;padding:10px 14px;margin:4px 0 12px;font-size:13px;color:#6b561a;line-height:1.65}
.parent-tip b{color:#a9700a;margin-right:2px}
.pt-ico{flex:none;font-size:16px;line-height:1.25}
.share-intro{text-align:center;margin:6px 0 16px}
.share-intro .si-title{font-size:17px;font-weight:800;color:#26215C}
.share-intro .si-sub{font-size:12.5px;color:#6B7280;margin-top:5px}

/* ===== 家长版传播分享卡（深色霓虹风） ===== */
.share-wrap{background:linear-gradient(180deg,#0d0f1a 0%,#1a102e 100%);border-radius:18px;padding:22px 18px 18px;margin:0 0 18px;color:#f0f2ff;box-shadow:0 10px 40px rgba(88,28,135,.25),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;position:relative}
.share-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.share-rarity{text-align:center;font-size:12px;color:#ff7eb3;font-weight:600;letter-spacing:1px;margin-bottom:14px}
.share-avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:52px;background:radial-gradient(circle at 30% 30%,rgba(255,126,179,.35),transparent 60%),radial-gradient(circle at 70% 70%,rgba(107,154,255,.35),transparent 60%),linear-gradient(135deg,#2a1b4e,#151830);box-shadow:0 0 30px rgba(255,126,179,.25),inset 0 0 20px rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.12)}
.share-headline{text-align:center;font-size:22px;font-weight:700;margin-bottom:6px;background:linear-gradient(90deg,#ff7eb3,#ffb86c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.share-sub{text-align:center;font-size:13px;color:#b8c0e0;line-height:1.55;margin-bottom:14px}
.share-pct{text-align:center;font-size:12px;color:#8f98c1;margin-bottom:16px}
.share-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}
.share-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 12px;font-size:12px;color:#d9deff}
.share-tag b{color:#ffb86c;font-weight:600;margin-right:4px}
.share-sec{margin-bottom:16px}
.share-sec-t{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#ff7eb3;margin-bottom:10px}
.share-sec-t .dot{width:6px;height:6px;border-radius:50%;background:#ff7eb3;box-shadow:0 0 8px #ff7eb3}
.share-major{background:rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;margin-bottom:10px;border-left:3px solid #6b9aff}
.share-major b{display:block;font-size:15px;color:#fff;margin-bottom:4px}
.share-major p{font-size:12px;color:#b8c0e0;line-height:1.55;margin:0}
.share-chips{display:flex;flex-wrap:wrap;gap:8px}
.share-chip{background:rgba(107,154,255,.14);border:1px solid rgba(107,154,255,.35);border-radius:999px;padding:5px 12px;font-size:12px;color:#c8d4ff}
.share-chip.gold{background:rgba(255,184,108,.14);border-color:rgba(255,184,108,.35);color:#ffe8c8}
.share-chip.pink{background:rgba(255,126,179,.14);border-color:rgba(255,126,179,.35);color:#ffd6e6}
.share-models{display:flex;flex-direction:column;gap:10px}
.share-model{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.05);border-radius:10px;padding:10px 12px}
.share-model .m-ico{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff7eb3,#6b9aff);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:700;flex:none}
.share-model .m-name{font-size:14px;font-weight:700;color:#fff}
.share-model .m-desc{font-size:11px;color:#a7afd9;line-height:1.5}
.share-radar svg{display:block;margin:0 auto;max-width:260px}
.share-second{text-align:center;font-size:14px;color:#c8d4ff;margin:14px 0 10px}
.share-second b{color:#ffb86c}
.share-disclaimer{background:rgba(255,255,255,.06);border-radius:10px;padding:10px 12px;font-size:11px;color:#8f98c1;line-height:1.6;margin:12px 0 16px}
.share-actions{display:flex;gap:10px}
.share-actions button{flex:1;border:none;border-radius:12px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff7eb3,#6b9aff);box-shadow:0 4px 16px rgba(255,126,179,.25)}
.share-actions button:active{transform:scale(.98)}
.share-actions button.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:none}
.share-toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%) translateY(20px);background:rgba(15,15,28,.92);color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100}
.share-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* ===== 专家版专业类深度画像（参考图片模块） ===== */
.mj-deep{margin-top:16px;background:#F8FAFC;border-radius:14px;padding:16px;border:1px solid #E5E7EB}
.mj-deep-note{display:flex;align-items:flex-start;gap:8px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:10px;padding:10px 12px;font-size:12px;color:#92400E;line-height:1.6;margin-bottom:14px}
.mj-deep-sec{margin-bottom:18px}
.mj-deep-h{font-size:15px;font-weight:800;color:#1F2937;margin-bottom:10px}
.mj-deep-hl{font-size:13px;color:#0F6E56;background:#ECFDF5;border-radius:8px;padding:10px 12px;margin-top:10px;line-height:1.6}
.mj-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
.mj-metric{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:12px;text-align:center}
.mj-metric-l{font-size:11px;color:#6B7280;margin-bottom:4px}
.mj-metric-v{font-size:18px;font-weight:800;color:#0C447C;margin-bottom:2px}
.mj-metric-s{font-size:11px;color:#9CA3AF}
.mj-facts{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:12px;margin-bottom:12px}
.mj-fact-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #F3F4F6}
.mj-fact-row:last-child{border-bottom:none}
.mj-fact-x{color:#DC2626;font-weight:800;font-size:16px;flex:none}
.mj-fact-o{color:#16A34A;font-weight:800;font-size:16px;flex:none}
.mj-fact-row b{font-size:13px;color:#1F2937;margin-right:6px}
.mj-fact-row span{font-size:13px;color:#4B5563}
.mj-fit-grid{display:grid;grid-template-columns:1fr;gap:10px}
.mj-fit-box{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:10px;padding:12px}
.mj-fit-box.caution{background:#FEF2F2;border-color:#FECACA}
.mj-fit-box b{display:block;font-size:13px;color:#1F2937;margin-bottom:8px}
.mj-fit-box ul{margin:0;padding-left:18px;font-size:13px;color:#374151;line-height:1.8}
.mj-path{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:14px;margin-bottom:12px}
.mj-path-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.mj-path-name{font-size:15px;font-weight:800;color:#1F2937}
.mj-path-tag{font-size:11px;background:#E0E7FF;color:#3730A3;border-radius:6px;padding:3px 8px}
.mj-path-line{font-size:12.5px;color:#4B5563;margin:5px 0;line-height:1.5}
.mj-academic{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:12px;margin-bottom:10px}
.mj-academic p{font-size:13px;color:#374151;margin:5px 0}
.mj-warn{color:#B45309;background:#FFFBEB;border-radius:6px;padding:6px 8px;font-size:12px;margin-top:8px;display:block}
.mj-tier{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #F3F4F6;font-size:13px}
.mj-tier:last-child{border-bottom:none}
.mj-tier-l{flex:none;font-weight:800;color:#F59E0B;width:30px}
.mj-tier-s{flex:1;color:#374151}
.mj-tier-n{flex:none;font-size:11px;color:#9CA3AF}
.mj-regional{font-size:12px;color:#0C447C;background:#E6F1FB;border-radius:6px;padding:8px;margin-top:8px}
.mj-route{background:#fff;border-left:4px solid #9CA3AF;border-radius:0 10px 10px 0;padding:12px;margin-bottom:10px}
.mj-route.推荐{border-left-color:#10B981}
.mj-route.高端{border-left-color:#8B5CF6}
.mj-route.政策{border-left-color:#F59E0B}
.mj-route-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.mj-route-name{font-size:14px;font-weight:800;color:#1F2937}
.mj-route-type{font-size:11px;background:#F3F4F6;color:#4B5563;border-radius:6px;padding:2px 8px}
.mj-route-dur{font-size:12px;color:#0C447C;font-weight:700}
.mj-tl{padding:10px 0 10px 14px;border-left:3px solid #10B981;margin-bottom:6px}
.mj-tl b{font-size:13px;color:#1F2937;display:block;margin-bottom:4px}
.mj-tl p{font-size:13px;color:#4B5563;line-height:1.6;margin:0}
.mj-remind{background:#FEF2F2;border:1px solid #FECACA;border-radius:8px;padding:10px 12px;font-size:13px;color:#991B1B;margin-top:10px}
.mj-deep-foot{font-size:11px;color:#9CA3AF;text-align:center;margin-top:12px}

/* ===== 手机端适配（≤600px） ===== */
@media (max-width:600px){
  body{font-size:14px;line-height:1.6}
  .hero{padding:38px 18px 30px}
  .hero h1{font-size:22px;letter-spacing:.5px}
  .hero p{font-size:12.5px}
  .sec{padding:16px 14px 0}
  .card{padding:14px;margin-bottom:12px;border-radius:10px}
  .card h3{font-size:14px}
  .card p{font-size:12.5px}
  .mode-card{padding:14px;gap:10px}
  .mc-ico{width:40px;height:40px;font-size:16px}
  .mc-go{font-size:20px}
  .btn{width:calc(100% - 28px);margin:20px 14px;padding:13px;font-size:15px}
  .field{margin-bottom:14px}
  .field label{font-size:12.5px;margin-bottom:5px}
  .field input[type=text],.field input[type=tel],.field select{padding:10px 11px;font-size:15px}
  .chip{padding:6px 14px;font-size:13.5px}
  .topbar{padding:9px 14px;padding-top:calc(9px + env(safe-area-inset-top));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}
  .pinfo{font-size:11.5px}
  .qsec{padding:16px 14px 2px}
  .qsec .stitle{font-size:14px}
  .qsec .sdesc{font-size:11.5px}
  .q{padding:12px;border-radius:10px;margin-bottom:10px}
  .q .qt{font-size:13.5px;margin-bottom:9px}
  /* 量表题 5 选项：等宽网格，杜绝窄屏拥挤/溢出 */
  .opts.row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
  .opts.row .opt{font-size:11.5px;padding:9px 2px;min-width:0;line-height:1.25}
  .opts:not(.row) .opt{font-size:13.5px;padding:10px 12px}
  .rpt-head{padding:24px 18px}
  .rpt-head h2{font-size:19px}
  .rpt-head .meta{font-size:11.5px}
  .badge{font-size:13px;padding:4px 14px}
  /* 报告内宽表格：横向滚动，避免撑破屏幕 */
  .itable{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:12px}
  .itable th,.itable td{padding:6px 7px;white-space:normal;font-size:12px}
  .dim .dh{padding:11px 14px}
  .dim .db{padding:11px 14px;font-size:12.5px}
  .h2s{font-size:15px;margin:18px 0 10px}
  .mj-metrics{grid-template-columns:repeat(2,1fr);gap:8px}
  .mj-metric{padding:10px}
  .mj-metric-v{font-size:16px}
  .deep8 .dr{flex-wrap:wrap}
  .dk{width:84px;font-size:12.5px}
  .share-wrap{padding:20px 14px 16px;border-radius:14px}
  .share-avatar{width:92px;height:92px;font-size:44px}
  .share-headline{font-size:19px}
  .share-sub{font-size:12px}
  .share-intro .si-title{font-size:15px}
  .mj-deep{padding:14px}
  .mj-deep-h{font-size:14px}
  .staff-view{padding:0 12px 24px}
  .section-nav{padding:8px 8px;padding-top:calc(8px + env(safe-area-inset-top))}
  .section-nav button{font-size:11px;padding:5px 10px}
  .mj-head,.mj-path-head,.mj-route-head{flex-wrap:wrap}
  .foot{padding:22px 14px;font-size:10.5px}
}

/* 超小屏（≤360px）进一步收紧 */
@media (max-width:360px){
  .hero h1{font-size:20px}
  .opts.row .opt{font-size:10.5px;padding:8px 1px}
  .btn{font-size:14px;padding:12px}
  .card p,.q .qt{font-size:12px}
  .dk{width:76px}
  .share-avatar{width:84px;height:84px;font-size:40px}
}

/* 触屏设备：放大可点击目标的反馈区，避免误触 */
@media (hover:none) and (pointer:coarse){
  .opt{min-height:40px;display:flex;align-items:center;justify-content:center}
  .chip{min-height:38px;display:inline-flex;align-items:center}
  .btn{min-height:46px}
  .mc-ico{font-size:18px}
}

/* ===== 提交成功（等待顾问确认） ===== */
.rpt-pending{max-width:560px;margin:24px auto;padding:28px 24px;text-align:center;background:#fff;border-radius:14px;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.rpt-pending .rp-ico{font-size:46px;line-height:1;margin-bottom:10px}
.rpt-pending .rp-title{font-size:19px;font-weight:700;color:#0C447C;margin-bottom:8px}
.rpt-pending .rp-sub{font-size:13px;color:#6B7280;line-height:1.7;margin-bottom:18px}
.rpt-pending .rp-box{text-align:left;background:#F7F9FC;border-radius:10px;padding:14px 16px;margin-bottom:16px}
.rpt-pending .rp-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px solid #EEF1F5}
.rpt-pending .rp-row:last-child{border-bottom:none}
.rpt-pending .rp-row span{color:#6B7280}
.rpt-pending .rp-row b{color:#1F2937}
.rpt-pending .rp-tip{font-size:12px;color:#63450a;background:#FAEEDA;border-radius:8px;padding:10px 12px;line-height:1.7;text-align:left;margin-bottom:16px}
.rpt-pending .rp-tip a{color:#0C447C;font-weight:600}
.rpt-pending .rp-actions{display:flex;gap:10px;justify-content:center}

/* ===== 家长查看 / 分享页 ===== */
.view-wrap{max-width:760px;margin:0 auto;padding:20px 14px 40px}
.view-top{text-align:center;padding:18px 0 6px}
.view-top .vt-logo{font-size:15px;font-weight:700;color:#0C447C;letter-spacing:1px}
.view-top .vt-sub{font-size:12px;color:#9CA3AF;margin-top:4px}
.view-query{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 6px rgba(0,0,0,.06);margin:12px 0 20px}
.view-query h3{font-size:16px;color:#0C447C;margin-bottom:6px}
.view-query p{font-size:13px;color:#6B7280;margin-bottom:14px;line-height:1.6}
.view-query .qrow{display:flex;gap:10px}
.view-query input{flex:1;padding:11px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none}
.view-query input:focus{border-color:#0C447C}
.view-query button{padding:0 20px;border:none;border-radius:8px;background:#0C447C;color:#fff;font-size:14px;cursor:pointer;white-space:nowrap}
.view-msg{font-size:13px;text-align:center;padding:14px;border-radius:10px;margin-bottom:16px;line-height:1.7}
.view-msg.wait{background:#FFF7EB;color:#B45309}
.view-msg.none{background:#FDECEC;color:#A32D2D}
.view-msg.err{background:#FDECEC;color:#A32D2D}
.view-actions{background:#F7F9FC;border:1px solid #EEF1F5;border-radius:10px;padding:14px;margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.view-actions .va-link{flex:1;min-width:200px;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:12px;background:#fff;color:#374151}
.view-actions button{padding:9px 16px;border:none;border-radius:8px;background:#0C447C;color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}
.view-back{text-align:center;margin-top:20px;font-size:13px}
.view-back a{color:#0C447C}