:root{
      --bg:#fff;
      --text:#171717;
      --muted:#777;
      --line:#ececec;
      --soft:#f7f7f7;
      --max:760px;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
      color:var(--text);
      background:var(--bg);
      line-height:1.78;
    }
    a{color:inherit;text-decoration:none}
    .site-header{
      border-bottom:1px solid var(--line);
      background:#fff;
    }
    .header-inner{
      max-width:1080px;
      margin:auto;
      padding:18px 24px;
      display:flex;
      justify-content:space-between;
      align-items:center;
    }
    .logo{
      font-size:20px;
      font-weight:800;
      letter-spacing:-.03em;
    }
    nav{
      display:flex;
      gap:22px;
      font-size:14px;
      color:#555;
    }
    .article-wrap{
      max-width:var(--max);
      margin:0 auto;
      padding:28px 24px 70px;
    }
    .breadcrumb{
      font-size:13px;
      color:var(--muted);
      margin-bottom:28px;
    }
    h1{
      font-size:44px;
      line-height:1.18;
      letter-spacing:-.04em;
      margin:0 0 16px;
    }
    .summary{
      font-size:19px;
      line-height:1.7;
      color:#4b4b4b;
      margin:0 0 16px;
    }
    .meta{
      font-size:13px;
      color:var(--muted);
      margin-bottom:28px;
    }
    .hero{
      width:100%;
      aspect-ratio:16/9;
      border-radius:16px;
      background:
        linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.2)),
        linear-gradient(135deg,#c8d8d2,#6e8f84 45%,#273f38);
      display:flex;
      align-items:flex-end;
      padding:24px;
      color:#fff;
      margin:0 0 36px;
      overflow:hidden;
    }
    .hero span{
      font-size:13px;
      opacity:.9;
    }
    article p{
      font-size:17px;
      margin:0 0 22px;
      color:#2c2c2c;
    }
    article h2{
      font-size:28px;
      line-height:1.35;
      letter-spacing:-.025em;
      margin:44px 0 16px;
    }
    article h3{
      font-size:21px;
      margin:30px 0 10px;
    }
    .quick-answer{
      background:var(--soft);
      border-radius:14px;
      padding:20px 22px;
      margin:0 0 30px;
      font-size:16px;
    }
    blockquote{
      margin:28px 0;
      padding:4px 0 4px 20px;
      border-left:3px solid #222;
      color:#555;
      font-size:18px;
    }
    .related{
      margin-top:54px;
      padding-top:28px;
      border-top:1px solid var(--line);
    }
    .related h2{
      margin-top:0;
      font-size:24px;
    }
    .related a{
      display:block;
      padding:14px 0;
      border-bottom:1px solid var(--line);
      font-weight:650;
    }
    .footer{
      border-top:1px solid var(--line);
      padding:28px 24px 40px;
      color:var(--muted);
      font-size:13px;
      text-align:center;
    }
    @media(max-width:640px){
      nav{display:none}
      .header-inner{padding:16px}
      .article-wrap{padding:22px 18px 56px}
      h1{font-size:34px}
      .summary{font-size:17px}
      article p{font-size:16px}
      article h2{font-size:25px}
      .hero{border-radius:12px}
    }
  
img{max-width:100%;object-fit:cover}.thumb img,.card-thumb img{width:100%;height:100%}.card-thumb{overflow:hidden}.pagination{display:flex;gap:16px;padding:24px 0}.empty{padding:30px;color:#777}article a{text-decoration:underline}article img{height:auto}nav{flex-wrap:wrap}
article table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:24px 0}article th,article td{border:1px solid #dce2de;padding:10px 14px;min-width:80px}article pre{overflow:auto;background:#f5f7f6;padding:18px;border-radius:8px}article img{max-width:100%;height:auto}article p:empty{min-height:1em}