*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0b10;
  --bg-secondary:#12141b;
  --bg-panel:#151821;
  --bg-soft:#10131a;
  --text:#eef2f7;
  --text-secondary:#9ba6b6;
  --text-muted:#6e7786;
  --accent:#8ec5ff;
  --accent-2:#d8b36a;
  --accent-3:#73d6b4;
  --accent-soft:rgba(142,197,255,0.12);
  --accent-gold-soft:rgba(216,179,106,0.12);
  --border:#262c38;
  --shadow:0 18px 60px rgba(0,0,0,0.35);
}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;line-height:1.8;color:var(--text);background:radial-gradient(circle at top, rgba(142,197,255,0.08), transparent 28%), var(--bg);min-height:100vh}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.hero{text-align:center;padding:88px 0 56px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-35%;left:50%;transform:translateX(-50%);width:760px;height:760px;background:radial-gradient(circle, rgba(142,197,255,0.14) 0%, rgba(216,179,106,0.06) 35%, transparent 70%);pointer-events:none;filter:blur(8px)}
.hero h1{position:relative;font-family:'Noto Serif SC',serif;font-size:46px;font-weight:700;letter-spacing:1px;margin-bottom:14px;line-height:1.25;background:linear-gradient(135deg,#f5f8fc 0%, #8ec5ff 55%, #d8b36a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero .tagline{position:relative;font-size:13px;color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase;font-weight:500}
.hero .hero-copy{position:relative;max-width:760px;margin:20px auto 0;color:var(--text-secondary);font-size:15px}
nav{display:flex;justify-content:center;gap:8px;padding:24px 0 44px;border-bottom:1px solid var(--border);margin-bottom:44px;flex-wrap:wrap;position:relative}
nav::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:84px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}
nav a{text-decoration:none;color:var(--text-secondary);padding:10px 18px;border-radius:10px;font-size:14px;font-weight:500;transition:all 0.25s ease;position:relative}
nav a::before{content:'';position:absolute;inset:0;border-radius:10px;background:var(--accent-soft);opacity:0;transition:opacity 0.25s ease}
nav a:hover{color:var(--accent)}
nav a:hover::before{opacity:1}
nav a.active{color:#dbe9ff}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:18px;padding:34px;margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--border)}
.card h2{font-family:'Noto Serif SC',serif;font-size:23px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border);color:var(--text)}
.card h2::before{content:'→';margin-right:12px;color:var(--accent)}
.post-item{padding:22px 0;border-bottom:1px solid var(--border);transition:transform 0.25s ease}
.post-item:last-child{border-bottom:none}
.post-item:hover{transform:translateX(6px)}
.post-item h3{font-size:19px;margin-bottom:8px;line-height:1.45}
.post-item h3 a{text-decoration:none;color:var(--text);transition:color 0.2s}
.post-item h3 a:hover{color:var(--accent)}
.post-item .date{font-size:12px;color:var(--text-muted);letter-spacing:1px}
.post-item .meta{font-size:12px;color:var(--accent-2);margin-top:6px}
.post-item .excerpt{font-size:14px;color:var(--text-secondary);margin-top:10px;line-height:1.85}
footer{text-align:center;padding:50px 0;color:var(--text-muted);font-size:13px;border-top:1px solid var(--border);margin-top:64px}
footer a{color:var(--accent);text-decoration:none}
article{background:var(--bg-panel);border-radius:18px;padding:48px;margin-bottom:40px;box-shadow:var(--shadow);border:1px solid var(--border);font-size:15px;line-height:1.88}
article h1{font-family:'Noto Serif SC',serif;font-size:32px;margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid var(--border)}
article h2{font-family:'Noto Serif SC',serif;font-size:24px;margin:40px 0 18px;color:var(--accent);padding-left:16px;border-left:3px solid var(--accent)}
article h3{font-size:18px;margin:28px 0 12px;color:var(--text)}
article p{margin:16px 0;color:var(--text-secondary)}
article a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}
article a:hover{border-color:var(--accent)}
article strong{color:var(--text)}
article ul,article ol{margin:16px 0 16px 24px}
article li{margin:8px 0;color:var(--text-secondary)}
article blockquote{border-left:4px solid var(--accent);padding:16px 24px;margin:24px 0;background:var(--accent-soft);border-radius:0 10px 10px 0}
article pre{background:#0b0d12;padding:20px;border-radius:14px;overflow-x:auto;margin:24px 0;font-size:13px;line-height:1.6;border:1px solid var(--border)}
article :not(pre)>code{background:var(--accent-soft);padding:3px 8px;border-radius:4px;color:var(--accent)}
article img{max-width:100%;height:auto;border-radius:12px;margin:24px 0;border:1px solid var(--border)}
article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
article th,article td{border:1px solid var(--border);padding:12px;text-align:left}
article th{background:var(--bg-secondary);color:var(--accent);font-weight:500}
article tr:hover{background:rgba(255,255,255,0.02)}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 20px}
.kpi{padding:18px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--border)}
.kpi .label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px}
.kpi .value{font-size:28px;font-weight:700;color:var(--text);margin-top:8px}
.kpi .hint{font-size:12px;color:var(--text-secondary);margin-top:6px}
.section-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:20px;margin-bottom:24px}
.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.panel h2{font-family:'Noto Serif SC',serif;font-size:23px;margin-bottom:16px}
.panel .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}
.panel-copy{color:var(--text-secondary);font-size:14px;margin-bottom:18px}
.signal-list{display:grid;gap:12px}
.signal-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg, rgba(142,197,255,0.08), rgba(255,255,255,0.01))}
.signal-card h3{font-size:18px;line-height:1.5;margin-bottom:6px}
.signal-card p{font-size:14px;color:var(--text-secondary)}
.signal-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid var(--border);font-size:11px;color:var(--text-secondary);background:rgba(255,255,255,0.02)}
.chip.accent{color:#dbe9ff;background:var(--accent-soft);border-color:rgba(142,197,255,0.25)}
.chip.gold{color:#f2ddb0;background:var(--accent-gold-soft);border-color:rgba(216,179,106,0.25)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.topic-card{padding:18px;border-radius:16px;border:1px solid var(--border);background:var(--bg-soft)}
.topic-card .trend{font-size:12px;color:var(--accent-3);letter-spacing:1px;text-transform:uppercase}
.topic-card h3{margin-top:6px;font-size:18px}
.topic-card p{margin-top:8px;color:var(--text-secondary);font-size:14px}
.topic-card ul{margin:12px 0 0 18px;color:var(--text-secondary);font-size:14px}
.action-list{display:grid;gap:12px}
.action-item{padding:16px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg, rgba(115,214,180,0.08), rgba(255,255,255,0.01))}
.action-item strong{display:block;color:var(--text);margin-bottom:4px}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.method-card{padding:18px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--border)}
.method-card h3{font-size:17px;margin-bottom:8px}
.method-card p{font-size:14px;color:var(--text-secondary)}
.mini-list{display:grid;gap:10px}
.mini-item{padding:14px 0;border-bottom:1px solid var(--border)}
.mini-item:last-child{border-bottom:none}
.mini-item a{color:var(--text);text-decoration:none;font-weight:600}
.mini-item p{font-size:13px;color:var(--text-secondary);margin-top:6px}
.alert{padding:18px;border-radius:16px;border:1px solid rgba(216,179,106,0.25);background:var(--accent-gold-soft);margin-bottom:18px}
.alert strong{display:block;color:var(--text);margin-bottom:6px}
.alert p{font-size:14px;color:var(--text-secondary)}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
.decision-card{padding:18px;border-radius:16px;background:linear-gradient(180deg, rgba(216,179,106,0.08), rgba(255,255,255,0.01));border:1px solid var(--border)}
.decision-card h3{font-size:17px;margin-bottom:8px}
.decision-card p{font-size:14px;color:var(--text-secondary)}

@media (max-width:900px){
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .section-grid,.two-col,.method-grid,.decision-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .hero h1{font-size:30px}
  .container{padding:0 16px}
  article{padding:24px}
  nav{gap:4px}
  nav a{padding:8px 12px;font-size:13px}
}
/* Case study cards */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.case-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;padding:26px;transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;box-shadow:var(--shadow);cursor:pointer;position:relative;overflow:hidden}
.case-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity 0.25s ease}
.case-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(0,0,0,0.4)}
.case-card:hover::before{opacity:1}
.case-card .case-type{font-size:11px;color:var(--accent-3);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);padding:4px 10px;border-radius:999px}
.case-card h3{font-size:18px;line-height:1.45;margin-bottom:10px;font-family:'Noto Serif SC',serif}
.case-card h3 a{color:var(--text);text-decoration:none;transition:color 0.2s}
.case-card h3 a:hover{color:var(--accent)}
.case-card .case-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.case-card .case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.case-card .case-tags .chip{font-size:10px;padding:3px 8px}
.case-card .case-date{font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;margin-top:auto}
/* Intelligence timeline */
.intel-date-group{margin-bottom:24px}
.intel-date-header{font-size:13px;color:var(--accent-2);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);font-weight:500}
.intel-day-count{font-size:11px;color:var(--text-muted);margin-left:8px}
.intel-items{display:grid;gap:10px}
.intel-item{padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg, rgba(142,197,255,0.06), rgba(255,255,255,0.01));transition:transform 0.2s ease,background 0.2s ease}
.intel-item:hover{transform:translateX(4px);background:linear-gradient(180deg, rgba(142,197,255,0.1), rgba(255,255,255,0.02))}
.intel-item h3{font-size:17px;margin-bottom:6px;line-height:1.4}
.intel-item h3 a{color:var(--text);text-decoration:none;transition:color 0.2s}
.intel-item h3 a:hover{color:var(--accent)}
.intel-item .intel-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-top:6px}
/* Search filters */
.search-filters{display:flex;gap:6px;padding:8px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.search-filter-btn{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all 0.2s;font-family:inherit}
.search-filter-btn:hover,.search-filter-btn.active{color:var(--accent);background:var(--accent-soft);border-color:rgba(142,197,255,0.3)}
@media(max-width:768px){.case-grid{grid-template-columns:1fr}}