:root { --ink:#16231f; --muted:#69746f; --paper:#f4f3ee; --cream:#eae7dc; --line:#d8d9d2; --green:#1f6b57; --green-dark:#164d40; --white:#fff; --orange:#b86638; --blue:#335d84; --purple:#76536e; --gold:#8a6b2c; --slate:#58656a; }
.mock-start-panel p a{color:#a9cabd}
.file-drop input#mockSourceFiles{width:1px;height:1px}
.question-source-card>button{margin-top:auto;text-align:left;padding-top:13px}
.question-source-section{padding:65px clamp(24px,7vw,110px);background:#e8e6dd}.question-source-intro{margin:-15px 0 22px;color:var(--muted);font-size:13px}.question-source-search{max-width:560px;margin-bottom:20px}.question-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.question-source-card{background:white;padding:22px;display:flex;flex-direction:column;min-height:280px}.question-source-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.question-source-card>div:first-child>span{font-size:10px;color:var(--green);font-weight:800}.source-availability{font-size:10px;padding:4px 7px;background:#e4ece6;color:var(--green)}.source-availability.limited{background:#eee7d5;color:var(--gold)}.question-source-card h3{margin:18px 0 8px}.question-source-card>p{font-size:12px;line-height:1.65;color:var(--muted)}.source-certificates{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 18px}.source-certificates span{font-size:9px;padding:4px 6px;background:#edf0ed;color:#53605b}.question-source-card>a{margin-top:auto;border-top:1px solid var(--line);padding-top:13px;color:var(--green);text-decoration:none;font-size:12px;font-weight:800}.mock-source-directory-link{display:block;padding-left:0;margin-top:9px}.mock-rewards{margin:28px clamp(24px,7vw,110px) 0;display:grid;grid-template-columns:1.6fr repeat(4,1fr) 1.2fr;gap:8px}.mock-rewards>div{background:white;border:1px solid var(--line);padding:16px}.mock-rewards b,.mock-rewards span{display:block}.mock-rewards>div>b{font-size:23px;color:var(--green)}.mock-rewards>div>span,.mock-rewards small{font-size:9px;color:var(--muted)}.reward-level>span{font-size:9px;color:var(--green);font-weight:800}.reward-level>div{height:6px;background:#edf0ed;margin:8px 0 5px}.reward-level i{display:block;height:100%;background:var(--green)}.reward-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.reward-badges>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:white;font-weight:800}.reward-earned{background:#eee7d5;border-left:4px solid var(--gold);padding:14px 18px;display:flex;justify-content:center;gap:18px}.reward-earned b{color:var(--gold)}.reward-earned span{font-size:12px;color:var(--muted)}
@media(max-width:1000px){.mock-rewards{grid-template-columns:repeat(3,1fr)}.question-source-grid{grid-template-columns:1fr}}
@media(max-width:700px){.question-source-section{padding:45px 18px}.mock-rewards{margin:18px;grid-template-columns:1fr 1fr}.reward-level,.reward-badges{grid-column:1/-1}.reward-earned{display:grid;gap:4px}}
.mock-start-actions{display:flex;gap:8px}.mock-start-actions button{white-space:nowrap}.review-button{border:1px solid #7eb19d;background:transparent;color:#b9e1d0;padding:12px 15px;cursor:pointer;font-weight:700}
.mock-review{max-width:1100px;margin:42px auto 90px;padding:0 24px}.mock-review>header{background:var(--ink);color:white;padding:32px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.mock-review>header h1{margin:5px 0 10px;font-size:31px}.mock-review>header p:not(.eyebrow){margin:0;color:#afbbb6;line-height:1.7;font-size:13px}.mock-review>header>span{width:90px;height:90px;border-radius:50%;border:1px solid #587168;display:grid;place-items:center;color:#b9e1d0;font-weight:800}.review-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.review-topic-grid article{background:white;border:1px solid var(--line);padding:22px}.review-topic-grid article>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.review-topic-grid article>div span{font-size:10px;color:var(--muted)}.review-topic-grid ul{padding-left:20px;margin:16px 0 0}.review-topic-grid li{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.review-strategy{margin-top:14px;padding:18px 20px;background:#eee7d5;border-left:3px solid var(--gold);display:grid;gap:5px}.review-strategy span{font-size:12px;line-height:1.7;color:var(--muted)}.review-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.ai-tutor-button{margin-top:16px;border:1px solid var(--green);background:white;color:var(--green);padding:10px 13px;font-weight:700;cursor:pointer}.ai-tutor-panel{margin-top:10px;padding:16px;background:#e4ece6;border-left:3px solid var(--green);white-space:pre-wrap;font-size:12px;line-height:1.75;color:#42504b}.ai-tutor-panel.loading{opacity:.75}.ai-tutor-panel.fallback{background:#eee7d5;border-color:var(--gold)}
@media(max-width:700px){.brand small{display:block!important;font-size:10px}.mock-start-actions{display:grid}.review-topic-grid{grid-template-columns:1fr}.mock-review{padding:0 12px;margin-top:18px}.mock-review>header{grid-template-columns:1fr;padding:24px 18px}.mock-review>header h1{font-size:24px}.mock-review>header>span{width:auto;height:auto;border-radius:0;padding:10px}.review-actions{display:grid}}
.mock-import{margin-top:18px;border:1px solid var(--line);background:white;padding:24px;display:grid;grid-template-columns:1fr 280px auto;gap:20px;align-items:center}.mock-import h2{margin:4px 0 8px}.mock-import p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:1.6}.file-drop{border:1px dashed var(--green);background:#f0f5f2;padding:17px;cursor:pointer;display:grid;gap:4px;text-align:center}.file-drop input{position:absolute;opacity:0;pointer-events:none}.file-drop b{color:var(--green);font-size:13px}.file-drop span{font-size:10px;color:var(--muted)}.import-status{grid-column:1/-1;padding:14px 16px;background:#e4ece6;border-left:3px solid var(--green);display:grid;gap:4px}.import-status.error{background:#f3e6df;border-color:var(--orange)}.import-status b{font-size:12px}.import-status span,.import-status small{font-size:11px;color:var(--muted)}
@media(max-width:1000px){.mock-import{grid-template-columns:1fr 1fr}.mock-import>div{grid-column:1/-1}}
@media(max-width:700px){.mock-import{grid-template-columns:1fr;padding:18px}.mock-import>div{grid-column:auto}.mock-import .text-button{text-align:left}}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans","Noto Sans TC",sans-serif; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { color:inherit; }
.topline { height:5px; background:var(--green); }
.site-header { height:86px; padding:0 clamp(24px,5vw,76px); display:flex; align-items:center; gap:36px; border-bottom:1px solid var(--line); background:rgba(244,243,238,.94); position:sticky; top:0; z-index:20; backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); margin-right:auto; }
.brand-mark { width:42px; height:42px; display:grid; place-items:center; color:white; background:var(--green); font-weight:800; font-size:22px; border-radius:50% 50% 50% 14%; }
.brand b,.brand small { display:block; }
.brand b { font-size:17px; letter-spacing:.04em; }.brand small{font-size:14px;color:var(--muted);margin-top:3px;font-weight:600}
nav { display:flex; height:100%; gap:25px; }
.nav-link { border:0; background:none; cursor:pointer; padding:3px 2px 0; position:relative; color:#53605b; }
.nav-link::after { content:""; position:absolute; height:3px; left:50%; right:50%; bottom:0; background:var(--green); transition:.2s; }
.nav-link.active { color:var(--ink); font-weight:700; }.nav-link.active::after { left:0; right:0; }
.plan-button { border:0; border-radius:4px; background:var(--ink); color:white; padding:12px 16px; cursor:pointer; font-size:13px; }.plan-button span{color:#b7dbc9;margin-left:5px}
main { min-height:70vh; }.view { display:none; }.view.active { display:block; }
.hero { min-height:570px; display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(40px,8vw,130px); align-items:center; padding:80px clamp(24px,8vw,130px) 70px; background:radial-gradient(circle at 80% 15%,#dce7dd 0,transparent 27%),linear-gradient(120deg,#f4f3ee 0,#eeece3 100%); border-bottom:1px solid var(--line); }
.eyebrow { margin:0 0 16px; color:var(--green); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.hero h1,.page-intro h1 { font-family:"Noto Sans TC",sans-serif; font-size:clamp(44px,5.4vw,76px); line-height:1.15; letter-spacing:-.055em; margin:0; }.hero h1 em{font-style:normal;color:var(--green)}
.hero-lead { max-width:620px; color:#53605b; font-size:18px; line-height:1.85; margin:28px 0 32px; }
.hero-actions { display:flex; gap:18px; align-items:center; }.primary-button,.text-button { border:0; cursor:pointer; }
.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:15px 20px; color:white; background:var(--green); text-decoration:none; border-radius:3px; font-weight:700; }.primary-button:hover{background:var(--green-dark)}
.text-button { background:none; color:var(--green); font-weight:700; padding:12px 6px; }
.hero-panel { background:var(--ink); color:white; padding:34px; border-radius:4px; box-shadow:24px 24px 0 #d8ded5; }.panel-kicker{font-size:12px;letter-spacing:.13em;color:#acd0c0;margin:0 0 26px;font-weight:700}
.threshold-grid { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:center; }.threshold-grid div{border:1px solid #43504c;padding:18px 6px;text-align:center}.threshold-grid strong{font-size:38px;display:block}.threshold-grid span{font-size:12px;color:#b6c1bc}.threshold-grid i{font-style:normal;color:#87938e;font-size:11px}
.threshold-mix { border-top:1px solid #43504c;border-bottom:1px solid #43504c;margin-top:24px;padding:17px 0;display:flex;justify-content:space-between;gap:18px;font-size:13px}.threshold-mix span{color:#9faaa5}.threshold-note{font-size:12px;line-height:1.7;color:#9ba7a1;margin:20px 0 0}
.section-block { max-width:1240px; margin:0 auto; padding:85px 30px; }.stat-band { padding-top:32px;padding-bottom:32px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.stat-band div{display:flex;align-items:baseline;justify-content:center;gap:9px;border-right:1px solid var(--line)}.stat-band div:last-child{border:0}.stat-band span{font-size:35px;font-weight:700;color:var(--green)}.stat-band small{color:var(--muted)}
.section-heading { display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-heading h2,.insight-card h2{font-size:30px;letter-spacing:-.03em;margin:0}.section-heading .eyebrow{margin-bottom:10px}
.starter-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.starter-card{background:white;border:1px solid var(--line);padding:28px;min-height:310px;position:relative;display:flex;flex-direction:column}.starter-number{position:absolute;right:25px;top:20px;font-size:40px;color:#e3e5df;font-weight:700}.starter-card .category-tag{align-self:start}.starter-card h3{font-size:23px;margin:25px 0 12px}.starter-card p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}.starter-card>div{margin-top:auto;display:flex;align-items:baseline;gap:8px}.starter-card>div b{font-size:22px}.starter-card>div small{color:var(--muted)}.starter-card button{background:none;border:0;border-top:1px solid var(--line);margin-top:18px;padding:16px 0 0;text-align:left;color:var(--green);font-weight:700;cursor:pointer}
.insight-card{max-width:1180px;background:#dfe9df;margin-bottom:90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.insight-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.insight-steps span{border-top:1px solid #b8c8ba;padding-top:14px;font-size:14px}.insight-steps b{display:block;color:var(--green);font-size:11px;margin-bottom:5px}.source-note{grid-column:2;color:var(--muted);font-size:11px;margin:0}
.page-intro { padding:76px clamp(24px,7vw,110px) 52px; border-bottom:1px solid var(--line); background:#edebe3}.page-intro h1{font-size:clamp(42px,5vw,66px)}.page-intro>p:last-child{color:var(--muted);max-width:700px;line-height:1.75}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.split-intro>p{margin:0}
.library-toolbar { padding:30px clamp(24px,7vw,110px); display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:24px;border-bottom:1px solid var(--line);align-items:center}.search-box{height:46px;background:white;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 15px}.search-box span{font-size:24px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent}.filter-row,.level-filter{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{background:transparent;border:1px solid var(--line);padding:8px 12px;font-size:12px;cursor:pointer;border-radius:20px}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:white}.result-line{padding:25px clamp(24px,7vw,110px) 10px;display:flex;justify-content:space-between;color:var(--muted)}
.certificate-grid{padding:20px clamp(24px,7vw,110px) 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.certificate-card{background:white;border:1px solid var(--line);padding:22px;text-align:left;position:relative;min-height:230px;cursor:pointer;transition:.2s}.certificate-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1c392513;border-color:#b7c4bc}.card-top{display:flex;justify-content:space-between;align-items:center}.category-tag{display:inline-block;font-size:11px;font-weight:700;padding:5px 8px;background:#e5eee9;color:var(--green)}.category-tag.orange{background:#f3e6df;color:var(--orange)}.category-tag.blue{background:#e3eaf0;color:var(--blue)}.category-tag.purple{background:#eee5ed;color:var(--purple)}.category-tag.gold{background:#eee9da;color:var(--gold)}.category-tag.slate{background:#e5e9e9;color:var(--slate)}
.schedule-alert{margin:28px clamp(24px,7vw,110px) 0;padding:16px 20px;background:#e4ece6;border-left:3px solid var(--green);display:flex;gap:20px;font-size:13px}.schedule-alert span{color:var(--muted)}.schedule-toolbar{padding:24px clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(250px,1fr) repeat(3,minmax(135px,auto));gap:12px;border-bottom:1px solid var(--line)}.schedule-toolbar>label:not(.search-box){display:grid;gap:5px;font-size:10px;color:var(--muted);font-weight:700}.schedule-toolbar select{height:46px;border:1px solid var(--line);background:white;padding:0 32px 0 12px;color:var(--ink)}.schedule-summary{padding:24px clamp(24px,7vw,110px) 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.schedule-summary div{background:white;border:1px solid var(--line);padding:16px 20px;display:flex;align-items:baseline;gap:8px}.schedule-summary b{font-size:28px;color:var(--green)}.schedule-summary span{font-size:12px;color:var(--muted)}.schedule-list{padding:18px clamp(24px,7vw,110px) 80px;display:grid;gap:12px}.schedule-card{background:white;border:1px solid var(--line);display:grid;grid-template-columns:100px 1.3fr 1fr;min-height:230px}.schedule-date{background:var(--ink);color:white;padding:22px;text-align:center;display:flex;flex-direction:column;justify-content:center}.schedule-date span{font-size:11px;color:#acd0c0}.schedule-date b{font-size:42px;line-height:1.2}.schedule-date small{font-size:10px;color:#9ba7a1}.schedule-main{padding:25px 28px}.schedule-tags{display:flex;gap:6px;align-items:center}.method-tag,.status-tag{font-size:10px;padding:5px 8px;background:#edf0ed}.status-報名中{background:#d9ece2;color:var(--green);font-weight:800}.status-即將開放{background:#e4eaf1;color:var(--blue)}.status-報名截止{background:#ecebe7;color:#777}.schedule-main h2{font-size:22px;margin:18px 0 12px}.schedule-certs{display:flex;gap:5px;flex-wrap:wrap}.schedule-certs span{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:4px 6px}.schedule-range{font-size:11px;color:var(--muted);margin-top:20px}.schedule-range b{color:var(--ink);margin-left:8px}.schedule-info{border-left:1px solid var(--line);padding:25px 28px;display:flex;flex-direction:column;gap:16px}.schedule-info small,.schedule-info b{display:block}.schedule-info small{font-size:10px;color:var(--muted);margin-bottom:4px}.schedule-info b{font-size:13px}.schedule-info p{font-size:10px;color:var(--muted);margin:5px 0 0}.schedule-info a{margin-top:auto;text-decoration:none;color:var(--green);font-size:12px;font-weight:800;border-top:1px solid var(--line);padding-top:14px}.unscheduled-section{background:#e8e6dd;padding:70px clamp(24px,7vw,110px)}.unscheduled-intro{color:var(--muted);font-size:13px;margin:-16px 0 25px}.unscheduled-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.unscheduled-grid article{background:var(--paper);padding:22px;display:flex;flex-direction:column;min-height:245px}.unscheduled-grid article>span{font-size:10px;color:var(--green);font-weight:800}.unscheduled-grid h3{margin:15px 0 8px}.unscheduled-grid p{font-size:12px;line-height:1.6;color:var(--muted)}.unscheduled-grid div{font-size:11px}.unscheduled-grid div b{margin-right:8px}.unscheduled-grid small{color:var(--muted);line-height:1.5;margin-top:10px}.unscheduled-grid a{margin-top:auto;color:var(--green);font-size:11px;font-weight:800;text-decoration:none;border-top:1px solid var(--line);padding-top:12px}
.level-badge{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:50%;font-size:12px;font-weight:800}.level-丙{background:#e2eee8;color:var(--green)}.level-乙{background:#e2e9f1;color:var(--blue)}.level-甲{background:#efe5cc;color:#76561c}.certificate-card h3{font-size:20px;margin:25px 35px 8px 0}.organizer{font-size:12px;color:var(--muted);margin:0}.card-meta{position:absolute;bottom:22px;left:22px;right:22px;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.card-meta b{color:var(--ink)}.card-arrow{position:absolute;right:22px;top:79px;color:var(--green)}.empty-state{grid-column:1/-1;padding:80px;text-align:center;color:var(--muted);background:white}
.status-notice{margin:22px 35px 0;padding:14px 16px;background:#eee7d5;border-left:3px solid var(--gold);display:grid;gap:4px}.status-notice b{font-size:12px;color:var(--gold)}.status-notice span{font-size:12px;line-height:1.65;color:#625b4b}
.roadmap-tabs{padding:28px clamp(24px,7vw,110px);display:grid;grid-template-columns:repeat(6,1fr);gap:8px;border-bottom:1px solid var(--line)}.roadmap-tab{padding:16px 12px;background:white;border:1px solid var(--line);cursor:pointer;text-align:left}.roadmap-tab>span{display:grid;place-items:center;width:34px;height:34px;background:#edf0ed;color:var(--route);border-radius:50%;font-weight:800;margin-bottom:12px}.roadmap-tab b,.roadmap-tab small{display:block}.roadmap-tab small{font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}.roadmap-tab.active{border-color:var(--green);box-shadow:inset 0 -3px var(--green)}
.route-header{max-width:1050px;margin:58px auto 30px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.route-header>div{position:relative}.route-header>div>span{position:absolute;left:-62px;top:0;width:46px;height:46px;display:grid;place-items:center;background:var(--route);color:white;border-radius:50%;font-weight:800}.route-header h2{font-size:34px;margin:0}.route-header p:last-child{color:var(--muted);line-height:1.75;margin:0}.route-flow{max-width:900px;margin:0 auto 100px;padding:20px 30px}.route-stage{display:grid;grid-template-columns:130px 1fr;gap:22px}.stage-label{padding-top:18px}.stage-label span,.stage-label b{display:block}.stage-label span{font-size:10px;color:var(--green);font-weight:700;letter-spacing:.12em}.stage-label b{margin-top:5px}.stage-certs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-certs button{border:1px solid var(--line);background:white;padding:18px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}.stage-certs h3{margin:0 0 5px;font-size:16px}.stage-certs p{margin:0;color:var(--muted);font-size:10px}.stage-certs i{font-style:normal;margin-left:auto;color:var(--green)}.flow-arrow{text-align:center;color:#8aa296;font-size:24px;padding:10px 0 10px 130px}
.resource-alert{margin:28px clamp(24px,7vw,110px) 0;padding:16px 20px;background:#eee7d5;border-left:3px solid var(--gold);display:flex;gap:20px;font-size:13px}.resource-alert span{color:var(--muted)}.resource-grid{padding:26px clamp(24px,7vw,110px) 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-card{background:white;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-height:270px}.resource-card>div{display:flex;justify-content:space-between}.resource-org{font-size:11px;color:var(--green);font-weight:800}.resource-type{font-size:10px;padding:4px 7px;background:#edf0eb}.resource-card h3{font-size:20px;margin:24px 0 10px}.resource-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.resource-card a{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);text-decoration:none;color:var(--green);font-weight:700;font-size:13px;display:flex;justify-content:space-between}.experience-section{background:#e8e6dd;padding:70px clamp(24px,7vw,110px)}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.experience-card{background:var(--paper);padding:22px}.experience-card>span{font-size:10px;color:var(--green);font-weight:800}.experience-card h3{font-size:18px;margin:16px 0 10px}.experience-card p,.experience-card blockquote{font-size:12px;line-height:1.7;color:var(--muted)}.experience-card blockquote{border-left:2px solid var(--green);padding-left:12px;margin:20px 0}.experience-card a{font-size:12px;color:var(--green);font-weight:700;text-decoration:none}
.planner-layout{display:grid;grid-template-columns:360px 1fr;gap:25px;max-width:1120px;margin:45px auto 90px;padding:0 30px}.progress-card{background:var(--ink);color:white;padding:30px;align-self:start;position:sticky;top:110px}.progress-ring{width:180px;height:180px;border-radius:50%;margin:18px auto 28px;display:grid;place-items:center;background:conic-gradient(#6ec099 var(--progress),#394541 0);position:relative}.progress-ring::after{content:"";position:absolute;inset:13px;background:var(--ink);border-radius:50%}.progress-ring span{z-index:1;font-size:35px;font-weight:700}.progress-card h2{font-size:21px}.progress-card>p:not(.panel-kicker){font-size:12px;color:#aab5b0;line-height:1.7}.program-switch{border-top:1px solid #3b4843;margin-top:25px;padding-top:20px;font-size:12px;display:flex;align-items:center;gap:9px}.program-switch input{display:none}.program-switch span{width:33px;height:19px;background:#53605b;border-radius:12px;position:relative}.program-switch span::after{content:"";position:absolute;width:13px;height:13px;background:white;border-radius:50%;left:3px;top:3px;transition:.2s}.program-switch input:checked+span{background:var(--green)}.program-switch input:checked+span::after{left:17px}.planner-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.planner-summary>div{background:white;border:1px solid var(--line);padding:17px}.planner-summary span,.planner-summary b,.planner-summary small{margin-right:5px}.planner-summary b{font-size:25px}.planner-summary small{color:var(--muted)}.planner-list-wrap>.search-box{margin-bottom:15px}.planner-list{background:white;border:1px solid var(--line)}.planner-list label{display:flex;gap:13px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);cursor:pointer}.planner-list label:last-child{border:0}.planner-list input{display:none}.checkmark{width:22px;height:22px;border:1px solid #bac0bc;color:transparent;display:grid;place-items:center;font-size:12px}.planner-list input:checked+.checkmark{background:var(--green);border-color:var(--green);color:white}.planner-list b,.planner-list small{display:block}.planner-list b{font-size:14px}.planner-list small{color:var(--muted);font-size:10px;margin-top:3px}
footer{background:#17231f;color:white;padding:50px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}footer b{font-size:20px}footer span{color:#a9cabd;font-size:12px;font-weight:700}footer p{color:#9ba7a2;font-size:11px;line-height:1.7}
dialog{width:min(680px,calc(100% - 30px));max-height:88vh;border:0;padding:0;background:var(--paper);box-shadow:0 20px 70px #0005}dialog::backdrop{background:#101915b8;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:28px;cursor:pointer;z-index:1}.dialog-head{padding:34px 35px 28px;background:#e5e8df}.dialog-head h2{font-size:32px;margin:20px 0 5px}.dialog-head p{margin:0;color:var(--muted)}.dialog-head .level-badge{margin-left:8px}.dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:white;padding:18px 35px}.dialog-stats div{border-right:1px solid #43504b;padding-right:14px}.dialog-stats div:last-child{border:0;padding-left:14px}.dialog-stats small,.dialog-stats b{display:block}.dialog-stats small{color:#9caaa4;font-size:10px}.dialog-stats b{margin-top:4px}.dialog-head~section{padding:22px 35px 0}.dialog-head~section h3{font-size:13px;color:var(--green);text-transform:uppercase;letter-spacing:.08em}.dialog-head~section p{color:var(--muted);font-size:13px;line-height:1.7}.score-box{background:white;border:1px solid var(--line);padding:13px;display:flex;gap:15px;font-size:12px}.score-box span{color:var(--muted)}.course-tags{display:flex;gap:6px;flex-wrap:wrap}.course-tags span{font-size:11px;padding:6px 8px;background:#e5e8df}.dialog-actions{padding:25px 35px 10px;display:flex;gap:8px}.completion-button{border:1px solid var(--green);background:transparent;color:var(--green);padding:12px 15px;cursor:pointer;font-weight:700}.completion-button.done{background:#dfeadf}.verification-note{padding:0 35px 30px;margin:0;color:#8a918e;font-size:10px}
.leaderboard-note{margin:28px clamp(24px,7vw,110px) 0;padding:16px 20px;background:#eee7d5;border-left:3px solid var(--gold);display:flex;gap:20px;font-size:13px}.leaderboard-note span{color:var(--muted)}.leaderboard-controls{padding:24px clamp(24px,7vw,110px);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.period-switch{display:flex;border:1px solid var(--line);background:white}.period-switch button{border:0;background:transparent;padding:12px 18px;cursor:pointer}.period-switch button.active{background:var(--ink);color:white}.leaderboard-controls>label{display:grid;grid-template-columns:auto 170px;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.leaderboard-controls select{height:42px;border:1px solid var(--line);background:white;padding:0 10px}.leaderboard-kpis{padding:25px clamp(24px,7vw,110px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.leaderboard-kpis div{background:white;border:1px solid var(--line);padding:19px}.leaderboard-kpis b,.leaderboard-kpis span{display:block}.leaderboard-kpis b{font-size:27px;color:var(--green)}.leaderboard-kpis div:last-child b{font-size:18px;margin:6px 0}.leaderboard-kpis span{font-size:11px;color:var(--muted);margin-top:4px}.leaders-section{padding:45px clamp(24px,7vw,110px) 65px}.leaders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.leader-card{background:white;border:1px solid var(--line);padding:23px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;position:relative}.leader-card.rank-1{border-top:4px solid var(--gold)}.rank-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:800}.rank-1 .rank-number{background:var(--gold)}.rank-2 .rank-number{background:var(--blue)}.leader-card small{font-size:9px;color:var(--muted)}.leader-card h3{margin:4px 0;font-size:18px}.leader-card p{margin:0;color:var(--muted);font-size:11px}.leader-card>strong{font-size:27px;color:var(--green);text-align:center}.leader-card>strong small{display:block}.leader-meta{grid-column:2/4;border-top:1px solid var(--line);padding-top:11px;display:flex;gap:15px;color:var(--muted);font-size:10px}.ranking-table-section{background:#e8e6dd;padding:55px clamp(24px,7vw,110px)}.ranking-table-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.ranking-table-head h2{margin:0}.ranking-table-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.ranking-table-head>span{font-size:10px;color:var(--muted)}.ranking-table-wrap{overflow:auto;background:white;border:1px solid var(--line)}.ranking-table{width:100%;border-collapse:collapse;min-width:900px}.ranking-table th{background:var(--ink);color:white;text-align:left;padding:13px 14px;font-size:11px}.ranking-table td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:top}.ranking-table tr:hover td{background:#f4f6f2}.ranking-table td:nth-child(4) strong{font-size:18px;color:var(--green)}.table-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e4ece6;color:var(--green);font-weight:800}.ranking-table details summary{cursor:pointer;color:var(--green);font-weight:700;font-size:11px}.ranking-table details p{max-width:600px;line-height:1.7;color:var(--muted);margin:10px 0 0}.ranking-method{padding:65px clamp(24px,7vw,110px)}.ranking-method h2{margin-top:0}.ranking-method>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ranking-method p{background:white;border-top:3px solid var(--green);padding:18px;font-size:12px;line-height:1.65;color:var(--muted)}.ranking-method p b{display:block;color:var(--ink);font-size:14px;margin-bottom:6px}
.analytics-note{margin:28px clamp(24px,7vw,110px) 0;padding:16px 20px;background:#e4ece6;border-left:3px solid var(--green);display:flex;gap:20px;font-size:13px}.analytics-note span{color:var(--muted)}.analytics-kpis{padding:24px clamp(24px,7vw,110px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.analytics-kpis div{background:white;border:1px solid var(--line);padding:20px}.analytics-kpis b,.analytics-kpis span{display:block}.analytics-kpis b{font-size:27px;color:var(--green)}.analytics-kpis span{font-size:11px;color:var(--muted);margin-top:5px}.analytics-grid{padding:20px clamp(24px,7vw,110px) 70px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.analytics-panel{background:white;border:1px solid var(--line);padding:25px}.analytics-heading h2{margin:4px 0 26px}.metric-row{display:grid;grid-template-columns:140px 1fr 76px;gap:14px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.metric-row b,.metric-row span,.metric-row strong,.metric-row small{display:block}.metric-row span,.metric-row small{font-size:10px;color:var(--muted)}.metric-row strong{font-size:24px;color:var(--green)}.metric-track,.bar-row>div{height:9px;background:#edf0ed}.metric-track i,.bar-row i{display:block;height:100%;background:var(--green)}.bar-row{display:grid;grid-template-columns:82px 1fr 48px 55px;gap:10px;align-items:center;padding:8px 0;font-size:11px}.bar-row b{text-align:right}.bar-row small{color:var(--muted)}.cohort-section{background:#e8e6dd;padding:60px clamp(24px,7vw,110px)}.cohort-table-wrap{overflow:auto;background:white}.cohort-table{width:100%;border-collapse:collapse;min-width:760px}.cohort-table th{background:var(--ink);color:white;text-align:left;padding:13px;font-size:11px}.cohort-table td{padding:12px 13px;border-bottom:1px solid var(--line);font-size:12px}.cohort-table strong{color:var(--green);font-size:16px}.analytics-insights{padding:65px clamp(24px,7vw,110px)}.analytics-insights>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.analytics-insights p{background:white;border-top:3px solid var(--green);padding:18px;font-size:12px;line-height:1.65;color:var(--muted);margin:0}.analytics-insights b{display:block;color:var(--ink);font-size:14px;margin-bottom:7px}
.mock-notice{margin:28px clamp(24px,7vw,110px) 0;padding:16px 20px;background:#eee7d5;border-left:3px solid var(--gold);display:flex;gap:20px;font-size:13px}.mock-notice span{color:var(--muted)}.mock-setup{padding:28px clamp(24px,7vw,110px) 55px}.mock-bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mock-bank-card{background:white;border:1px solid var(--line);padding:24px;text-align:left;cursor:pointer;min-height:235px;display:flex;flex-direction:column}.mock-bank-card:hover,.mock-bank-card.active{border-color:var(--green);box-shadow:inset 0 -4px var(--green)}.mock-bank-card>span{font-size:10px;color:var(--green);font-weight:800}.mock-bank-card h2{font-size:20px;margin:22px 0 8px}.mock-bank-card p{color:var(--muted);font-size:12px;line-height:1.65}.mock-bank-card div{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between}.mock-bank-card small{color:var(--muted)}.mock-start-panel{margin-top:14px;background:var(--ink);color:white;padding:25px 28px;display:grid;grid-template-columns:1fr 210px auto;gap:24px;align-items:center}.mock-start-panel h2{margin:3px 0}.mock-start-panel p:not(.eyebrow){margin:0;color:#aab5b0;font-size:11px}.mock-start-panel label{display:grid;gap:5px;color:#aab5b0;font-size:10px}.mock-start-panel select{height:43px;background:#25342f;color:white;border:1px solid #52605b;padding:0 12px}.mock-history{background:#e8e6dd;padding:60px clamp(24px,7vw,110px)}.history-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.history-grid article{background:white;padding:20px}.history-grid span,.history-grid p{font-size:10px;color:var(--muted)}.history-grid h3{font-size:14px;min-height:40px}.history-grid b{font-size:28px}.history-grid b.passed{color:var(--green)}.history-grid b.failed{color:var(--orange)}.mock-exam-shell{max-width:1160px;margin:40px auto 90px;padding:0 24px}.mock-exam-header{background:var(--ink);color:white;padding:22px 26px;display:flex;justify-content:space-between;align-items:center}.mock-exam-header span{font-size:10px;color:#a9cabd}.mock-exam-header h2{margin:5px 0 0}.mock-exam-status{display:flex;gap:25px;align-items:center}.mock-exam-status b{font-size:26px;font-variant-numeric:tabular-nums}.mock-exam-layout{display:grid;grid-template-columns:190px 1fr;background:white;border:1px solid var(--line)}.question-palette{padding:25px;border-right:1px solid var(--line)}.question-palette p{font-weight:800;font-size:12px}.question-palette>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.question-palette button{aspect-ratio:1;border:1px solid var(--line);background:white;cursor:pointer}.question-palette button.answered{background:#e4ece6;color:var(--green);font-weight:800}.question-palette button.current{outline:2px solid var(--green);outline-offset:1px}.question-palette small{display:block;color:var(--muted);font-size:9px;margin-top:15px}.question-stage{padding:34px 40px}.question-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.question-meta b{color:var(--green)}.question-stage>h2{font-size:24px;line-height:1.55;margin:25px 0}.answer-options{display:grid;gap:10px}.answer-options label{border:1px solid var(--line);padding:15px 17px;display:grid;grid-template-columns:32px 1fr;align-items:center;cursor:pointer}.answer-options label.selected{border-color:var(--green);background:#eef4f0}.answer-options input{display:none}.answer-options span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf0ed;font-weight:800}.answer-options label.selected span{background:var(--green);color:white}.answer-options p{margin:0;font-size:14px}.question-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.question-actions button{border:1px solid var(--line);background:white;padding:12px;cursor:pointer}.question-actions button:last-child{text-align:right}.question-actions button:nth-child(2){border-color:var(--green);color:var(--green);font-weight:800}.question-actions button:disabled{opacity:.35;cursor:default}.mock-result{max-width:1000px;margin:40px auto 90px;padding:0 24px}.score-hero{background:var(--ink);color:white;text-align:center;padding:42px}.score-hero.passed{box-shadow:inset 0 6px var(--green)}.score-hero.failed{box-shadow:inset 0 6px var(--orange)}.score-hero p{font-size:11px;letter-spacing:.15em;color:#a9cabd}.score-hero strong{font-size:80px;line-height:1}.score-hero h2{margin:12px 0 5px}.score-hero small{color:#aab5b0}.result-summary{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line)}.result-summary div{text-align:center;padding:22px;border-right:1px solid var(--line)}.result-summary div:last-child{border:0}.result-summary b,.result-summary span{display:block}.result-summary b{font-size:25px;color:var(--green)}.result-summary span{font-size:10px;color:var(--muted)}.topic-breakdown{background:white;border:1px solid var(--line);padding:26px;margin-top:14px}.topic-breakdown h2{margin-top:0}.topic-breakdown>div{display:grid;grid-template-columns:130px 1fr 45px;gap:12px;align-items:center;margin:10px 0;font-size:11px}.topic-breakdown>div>div{height:8px;background:#edf0ed}.topic-breakdown i{height:100%;display:block;background:var(--green)}.answer-review{margin-top:55px}.answer-review article{background:white;border-left:4px solid var(--line);padding:22px;margin:10px 0}.answer-review article.correct{border-color:var(--green)}.answer-review article.wrong{border-color:var(--orange)}.answer-review article>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.answer-review article.correct>div b{color:var(--green)}.answer-review article.wrong>div b{color:var(--orange)}.answer-review h3{font-size:17px;line-height:1.5}.answer-review p{font-size:12px;color:var(--muted)}.answer-review small{display:block;background:#f1f2ed;padding:12px;line-height:1.6;color:var(--muted)}.result-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}
@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr}.hero-panel{max-width:620px}.library-toolbar,.schedule-toolbar{grid-template-columns:1fr 1fr}.certificate-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.roadmap-tabs{grid-template-columns:repeat(3,1fr)}.experience-grid{grid-template-columns:repeat(2,1fr)}.planner-layout{grid-template-columns:300px 1fr}.schedule-card{grid-template-columns:90px 1fr}.schedule-info{grid-column:2;border-left:0;border-top:1px solid var(--line)}.unscheduled-grid{grid-template-columns:repeat(2,1fr)}.leaders-grid{grid-template-columns:1fr 1fr}.ranking-method>div,.analytics-insights>div{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.mock-bank-grid{grid-template-columns:1fr 1fr}.mock-start-panel{grid-template-columns:1fr auto}.mock-start-panel>div{grid-column:1/-1}.history-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body{padding-bottom:62px}.site-header{height:72px;padding:0 16px}.site-header nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid var(--line);z-index:40;gap:0;justify-content:flex-start;overflow-x:auto}.nav-link{flex:0 0 64px;font-size:9px;padding:20px 2px 10px}.nav-link::after{bottom:auto;top:0}.brand small{display:none}.plan-button{font-size:0}.plan-button span{font-size:12px}.hero{padding:55px 22px}.hero h1{font-size:44px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-panel{padding:24px;box-shadow:10px 10px 0 #d8ded5}.stat-band{grid-template-columns:1fr 1fr;gap:20px}.stat-band div:nth-child(2){border:0}.starter-grid,.certificate-grid,.resource-grid,.experience-grid,.unscheduled-grid{grid-template-columns:1fr}.section-heading,.split-intro{grid-template-columns:1fr;display:grid;gap:20px}.insight-card{grid-template-columns:1fr}.source-note{grid-column:1}.roadmap-tabs{grid-template-columns:1fr 1fr;padding:18px}.route-header{grid-template-columns:1fr;gap:20px;padding-left:75px}.route-stage{grid-template-columns:1fr}.stage-certs{grid-template-columns:1fr}.flow-arrow{padding-left:0}.planner-layout{grid-template-columns:1fr}.progress-card{position:static}.planner-summary{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr;gap:20px}.dialog-stats{padding:16px}.dialog-head,.dialog-head~section,.dialog-actions{padding-left:20px;padding-right:20px}.dialog-actions{flex-direction:column}.threshold-grid{gap:7px}.threshold-grid strong{font-size:30px}.schedule-alert,.leaderboard-note,.analytics-note,.mock-notice{margin:18px;display:grid}.schedule-toolbar{grid-template-columns:1fr;padding:18px}.schedule-summary,.leaderboard-kpis,.analytics-kpis{grid-template-columns:1fr 1fr;padding:18px}.schedule-list{padding:10px 18px 55px}.schedule-card{grid-template-columns:70px 1fr}.schedule-date{padding:12px}.schedule-date b{font-size:32px}.schedule-main,.schedule-info{padding:20px}.unscheduled-section{padding:55px 18px}.leaderboard-controls{padding:18px;display:grid}.leaderboard-controls>label{grid-template-columns:1fr}.period-switch{display:flex}.period-switch button{flex:1;font-size:11px}.leaders-section{padding:35px 18px}.leaders-grid{grid-template-columns:1fr}.ranking-table-section{padding:45px 18px}.ranking-table-head{display:grid;gap:10px}.ranking-method,.analytics-insights{padding:50px 18px}.ranking-method>div,.analytics-insights>div{grid-template-columns:1fr}.analytics-grid{padding:15px 18px 45px}.analytics-panel{padding:18px}.metric-row{grid-template-columns:100px 1fr 60px}.bar-row{grid-template-columns:65px 1fr 40px}.bar-row small{display:none}.cohort-section{padding:45px 18px}.mock-setup{padding:18px 18px 40px}.mock-bank-grid,.history-grid{grid-template-columns:1fr}.mock-start-panel{grid-template-columns:1fr}.mock-start-panel>div{grid-column:auto}.mock-history{padding:45px 18px}.mock-exam-shell,.mock-result{padding:0 12px;margin-top:18px}.mock-exam-header{padding:18px;align-items:flex-start}.mock-exam-status{display:grid;gap:4px;text-align:right}.mock-exam-layout{grid-template-columns:1fr}.question-palette{border-right:0;border-bottom:1px solid var(--line);padding:15px}.question-palette p,.question-palette small{display:none}.question-palette>div{grid-template-columns:repeat(8,1fr)}.question-stage{padding:24px 18px}.question-stage>h2{font-size:20px}.question-actions{grid-template-columns:1fr 1fr}.question-actions button:nth-child(2){grid-row:2;grid-column:1/-1}.result-summary{grid-template-columns:1fr 1fr}.result-summary div:nth-child(2){border-right:0}.result-summary div:nth-child(-n+2){border-bottom:1px solid var(--line)}.topic-breakdown>div{grid-template-columns:90px 1fr 35px}.result-actions{flex-direction:column}}

/* Certificate importance and industry-demand layer */
.essential-section{padding:42px clamp(24px,7vw,110px);background:#e4ece6;border-bottom:1px solid #cbd8cf}.essential-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:22px}.essential-heading h2{font-size:30px;margin:5px 0 0}.essential-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.essential-heading>p b{color:#8a3b25}.essential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.essential-grid button{background:white;border:1px solid #c8d4cc;padding:18px;text-align:left;cursor:pointer;min-height:155px;display:flex;flex-direction:column;transition:.2s}.essential-grid button:hover{border-color:var(--green);transform:translateY(-2px)}.essential-grid span{color:#8a3b25;font-size:10px;font-weight:800}.essential-grid h3{font-size:17px;margin:14px 0 6px}.essential-grid p{font-size:10px;color:var(--muted);margin:0}.essential-grid b{font-size:10px;color:var(--green);margin-top:auto;padding-top:14px}.library-toolbar{gap:16px}.library-toolbar .importance-filter{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line)}.importance-filter{display:flex;gap:6px;flex-wrap:wrap}.priority-line{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:15px}.priority-badge{font-size:10px;font-weight:800;padding:5px 8px;display:inline-block}.priority-必備{background:#f1dfd8;color:#8a3b25}.priority-核心{background:#dce9e2;color:var(--green)}.priority-加分{background:#e8e9e6;color:#626965}.demand-dots{font-size:9px;color:var(--muted);letter-spacing:.04em}.certificate-card h3{margin-top:14px}.card-arrow{top:118px}.importance-detail{margin:22px 35px 0;padding:18px!important;background:white;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px 20px}.importance-detail>div:first-child{display:flex;gap:10px;align-items:center}.importance-detail>div:first-child>b{font-size:12px}.industry-demand{text-align:right}.industry-demand span,.industry-demand strong{display:block}.industry-demand span{font-size:9px;color:var(--muted)}.industry-demand strong{color:var(--green);letter-spacing:.08em}.importance-detail p,.importance-detail a{grid-column:1/-1}.importance-detail p{margin:0!important}.importance-detail .adoption-evidence{font-size:11px!important;padding-top:10px;border-top:1px solid var(--line)}.importance-detail a{color:var(--green);font-size:11px;font-weight:800;text-decoration:none}
@media(max-width:1000px){.essential-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.essential-heading{grid-template-columns:1fr}.essential-grid{grid-template-columns:1fr}.essential-section{padding:32px 18px}.library-toolbar{grid-template-columns:1fr;padding:18px}.importance-detail{margin-left:20px;margin-right:20px;grid-template-columns:1fr}.industry-demand{text-align:left}}

/* Career-to-certificate explorer */
.career-section{padding:55px clamp(24px,7vw,110px);background:#f3f1e9;border-bottom:1px solid var(--line)}.career-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:24px}.career-heading h2{font-size:30px;margin:5px 0 0}.career-heading>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.career-card{border:1px solid var(--line);background:white;padding:18px;display:grid;grid-template-columns:38px 1fr;gap:12px;text-align:left;cursor:pointer;min-height:175px}.career-card:hover,.career-card.active{border-color:var(--green);box-shadow:inset 0 -4px var(--green)}.career-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dfe9e2;color:var(--green);font-size:12px;font-weight:800}.career-card small{font-size:9px;color:var(--green);font-weight:800}.career-card h3{font-size:15px;margin:6px 0}.career-card p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.career-card b{display:block;font-size:10px;color:var(--green);margin-top:14px}.career-detail{margin-top:12px;background:white;border:1px solid var(--line)}.career-empty{padding:22px;display:flex;gap:12px;align-items:baseline}.career-empty span{font-size:11px;color:var(--muted)}.career-detail-head{background:var(--ink);color:white;padding:22px 26px;display:flex;justify-content:space-between;gap:20px}.career-detail-head h2{margin:4px 0;font-size:25px}.career-detail-head>div>p:last-child{font-size:11px;color:#aab5b0;margin:0}.career-detail-head>button{align-self:center;border:1px solid #66736e;background:transparent;color:white;padding:9px 11px;cursor:pointer}.career-requirements{display:grid;grid-template-columns:.8fr .8fr 1.4fr}.career-requirements>section{padding:22px;border-right:1px solid var(--line)}.career-requirements>section:last-child{border:0}.career-requirements h3{font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.career-requirements>section:first-child p{font-size:11px;color:var(--muted);padding:6px 0 6px 16px;margin:0;position:relative}.career-requirements>section:first-child p::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);position:absolute;left:0;top:12px}.career-requirements>section:nth-child(2) span{display:inline-block;font-size:10px;background:#e9eee9;padding:6px 8px;margin:0 4px 5px 0}.career-requirements>section:last-child button{width:100%;border:0;border-top:1px solid var(--line);background:white;padding:10px 0;display:grid;grid-template-columns:64px 1fr auto;gap:10px;text-align:left;cursor:pointer;align-items:center}.career-requirements>section:last-child button:first-of-type{border-top:0}.career-requirements button>b{font-size:9px;padding:5px;text-align:center}.relation-職務資格{background:#f1dfd8;color:#8a3b25}.relation-核心能力{background:#dce9e2;color:var(--green)}.relation-專業分流{background:#e4e8ef;color:var(--blue)}.career-requirements button strong,.career-requirements button small{display:block}.career-requirements button strong{font-size:11px}.career-requirements button small{font-size:9px;color:var(--muted);margin-top:3px}.career-requirements button i{font-style:normal;color:var(--green)}.career-source{display:block;border-top:1px solid var(--line);padding:13px 22px;color:var(--green);font-size:10px;text-decoration:none;font-weight:800}.result-line>span{display:grid;gap:4px}.result-line b{color:var(--ink)}#careerFilterStatus{color:var(--green);font-weight:700}.certificate-careers button{width:100%;border:1px solid var(--line);background:white;padding:12px;margin-top:7px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.certificate-careers button div b,.certificate-careers button div small{display:block}.certificate-careers button div small{font-size:10px;color:var(--muted);margin-top:4px}.certificate-careers button i{font-style:normal;color:var(--green);font-size:10px}.certificate-careers>p{color:var(--muted);font-size:12px}
@media(max-width:1000px){.career-grid{grid-template-columns:repeat(2,1fr)}.career-requirements{grid-template-columns:1fr 1fr}.career-requirements>section:last-child{grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:700px){.career-section{padding:40px 18px}.career-heading{grid-template-columns:1fr}.career-grid{grid-template-columns:1fr}.career-requirements{grid-template-columns:1fr}.career-requirements>section{border-right:0;border-bottom:1px solid var(--line)}.career-requirements>section:last-child{grid-column:auto}.career-detail-head{display:grid}.career-empty{display:grid}.result-line{gap:12px}.certificate-careers button{grid-template-columns:36px 1fr}.certificate-careers button i{grid-column:2}}

/* Exam-info update transparency */
.schedule-update-panel{margin:14px clamp(24px,7vw,110px) 0;display:grid;grid-template-columns:320px 1fr;gap:12px}.update-policy-card,.source-check-grid article{background:white;border:1px solid var(--line);padding:20px}.update-policy-card h2{font-size:22px;margin:4px 0 12px}.update-policy-card p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.update-policy-card>div{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;display:flex;justify-content:space-between;gap:15px}.update-policy-card span{font-size:10px;color:var(--muted);font-weight:800}.update-policy-card b{font-size:12px;color:var(--green);text-align:right}.source-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.source-check-grid article{min-height:230px;display:flex;flex-direction:column}.source-check-grid article>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.source-check-grid article>div:first-child span{font-size:10px;color:var(--green);font-weight:800}.source-check-grid article>div:first-child b{font-size:10px;background:#edf0ed;color:#53605b;padding:4px 7px}.source-check-grid h3{font-size:15px;margin:14px 0 8px}.source-check-grid p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 10px}.source-check-grid dl{margin:auto 0 12px;display:grid;gap:6px}.source-check-grid dl div{display:grid;grid-template-columns:68px 1fr;gap:8px}.source-check-grid dt{font-size:10px;color:var(--muted)}.source-check-grid dd{margin:0;font-size:10px;color:var(--ink);font-weight:700}.source-check-grid a{border-top:1px solid var(--line);padding-top:12px;color:var(--green);font-size:11px;font-weight:800;text-decoration:none}footer small{color:#a9cabd;font-size:10px;line-height:1.7}
@media(max-width:1000px){.schedule-update-panel{grid-template-columns:1fr}.source-check-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.schedule-update-panel{margin:14px 18px 0}.source-check-grid{grid-template-columns:1fr}.update-policy-card>div{display:grid}.update-policy-card b{text-align:left}}

/* Calendar export actions */
.calendar-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:auto}.schedule-info .calendar-actions a,.calendar-actions button{border:1px solid var(--line);background:white;color:var(--green);padding:10px 12px;text-align:left;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.calendar-actions button{font:inherit}.schedule-info>.calendar-actions+a{margin-top:0}.calendar-actions+a{display:block}
@media(max-width:700px){.calendar-actions{grid-template-columns:1fr}.schedule-info .calendar-actions a,.calendar-actions button{padding:11px}}

/* Funding, subsidy, and public-class area */
.funding-alert{margin:28px clamp(24px,7vw,110px) 0;padding:16px 20px;background:#eee7d5;border-left:3px solid var(--gold);display:flex;gap:20px;font-size:13px}.funding-alert span{color:var(--muted)}.funding-section{padding:28px clamp(24px,7vw,110px) 70px}.funding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.funding-card{background:white;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-height:620px}.funding-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.funding-card-top span{font-size:10px;color:var(--green);font-weight:800;background:#e4ece6;padding:5px 8px}.funding-card-top b{font-size:10px;color:var(--gold);background:#eee7d5;padding:5px 8px;text-align:right}.funding-card h2{font-size:22px;line-height:1.35;margin:22px 0 10px}.funding-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 18px}.funding-card section{border-top:1px solid var(--line);padding-top:14px;margin-top:10px}.funding-card h3{font-size:11px;color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.funding-card section p{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0;padding-left:15px;position:relative}.funding-card section p::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--green)}.funding-links{display:grid;gap:7px;margin-top:auto;padding-top:18px}.funding-links a,.funding-source{border:1px solid var(--line);padding:10px 12px;color:var(--green);text-decoration:none;font-size:11px;font-weight:800}.funding-source{display:block;margin-top:8px;background:#f8f8f4}.funding-check-section{background:#e8e6dd;padding:55px clamp(24px,7vw,110px)}.funding-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.funding-check-grid article{background:white;border:1px solid var(--line);padding:20px}.funding-check-grid article>span{font-size:10px;color:var(--green);font-weight:800}.funding-check-grid h3{font-size:16px;margin:12px 0}.funding-check-grid dl{display:grid;gap:8px;margin:0}.funding-check-grid dl div{display:grid;grid-template-columns:75px 1fr;gap:8px}.funding-check-grid dt{font-size:10px;color:var(--muted)}.funding-check-grid dd{margin:0;font-size:11px;font-weight:700;color:var(--ink)}
@media(max-width:1000px){.funding-grid{grid-template-columns:1fr}.funding-card{min-height:auto}.funding-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.funding-alert{margin:18px;display:grid}.funding-section{padding:18px 18px 45px}.funding-check-section{padding:45px 18px}.funding-check-grid{grid-template-columns:1fr}.funding-card{padding:20px}.funding-card-top{display:grid;justify-content:start}.funding-card-top b{text-align:left}.funding-check-grid dl div{grid-template-columns:68px 1fr}}

/* Student certificate stories */
.story-feature{padding:36px clamp(24px,7vw,110px) 80px}.student-story{background:white;border:1px solid var(--line)}.student-story header{background:var(--ink);color:white;padding:34px;display:grid;grid-template-columns:1fr 210px;gap:30px;align-items:end}.student-story header h2{font-size:34px;margin:6px 0 12px}.student-story header p:not(.eyebrow){color:#aab5b0;line-height:1.75;margin:0}.student-story header aside{border:1px solid #52605b;padding:20px;display:grid;gap:8px}.student-story header aside span{font-size:10px;color:#a9cabd;font-weight:800}.student-story header aside b{font-size:26px}.student-story header aside small{font-size:10px;color:#aab5b0}.student-story>blockquote{margin:0;padding:24px 34px;background:#e4ece6;border-left:5px solid var(--green);font-size:20px;line-height:1.7;color:var(--green);font-weight:700}.student-story section{padding:28px 34px;border-top:1px solid var(--line)}.student-story h3{margin:0 0 16px;color:var(--green);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.story-result>p,.story-exam-info p,.story-message p{color:var(--muted);line-height:1.75;font-size:13px}.story-result>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.story-result span{background:#f1f2ed;padding:14px;font-size:12px;line-height:1.6;color:var(--muted)}.story-subjects{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.story-subjects h3,.story-exam-info h3,.story-message h3,.story-related h3{grid-column:1/-1}.story-subjects article{border:1px solid var(--line);padding:18px;background:#fafaf7}.story-subjects article span{font-size:10px;color:var(--gold);font-weight:800}.story-subjects h4{font-size:18px;margin:9px 0}.story-subjects p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.story-exam-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-exam-info p{background:#f7f5ed;padding:16px;margin:0}.story-related div{display:flex;gap:8px;flex-wrap:wrap}.story-related button,.story-related span{border:1px solid var(--line);background:white;color:var(--green);padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.story-extended{padding-top:55px}
@media(max-width:1000px){.student-story header{grid-template-columns:1fr}.story-result>div,.story-exam-info{grid-template-columns:1fr}.story-subjects{grid-template-columns:1fr}}
@media(max-width:700px){.story-feature{padding:18px 18px 45px}.student-story header,.student-story section,.student-story>blockquote{padding:22px}.student-story header h2{font-size:26px}.student-story>blockquote{font-size:16px}}