:root {
      --text:#222;
      --muted:#666;
      --light:#999;
      --border:#efefef;
      --accent:#f25700;
      --page:#ffffff;
    }
    * { box-sizing: border-box; }
    html, body { margin:0; padding:0; background:var(--page); color:var(--text); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
    a { color: inherit; text-decoration: none; }
    img { display:block; max-width:100%; }
    .topline { height:4px; background:var(--accent); }
    .site-header { border-bottom:1px solid #f3f3f3; background:#fff; }
    .header-inner { width:1200px; margin:0 auto; height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 8px; }
    .header-left { display:flex; align-items:center; gap:30px; justify-content:flex-start; flex:1; margin-left:-6px; }
    .logo { width:164px; height:auto; }
    .main-nav { display:flex; gap:30px; font-size:15px; color:#222; }
    .header-right { display:flex; align-items:center; gap:12px; justify-content:flex-end; margin-left:auto; flex:none; padding-right:2px; }
    .action-pill { height:34px; padding:0 12px; border:1px solid #f1f1f1; border-radius:4px; display:flex; align-items:center; gap:6px; font-size:12px; color:#666; background:#fff; }
    .action-pill img { width:15px; height:15px; object-fit:contain; }
    .action-pill.download img { width:16px; height:16px; }
    .page-wrap { width:1200px; margin:0 auto; }
    .page-top-gap { height: 8px; }
    .article-shell { display:grid; grid-template-columns: 170px 760px 270px; align-items:start; }
    .article-side { min-height:20px; }
    .article-side.right { padding-top: 18px; }
    .side-card { border-left:1px solid #f3f3f3; padding-left:24px; color:#888; }
    .side-card .side-title { font-size:14px; color:#222; margin-bottom:12px; font-weight:600; }
    .side-card .side-item { font-size:12px; line-height:1.9; margin-bottom:8px; color:#8b8b8b; }
    .article-wrap { width:760px; margin:34px 0 0; }
    .title { font-size:40px; line-height:1.28; font-weight:700; text-align:center; letter-spacing:.1px; margin:0; }
    .meta { margin-top:16px; display:flex; justify-content:center; align-items:center; gap:16px; flex-wrap:wrap; font-size:13px; color:#666; }
    .content { margin-top:26px; }
    .hero-photo { margin: 0 0 22px; display:flex; justify-content:center; }
    .hero-photo img { width:100%; max-width:420px; border-radius:10px; display:block; }
    .content p { margin:0 0 18px; font-size:17px; line-height:2; color:#222; text-align:justify; text-indent:2em; }
    .inline-photo { margin: 10px 0 22px; width:100%; max-width:100%; }
    .inline-photo img { width:100%; border-radius:8px; display:block; margin:0; }
    .inline-photo figcaption { margin-top:10px; font-size:13px; line-height:1.7; color:#777; text-align:center; }
    .content p strong { font-weight:700; }
    .content p:last-child { color:#222; }
    .editor-line { margin-top: 10px; font-size:14px; line-height:1.8; color:#777; text-align:left; text-indent:0; }
    .comments { width:760px; margin:54px auto 0; }
    .comments h3 { margin:0 0 22px; font-size:20px; line-height:1.2; font-weight:600; }
    .comment-list { display:flex; flex-direction:column; gap:24px; }
    .comment-item { display:flex; gap:12px; }
    .avatar { width:28px; height:28px; border-radius:50%; background:#f1f1f1; border:1px solid #ececec; overflow:hidden; flex:none; display:flex; align-items:center; justify-content:center; color:#666; font-size:13px; font-weight:500; }
    .avatar img { width:100%; height:100%; object-fit:cover; }
    .comment-body { flex:1; min-width:0; }
    .comment-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:6px; }
    .comment-name { font-size:14px; color:#222; line-height:1; }
    .comment-meta { color:#999; font-size:12px; line-height:1; }
    .comment-text { font-size:14px; line-height:1.8; color:#444; }
    .open-app { margin:38px 0 0; height:46px; border-radius:8px; background:#f8f8f8; color:#8a8a8a; font-size:14px; display:flex; align-items:center; justify-content:center; }
    .site-footer { margin-top:72px; background:#fff; }
    .footer-inner { width:1200px; margin:0 auto; padding:0 0 28px; }
    .footer-top { border-top:1px solid var(--border); padding-top:28px; display:flex; justify-content:space-between; gap:80px; }
    .footer-block-title { font-size:14px; color:#222; margin-bottom:14px; font-weight:600; }
    .links-list { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:12px 18px; max-width:760px; }
    .links-list li, .download-method .item, .host { font-size:12px; color:#8b8b8b; line-height:1.8; }
    .download-method { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:8px; }
    .download-method .item { display:flex; align-items:center; gap:6px; }
    .download-method img { width:16px; height:16px; }
    .download-method .erweima { width:15px; height:15px; }
    .footer-line { height:1px; background:var(--border); margin:20px 0 16px; }
    .copyright { display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; color:#9b9b9b; line-height:1.8; text-align:center; flex-wrap:wrap; }
    .copyright img { width:14px; height:14px; }
    @media (max-width: 1280px) {
      .header-inner, .page-wrap, .footer-inner { width: 1000px; }
    }
    @media (max-width: 1040px) {
      .header-inner, .page-wrap, .footer-inner { width: calc(100% - 32px); }
      .header-left { gap:24px; }
      .main-nav { gap:18px; }
      .article-wrap, .comments { width:100%; }
      .title { font-size:32px; }
      .content p { font-size:16px; }
      .footer-top { flex-direction:column; gap:24px; }
      .links-list { max-width:none; }
    }