/* 项目详情页（如 /shuyin-ka.html）的正文排版，独立于首页布局样式 */
.doc { padding:96px 0 140px; }
.doc-head { max-width:760px; }
.doc .eyebrow { color:#888; }
.doc h1 { margin:0 0 6px; font-family:"Songti SC","Noto Serif SC",serif; font-size:40px; font-weight:500; line-height:1.3; }
.doc h1 span { display:block; font-size:19px; color:#999; font-weight:300; letter-spacing:.5px; margin-top:8px; }
.doc blockquote { margin:34px 0 0; padding-left:20px; border-left:2px solid #333; color:#aaa; font-size:14px; line-height:1.9; font-style:italic; }
.doc blockquote p { margin:0 0 10px; }
.doc blockquote p:last-child { margin-bottom:0; }
.doc .lead { max-width:640px; font-size:16px; line-height:1.9; color:#ddd; margin:28px 0 0; }
.doc .rule { margin:56px 0; }

.doc h2 { max-width:760px; margin:64px 0 22px; padding-top:28px; border-top:1px solid var(--line); font-family:"Songti SC",serif; font-size:24px; font-weight:500; }
.doc p, .doc ul, .doc ol { max-width:700px; font-size:15px; line-height:1.95; color:#ccc; margin:0 0 18px; }
.doc ul, .doc ol { padding-left:22px; }
.doc li { margin-bottom:10px; }
.doc li::marker { color:#666; }
.doc strong { color:#fff; font-weight:600; }
.doc code { font-family:"SFMono-Regular",Menlo,Consolas,monospace; font-size:.9em; color:#eee; background:#131313; border:1px solid #262626; border-radius:3px; padding:.1em .4em; }

.doc table { width:100%; max-width:700px; border-collapse:collapse; margin:0 0 24px; font-size:14px; }
.doc th, .doc td { text-align:left; padding:10px 14px; border-bottom:1px solid var(--line); color:#ccc; }
.doc th { color:#888; font-weight:600; letter-spacing:.5px; font-size:12px; text-transform:uppercase; border-top:1px solid var(--line); }

.doc pre { max-width:700px; overflow-x:auto; background:#0a0a0a; border:1px solid #1e1e1e; border-radius:4px; padding:20px 22px; margin:0 0 20px; }
.doc pre code { background:none; border:none; padding:0; color:#ddd; font-size:13px; line-height:1.7; }

.doc .changelog li { color:#aaa; }

.doc-cta { margin-top:70px; padding-top:36px; border-top:1px solid var(--line); display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.doc-cta a { display:inline-flex; align-items:center; gap:10px; border-bottom:1px solid #555; padding:10px 0; font-size:12px; font-weight:600; letter-spacing:2px; transition:border-color .3s ease; }
.doc-cta a:hover, .doc-cta a:focus-visible { border-color:#fff; }
.doc-cta a span { display:inline-block; transition:transform .4s cubic-bezier(.22,1,.36,1); }
.doc-cta a:hover span, .doc-cta a:focus-visible span { transform:translateX(6px); }
.doc-cta .license { color:#666; font-size:11px; letter-spacing:1px; }

@media (max-width:800px) {
  .doc { padding:60px 0 100px; }
  .doc h1 { font-size:28px; }
  .doc h2 { font-size:20px; margin-top:48px; }
  .doc table { font-size:13px; }
  .doc th, .doc td { padding:8px 10px; }
}
@media (prefers-reduced-motion:reduce) {
  .doc-cta a, .doc-cta a span { transition:none; }
}