:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;color:#17335f;background:#f3f8ff;font-synthesis:none;--navy:#15356b;--blue:#1677ff;--blue2:#4d9cff;--mint:#17b897;--amber:#f1a632;--violet:#7664ee;--ink:#17335f;--muted:#7285a5;--line:#d7e6f8;--panel:rgba(255,255,255,.88);--shadow:0 12px 34px rgba(68,118,181,.1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 74% 9%,rgba(84,209,234,.13),transparent 22%),radial-gradient(circle at 38% 0,rgba(72,123,255,.1),transparent 24%),linear-gradient(rgba(91,148,219,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,148,219,.06) 1px,transparent 1px),#f4f9ff;background-size:auto,auto,20px 20px,20px 20px,auto}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:202px minmax(0,1fr);grid-template-rows:74px 1fr}.topbar{grid-column:1/-1;display:grid;grid-template-columns:380px minmax(300px,480px) 1fr;align-items:center;gap:26px;height:74px;padding:0 28px;background:#ffffffed;border-bottom:1px solid #dce9f7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{border:0;background:transparent;padding:0;display:flex;align-items:center;text-align:left;color:var(--ink)}.brand img{width:43px;height:43px;border-radius:12px;object-fit:cover;box-shadow:0 7px 17px #1677ff33}.brand>span{display:flex;align-items:center;gap:10px;margin-left:12px}.brand strong{font-size:20px;letter-spacing:.02em;white-space:nowrap}.brand small{padding:4px 8px;border-radius:7px;background:#eaf3ff;color:#3478dc;font-size:10px;white-space:nowrap}.global-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #d7e5f5;border-radius:12px;background:#f7faff;color:#8ca1bd;position:relative;box-shadow:inset 0 1px 3px #23579408}.global-search input{border:0;background:transparent;outline:0;flex:1;min-width:0;color:var(--ink);font-size:12px}.global-search>button{border:0;background:transparent;color:#8297b3;padding:4px}.search-popover{position:absolute;top:49px;left:0;right:0;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #27569030;z-index:20}.search-popover button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left;color:var(--blue)}.search-popover button:hover{background:#f2f7ff}.search-popover button span{display:grid;gap:2px;min-width:0}.search-popover button strong{color:var(--ink);font-size:12px}.search-popover button small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-popover p{font-size:11px;text-align:center;color:var(--muted)}.date-chip{justify-self:end;display:flex;align-items:center;gap:8px;color:#168d77;font-size:12px;white-space:nowrap}.date-chip strong{font-weight:800}.sidebar{grid-column:1;grid-row:2;position:sticky;top:74px;height:calc(100vh - 74px);padding:26px 14px 18px;background:#ffffffde;border-right:1px solid #dce9f7;display:flex;flex-direction:column;z-index:10}.sidebar nav{display:grid;gap:8px}.sidebar nav button{height:52px;border:0;border-radius:12px;background:transparent;color:#536b90;padding:0 13px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;text-align:left}.sidebar nav button:hover{background:#f2f7ff;color:var(--blue)}.sidebar nav button.active{background:linear-gradient(90deg,#e8f2ff,#f5f9ff);color:#176fe8;box-shadow:inset 3px 0 #247cff}.nav-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px}.sidebar nav button.active .nav-icon{background:#2f7df4;color:#fff;box-shadow:0 5px 12px #2f7df440}.privacy-note{margin-top:auto;padding:14px 10px;border-top:1px solid #e2ecf7;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;color:#17a085}.privacy-note strong{font-size:10px}.privacy-note span{grid-column:1/-1;color:#8091ab;font-size:9px;line-height:1.6}.content{grid-column:2;grid-row:2;min-width:0}.page{padding:28px 28px 38px;max-width:1510px;margin:0 auto}.page-title{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}.eyebrow{display:flex;align-items:center;gap:6px;color:#237ce6;font-size:10px;font-weight:700;letter-spacing:.03em}.page-title h1{font-size:28px;line-height:1.2;margin:6px 0;color:#15366f;letter-spacing:.02em}.page-title p{margin:0;color:#6b7e9d;font-size:12px}.project-picker{min-width:360px;height:44px;padding:0 14px;border:1px solid #cfe0f6;border-radius:12px;background:#ffffffe6;display:flex;align-items:center;gap:8px;color:#3681e3;box-shadow:0 6px 20px #5383be0f}.project-picker>span{font-size:10px;color:#7286a5;white-space:nowrap}.project-picker select{flex:1;min-width:0;border:0;background:transparent;outline:0;color:#1d3e70;font-weight:700;font-size:12px}.panel{background:var(--panel);border:1px solid rgba(196,218,244,.9);border-radius:17px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:16px}.dashboard-grid main{display:grid;gap:16px}.profile-summary{min-height:190px;padding:20px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:22px;position:relative;overflow:hidden}.profile-summary:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:33%;top:-95px;background:radial-gradient(circle,rgba(64,143,255,.12),transparent 70%);pointer-events:none}.section-kicker{display:flex;align-items:center;gap:6px;color:#2d80ef;font-size:10px;font-weight:800}.summary-copy h2{font-size:23px;margin:10px 0 7px}.summary-copy>p{font-size:12px;line-height:1.72;color:#5d718f;margin:0;max-width:700px}.source-pill{display:inline-flex;align-items:center;gap:6px;margin-top:15px;padding:6px 9px;border-radius:8px;background:#edf5ff;color:#4a7dbd;font-size:9px}.highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-self:stretch}.highlight{padding:13px 9px;border-radius:13px;border:1px solid #deebf8;background:#f9fcff;display:grid;align-content:center;justify-items:center;text-align:center;min-width:0}.highlight>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f3ff;color:#2582ed;margin-bottom:8px}.highlight.mint>span{color:#13ae91;background:#e6faf5}.highlight.amber>span{color:#e89a28;background:#fff5e6}.highlight.violet>span{color:#7664e8;background:#f0edff}.highlight small{font-size:9px;color:#7b8ca5}.highlight strong{font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.highlight b{font-size:12px;color:#2e7fe6;margin-top:3px}.highlight.mint b{color:#16a98e}.highlight.amber b{color:#d7891c}.highlight.violet b{color:#6857d9}.panel-heading{display:flex;align-items:center;gap:8px;color:#287ce9}.panel-heading h2{font-size:15px;color:#213e6a;margin:0}.panel-heading>span{margin-left:auto;color:#7b8ca6;font-size:9px}.action-path{padding:17px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:13px}.step-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.step-wrap:last-child{grid-template-columns:1fr}.step-arrow{color:#6ca5ee}.step-card{min-height:153px;border:1px solid #d8e6f6;border-radius:13px;padding:14px;background:linear-gradient(145deg,#fff,#f9fcff)}.step-head{display:grid;grid-template-columns:32px 36px 1fr;gap:8px;align-items:center}.step-head>b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2584ff,#3c6cf3);color:#fff;font-size:12px}.step-head>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf4ff;color:#2d81ec}.step-head h3{font-size:13px;margin:0}.step-head small{font-size:8px;color:#8091a9}.step-card>p{font-size:10px;line-height:1.7;color:#536b8d;margin:14px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.two-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.comparison,.script{padding:17px;min-height:236px}.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:14px}.comparison-columns h3{font-size:10px;margin:0 0 9px;color:#4d6485}.evidence-bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(66px,95px) minmax(60px,1fr) 37px;gap:7px;align-items:center;font-size:9px}.bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#526785}.bar-row>div{height:7px;border-radius:8px;background:#e8f0fa;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#61b6f2,#367cf3)}.bar-row strong{font-size:9px;text-align:right;color:#496383}.script blockquote,.strategy-script blockquote{font-size:11px;line-height:1.82;color:#3e577e;margin:16px 0;padding-left:12px;border-left:3px solid #77aef2}.copy-button{border:1px solid #8bb6f0;border-radius:9px;background:#f7fbff;color:#2374df;height:35px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.right-rail{display:grid;gap:16px;align-content:start}.checklist-panel,.method{padding:16px}.rail-progress{height:5px;background:#e7eff9;border-radius:5px;overflow:hidden;margin:12px 0 8px}.rail-progress i{display:block;height:100%;background:linear-gradient(90deg,#3e88f9,#25bea0);border-radius:5px}.checklist{display:grid}.checklist button{border:0;border-bottom:1px solid #e1eaf5;background:transparent;padding:10px 2px;display:grid;grid-template-columns:34px 1fr 23px;gap:7px;text-align:left;align-items:center;color:inherit}.checklist button>b{width:29px;height:29px;border-radius:50%;background:#eaf3ff;color:#2679e9;display:grid;place-items:center;font-size:10px}.checklist button span{display:grid;gap:2px}.checklist button strong{font-size:10px}.checklist button small{font-size:8px;color:#8a9ab1}.checklist button>i{width:19px;height:19px;border-radius:6px;border:1px solid #c7d9ee;display:grid;place-items:center;color:#fff}.checklist button.done{background:#f5fcfa}.checklist button.done>i{background:#20b291;border-color:#20b291}.checklist button.done>b{color:#14977d;background:#e1f8f2}.warning{display:flex;gap:7px;margin-top:10px;padding:9px;border:1px solid #f5dfbd;border-radius:10px;background:#fff9ee;color:#cc841d;font-size:8px;line-height:1.5}.method-item{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:9px 0;position:relative}.method-item>b{width:26px;height:26px;border-radius:50%;background:#e4f8f3;color:#16a287;display:grid;place-items:center;font-size:10px}.method-item span{display:grid;gap:2px}.method-item strong{font-size:10px}.method-item small{color:#8494aa;font-size:8px}.library-search{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:13px;color:#337fdf;margin-bottom:17px}.library-search input{flex:1;border:0;outline:0;color:var(--ink);font-size:11px}.library-search span{font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project-card{padding:18px;min-height:295px;display:flex;flex-direction:column}.project-card-head{display:flex;justify-content:space-between}.project-card-head>span{width:39px;height:39px;border-radius:11px;background:#e8f3ff;color:#287deb;display:grid;place-items:center}.project-card-head>b{align-self:start;padding:4px 8px;border-radius:7px;background:#eff6ff;color:#4380cc;font-size:8px}.project-card h2{font-size:16px;margin:14px 0 7px}.project-card>p{font-size:9px;line-height:1.65;color:#6c7e99;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.project-facts span{display:grid;gap:3px;padding:8px;border-radius:9px;background:#f4f8fd;min-width:0}.project-facts small{font-size:8px;color:#8292aa}.project-facts strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card>button{margin-top:auto;border:0;background:transparent;color:#2878e2;font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px;padding:0}.profile-intro{padding:20px;margin-bottom:15px}.profile-intro>span{font-size:9px;font-weight:700;color:#2e7fe5}.profile-intro h2{font-size:20px;margin:6px 0}.profile-intro p{font-size:11px;line-height:1.7;color:#647895;margin:0}.dimension-sections{display:grid;gap:15px}.dimension-panel{padding:18px}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.dimension-grid article{padding:14px;border:1px solid #e0eaf6;background:#fbfdff;border-radius:12px}.dimension-grid h3{font-size:10px;margin:0 0 10px}.strategy-top{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.strategy-card{padding:18px;min-height:210px;position:relative}.strategy-card>b{position:absolute;right:16px;top:12px;color:#d8e7fa;font-size:25px}.strategy-card>span{width:43px;height:43px;border-radius:12px;background:#eaf3ff;color:#287fea;display:grid;place-items:center}.strategy-card h2{font-size:15px;margin:15px 0 8px}.strategy-card p{font-size:10px;color:#5e7390;line-height:1.75;margin:0}.strategy-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.strategy-bottom>section{padding:18px}.basis-list,.action-list{font-size:10px;line-height:1.9;color:#586f8f;padding-left:18px}.strategy-script{padding:19px;margin-top:15px}.strategy-script .copy-button{margin-left:auto}.empty{color:#8c9bb1;font-size:9px}.mobile-nav{display:none}@media(max-width:1180px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.sidebar{padding-inline:10px}.sidebar nav button{padding:0;justify-content:center}.sidebar nav button>span:last-child,.privacy-note{display:none}.topbar{grid-template-columns:320px minmax(260px,1fr) auto}.brand strong{font-size:17px}.profile-summary{grid-template-columns:1fr}.highlight-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){body{background-size:auto,auto,16px 16px,16px 16px,auto}.app-shell{display:block;padding-bottom:68px}.topbar{position:sticky;height:auto;min-height:116px;padding:10px 13px;display:grid;grid-template-columns:1fr auto;gap:9px}.brand img{width:36px;height:36px;border-radius:10px}.brand>span{margin-left:9px;display:grid;gap:0}.brand strong{font-size:15px}.brand small{padding:0;background:transparent;font-size:8px}.date-chip{font-size:9px}.global-search{grid-column:1/-1;grid-row:2;height:39px}.sidebar{display:none}.content{display:block}.page{padding:17px 12px 28px}.page-title{display:grid;gap:13px;align-items:stretch;margin-bottom:15px}.page-title h1{font-size:23px;margin:4px 0}.page-title p{font-size:10px;line-height:1.6}.project-picker{min-width:0;width:100%;height:42px}.dashboard-grid{grid-template-columns:1fr}.profile-summary{padding:16px;gap:15px;min-height:0}.summary-copy h2{font-size:20px}.summary-copy>p{font-size:10px}.highlight-grid{grid-template-columns:repeat(2,1fr)}.highlight{min-height:115px}.steps{grid-template-columns:1fr;gap:8px}.step-wrap,.step-wrap:last-child{grid-template-columns:1fr}.step-arrow{display:none}.step-card{min-height:0}.two-panels,.comparison-columns,.dimension-grid,.strategy-top,.strategy-bottom{grid-template-columns:1fr}.right-rail{gap:12px}.project-grid{grid-template-columns:1fr}.project-card{min-height:265px}.library-search span{display:none}.mobile-nav{display:grid;position:fixed;left:0;right:0;bottom:0;height:63px;grid-template-columns:repeat(4,1fr);background:#fffffff5;border-top:1px solid #d6e4f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60}.mobile-nav button{border:0;background:transparent;color:#7184a3;display:grid;place-items:center;align-content:center;gap:2px;font-size:8px}.mobile-nav button.active{color:#1d79ef;font-weight:700}.search-popover{top:44px}.date-chip span{display:grid}.comparison,.script{min-height:0}}@media print{.topbar,.sidebar,.mobile-nav,button{display:none!important}.app-shell,.content{display:block}.page{max-width:none;padding:0}.panel{box-shadow:none;break-inside:avoid}body{background:#fff}}