*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif: "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", "Times New Roman", serif;--font-sans: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--ink-900: #0D1E2A;--ink-800: #1E3545;--ink-700: #2B4B5E;--ink-600: #4A6878;--ink-500: #7A9AAD;--ink-300: #B8CFD9;--ink-200: #D8E8EF;--ink-100: #E6F2F7;--ink-050: #F0F6FA;--brand: #0A4C6A;--brand-sonar: #0E9BB5;--brand-gold: #E0961A;--brand-2: #083D56;--brand-on: #ffffff;--brand-tint: #E6F2F7;--dim-potential: #0E9BB5;--dim-effect: #2DB89A;--dim-power: #E0961A;--dim-mental: #7B6FA8;--ok: #2A8870;--warn: #C05C20;--danger: #B03A2E;--info: #2C5B8A;--grade-1: #C05C20;--grade-2: #5A7A8A;--grade-3: #2A8870;--grade-4: #0E9BB5;--grade-5: #E0961A;--primary: var(--brand-sonar);--primary-dark: var(--brand);--primary-soft: var(--brand-tint);--accent: var(--warn);--accent-soft: #FDF1E7;--success: var(--ok);--warning: var(--warn);--ink: var(--ink-800);--text: var(--ink-800);--text-muted: var(--ink-600);--line: var(--ink-200);--line-strong: var(--ink-300);--bg: var(--ink-050);--panel: #ffffff;--panel-soft: var(--ink-050);--radius: 6px;--shadow: 0 18px 46px rgba(10,76,106,.1);--shadow-sm: 0 8px 20px rgba(10,76,106,.06);--brand-black: var(--brand);--brand-red: var(--warn);--brand-teal: var(--brand-sonar);--brand-violet: var(--dim-mental);--game-bg: var(--ink-050);--game-panel: #ffffff;--game-stroke: var(--ink-300);--game-text: var(--ink-800);--game-text-mute: var(--ink-600);--game-target-correct: var(--ok);--game-target-wrong: var(--danger);--game-target-pending: var(--ink-300);--game-timer-urgent: var(--danger);--game-timer-normal: var(--ink-700);--game-action-primary: var(--brand-sonar);--game-surface: var(--game-panel);--game-surface-soft: var(--ink-050);--game-panel-soft: var(--ink-050);--game-ink: var(--ink-800);--game-text-strong: var(--ink-900);--game-text-dark: var(--ink-900);--game-muted: var(--ink-600);--game-muted-2: var(--ink-500);--game-muted-3: var(--ink-500);--game-label: var(--ink-600);--game-copy: var(--ink-700);--game-neutral: var(--ink-500);--game-placeholder: var(--ink-300);--game-disabled: var(--ink-200);--game-line: var(--ink-100);--game-line-soft: var(--ink-200);--game-line-mid: var(--ink-200);--game-line-strong: var(--ink-300);--game-line-blue: var(--ink-200);--game-success: var(--game-target-correct);--game-success-strong: var(--ok);--game-success-soft: rgba(45,184,154,.12);--game-success-pale: rgba(45,184,154,.1);--game-danger: var(--game-target-wrong);--game-danger-strong: var(--danger);--game-danger-deep: var(--danger);--game-danger-soft: #FFF1ED;--game-info: var(--game-action-primary);--game-info-deep: var(--game-action-primary);--game-info-soft: var(--brand-tint);--game-info-panel: var(--brand-tint);--game-info-line: rgba(14,155,181,.28);--game-timer: var(--ink-700);--game-teal-action: var(--brand-sonar);--game-violet: var(--dim-mental);--game-orange: var(--dim-power);--game-orange-deep: var(--dim-power);--game-pink: var(--danger);--game-accent-blue: var(--dim-potential);--game-overlay: rgba(255, 255, 255, .88);--game-overlay-soft: rgba(255, 255, 255, .85);--game-shadow: rgba(10,76,106,.08);--game-shadow-panel: rgba(10,76,106,.06);--game-shadow-strong: rgba(10,76,106,.16);--game-brand-border-soft: rgba(14,155,181,.16);--game-brand-border: rgba(14,155,181,.22);--game-brand-border-strong: rgba(14,155,181,.34);--trace-line-1: #e63946;--trace-line-2: #e77c00;--trace-line-3: #c8a000;--trace-line-4: #2dc653;--trace-line-5: #4cc9f0;--trace-line-6: #7209b7;--trace-line-7: #f72585;--trace-line-8: #4361ee;--trace-line-9: #06d6a0;--trace-line-10: #ff6b6b;--trace-line-11: #a29bfe;--trace-line-12: #fd79a8;--trace-line-13: #00b894;--trace-line-14: #74b9ff;--trace-line-15: #fdcb6e;--trace-line-16: #e17055;--trace-line-17: #81ecec;--trace-line-18: #b2bec3;--trace-line-19: #55efc4;--trace-line-20: #636e72;--trace-line-21: #fab1a0;--trace-line-22: #dfe6e9;--trace-line-23: #6c5ce7;--trace-line-24: #0984e3;--trace-line-25: #00cec9}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.75;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;font-feature-settings:"tnum" 1}button,input,select{font-family:inherit}h1,h2,h3,h4,.section-title,.report-section-title{font-family:var(--font-serif);font-weight:600;letter-spacing:0}.score-number,.pr-number,.t-score,.raw-score,.ci-range{font-family:var(--font-mono);font-feature-settings:"tnum" 1;letter-spacing:0}button{cursor:pointer;border:none;outline:none;touch-action:manipulation}input,select{outline:none}:focus-visible{outline:2px solid var(--brand-sonar);outline-offset:2px}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b7c3cf;border-radius:999px}.app-shell{min-height:100vh;position:relative;isolation:isolate;background:var(--bg)}.app-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 14%,transparent 0 92px,rgba(14,155,181,.055) 93px 95px,transparent 96px 142px,rgba(10,76,106,.045) 143px 145px,transparent 146px),linear-gradient(rgba(10,76,106,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(10,76,106,.032) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:18px 0 26px;color:var(--ink-500);font-size:12px;line-height:1.6}.site-footer a{color:var(--ink-600);text-decoration:none}.site-footer a:hover{color:var(--brand);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius);font-size:14px;font-weight:700;transition:box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.btn:hover{box-shadow:0 10px 22px #0a4c6a1f}.btn-primary{color:#fff;background:var(--primary);box-shadow:0 12px 24px #0e9bb52e}.btn-secondary{color:var(--primary-dark);background:#fff;border:1px solid var(--primary)}.btn-ghost{color:var(--text-muted);background:transparent}.page-frame{width:min(1120px,calc(100% - 32px));margin:0 auto}.surface{background:#fffffff5;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.report-detail>summary::-webkit-details-marker,.analysisCard>summary::-webkit-details-marker{display:none}.report-detail[open] [style*=展开详细解读]{color:var(--ink-600)}.welcome-metrics strong,.welcome-flow span:first-child{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.audience-card p,.faq-card p{margin-top:8px;color:var(--text-muted);font-size:14px;line-height:1.8}.faq-card h3{color:var(--ink);font-size:18px;line-height:1.3}.field{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--ink);font-size:15px;transition:border-color .18s ease,box-shadow .18s ease}.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #168a7a24}.eyebrow{color:var(--brand-sonar);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.fade-in{animation:fadeIn .28s ease both}.slide-in{animation:fadeIn .24s ease both}.likert-check{animation:checkPop .18s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0}to{opacity:1}}@keyframes checkPop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media print{@page{size:A4;margin:12mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;color:#111!important;font-size:11pt;line-height:1.6;overflow:visible!important}.report-topbar,.site-footer{display:none!important}.report-page{padding:0!important;background:#fff!important}.report-page .page-frame{width:100%!important;margin:0!important}.report-page .surface{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid;border-color:#d8e0e4!important}.report-page .page-frame>.surface:first-child{background:#fff!important;border-left:3px solid #0A4C6A!important}.report-print-wordmark{display:flex!important}.report-page details:not([open])>*:not(summary){display:block!important}.report-page details>summary{list-style:none!important}.report-page details>summary::-webkit-details-marker{display:none!important}.report-page .chart-print-fallback{display:block!important}.report-page:after{content:"海豚学伴 · 学习力测评报告 · " counter(page);position:fixed;right:0;bottom:0;color:#4a6878;font-size:9pt}.report-summary,.report-reading-grid,.report-core-grid,.report-analysis-grid,.report-split,.chartBox,.barBox,.analysisCard{break-inside:avoid;page-break-inside:avoid}.btn,.report-actions{display:none!important}}@media (max-width: 720px){body{background:var(--bg)}.page-frame{width:min(100% - 24px,1120px)}.btn{min-height:44px;padding:0 12px}.surface{box-shadow:var(--shadow-sm)}.attention-a-grid{width:100%!important;padding:10px 8px!important;gap:6px!important}.attention-a-grid button{width:44px!important;height:44px!important}.attention-b-grid{grid-template-columns:repeat(6,44px)!important;justify-content:center!important;gap:6px!important;padding:12px 8px 28px!important}.attention-b-grid button{width:44px!important;height:44px!important;border-radius:6px!important}.matrix-task-grid{grid-template-columns:repeat(3,minmax(74px,1fr))!important;width:min(100%,300px)!important;gap:6px!important}.matrix-task-grid>div{width:100%!important;height:auto!important;aspect-ratio:1!important}.matrix-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:300px!important}.matrix-choice-grid button{min-height:78px!important}.memory-input-row{flex-wrap:wrap!important;justify-content:center!important;max-width:100%!important}.mobile-touch-controls{display:grid!important}.attention-trace-content{padding:12px 12px calc(112px + env(safe-area-inset-bottom))!important;gap:30px!important;overflow-x:hidden!important}.attention-trace-part{min-width:0!important;width:100%!important}.attention-trace-row{width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important;padding-bottom:14px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.attention-trace-input-col{position:sticky!important;right:0!important;z-index:2!important;padding-left:10px!important;background:linear-gradient(90deg,#f5f5f500,#fff 22% 100%);box-shadow:-10px 0 18px #ffffffdb}.attention-trace-input{width:50px!important;min-width:50px!important;height:32px!important;font-size:16px!important;border-radius:6px!important}.attention-trace-submit-row{margin-left:-12px!important;margin-right:-12px!important;padding:12px 12px calc(18px + env(safe-area-inset-bottom))!important}.attention-trace-submit{width:min(100%,280px)!important;min-height:52px!important}}@media (min-width: 721px){.mobile-touch-controls{display:none!important}}@media (max-width: 860px){.welcome-grid,.assessment-layout{grid-template-columns:1fr!important}.assessment-layout aside{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.potential-steps{grid-column:1 / -1}.potential-top{grid-template-columns:1fr 130px!important;padding:10px 0}.report-split,.report-reading-grid,.report-core-grid,.report-analysis-grid{grid-template-columns:1fr!important}.report-nav{display:none!important}.editor-layout{grid-template-columns:1fr!important}.editor-layout aside{position:static!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.brand-pillar-grid,.brand-split,.faq-grid{grid-template-columns:1fr!important}.brand-split>section,.brand-split article{min-width:0!important}}@media (max-width: 620px){.welcome-grid>section:first-child{min-height:auto!important;padding:24px!important}.welcome-grid h1{font-size:36px!important}.welcome-grid{gap:14px!important}.welcome-grid>section{padding:20px!important}.welcome-metrics,.welcome-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}.welcome-location-grid{grid-template-columns:1fr!important}.assessment-layout aside{grid-template-columns:1fr!important}.assessment-layout section{min-height:auto!important;padding:22px 18px!important}header .page-frame{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 0!important;min-height:auto!important}header .page-frame>div{min-width:0!important}.assessment-layout p{font-size:18px!important}.assessment-layout button{min-height:52px!important}.potential-steps{order:3}.potential-top{grid-template-columns:1fr!important}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-summary .surface{padding:14px!important}.report-summary strong{font-size:30px!important}.report-split>div:first-child{height:240px!important}[class~=page-frame]>.surface{max-width:100%}.editor-layout aside,.editor-grid,.editor-image-grid{grid-template-columns:1fr!important}.game-practice-text{grid-template-columns:1fr!important}.game-practice-text button,.game-practice-text input{width:100%!important}[aria-labelledby=brand-plan-title] h2,#brand-plan-title{font-size:32px!important}}@media (max-width: 480px){.report-summary{grid-template-columns:1fr!important}.report-summary .surface{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:4px 12px!important}.report-summary .surface>span:first-child{grid-row:1 / span 2}.report-summary strong{text-align:right!important;font-size:20px!important}}