:root{
  --ink:#1f2933; --sub:#5c6b7a; --line:#e7e2da; --bg:#fbfaf8;
  --card:#ffffff; --brand:#16324f; --accent:#b0402f; --accent-soft:#f6ece9;
  --max:860px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Hiragino Sans GB",sans-serif;
  font-size:16px; line-height:1.85; letter-spacing:.01em;
}
a{color:var(--brand); text-decoration:none;}
a:hover{color:var(--accent);}
.wrap{max-width:var(--max); margin:0 auto; padding:0 20px;}
/* 产品页比文章页宽一档：文章要窄才好读，产品页要一屏说清几件事，窄了显单薄 */
.wrap.prod-wrap{max-width:960px;}

header.site{background:var(--card); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10;}
header.site .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; padding-bottom:14px; flex-wrap:wrap;}
.brand{font-size:19px; font-weight:700; color:var(--brand); letter-spacing:.06em;}
.brand small{display:block; font-size:11.5px; font-weight:400; color:var(--sub); letter-spacing:.02em; margin-top:2px;}
nav.top{display:flex; gap:2px 4px; flex-wrap:wrap; justify-content:flex-end;}
nav.top a{padding:5px 9px; border-radius:999px; font-size:13.5px; color:#41505f;}
nav.top a:hover{background:var(--accent-soft); color:var(--accent);}
nav.top a.on{background:var(--brand); color:#fff;}
/* 硬入口（著作书籍 / 主管工作台）：全站固定的产品通道，视觉上比分类重一档，但不做成横幅 */
nav.top a.hard{color:#8d2f22; font-weight:600;}
nav.top a.hard:hover{background:var(--accent); color:#fff;}
nav.top a.hard.on{background:var(--accent); color:#fff;}

.hero{padding:50px 0 26px;}
.hero h1{font-size:29px; line-height:1.5; margin:0 0 14px; color:var(--brand); font-weight:700; letter-spacing:.01em;}
.hero p{color:#43505e; font-size:16.5px; margin:0 0 10px; max-width:640px;}
.hero .meta{color:var(--sub); font-size:13.5px; margin-top:16px;}

/* 首屏速览条：把身份信息做成可扫读的一行，不靠长段落 */
.facts{display:flex; flex-wrap:wrap; gap:0; margin:22px 0 16px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--card);}
.facts .fact{flex:1 1 0; min-width:118px; padding:13px 16px; border-right:1px solid var(--line);}
.facts .fact:last-child{border-right:0;}
.facts .k{display:block; font-size:11.5px; color:var(--sub); letter-spacing:.08em; margin-bottom:3px;}
.facts .v{display:block; font-size:16px; font-weight:600; color:var(--brand);}
/* 正文表格（261018 补）：窄屏横向滚动，不撑破版心 */
.tbl{margin:22px 0; border:1px solid var(--line); border-radius:10px; background:var(--card); overflow-x:auto; -webkit-overflow-scrolling:touch;}
.tbl table{border-collapse:collapse; width:100%; font-size:15px; line-height:1.7;}
.tbl th,.tbl td{padding:9px 13px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top;}
.tbl thead th{background:#f6f2ec; color:var(--brand); font-weight:600; white-space:nowrap;}
.tbl tbody tr:last-child td{border-bottom:0;}
.tbl tbody tr:nth-child(even){background:#fcfaf7;}
.hero-fields{display:flex; flex-wrap:wrap; gap:7px;}
.hero-fields .fld{font-size:12.5px; color:#5c6b7a; background:#f1efe9; border-radius:999px; padding:3px 11px; letter-spacing:.02em;}
.pending{margin:16px 0 0; font-size:13.5px; color:#8b94a0; line-height:1.9;}
.pending a{color:var(--accent);}

/* 空栏提示：不写"本栏内容整理中"，而是给最近更新的文章——点空分类进来的人不留空手 */
.filling{background:var(--card); border:1px dashed var(--line); border-radius:12px; padding:18px 20px 4px; margin-bottom:14px;}
.filling p{margin:0 0 4px; font-size:15px; color:#54606d; line-height:1.8;}
.filling .sub{font-size:13.8px; color:var(--sub); margin-bottom:12px;}

.section-title{margin:38px 0 14px; font-size:15px; color:var(--sub); letter-spacing:.14em; font-weight:600;}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px;}
.card{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px 20px 18px; transition:.15s; display:block;}
.card:hover{border-color:#d3ccc1; box-shadow:0 6px 18px rgba(30,40,60,.06); transform:translateY(-1px);}
.card h3{margin:0 0 8px; font-size:17.5px; color:var(--brand);}
.card p{margin:0; color:#54606d; font-size:14.3px; line-height:1.75;}
.card .n{margin-top:12px; font-size:13px; color:var(--accent);}

/* 工具页入口（首页用）：比普通卡片重一点，因为它要人手点进去 */
.toolcards{display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:14px; margin:18px 0 0;}
.toolcard{display:block; background:linear-gradient(135deg,#b0402f 0%,#8d2f22 100%); border-radius:12px; padding:20px 22px 22px; box-shadow:0 6px 16px rgba(176,64,47,.22); transition:.18s;}
.toolcard:hover{background:linear-gradient(135deg,#c34b37 0%,#9b3526 100%); transform:translateY(-2px); box-shadow:0 10px 22px rgba(176,64,47,.3);}
.toolcard .k{display:inline-block; font-size:11.5px; color:#ffe1d8; letter-spacing:.16em; margin-bottom:8px; background:rgba(255,255,255,.16); padding:2px 9px; border-radius:999px;}
.toolcard .t{display:block; font-size:17px; font-weight:700; color:#fff; line-height:1.5;}
.toolcard .d{display:block; margin-top:6px; font-size:13.5px; color:#ffeae4; line-height:1.7;}

/* 工具入口（分类页用）：比首页卡片轻一档，别抢分类本身的头 */
.cattool{display:block; background:var(--card); border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:0 12px 12px 0; padding:16px 20px; margin:16px 0 4px; transition:.15s;}
.cattool:hover{border-left-color:var(--accent-deep); box-shadow:0 6px 18px rgba(30,40,60,.06);}
.cattool .k{font-size:11px; color:var(--accent); letter-spacing:.18em; margin-bottom:5px;}
.cattool .t{display:block; font-size:16px; font-weight:700; color:var(--ink); line-height:1.55;}
.cattool .d{display:block; margin-top:5px; font-size:13.5px; color:var(--ink-soft); line-height:1.75;}

.list{margin:8px 0 0; padding:0; list-style:none;}
.list li{background:var(--card); border:1px solid var(--line); border-radius:12px; margin-bottom:12px; padding:18px 20px; transition:.15s;}
.list li:hover{border-color:#d3ccc1; box-shadow:0 6px 18px rgba(30,40,60,.06);}
.list .t{font-size:17px; font-weight:600; color:var(--brand); display:block; margin-bottom:6px; line-height:1.55;}
.list .d{color:#54606d; font-size:14.3px; margin:0 0 8px;}
.list .m{color:#8b94a0; font-size:12.8px; letter-spacing:.02em;}
.list .m a{color:#8b94a0;}
.list .m a:hover{color:var(--accent);}

/* 子分类卡片 */
.childcats{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px;}
.childcat{display:block; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; transition:.15s;}
.childcat:hover{border-color:#d3ccc1; box-shadow:0 6px 18px rgba(30,40,60,.06);}
.childcat h4{margin:0 0 6px; font-size:15.5px; color:var(--brand);}
.childcat p{margin:0; font-size:13.4px; color:#54606d; line-height:1.7;}
.childcat .n{margin-top:8px; font-size:12.5px; color:var(--accent);}

/* 分类树（文章总目录） */
ul.tree{list-style:none; margin:6px 0; padding:0;}
ul.tree ul{list-style:none; margin:4px 0 4px 6px; padding-left:18px; border-left:1px dashed var(--line);}
ul.tree li{padding:4px 0;}
ul.tree a.cn{font-weight:600; color:var(--brand); font-size:15.5px;}
ul.tree .num{color:#8b94a0; font-size:12.5px; margin-left:8px;}
ul.tree ul.pts{list-style:none; margin:2px 0 2px 6px; padding-left:18px; border-left:2px solid var(--accent-soft);}
ul.tree ul.pts li{padding:3px 0; font-size:14.6px;}

/* 标签 */
.taglist{display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 0;}
.tag{display:inline-block; padding:4px 13px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:13px;}
.tag:hover{background:#efe0dc;}
.tag .c{color:#b08a80; font-size:12px; margin-left:5px;}

/* 文章页 */
/* 文章页：正文用独立文本列收窄到 740px 并居中，两侧留白加大 —— 长文更省力。
   外层 wrap 仍是 860px，所以卡片/实体块不受影响。 */
article.post{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:42px 46px 36px; margin:30px auto; max-width:742px;}
article.post h1{font-size:25px; line-height:1.5; color:var(--brand); margin:0 0 12px; font-weight:700;}
article.post .m{color:#8b94a0; font-size:13px; padding-bottom:20px; border-bottom:1px solid var(--line); margin-bottom:26px;}
article.post h2{font-size:18.5px; color:var(--brand); margin:34px 0 12px; padding-left:12px; border-left:4px solid var(--accent); line-height:1.6;}
article.post p{margin:0 0 18px; font-size:16.8px; line-height:1.95; color:#252b32;}
article.post strong{color:#141a20; font-weight:600;}
article.post ul{margin:0 0 18px; padding-left:22px;}
article.post li{margin-bottom:8px; font-size:16.3px; line-height:1.85;}
article.post figure{margin:22px 0; text-align:center;}
article.post img{max-width:100%; border-radius:8px;}
article.post code{background:#f2efe9; padding:1px 6px; border-radius:4px; font-size:.92em;}
article.post h3{font-size:16.5px; color:var(--brand); margin:22px 0 6px; font-weight:600;}
article.post ul li{margin-bottom:8px;}
article.post ul li b{color:var(--brand);}
article.post .tags{margin-top:28px; padding-top:16px; border-top:1px dashed var(--line); display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
article.post .tags .lab{color:#8b94a0; font-size:13.5px;}

/* ── 产品专题页（261104 新增）────────────────────────────
   定位：这是"硬的一侧"。公域平台不敢直说的话，在自己的站点上说完整。
   设计上刻意与文章页区分：文章页是窄栏长文，产品页是宽栏、分段、有按钮。
   原则仍是老安的口径——不喊口号、不用"最大/首个"，只说清是什么、给谁、多少钱、怎么拿。 */
.prod-hero{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:38px 42px 34px; margin:24px 0 20px;}
.prod-hero .kicker{display:block; font-size:11.5px; color:var(--accent); letter-spacing:.18em; margin-bottom:12px;}
.prod-hero h1{font-size:27px; line-height:1.45; color:var(--brand); margin:0 0 10px; font-weight:700;}
.prod-hero .sub{font-size:18px; line-height:1.7; color:#3d4a57; margin:0 0 14px; font-weight:600;}
.prod-hero .lead{font-size:16px; line-height:1.95; color:#43505e; margin:0 0 8px; max-width:660px;}
.cta-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;}
.btn{display:inline-block; padding:12px 26px; border-radius:999px; font-size:15.5px; font-weight:600; transition:.15s;}
.btn.primary{background:var(--accent); color:#fff; box-shadow:0 4px 14px rgba(176,64,47,.24);}
.btn.primary:hover{background:#c34b37; color:#fff; transform:translateY(-1px);}
.btn.ghost{background:var(--card); color:var(--brand); border:1px solid #d3ccc1;}
.btn.ghost:hover{border-color:var(--brand); color:var(--brand);}
.cta-note{font-size:13px; color:var(--sub); margin-top:12px; line-height:1.8;}

/* 关键参数条：价格、形态、试用这些"买之前一定想知道"的事，一次摆出来 */
.prod-spec{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:0; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--card); margin:20px 0 8px;}
.prod-spec .s{padding:15px 18px; border-right:1px solid var(--line);}
.prod-spec .s:last-child{border-right:0;}
.prod-spec .k{display:block; font-size:11.5px; color:var(--sub); letter-spacing:.08em; margin-bottom:4px;}
.prod-spec .v{display:block; font-size:15.5px; font-weight:600; color:var(--brand); line-height:1.5;}

.prod-body{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:34px 42px 30px; margin:20px 0;}
.prod-body h2{font-size:18.5px; color:var(--brand); margin:32px 0 12px; padding-left:12px; border-left:4px solid var(--accent); line-height:1.6;}
.prod-body h2:first-child{margin-top:0;}
.prod-body h3{font-size:16px; color:var(--brand); margin:20px 0 6px;}
.prod-body p{font-size:16px; line-height:1.9; color:#2b333c; margin:0 0 14px;}
.prod-body ul{margin:0 0 16px; padding-left:22px;}
.prod-body li{font-size:15.6px; line-height:1.85; margin-bottom:7px; color:#2b333c;}
.prod-body li b{color:var(--brand);}
.prod-body .note{font-size:14px; color:var(--sub); line-height:1.85; background:#f8f5f0; border-radius:8px; padding:14px 18px; margin:0 0 16px;}

/* 章目：书的构成一栏排开，让人一眼知道这本书有没有自己要的那块 */
.chapters{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin:6px 0 20px;}
.chapters .ch{background:#faf8f5; border:1px solid var(--line); border-radius:10px; padding:13px 16px;}
.chapters .ch .no{font-size:11.5px; color:var(--accent); letter-spacing:.1em; display:block; margin-bottom:3px;}
.chapters .ch .nm{font-size:15px; color:var(--brand); font-weight:600; line-height:1.55;}
.chapters .ch .ds{font-size:13.4px; color:#5c6b7a; line-height:1.7; margin-top:4px;}

/* 问答：产品页上的疑问必须当场答掉，否则读者带着疑问关页 */
.qa{margin:4px 0 8px;}
.qa dt{font-size:15.8px; font-weight:600; color:var(--brand); margin-top:18px;}
.qa dd{margin:6px 0 0; font-size:15.4px; line-height:1.85; color:#3d4a57;}

/* 首页产品卡：与"内容分区"的卡片同尺寸，但用左侧色条区分软硬 */
.prodcards{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-top:4px;}
.prodcard{display:block; background:var(--card); border:1px solid var(--line); border-left:3px solid var(--brand); border-radius:0 12px 12px 0; padding:18px 20px; transition:.15s;}
.prodcard:hover{border-left-color:var(--accent); box-shadow:0 6px 18px rgba(30,40,60,.06); transform:translateY(-1px);}
.prodcard .k{display:inline-block; font-size:11px; color:var(--accent); letter-spacing:.16em; margin-bottom:7px;}
.prodcard .t{display:block; font-size:16.5px; font-weight:700; color:var(--brand); line-height:1.5;}
.prodcard .d{display:block; margin-top:6px; font-size:13.6px; color:#54606d; line-height:1.75;}
.prodcard .g{display:block; margin-top:10px; font-size:13px; color:var(--accent); font-weight:600;}

/* 文末引导卡：固定位置、固定形状，只指向对应专题页。
   为什么不插在正文中间：正文一被打断，软文那一侧攒下的信任就跟着没了。 */
.guide{max-width:742px; margin:26px auto 0; background:#f7f4ef; border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:0 12px 12px 0; padding:18px 24px; display:flex; gap:18px; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.guide .gx{flex:1 1 320px;}
.guide .gk{font-size:11px; color:var(--accent); letter-spacing:.16em; display:block; margin-bottom:5px;}
.guide .gt{font-size:16px; font-weight:700; color:var(--brand); line-height:1.5;}
.guide .gd{font-size:13.6px; color:#54606d; line-height:1.75; margin-top:4px;}
.guide a.go{flex:0 0 auto; font-size:14.5px; font-weight:600; color:#fff; background:var(--accent); padding:9px 20px; border-radius:999px;}
.guide a.go:hover{background:#c34b37; color:#fff;}

.entity{background:#f4f7fa; border:1px solid #dde6ee; border-radius:12px; padding:22px 24px; margin:30px 0;}
.entity h4{margin:0 0 10px; font-size:15px; color:var(--brand); letter-spacing:.06em;}
.entity p{margin:0 0 7px; font-size:14.2px; color:#46535f; line-height:1.8;}
.entity b{color:#26313c;}

footer.site{border-top:1px solid var(--line); margin-top:50px; padding:26px 0 40px; color:#8b94a0; font-size:13px;}
footer.site .wrap{display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;}

.crumb{font-size:13.5px; color:#8b94a0; margin:20px 0 0; line-height:1.9;}
.crumb a{color:#8b94a0;}
.crumb a:hover{color:var(--accent);}

@media(max-width:640px){
  .hero h1{font-size:23px;}
  .facts .fact{min-width:50%; border-right:0; border-bottom:1px solid var(--line); flex:1 1 50%;}
  .facts .fact:nth-last-child(-n+2){border-bottom:0;}
  article.post{padding:26px 20px 22px; border-radius:10px; max-width:100%;}
  article.post h1{font-size:20.5px;}
  article.post p{font-size:16.3px;}
  body{font-size:15.5px;}
  /* 产品页窄屏：内边距收窄，参数条改上下排 */
  .prod-hero{padding:26px 20px 24px; border-radius:10px;}
  .prod-hero h1{font-size:21px;}
  .prod-hero .sub{font-size:16.5px;}
  .prod-body{padding:24px 20px; border-radius:10px;}
  .prod-body p,.prod-body li{font-size:15.6px;}
  .prod-spec .s{border-right:0; border-bottom:1px solid var(--line);}
  .prod-spec .s:last-child{border-bottom:0;}
  .guide{max-width:100%; padding:16px 18px;}
  .guide a.go{width:100%; text-align:center;}
}