:root{
  --ink:#0d1930;--muted:#66738a;--blue:#1768f2;--blue2:#3f91ff;
  --green:#24b784;--orange:#ff9b21;--red:#ef5d66;--line:#e4ebf5;
  --soft:#f6f9ff;--shadow:0 22px 70px rgba(39,78,126,.10)
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;background:radial-gradient(circle at 82% 0,rgba(63,145,255,.10),transparent 24%),#fff}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.topbar{width:min(1040px,calc(100% - 32px));height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950}.brand img{width:36px;height:36px}
.back-link{font-size:14px;font-weight:800;color:#53647e;text-decoration:none}
.shell{width:min(900px,calc(100% - 32px));margin:auto;padding:48px 0 90px}
.intro{text-align:center;padding:46px 0 20px}
.badge{display:inline-flex;padding:8px 13px;border-radius:999px;background:#eef5ff;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.03em}
.badge.success{background:#eaf8f2;color:#178460}
h1{font-size:clamp(42px,7vw,72px);line-height:1.08;letter-spacing:-.05em;margin:20px 0 20px}h1 span{color:var(--blue)}
.lead{max-width:720px;margin:0 auto;color:var(--muted);font-size:20px;line-height:1.75}
.intro-points{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin:25px 0;color:#52627a;font-size:14px;font-weight:800}
.primary,.secondary{min-height:52px;border-radius:15px;padding:0 22px;border:0;font-weight:900}
.primary{background:linear-gradient(135deg,#1463ed,#4198ff);color:#fff;box-shadow:0 12px 28px rgba(23,104,242,.20)}
.primary.big{min-width:250px;min-height:58px;font-size:17px}
.secondary{background:#f5f8fd;color:#35557c;border:1px solid #dce6f4}
.micro{max-width:620px;margin:18px auto 0;color:#8b96a7;font-size:13px;line-height:1.65}
.hidden{display:none!important}
.quiz,.result{padding-top:14px}
.quiz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.step-label{font-size:13px;color:#738096;font-weight:850;margin-bottom:9px}.progress{height:7px;width:min(430px,65vw);background:#edf2f8;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,#1768f2,#58a5ff);border-radius:999px;transition:width .25s ease}
.text-button{border:0;background:transparent;color:#7d899b;font-weight:800;padding:5px}
#checkupForm{background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}
.step{display:none;min-height:430px}.step.active{display:block}
.question-kicker,.eyebrow-text{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:var(--blue);margin:0 0 10px}
.step h2,.result-hero h2{font-size:clamp(30px,5vw,46px);letter-spacing:-.035em;line-height:1.13;margin:0 0 14px}
.hint{color:#7b8799;line-height:1.65;font-size:14px}.hint a{color:var(--blue);font-weight:800}
.field-label{display:block;margin:26px 0 9px;font-size:14px;font-weight:850;color:#40516a}
input[type="text"],input[type="number"],#taskName,select{width:100%;min-height:56px;border:1px solid #dce5f1;border-radius:14px;padding:0 16px;background:#fbfdff;color:var(--ink);outline:none}
input:focus,select:focus{border-color:#75aaf8;box-shadow:0 0 0 4px rgba(23,104,242,.08)}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.choice-grid.compact{grid-template-columns:repeat(2,1fr)}
.choice-grid button,.minute-presets button{border:1px solid #dfe7f1;background:#fff;border-radius:16px;padding:17px 16px;text-align:left;color:#33445d;font-weight:850;transition:.15s ease}
.choice-grid button:hover,.minute-presets button:hover{border-color:#98bbef;background:#f8fbff}
.choice-grid button.selected,.minute-presets button.selected{border-color:var(--blue);background:#eef5ff;color:#1559c7;box-shadow:0 0 0 3px rgba(23,104,242,.07)}
.choice-grid button strong{display:block}.choice-grid button small{display:block;margin-top:5px;color:#7f8a9b;font-weight:650;line-height:1.45}
.minute-presets{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 8px}.minute-presets button{padding:12px 16px}
.collection-note{margin:22px 0 0;padding:14px 16px;border-radius:15px;background:#f7faff;color:#6e7b8f;line-height:1.65;font-size:13px}.collection-note a,.data-notice a{color:var(--blue);font-weight:850;text-decoration:none}
.use-cases-wrap{max-width:820px;margin:38px auto 0;padding-top:30px;border-top:1px solid #edf1f6}.use-cases-wrap h2{font-size:22px;letter-spacing:-.02em;margin:0 0 8px}.use-cases-wrap>p{max-width:700px;margin:0 auto;color:#7a8799;font-size:14px;line-height:1.7}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:780px;margin:18px auto 0;text-align:left}.use-cases div{padding:16px;border-radius:16px;background:#fbfdff;border:1px solid #e8eef7}.use-cases strong{display:block;font-size:14px}.use-cases span{display:block;margin-top:5px;color:#7d899b;font-size:12px;line-height:1.55}.use-cases-wrap .fit-note{margin-top:14px;font-size:12px;color:#8b96a7}
.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.form-actions .primary{margin-left:auto}.form-error{min-height:22px;color:var(--red);font-size:13px;font-weight:750;margin-top:10px}
.result-hero{text-align:center;padding:24px 0 8px}.result-task{color:#7a8799;margin:18px 0 8px;font-weight:800}.result-hero p:last-child{max-width:700px;margin:0 auto;color:var(--muted);line-height:1.7}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}
.metric{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:0 10px 30px rgba(39,78,126,.07)}
.metric span{display:block;color:#708097;font-weight:800;font-size:13px}.metric strong{display:inline-block;font-size:46px;letter-spacing:-.04em;margin-top:8px}.metric small{color:#8c98a9;margin-left:4px}
.metric.time{background:linear-gradient(155deg,#eef6ff,#fff)}.metric.value{background:linear-gradient(155deg,#effaf6,#fff)}.metric.difficulty{background:linear-gradient(155deg,#fff7ed,#fff)}.metric.fit{background:linear-gradient(155deg,#f5f1ff,#fff)}
.hours-card,.diagnosis,.scope-card,.benchmark,.course-bridge{border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 12px 36px rgba(39,78,126,.07);padding:28px;margin-top:16px}
.hours-card{background:linear-gradient(145deg,#10213f,#173968);color:#fff}.hours-card .eyebrow-text{color:#8fc0ff}.hours-card h3{font-size:30px;margin:0 0 10px}.hours-card p:last-child{color:#d6e4f7;line-height:1.7;margin:0}
.diagnosis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diagnosis h3,.benchmark h3,.course-bridge h3{font-size:25px;margin:0 0 12px}.diagnosis p:last-child,.benchmark p,.course-bridge p{color:var(--muted);line-height:1.7}
.diagnosis ul{margin:0;padding-left:20px;color:#53627a;line-height:1.85}
.scope-card{background:linear-gradient(155deg,#f8fbff,#fff)}
.scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.scope-head h3{font-size:clamp(25px,4vw,34px);letter-spacing:-.03em;margin:0 0 10px}.scope-head p:last-child{color:var(--muted);line-height:1.7;margin:0;max-width:620px}.scope-score{min-width:112px;text-align:center;padding:14px 12px;border-radius:18px;background:#fff;border:1px solid #dfe8f5}.scope-score strong{display:block;font-size:22px;letter-spacing:-.03em}.scope-score span{display:block;margin-top:3px;color:#7a8798;font-size:11px;font-weight:800}.scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.scope-columns>div{padding:18px;border-radius:18px;background:#fff;border:1px solid #e4ebf5}.scope-columns h4{margin:0 0 10px;font-size:15px}.scope-columns ul{margin:0;padding-left:19px;color:#58687f;line-height:1.75;font-size:14px}
.browser-share{margin-top:10px}
.benchmark{background:linear-gradient(160deg,#f7f4ff,#fff)}
.benchmark-intro{max-width:680px;margin-bottom:22px}
.benchmark-highlight{padding:22px;border-radius:20px;background:#fff;border:1px solid #e8e2f7;margin:20px 0 24px}.benchmark-highlight>span,.benchmark-highlight>small{display:block;color:#7c8799;font-size:12px}.benchmark-highlight strong{display:block;font-size:clamp(34px,6vw,50px);letter-spacing:-.04em;margin:4px 0}.benchmark-highlight strong b{font:inherit}
.benchmark-section{margin-top:24px}.benchmark-section h4{font-size:17px;margin:0 0 12px}
.bar-list{display:grid;gap:13px}.bar-row{display:grid;gap:7px}.bar-label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#4e5e75;font-size:14px;font-weight:800}.bar-label strong{color:#273a56;font-size:14px}.bar-track{height:10px;border-radius:999px;background:#eceff5;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6f7f98,#a9b4c5)}
.benchmark-source{margin:24px 0 0!important;padding-top:16px;border-top:1px solid #ebe6f5;color:#8a95a6!important;font-size:12px!important}.benchmark-source strong{color:#5d6980}
.course-bridge{text-align:center;padding:36px}.course-bridge h3{font-size:clamp(28px,5vw,42px);letter-spacing:-.035em}.course-bridge p{max-width:680px;margin:0 auto 22px}.cta-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.method-note{text-align:center;color:#8b96a6;font-size:12px;line-height:1.7;max-width:720px;margin:22px auto 0}
footer{width:min(900px,calc(100% - 32px));margin:0 auto 30px;padding-top:20px;border-top:1px solid #edf1f6;color:#8b96a6;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#67758b;text-decoration:none}
@media(max-width:680px){
  .shell{padding-top:26px}.intro{padding-top:30px}h1{font-size:43px}.lead{font-size:17px}
  #checkupForm{padding:24px 18px;border-radius:22px}.step{min-height:480px}
  .choice-grid,.choice-grid.compact,.use-cases{grid-template-columns:1fr}.metric-grid,.diagnosis-grid,.scope-columns{grid-template-columns:1fr}.scope-head{display:block}.scope-score{margin-top:16px;max-width:140px}
  .metric{padding:20px}.metric strong{font-size:40px}.hours-card,.diagnosis,.scope-card,.benchmark,.course-bridge{padding:22px;border-radius:22px}
  .form-actions{position:sticky;bottom:10px;padding-top:8px;background:linear-gradient(transparent,#fff 25%)}.form-actions button{flex:1}
  .back-link{font-size:12px}
}