:root{--ink:#171b22;--navy:#101a29;--navy2:#1b2b40;--gold:#e8bd65;--red:#c62f29;--paper:#f5f3ef}
*{box-sizing:border-box}body{margin:0;background:#e5e5e5;color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.7}.site{max-width:760px;margin:auto;background:#fff;padding-bottom:82px;box-shadow:0 5px 30px #00000014}
.mast{background:#0c121b;color:#fff;padding:11px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.mast b{color:var(--gold)}.mast small{font-size:10px;color:#e4c477}
.hero{background:linear-gradient(115deg,#0b1421f5,#15243af0),radial-gradient(circle at 80% 20%,#9e392d66,transparent 40%);color:#fff;padding:27px 20px 28px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-30px;bottom:0;width:220px;height:145px;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 12px,#f3cc77 13px 14px);clip-path:polygon(0 90%,20% 62%,38% 75%,55% 36%,73% 50%,100% 0,100% 100%,0 100%)}
.kicker{color:#f0c96f;font-size:11px;font-weight:950;letter-spacing:2px}.breaking{display:inline-block;background:var(--red);font-size:11px;font-weight:950;padding:4px 10px;margin:14px 0 9px;letter-spacing:1px}
h1{font-size:clamp(35px,8.2vw,56px);line-height:1.13;letter-spacing:-1px;margin:0 0 14px;font-weight:1000;position:relative;z-index:1}h1 span{color:#ffdc8a}.hero p{font-size:14px;color:#d8e0ea;margin:0 0 20px;max-width:600px;position:relative;z-index:1}
.btn{display:block;text-decoration:none;text-align:center;background:linear-gradient(100deg,#ffe4a2,#d9a84c);color:#171717;font-size:16px;font-weight:950;padding:13px 12px;border-radius:4px;box-shadow:0 4px #916b2a;position:relative;z-index:2}
.strip{background:#b92e28;color:#fff;text-align:center;padding:8px 10px;font-size:11px;font-weight:950;letter-spacing:1px}
.lead{padding:26px 20px 22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a57a31;font-weight:950}.lead h2,.section h2{font-size:25px;line-height:1.35;margin:5px 0 10px;color:#172337}.lead p,.copy{font-size:14px;color:#5d6876;margin:0}
.hook{margin:0 17px 22px;padding:19px 17px;background:#f6f1e8;border-left:5px solid var(--red)}.hook .small{font-size:10px;color:#a47a35;letter-spacing:1px;font-weight:900}.hook strong{display:block;font-size:22px;line-height:1.48;color:#172337;margin-top:5px}.hook strong em{font-style:normal;color:#b62e28}
.case{background:#101a29;color:#fff;padding:25px 20px}.case h2{color:#fff;font-size:25px;margin:5px 0}.case .muted{font-size:11px;color:#c1cbd8;margin:0 0 15px}.casegrid{display:grid;grid-template-columns:1fr;gap:9px}.caseitem{border:1px solid #ffffff32;padding:13px 14px;background:#ffffff08;display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px}.month{color:#f0ca76;font-size:11px;font-weight:950}.caseitem b{font-size:19px;display:block}.caseitem p{font-size:11px;color:#c6cfda;margin:0}.fine{font-size:10px;color:#aeb9c8;margin:12px 0 0;line-height:1.7}
.bigline{padding:26px 20px;text-align:center;background:#fff}.bigline .quote{font-size:clamp(23px,5.5vw,32px);font-weight:1000;line-height:1.35;color:#152238}.bigline .quote span{color:#bb3029}.bigline p{font-size:12px;color:#657080;margin:10px 0 0}
.break{background:#c22f29;color:white;padding:16px 20px;text-align:center;font-size:20px;font-weight:950;letter-spacing:1px}.break small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#ffe3df;margin-top:4px}
.story{padding:26px 20px;background:var(--paper)}.story h2{font-size:24px;margin:5px 0 15px}.storyrow{display:grid;grid-template-columns:37px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #dedbd5}.storyrow:last-child{border:0}.num{width:34px;height:34px;display:grid;place-items:center;background:#14243a;color:#f2ca73;font-weight:950}.storyrow h3{font-size:15px;margin:0 0 3px}.storyrow p{font-size:12px;color:#626d7b;margin:0}
.mystery{padding:26px 20px;background:#fff}.mysterybox{padding:22px 18px;background:linear-gradient(130deg,#101a29,#203650);color:#fff;position:relative}.mysterybox:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:#d9ae58}.mysterybox .eyebrow{color:#f0ca75}.mysterybox h2{color:#fff;font-size:25px;margin:6px 0}.mysterybox p{font-size:13px;color:#d0d8e2;margin:0}
.check{padding:25px 20px;background:#f5f1e8}.check h2{font-size:23px;margin:5px 0 12px}.checkrow{padding:11px 0;border-bottom:1px solid #e1d8c8;display:flex;gap:10px}.checkrow:last-child{border:0}.checkrow b{font-size:13px}.checkrow p{font-size:11px;color:#697382;margin:2px 0 0}.tick{color:#b52d27;font-weight:1000}
.final{background:#0c1624;color:#fff;text-align:center;padding:28px 20px}.final .eyebrow{color:#f0ca75}.final h2{color:#fff;font-size:26px}.final p{font-size:13px;color:#c8d1dd;margin:0 0 17px}
.disclaimer{padding:17px 20px 22px;color:#7c8591;font-size:10px;line-height:1.8}.foot{background:#080e17;color:#9aa7b7;text-align:center;font-size:10px;padding:14px}
.sticky{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);padding:9px 13px calc(9px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #ddd;z-index:10}.sticky .btn{background:linear-gradient(100deg,#c83b32,#a92220);color:#fff;box-shadow:0 3px #741b19;font-size:15px;padding:11px}
@media(min-width:600px){.hero{padding:39px 40px}.lead,.case,.story,.mystery,.check,.final{padding-left:40px;padding-right:40px}.hook{margin-left:40px;margin-right:40px}.casegrid{grid-template-columns:1fr 1fr}.caseitem:first-child{grid-column:span 2}.bigline{padding:34px 40px}.break{padding:19px}.disclaimer{padding-left:40px;padding-right:40px}}

.feature-banner{padding:16px 17px 10px;background:#fff}
.feature-banner img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 4px 18px rgba(0,0,0,.10)}
.feature-banner .cap{font-size:10px;color:#808896;letter-spacing:1px;margin:8px 2px 0}
@media(min-width:600px){.feature-banner{padding:22px 40px 14px}}