:root {
  color-scheme: light;
  --bg0:#eef1f6;
  --bg1:#f8f9fb;
  --glass:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.92);
  --text:#1d1d1f;
  --muted:#6e6e73;
  --line:rgba(60,60,67,.16);
  --line-strong:rgba(60,60,67,.28);
  --accent:#007aff;
  --accent-soft:rgba(0,122,255,.10);
  --shadow:0 24px 80px rgba(15,23,42,.16), 0 2px 8px rgba(15,23,42,.06);
  --radius:22px;
}
* { box-sizing: border-box; }
html { min-height:100%; }
body {
  margin:0;
  min-height:100%;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Noto Sans SC","PingFang SC",Arial,sans-serif;
  line-height:1.62;
  background:
    radial-gradient(circle at 12% 8%, rgba(0,122,255,.18), transparent 32%),
    radial-gradient(circle at 84% 0%, rgba(175,82,222,.13), transparent 30%),
    linear-gradient(135deg, var(--bg1), var(--bg0));
  background-attachment:fixed;
}
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.site-header { max-width:1180px; margin:0 auto; padding:34px 22px 18px; }
.brand { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.site-title { margin:0; font-size:34px; letter-spacing:-0.045em; font-weight:760; }
.site-title a { color:var(--text); }
.site-subtitle { margin:7px 0 0; color:var(--muted); font-size:15px; }
.header-pill { color:var(--muted); border:1px solid var(--line); background:rgba(255,255,255,.45); border-radius:999px; padding:7px 12px; font-size:13px; backdrop-filter:blur(18px); white-space:nowrap; }
.container { max-width:1180px; margin:0 auto; padding:0 22px 54px; }
.window {
  position:relative;
  overflow:hidden;
  background:var(--glass);
  border:1px solid rgba(255,255,255,.65);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter:blur(28px) saturate(1.35);
}
.window::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px rgba(255,255,255,.85); }
.titlebar { height:48px; display:flex; align-items:center; gap:12px; padding:0 18px; border-bottom:1px solid var(--line); background:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.42)); }
.traffic { display:flex; gap:8px; align-items:center; }
.dot { width:12px; height:12px; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
.red { background:#ff5f57; } .yellow { background:#ffbd2e; } .green { background:#28c840; }
.window-title { flex:1; text-align:center; color:#515154; font-size:13px; font-weight:600; margin-right:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.window-body { padding:24px; }
.hero { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; align-items:stretch; }
.card { background:var(--glass-strong); border:1px solid var(--line); border-radius:18px; padding:22px; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.card h2 { margin:0 0 10px; letter-spacing:-.03em; font-size:25px; }
.latest-date { font-size:42px; line-height:1; letter-spacing:-.055em; font-weight:780; margin:14px 0 18px; }
.quick-note { color:var(--muted); margin:0; }
.report-list { display:grid; gap:12px; margin-top:18px; }
.report-row { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:16px 18px; background:rgba(255,255,255,.76); border:1px solid var(--line); border-radius:16px; transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.report-row:hover { transform:translateY(-1px); border-color:var(--line-strong); box-shadow:0 10px 24px rgba(15,23,42,.08); }
.report-date { font-weight:720; font-size:18px; letter-spacing:-.02em; }
.langs { display:flex; gap:10px; flex-wrap:wrap; }
.lang { display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:6px 12px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.72); color:#1d1d1f; font-size:14px; font-weight:560; }
a.lang:hover { text-decoration:none; background:var(--accent-soft); border-color:rgba(0,122,255,.28); color:#0057c2; }
span.lang { background:var(--accent); color:#fff; border-color:var(--accent); }
.report-nav { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:18px 20px; border-bottom:1px solid var(--line); background:linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.45)); color:var(--muted); }
.article-wrap { padding:0; }
.article {
  background:rgba(255,255,255,.88);
  padding:38px 44px 46px;
  overflow-wrap:anywhere;
}
.article h1,.article h2,.article h3 { line-height:1.22; letter-spacing:-0.028em; }
.article h1 { font-size:34px; margin-top:0; border-bottom:1px solid var(--line); padding-bottom:16px; }
.article h2 { margin-top:36px; font-size:25px; }
.article h3 { margin-top:26px; font-size:20px; }
.article p,.article li { font-size:16px; }
.article table { border-collapse:separate; border-spacing:0; width:100%; display:block; overflow-x:auto; border:1px solid var(--line); border-radius:13px; }
.article th,.article td { border-bottom:1px solid var(--line); border-right:1px solid var(--line); padding:9px 11px; vertical-align:top; }
.article th { background:#f5f5f7; font-weight:650; }
.article blockquote { margin:18px 0; padding:10px 18px; border-left:4px solid rgba(0,122,255,.35); color:#374151; background:rgba(245,247,250,.82); border-radius:0 12px 12px 0; }
.article code { background:#f3f4f6; padding:2px 5px; border-radius:6px; font-family:"SF Mono",ui-monospace,Menlo,monospace; }
.article pre { background:#1f2937; color:#f9fafb; padding:16px; border-radius:14px; overflow:auto; }
.footer { color:var(--muted); font-size:13px; margin:18px 4px 0; }
@media (max-width:760px){
  .site-title{font-size:28px}.brand{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.window-body{padding:16px}.article{padding:26px 20px}.report-row{align-items:flex-start;flex-direction:column}.report-nav{align-items:flex-start;flex-direction:column}.window-title{text-align:left;margin-right:0}.latest-date{font-size:34px}
}