/* ============================================================
 * ksb01 —— 开锁帮（www.kaisuobang.com）订制款样式 · 禁换款
 * 设计语言：检修工单风 —— 工单蓝 #1f4e79 + 票橙 #e8a33d + 纸灰 #e8eaee
 * 设计稿：网站\开锁帮小样\ksb04.html + 开锁帮定稿六页（1:1）
 * 响应式：1080 / 820 / 760 / 480
 * ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;font-size:14px;color:#2b2f36;background:#e8eaee;line-height:1.6}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
img{max-width:100%;vertical-align:middle}
.w{width:100%;max-width:1150px;margin:0 auto;padding:0 16px}
main{padding-bottom:26px}
.red{color:#c8392b}

/* ══════════ 顶部条 ══════════ */
.topbar{background:#101828;color:#9db1cc;font-size:12px;padding:8px 0}
.topbar .w{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.topbar b{color:#e8a33d;font-weight:700}
.topbar .tqq{white-space:nowrap}

/* ══════════ 票据页头 ══════════ */
.ticket{background:#fff;margin-top:14px;border:1px solid #c9cfd9;border-top:none;border-radius:0 0 10px 10px;position:relative;box-shadow:0 4px 14px rgba(16,24,40,.08)}
.ticket:before,.ticket:after{content:"";position:absolute;top:-1px;width:18px;height:26px;background:#e8eaee;border:1px solid #c9cfd9;border-top:none;border-radius:0 0 8px 8px}
.ticket:before{left:48px}
.ticket:after{right:48px}
.tk-top{background:#1f4e79;color:#fff;padding:12px 32px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-radius:10px 10px 0 0}
.tk-no{font-size:12px;color:#bcd4ea;letter-spacing:.5px}
.tk-title{display:flex;align-items:center;gap:12px}
.tk-title .sq{width:34px;height:34px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#1f4e79;font-weight:900;font-size:17px;flex-shrink:0}
.tk-h1{font-size:24px;letter-spacing:5px;font-weight:800}
.tk-qq{background:#e8a33d;color:#3a2a08;font-weight:800;border-radius:6px;padding:8px 18px;font-size:15px;white-space:nowrap}
.tk-body{display:flex;padding:24px 32px;gap:30px;position:relative}
.tk-brand{flex:1;min-width:0}
.tk-brand .bn{font-size:36px;font-weight:900;color:#1f4e79;letter-spacing:2px;line-height:1.25}
.tk-brand .bn i{font-style:normal;color:#e8a33d}
.tk-brand .bs{font-size:13px;color:#6b7686;margin:8px 0 14px;line-height:1.8}
.tk-marks{display:flex;gap:8px;flex-wrap:wrap}
.mk{border:1.5px solid #1f4e79;color:#1f4e79;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700}
.mk.am{border-color:#e8a33d;color:#b47716}
.tk-form{width:380px;flex-shrink:0;border:1px dashed #9db1c7;padding:16px 20px;background:#f7fafd;font-size:13px}
.tk-form h3{font-size:14px;color:#1f4e79;margin-bottom:10px;letter-spacing:2px}
.tk-form .row{display:flex;border-bottom:1px dotted #c3d0de;padding:7px 0;gap:10px}
.tk-form .row:last-child{border-bottom:none}
.tk-form .row span{color:#5a6b7f;width:80px;flex-shrink:0}
.tk-form .row b{color:#2b2f36;font-weight:600}
.tk-form .row b.red{color:#c8392b}
.stamp{position:absolute;right:44px;top:76px;width:110px;height:110px;border:3px solid rgba(200,60,60,.7);border-radius:50%;transform:rotate(-14deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:rgba(200,60,60,.78);pointer-events:none;z-index:3}
.stamp b{font-size:16px;letter-spacing:2px;border-bottom:2px solid rgba(200,60,60,.55);padding-bottom:3px;margin-bottom:5px}
.stamp span{font-size:10px;letter-spacing:1px}

/* ══════════ 导航 ══════════ */
.nav{margin-top:16px;background:#1f4e79;border-radius:8px;box-shadow:0 3px 8px rgba(31,78,121,.25);overflow:hidden}
.nav-in{display:flex}
.nav a{flex:1;text-align:center;padding:13px 6px;color:#dce9f5;font-size:15px;white-space:nowrap;border-right:1px dashed #4a7bab}
.nav a:last-child{border-right:none}
.nav a.on{background:#e8a33d;color:#2b2005;font-weight:800}

/* ══════════ 首页带1：速办带 ══════════ */
.express{margin-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:14px}
.express .ec{background:#fff;border:1px solid #c9cfd9;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:12px}
.express .ec .ico{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.express .ico.i1{background:#eff4ff;color:#1f4e79}
.express .ico.i2{background:#fef0e6;color:#d97706}
.express .ico.i3{background:#e8f8f0;color:#0e9f5d}
.express .ec b{display:block;font-size:14.5px;color:#101828}
.express .ec span{font-size:11.5px;color:#6b7686;display:block}
.express .ec.qq{background:linear-gradient(120deg,#1f4e79,#2a5f96);border:none;color:#fff}
.express .ec.qq .ico{background:#e8a33d;color:#3a2a08;font-weight:900}
.express .ec.qq b{font-size:16px}
.express .ec.qq small{display:block;font-size:11px;color:#bcd4ea;font-weight:400}
.express .ec.qq .arr{font-size:20px;color:#e8a33d}

/* ══════════ 首页带2：六张服务工单格 ══════════ */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.sheet{background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.sheet .sh{padding:13px 20px;border-bottom:1px dashed #c9cfd9;display:flex;justify-content:space-between;align-items:center}
.sheet .sh h3{font-size:16.5px;color:#1f4e79}
.sheet .sh .code{font-size:11px;color:#98a3b3;letter-spacing:1px}
.sheet ul{padding:6px 20px 12px;flex:1}
.sheet li{display:flex;align-items:center;gap:10px;padding:8.5px 0;border-bottom:1px dotted #dde3eb;font-size:13px;color:#3b4656}
.sheet li:last-child{border-bottom:none}
.sheet .bx{width:15px;height:15px;border:1.5px solid #98a3b3;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}
.sheet li.on .bx{background:#2e8b57;border-color:#2e8b57}
.sheet li.on:after{content:"✓";margin-left:auto;color:#2e8b57;font-weight:800}
.sheet .sfoot{padding:10px 20px;background:#f4f7fa;font-size:12px;color:#5a6b7f;display:flex;justify-content:space-between;gap:6px}
.sheet .sfoot b{color:#c8392b}

/* ══════════ 区块通用头 ══════════ */
.panel{background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden}
.sec-hd{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f4f7fa;border-bottom:1px solid #dde3eb;gap:10px;flex-wrap:wrap}
.sec-hd h2{font-size:19px;color:#101828;letter-spacing:2px;display:flex;align-items:center;gap:9px}
.sec-hd h2:before{content:"▦";color:#e8a33d;font-size:16px}
.sec-hd .more{font-size:12px;color:#6b7686}
.sec-hd .more b.red{color:#c8392b}

/* ══════════ 首页带3：价目清单大单 ══════════ */
.bill{margin-top:18px;background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.blist{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}
.blist th{background:#1f4e79;color:#fff;padding:11px 22px;text-align:left;font-size:13px;font-weight:600;white-space:nowrap}
.blist td{padding:11px 22px;border-bottom:1px solid #e8edf3;vertical-align:top}
.blist tr:nth-child(even) td{background:#fafbfd}
.blist .pr{color:#c8392b;font-weight:700;white-space:nowrap}
.blist .st{display:inline-block;border:1px solid #9db1c7;color:#5a6b7f;border-radius:4px;padding:1px 9px;font-size:11px;white-space:nowrap}
.blist .st.hot{border-color:#e8a33d;color:#b47716}
.blist .st.bk{border-color:#7a8ba3;color:#5a6b7f}
.blist .c-no{width:70px}
.blist .c-pr{width:170px}
.blist .c-rk{width:220px}
.blist .c-st{width:110px}
.bill-note{padding:13px 22px 16px;font-size:12px;color:#6b7686;line-height:1.9;background:#fafbfd;border-top:1px dashed #c9cfd9}
.bill-note b{color:#1f4e79}

/* ══════════ 首页带4：数据带 ══════════ */
.stats{margin-top:18px;background:#1f4e79;border-radius:8px;color:#fff;display:grid;grid-template-columns:repeat(5,1fr)}
.stat{text-align:center;padding:18px 8px;border-right:1px dashed rgba(255,255,255,.18)}
.stat:last-child{border-right:none}
.stat b{font-size:26px;font-weight:800;font-family:Arial,sans-serif;display:block}
.stat b i{font-style:normal;font-size:12px;font-weight:400;color:#bcd4ea}
.stat span{font-size:11.5px;color:#bcd4ea;display:block;margin-top:4px}

/* ══════════ 首页带5：双联 ══════════ */
.duo{display:flex;gap:18px;margin-top:18px}
.duo .d{flex:1;background:#fff;border:1px solid #c9cfd9;border-radius:8px;padding:20px 24px;min-width:0}
.duo h3{font-size:16.5px;color:#1f4e79;margin-bottom:14px;letter-spacing:2px;display:flex;align-items:center;gap:8px}
.duo h3:before{content:"■";color:#e8a33d;font-size:12px}
.steps li{display:flex;gap:13px;margin-bottom:12px;align-items:flex-start}
.steps .sn{width:26px;height:26px;background:#1f4e79;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}
.steps b{display:block;font-size:14px;margin-bottom:2px}
.steps p{font-size:12px;color:#6b7686;line-height:1.7}
.pledge li{padding:10px 0;border-bottom:1px dotted #dde3eb;display:flex;gap:11px;align-items:flex-start;font-size:13px;color:#4a5768}
.pledge li:last-child{border-bottom:none}
.pledge .pk{background:#2e8b57;color:#fff;border-radius:4px;padding:1px 8px;font-size:11px;flex-shrink:0;margin-top:2px}
.pledge b{color:#2b2f36}

/* ══════════ 首页带6：服务区域 ══════════ */
.area{margin-top:18px}
.area-body{padding:16px 22px}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chips span{background:#fff;border:1px solid #dbe5f1;border-radius:18px;padding:6px 15px;font-size:12.5px;color:#4a5a70}
.chips span b{color:#1f4e79;font-weight:600;margin-left:4px;font-size:11px}
.area-note{margin-top:12px;font-size:12px;color:#8a93a3;line-height:1.8}

/* ══════════ 首页带7：知识工单 ══════════ */
.arts{margin-top:18px}
.arts-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px;flex-wrap:wrap;padding:15px 24px;background:#f4f7fa;border-bottom:1px solid #dde3eb}
.arts-hd h2{font-size:19px;color:#101828;letter-spacing:2px;display:flex;align-items:center;gap:9px}
.arts-hd h2:before{content:"▦";color:#e8a33d;font-size:16px}
.arts-hd span{font-size:12px;color:#98a3b3}
.arts-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding:6px 22px 14px}
.arts-list li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dotted #dde3eb;font-size:13.5px;min-width:0}
.arts-list .fn{color:#e8a33d;font-weight:800;font-family:Georgia,serif;font-size:12.5px;width:46px;flex-shrink:0}
.arts-list li a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.arts-list li a:hover{color:#1f4e79;text-decoration:underline}
.arts-list time{color:#98a3b3;font-size:11px;flex-shrink:0}

/* ══════════ 首页带8：FAQ 速答 ══════════ */
.faqsec{margin-top:18px}
.faqrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 20px}
.fq{border:1px solid #dde3eb;border-radius:8px;padding:14px 16px;background:#fafbfd}
.fq b{display:block;font-size:13.5px;color:#101828;margin-bottom:6px}
.fq b:before{content:"Q ";color:#c8392b;font-weight:900}
.fq p{font-size:12px;color:#6b7686;line-height:1.8}
.fq p:before{content:"A ";color:#2e8b57;font-weight:900}

/* ══════════ 面包屑 / 频道头 ══════════ */
.crumb{margin-top:16px;font-size:12.5px;color:#6b7686;background:#fff;border:1px solid #c9cfd9;border-radius:8px;padding:10px 20px;display:inline-block}
.crumb b{color:#1f4e79;font-weight:600}
.ch{margin-top:16px;background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden}
.ch-hd{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f4f7fa;border-bottom:1px dashed #c9cfd9;gap:10px;flex-wrap:wrap}
.ch-hd h2{font-size:19px;color:#101828;letter-spacing:2px;display:flex;align-items:center;gap:9px}
.ch-hd h2:before{content:"▦";color:#e8a33d;font-size:15px}
.ch-hd .cno{font-size:11px;color:#98a3b3;letter-spacing:1px}
.cats{display:flex;gap:8px;padding:14px 24px;flex-wrap:wrap;border-bottom:1px solid #dde3eb}
.cats a{border:1px solid #c9cfd9;border-radius:18px;padding:6px 16px;font-size:13px;color:#4a5768;background:#fafbfd}
.cats a.on,.cats a:hover{background:#1f4e79;color:#fff;border-color:#1f4e79}

/* ══════════ 列表页主体 ══════════ */
.cols{display:flex;gap:18px;margin-top:18px;align-items:flex-start}
.main{flex:1;min-width:0}
.side{width:320px;flex-shrink:0}
.alist{background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden}
.aitem{display:flex;gap:14px;padding:16px 22px;border-bottom:1px dashed #dde3eb;align-items:flex-start}
.aitem:last-child{border-bottom:none}
.aitem .no{font-family:Georgia,serif;font-weight:800;color:#e8a33d;font-size:12.5px;width:52px;flex-shrink:0;padding-top:3px}
.aitem .ab{flex:1;min-width:0}
.aitem h3{font-size:16px;color:#101828;line-height:1.55;margin-bottom:5px}
.aitem h3 a:hover{color:#1f4e79;text-decoration:underline}
.aitem p{font-size:12.5px;color:#6b7686;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aitem .meta{display:flex;gap:14px;font-size:11px;color:#98a3b3;margin-top:7px;flex-wrap:wrap}
.aitem .meta .ct{color:#1f4e79;border:1px solid #c9d9ea;border-radius:4px;padding:0 8px}
.aitem.top{background:#fafbfd;border-left:3px solid #e8a33d}
.aitem.top .no{color:#c8392b}
.empty-tip{padding:40px 20px;text-align:center;color:#98a3b3}
/* 分页 */
.pager{display:flex;gap:8px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.pager a{background:#fff;border:1px solid #c9cfd9;border-radius:6px;padding:8px 15px;font-size:13px;color:#4a5768}
.pager a.cur{background:#1f4e79;color:#fff;border-color:#1f4e79;font-weight:700}
.pager a:hover:not(.cur){border-color:#1f4e79;color:#1f4e79}
.pager .pg-dot{align-self:center;color:#98a3b3;font-size:13px}

/* ══════════ 侧栏 ══════════ */
.scard{background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden;margin-bottom:16px}
.sc-hd{padding:12px 18px;background:#f4f7fa;border-bottom:1px solid #dde3eb;font-size:15px;color:#1f4e79;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}
.sc-hd:before{content:"■";color:#e8a33d;font-size:11px;margin-right:8px}
.sc-sub{font-size:10px;color:#98a3b3;letter-spacing:1px}
.sc-bd{padding:12px 18px}
.qk{display:block;background:linear-gradient(130deg,#1f4e79,#2a5f96);border-radius:8px;color:#fff;padding:16px;text-align:center}
.qk .qk-t{font-size:12px;color:#bcd4ea;display:block}
.qk b{font-size:21px;color:#e8a33d;display:block;margin:4px 0 8px;letter-spacing:1px}
.qk p{font-size:11.5px;color:#bcd4ea;line-height:1.7}
.qk .btn{display:block;background:#e8a33d;color:#3a2a08;font-weight:800;border-radius:6px;padding:8px 0;margin-top:10px;font-size:14px}
.plist li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dotted #dde3eb;font-size:12.5px;color:#4a5768}
.plist li:last-child{border-bottom:none}
.plist b{color:#c8392b;font-weight:700;white-space:nowrap}
.p-note{font-size:11px;color:#98a3b3;margin-top:10px;line-height:1.7}
.p-note a{color:#1f4e79}
.hlist li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dotted #dde3eb;font-size:13px;align-items:baseline}
.hlist li:last-child{border-bottom:none}
.hlist .hn{font-size:11px;font-weight:800;color:#fff;background:#9db1cc;width:19px;height:19px;text-align:center;line-height:19px;border-radius:4px;flex-shrink:0}
.hlist li:nth-child(-n+3) .hn{background:#e8a33d}
.hlist a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hlist a:hover{color:#1f4e79}
.tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.tagcloud a{border:1px solid #dbe5f1;border-radius:4px;padding:4px 11px;font-size:12px;color:#4a5a70;background:#fafbfd}
.tagcloud a:hover{border-color:#1f4e79;color:#1f4e79}
.toc li{display:flex;gap:10px;padding:7px 0;border-bottom:1px dotted #dde3eb;font-size:12.5px;align-items:baseline}
.toc li:last-child{border-bottom:none}
.toc .tn{font-family:Georgia,serif;font-weight:800;color:#e8a33d;font-size:12px}
.toc a{color:#4a5768;line-height:1.6}
.toc a:hover{color:#1f4e79}

/* ══════════ 文章页 ══════════ */
.doc{background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden}
.doc-hd{padding:24px 30px 20px;border-bottom:2px solid #1f4e79}
.doc-hd .dk{font-size:11px;color:#98a3b3;letter-spacing:1px;margin-bottom:10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.doc-hd h1{font-size:24px;color:#101828;line-height:1.5;margin-bottom:12px}
.doc-meta{display:flex;gap:16px;font-size:12px;color:#8a93a3;flex-wrap:wrap}
.doc-meta span{display:flex;align-items:center;gap:5px}
.doc-meta i{font-style:normal;width:6px;height:6px;background:#e8a33d;border-radius:50%;display:inline-block}
.doc-bd{padding:26px 30px 30px;font-size:15px;line-height:2;color:#3b4656}
.doc-bd p{margin-bottom:18px;text-align:justify}
.doc-bd h2{font-size:19px;color:#1f4e79;margin:26px 0 12px;padding-left:12px;border-left:4px solid #e8a33d;line-height:1.5}
.doc-bd h3{font-size:16.5px;color:#101828;margin:20px 0 10px}
.doc-bd ul,.doc-bd ol{margin:0 0 18px 22px;list-style:disc}
.doc-bd ol{list-style:decimal}
.doc-bd li{margin-bottom:8px;line-height:1.9}
.doc-bd table{width:100%;border-collapse:collapse;font-size:13.5px;margin:6px 0 20px;min-width:520px}
.doc-bd th{background:#1f4e79;color:#fff;padding:10px 14px;text-align:left}
.doc-bd td{padding:10px 14px;border:1px solid #dde3eb}
.doc-bd tr:nth-child(even) td{background:#fafbfd}
.doc-bd .tscroll-t{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}
.doc-bd blockquote,.doc-bd .tip-box{background:#f7fafd;border:1px dashed #9db1c7;border-radius:8px;padding:14px 18px;font-size:13.5px;color:#4a5768;margin:0 0 18px;line-height:1.9}
.doc-bd .tip-box b{color:#1f4e79}
.lead-p{font-size:14px;color:#6b7686;border-left:3px solid #9db1c7;padding-left:14px}
.art-note{font-size:12px;color:#98a3b3;background:#fafbfd;border-top:1px dashed #dde3eb;padding-top:14px;line-height:1.9}
.art-tags{padding:0 30px 24px;font-size:12.5px;color:#8a93a3;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.art-tags a{border:1px solid #dbe5f1;border-radius:4px;padding:3px 10px;color:#4a5a70}
.art-tags a:hover{border-color:#1f4e79;color:#1f4e79}
/* 上下篇 */
.pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.pn a{background:#fff;border:1px solid #c9cfd9;border-radius:8px;padding:13px 18px;min-width:0}
.pn a .pl{font-size:11px;color:#98a3b3;display:block;margin-bottom:4px}
.pn a .pt{font-size:13.5px;color:#2b2f36;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.pn a:hover{border-color:#1f4e79}
.pn a.next{text-align:right}
/* 相关阅读 */
.rel{margin-top:16px;background:#fff;border:1px solid #c9cfd9;border-radius:8px;overflow:hidden}
.rel-hd{padding:13px 20px;background:#f4f7fa;border-bottom:1px solid #dde3eb;font-size:15.5px;color:#1f4e79;letter-spacing:1px}
.rel-hd:before{content:"■";color:#e8a33d;font-size:11px;margin-right:8px}
.rel-bd{display:grid;grid-template-columns:1fr 1fr;padding:8px 20px 14px}
.rel-bd li{padding:10px 0;border-bottom:1px dotted #dde3eb;font-size:13.5px;display:flex;gap:10px;align-items:baseline}
.rel-bd li:nth-child(odd){margin-right:30px}
.rel-bd li:last-child,.rel-bd li:nth-last-child(2){border-bottom:none}
.rel-bd i{font-style:normal;font-family:Georgia,serif;color:#e8a33d;font-weight:800;font-size:12.5px}
.rel-bd a:hover{color:#1f4e79;text-decoration:underline}

/* ══════════ 404 ══════════ */
.err{background:#fff;border:1px solid #c9cfd9;border-radius:8px;padding:46px 30px;text-align:center;margin-top:16px;position:relative}
.err-stamp{position:absolute;right:30px;top:26px;width:96px;height:96px;border:3px solid rgba(200,60,60,.65);border-radius:50%;transform:rotate(12deg);display:flex;align-items:center;justify-content:center;color:rgba(200,60,60,.8);font-size:16px;font-weight:800;letter-spacing:2px}
.err .code{font-size:64px;font-weight:900;color:#1f4e79;font-family:Arial,sans-serif;line-height:1.2}
.err h2{font-size:20px;color:#101828;margin:10px 0 8px}
.err p{font-size:13px;color:#6b7686;max-width:420px;margin:0 auto 18px;line-height:1.9}
.err .go{display:inline-block;background:#1f4e79;color:#fff;border-radius:8px;padding:11px 34px;font-weight:700;font-size:14px}
.err .alt{margin-top:14px;font-size:12px;color:#8a93a3}
.err .alt a{color:#1f4e79;margin:0 6px}
.rec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.rc{background:#fff;border:1px solid #c9cfd9;border-radius:8px;padding:16px}
.rc .rcno{font-family:Georgia,serif;font-size:12px;color:#e8a33d;font-weight:800}
.rc h4{font-size:13.5px;color:#101828;line-height:1.6;margin:8px 0 6px}
.rc h4 a:hover{color:#1f4e79}
.rc p{font-size:11.5px;color:#8a93a3;line-height:1.7}

/* ══════════ 页脚 ══════════ */
.ft{margin-top:26px;background:#1b2129;color:#93a0b0;padding:28px 0 20px}
.ft-top{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}
.ft h4{color:#e6ecf3;font-size:14px;margin-bottom:9px}
.ft li{font-size:12px;line-height:2.05}
.ft li a:hover{color:#fff}
.fqq{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fqq .qbox{background:#e8a33d;color:#2b2005;font-weight:800;border-radius:8px;padding:10px 20px;font-size:16px;white-space:nowrap}
.fqq .qbox a{color:#2b2005}
.fqq span{font-size:12px;line-height:1.8}
.ft-end{border-top:1px solid #2c3541;margin-top:20px;padding-top:15px;text-align:center;font-size:12px;color:#6b7686;line-height:2.05}
.ft-end a{color:#93a0b0;margin:0 6px}
.ft-end a:hover{color:#e6ecf3}
.ft-end .sep{margin:0 8px;color:#4a5568}
.ft-end .gaba img{width:14px;height:14px;vertical-align:-2px;margin-right:5px}

/* ══════════ 响应式 1080 / 820 / 760 / 480 ══════════ */
@media (max-width:1080px){
  .tk-form{width:330px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .express{grid-template-columns:repeat(2,1fr)}
  .nav a{font-size:14px;padding:12px 4px}
  .arts-list{grid-template-columns:1fr}
  .faqrow{grid-template-columns:1fr 1fr}
  .cols{flex-direction:column}
  .side{width:100%}
  .rec-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .duo{flex-direction:column}
  .stats{grid-template-columns:repeat(3,1fr)}
  .stat:nth-child(3){border-right:none}
  .stat{border-bottom:1px dashed rgba(255,255,255,.18)}
  .stat:nth-child(n+4){border-bottom:none}
}
@media (max-width:760px){
  .tk-body{flex-direction:column;padding:20px}
  .tk-form{width:100%}
  .tk-top{padding:10px 20px}
  .tk-h1{font-size:20px;letter-spacing:3px}
  .tk-brand .bn{font-size:26px}
  .stamp{right:14px;top:16px;width:86px;height:86px;opacity:.85}
  .stamp b{font-size:12px}
  .stamp span{font-size:9px}
  .nav{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .nav-in{min-width:860px}
  .nav a{flex:0 0 auto;padding:11px 14px;font-size:13.5px}
  .express{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr}
  .faqrow{grid-template-columns:1fr}
  .topbar .w{justify-content:center;text-align:center}
  .sec-hd h2{font-size:17px}
  .duo .d{padding:16px 18px}
  .aitem{padding:14px 16px}
  .doc-hd{padding:18px}
  .doc-hd h1{font-size:19px}
  .doc-bd{padding:18px;font-size:14.5px}
  .rel-bd{grid-template-columns:1fr}
  .rel-bd li:nth-child(odd){margin-right:0}
  .pn{grid-template-columns:1fr}
  .pn a.next{text-align:left}
  .arts-list li a{white-space:normal;line-height:1.55}
}
@media (max-width:480px){
  .express{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat{border-bottom:1px dashed rgba(255,255,255,.18)}
  .stat:nth-child(2n){border-right:none}
  .stat:nth-child(n+3){border-bottom:1px dashed rgba(255,255,255,.18)}
  .stat:nth-child(n+5){border-bottom:none}
  .aitem .no{display:none}
  .cats a{font-size:12px;padding:5px 12px}
  .tk-qq{font-size:13px;padding:7px 12px}
  .grid{gap:12px}
  .err-stamp{width:74px;height:74px;font-size:13px;right:14px;top:14px}
}

/* ═══ 美工核验批1105：文章正文表格手机端横滑（生成器表格无tscroll容器，断点内自适应） ═══ */
@media (max-width:760px){
  .doc-bd table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* ═══ 美工核验批1105b：cols交叉轴拉伸回归 + 上下篇标题收缩省略（手机溢出根治） ═══ */
.cols{align-items:stretch}
.main{max-width:100%}
.pn a{min-width:0;overflow:hidden}
.pn a .pt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rel-bd li a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arts-list li a{white-space:nowrap}

/* ═══ 美工批1105c：相关阅读/上下篇标题折行完整显示（替代截断省略） ═══ */
.rel-bd li a{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6;word-break:break-all}
.pn a .pt{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6}