/* ============================================================
   夏冰服务中心 · 文档系统样式（依赖 theme.css 设计令牌）
   ============================================================ */

/* ---------- 布局骨架 ---------- */
.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:36px 0 64px}
.docs-layout.with-toc{grid-template-columns:240px 1fr 220px}
@media(max-width:960px){.docs-layout,.docs-layout.with-toc{grid-template-columns:1fr}.docs-tree,.docs-toc{display:none}}

.crumb{font-size:13px;color:var(--ink-3);padding:20px 0 0}
.crumb a{color:var(--ink-2);text-decoration:none}
.crumb a:hover{color:var(--blue)}
.crumb .sep{margin:0 8px;color:#d0d4da}

/* ---------- 文档中心首页 ---------- */
.docs-hero{padding:72px 0 56px;text-align:center}
.docs-hero h1{font-size:36px;font-weight:800;margin-bottom:28px}
.docs-hero .pillbox{max-width:640px;margin:0 auto}
.docs-hero .alt{margin-top:16px;font-size:13px;color:var(--ink-3)}

.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:56px}
@media(max-width:960px){.product-grid{grid-template-columns:1fr}}
.product-card{border-radius:var(--radius-card);padding:26px;display:block;text-decoration:none;color:var(--ink);transition:all .25s;border:1px solid transparent}
.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.product-card .cat{font-size:11.5px;color:var(--ink-2);background:rgba(255,255,255,.7);display:inline-block;padding:2px 10px;border-radius:99px;margin-bottom:10px}
.product-card h3{font-size:17px;font-weight:700;margin-bottom:6px}
.product-card p{font-size:12.5px;color:var(--ink-2)}
.product-card .cnt{margin-top:14px;font-size:12.5px;font-weight:600;color:var(--ink)}
.pg1{background:var(--pastel-1)}.pg2{background:var(--pastel-2)}

.hot-docs{border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;margin-bottom:64px}
.hot-docs .hd{padding:16px 24px;font-weight:700;font-size:15px;border-bottom:1px solid var(--line)}
.hot-docs ul{list-style:none;margin:0;padding:8px 0}
.hot-docs li a{display:flex;justify-content:space-between;padding:11px 24px;color:var(--ink);text-decoration:none;font-size:14px}
.hot-docs li a:hover{background:var(--bg-soft);color:var(--blue)}
.hot-docs li a span{color:var(--ink-3);font-size:12.5px}

/* ---------- 侧栏文档树 ---------- */
.docs-tree{font-size:13.5px;position:sticky;top:24px}
.tree-product{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}
.tree-p-name{display:block;padding:11px 14px;font-weight:700;color:var(--ink);text-decoration:none;background:var(--bg-soft)}
.tree-p-name:hover{color:var(--blue)}
.tree-list{list-style:none;margin:0;padding:6px 0;display:none}
.tree-product.open .tree-list{display:block}
.tree-list li a{display:block;padding:7px 14px 7px 22px;color:var(--ink-2);text-decoration:none;border-left:2px solid transparent}
.tree-list li a:hover{color:var(--blue)}
.tree-list li.cur a{color:var(--blue);font-weight:600;border-left-color:var(--blue);background:#f6f9ff}

/* ---------- 文档详情 ---------- */
.doc-article{min-width:0}
.doc-article h1{font-size:30px;font-weight:800;line-height:1.35;margin:14px 0 10px}
.doc-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--ink-3);padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}
.doc-meta .tag-p,.doc-meta .tag-t{background:var(--pastel-2);border-radius:99px;padding:2px 12px;color:var(--ink-2)}

.doc-body{font-size:15px;line-height:1.85;color:var(--ink)}
.doc-body h2{font-size:21px;font-weight:800;margin:38px 0 14px;padding-left:12px;border-left:4px solid var(--blue);line-height:1.4}
.doc-body h3{font-size:16.5px;font-weight:700;margin:28px 0 10px}
.doc-body p{margin:14px 0}
.doc-body ul,.doc-body ol{margin:14px 0 14px 22px}
.doc-body li{margin:6px 0}
.doc-body img{max-width:100%;border-radius:8px;border:1px solid var(--line)}
.doc-body code{background:#f3f4f8;border-radius:5px;padding:2px 7px;font-size:13px;color:#c7254e}
.doc-body pre{background:#0f1420;color:#dbe4f5;border-radius:10px;padding:18px;overflow:auto;font-size:13px;line-height:1.7}
.doc-body pre code{background:none;color:inherit;padding:0}
.doc-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13.5px}
.doc-body th{background:var(--bg-soft);text-align:left;padding:10px 14px;border:1px solid var(--line)}
.doc-body td{padding:10px 14px;border:1px solid var(--line)}
.doc-body blockquote{margin:18px 0;padding:14px 18px;border-left:4px solid var(--blue);background:#f6f9ff;border-radius:0 8px 8px 0;color:var(--ink-2)}
.doc-body a{color:var(--blue)}

/* 页内目录 */
.docs-toc{position:sticky;top:24px;font-size:12.5px}
.docs-toc .toc-title{font-weight:700;margin-bottom:10px;color:var(--ink)}
.docs-toc ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.docs-toc li a{display:block;padding:5px 0 5px 14px;color:var(--ink-2);text-decoration:none}
.docs-toc li a:hover{color:var(--blue)}
.docs-toc li.toc-sub a{padding-left:28px;color:var(--ink-3)}

/* 上一篇/下一篇 */
.doc-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:44px 0 0}
.doc-nav a{border:1px solid var(--line);border-radius:10px;padding:14px 18px;text-decoration:none;color:var(--ink);font-size:13.5px}
.doc-nav a:hover{border-color:var(--blue);color:var(--blue)}
.doc-nav .lbl{display:block;font-size:11.5px;color:var(--ink-3);margin-bottom:4px}
.doc-nav .next{text-align:right}

/* 反馈引导卡 */
.doc-feedback{margin-top:36px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.doc-feedback .t{flex:1;min-width:220px}
.doc-feedback h4{font-size:15.5px;font-weight:700;margin-bottom:4px}
.doc-feedback p{font-size:12.5px;color:var(--ink-2)}

/* 相关产品文档 */
.doc-related{margin-top:36px}
.doc-related h4{font-size:15px;font-weight:700;margin-bottom:10px}
.doc-related ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.doc-related li a{display:block;padding:10px 16px;font-size:13.5px;color:var(--ink-2);text-decoration:none;border-bottom:1px solid #f4f5f7}
.doc-related li:last-child a{border-bottom:none}
.doc-related li a:hover{color:var(--blue);background:var(--bg-soft)}

/* ---------- 产品/场景归档页 ---------- */
.archive-head{padding:48px 0 28px}
.archive-head .cat{font-size:12.5px;color:var(--ink-3)}
.archive-head h1{font-size:30px;font-weight:800;margin:6px 0 8px}
.archive-head p{color:var(--ink-2);font-size:14px;max-width:640px}
.topic-group{margin-bottom:34px}
.topic-group>h2{font-size:17px;font-weight:800;margin-bottom:10px;padding-left:10px;border-left:4px solid var(--blue)}
.topic-group .doc-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.topic-group .doc-list a{display:flex;justify-content:space-between;padding:12px 18px;font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid #f4f5f7}
.topic-group .doc-list a:last-child{border-bottom:none}
.topic-group .doc-list a:hover{color:var(--blue);background:var(--bg-soft)}
.topic-group .doc-list a time{color:var(--ink-3);font-size:12px}

/* 页脚区块（与 theme.css 配合的细节补充） */
.footer .big{text-align:center;padding-bottom:48px}
.footer .big h3{font-size:24px;font-weight:700;margin-top:8px}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:20px;padding:32px 0;border-top:1px solid #222}
.footer h4{font-size:13px;margin-bottom:12px}
.footer a{display:block;margin-bottom:8px}
.footer .base{border-top:1px solid #222;padding:16px 0;text-align:center;font-size:12px;color:#5e5e66}
@media(max-width:960px){.footer .cols{grid-template-columns:1fr 1fr}}