@charset "UTF-8";
:root{color-scheme:light;--ink:#292c22;--muted:#777a6d;--paper:#f8f7f2;--line:#e8e7de;--yellow:#f6c944;--green:#576b49;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}::selection{background:#fae294}.page{min-height:100svh;max-width:1200px;margin:auto;padding:34px 46px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:750;letter-spacing:.06em}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:var(--yellow);font-size:28px;font-weight:500;letter-spacing:0}.brand-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:500}main{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:38px 0 30px}.card{width:min(100%,560px);padding:27px 38px 25px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 12px 45px #353c2107}.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;font-weight:650;letter-spacing:.06em}.dot{width:6px;height:6px;border-radius:50%;background:#82986d}.route-number{font-size:11px;color:#929589;font-variant-numeric:tabular-nums;letter-spacing:.1em}.target-identity{display:flex;flex-direction:column;align-items:center;gap:9px;margin:27px auto 23px}.target-logo{display:block;width:88px;height:88px;object-fit:contain;border-radius:22px;border:1px solid #efeee8;background:#fff;box-shadow:0 6px 18px #e95a2510}.logo-caption{font-size:10px;color:var(--muted);letter-spacing:.12em}h1{text-align:center;margin:0;font-size:38px;line-height:1.35;letter-spacing:-.055em;font-weight:750}.title-dot{color:#d3aa2c}.intro{text-align:center;color:var(--muted);font-size:13px;line-height:1.8;margin:15px 0 28px}.route{padding:20px 19px;background:#f8f9f5;border:1px solid #eef0e8;border-radius:14px}.route-start,.route-end{display:grid;grid-template-columns:10px minmax(0,1fr);gap:13px;position:relative}.route-start{padding-bottom:23px}.route-start:before{content:"";position:absolute;top:14px;bottom:0;left:4px;border-left:1px dashed #c7cbbf}.route-node{position:relative;margin-top:4px;border:1.5px solid #a8af9d;width:9px;height:9px;border-radius:50%;background:#f8f9f5}.route-node.filled{background:var(--green);border-color:var(--green)}.field-label{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em}.route p{font-size:13px;margin:5px 0 0;font-weight:550}.destination{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.65;margin-top:5px;color:#4d6040;text-decoration:none}.destination:hover{text-decoration:underline}.progress-block{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:24px}.countdown-ring{width:72px;height:72px;position:relative;flex-shrink:0}.countdown-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-fill{stroke-width:3.5}.ring-track{stroke:#eeefe8}.ring-fill{stroke:var(--green);stroke-linecap:round;stroke-dasharray:207.345115;stroke-dashoffset:207.345115}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px}.ring-label strong{font-size:25px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.ring-label small{font-size:10px;color:var(--muted);padding-top:8px}.countdown-copy{display:flex;flex-direction:column;gap:7px}.countdown-title{font-size:12px;line-height:1.6}.countdown-note{font-size:10px;color:var(--muted)}.actions{display:flex;align-items:center;gap:11px;margin-top:24px}.primary{display:flex;justify-content:space-between;align-items:center;flex:1;gap:16px;padding:14px 19px;border-radius:11px;background:var(--yellow);font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s}.primary:hover{background:#f1be2b;transform:translateY(-1px)}.primary span{font-size:21px;line-height:1}.secondary{border:1px solid var(--line);border-radius:11px;background:white;color:#696d5f;font-size:12px;padding:15px 18px;cursor:pointer}.secondary:hover{background:#f5f6f0}.helper{margin:16px 0 0;text-align:center;font-size:10px;line-height:1.7;color:#898d80}.below-card{font-size:11px;letter-spacing:.05em;color:#96998c;display:flex;align-items:center;gap:8px;margin:22px 0 0}.below-card span{color:#a0ab8f;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9b9e91;letter-spacing:.03em}footer span:last-child span{margin-left:8px}.noscript{font-size:12px;line-height:1.8;color:var(--green);margin-top:20px}
@media(max-width:600px){.page{padding:24px 20px 20px}.brand{font-size:14px}main{padding:30px 0 25px}.card{padding:24px;border-radius:23px}.target-identity{margin-top:25px}h1{font-size:33px}.intro{font-size:12px}.route{padding:18px 15px}.actions{gap:9px}.secondary{padding:15px 13px}.primary{padding:14px 16px}footer{font-size:9px}.route-number{font-size:10px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
