/* ---- Guides（站内长文）排版 ---- */
/* 依赖 style.css 的变量：--paper / --ink / --line / --forest / --brass 等 */

.g-hero{padding:56px 0 34px;border-bottom:1px solid var(--line)}
.g-hero .crumbs{margin-bottom:18px}
.g-hero h1{font-size:clamp(30px,4.4vw,48px);line-height:1.12;letter-spacing:-.015em;max-width:22em;margin-bottom:16px}
.g-hero p.g-sub{font-size:18px;color:var(--ink-2);max-width:62ch;margin:0}
.g-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:13px;color:var(--ink-3)}
.g-meta span{display:inline-flex;align-items:center;gap:7px}
.g-meta b{font-weight:500;color:var(--ink)}

/* 正文栏：左侧文章 + 右侧目录 */
.g-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start;padding:46px 0 20px}
.g-art{min-width:0}
.g-art h2{font-size:clamp(23px,2.6vw,30px);line-height:1.22;letter-spacing:-.01em;margin:44px 0 14px;scroll-margin-top:90px}
.g-art h3{font-size:20px;line-height:1.3;margin:30px 0 10px;scroll-margin-top:90px}
.g-art p{margin:0 0 16px;color:var(--ink-2);font-size:16.5px;line-height:1.78}
.g-art p strong{color:var(--ink);font-weight:600}
.g-art ul,.g-art ol{margin:0 0 18px;padding-left:22px;color:var(--ink-2)}
.g-art li{margin-bottom:8px;line-height:1.7}
.g-lead{font-size:18.5px;color:var(--ink);line-height:1.72}
.g-art a{color:var(--forest);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.g-art a:hover{color:var(--brass)}

/* 数据表 */
.g-table{margin:22px 0 26px;border:1px solid var(--line-2);overflow-x:auto}
.g-table table{width:100%;border-collapse:collapse;font-size:15px}
.g-table th,.g-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.g-table thead th{background:var(--paper-3);font-family:var(--font-headline);font-weight:600;font-size:15px;color:var(--ink)}
.g-table tbody tr:last-child td{border-bottom:0}
.g-table td:first-child{font-weight:500;color:var(--ink);white-space:nowrap}
.g-cap{font-size:13px;color:var(--ink-3);margin:-14px 0 26px}

/* 提示块 */
.g-note{border-left:3px solid var(--forest);background:var(--paper-2);padding:16px 20px;margin:24px 0;font-size:15.5px;color:var(--ink-2)}
.g-note b{color:var(--ink)}

/* 目录 */
.g-toc{position:sticky;top:88px;border:1px solid var(--line-2);padding:20px 20px 16px;background:var(--paper-2);font-size:14px}
.g-toc h4{font-family:var(--font-body);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-weight:600}
.g-toc a{display:block;padding:5px 0;color:var(--ink-2);line-height:1.45}
.g-toc a:hover{color:var(--forest)}
.g-toc .g-toc-cta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2)}
.g-toc .g-toc-cta a.btn{display:block;text-align:center;text-decoration:none}

/* FAQ */
.g-faq{margin-top:46px;padding-top:34px;border-top:1px solid var(--line)}
.g-faq h2{margin-top:0}
.g-q{border-bottom:1px solid var(--line);padding:18px 0}
.g-q h3{font-family:var(--font-body);font-size:16.5px;font-weight:600;margin:0 0 8px;color:var(--ink)}
.g-q p{margin:0}

/* 相关产品 / 相关阅读 */
.g-rel{margin-top:46px}
.g-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:18px}
.g-card{border:1px solid var(--line-2);background:var(--paper);display:flex;flex-direction:column;transition:border-color .15s}
.g-card:hover{border-color:var(--forest)}
.g-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--paper-3)}
.g-card span.g-card-b{padding:12px 14px 14px;display:block}
.g-card span.g-card-c{font-size:11.5px;letter-spacing:.1em;color:var(--ink-3);display:block;margin-bottom:4px}
.g-card span.g-card-n{font-size:14.5px;line-height:1.4;color:var(--ink);display:block}
.g-links{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.g-links a{border:1px solid var(--line-2);padding:8px 14px;font-size:13.5px;color:var(--ink-2)}
.g-links a:hover{border-color:var(--forest);color:var(--forest)}

/* 列表页 */
.g-list-hero{padding:54px 0 30px;border-bottom:1px solid var(--line)}
.g-list-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.14;margin-bottom:14px;max-width:24em}
.g-list-hero p{font-size:17px;color:var(--ink-2);max-width:64ch;margin:0}
.g-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;padding:42px 0 70px}
.g-entry{border:1px solid var(--line-2);padding:22px 22px 20px;background:var(--paper);display:flex;flex-direction:column}
.g-entry:hover{border-color:var(--forest)}
.g-entry span.g-tag{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin-bottom:9px}
.g-entry h2{font-size:20px;line-height:1.28;margin:0 0 9px}
.g-entry h2 a{text-decoration:none}
.g-entry h2 a:hover{color:var(--forest)}
.g-entry p{font-size:14.5px;color:var(--ink-2);margin:0 0 14px;flex:1}
.g-entry span.g-date{font-size:12.5px;color:var(--ink-3)}

/* 文末 CTA */
.g-cta{margin-top:50px;background:var(--forest);color:var(--paper);padding:38px 40px}
.g-cta h2{font-size:26px;margin:0 0 10px;color:var(--paper)}
.g-cta p{color:rgba(250,249,246,.82);margin:0 0 20px;max-width:60ch}
.g-cta .btn{margin-right:10px}

@media (max-width:980px){
  .g-wrap{grid-template-columns:1fr;gap:0}
  .g-toc{position:static;margin-bottom:34px;order:-1}
  .g-cta{padding:30px 24px}
}