:root{--red:#ed4040;--ink:#222;--muted:#70757f;--line:#eee;--bg:#fff;--soft:#f7f8fa}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans TC",sans-serif}.topbar{height:58px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.top-inner{max-width:1180px;margin:auto;height:58px;display:flex;align-items:center;gap:22px;padding:0 18px}.logo{text-decoration:none;color:#111;font-size:23px;font-weight:900;white-space:nowrap}.logo span{color:var(--red)}.search{flex:1;display:flex;max-width:520px;background:#f5f6f7;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.search input{flex:1;border:0;background:transparent;padding:11px 14px;font-size:15px;outline:0}.search button{border:0;background:var(--red);color:#fff;padding:0 20px;font-weight:700}.top-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.top-actions a{color:#333;text-decoration:none;font-size:14px}.top-actions .publish{background:var(--red);color:#fff;border-radius:4px;padding:9px 14px}.layout{max-width:1180px;margin:18px auto 0;display:grid;grid-template-columns:110px minmax(0,680px) 310px;gap:24px;padding:0 18px}.leftnav{position:sticky;top:76px;height:max-content;display:flex;flex-direction:column;gap:4px}.leftnav a{height:40px;display:flex;align-items:center;padding:0 14px;border-radius:6px;color:#444;text-decoration:none;font-size:16px}.leftnav a.active,.leftnav a:hover{background:#fff1f0;color:var(--red);font-weight:800}.channels{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);height:44px;overflow:auto;white-space:nowrap}.channels a{text-decoration:none;color:#444;font-size:16px}.channels .active{color:var(--red);font-weight:800}.headline{margin:18px 0;border-radius:10px;min-height:160px;background:linear-gradient(135deg,#fff4f1,#fff,#f4f8ff);border:1px solid #f0ece9;padding:28px}.headline p{margin:0 0 8px;color:var(--red);font-weight:900}.headline h1{font-size:30px;line-height:1.25;margin:0 0 12px}.headline span{color:var(--muted)}.feed-item{display:grid;grid-template-columns:158px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.thumb{height:106px;border-radius:8px;text-decoration:none;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(135deg,#e9f1ff,#d6e6ff);overflow:hidden}.thumb span{background:rgba(255,255,255,.9);color:#174ea6;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.thumb.health{background:linear-gradient(135deg,#e9fff3,#c9f3d8)}.thumb.health span{color:#15803d}.thumb.technology{background:linear-gradient(135deg,#f1edff,#ddd3ff)}.thumb.technology span{color:#6535c9}.thumb.space{background:linear-gradient(135deg,#111827,#31415f)}.thumb.space span{color:#111}.feed-body h2{font-size:22px;line-height:1.35;margin:0 0 8px;font-weight:750}.feed-body h2 a{text-decoration:none;color:#222}.feed-body h2 a:hover{color:var(--red)}.feed-body p{margin:0 0 10px;color:#555;line-height:1.55}.meta{display:flex;gap:14px;color:#999;font-size:13px;flex-wrap:wrap}.rightcol{position:sticky;top:76px;height:max-content}.loginbox,.hotbox,.safe{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px;margin-bottom:16px}.loginbox{background:#fff8f7}.loginbox h3,.hotbox h3,.safe h3{margin:0 0 10px}.loginbox p,.safe p{color:#666;line-height:1.6}.loginbox a{display:block;text-align:center;background:var(--red);color:#fff;text-decoration:none;border-radius:5px;padding:10px;font-weight:800}.hotbox ol{margin:0;padding:0;list-style:none}.hotbox li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #f2f2f2}.hotbox b{color:var(--red);width:18px}.hotbox a{text-decoration:none;color:#333;line-height:1.35}footer{max-width:1180px;margin:30px auto;padding:24px 18px;color:#888;border-top:1px solid var(--line)}footer a{color:#666}@media(max-width:980px){.layout{grid-template-columns:86px 1fr}.rightcol{display:none}.search{max-width:none}}@media(max-width:680px){.topbar{height:auto}.top-inner{height:auto;flex-wrap:wrap;padding:12px}.search{order:3;flex-basis:100%}.layout{display:block;margin-top:0;padding:0 14px}.leftnav{position:static;flex-direction:row;overflow:auto;border-bottom:1px solid var(--line);padding:8px 0}.leftnav a{white-space:nowrap}.headline{padding:20px}.headline h1{font-size:24px}.feed-item{grid-template-columns:112px 1fr;gap:12px}.thumb{height:86px}.feed-body h2{font-size:18px}.feed-body p{display:none}}

/* Article page compatibility after portal redesign */
.top{max-width:1180px;margin:auto;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #eee;background:#fff}.brand{font-size:22px;font-weight:900;color:#111;text-decoration:none}.brand::first-letter{color:var(--red)}.top nav{display:flex;gap:18px}.top nav a{color:#444;text-decoration:none}.article{max-width:820px;margin:0 auto;padding:44px 20px 74px}.article .eyebrow{color:var(--red);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.article h1{font-size:42px;line-height:1.18;margin:10px 0 16px}.article .dek{font-size:20px;color:#555;line-height:1.6}.article p{font-size:18px;line-height:1.8}.article .meta{font-size:14px;color:#888;border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:24px}.article a{color:var(--red)}.note{background:#fff8f7;border:1px solid #ffe1dd;border-radius:10px;padding:16px;margin-top:28px;color:#555}.layout{gap:28px}.channels a:last-child{padding-right:10px}@media(max-width:980px){.channels{padding-bottom:4px}.channels a{font-size:15px}.article h1{font-size:32px}}
.thumb-img{height:106px;border-radius:8px;overflow:hidden;background:#eef2f7;display:block}.thumb-img img{width:100%;height:100%;object-fit:cover;display:block}.article-figure{margin:26px 0}.article-figure img{width:100%;border-radius:12px;border:1px solid #eee;display:block}.article-figure figcaption{font-size:13px;color:#888;margin-top:8px}.brief-list{font-size:18px;line-height:1.8}.brief-list li{margin-bottom:10px}@media(max-width:680px){.thumb-img{height:86px}}

.knowledge-intro{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px;margin:18px 0}.knowledge-intro h2,.section-title{margin:0 0 12px}.knowledge-intro p{color:#555;line-height:1.75}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.knowledge-grid a{border:1px solid #f0d9d5;border-radius:8px;padding:14px;text-decoration:none;background:#fff8f7;color:#333}.knowledge-grid strong{display:block;color:var(--red);margin-bottom:6px}.knowledge-grid span{font-size:13px;color:#666}@media(max-width:680px){.knowledge-grid{grid-template-columns:1fr}}

.share-hero{background:linear-gradient(135deg,#f2fff8,#fff,#f6f4ff)}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 24px}.share-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.03)}.share-card p{margin:0 0 8px;color:var(--red);font-weight:900;font-size:13px}.share-card h2{font-size:20px;line-height:1.35;margin:0 0 10px}.share-card span{display:block;color:#555;line-height:1.65;margin-bottom:12px}.share-card small{display:block;color:#888;line-height:1.5}@media(max-width:760px){.share-grid{grid-template-columns:1fr}}

/* Category labels for collected news */
.cat-row{margin:0 0 7px}.cat-pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;background:#fff3f1;color:var(--red);border:1px solid #ffd9d4}.cat-sports{background:#f1f7ff;color:#1d5fbf;border-color:#d8e9ff}.cat-public-safety{background:#fff7e8;color:#9a5a00;border-color:#ffe1a8}.cat-finance{background:#f0fff6;color:#087343;border-color:#c9f0dc}.cat-technology-business,.cat-technology{background:#f5f1ff;color:#5b35b1;border-color:#dfd3ff}.cat-world-affairs{background:#f2f4f8;color:#394150;border-color:#d8dde8}.cat-jobs-social-security{background:#f3fbff;color:#0f6a85;border-color:#cbeffc}.category-overview{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px;margin:18px 0}.category-overview h2{margin:0 0 8px}.category-overview>p{color:#555;line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.category-card{border:1px solid #eee;border-radius:10px;padding:14px;background:#fcfcfc}.category-card strong{display:block;margin-bottom:8px;color:#111}.category-card ul{margin:0;padding-left:18px}.category-card li{margin:7px 0}.category-card a{color:#333;text-decoration:none;line-height:1.45}.category-card a:hover{color:var(--red)}@media(max-width:760px){.category-grid{grid-template-columns:1fr}}

.cat-pill{text-decoration:none}.category-card strong a{color:inherit;text-decoration:none}.category-card strong a:hover{color:var(--red)}