:root{--bg: #f7f5f0;--surface: #ffffff;--ink: #1b2a4a;--ink-soft: #4a5a78;--muted: #8794ab;--line: #e3e0d6;--accent: #2f6df6;--accent-ink: #1b4fd0;--brick: #c8362f;--navy: #1b2a4a;--navy-deep: #141f38;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--display: "Space Grotesk", -apple-system, "Segoe UI", sans-serif;--sans: -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.85;font-size:18px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-ink)}strong{color:var(--navy-deep)}.wordmark{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:1px;line-height:1}.wordmark__hoop{color:var(--ink)}.wordmark__trail{color:var(--accent)}.wordmark__dot{width:7px;height:7px;border-radius:50%;background:var(--brick);margin-left:4px;margin-top:8px}.wordmark--sm{font-size:19px}.site-header{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:3px solid var(--accent)}.site-header__inner{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header .wordmark__hoop{color:#fff}.site-header .wordmark__trail{color:#6aa0ff}.site-nav{display:flex;gap:22px;flex-wrap:wrap}.site-nav a{color:#cdd6e8;font-size:15px;font-weight:600;letter-spacing:.3px;padding:4px 0;border-bottom:2px solid transparent}.site-nav a:hover{color:#fff;border-bottom-color:var(--accent)}.site{min-height:60vh}.wrap{max-width:760px;margin:0 auto;padding:40px 24px 80px}.hero{max-width:1080px;margin:0 auto;padding:56px 24px 36px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero__kicker{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--accent);font-weight:700;text-transform:uppercase;border:1px solid var(--accent);border-radius:4px;padding:5px 12px;margin-bottom:20px}.hero__title{font-size:46px;line-height:1.2;margin:0 0 18px;letter-spacing:-1px;color:var(--navy-deep);font-weight:800}.hero__lead{font-size:18px;color:var(--ink-soft);margin:0;max-width:30em}.hero__visual{background:var(--navy);border-radius:14px;padding:28px 26px;box-shadow:0 12px 30px #1b2a4a2e}.hero__visual .trailline{display:block;width:100%;height:auto}.hero__stats{display:flex;gap:28px;margin-top:18px}.stat{display:flex;flex-direction:column}.stat__num{font-family:var(--mono);font-weight:700;font-size:34px;color:#fff;line-height:1}.stat__sep{color:var(--accent);margin:0 2px}.stat__label{font-size:12px;color:#9fb0cf;margin-top:6px;letter-spacing:.5px}.feed{max-width:1080px;margin:0 auto;padding:24px 24px 80px}.feed__head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.feed__title{font-size:20px;font-weight:800;color:var(--navy-deep);margin:0;letter-spacing:.5px;white-space:nowrap}.feed__rule{flex:1;height:2px;background:var(--line)}.feature{display:grid;grid-template-columns:1fr 240px;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:28px;transition:transform .15s ease,box-shadow .15s ease}.feature:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1b2a4a1f}.feature__body{padding:28px 30px}.feature__title{font-size:26px;line-height:1.35;margin:14px 0 12px;color:var(--navy-deep);font-weight:800}.feature__desc{color:var(--ink-soft);font-size:16px;margin:0 0 18px}.feature__side{background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}.feature__side .trailline{width:100%;height:auto}.feature__date{font-family:var(--mono);font-size:13px;color:#9fb0cf}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 22px 20px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1b2a4a1f;border-color:#cdd6e8}.card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card__tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1px;color:var(--accent);background:#eaf1ff;border-radius:4px;padding:3px 9px;text-transform:uppercase}.card__date{font-family:var(--mono);font-size:12px;color:var(--muted)}.card__title{font-size:19px;line-height:1.45;margin:0 0 10px;color:var(--navy-deep);font-weight:700}.card__desc{font-size:15px;color:var(--ink-soft);margin:0 0 16px;flex:1}.card__more{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent)}.crumbs{font-family:var(--mono);font-size:13px;color:var(--muted);margin-bottom:8px}.crumbs a{color:var(--accent)}.crumbs__sep{margin:0 8px}.crumbs__here{color:var(--ink-soft)}.article__divider{margin:4px 0 8px}.article__divider .trailline{display:block}.kicker{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700;border:1px solid var(--accent);border-radius:4px;padding:4px 12px;margin-bottom:20px}.article h1,.wrap h1{font-size:34px;line-height:1.4;margin:0 0 18px;letter-spacing:-.5px;color:var(--navy-deep);font-weight:800}.meta{color:var(--muted);font-family:var(--mono);font-size:13px;border-bottom:2px solid var(--line);padding-bottom:22px;margin-bottom:28px}h2{font-size:24px;margin:48px 0 16px;padding-left:14px;border-left:5px solid var(--accent);line-height:1.45;color:var(--navy-deep);font-weight:800}h3{font-size:19px;margin:32px 0 12px;color:var(--accent-ink);font-weight:700}p{margin:0 0 18px}blockquote{margin:28px 0;padding:20px 24px;background:#fff;border-left:4px solid var(--accent);border-radius:0 8px 8px 0;font-size:19px;font-weight:600;color:var(--navy-deep);box-shadow:0 2px 12px #1b2a4a0f}.tldr{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:20px 24px;margin:0 0 36px}.tldr .tldr-title{font-family:var(--mono);font-weight:700;color:var(--accent);font-size:13px;letter-spacing:1px;margin-bottom:10px;display:block;text-transform:uppercase}.tldr ul{margin:0;padding-left:20px}.tldr li{margin:6px 0}table{width:100%;border-collapse:collapse;margin:18px 0 28px;font-size:16px;background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #1b2a4a12}th{background:var(--navy);color:#fff;text-align:left;padding:12px 16px;font-size:14px;letter-spacing:.5px}td{padding:11px 16px;border-top:1px solid var(--line)}td:first-child{font-family:var(--mono);color:var(--ink-soft)}tbody tr:nth-child(2n){background:#faf9f5}.hit{color:#1a7a3c;font-weight:600}.miss{color:var(--brick);font-weight:600}.mid{color:#b8860b;font-weight:600}.tbd{color:var(--muted)}.summary{background:#fff;border-radius:8px;padding:14px 18px;font-size:16px;margin:-12px 0 28px;border-left:4px solid var(--navy);box-shadow:0 2px 10px #1b2a4a0d}.faq-q{font-weight:700;color:var(--navy-deep);margin:22px 0 6px}.faq-a{margin:0 0 18px;color:var(--ink-soft)}.cta{background:var(--navy);color:#fff;border-radius:12px;padding:24px 26px;margin-top:40px}.cta strong{color:#ffd36b}.cta p{margin:0}.footer-note{margin-top:56px;padding-top:20px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}.back{margin-top:48px;font-family:var(--mono);font-size:14px}.site-footer{background:var(--navy-deep);color:#b9c4da;margin-top:40px}.site-footer__inner{max-width:1080px;margin:0 auto;padding:32px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer .wordmark__hoop{color:#fff}.site-footer .wordmark__trail{color:#6aa0ff}.site-footer__tag{font-size:13px;color:#8493b0;margin:8px 0 0}.site-footer__copy{font-family:var(--mono);font-size:13px;color:#6f7e9c;margin:0}@media(max-width:820px){.hero{grid-template-columns:1fr;gap:28px;padding-top:40px}.hero__title{font-size:36px}.feature{grid-template-columns:1fr}.feature__side{flex-direction:row;padding:16px 24px}}@media(max-width:540px){body{font-size:17px}.site-header__inner{flex-direction:column;align-items:flex-start;gap:10px}.site-nav{gap:16px}.hero__title{font-size:30px}.hero__stats{gap:20px}.article h1,.wrap h1{font-size:27px}}
