:root{--b:#0b61e6;--c:#16b8d8;--g:#27bd88;--n:#071f47;--t:#102342;--m:#66758e;--l:#dfe9f6;--s:#f5f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--t);background:#f8fbff;line-height:1.7}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.top{position:sticky;top:0;z-index:50;height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--l)}.wrap{width:min(1280px,calc(100% - 40px));margin:auto}.top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--b),var(--g));display:grid;place-items:center;color:#fff}.nav{display:flex;gap:26px;font-size:13px;font-weight:700;color:#40516b}.nav a:hover{color:var(--b)}.back{padding:9px 14px;border:1px solid #bad5f6;border-radius:10px;color:var(--b);font-weight:800;font-size:13px}.hero{padding:62px 0 34px;background:radial-gradient(circle at 80% 10%,rgba(31,153,255,.16),transparent 30%),linear-gradient(180deg,#fff,#f4f9ff)}.crumb{font-size:12px;color:#7a8ba3;margin-bottom:14px}.pill{display:inline-flex;padding:6px 11px;border-radius:999px;background:#eaf4ff;color:var(--b);font-size:11px;font-weight:900;letter-spacing:.08em}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.16;margin:14px 0}.hero p{max-width:820px;color:var(--m);font-size:16px}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--l);border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(40,79,135,.06)}.card h2,.card h3{margin-top:0}.section{padding:32px 0}.section h2.title{font-size:29px;margin:0 0 6px}.section .sub{color:var(--m);margin:0 0 20px}.btn{display:inline-flex;padding:11px 17px;border-radius:10px;background:linear-gradient(135deg,var(--b),#1386f5);color:#fff;font-weight:800;border:0;cursor:pointer}.btn.alt{background:#fff;color:var(--b);border:1px solid #b9d5f7}.metric{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed #e1eaf5}.metric:last-child{border-bottom:0}.metric span{color:var(--m)}.metric b{color:var(--b)}.control{margin:15px 0}.control label{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:6px}.control input[type=range]{width:100%}.control select,.control input[type=number]{width:100%;padding:10px 12px;border:1px solid #cadbef;border-radius:10px;background:#fff}.result{padding:18px;border-radius:16px;background:linear-gradient(135deg,#082a57,#0d4f88);color:#fff}.result small{color:#b9d9f6}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 10px;border-radius:999px;background:#eef6ff;color:#286dbd;font-size:12px}.footer{margin-top:32px;padding:28px 0;background:#071f47;color:#b8cbe2;font-size:12px}.footer b{color:#fff}.canvas{background:#071d42;border-radius:20px;overflow:hidden;min-height:480px;position:relative}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.legend span{font-size:11px;padding:5px 9px;border:1px solid #dce8f7;border-radius:999px;background:#fff}.notice{padding:13px 15px;background:#fff8e8;border:1px solid #f5dfad;border-radius:12px;color:#7a5a15;font-size:12px}@media(max-width:800px){.nav{display:none}.g2,.g3{grid-template-columns:1fr}.hero{padding-top:38px}.wrap{width:min(100% - 24px,1280px)}}