/* ============================================================
 * kz08 —— 开锁指南（www.kaisuozhinan.com 订制款，禁换款/禁改款）
 * 设计语言：流程线路图风（地铁八号线）——线绿 #1d7a63 + 深墨绿 #12352c + 警示红 #c0392b + 金 #d9a521 + 底 #f0f4f8
 * 设计稿：网站\开锁指南小样50\ks08.html（老板挑选定稿）
 *        + 网站\开锁指南定稿\{index,category,post,tag,about}.html（五页定稿 1:1 复刻）
 * 九条栏目线路色：1常识#1d7a63 2选购#0052c9 3智能#8e44ad 4汽车#d9821f 5柜锁#2f9e44 6配匙#c2185b 7安防#00a3b8 8防骗#c0392b 9问答#5d6d7e
 * ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;background:#f0f4f8;color:#22303e;font-size:14px;line-height:1.7}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.w{width:min(1230px,96%);margin:0 auto}
/* ===== 顶条 ===== */
.k8-top{background:#12352c;color:#c9ded6;font-size:12px}
.k8-top .w{display:flex;justify-content:space-between;padding:6px 0;gap:12px;flex-wrap:wrap}
.k8-top b{color:#ffd98a}
/* ===== 头部 ===== */
.k8-hd{background:#fff;border-bottom:4px solid #1d7a63}
.k8-hd .w{display:flex;align-items:center;gap:18px;padding:14px 0;flex-wrap:wrap}
.k8-logo{display:flex;align-items:center;gap:12px}
.k8-logo .ic{width:48px;height:48px;border-radius:50%;background:#1d7a63;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;border:4px solid #dcefe9}
.k8-logo h1{font-size:24px;color:#12352c;letter-spacing:2px}
.k8-logo h1 small{display:block;font-size:11px;color:#8ba0ad;letter-spacing:2px;font-weight:normal}
.k8-srch{display:flex}
.k8-srch input{width:300px;border:2px solid #1d7a63;border-right:0;padding:8px 12px;font-size:13px;outline:none}
.k8-srch button{background:#1d7a63;color:#fff;border:0;padding:0 20px;font-size:14px;cursor:pointer}
.k8-hot{color:#7d94a0;font-size:11px;margin-top:4px}
.k8-hot a{color:#1d7a63;margin-right:8px}
.k8-tel{margin-left:auto;text-align:right;border-left:1px solid #e2e9ef;padding-left:18px}
.k8-tel em{font-style:normal;font-size:11px;color:#8ba0ad;display:block}
.k8-tel strong{font-size:21px;color:#d0653a;font-family:Arial}
/* ===== 导航 ===== */
.k8-nav{background:#1d7a63}
.k8-nav .w{display:flex;flex-wrap:wrap}
.k8-nav a{color:#fff;padding:12px 19px;font-size:14.5px;border-right:1px solid #2b8f77}
.k8-nav a:hover{background:#2b8f77}
.k8-nav a.on{background:#12352c;font-weight:bold}
.k8-nav a i{font-style:normal;display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:2px}
.k8-nav .sp{margin-left:auto;color:#d3ecdf;font-size:12px;display:flex;align-items:center;padding:0 14px}
/* ===== 播报条 ===== */
.k8-tick{background:#fff;border-bottom:1px solid #dfe7ee}
.k8-tick .w{display:flex;align-items:center;gap:12px;padding:8px 0}
.k8-tick .lb{background:#d9a521;color:#4a3600;font-size:11px;font-weight:bold;border-radius:3px;padding:2px 10px;flex:none;letter-spacing:1px}
.k8-tick .tx{font-size:13px;color:#4a5a66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k8-tick .tx b{color:#c0392b}
/* ===== 线路图大屏 ===== */
.k8-map{background:#fff;margin:14px auto;border-radius:12px;padding:24px 22px 14px;box-shadow:0 4px 18px rgba(29,122,99,.08);border:1px solid #e3e9f0}
.k8-map>h2{text-align:center;font-size:17px;color:#12352c;margin-bottom:26px}
.k8-map>h2 b{color:#1d7a63}
.k8-map>h2 span{display:block;font-size:11px;color:#8ba0ad;font-weight:normal;margin-top:2px}
.k8-line{position:relative;padding:0 8px 6px}
.k8-line::before{content:"";position:absolute;left:5%;right:5%;top:26px;height:8px;border-radius:4px;background:linear-gradient(90deg,#1d7a63 0%,#1d7a63 60%,#d9a521 60%,#d9a521 86%,#c0392b 86%)}
.k8-stops{display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.k8-stop{text-align:center}
.k8-stop .dot{width:26px;height:26px;border-radius:50%;background:#fff;border:7px solid #1d7a63;margin:14px auto 10px;position:relative;z-index:2}
.k8-stop:nth-child(5) .dot{border-color:#d9a521}
.k8-stop:nth-child(6) .dot{border-color:#c0392b}
.k8-stop b{display:block;font-size:15px;color:#12352c}
.k8-stop p{font-size:11px;color:#7d8f9c;line-height:1.6;padding:0 8px}
.k8-stop .lb2{display:inline-block;font-size:10px;background:#e7f3ef;color:#1d7a63;border-radius:8px;padding:1px 8px;margin-top:5px}
.k8-legend{display:flex;justify-content:center;gap:24px;font-size:11px;color:#7d8f9c;padding:13px 0 6px;border-top:1px dashed #dbe5ec;margin-top:14px;flex-wrap:wrap}
.k8-legend i{font-style:normal;display:inline-block;width:22px;height:6px;border-radius:3px;margin-right:6px;vertical-align:2px}
/* 支线 */
.k8-branch{margin-top:10px;border-top:1px dashed #dbe5ec;padding-top:14px}
.k8-branch h4{font-size:13px;color:#12352c;margin-bottom:10px}
.k8-branch h4 span{font-size:11px;color:#8ba0ad;font-weight:normal;margin-left:8px}
.k8-brow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.k8-bline{border:1px solid #e3e9f0;border-radius:10px;padding:10px 14px;background:#f8fbfa;overflow:hidden}
.k8-bline .nm{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:bold;color:#12352c;margin-bottom:8px}
.k8-bline .nm i{font-style:normal;width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.k8-bline .nm span{margin-left:auto;font-size:10px;color:#8ba0ad;font-weight:normal}
.k8-bline .st{display:flex;align-items:center;position:relative;padding:2px 0 6px}
.k8-bline .st::before{content:"";position:absolute;left:8px;right:8px;top:5px;height:3px;border-radius:2px;background:currentColor;opacity:.35}
.k8-bline .st a{position:relative;flex:1;text-align:center;font-size:11px;color:#4a5a66;padding-top:14px;line-height:1.4}
.k8-bline .st a::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid currentColor}
.k8-bline .st a:hover{color:#1d7a63;font-weight:bold}
/* ===== 主体 ===== */
.k8-main{display:grid;grid-template-columns:1fr 320px;gap:16px;margin:16px auto}
/* 时间轴 */
.k8-tl{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 18px rgba(29,122,99,.08);border:1px solid #e3e9f0}
.k8-tl h3{font-size:16px;color:#12352c;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.k8-tl h3::before{content:"";width:10px;height:10px;border-radius:50%;background:#1d7a63}
.k8-tl h3 span{margin-left:auto;font-size:11px;color:#8ba0ad;font-weight:normal}
.k8-tl .sub{font-size:12px;color:#8ba0ad;margin-bottom:14px;padding-left:18px}
.k8-day{margin-bottom:16px}
.k8-day .dh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.k8-day .dte{background:#1d7a63;color:#fff;border-radius:8px;padding:4px 14px;font-family:Arial;font-weight:bold;font-size:14px}
.k8-day .dte small{font-weight:normal;font-size:10px;display:block;line-height:1.2;letter-spacing:1px}
.k8-day .ln{flex:1;height:1px;background:linear-gradient(90deg,#c6d5e5,transparent)}
.k8-day .n{font-size:11px;color:#a8b4c4}
.k8-rail{position:relative;padding-left:26px}
.k8-rail::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(#1d7a63,#d5dfea)}
.k8-ev{position:relative;margin-bottom:12px}
.k8-ev::before{content:"";position:absolute;left:-24px;top:6px;width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid #1d7a63}
.k8-ec{background:#fff;border:1px solid #e3e9f0;border-radius:10px;padding:11px 14px}
.k8-ec:hover{border-color:#1d7a63}
.k8-ec .meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#a8b4c4;margin-bottom:3px}
.k8-ec .meta .chp{color:#fff;border-radius:3px;padding:1px 8px;font-size:10px}
.k8-ec h4{font-size:15.5px;margin:2px 0 3px}
.k8-ec h4 a{color:#22303e}
.k8-ec h4 a:hover{color:#1d7a63}
.k8-ec p{font-size:12px;color:#67788a}
/* 侧栏 */
.k8-side{display:flex;flex-direction:column;gap:14px}
.k8-box{background:#fff;border:1px solid #e3e9f0;border-radius:12px;overflow:hidden}
.k8-box h4{font-size:14px;color:#12352c;padding:10px 14px;border-bottom:2px solid #eef3f7;display:flex;align-items:center}
.k8-box h4::before{content:"";width:8px;height:8px;border-radius:50%;background:#1d7a63;margin-right:8px}
.k8-box h4 i{font-style:normal;margin-left:auto;font-size:10px;color:#8ba0ad}
.k8-box .bd{padding:10px 14px}
.k8-scn{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.k8-scn a{display:flex;align-items:center;gap:8px;background:#f2f8f6;border-radius:8px;padding:9px 10px;font-size:12px;color:#2a4a40}
.k8-scn a b{font-size:18px}
.k8-scn a:hover{background:#e2f1ec}
.k8-rank{counter-reset:x}
.k8-rank li{counter-increment:x;display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed #eef3f7;font-size:13px;align-items:baseline}
.k8-rank li:last-child{border:0}
.k8-rank li::before{content:counter(x);font-family:Arial;font-size:12px;color:#fff;background:#c3cfdc;width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.k8-rank li:nth-child(-n+3)::before{background:#d0653a}
.k8-rank li a{color:#2a3b49;flex:1}
.k8-rank li a:hover{color:#1d7a63}
.k8-fare td{padding:7px 2px;border-bottom:1px dashed #eef3f7;font-size:12.5px}
.k8-fare td:last-child{text-align:right;color:#d0653a;font-weight:bold;font-family:Arial}
.k8-qa .q{background:#f6f9fc;border-left:3px solid #1d7a63;border-radius:0 6px 6px 0;padding:8px 10px;margin-bottom:8px;font-size:12px;color:#5a6a80}
.k8-qa .q b{display:block;font-size:13px;color:#12352c}
.k8-qa .q:last-child{margin-bottom:0}
/* ===== 三专区带 ===== */
.k8-zone{margin:16px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.k8-zc{background:#fff;border:1px solid #e3e9f0;border-radius:12px;overflow:hidden}
.k8-zc .cap{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:2px solid #eef3f7;font-size:15px;color:#12352c}
.k8-zc .cap i{font-style:normal;width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.k8-zc .cap span{margin-left:auto;font-size:10px;color:#a8b4c4}
.k8-zc li{display:flex;gap:8px;padding:9px 16px;border-bottom:1px dashed #eef3f7;font-size:13px;align-items:baseline}
.k8-zc li:last-child{border:0}
.k8-zc li::before{content:"▪";color:#1d7a63;font-size:11px}
.k8-zc li a{flex:1;color:#2a3b49}
.k8-zc li a:hover{color:#1d7a63}
.k8-zc li em{font-style:normal;font-size:11px;color:#a8b4c4;font-family:Arial}
.k8-zc .all{display:block;margin:8px 16px 12px;text-align:center;background:#f2f8f6;color:#1d7a63;border-radius:6px;padding:7px;font-size:12px}
.k8-zc .all:hover{background:#1d7a63;color:#fff}
/* ===== 双栏列表带 ===== */
.k8-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px auto}
.k8-lbox{background:#fff;border:1px solid #e3e9f0;border-radius:12px;overflow:hidden}
.k8-lbox h4{padding:11px 16px;border-bottom:2px solid #eef3f7;font-size:15px;color:#12352c;display:flex;align-items:center;gap:8px}
.k8-lbox h4::before{content:"";width:5px;height:18px;border-radius:2px;background:#1d7a63}
.k8-lbox h4 span{margin-left:auto;font-size:11px;color:#8ba0ad;font-weight:normal}
.k8-lbox ul{padding:6px 16px 10px}
.k8-lbox li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed #eef3f7;font-size:13px;align-items:baseline}
.k8-lbox li:last-child{border:0}
.k8-lbox li .cat{font-size:10px;background:#eef3fa;color:#38618f;border-radius:3px;padding:1px 7px;flex:none}
.k8-lbox li a{flex:1;color:#2a3b49}
.k8-lbox li a:hover{color:#1d7a63}
.k8-lbox li .dt{font-size:11px;color:#a8b4c4;font-family:Arial}
/* ===== 数据带 ===== */
.k8-data{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px auto}
.k8-data div{background:#fff;border:1px solid #e3e9f0;border-top:3px solid #1d7a63;border-radius:10px;text-align:center;padding:16px 8px}
.k8-data b{display:block;font-size:28px;font-family:Arial;color:#12352c}
.k8-data b i{font-style:normal;font-size:13px;color:#1d7a63}
.k8-data span{font-size:12px;color:#7d8f9c}
/* ===== 广播带 ===== */
.k8-xfer{background:linear-gradient(90deg,#12352c,#1d7a63);border-radius:12px;color:#fff;display:flex;align-items:center;gap:18px;padding:16px 22px;margin:16px auto;flex-wrap:wrap}
.k8-xfer .ic{font-size:32px}
.k8-xfer h4{font-size:16px}
.k8-xfer p{font-size:12px;color:#c9ded6}
.k8-xfer .go{margin-left:auto;background:#fff;color:#1d7a63;font-size:13px;font-weight:bold;padding:9px 20px;border-radius:20px}
/* ===== 标签云 ===== */
.k8-tags{background:#fff;border:1px solid #e3e9f0;border-radius:12px;margin:16px auto;padding:12px 18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.k8-tags b{font-size:14px;color:#12352c;margin-right:6px}
.k8-tags a{font-size:12px;color:#51617a;background:#f2f6fa;padding:3px 12px;border-radius:12px}
.k8-tags a:hover{background:#1d7a63;color:#fff}
.k8-tags a.hot{background:#fdeeea;color:#d0653a}
/* ===== 页脚 ===== */
.k8-ft{background:#12352c;color:#9dbfb3;font-size:12px;margin-top:20px}
.k8-ft .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:24px;padding:22px 0;border-bottom:1px solid #1d4a3b}
.k8-ft h4{color:#e8cfa0;font-size:13px;margin-bottom:8px}
.k8-ft a{display:block;color:#9dbfb3;padding:2px 0}
.k8-ft a:hover{color:#fff}
.k8-ft p{line-height:1.9}
.k8-ft .icp{text-align:center;padding:12px 0;color:#6f9486;border-top:1px solid #1d4a3b}
.k8-ft .icp b{color:#c9ded6}
.k8-ft .icp a{color:#6f9486}
.k8-ft .icp a:hover{color:#c9ded6}
/* ============================================================
 * 以下：分类页/标签页/文章页（定稿 category/tag/post 1:1）
 * ============================================================ */
/* 面包屑 */
.crumb{margin:14px auto 0;font-size:13px;color:#7d8f9c}
.crumb a{color:#1d7a63}
.crumb b{color:#22303e}
.crumb .sep{margin:0 6px;color:#c3cfdc}
/* 线路信息卡 */
.line-hero{background:#fff;border:1px solid #e3e9f0;border-radius:12px;overflow:hidden;margin:10px auto}
.line-hero .band{height:8px;background:var(--lc,#0052c9)}
.line-hero .in{display:flex;gap:20px;padding:18px 22px;align-items:center;flex-wrap:wrap}
.line-hero .no{width:64px;height:64px;border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;background:var(--lc,#0052c9)}
.line-hero .no b{font-size:24px;font-family:Arial;line-height:1}
.line-hero .no span{font-size:10px}
.line-hero h2{font-size:23px;color:#12352c}
.line-hero h2 small{display:block;font-size:11px;color:#8ba0ad;font-weight:normal;letter-spacing:1px}
.line-hero .desc{font-size:12.5px;color:#5a6a80;max-width:520px;margin-top:4px}
.line-hero .sts{margin-left:auto;display:flex;text-align:center}
.line-hero .sts div{border-left:1px dashed #dfe7ee;padding:4px 20px}
.line-hero .sts b{display:block;font-size:20px;font-family:Arial;color:var(--lc,#0052c9)}
.line-hero .sts span{font-size:11px;color:#8ba0ad}
/* 分类页主体 */
.cat-main{display:grid;grid-template-columns:1fr 320px;gap:16px;margin:16px auto}
.stn-list{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:6px 20px 14px}
.stn-list>h3{font-size:15px;color:#12352c;padding:12px 0 8px;border-bottom:2px solid #eef3f7;display:flex;align-items:center;gap:8px}
.stn-list>h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--lc,#1d7a63)}
.stn-list>h3 span{margin-left:auto;font-size:11px;color:#8ba0ad;font-weight:normal}
.stn{position:relative;padding:16px 0 16px 26px;border-bottom:1px dashed #eef3f7}
.stn:last-child{border:0}
.stn::before{content:"";position:absolute;left:2px;top:22px;width:12px;height:12px;border-radius:50%;background:#fff;border:4px solid var(--lc,#0052c9)}
.stn .meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#a8b4c4}
.stn .meta .dt{font-family:Arial}
.stn h4{font-size:16.5px;margin:3px 0 4px}
.stn h4 a{color:#22303e}
.stn h4 a:hover{color:var(--lc,#0052c9)}
.stn h4 .top{font-size:10px;background:#fdeeea;color:#d0653a;border-radius:3px;padding:1px 8px;margin-right:8px;vertical-align:2px}
.stn p{font-size:12.5px;color:#67788a;max-width:640px}
.stn .tags{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.stn .tags a{font-size:10.5px;background:#eef3fa;color:#38618f;border-radius:10px;padding:1px 9px}
.stn .tags a:hover{background:var(--lc,#0052c9);color:#fff}
/* 分页 */
.pager{display:flex;justify-content:center;gap:8px;padding:18px 0 4px;flex-wrap:wrap}
.pager a,.pager span{min-width:38px;text-align:center;padding:8px 12px;border:1px solid #dfe7ee;border-radius:6px;font-size:13px;color:#4a5a66;background:#fff}
.pager a:hover{border-color:var(--lc,#0052c9);color:var(--lc,#0052c9)}
.pager .cur{background:var(--lc,#0052c9);border-color:var(--lc,#0052c9);color:#fff;font-weight:bold}
.pager .dis{color:#c3cfdc;background:#f6f9fc}
/* 侧栏（分类/文章/标签共用） */
.sbox{background:#fff;border:1px solid #e3e9f0;border-radius:12px;overflow:hidden}
.sbox h4{font-size:14px;color:#12352c;padding:10px 14px;border-bottom:2px solid #eef3f7;display:flex;align-items:center}
.sbox h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lc,#1d7a63);margin-right:8px}
.sbox h4 i{font-style:normal;margin-left:auto;font-size:10px;color:#8ba0ad}
.sbox .bd{padding:10px 14px}
.xfer li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed #eef3f7;font-size:13px}
.xfer li:last-child{border:0}
.xfer i{font-style:normal;width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;flex:none}
.xfer a{flex:1;color:#2a3b49}
.xfer a:hover{color:var(--lc,#0052c9)}
.xfer em{font-style:normal;font-size:11px;color:#a8b4c4;font-family:Arial}
.rank{counter-reset:x}
.rank li{counter-increment:x;display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed #eef3f7;font-size:13px;align-items:baseline}
.rank li:last-child{border:0}
.rank li::before{content:counter(x);font-family:Arial;font-size:12px;color:#fff;background:#c3cfdc;width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.rank li:nth-child(-n+3)::before{background:#d0653a}
.rank li a{flex:1;color:#2a3b49}
.rank li a:hover{color:var(--lc,#0052c9)}
.fare td{padding:7px 2px;border-bottom:1px dashed #eef3f7;font-size:12.5px}
.fare td:last-child{text-align:right;color:#d0653a;font-weight:bold;font-family:Arial}
.note2{background:#f6f9fc;border-left:3px solid var(--lc,#1d7a63);border-radius:0 6px 6px 0;padding:10px 12px;font-size:12px;color:#5a6a80;line-height:1.9}
.note2 b{color:#12352c}
/* 其他线路速览 */
.lines-band{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:14px 18px;margin:16px auto}
.lines-band h4{font-size:14px;color:#12352c;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.lines-band h4::before{content:"";width:10px;height:10px;border-radius:50%;background:#1d7a63}
.lines-band h4 span{margin-left:auto;font-size:11px;color:#8ba0ad;font-weight:normal}
.lb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lb-item{display:flex;align-items:center;gap:10px;background:#f8fbfa;border:1px solid #eef3f7;border-radius:10px;padding:10px 12px}
.lb-item i{font-style:normal;width:26px;height:26px;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}
.lb-item b{display:block;font-size:13px;color:#12352c}
.lb-item span{font-size:10.5px;color:#8ba0ad}
/* 标签页 */
.tag-hero{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:20px 24px;margin:10px auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tag-hero .badge{width:70px;height:70px;border-radius:18px;background:#0052c9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;flex:none}
.tag-hero h2{font-size:23px;color:#12352c}
.tag-hero h2 small{display:block;font-size:11px;color:#8ba0ad;font-weight:normal;letter-spacing:1px}
.tag-hero .desc{font-size:12.5px;color:#5a6a80;margin-top:4px;max-width:520px}
.tag-hero .sts{margin-left:auto;display:flex;text-align:center}
.tag-hero .sts div{border-left:1px dashed #dfe7ee;padding:4px 20px}
.tag-hero .sts b{display:block;font-size:20px;font-family:Arial;color:#0052c9}
.tag-hero .sts span{font-size:11px;color:#8ba0ad}
.tag-main{display:grid;grid-template-columns:1fr 320px;gap:16px;margin:16px auto}
.tlist{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:6px 20px 14px}
.tlist>h3{font-size:15px;color:#12352c;padding:12px 0 8px;border-bottom:2px solid #eef3f7;display:flex;align-items:center;gap:8px}
.tlist>h3::before{content:"";width:10px;height:10px;border-radius:50%;background:#0052c9}
.tlist>h3 span{margin-left:auto;font-size:11px;color:#8ba0ad;font-weight:normal}
.tit{display:flex;gap:14px;padding:13px 0;border-bottom:1px dashed #eef3f7;align-items:flex-start}
.tit:last-child{border:0}
.tit .dt2{flex:none;width:56px;text-align:center;background:#f6f9fc;border-radius:8px;padding:6px 2px;font-family:Arial}
.tit .dt2 b{display:block;font-size:17px;color:#12352c;line-height:1.2}
.tit .dt2 span{font-size:10px;color:#a8b4c4}
.tit h4{font-size:15.5px}
.tit h4 a{color:#22303e}
.tit h4 a:hover{color:#0052c9}
.tit h4 .tg{font-size:10px;background:#eaf1fd;color:#0052c9;border-radius:3px;padding:1px 8px;margin-right:8px;vertical-align:2px}
.tit p{font-size:12.5px;color:#67788a;margin:3px 0 2px}
.tit .m{font-size:11px;color:#a8b4c4}
.cloud{display:flex;flex-wrap:wrap;gap:7px}
.cloud a{font-size:12px;color:#51617a;background:#f2f6fa;border-radius:12px;padding:3px 12px}
.cloud a:hover{background:#0052c9;color:#fff}
.cloud a.big{background:#0052c9;color:#fff;font-weight:bold}
.cloud a.mid{background:#d8e6fa;color:#1a4a8a}
.cloud a.hot{background:#fdeeea;color:#d0653a}
.spec-band{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px auto}
.spec{background:#fff;border:1px solid #e3e9f0;border-radius:12px;overflow:hidden}
.spec .cap{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:2px solid #eef3f7;font-size:14px;color:#12352c}
.spec .cap i{font-style:normal;width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.spec li{display:flex;gap:8px;padding:8px 16px;border-bottom:1px dashed #eef3f7;font-size:13px;align-items:baseline}
.spec li:last-child{border:0}
.spec li::before{content:"▪";color:#0052c9;font-size:11px}
.spec li a{flex:1;color:#2a3b49}
.spec li a:hover{color:#0052c9}
.spec li em{font-style:normal;font-size:11px;color:#a8b4c4;font-family:Arial}
/* 文章页 */
.post-main{display:grid;grid-template-columns:1fr 320px;gap:16px;margin:12px auto}
.post{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:26px 30px}
.post .pline{display:inline-flex;align-items:center;gap:8px;font-size:12px;border-radius:14px;padding:3px 14px;background:var(--lc-bg,#eaf1fd);color:var(--lc,#0052c9)}
.post .pline i{font-style:normal;width:18px;height:18px;border-radius:50%;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;background:var(--lc,#0052c9)}
.post h1{font-size:26px;color:#12352c;line-height:1.5;margin:12px 0 8px}
.post .meta{display:flex;gap:18px;font-size:12px;color:#8ba0ad;border-bottom:1px solid #eef3f7;padding-bottom:12px;flex-wrap:wrap}
.post .meta b{color:#22303e}
.daodu{background:#f2f8f6;border-left:4px solid #1d7a63;border-radius:0 8px 8px 0;padding:12px 16px;font-size:13px;color:#3d5a4e;margin:16px 0}
.daodu b{color:#12352c}
.post .body h2{font-size:19px;color:#12352c;margin:26px 0 10px;display:flex;align-items:center;gap:10px;padding-left:14px;position:relative}
.post .body h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:6px;border-radius:3px;background:var(--lc,#0052c9)}
.post .body h2 .sn{font-family:Arial;font-size:12px;color:#fff;background:var(--lc,#0052c9);border-radius:4px;padding:1px 8px}
.post .body h3{font-size:15.5px;color:#2a4a80;margin:18px 0 6px}
.post .body p{text-align:justify;font-size:14px;color:#333f4d;margin-bottom:10px}
.post .body ul.dot{margin:6px 0 12px;padding-left:4px}
.post .body ul.dot li{position:relative;padding:4px 0 4px 22px;font-size:13.5px;color:#333f4d}
.post .body ul.dot li::before{content:"";position:absolute;left:4px;top:13px;width:9px;height:9px;border-radius:50%;border:3px solid var(--lc,#0052c9);background:#fff}
.post .body b{color:#12352c}
.ptab{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0 14px}
.ptab th{background:#0052c9;color:#fff;padding:9px 10px;font-weight:normal}
.ptab td{border:1px solid #e3e9f0;padding:9px 10px;text-align:center}
.ptab tr:nth-child(even) td{background:#f8fbfd}
.ptab td:first-child{text-align:left;font-weight:bold;color:#12352c}
.tipbox{display:flex;gap:12px;background:#fff8ec;border:1px solid #f0dfc0;border-radius:10px;padding:12px 16px;margin:14px 0;align-items:flex-start}
.tipbox .ic{font-size:22px}
.tipbox b{color:#8a6d1e}
.tipbox p{font-size:12.5px;color:#7a5b22;margin:0}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 4px}
.pn a{border:1px solid #e3e9f0;border-radius:10px;padding:12px 16px;background:#f8fbfa}
.pn a:hover{border-color:var(--lc,#0052c9);background:#f2f7fe}
.pn .lb{font-size:11px;color:#8ba0ad;display:block}
.pn b{font-size:14px;color:#12352c;display:block;margin-top:2px}
.pn a.next{text-align:right}
.rel{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:16px 20px;margin-top:16px}
.rel h4{font-size:15px;color:#12352c;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.rel h4::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--lc,#0052c9)}
.rel h4 span{margin-left:auto;font-size:11px;color:#8ba0ad;font-weight:normal}
.rel ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.rel li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed #eef3f7;font-size:13px;align-items:baseline}
.rel li:nth-last-child(-n+2){border:0}
.rel li .st2{width:11px;height:11px;border-radius:50%;border:3px solid var(--lc,#0052c9);flex:none;margin-top:5px}
.rel li a{flex:1;color:#2a3b49}
.rel li a:hover{color:var(--lc,#0052c9)}
.rel li em{font-style:normal;font-size:11px;color:#a8b4c4;font-family:Arial}
.toc li{padding:7px 0;border-bottom:1px dashed #eef3f7;font-size:13px;display:flex;gap:8px;align-items:baseline}
.toc li:last-child{border:0}
.toc li .n{font-family:Arial;font-size:11px;color:#fff;background:var(--lc,#0052c9);border-radius:4px;padding:0 7px;flex:none}
.toc a{color:#2a3b49;flex:1}
.toc a:hover{color:var(--lc,#0052c9)}
.post .tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #eef3f7}
.post .tagrow span{font-size:12px;color:#8ba0ad}
.post .tagrow a{font-size:11.5px;background:#eef3fa;color:#38618f;border-radius:10px;padding:2px 11px}
.post .tagrow a:hover{background:var(--lc,#0052c9);color:#fff}
/* 404 */
.e404wrap{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:40px 20px;text-align:center;margin:16px auto}
.e404wrap .big{font-family:Arial;font-size:64px;font-weight:bold;color:#1d7a63;line-height:1.1}
.e404wrap .big i{font-style:normal;color:#d9a521}
.e404wrap p{color:#67788a;margin:8px 0 16px}
.e404wrap a.btn{display:inline-block;background:#1d7a63;color:#fff;border-radius:18px;padding:9px 26px;margin:0 6px}
.e404wrap a.btn.ghost{background:#f2f8f6;color:#1d7a63}
.e404-rec{margin-top:18px;text-align:left;background:#f8fbfa;border:1px dashed #dbe5ec;border-radius:10px;padding:12px 18px}
.e404-rec b{color:#12352c;display:block;margin-bottom:6px}
.e404-rec a{display:block;font-size:13px;color:#2a3b49;padding:3px 0}
.e404-rec a:hover{color:#1d7a63}
/* 空态 */
.clempty{background:#f8fbfa;border:1px dashed #dbe5ec;border-radius:10px;padding:30px 20px;text-align:center;color:#8ba0ad;font-size:13px;margin:10px 0}

/* ============================================================
 * 响应式（新模板门禁：真布局回退；老板IAB面板962–1058px实测口径）
 * ============================================================ */
@media (max-width:1020px){
  .k8-main,.cat-main,.tag-main,.post-main{grid-template-columns:1fr}
  .k8-side,.cat-side,.tag-side,.post-side{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .k8-brow{grid-template-columns:1fr}
  .k8-zone{grid-template-columns:1fr}
  .k8-two{grid-template-columns:1fr}
  .k8-data{grid-template-columns:repeat(2,1fr)}
  .lb-row{grid-template-columns:repeat(2,1fr)}
  .spec-band{grid-template-columns:1fr}
  .rel ul{grid-template-columns:1fr}
  .k8-ft .cols{grid-template-columns:1fr 1fr}
  .line-hero .sts{width:100%;margin-left:0;justify-content:flex-start}
  .line-hero .sts div:first-child{border-left:0;padding-left:0}
  .tag-hero .sts{width:100%;margin-left:0}
  .k8-srch input{width:200px}
}
@media (max-width:760px){
  .k8-line::before{display:none}
  .k8-stops{grid-template-columns:repeat(2,1fr)}
  .k8-stop .dot{width:20px;height:20px;border-width:6px;margin:8px auto 6px}
  .k8-side,.cat-side,.tag-side,.post-side{grid-template-columns:1fr}
  .k8-srch input{width:100%}
  .k8-srch{width:100%}
  .k8-hd .w{gap:10px}
  .k8-tel{display:none}
  .k8-nav a{padding:10px 12px;font-size:13px}
  .k8-nav .sp{display:none}
  .k8-map{padding:16px 12px 10px}
  .post{padding:18px 16px}
  .stn-list,.tlist{padding:4px 12px 10px}
  .k8-data{grid-template-columns:repeat(2,1fr)}
  .k8-data b{font-size:22px}
  .k8-bline .st{flex-wrap:wrap;justify-content:flex-start}
  .k8-bline .st::before{display:none}
  .k8-bline .st a{flex:1 1 45%;text-align:left;padding-left:16px}
  .k8-bline .st a::before{left:0;transform:none}
  .k8-xfer .go{margin-left:0}
  .crumb{font-size:12px}
}

/* ============================================================
 * 公示页（静态 about.html 专用；与模板共用本文件）
 * ============================================================ */
.ab-main{display:grid;grid-template-columns:1fr 320px;gap:16px;margin:12px auto}
.ab{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:26px 30px}
.ab h1{font-size:26px;color:#12352c;line-height:1.5;margin:12px 0 8px}
.ab .meta{font-size:12px;color:#8ba0ad;border-bottom:1px solid #eef3f7;padding-bottom:12px}
.ab .meta b{color:#22303e}
.ab h2{font-size:19px;color:#12352c;margin:26px 0 10px;display:flex;align-items:center;gap:10px;padding-left:14px;position:relative}
.ab h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:6px;border-radius:3px;background:var(--lc,#1d7a63)}
.ab h2 .sn{font-family:Arial;font-size:12px;color:#fff;background:var(--lc,#1d7a63);border-radius:4px;padding:1px 8px}
.ab p{text-align:justify;font-size:14px;color:#333f4d;margin-bottom:10px}
.ab b{color:#12352c}
.netgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 14px}
.net{display:flex;align-items:center;gap:10px;border:1px solid #eef3f7;border-radius:10px;padding:10px 12px;background:#f8fbfa}
.net i{font-style:normal;width:28px;height:28px;border-radius:50%;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.net b{display:block;font-size:13.5px;color:#12352c}
.net span{font-size:10.5px;color:#8ba0ad}
.net:hover{border-color:var(--lc,#1d7a63)}
.flow6{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:10px 0 6px;border:1px solid #e3e9f0;border-radius:10px;overflow:hidden}
.flow6 div{padding:12px 10px;border-right:1px dashed #e3e9f0;text-align:center;background:#f8fbfa}
.flow6 div:last-child{border:0}
.flow6 b{display:flex;width:30px;height:30px;border-radius:50%;background:var(--lc,#1d7a63);color:#fff;align-items:center;justify-content:center;margin:0 auto 6px;font-size:14px}
.flow6 span{font-size:12.5px;color:#12352c;display:block;font-weight:bold}
.flow6 em{font-style:normal;font-size:10.5px;color:#8ba0ad;display:block;line-height:1.5}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 4px}
.contact div{border:1px solid #eef3f7;border-radius:10px;padding:12px 14px;background:#f8fbfa;text-align:center}
.contact b{display:block;font-size:17px;color:#12352c;font-family:Arial}
.contact span{font-size:11px;color:#8ba0ad}
.ab-side{display:flex;flex-direction:column;gap:14px}
.qnav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qnav a{display:flex;align-items:center;gap:8px;background:#f2f8f6;border-radius:8px;padding:9px 10px;font-size:12.5px;color:#2a4a40}
.qnav a b{font-style:normal;font-size:16px}
.qnav a:hover{background:#e2f1ec}
.icp-card{background:#12352c;color:#c9ded6;border-radius:12px;padding:14px 16px;font-size:12px;line-height:2}
.icp-card b{color:#ffd98a}
.faq-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px auto}
.faq{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:14px 16px;border-top:3px solid #1d7a63}
.faq b{display:block;font-size:14px;color:#12352c;margin-bottom:4px}
.faq p{font-size:12px;color:#67788a}
@media (max-width:1020px){
  .ab-main{grid-template-columns:1fr}
  .ab-side{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .netgrid{grid-template-columns:repeat(2,1fr)}
  .flow6{grid-template-columns:repeat(3,1fr)}
  .flow6 div:nth-child(3){border-right:0}
  .faq-band{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ab-side{grid-template-columns:1fr}
  .netgrid{grid-template-columns:1fr}
  .flow6{grid-template-columns:repeat(2,1fr)}
  .contact{grid-template-columns:1fr}
  .faq-band{grid-template-columns:1fr}
}