:root{
  --wt-accent:#d50000;
  --wt-accent-2:#0b57d0;
  --wt-bg:#ffffff;
  --wt-text:#111827;
  --wt-muted:#6b7280;
  --wt-border:#e5e7eb;
  --wt-card:#ffffff;
  --wt-soft:#f9fafb;
  --wt-radius:14px;
  --wt-shadow:0 10px 30px rgba(0,0,0,.06);
  --wt-max:1200px;
  --wt-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--wt-font);background:var(--wt-bg);color:var(--wt-text)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--wt-accent)}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--wt-max);margin:0 auto;padding:0 16px}

.wt-topbar{background:#0f172a;color:#fff;font-size:13px}
.wt-topbar .container{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 16px}
.wt-topbar a{color:#fff;opacity:.95}
.wt-topbar a:hover{opacity:1}
.wt-topbar .left{display:flex;gap:12px;align-items:center}
.wt-topbar .right{display:flex;gap:10px;align-items:center;opacity:.95}

.wt-header{border-bottom:1px solid var(--wt-border);background:#fff;position:sticky;top:0;z-index:50}
.wt-header .container{display:flex;align-items:center;gap:14px;padding:12px 16px}
.wt-logo{display:flex;align-items:center;gap:10px;min-width:180px}
.wt-logo .brand{font-weight:800;letter-spacing:-.3px;font-size:22px}
.wt-logo .dot{color:var(--wt-accent)}
.wt-search{flex:1;display:flex;align-items:center;gap:8px}
.wt-search input{width:100%;border:1px solid var(--wt-border);border-radius:999px;padding:10px 14px;font-size:14px;background:var(--wt-soft)}
.wt-actions{display:flex;gap:8px;align-items:center}
.wt-btn{border:1px solid var(--wt-border);background:#fff;border-radius:999px;padding:9px 12px;font-size:13px;cursor:pointer}
.wt-btn.primary{background:var(--wt-accent);border-color:var(--wt-accent);color:#fff}

.wt-nav{border-top:1px solid var(--wt-border);background:#fff}
.wt-nav .container{display:flex;gap:14px;align-items:center;overflow:auto;white-space:nowrap;padding:10px 16px}
.wt-nav a{font-weight:700;font-size:13px;padding:6px 10px;border-radius:999px}
.wt-nav a:hover{background:var(--wt-soft)}
.wt-nav .current-menu-item>a{background:rgba(213,0,0,.08);color:var(--wt-accent)}

.wt-breaking{background:rgba(213,0,0,.06);border-top:1px solid rgba(213,0,0,.15);border-bottom:1px solid rgba(213,0,0,.15)}
.wt-breaking .container{display:flex;gap:10px;align-items:center;padding:10px 16px}
.wt-breaking .label{font-weight:900;font-size:12px;color:#fff;background:var(--wt-accent);padding:5px 10px;border-radius:999px;letter-spacing:.2px}
.wt-breaking .items{display:flex;gap:18px;overflow:hidden}
.wt-breaking .items a{font-size:13px;color:#111827}
.wt-breaking .items a:hover{color:var(--wt-accent)}
.wt-breaking .marquee{display:flex;gap:18px;animation:wtmarq 22s linear infinite}
@keyframes wtmarq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.wt-main{padding:18px 0 36px}
.wt-grid{display:grid;grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);gap:18px}
@media (max-width: 980px){.wt-grid{grid-template-columns:1fr}}
.wt-card{background:var(--wt-card);border:1px solid var(--wt-border);border-radius:var(--wt-radius);box-shadow:var(--wt-shadow)}
.wt-card .hd{padding:12px 14px;border-bottom:1px solid var(--wt-border);display:flex;align-items:center;justify-content:space-between}
.wt-card .hd h2{margin:0;font-size:16px;letter-spacing:-.2px}
.wt-card .bd{padding:14px}

.wt-hero{display:grid;grid-template-columns: 1.2fr .8fr;gap:14px}
@media (max-width: 980px){.wt-hero{grid-template-columns:1fr}}
.wt-hero .lead{border-radius:var(--wt-radius);overflow:hidden;border:1px solid var(--wt-border)}
.wt-hero .lead .meta{padding:12px}
.wt-hero .lead h1{margin:0 0 8px 0;font-size:22px;letter-spacing:-.4px;line-height:1.15}
.wt-hero .lead .sub{font-size:13px;color:var(--wt-muted)}
.wt-badge{display:inline-flex;gap:6px;align-items:center;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--wt-accent)}
.wt-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--wt-accent);display:inline-block}

.wt-list{display:flex;flex-direction:column;gap:12px}
.wt-item{display:flex;gap:12px;align-items:flex-start}
.wt-item .thumb{width:96px;flex:0 0 96px;border-radius:12px;overflow:hidden;border:1px solid var(--wt-border);background:var(--wt-soft)}
.wt-item h3{margin:0 0 6px 0;font-size:14px;letter-spacing:-.2px;line-height:1.2}
.wt-item .meta{font-size:12px;color:var(--wt-muted)}
.wt-item .meta .sep{margin:0 6px;opacity:.5}

.wt-feed .wt-item .thumb{width:120px;flex-basis:120px}
@media (max-width:560px){.wt-feed .wt-item{flex-direction:column}.wt-feed .wt-item .thumb{width:100%;flex-basis:auto}}

.wt-tabs{display:flex;gap:8px}
.wt-tab{font-weight:800;font-size:12px;border:1px solid var(--wt-border);background:#fff;padding:7px 10px;border-radius:999px;cursor:pointer}
.wt-tab[aria-selected="true"]{background:rgba(213,0,0,.08);border-color:rgba(213,0,0,.25);color:var(--wt-accent)}

.wt-footer{border-top:1px solid var(--wt-border);background:#0b1220;color:#fff}
.wt-footer .container{padding:24px 16px;display:grid;grid-template-columns: 1.2fr 1fr 1fr;gap:14px}
@media(max-width:980px){.wt-footer .container{grid-template-columns:1fr}}
.wt-footer a{color:#fff;opacity:.9}
.wt-footer a:hover{opacity:1}
.wt-footer .small{opacity:.75;font-size:12px;line-height:1.6}

.wt-ad{border:1px dashed rgba(0,0,0,.18);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);padding:14px;text-align:center;color:var(--wt-muted);font-size:12px}
.wt-loading{padding:12px;text-align:center;color:var(--wt-muted);font-size:13px}
.wt-hidden{display:none}