/* docs 栏目样式 */
.docs-wrap { padding: 48px 0 80px; min-height: 60vh; background: linear-gradient(180deg, #f5f9ff 0%, #fff 100%); }
.docs-wrap .container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.docs-hero { text-align: center; margin-bottom: 40px; }
.crumb { font-size: 13px; color: #94a3b8; margin-bottom: 14px; }
.crumb a { color: #3b82f6; text-decoration: none; }
.docs-hero h1 { font-size: 2.4rem; font-weight: 900; margin: 0 0 12px; color: #0f172a; }
.docs-hero .lead { font-size: .95rem; color: #64748b; max-width: 720px; margin: 0 auto; line-height: 1.7; }
.docs-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }
.sub-card { display: flex; align-items: center; gap: 14px; padding: 20px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; text-decoration: none; transition: .3s; box-shadow: 0 2px 8px rgba(15,23,42,.04); }
.sub-card:hover { border-color: #3b82f6; transform: translateY(-3px); box-shadow: 0 12px 32px rgba(59,130,246,.12); }
.sub-card__ico { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; background: #3b82f6; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; }
.sub-card h4 { font-size: 1rem; font-weight: 700; color: #0f172a; margin: 0 0 4px; }
.sub-card p { font-size: .78rem; color: #64748b; margin: 0; }
.docs-article { max-width: 820px; margin: 0 auto; background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 40px; line-height: 1.9; color: #334155; }
.docs-article p { margin: 0 0 16px; }
.doc-points { padding-left: 20px; color: #475569; }
.doc-points li { margin-bottom: 8px; }
.back-row { margin-top: 28px; }
.btn-ghost { display: inline-block; padding: 10px 22px; border: 1px solid #cbd5e1; border-radius: 10px; color: #3b82f6; text-decoration: none; font-weight: 600; transition: .3s; }
.btn-ghost:hover { background: #f1f5f9; border-color: #3b82f6; }
@media (max-width: 640px) { .docs-hero h1 { font-size: 1.7rem; } .docs-article { padding: 24px; } }

/* ===== 文档详情页（深色，对齐解决方案风格） ===== */
body.doc-detail{background:#0a0f1e;color:#e6edf7}
.doc-d-wrap{position:relative;max-width:1080px;margin:0 auto;padding:0 24px 80px;color:#e6edf7;background:#0a0f1e;overflow:hidden}
.doc-d-wrap::before{content:'';position:absolute;top:-160px;right:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(var(--doc-rgb,59,130,246),.16) 0%,transparent 70%);pointer-events:none}
.doc-d-hero{text-align:center;padding:96px 0 28px;position:relative}
.doc-d-hero-badge{display:inline-block;padding:7px 18px;border-radius:22px;background:rgba(var(--doc-rgb,59,130,246),.12);border:1px solid rgba(var(--doc-rgb,59,130,246),.3);font-size:.78rem;color:var(--doc,#3b82f6);margin-bottom:18px;font-weight:600;letter-spacing:.05em}
.doc-d-hero h1{font-size:2.6rem;font-weight:900;margin:0 0 16px;color:#fff;line-height:1.15}
.doc-d-hero h1 .hl{background:linear-gradient(135deg,var(--doc,#3b82f6),#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.doc-d-hero p{font-size:.96rem;color:#9fb0c9;max-width:720px;margin:0 auto;line-height:1.8}
.doc-d-sec{margin:44px 0}
.doc-d-sec-header{text-align:center;margin-bottom:24px}
.doc-d-sec-header h2{font-size:1.8rem;font-weight:800;margin:0;color:#fff}
.doc-d-sec-header h2 .hl{background:linear-gradient(135deg,var(--doc,#3b82f6),#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.doc-d-steps{display:flex;flex-direction:column;gap:14px}
.doc-d-step{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px;transition:.3s}
.doc-d-step:hover{border-color:rgba(var(--doc-rgb,59,130,246),.4);transform:translateX(4px)}
.doc-d-step-ico{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:linear-gradient(135deg,var(--doc,#3b82f6),#22d3ee);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.doc-d-step h4{font-size:1rem;font-weight:700;margin:0 0 4px;color:#fff}
.doc-d-step p{font-size:.82rem;color:#9fb0c9;margin:0;line-height:1.6}
.doc-d-code{background:#0d1424;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--doc,#3b82f6);border-radius:12px;padding:20px 22px;overflow-x:auto;font-family:'JetBrains Mono',Consolas,monospace;font-size:.85rem;color:#a5d6ff;line-height:1.7}
.doc-d-points{padding-left:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.doc-d-points li{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 18px;font-size:.84rem;color:#cdd9ee}
.doc-d-faqs{display:flex;flex-direction:column;gap:12px}
.doc-d-faq{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px}
.doc-d-faq h4{font-size:.92rem;font-weight:700;margin:0 0 6px;color:#fff}
.doc-d-faq p{font-size:.82rem;color:#9fb0c9;margin:0}
.doc-d-cta{text-align:center;margin-top:48px;padding:44px 24px;background:linear-gradient(135deg,rgba(var(--doc-rgb,59,130,246),.1),rgba(34,211,238,.08));border:1px solid rgba(var(--doc-rgb,59,130,246),.2);border-radius:24px}
.doc-d-cta h3{font-size:1.5rem;font-weight:800;margin:0 0 18px;color:#fff}
.doc-d-btn-primary{display:inline-block;padding:13px 32px;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--doc,#3b82f6),#22d3ee);box-shadow:0 6px 28px rgba(var(--doc-rgb,59,130,246),.35);transition:.3s}
.doc-d-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(var(--doc-rgb,59,130,246),.5)}
.doc-d-back{text-align:center;margin-top:26px}
.doc-d-back a{color:#8aa0bd;text-decoration:none;font-size:.86rem}
.doc-d-back a:hover{color:var(--doc,#3b82f6)}
@media(max-width:640px){.doc-d-hero h1{font-size:1.8rem}.doc-d-points{grid-template-columns:1fr}}