:root{--paper:#f6faff;--white:#fff;--ink:#17324a;--muted:#62798c;--line:#d8e7f1;--teal:#236f9f;--teal-dark:#155781;--teal-light:#e8f4fb;--gold:#4e8fba;--red:#b75e65;--font:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.72}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #74b6de;outline-offset:2px}.skip{position:absolute;left:-9999px;top:10px;z-index:99;background:white;padding:8px}.skip:focus{left:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(250,253,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1200px;margin:auto;padding:10px 22px;min-height:73px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;min-width:235px;line-height:1.3}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--teal);color:white;font-size:20px;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:.03em}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.header-inner nav{display:flex;gap:4px}.header-inner nav a{padding:9px 17px;border-radius:7px;font-weight:700;color:#556f82}.header-inner nav a:hover,.header-inner nav a.active{background:var(--teal-light);color:var(--teal-dark)}.offline-badge{margin-left:auto;color:var(--teal);font-size:12px;font-weight:700;white-space:nowrap}.offline-badge i{display:inline-block;width:8px;height:8px;background:#4c9bc8;border-radius:50%;margin-right:7px}main{min-height:calc(100vh - 140px)}.container{max-width:1160px;margin:auto;padding:36px 22px 70px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.72fr);gap:52px;align-items:center;padding:70px 0 76px;border-bottom:1px solid var(--line)}.hero-kicker{color:var(--teal);font-weight:800;font-size:13px;margin:0 0 20px}.hero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.2;letter-spacing:-.035em;margin:0 0 21px}.hero h1 span{color:var(--teal)}.hero p{font-size:17px;color:#597186;max-width:560px;margin:0 0 29px}.actions{display:flex;gap:11px;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:8px;padding:10px 18px;font-weight:750;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:white;border-color:#b6d2e4;color:var(--teal-dark)}.button.secondary:hover{background:var(--teal-light)}.button.ghost{background:transparent;border-color:var(--line);color:#4c6a80}.button.ghost:hover{border-color:var(--teal)}.hero-panel{background:#e7f3fb;border:1px solid #c7deed;border-radius:14px;min-height:345px;padding:31px;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #a9cce4;border-radius:50%;right:-120px;bottom:-190px;box-shadow:0 0 0 58px rgba(255,255,255,.3),0 0 0 116px rgba(255,255,255,.16)}.hero-panel p{font-size:12px;font-weight:800;color:#356382;margin:0 0 23px;position:relative;z-index:1}.panel-line{display:flex;gap:12px;align-items:start;position:relative;z-index:1;margin:0 0 27px}.panel-line b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:white;color:var(--teal);font-size:12px;flex:none}.panel-line span{display:block;font-size:14px;font-weight:800}.panel-line small{display:block;font-size:12px;color:#617d92;font-weight:500}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:48px 0 18px}.section-head h2{font-size:25px;margin:0;line-height:1.3}.section-head p{margin:4px 0 0;color:var(--muted)}.text-link{color:var(--teal);font-weight:800;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.question-card{display:block;text-align:left;background:white;border:1px solid var(--line);border-radius:10px;padding:21px 22px;min-height:157px;transition:border-color .18s,transform .18s}.question-card:hover{border-color:#78add0;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#62798c;font-size:12px;font-weight:700}.tag{background:var(--teal-light);color:var(--teal);padding:3px 8px;border-radius:4px}.question-card h3{font-size:19px;line-height:1.35;margin:16px 0 9px}.question-card p{margin:0;color:var(--muted);font-size:13px}.note-strip{background:#edf6fc;border-left:3px solid #70a9cf;padding:15px 18px;color:#536f84;margin-top:42px;border-radius:0 6px 6px 0}.page-heading{margin-bottom:25px}.page-heading h1{font-size:34px;line-height:1.3;margin:0 0 7px}.page-heading p{margin:0;color:var(--muted)}.filters{display:flex;gap:10px;align-items:center;margin:25px 0}.filters input{flex:1;min-width:170px}.filters select,.filters input{height:44px;padding:0 14px;background:white;border:1px solid #cbdfea;border-radius:7px;color:var(--ink)}.result-count{font-size:13px;color:var(--muted);margin:0 0 12px}.back-link{color:var(--teal);font-weight:800;font-size:13px;display:inline-block;margin:0 0 18px}.detail-heading{border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:24px}.detail-heading .eyebrow{color:var(--teal);font-size:13px;font-weight:800;margin:0 0 9px}.detail-heading h1{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:0 0 8px}.detail-heading p{color:var(--muted);margin:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:24px;align-items:start}.sheet,.answer-sheet{background:white;border:1px solid var(--line);border-radius:10px;padding:28px}.sheet h2,.answer-sheet h2{font-size:20px;margin:0 0 18px}.material{white-space:pre-wrap;line-height:1.88;margin:0 0 17px}.figure{margin:21px 0 25px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px}.figure img{display:block;max-width:100%;height:auto;margin:auto;cursor:zoom-in}.figure figcaption{text-align:center;color:var(--muted);font-size:12px;margin-top:8px}.parts-list{border-top:1px solid var(--line);margin-top:23px;padding-top:7px}.part-prompt{margin:18px 0;line-height:1.85}.part-prompt strong{color:var(--teal)}.answer-sheet{position:sticky;top:95px}.answer-intro{font-size:13px;color:var(--muted);margin:-8px 0 17px}.answer-field{margin-bottom:18px}.answer-field label{font-size:13px;font-weight:800;display:block;margin-bottom:7px}.answer-field textarea{display:block;width:100%;min-height:114px;resize:vertical;padding:12px 13px;border:1px solid #c8dce9;border-radius:7px;background:#fbfdff;line-height:1.7}.answer-field small{display:block;text-align:right;color:#8296a5;font-size:11px;margin-top:4px}.answer-actions{display:flex;gap:9px;flex-wrap:wrap}.report{margin-top:23px;border-top:1px solid var(--line);padding-top:19px}.report h3{font-size:18px;margin:0 0 4px}.report-intro{color:var(--muted);font-size:13px;margin:0 0 19px}.report-part{background:#f7fbfe;border:1px solid #dceaf3;border-radius:7px;padding:16px;margin-bottom:11px}.report-part h4{font-size:14px;margin:0 0 7px}.report-part p{font-size:12px;color:var(--muted);margin:0 0 9px}.rubric-list{list-style:none;padding:0;margin:0;display:grid;gap:5px}.rubric-list li{font-size:13px;display:flex;gap:8px}.rubric-list li .mark{font-weight:900;color:var(--teal)}.rubric-list li.missing .mark{color:var(--gold)}.rubric-list li.missing{color:#687d8d}.ref-answer{border-top:1px dashed #cbdfec;padding-top:10px;margin:12px 0 0;font-size:13px;white-space:pre-wrap;color:#426178}.ref-answer summary{cursor:pointer;font-weight:700;color:var(--teal);margin-bottom:7px}.empty{padding:43px 25px;text-align:center;background:white;border:1px dashed #bcd4e4;border-radius:8px;color:var(--muted)}.history-list{display:grid;gap:10px}.history-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 20px;background:white;border:1px solid var(--line);border-radius:8px}.history-row strong{display:block}.history-row small{color:var(--muted)}.history-row .actions{flex:none}.site-footer{display:flex;gap:14px;justify-content:space-between;max-width:1160px;margin:auto;padding:24px 22px;color:#71899c;font-size:12px;border-top:1px solid var(--line)}.image-viewer{max-width:min(96vw,1400px);max-height:94vh;border:0;border-radius:8px;padding:24px;background:white}.image-viewer::backdrop{background:#102e4ac9}.image-viewer img{display:block;max-width:calc(96vw - 48px);max-height:calc(94vh - 48px);object-fit:contain}.image-viewer button{position:absolute;right:3px;top:0;background:#fff;border:0;font-size:30px;line-height:1}.privacy{color:var(--muted);font-size:12px;margin-top:14px}.toast{position:fixed;bottom:22px;right:22px;z-index:30;background:#174d72;color:white;padding:12px 18px;border-radius:7px;box-shadow:0 8px 20px #0002}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:25px;padding:42px 0}.hero-panel{min-height:260px}.detail-grid{grid-template-columns:1fr}.answer-sheet{position:static}.header-inner{gap:12px}.brand{min-width:0}.offline-badge{display:none}}
@media(max-width:600px){.header-inner{padding:8px 14px;flex-wrap:wrap}.brand{width:100%}.header-inner nav{width:100%;justify-content:space-around}.header-inner nav a{padding:7px 12px}.container{padding:23px 15px 50px}.hero h1{font-size:35px}.hero p{font-size:15px}.card-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1}.sheet,.answer-sheet{padding:20px}.history-row{align-items:start;flex-direction:column}.site-footer{flex-direction:column;padding:20px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.question-card{transition:none}}
.report-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.report-metrics>div{border:1px solid #d4e6f2;border-radius:7px;background:#eef7fc;padding:13px}.report-metrics strong{display:block;color:var(--teal);font-size:23px;line-height:1.2}.report-metrics span{color:#5e788e;font-size:12px}.next-steps{border-left:3px solid var(--gold);background:#eef7fc;padding:12px 14px;margin:15px 0 20px;border-radius:0 6px 6px 0}.next-steps strong{font-size:13px}.next-steps p{font-size:13px;color:#627a8a;margin:4px 0 0}.report-caution{font-size:12px;color:var(--muted);margin:15px 0 0}.history-actions{margin-top:20px}.photo-field{border:1px dashed #c9dce9;border-radius:7px;background:#f9fcff;padding:14px;margin-bottom:18px}.photo-field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.photo-field input{max-width:100%;font-size:12px}.photo-field p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.photo-field img{display:block;max-width:100%;max-height:270px;object-fit:contain;margin:10px auto 0}.photo-field img[hidden]{display:none}
.custom-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.custom-main{display:grid;gap:17px}.custom-section,.custom-aside{background:white;border:1px solid var(--line);border-radius:10px;padding:26px}.custom-section h2,.custom-aside h2{font-size:20px;margin:0 0 17px}.custom-section label{display:block;font-weight:750;font-size:13px;margin:0 0 15px}.custom-section input:not([type=file]),.custom-section textarea{display:block;width:100%;margin-top:7px;padding:10px 12px;border:1px solid #c9dce9;border-radius:7px;background:#fbfdff;color:var(--ink);font-weight:400}.custom-section textarea{min-height:92px;resize:vertical;line-height:1.7}.custom-inline{display:grid;grid-template-columns:1fr 120px 100px;gap:12px}.custom-part{border-top:1px solid var(--line);padding-top:22px;margin-top:21px}.custom-part:first-child{margin-top:0}.custom-part-head,.section-title-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.custom-part-head h3{font-size:16px;margin:0 0 13px}.custom-part small,.field-help{display:block;color:var(--muted);font-size:12px;margin:-6px 0 16px}.text-button{border:0;background:none;color:var(--red);font-size:12px;font-weight:700}.custom-preview{max-width:100%;max-height:300px;display:block;margin:0 0 17px;border:1px solid var(--line);border-radius:6px}.custom-preview[hidden]{display:none}.custom-aside{position:sticky;top:95px}.custom-aside p{font-size:13px;color:var(--muted)}.custom-aside .button{width:100%;margin:4px 0 7px}.custom-tools{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0}.import-label{cursor:pointer}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-grid p,.setup-grid li{color:#526e83}.setup-grid ol{padding-left:22px}
@media(max-width:850px){.custom-layout{grid-template-columns:1fr}.custom-aside{position:static}.setup-grid{grid-template-columns:1fr}}
@media(max-width:600px){.header-inner nav{flex-wrap:wrap;gap:0}.header-inner nav a{padding:6px 9px;font-size:13px}.custom-section,.custom-aside{padding:19px}.custom-inline{grid-template-columns:1fr 1fr}.custom-inline label:first-child{grid-column:span 2}.section-title-line{align-items:start}}
.history-unavailable{font-size:12px;color:var(--muted);align-self:center}

/* 首页：宽幅主视觉与横向学习流程 */
.hero{display:block;position:relative;margin-top:8px;padding:66px 70px 68px;background:#e8f4fb;border:1px solid #c7deed;border-radius:18px;overflow:hidden}
.hero::after{content:"";position:absolute;right:-160px;bottom:-360px;width:690px;height:690px;border:1px solid #c5dfef;border-radius:50%;box-shadow:0 0 0 58px #f5fbff70,0 0 0 116px #f5fbff55;pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero .hero-kicker{font-size:13px;color:#376f95;margin:0 0 16px}
.hero h1{max-width:1050px;margin:0 0 24px;color:#173f61;font-size:clamp(37px,4.5vw,58px);line-height:1.28;letter-spacing:-.035em}
.hero h1 .keep-together{white-space:nowrap;color:inherit}
.hero .hero-promise{max-width:950px;margin:0 0 32px;color:#3b607c;font-size:clamp(17px,2vw,22px);line-height:1.75;font-weight:550}
.hero .actions{gap:12px}
.process>.section-head{margin:47px 0 21px}
.process>.section-head h2{font-size:27px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.process-step{padding:28px 28px 31px;min-width:0}
.process-step+ .process-step{border-left:1px solid var(--line)}
.step-number{display:inline-block;color:#327da9;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:13px}
.process-step h3{font-size:19px;line-height:1.45;margin:0 0 10px;color:#173f61}
.process-step p{font-size:14px;line-height:1.82;color:#5b7184;margin:0}
.privacy-panel{margin-top:49px;padding:27px 31px;background:#fff;border:1px solid var(--line);border-left:4px solid #8cc1e1;border-radius:9px}
.privacy-panel h2{font-size:18px;margin:0 0 9px;color:#204d6e}
.privacy-panel p{margin:0;max-width:990px;color:#526c81;font-size:14px}
.privacy-panel .privacy-detail{margin-top:8px;color:#718698;font-size:12px}

/* 诊断报告：区分粗略得分、可检索要点与需要人工判断的论证 */
.score-estimate{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:17px 0 12px;padding:18px 20px;background:#eaf5fc;border:1px solid #cfe4f2;border-radius:9px}
.score-estimate>div{flex:none}
.score-estimate span{display:block;font-size:13px;font-weight:750;color:#426b87}
.score-estimate strong{display:block;font-size:33px;line-height:1.2;color:#155781}
.score-estimate strong small{font-size:17px;font-weight:650;color:#6c8799}
.score-estimate p{margin:0;max-width:230px;color:#637d91;font-size:12px;line-height:1.6}
.dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 17px}
.dimension-grid>div{border:1px solid var(--line);border-radius:7px;background:white;padding:11px 10px;min-width:0}
.dimension-grid span,.dimension-grid small{display:block;color:#657d90;font-size:11px;line-height:1.5}
.dimension-grid strong{display:block;margin:4px 0;color:#245d83;font-size:18px;line-height:1.2}
.improve-example{border-left:3px solid #80b9da;background:#fff;padding:10px 12px;margin:13px 0 2px}
.improve-example strong{display:block;font-size:12px;color:#276d99;margin-bottom:5px}
.improve-example p{margin:0;color:#4b6478;font-size:12px;line-height:1.7}

@media(max-width:850px){.hero{padding:48px 42px}.process-grid{grid-template-columns:1fr}.process-step{padding:22px 27px}.process-step+ .process-step{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:600px){.hero{padding:35px 25px 39px;border-radius:13px}.hero::after{right:-300px}.hero h1{font-size:clamp(30px,8vw,40px);line-height:1.34}.hero .hero-promise{font-size:16px}.process>.section-head h2{font-size:23px}.score-estimate{align-items:start;flex-direction:column}.dimension-grid{grid-template-columns:1fr 1fr}.dimension-grid>div:last-child{grid-column:span 2}.privacy-panel{padding:22px}}
