:root{
      --bg:#ffffff;
      --page:#f6f8fa;
      --text:#1f2328;
      --muted:#636c76;
      --border:rgba(31,35,40,.12);
      --link:#0969da;
      --codebg:rgba(175,184,193,.2);
      --radius:14px;
      color-scheme: light dark;
    }
    @media (prefers-color-scheme: dark){
      :root{
        --bg:#0d1117;
        --page:#010409;
        --text:#e6edf3;
        --muted:#8b949e;
        --border:rgba(255,255,255,.14);
        --link:#2f81f7;
        --codebg:rgba(110,118,129,.3);
      }
    }
    html,body{height:100%;}
    body{
      margin:0;
      background:var(--page);
      color:var(--text);
      font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
      line-height:1.75;
    }
    .wrap{
      max-width: 980px;
      margin: 0 auto;
      padding: 28px 18px 80px;
    }
    .card{
      background:var(--bg);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding: 22px 22px;
    }
    h1{
      margin:0 0 10px;
      font-size: 30px;
      letter-spacing:.2px;
    }
    .meta{
      color:var(--muted);
      font-size:14px;
      margin: 0 0 14px;
    }
    hr{
      border:0;
      border-top:1px solid var(--border);
      margin: 18px 0;
    }
    a{ color:var(--link); text-decoration:none; }
    a:hover{ text-decoration:underline; }
    h2{
      margin: 28px 0 10px;
      font-size: 20px;
    }
    h3{
      margin: 18px 0 8px;
      font-size: 16px;
    }
    h4{
      margin: 14px 0 8px;
      font-size: 14px;
      color: var(--text);
    }
    p{ margin: 10px 0; }
    ul,ol{ margin: 8px 0 8px 22px; }
    li{ margin: 6px 0; }
    blockquote{
      margin: 12px 0;
      padding: 10px 14px;
      border-left: 3px solid var(--border);
      background: rgba(0,0,0,.02);
      color: var(--muted);
      border-radius: 10px;
    }
    @media (prefers-color-scheme: dark){
      blockquote{ background: rgba(255,255,255,.04); }
    }
    code{
      background:var(--codebg);
      padding: 2px 6px;
      border-radius: 8px;
      font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
      font-size: .95em;
    }
    table{
      width:100%;
      border-collapse: collapse;
      margin: 10px 0 6px;
    }
    th,td{
      text-align:left;
      vertical-align: top;
      font-size: 14px;
      border: 1px solid var(--border);
    }
    th{
      background: rgba(0,0,0,.03);
      font-weight: 600;
    }
    @media (prefers-color-scheme: dark){
      th{ background: rgba(255,255,255,.06); }
    }
    .toc{
      padding: 14px 16px;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: rgba(0,0,0,.02);
    }
    @media (prefers-color-scheme: dark){
      .toc{ background: rgba(255,255,255,.04); }
    }
    .foot{
      color:var(--muted);
      font-size: 13px;
      margin-top: 26px;
      text-align:center;
    }
    .badge{
      display:inline-block;
      padding: 2px 8px;
      border:1px solid var(--border);
      border-radius: 999px;
      font-size: 12px;
      color:var(--muted);
      margin-left: 8px;
      transform: translateY(-2px);
    }