:root{color:#17252b;background:#eef3f4;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:linear-gradient(120deg,rgba(16,92,111,.08),transparent 34%),#eef3f4}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh;min-width:0}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:22px;padding:22px;background:#102f39;color:#f5fbfc;border-right:1px solid rgba(255,255,255,.08)}.brand-block{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#b7f3df;color:#102f39;font-weight:800}.brand-block strong,.brand-block span{display:block}.brand-block span{margin-top:3px;color:#f5fbfca8;font-size:13px}.nav-list{display:grid;gap:6px}.nav-item{width:100%;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#f5fbfcc2;text-align:left}.nav-item:hover,.nav-item.active{background:#b7f3df1f;border-color:#b7f3df3d;color:#fff}.side-note{margin-top:auto;padding:14px;border-radius:10px;background:#ffffff14;color:#f5fbfcc2;font-size:13px;line-height:1.6}.main-panel{width:100%;max-width:1280px;margin:0 auto;padding:34px;min-width:0}.page-stack{display:grid;gap:18px}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;border-radius:14px;background:#ffffffc7;border:1px solid rgba(16,47,57,.1);box-shadow:0 18px 55px #102f3914;min-width:0}.page-header h1{margin:0;color:#102f39;font-size:clamp(30px,4vw,54px);line-height:1.05;letter-spacing:0}.page-header p{margin:12px 0 0;max-width:780px;color:#52646a;line-height:1.7}.eyebrow{margin:0 0 8px!important;color:#0c6c77!important;font-weight:700;font-size:13px}.header-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button{min-height:42px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-weight:700;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:active{transform:translateY(1px)}.button.primary{background:#0c6c77;color:#fff}.button.secondary{background:#d7f6ed;color:#102f39;border-color:#0c6c7729}.button.ghost{background:#fff;color:#183942;border-color:#102f3924}.panel{padding:22px;border-radius:14px;background:#ffffffe0;border:1px solid rgba(16,47,57,.1);box-shadow:0 12px 36px #102f390f;min-width:0}.panel.soft{background:#f5fffb;border-color:#0c6c7729}.panel.warning{background:#fff8ed;border-color:#965c152e}.panel h2,.panel h3{margin:0 0 12px;color:#102f39}.panel p{margin:0 0 12px;color:#334a51;line-height:1.75}.lead{font-size:18px;color:#17252b!important}.hero-grid,.compare-grid,.script-layout,.grid.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.grid.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.thesis-card{display:grid;align-content:center;min-height:260px;padding:28px;border-radius:14px;background:#102f39;color:#f5fbfc}.thesis-card span{color:#b7f3df;font-weight:700;margin-bottom:12px}.thesis-card strong{font-size:clamp(22px,3vw,30px);line-height:1.25;word-break:break-word}.check-list,.risk-list,.number-list{margin:0;padding-left:20px;color:#334a51;line-height:1.72}.risk-list li::marker{color:#a35d0b}.workflow{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}.workflow-step{min-height:118px;padding:14px;border-radius:12px;background:#f5fafb;border:1px solid rgba(16,47,57,.1)}.workflow-step span{display:block;color:#0c6c77;font-size:13px;font-weight:800;margin-bottom:12px}.metric-card{display:grid;gap:6px}.metric-card strong{color:#0c6c77;font-size:38px;line-height:1}.metric-card span{color:#52646a;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field.span-2{grid-column:span 2}.field span{color:#29454d;font-weight:700}.field small{color:#617177;line-height:1.45}.field input,.field textarea{width:100%;border:1px solid rgba(16,47,57,.16);border-radius:10px;background:#fbfdfd;color:#17252b;padding:12px;outline:none;line-height:1.6}.field input:focus,.field textarea:focus{border-color:#0c6c77;box-shadow:0 0 0 3px #0c6c7724}.brief-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.brief-strip div{display:grid;gap:6px;padding:14px;border-radius:12px;background:#f5fafb;border:1px solid rgba(16,47,57,.1)}.brief-strip strong{color:#102f39}.brief-strip span{color:#617177;font-size:13px;line-height:1.45}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud span{padding:7px 10px;border-radius:999px;background:#e4f5f1;color:#0b5360;font-size:13px;font-weight:700}.status-pill{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.ok{background:#e4f5f1;color:#0b5360}.status-pill.todo{background:#fff2d6;color:#7c4a08}.status-pill.test{background:#e8f0ff;color:#244d8f}.case-strip{display:grid;grid-template-columns:1fr 2fr 2fr;gap:12px}.case-strip div{display:grid;gap:8px;padding:14px;border-radius:12px;background:#f5fafb;border:1px solid rgba(16,47,57,.1)}.case-strip span{color:#617177;font-size:13px;font-weight:700}.case-strip strong{color:#183942;line-height:1.55}.quote-grid,.topic-grid,.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}blockquote{margin:0;padding:14px;border-left:4px solid #0c6c77;background:#f4fafb;color:#334a51;line-height:1.65}.topic-card{min-height:170px;display:grid;gap:10px;text-align:left;padding:18px;border-radius:14px;border:1px solid rgba(16,47,57,.11);background:#fff;color:#17252b}.topic-card span{width:fit-content;padding:6px 9px;border-radius:999px;background:#e4f5f1;color:#0b5360;font-size:12px;font-weight:800}.topic-card strong{color:#102f39;font-size:18px;line-height:1.35}.topic-card small{color:#52646a;line-height:1.5}.topic-card.selected{border-color:#0c6c77;box-shadow:0 0 0 3px #0c6c771f}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-grid div,.mini-card{display:grid;gap:7px;padding:14px;border-radius:12px;background:#f5fafb;border:1px solid rgba(16,47,57,.1)}.detail-grid span,.mini-card span,.muted{color:#617177!important;font-size:13px}.detail-grid strong,.mini-card strong{color:#183942;line-height:1.55}.script-side{padding:18px;border-radius:14px;background:#f5fafb;border:1px solid rgba(16,47,57,.1)}.data-table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid rgba(16,47,57,.12);text-align:left;vertical-align:top;line-height:1.55}.data-table th{color:#102f39;background:#f0f7f8}.score-hero{display:flex;align-items:baseline;gap:10px}.score-hero strong{color:#0c6c77;font-size:76px;line-height:1}.score-hero span{color:#52646a;font-size:24px}.score-hero p{margin-left:18px;font-weight:700}.score-item{display:flex;justify-content:space-between;gap:12px}.score-item strong{color:#0c6c77;font-size:28px}.advice{padding-top:12px;border-top:1px solid rgba(16,47,57,.1);color:#52646a!important}.warning-text{padding:12px;border-radius:10px;background:#fff8ed;color:#7c4a08!important;border:1px solid rgba(150,92,21,.18)}pre{white-space:pre-wrap;margin:0;padding:16px;border-radius:12px;background:#102f39;color:#e7fbf4;line-height:1.65;overflow-x:auto}.report-preview{max-width:850px;margin:0 auto;padding:24px;border-radius:12px;background:#fff;border:1px solid rgba(16,47,57,.1)}.report-preview h1{color:#102f39;font-size:28px;line-height:1.25}.report-preview h2{margin-top:24px;color:#0c6c77}.report-preview p,.report-preview li{color:#334a51;line-height:1.75}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav-list{grid-template-columns:repeat(2,1fr)}.main-panel{padding:18px}.page-header,.hero-grid,.compare-grid,.script-layout,.grid.two,.grid.three,.form-grid,.brief-strip,.quote-grid,.topic-grid,.score-grid,.detail-grid,.grid.four,.case-strip{grid-template-columns:1fr}.workflow{grid-template-columns:1fr;overflow-x:visible}.thesis-card{min-height:auto}.page-header{display:grid}.field.span-2{grid-column:span 1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}