:root{color:#20241f;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f6f0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:linear-gradient(115deg,#f7f4ed 0%,#edf1e9 56%,#f9efe5 100%);min-height:100vh}.topbar{border-bottom:1px solid #d9ddd4;justify-content:space-between;align-items:center;max-width:1280px;min-height:76px;margin:0 auto;padding:0 36px;display:flex}.brand,.topbar-actions,.refresh-button,.article-link,.article-meta{align-items:center;display:flex}.brand{color:#0d514b;gap:10px;height:100%;font-family:Georgia,Noto Serif SC,serif;font-size:22px;font-weight:700}.brand-image{object-fit:contain;width:auto;height:75px;display:block}.topbar-actions{gap:10px}.updated{color:#667573;margin-right:6px;font-size:12px}.country-picker,.language-picker{color:#0d514b;background:#ffffff8a;border:1px solid #d9ddd4;border-radius:6px;align-items:center;gap:6px;min-height:38px;padding:0 9px;display:flex}.country-picker select{min-width:82px}.language-picker select{min-width:72px}.country-picker select,.language-picker select{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.country-picker select:focus,.language-picker select:focus{outline:0}.refresh-button{color:#fff;cursor:pointer;background:#0d514b;border:1px solid #0d514b;border-radius:6px;gap:8px;min-height:38px;padding:0 15px;font-weight:700}.refresh-button:disabled{opacity:.65;cursor:wait}.spinning{animation:.85s linear infinite spin}.reader-layout{max-width:1280px;margin:0 auto;padding:20px 36px 72px}.sidebar{padding-top:32px}.sidebar-label,.eyebrow{color:#d55b3e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.country-tabs{gap:4px;margin-top:15px;display:grid}.country-tabs button{text-align:left;color:#576967;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:11px 13px;position:relative}.country-tabs button:hover{color:#0d514b;background:#e5ece4}.country-tabs button.active{color:#0d514b;background:#fff;font-weight:800;box-shadow:0 4px 16px #10393414}.country-tabs button.active:before{content:"";background:#d55b3e;border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.sidebar-note{color:#667573;border-top:1px solid #d9ddd4;margin:34px 13px 0;padding-top:18px;font-size:12px;line-height:1.7}.content{min-width:0;padding-top:28px}.content-heading{border-bottom:1px solid #d9ddd4;justify-content:space-between;align-items:end;gap:20px;padding-bottom:25px;display:flex}.content-heading h1{color:#163433;letter-spacing:0;max-width:650px;margin:8px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:38px;line-height:1.16}.count{color:#0d514b;white-space:nowrap;background:#dcebe0;border-radius:4px;margin:0 0 4px;padding:7px 10px;font-size:12px;font-weight:700}.category-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 24px;display:grid}.category-tabs button{color:#596864;cursor:pointer;background:#ffffff73;border:1px solid #d9ddd4;border-radius:6px;min-width:0;min-height:36px;padding:6px 10px;line-height:1.2}.category-tabs button:hover{color:#0d514b;border-color:#a9bbb0}.category-tabs button.active{color:#fff;background:#d55b3e;border-color:#d55b3e}.news-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:12px;display:grid}.news-card{background:#ffffffd1;border:1px solid #d6dbd2f2;border-radius:7px;flex-direction:column;min-width:0;min-height:260px;animation:.35s both reveal;display:flex;overflow:hidden;box-shadow:0 6px 20px #1f363009}.featured-card{grid-area:span 2/span 2;min-height:532px}.card-body{flex-direction:column;flex:1;min-height:0;padding:18px;display:flex}.page-footer{justify-content:center;margin-top:20px;padding-bottom:12px;display:flex}.pagination-bar{background:#ffffffb3;border:1px solid #d9ddd4;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:10px 18px;display:flex;box-shadow:0 8px 18px #0f172a0a}.pagination-bar button{color:#0d514b;cursor:pointer;background:#eaf5f1;border:1px solid #bad4c9;border-radius:999px;min-width:88px;min-height:34px;padding:0 14px;font-weight:700}.pagination-bar button:disabled{opacity:.45;cursor:not-allowed}.pagination-bar span{color:#163433;font-size:13px;font-weight:700}.article-meta{color:#667573;flex-wrap:wrap;gap:7px;font-size:11px}.article-meta time{margin-left:auto}.region{border-radius:3px;padding:3px 6px;font-weight:800}.region.jakarta{color:#9b4d2a;background:#f9e3c9}.region.japan{color:#993f4b;background:#f8dde0}.region.china{color:#9f3d2e;background:#f8dfd3}.news-card h2{color:#163433;letter-spacing:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:11px 0 7px;font-family:Georgia,Noto Serif SC,serif;font-size:17px;line-height:1.38;display:-webkit-box;overflow:hidden}.featured-card h2{-webkit-line-clamp:4;font-size:30px}.news-card p{color:#596662;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.featured-card p{-webkit-line-clamp:5;font-size:14px}.article-link{color:#0d514b;cursor:pointer;background:0 0;border:0;gap:6px;margin-top:auto;padding:16px 0 0;font-size:12px;font-weight:800}.article-link:hover{color:#d55b3e;text-decoration:underline}.empty-state{color:#667573;text-align:center;grid-column:1/-1;padding:48px 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.app-shell{--ink:#172554;--ink-strong:#0f172a;--muted:#64748b;--line:#d9e1ec;--paper:#fff;--wash:#f4f7fb;--accent:#d64545;background:linear-gradient(135deg,#f8fafc 0%,#eef3f9 56%,#f7f7f5 100%);min-height:100vh}.topbar{border-bottom-color:var(--line)}.brand{color:var(--ink)}.updated{color:var(--muted)}.country-picker,.language-picker{color:var(--ink);border-color:var(--line);background:#fffc}.refresh-button{background:var(--ink);border-color:var(--ink)}.refresh-button:hover{background:#1e3a6d}.sidebar-label,.eyebrow{color:var(--accent)}.content-heading{border-bottom-color:var(--line)}.content-heading h1,.news-card h2{color:var(--ink-strong)}.count{color:var(--ink);background:#e8eef8}.category-tabs button{color:#475569;border-color:var(--line);background:#ffffffb8}.category-tabs button:hover{color:var(--ink);background:#f7faff;border-color:#9fb0cc}.category-tabs button.active{background:var(--accent);border-color:var(--accent)}.news-card{background:var(--paper);border-color:#e0e6ee;box-shadow:0 7px 20px #1e293b0b}.news-card:hover{border-color:#b6c4d8;box-shadow:0 12px 26px #1e293b17}.article-meta{color:var(--muted)}.region{color:#334155;background:#edf2f8}.news-card p,.empty-state{color:#59677a}.article-link{color:#1d4f91}.article-link:hover{color:var(--accent)}.news-card h2{line-clamp:3}.featured-card h2{line-clamp:4}.news-card p{line-clamp:3}.featured-card p{line-clamp:5}.news-card h2 button{line-clamp:inherit}.world-pulse{border:1px solid var(--line);background:#ffffffad;border-radius:7px;grid-template-columns:1fr auto;gap:14px 24px;margin:18px 0;padding:16px 18px;display:grid}.pulse-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.pulse-heading strong{color:var(--ink-strong);font-family:Georgia,Noto Serif SC,serif;font-size:18px}.source-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:#159b72;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff5ec}.region-map{flex-wrap:wrap;gap:6px;display:flex}.region-map button,.sort-control button{color:#475569;border:1px solid var(--line);min-height:32px;font:inherit;cursor:pointer;background:#f8fafc;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.region-map button:hover,.sort-control button:hover{color:var(--ink);border-color:#9fb0cc}.region-map button.active,.sort-control button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.world-pulse{padding:12px 18px;display:block}.region-map{width:100%}.region-map button{flex:104px}.discovery-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:20px 0 14px;display:flex}.search-field{min-width:0;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:5px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field:focus-within{color:var(--ink);border-color:#9fb0cc;box-shadow:0 0 0 3px #335b9917}.search-field input{width:100%;min-height:38px;color:var(--ink-strong);font:inherit;background:0 0;border:0;outline:0}.search-field input::placeholder{color:#94a3b8}.sort-control{gap:5px;display:flex}.sort-control button{white-space:nowrap;min-height:38px}.article-image{object-fit:cover;background:#e8eef8;width:100%;height:128px}.featured-card .article-image{height:236px}.news-card h2 button{color:inherit;font:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;-webkit-line-clamp:inherit;background:0 0;border:0;-webkit-box-orient:vertical;padding:0;display:-webkit-box;overflow:hidden}.news-card h2 button:hover{color:#1d4f91}.breaking{color:#b42318;background:#fff0ef;border-radius:3px;padding:3px 5px;font-size:10px;font-weight:800}.trust{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:15px;display:flex}.card-footer>button:nth-child(-n+2){display:none}.card-footer>div{gap:3px;display:flex}.event-link,.icon-button{color:#1d4f91;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.event-link{padding:0;font-size:12px;font-weight:800}.event-link:hover{color:var(--accent);text-decoration:underline}.icon-button{border:1px solid #0000;border-radius:4px;width:28px;height:28px}.icon-button:hover{border-color:var(--line);background:#f1f5f9}.icon-button.saved{color:#fff;background:var(--accent);border-color:var(--accent)}.event-overlay{z-index:20;background:#0f172a59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.event-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(620px,100%);max-height:min(680px,90vh);padding:30px;position:relative;overflow:auto;box-shadow:0 20px 60px #0f172a3d}.event-panel h2{color:var(--ink-strong);margin:8px 32px 9px 0;font-family:Georgia,Noto Serif SC,serif;font-size:25px;line-height:1.35}.event-panel>p:not(.eyebrow){color:var(--muted);margin:0 0 18px;font-size:13px}.close-event{width:32px;height:32px;color:var(--ink);cursor:pointer;background:#f1f5f9;border:0;border-radius:4px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.related-list{gap:8px;display:grid}.related-list button{color:var(--ink-strong);border:1px solid var(--line);text-align:left;cursor:pointer;background:#f8fafc;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:13px;display:grid}.related-list button:hover{background:#f4f7fb;border-color:#9fb0cc}.related-list span,.related-list time{color:var(--muted);font-size:12px}.related-list strong{grid-column:1/-1;font-size:14px;line-height:1.45}@media (width<=760px){.topbar{min-height:62px;padding:0 17px}.brand{flex:0 0 42px;overflow:hidden}.brand-image{object-fit:cover;object-position:left;width:170px;max-width:none;height:38px}.updated{display:none}.country-picker,.language-picker{padding:0 6px}.country-picker select{min-width:66px}.language-picker select{min-width:60px}.refresh-button{justify-content:center;width:38px;padding:0}.refresh-button span{display:none}.reader-layout{padding:0 16px 42px}.content{padding-top:29px}.content-heading{align-items:start;padding-bottom:20px}.content-heading h1{font-size:29px}.count{margin-top:6px}.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0 19px;padding:0;display:grid;overflow:visible}.category-tabs button{white-space:normal;min-width:0;min-height:38px;padding:5px 7px;line-height:1.2}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.news-card{min-height:260px}.featured-card{grid-area:span 1/span 2;min-height:390px}.card-body{padding:13px}.news-card h2{font-size:16px}.featured-card h2{font-size:22px}.article-meta time{width:100%;margin-left:0}.world-pulse{grid-template-columns:1fr;gap:12px;padding:14px}.discovery-toolbar{flex-direction:column;align-items:stretch}.sort-control button{flex:1}.article-image{height:112px}.featured-card .article-image{height:170px}.event-panel{padding:24px 18px}.trust{max-width:80px}}@media (width<=1100px) and (width>=761px){.topbar{padding:0 26px}.reader-layout{padding:18px 26px 58px}.content-heading h1{font-size:34px}.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=390px){.topbar{padding:0 14px}.brand{gap:7px;font-size:18px}.brand-image{height:34px}.topbar-actions{gap:7px}.language-picker{min-height:36px}.language-picker svg{width:15px}.language-picker select{min-width:54px;font-size:13px}.refresh-button{width:36px;min-height:36px}.reader-layout{padding-left:14px;padding-right:14px}.sidebar{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.content-heading{gap:10px}.content-heading h1{font-size:27px}.count{padding:6px 8px;font-size:11px}.news-grid{gap:8px}.news-card{min-height:295px}.card-body{padding:12px}}.card-footer{justify-content:space-between;padding-top:18px}.card-footer .source{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.card-footer>button:last-child{color:#0d514b;cursor:pointer;background:#eef6f2;border:1px solid #c9ddd4;border-radius:5px;align-items:center;gap:6px;min-height:30px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.card-footer>button:last-child:hover{color:#083f3b;background:#dcebe4;border-color:#9fc5b5}.news-card h2{min-height:70px}.news-card p{min-height:72px}.card-footer{align-items:center;min-height:34px}.card-footer .source{flex:auto}.card-footer>button:last-child{white-space:nowrap;flex:none;justify-content:center;width:auto;min-width:72px;height:34px}@media (width<=760px){.news-card h2{min-height:66px}.news-card p{min-height:68px}.card-footer>button:last-child{min-width:66px;padding-left:8px;padding-right:8px}}