/* BP向导 /guide 栏目样式 —— 独立文件，不改动首页 style.css
   品牌色：品牌蓝 #4D6BFE 体系（primary #4D6BFE / deep #3350E0 / light #EDF2FF）；CTA 橙 #F57C00 为 2026-10-05 老板拍板的全站强调色，保留 */

:root{
  --primary:#4D6BFE;
  --primary-dark:#3350E0;
  --primary-light:#EDF2FF;
  --accent:#F57C00;
  --accent-soft:#FFF3E4;
  --text:#1F2D3D;
  --text-light:#5B6B7C;
  --border:#E3E9EF;
  --bg:#FFFFFF;
  --bg-soft:#F7F9FB;
  --radius:14px;
  --radius-sm:9px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",sans-serif;
  font-size:16px;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;}
a{color:var(--primary);text-decoration:none;}
a:hover{color:var(--accent);}

.container{width:min(860px,calc(100% - 40px));margin:0 auto;}

/* 顶部导航 */
.guide-top{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;}
.guide-top .container{display:flex;align-items:center;gap:14px;height:60px;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--primary);font-size:18px;white-space:nowrap;}
.brand img{height:32px;width:auto;}
.guide-top nav{margin-left:auto;display:flex;gap:16px;font-size:14px;flex-wrap:wrap;}
.guide-top nav a{color:var(--text-light);}
.guide-top nav a:hover{color:var(--accent);}

/* 面包屑 */
.crumbs{font-size:13px;color:var(--text-light);padding:16px 0 0;}
.crumbs a{color:var(--text-light);}
.crumbs span{margin:0 6px;color:#B9C4CF;}

/* 正文 */
article{padding:8px 0 10px;}
h1{font-size:30px;line-height:1.4;margin:14px 0 12px;color:var(--primary);letter-spacing:-.2px;}
.lede{
  background:var(--primary-light);
  border-left:4px solid var(--accent);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:16px 20px;margin:0 0 26px;font-size:16px;line-height:1.85;color:#24425F;
}
h2{font-size:21px;margin:38px 0 14px;color:var(--primary);padding-bottom:9px;border-bottom:1px solid var(--border);}
h3{font-size:17px;margin:26px 0 10px;color:var(--primary-dark);}
p{margin:0 0 15px;}
ul,ol{margin:0 0 18px;padding-left:22px;}
li{margin-bottom:8px;}
strong{color:var(--primary-dark);font-weight:700;}

.meta{font-size:13px;color:var(--text-light);padding-bottom:6px;}

/* 表格 */
.tw{overflow-x:auto;margin:0 0 22px;-webkit-overflow-scrolling:touch;}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px;background:#fff;}
th,td{border:1px solid var(--border);padding:11px 13px;text-align:left;vertical-align:top;}
th{background:var(--primary);color:#fff;font-weight:700;white-space:nowrap;}
tbody tr:nth-child(even){background:var(--bg-soft);}

/* 提示块 */
.note{background:var(--accent-soft);border:1px solid #F6D9B0;border-radius:var(--radius-sm);padding:14px 18px;margin:0 0 20px;font-size:15px;}
.note strong{color:#9A4B00;}

/* FAQ */
.faq{margin:34px 0 10px;padding:22px;background:var(--bg-soft);border-radius:var(--radius);}
.faq h2{margin-top:0;border:0;padding:0;font-size:19px;}
.faq-item{padding:13px 0;border-bottom:1px dashed var(--border);}
.faq-item:last-child{border-bottom:0;padding-bottom:0;}
.faq-q{font-weight:700;color:var(--primary-dark);margin-bottom:6px;}
.faq-a{color:var(--text-light);font-size:15px;}

/* CTA */
.cta{
  margin:30px 0 10px;padding:24px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;
}
.cta h3{margin:0 0 8px;color:#fff;font-size:19px;}
.cta p{margin:0 0 16px;color:#D6E2ED;font-size:15px;}
.cta .btn{
  display:inline-block;background:var(--accent);color:#fff;font-weight:700;
  padding:11px 26px;border-radius:var(--radius-sm);font-size:15px;
}
.cta .btn:hover{background:#E87100;color:#fff;}

/* 相关文章内链 */
.related{margin:28px 0 0;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);}
.related h3{margin:0 0 12px;font-size:16px;}
.related ul{margin:0;padding-left:20px;}
.related li{margin-bottom:7px;font-size:15px;}

/* 页脚 */
.guide-footer{margin-top:44px;background:#081F36;color:#D0DAE3;padding:30px 0;font-size:13px;}
.guide-footer a{color:#9FB6C9;}
.guide-footer a:hover{color:#FFAD59;}
.guide-footer .container{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;}
.guide-footer .links{display:flex;flex-wrap:wrap;gap:16px;}
.guide-footer .copy{width:100%;color:rgba(255,255,255,.55);margin-top:6px;}

/* 索引页 */
.index-head{padding:26px 0 6px;}
.index-head h1{margin-bottom:10px;}
.index-head p{color:var(--text-light);font-size:15.5px;}
.card-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px;}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;background:#fff;transition:border-color .15s,box-shadow .15s;}
.card:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(58,86,232,.08);}
.card h2{margin:0 0 8px;font-size:18.5px;border:0;padding:0;}
.card h2 a{color:var(--primary);}
.card p{margin:0;color:var(--text-light);font-size:14.5px;line-height:1.75;}
.card .tag{display:inline-block;background:var(--accent-soft);color:#9A4B00;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:9px;}

/* 移动端 */
@media (max-width:640px){
  body{font-size:15.5px;line-height:1.85;}
  .container{width:calc(100% - 32px);}
  h1{font-size:23px;}
  h2{font-size:19px;margin-top:30px;}
  .lede{padding:13px 15px;font-size:15px;}
  .guide-top .container{height:54px;gap:10px;}
  .brand{font-size:16px;}
  .guide-top nav{gap:12px;font-size:13px;}
  .guide-top nav a:nth-child(n+3){display:none;}
  .cta{padding:20px 18px;}
  .faq{padding:16px;}
}