:root{font-family:system-ui,-apple-system,'Microsoft Yahei',sans-serif;color:#213544;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e4ebef;position:sticky;top:0;z-index:10}.wrap{max-width:1100px;margin:auto;padding:0 22px}.bar{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:14px}.brand{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:750;color:#194e64}.logo{background:#155b73;color:white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-weight:900;font-size:16px}.brand small{font-size:11px;color:#81949d}nav{display:flex;gap:8px;flex-wrap:wrap}button{cursor:pointer;border:0;border-radius:9px;font:inherit;padding:11px 18px;font-weight:650}button:disabled{opacity:.5;cursor:not-allowed}.nav{background:transparent;color:#456273;padding:9px}.nav:hover{background:#edf4f6}.primary{background:#17637b;color:white}.primary:hover{background:#0e4b61}.secondary{background:#e5f0f3;color:#19586e}.light{background:white;color:#17566d}.ghost{background:#f2f2f2;color:#566}.hero{background:linear-gradient(125deg,#0c465e,#1b7990);color:white;padding:60px 55px;border-radius:18px;margin:28px 0 36px;box-shadow:0 12px 24px #103f4e20}.hero h1{font-size:clamp(25px,4vw,38px);line-height:1.45;margin:16px 0}.hero p{opacity:.85;font-size:16px}.eyebrow{font-size:12px;letter-spacing:2px;color:#b8e1e9}.heroBtns{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.heroBtns button{padding:14px 27px}.hero .primary{background:#f4a943;color:#223b46}.sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:26px 0 16px}.sectionhead h2{margin:0;font-size:24px;color:#184e64}.sectionhead span{font-size:13px;color:#738792}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.card,.panel{background:white;border:1px solid #e2eaf0;border-radius:14px;padding:23px;box-shadow:0 3px 10px #2b566008}.card .num{color:#1582a0;font-size:12px;font-weight:800;letter-spacing:2px}.card h3{margin:12px 0;font-size:20px}.card .date{color:#627b88;font-size:14px}.card .price{font-size:22px;font-weight:800;color:#165a72;margin-top:22px}.card .price small{font-size:13px;font-weight:400}.card .min{font-size:12px;color:#8696a0;margin-top:7px}.hint{background:#e7f0f3;border-left:3px solid #1c7892;border-radius:6px;padding:14px 18px;margin:24px 0 36px;font-size:13px;color:#4d6875}.view{padding-bottom:30px}.hidden{display:none!important}.panel{margin-bottom:20px}.panel h3{margin:8px 0 18px;color:#1c536a}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}label{display:block;font-size:13px;font-weight:600;color:#405d6c}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d5e0e6;border-radius:8px;background:#fff;font:inherit;font-size:15px;color:#243f4c}input:focus,textarea:focus{outline:2px solid #96c8d4}.courseRow{border:1px solid #e4edf1;border-radius:10px;padding:16px;margin-bottom:12px;display:grid;grid-template-columns:26px 1fr 110px;align-items:center;gap:12px}.courseRow strong{display:block}.courseRow small{display:block;color:#778c97;margin-top:5px}.courseRow input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#17637b}.courseRow input[type=number]{margin:0}.courseRow .question{grid-column:2/4}.total{background:#f0f6f7;border-radius:9px;padding:18px;text-align:right;color:#165b73;font-weight:800;margin:20px 0}.wide{width:100%;padding:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.metric{background:#fff;border:1px solid #dce9ed;padding:20px;border-radius:12px}.metric b{display:block;font-size:27px;color:#155e78;margin-top:8px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:650px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e9eef1}th{background:#f3f8fa;color:#446678;white-space:nowrap}td{vertical-align:top}.result{text-align:center;max-width:650px;margin:30px auto}.check{margin:auto;background:#e1f4ed;color:#138659;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font-size:32px}#notice{position:fixed;z-index:30;top:86px;right:18px;max-width:420px;background:#1e5f73;color:#fff;padding:14px 20px;border-radius:9px;display:none;box-shadow:0 6px 25px #0003}#notice.error{background:#a63d37}footer{text-align:center;color:#85949c;padding:35px 15px;font-size:12px}dialog{border:0;border-radius:16px;box-shadow:0 20px 70px #0004;max-width:min(95vw,650px);width:100%;padding:25px}dialog::backdrop{background:#0a263b88}dialog img{max-width:250px;width:100%;display:block;margin:18px auto}.summaryCourse{border-bottom:1px solid #e7edf0;padding:12px 0}.summaryCourse b{color:#175e75}@media(max-width:620px){.wrap{padding:0 15px}.bar{align-items:flex-start;padding-top:12px;padding-bottom:10px;flex-direction:column}.brand{font-size:16px}.logo{width:40px;height:40px}nav{width:100%;justify-content:space-between}.nav{font-size:12px;padding:7px}.hero{margin:18px 0;padding:36px 23px}.heroBtns button{flex:1;padding:12px}.fields{grid-template-columns:1fr}.courseRow{grid-template-columns:22px 1fr 78px;padding:12px;gap:8px}.sectionhead{align-items:flex-start;flex-direction:column}.sectionhead h2{font-size:21px}.panel{padding:17px}}