*{box-sizing:border-box;margin:0;padding:0}
body{background:#0d1117;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;min-height:100vh}
a{text-decoration:none;color:inherit}
.tm-noscript-pixel{position:absolute;left:-9999px}
.news-page{display:flex;height:calc(100vh - 46px);margin-top:46px;overflow:hidden}
.news-list-col{width:320px;flex-shrink:0;border-right:1px solid #21262d;display:flex;flex-direction:column;background:#0d1117;min-height:0}
.news-list-header{padding:16px 18px 12px;border-bottom:1px solid #21262d;flex-shrink:0}
.news-list-title{font-size:16px;font-weight:800;color:#f0f6fc;margin-bottom:10px}
.news-tag-chips,.news-tag-chip-wrap{display:flex;gap:6px;flex-wrap:wrap}
.news-tag-chip{padding:3px 10px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid #30363d;background:transparent;color:#8b949e;transition:all .15s;white-space:nowrap}
.news-tag-chip.active{border-color:#38bdf8;color:#38bdf8;background:rgba(56,189,248,.08)}
.news-tag-chip:hover:not(.active){color:#c9d1d9;border-color:#484f58}
.news-list-scroll{flex:1;overflow-y:auto}
.news-list-scroll::-webkit-scrollbar{width:4px}
.news-list-scroll::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}
.news-list-item{padding:14px 18px;border-bottom:1px solid #161b22;cursor:pointer;transition:background .15s;display:block;text-decoration:none;color:inherit}
.news-list-item:hover{background:#161b22}
.news-list-item.active{background:#1c2128;border-left:3px solid #38bdf8;padding-left:15px}
.news-list-item.active .news-item-title{color:#38bdf8}
.news-item-title{font-size:13px;font-weight:600;color:#e6edf3;line-height:1.4;margin-bottom:5px}
.news-item-meta{font-size:11px;color:#484f58;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.news-card{padding:14px 18px;border-bottom:1px solid #161b22;border-left:3px solid #334155;display:block;text-decoration:none;color:inherit}
.news-card:hover{background:#161b22}
.news-card-lng{border-left-color:#38bdf8}.news-card-crude{border-left-color:#f59e0b}.news-card-sanctions{border-left-color:#ef4444}.news-card-geopolitics,.news-card-geo{border-left-color:#a78bfa}.news-card-market{border-left-color:#22c55e}
.news-card-title{font-size:13px;font-weight:600;color:#e6edf3;line-height:1.4;margin:5px 0}
.news-card-meta{font-size:11px;color:#484f58;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.news-card-excerpt{font-size:12px;color:#8b949e;line-height:1.45;margin-top:6px}
.news-tag,.news-badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}
.news-tag-lng,.news-badge-lng{background:rgba(56,189,248,.13);color:#38bdf8;border-color:rgba(56,189,248,.27)}
.news-tag-crude,.news-badge-crude{background:rgba(245,158,11,.13);color:#f59e0b;border-color:rgba(245,158,11,.27)}
.news-tag-sanctions,.news-badge-sanctions{background:rgba(239,68,68,.13);color:#ef4444;border-color:rgba(239,68,68,.27)}
.news-tag-geopolitics,.news-tag-geo,.news-badge-geopolitics,.news-badge-geo{background:rgba(167,139,250,.13);color:#a78bfa;border-color:rgba(167,139,250,.27)}
.news-tag-market,.news-badge-market{background:rgba(34,197,94,.13);color:#22c55e;border-color:rgba(34,197,94,.27)}
.news-tag-default,.news-badge-default{background:rgba(100,116,139,.13);color:#64748b;border-color:rgba(100,116,139,.27)}
.news-article-col{flex:1;overflow-y:auto;padding:36px 48px;background:#0d1117}
.news-article-col::-webkit-scrollbar{width:4px}
.news-article-col::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}
.news-article-inner{max-width:720px}
.news-article-tag{margin-bottom:12px}
.news-article-title{font-size:26px;font-weight:900;color:#f0f6fc;line-height:1.3;margin-bottom:12px}
.news-article-meta{font-size:12px;color:#8b949e;display:flex;gap:10px;padding-bottom:20px;border-bottom:1px solid #21262d;margin-bottom:24px}
.news-article-body{font-size:15px;line-height:1.8;color:#c9d1d9}
.news-article-body p{margin-bottom:18px}
.news-article-body h2,.news-article-body h3{font-size:17px;font-weight:700;color:#f0f6fc;margin:24px 0 12px}
.news-article-body ul{padding-left:20px;margin-bottom:18px}
.news-article-body li{margin-bottom:6px}
.news-article-body strong{color:#e6edf3}
.news-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#484f58;text-align:center;gap:12px}
.news-empty-icon{font-size:48px;opacity:.4}
.news-state{padding:20px;color:#334155;font-size:13px}
.news-state--empty{padding:32px 18px;text-align:center;color:#484f58}
.news-state--loading{color:#484f58;padding:40px 0}
.news-state--error{color:#ef4444}
.news-hero-img{width:100%;height:150px;object-fit:cover;border-radius:12px;display:block;margin-bottom:20px}
.news-hero-gradient{width:100%;height:140px;border-radius:12px;margin-bottom:20px;display:flex;align-items:flex-end;padding:16px;box-sizing:border-box}
.news-hero-gradient-lng{background:linear-gradient(135deg,#0c3547 0%,#0d1117 100%)}
.news-hero-gradient-crude{background:linear-gradient(135deg,#3d1a00 0%,#0d1117 100%)}
.news-hero-gradient-sanctions{background:linear-gradient(135deg,#3d0000 0%,#0d1117 100%)}
.news-hero-gradient-geopolitics,.news-hero-gradient-geo{background:linear-gradient(135deg,#1a0d33 0%,#0d1117 100%)}
.news-hero-gradient-market{background:linear-gradient(135deg,#003d1a 0%,#0d1117 100%)}
.news-hero-gradient-default{background:linear-gradient(135deg,#161b22 0%,#0d1117 100%)}
.news-hero-label{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.news-back-btn{background:transparent;border:0;font:inherit}
.mobile-bottom-nav{display:none}
footer{background:#0c1322;border-top:1px solid #1e293b;padding:18px 24px;text-align:center;color:#475569;font-size:13px}
footer a{color:#475569;text-decoration:none}
@media(max-width:900px){
  .news-page{flex-direction:column;height:auto;overflow:visible;margin-bottom:56px}
  .news-list-col{width:100%;border-right:none;height:auto}
  .news-list-scroll{overflow-y:visible}
  .news-article-col{display:none;padding:20px}
  .news-article-col.mobile-open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;background:#0d1117;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .news-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#38bdf8;cursor:pointer;margin-bottom:20px;padding-top:52px}
  .mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:#0f172a;border-top:1px solid #1e293b;z-index:2000;box-shadow:0 -2px 12px rgba(0,0,0,.3)}
  .mobile-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;color:#64748b;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .mobile-bottom-nav a.active{color:#38bdf8}
  .mobile-bottom-nav .mbn-icon{font-size:20px;line-height:1}
}