:root{--navy:#002058;--navy-soft:#e8ecf4;--on-navy:#b9c6de;--route:#fc4c02;--text:#1b2130;--muted:#5c6577;--line:#dde2ea;--panel:#fff;--bg:#f3f5f8;--late:#c1121f;--ink:var(--navy);--brand:var(--navy);--soft:var(--navy-soft);--display:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--num:Oswald, "Arial Narrow", sans-serif;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}.guide{max-width:1240px;margin:0 auto;padding:32px 24px 64px;line-height:1.55}.guide h1,.guide h2,.guide h3{font-family:var(--display);color:var(--navy);letter-spacing:.02em;font-weight:500;line-height:1.15}.eyebrow{color:var(--on-navy);margin:0 0 16px;font-size:14px}.guide-hero h1{color:#fff;margin:0 0 24px;font-size:clamp(42px,6.4vw,76px);font-weight:700;line-height:1.15}.guide-hero h1 span{display:block}.guide-hero{background:var(--navy);box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:32px 56px;margin-top:-32px;padding:56px 0 88px;display:grid}.guide .guide-hero a{color:#fff}.hero-course{align-self:stretch;align-items:center;display:flex}.course-outline{width:100%;height:auto;max-height:460px;overflow:visible}.outline-line{fill:none;stroke:var(--route);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.6s cubic-bezier(.5,0,.3,1) .2s forwards outline-draw}.outline-end{fill:#fff}.outline-seg{animation:.5s ease-out 2.4s both outline-fade}.outline-seg circle{fill:var(--navy);stroke:#fff;stroke-width:1.5px}.outline-seg text{fill:#fff;font:600 12px var(--num);text-anchor:middle;dominant-baseline:central}.outline-seg:hover circle,.outline-seg:focus-visible circle{fill:#fff}.outline-seg:hover text,.outline-seg:focus-visible text{fill:var(--navy)}@keyframes outline-draw{to{stroke-dashoffset:0}}@keyframes outline-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.outline-line,.outline-seg{stroke-dashoffset:0;animation:none}}.guide .models button.on{background:var(--navy-soft);color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.seg-num{background:var(--navy);color:#fff;width:36px;height:36px;font:400 19px/1 var(--num);letter-spacing:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding-bottom:.11em;display:flex}.guide :focus-visible{outline:2px solid var(--route);outline-offset:2px}.lead{color:#dfe5f0;max-width:600px;margin:0;font-size:17px;line-height:1.75}.guide-nav{border-top:1px solid #ffffff29;flex-wrap:wrap;grid-column:1/-1;gap:6px 28px;padding-top:18px;display:flex}.guide .guide-nav a{color:var(--on-navy);font-size:14px;text-decoration:none}.guide .guide-nav a:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.guide-links{color:var(--on-navy);margin:16px 0 0;font-size:14px}.guide a{color:var(--ink)}.plan-box{background:var(--panel);border-radius:10px;max-width:900px;margin:-56px 0 32px;padding:24px 28px;position:relative;box-shadow:0 12px 32px #00205824}.plan-box h2{margin:0 0 6px;font-size:26px}.plan-box>p{color:var(--muted);margin-top:0}.plan-controls{gap:14px;display:grid}.goal{align-items:baseline;gap:12px;display:flex}.goal span{color:var(--muted);font-size:14px}.goal input{font-family:var(--num);border:none;border-bottom:2px solid var(--line);width:4.2ch;color:var(--navy);background:0 0;font-size:52px;font-weight:400}.goal-slider{align-items:center;gap:10px;display:flex}.goal-slider input{accent-color:var(--brand);flex:1}.guide button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:6px 12px}.guide button.on{background:var(--navy);border-color:var(--navy);color:#fff}.plan-summary{color:var(--muted);margin:0;font-size:14px}.models{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.models button{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.models button b{font-size:16px}.models button span{color:var(--muted);font-size:13px}.gap{align-items:center;gap:10px;font-size:14px;display:flex}.gap input{accent-color:var(--brand);flex:1}.seg-units{gap:6px;display:flex}.section-title{margin:56px 0 18px;font-size:34px}.run{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.run-map{top:calc(var(--bar-h,0px) + 16px);height:calc(100vh - var(--bar-h,0px) - 32px);border:1px solid var(--line);border-radius:8px;position:sticky;overflow:hidden}.guide-map{width:100%;height:100%}.run-cards{gap:20px;display:grid}.seg{background:var(--panel);border:1px solid var(--line);scroll-margin-top:calc(var(--bar-full,0px) + 16px);border-radius:10px;padding:22px 24px}.seg-meta{color:var(--muted);gap:10px;font-size:13px;display:flex}.seg-area{color:var(--muted)}.seg h3{align-items:center;gap:12px;margin:10px 0 6px;font-size:28px;display:flex}.seg-link{color:var(--muted);opacity:0;margin-left:10px;font-size:.7em;text-decoration:none}.seg:hover .seg-link,.seg-link:focus{opacity:1}@media (hover:none){.seg-link{opacity:.6}}.seg-tagline{margin:0 0 14px;font-weight:600}.seg-stats{background:var(--soft);border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;display:grid}.seg-stats div{flex-direction:column;padding:8px 12px;display:flex}.seg-stats div+div{border-left:1px solid var(--line)}.seg-stats span{color:var(--muted);font-size:12px}.seg-stats b{font-family:var(--num);color:var(--navy);font-size:22px;font-weight:400}.seg-tips{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;display:grid}.tips h4{color:var(--navy);margin:12px 0 4px;font-size:14px}.tips ul{margin:0;padding-left:16px;font-size:14.5px}.tips li{margin-bottom:8px}.tip-sources a{color:var(--muted);background:var(--soft);white-space:nowrap;border-radius:4px;margin-right:3px;padding:0 5px;font-size:11px;text-decoration:none;display:inline-block}.tip-sources a:before{content:"↗ "}.tip-sources a:hover{color:var(--brand)}.guide-seg-marker{background:var(--navy);color:#fff;font:500 12px/1 var(--num);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding-bottom:.11em;display:flex}.guide-seg-marker.dim{background:#00205847;border-color:#ffffffb3}.guide-seg-marker.g-centered{width:20px;height:20px}.g-centered{transform:translateY(50%)}.poi-marker{text-align:center;font-size:16px;line-height:22px}.splits{border-collapse:collapse;background:var(--panel);font-variant-numeric:tabular-nums;min-width:320px}.splits th,.splits td{border-bottom:1px solid var(--line);text-align:right;padding:4px 14px}.splits th:first-child,.splits td:first-child{text-align:left}.splits td small{color:var(--muted);font-size:12px;display:block}.seg-cutoff{color:var(--navy);background:var(--navy-soft);border-left:3px solid var(--navy);margin:0 0 12px;padding:6px 10px;font-size:14px;font-weight:600}.seg-cutoff.late,.splits td.late{color:var(--late);border-color:var(--late)}.splits tr.cutoff td{background:var(--soft);font-weight:600}.splits tr.mark td:first-child,.splits tr.mat td:first-child{color:var(--brand);font-weight:600}.marks-note{color:var(--muted);max-width:640px;font-size:14px}.print{margin-top:16px}.info{max-width:900px}.info .tips h4{font-family:var(--display);color:var(--navy);font-size:18px;font-weight:500}.info details{border-bottom:1px solid var(--line);padding:10px 0}.info summary{cursor:pointer;font-weight:600}.guide-footer{color:var(--muted);max-width:900px;margin-top:56px;font-size:13px}.source-list{padding-left:18px}.source-list span{color:var(--muted);word-break:break-all}.status{color:var(--muted)}@media (width<=900px){.guide-hero{grid-template-columns:1fr;padding:40px 0 88px}.hero-course{max-width:520px}.run{grid-template-columns:1fr}.run-map{top:var(--bar-h,0px);z-index:5;order:-1;height:38vh}.seg-tips,.models{grid-template-columns:1fr}}@media (width<=600px){.guide{padding:20px 16px 48px}.guide-hero{margin-top:-20px;padding:32px 0 80px}.plan-box{padding:20px}.seg h3{font-size:24px}.seg-stats{grid-template-columns:1fr 1fr}}@media print{.guide-nav,.plan-controls button,.goal-slider,.models,.run,.info,.print,.guide-links,.section-title:not(#splits h2){display:none}.guide{padding:0}}.guide .more-sources{color:var(--muted);background:0 0;border:none;padding:0 5px;font-size:11px;text-decoration:underline}.plan-bar{z-index:20;background:var(--panel);border:1px solid var(--line);opacity:0;will-change:transform;border-top:none;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 24px;display:flex;position:fixed;top:0;transform:translateY(-100%);box-shadow:0 2px 10px #14213d14}.guide .plan-bar button{padding:4px 10px;font-size:14px}.bar-goal{align-items:center;gap:6px;display:flex}.bar-goal span{color:var(--muted);font-size:13px}.bar-goal input{font-family:var(--num);text-align:center;border:none;border-bottom:2px solid var(--line);width:4.2ch;color:var(--navy);background:0 0;font-size:24px;font-weight:400}.bar-group{gap:4px;display:flex}.bar-pace{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}@media (width<=600px){.plan-bar{gap:6px 10px;padding:6px 12px}.bar-pace{display:none}}@media print{.plan-bar{display:none}}.bar-pace b{font-family:var(--num);color:var(--navy);font-size:17px;font-weight:400}.guide .bar-map{white-space:nowrap;color:var(--navy);border:1.5px solid var(--navy);border-radius:999px;padding:4px 14px;font-size:14px;font-weight:600;text-decoration:none}.guide .bar-map:hover{background:var(--navy);color:#fff}@media (width<=600px){.guide .bar-map{margin-left:auto}}.guide-runner{background:var(--route);border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #00000040,0 1px 4px #00000059}
