:root{
    --bg:#0b0d12;
    --bg2:#11141c;
    --bg3:#181c27;
    --accent:#ff3b5c;
    --accent2:#ffb020;
    --text:#e6e9f2;
    --muted:#8a91a5;
    --border:#262b3a;
    --ok:#35d399;
    --warn:#ffb020;
    --bad:#ff5470;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    line-height:1.7;
    font-size:16px;
  }
  header{
    background:linear-gradient(135deg,#0b0d12,#1a1e2c);
    border-bottom:1px solid var(--border);
    padding:18px 24px;
    position:sticky;top:0;z-index:50;
  }
  .logo{font-weight:800;font-size:22px;color:var(--accent);letter-spacing:.5px}
  nav.quick{
    background:var(--bg2);
    border:1px solid var(--border);
    border-radius:12px;
    padding:18px 22px;
    margin:24px 0;
  }
  nav.quick h3{color:var(--accent2);margin-bottom:12px;font-size:16px;text-transform:uppercase;letter-spacing:1.5px}
  nav.quick ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
  nav.quick a{
    color:var(--text);
    background:var(--bg3);
    padding:8px 14px;
    border-radius:8px;
    text-decoration:none;
    font-size:14px;
    border:1px solid var(--border);
    transition:.2s;
  }
  nav.quick a:hover{border-color:var(--accent);color:var(--accent)}
  main{max-width:1100px;margin:0 auto;padding:20px}
  article{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:36px;margin-bottom:30px}
  .author-block{
    display:flex;gap:18px;align-items:center;
    background:var(--bg3);padding:20px;border-radius:10px;
    border-left:4px solid var(--accent);margin-bottom:30px;
  }
  .author-avatar{
    width:70px;height:70px;border-radius:50%;
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    display:flex;align-items:center;justify-content:center;
    font-weight:800;font-size:28px;color:#fff;
  }
  .author-info h4{color:var(--accent2);font-size:17px}
  .author-info p{color:var(--muted);font-size:13px;margin-top:4px}
  h1{font-size:34px;line-height:1.25;margin-bottom:20px;color:#fff}
  h2{
    color:#fff;font-size:24px;margin:40px 0 18px;
    padding-left:14px;border-left:4px solid var(--accent);
  }
  h3{color:var(--accent2);font-size:19px;margin:24px 0 12px}
  p{margin-bottom:14px;color:#d6dae6}
  ul,ol{margin:14px 0 14px 28px}
  li{margin-bottom:8px}
  strong{color:var(--accent2)}
  em{color:var(--muted)}
  code{background:var(--bg3);padding:2px 6px;border-radius:4px;font-size:14px;color:var(--accent)}
  article img{
    display:block;max-width:100%;height:auto;
    border-radius:10px;margin:22px auto;
    border:1px solid var(--border);
  }
  table{
    width:100%;border-collapse:collapse;margin:22px 0;
    background:var(--bg3);border-radius:10px;overflow:hidden;
    border:1px solid var(--border);font-size:14px;
  }
  th{
    background:linear-gradient(135deg,#1f2433,#2a3040);
    color:var(--accent2);text-align:left;
    padding:12px 14px;font-weight:700;
    border-bottom:2px solid var(--accent);
  }
  td{padding:11px 14px;border-top:1px solid var(--border)}
  tr:nth-child(even) td{background:#14182250}
  tr:hover td{background:#1a1f2c}
  .case-log{
    background:#0a0c11;border:1px solid var(--border);
    border-radius:10px;padding:18px;margin:16px 0;
    font-family:"Courier New",monospace;font-size:13px;
  }
  .case-log div{padding:6px 0;border-bottom:1px dashed #262b3a}
  .case-log .ok{color:var(--ok)}
  .case-log .warn{color:var(--warn)}
  .case-log .bad{color:var(--bad)}
  .category{
    background:var(--bg3);border:1px solid var(--border);
    border-radius:10px;padding:22px;margin:20px 0;
  }
  .category h3{margin-top:0;color:var(--accent)}
  .faq-item{
    background:var(--bg3);border:1px solid var(--border);
    border-radius:8px;padding:16px 20px;margin:10px 0;
  }
  .faq-item h4{color:var(--accent2);font-size:16px;margin-bottom:8px}
  .faq-item p{margin:0;font-size:14.5px}
  .kpi{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:14px;margin:20px 0;
  }
  .kpi div{
    background:var(--bg3);border:1px solid var(--border);
    border-radius:10px;padding:16px;text-align:center;
  }
  .kpi b{display:block;font-size:26px;color:var(--accent2);font-weight:800}
  .kpi span{color:var(--muted);font-size:13px}
  footer{
    background:var(--bg2);border-top:1px solid var(--border);
    padding:30px 24px;text-align:center;color:var(--muted);font-size:14px;
  }
  @media(max-width:700px){
    h1{font-size:26px}h2{font-size:20px}
    article{padding:20px}
    .author-block{flex-direction:column;text-align:center}
    table{font-size:12px}
    th,td{padding:8px}
  }