/* ★ 666pos 专属皮肤（移植自 100posji 主题骨架，配色与圆角已重做）
   主色 #0f8a7a：与 100posji(#0d5bb5) 和 lakaia.cn(#1d89ff) 均不同
   类名前缀 lk6-/six-/w6-/ap6-/a6-/rl6-/pj6- 亦为 666pos 独有
   生成时间 2026-10-10 */
@charset "utf-8";
/* ============================================================================
   100posji.com · WordPress 企业主题风皮肤（方案 D2）
   引入：base.html 的 style-body.css 之后 —— 必须晚于 style.css / 各页面内联 style
   原则：叠加皮肤，不重写主题；只重定义既有 class 的外观
   ========================================================================= */

:root{
  --p:#0f8a7a; --p2:#0a6154; --p3:#2e86e0; --acc:#ff7a18;
  --ink:#0f1b2d; --bd:#4a5568; --mut:#94a3b8; --line:#e3e8ef; --line2:#f1f5f9;
  --bg:#f7f9fc; --dark:#0f1b2d;
}

/* ── 1 基础 ─────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",
    "PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif !important;
  font-size:15px;line-height:1.8;color:#4a5568;background:#fff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{color:#0f1b2d}
a{color:#0f8a7a}
a:hover{color:#0a6154}
img{max-width:100%;height:auto}
.container{max-width:1200px}

/* ── 2 页头 ─────────────────────────────────────────────────────────── */
/* ★ 原主题页头是 position:fixed（浮在内容上），靠 .focux-header{margin-bottom:80px}
   给内容补位。皮肤把页头改成 position:sticky（本身占位）→ 这 80px 变成纯空白，
   每个页面 banner 上方都会多出一条白带。必须归零。
   （移动端原主题另有 60px，同样要一起归零） */
.focux-header{margin-bottom:0!important}
.focux-header{background:#fff}
#header.top-nav{background:#fff;border-bottom:1px solid #e3e8ef;position:sticky;top:0;z-index:60}
#header .container-header{padding-top:10px;padding-bottom:10px}
/* ★ 主题给 #logo 写死了 height:80px;line-height:80px;float:left;overflow:hidden ——
   这些会把图片顶到偏上的位置（实测 logo 中心 y=39、导航中心 y=60，差 21px）。
   这里全部复位，再靠 flex 让「logo / 导航」两个 flex 项垂直居中对齐。 */
#logo{flex:0 0 auto;height:auto!important;line-height:1!important;
  overflow:visible;float:none;display:flex;align-items:center}
#logo a{display:flex;align-items:center}
/* ★ 主题还有 #logo img{max-height:60px}（窄屏 45px）—— 只写 height 会被它砍掉，必须一起复位 */
#logo img{height:70px;max-height:none!important;width:auto;display:block}
.header-wrap{display:flex;align-items:center;gap:26px;min-height:0}
.nav-wrap{margin-left:auto}
#mainnav ul.menu{display:flex;align-items:center;gap:1px;margin:0;padding:0;list-style:none}
#mainnav .menu>li.menu-item{position:relative}
#mainnav .menu>li>a{
  display:block;padding:10px 15px;font-size:15px;font-weight:500;color:#334155;
  line-height:1.5;border-radius:6px;text-decoration:none;
}
#mainnav .menu>li>a:hover{background:#eef4fb;color:#0f8a7a}
#mainnav .menu>li.current-menu-item>a{color:#0f8a7a;font-weight:600;
  box-shadow:inset 0 -3px 0 #0f8a7a;border-radius:6px 6px 0 0}
#mainnav ul.sub-menu{
  display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:200px;z-index:70;
  background:#fff;border:1px solid #e3e8ef;border-radius:6px;padding:8px;
  box-shadow:0 16px 36px rgba(15,27,45,.13);margin:0;list-style:none;
}
#mainnav .menu>li:hover>ul.sub-menu{display:block}
#mainnav ul.sub-menu>li>a{display:block;padding:9px 14px;border-radius:8px;
  font-size:14.5px;color:#334155;text-decoration:none;white-space:nowrap}
#mainnav ul.sub-menu>li>a:hover{background:#f1f5f9;color:#0f8a7a}
.mobile-button{display:none;width:38px;height:38px;margin-left:auto;cursor:pointer;
  position:relative;background:#f1f5f9;border-radius:9px}
/* ★★ 窄屏折叠按钮的「桌面隐藏」必须写在媒体块【外面】。
   上一版把它写进了 @media(max-width:991px) 里 → 桌面端没有任何隐藏规则，
   这个 <button> 直接被主题的按钮样式渲染成了导航栏里一个蓝色方块。 */
.wb-mtoggle{display:none!important}
.mobile-button span,.mobile-button span:before,.mobile-button span:after{
  position:absolute;left:11px;width:16px;height:2px;border-radius:2px;background:#0f1b2d;content:""}
.mobile-button span{top:18px}
.mobile-button span:before{top:-5px}
.mobile-button span:after{top:5px}
.nav-wrap.mobile-open{display:block!important;position:absolute;left:0;right:0;top:100%;
  background:#fff;border-top:1px solid #e3e8ef;box-shadow:0 18px 36px rgba(15,27,45,.14);
  padding:8px 16px 16px;max-height:75vh;overflow:auto}

/* ── 3 页脚 ─────────────────────────────────────────────────────────── */
#footer{background:#0f1b2d;color:#8fa3b8;padding:52px 0 0;font-size:13.8px}
#footer .footer-widgets .top{padding:0}
#footer .widget{margin-bottom:28px}
#footer .widget-title{color:#fff;font-size:15px;font-weight:600;margin:0 0 16px;
  padding:0;border:0}
#footer .widget-title:after{display:none}
#footer ul{list-style:none;margin:0;padding:0}
#footer li{margin:0 0 10px;line-height:1.6}
#footer a{color:#8fa3b8;text-decoration:none}
#footer a:hover{color:#fff}
#footer .text-widget p{margin:0 0 10px;line-height:1.85;color:#8fa3b8}
#footer .qrcode img{width:110px;height:110px;border-radius:5px;background:#1b2a3d;padding:4px}
#footer .widget-contact .text-widget p{color:#8fa3b8}
#footer .widget-sites ul.clearfix{display:flex;flex-wrap:wrap;gap:0 18px}
#footer .widget-sites li{margin:0 0 9px;white-space:nowrap}
#footer .bottom.copyright{border-top:1px solid #1e2c3f;padding:18px 0;text-align:center;
  color:#64748b;font-size:12.5px}
/* ★★ 主题给页脚列表写了 float:left（.widget-links ul li{float:left;margin-right:20px}、
   .widget-sites ul li 同理）→ 元素横排、换行后参差不齐，看着"错位"。
   这里统一改成 grid：列宽相等、行对齐；grid 项会自动忽略 float。 */
#footer .widget-links ul{display:grid;grid-template-columns:1fr;gap:0;
  margin:0;padding:0}
/* 只有「POS机产品推荐」那列（col-lg-3 ≈ 290px）放得下两列；
   「快捷导航」是 col-lg-2（≈195px），强行两列会把「POS机办理」截成「POS机办…」→ 保持单列 */
#footer .footer-widgets .row>div:nth-child(2) .widget-links ul{grid-template-columns:1fr 1fr;gap:0 16px}
#footer .widget-links ul li{float:none;display:block;margin:0 0 10px;min-width:0}
#footer .widget-links ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#footer .widget-sites{margin-top:0}
#footer .widget-sites ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:8px 22px;margin:0;padding:0}
#footer .widget-sites ul li{float:none;display:block;margin:0;min-width:0}
#footer .widget-sites ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 页脚第二排：「联系方式」收成窄列（去掉重复二维码后只有一句话），
   让「友情链接」拿到 75% 放多列。原主题把这两块都做成 col-sm-12 整宽行。 */
#footer .footer-widgets .row>div:nth-child(5){flex:0 0 25%;max-width:25%}
#footer .footer-widgets .row>div:nth-child(6){flex:0 0 75%;max-width:75%}
@media (max-width:767px){
  /* 产品中心：2 列 → 1 列 */
  .fix-float-box{margin:0}
  .fix-float-box .post{width:100%;padding:0}
  .fix-float-box .post .featured-post{height:200px!important}
  #footer .footer-widgets .row>div:nth-child(5),
  #footer .footer-widgets .row>div:nth-child(6){flex:0 0 100%;max-width:100%}
}
#footer .bottom.copyright a{color:#64748b}
#footer .bottom.copyright img{display:inline-block!important;vertical-align:middle}
#footer .bottom.copyright p{display:inline-block!important;color:#64748b!important;
  margin:0 0 0 5px!important}

/* ── 4 通用区块 / 标题 ──────────────────────────────────────────────── */
.flat-row{padding:60px 0;background:#fff}
.flat-row.gray{background:#f7f9fc}
.flat-title{text-align:center;margin-bottom:36px}
.flat-title .title,.center-title{font-size:30px;font-weight:700;color:#0f1b2d;
  letter-spacing:-.3px;margin:0 0 8px}
.flat-title p{font-size:15.5px;color:#4a5568;margin:0}
.s6-tag{display:inline-block;background:#eaf2fb;color:#0f8a7a;font-size:12.5px;
  font-weight:600;letter-spacing:1px;padding:5px 15px;border-radius:999px;margin-bottom:14px}

/* 按钮 */
.bttn,.g-btn,.formbtn{
  display:inline-block;background:#0f8a7a;color:#fff!important;border:0;border-radius:6px;
  font-size:15px;font-weight:600;padding:12px 28px;line-height:1.5;text-decoration:none;
  cursor:pointer;box-shadow:0 6px 18px rgba(13,91,181,.24);text-transform:none;
  width:auto!important;height:auto!important;
}
.bttn:hover,.g-btn:hover,.formbtn:hover{background:#0a6154;color:#fff!important}
.bttn-acc{background:#ff7a18!important;box-shadow:0 8px 20px rgba(255,122,24,.3)!important}
.bttn-acc:hover{background:#e8660a!important}
.bttn-line{background:transparent!important;border:1.5px solid rgba(255,255,255,.45)!important;
  color:#fff!important;box-shadow:none!important}
.bttn-line:hover{background:#fff!important;color:#0f1b2d!important}
.bttn-sm{padding:8px 20px;font-size:13.5px;border-radius:999px}
.bttn-out{border:1.5px solid #0f8a7a!important;color:#0f8a7a!important;background:#fff!important;box-shadow:none!important}
.bttn-out:hover{background:#0f8a7a!important;color:#fff!important}

/* ── 5 首页 D2 组件 ─────────────────────────────────────────────────── */
/* 去掉主题给区块标题加的那道短下划线（D2 用「胶囊标签 + 大标题」） */
.flat-title .title:after,.flat-title .title.center-title:after{display:none!important}

.s6-hero{display:block;background:#0b1626;line-height:0}
.s6-hero img{width:100%;height:auto;display:block}
/* 首屏 banner：主题原来把「按屏宽隐藏一张」写死在首页内联 <style> 里，
   首页改版后那段被移除 → 两张 banner 会同时显示。规则搬进皮肤。
   ★★ 必须写在 `.s6-hero img` **之后**、并带 `.s6-hero` 前缀：
      `img.mrbanneryd` 与 `.s6-hero img` 特异性相同（都是 0,1,1），后写者赢 ——
      只写 `img.mrbanneryd{display:none}` 会被上面的 display:block 压掉（实测踩过两次）。 */
.s6-hero img.mrbanneryd{display:none}
@media only screen and (max-width:640px){
  .s6-hero img.mrbannerpc{display:none}
  .s6-hero img.mrbanneryd{display:block}
}
.s6-notice{background:linear-gradient(90deg,#0a6154,#0f8a7a 55%,#2e86e0)}
.s6-notice .container{display:flex;align-items:center;gap:20px;padding:18px 15px;flex-wrap:wrap}
.s6-notice .tx{color:#fff}
.s6-notice b{display:block;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.2px}
.s6-notice span{display:block;font-size:13.5px;color:#cfe1f7;margin-top:3px}
.s6-notice .bttn{margin-left:auto}

.s6-bns{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e3e8ef;
  border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(13,91,181,.06)}
.s6-bn{display:flex;align-items:center;gap:16px;padding:30px 28px;border-right:1px solid #e3e8ef}
.s6-bn:last-child{border-right:0}
.s6-bn img{width:56px;height:56px;flex:0 0 auto}
.s6-bn b{display:block;font-size:17px;color:#0f1b2d;font-weight:600;margin-bottom:4px}
.s6-bn span{font-size:13.5px;color:#4a5568}

.s6-svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.s6-svc{background:#fff;border:1px solid #e3e8ef;border-radius:6px;padding:28px 22px;
  text-align:center;transition:.18s}
.s6-svc:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,27,45,.10);border-color:#bfe6dd}
.s6-svc img{width:60px;height:60px;margin:0 auto 16px}
.s6-svc b{display:block;font-size:17px;color:#0f1b2d;font-weight:600;margin-bottom:6px}
.s6-svc p{margin:0;font-size:13.5px;line-height:1.7;color:#4a5568}

.s6-ablk{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;
  padding:34px 0;border-bottom:1px dashed #e3e8ef}
.s6-ablk:last-child{border-bottom:0;padding-bottom:0}
.s6-ablk .no{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;
  color:#0a6154;letter-spacing:2px;margin-bottom:12px;font-style:italic}
.s6-ablk .no:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#bfe6dd,transparent)}
.s6-ablk h3{margin:0 0 8px;font-size:24px;font-weight:700;color:#0f1b2d;letter-spacing:-.3px}
.s6-ablk .sub{margin:0 0 14px;font-size:14px;color:#0f8a7a;font-weight:600}
.s6-ablk p{margin:0 0 10px;font-size:14.5px;line-height:1.9}
.s6-ablk .bttn{margin-top:12px}
.s6-ablk .im{border-radius:6px;overflow:hidden;box-shadow:0 14px 34px rgba(15,27,45,.12);line-height:0}
.s6-ablk .im img{width:100%;height:290px;object-fit:cover}
.s6-ablk.rev .txt{order:2}
.s6-ablk.rev .im{order:1}

.s6-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.s6-pc{background:#fff;border:1px solid #e3e8ef;border-radius:6px;overflow:hidden;transition:.18s}
.s6-pc:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,27,45,.10);border-color:#bfe6dd}
.s6-pc .ph{height:220px;background:#f4f7fb;display:flex;align-items:center;justify-content:center;padding:16px}
.s6-pc .ph img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
.s6-pc .bd{padding:18px 20px 20px;text-align:center;border-top:1px solid #e3e8ef}
.s6-pc .bd b{display:block;font-size:16.5px;color:#0f1b2d;margin-bottom:12px}

.s6-pjs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.s6-pj{background:#fff;border:1px solid #e3e8ef;border-radius:6px;padding:28px}
.s6-pj .qm{font-size:44px;line-height:1;color:#dbe8f6;font-weight:700;font-family:Georgia,serif}
.s6-pj p{margin:6px 0 20px;font-size:14.5px;line-height:1.95;color:#4a5568}
.s6-pj .who{display:flex;align-items:center;gap:12px;border-top:1px dashed #e3e8ef;padding-top:16px}
.s6-pj .who img{width:52px;height:52px;border-radius:5px;object-fit:cover}
.s6-pj .who b{display:block;font-size:15px;color:#0f1b2d}
.s6-pj .who span{font-size:12.5px;color:#94a3b8}

.s6-news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.s6-nw{background:#fff;border:1px solid #e3e8ef;border-radius:6px;overflow:hidden;
  display:flex;flex-direction:column;transition:.18s}
.s6-nw:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,27,45,.10)}
.s6-nw .ph{height:164px;background:#eef2f7;overflow:hidden}
.s6-nw .ph img{width:100%;height:100%;object-fit:cover}
.s6-nw .bd{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1 1 auto}
.s6-nw .dt{font-size:12.5px;color:#94a3b8;margin-bottom:8px}
.s6-nw h3{margin:0 0 9px;font-size:16.5px;line-height:1.5;font-weight:600}
.s6-nw h3 a{color:#0f1b2d;text-decoration:none}
.s6-nw h3 a:hover{color:#0f8a7a}
.s6-nw p{margin:0 0 12px;font-size:13.5px;line-height:1.75;color:#4a5568;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s6-nw .go{margin-top:auto;font-size:13.5px;font-weight:600}

.s6-pk{background:#fff;border:1px solid #e3e8ef;border-radius:6px;overflow:hidden}
.s6-pk table{width:100%;border-collapse:collapse;margin:0}
.s6-pk th,.s6-pk td{padding:16px 22px;text-align:left;font-size:14.5px;
  border-bottom:1px solid #e3e8ef}
.s6-pk thead th{background:#f7f9fc;font-size:16px;color:#0f1b2d;font-weight:700}
.s6-pk thead th:nth-child(2){color:#0f8a7a}
.s6-pk tbody tr:last-child td{border-bottom:0}
.s6-pk td:first-child{color:#94a3b8;width:34%}
.s6-pk td:nth-child(2){color:#0f8a4a;font-weight:600}
.s6-pk td:nth-child(3){color:#b91c1c}
.s6-pk tbody tr:nth-child(even){background:#fbfcfe}

.s6-faqsec{max-width:none;margin:0}
.s6-faqsec .card-box{background:#fff;border:1px solid #e3e8ef!important;border-radius:6px;
  padding:20px 24px!important;margin-bottom:14px!important}
.s6-faqsec .card-box h3{font-size:16.5px!important;color:#0f1b2d!important;margin:0 0 8px!important}
.s6-faqsec .card-box p{font-size:14.5px!important;color:#4a5568!important;line-height:1.85!important;margin:0!important}

.s6-cta{background:linear-gradient(120deg,#0a6154,#0f8a7a 60%,#2e86e0);border-radius:16px;
  padding:44px 48px;display:flex;align-items:center;gap:36px;justify-content:space-between;
  flex-wrap:wrap;color:#fff}
.s6-cta h2{margin:0 0 8px;font-size:26px;font-weight:700;color:#fff}
.s6-cta p{margin:0;font-size:14.5px;color:#cfe1f7;max-width:640px}

/* 分类精选（沿用原 pj2 结构，只换皮） */
.pj2{padding:56px 0;background:#f7f9fc}
.pj6-head{text-align:center;margin-bottom:32px}
.pj6-head h2{margin:0 0 8px;font-size:30px;font-weight:700;color:#0f1b2d}
.pj6-head h2 em{font-style:normal;color:#0f8a7a}
.pj6-head p{margin:0;font-size:15px;color:#4a5568}
.pj6-box{max-width:1170px;margin:0 auto;background:#fff;border:1px solid #e3e8ef;
  border-radius:6px;overflow:hidden;display:grid;grid-template-columns:250px minmax(0,1fr)}
.pj6-nav{background:#f7f9fc;border-right:1px solid #e3e8ef;padding:10px;
  display:flex;flex-direction:column;gap:2px}
.pj6-nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:transparent;border:1px solid transparent;border-radius:8px;padding:11px 14px;
  cursor:pointer;font-family:inherit;font-size:14.5px;color:#334155}
.pj6-nav-item:hover{background:#fff}
.pj6-nav-no{flex:0 0 auto;width:20px;height:20px;line-height:20px;text-align:center;
  border-radius:6px;background:#eaf2fb;color:#0f8a7a;font-size:11px;font-weight:700}
.pj6-nav-tt{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj6-nav-ct{flex:0 0 auto;font-size:12px;color:#94a3b8}
.pj6-nav-item.on{background:#fff;color:#0f8a7a;font-weight:600;
  box-shadow:0 2px 8px rgba(13,91,181,.10);border-color:#e3e8ef}
.pj6-nav-item.on .pj6-nav-no{background:#0f8a7a;color:#fff}
.pj6-panes{padding:26px 28px}
.pj6-pane{display:none}
.pj6-pane.on{display:block}
.pj6-pane-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #e3e8ef}
.pj6-pane-hd h3{margin:0 0 5px;font-size:19px;font-weight:700;color:#0f1b2d}
.pj6-pane-hd p{margin:0;font-size:12.5px;color:#94a3b8}
.pj6-pane-more{flex:0 0 auto;font-size:13px;font-weight:600;color:#0f8a7a;
  border:1px solid #cfe2f2;border-radius:999px;padding:6px 16px;text-decoration:none;white-space:nowrap}
.pj6-pane-more:hover{background:#0f8a7a;border-color:#0f8a7a;color:#fff}
.pj6-ls{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.pj6-ls li{break-inside:avoid;padding:9px 0 9px 16px;position:relative;border-bottom:1px dashed #e3e8ef}
.pj6-ls li:before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;
  border-radius:50%;background:#bfe6dd}
.pj6-ls a{font-size:14.5px;color:#334155;text-decoration:none;display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj6-ls a:hover{color:#0f8a7a}

/* ── 6 内页（列表 / 详情 / 单页 / 支柱页） ───────────────────────────── */
.page-title{position:relative;background:#0f1b2d center/cover no-repeat;padding:0}
.page-title .overlay{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,20,36,.88),rgba(9,20,36,.68))}
.page-title .container{position:relative;z-index:2}
.page-title-content{padding:64px 0}
.page-title-heading .title{color:#fff!important;font-size:30px;font-weight:700;margin:0 0 10px}
.breadcrumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;
  font-size:13.5px;color:#9fb3c8}
.breadcrumbs li{color:#9fb3c8}
.breadcrumbs a{color:#cbd9e6;text-decoration:none}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs li:last-child{color:#fff}

.main-page-details{padding:36px 0 56px;background:#f7f9fc}
.sidebar-left.sidebar-page{position:static!important;width:auto!important;left:auto!important;
  top:auto!important;bottom:auto!important}
.sidebar .side,.sidebar-page .widget,.sidebar-left .widget{
  background:#fff;border:1px solid #e3e8ef;border-radius:6px;overflow:hidden;
  margin-bottom:22px;padding:0}
.sidebar-page .widget-title{background:#fbfcfe;color:#0f1b2d;font-size:15px;font-weight:600;
  margin:0;padding:14px 18px;border-bottom:1px solid #f1f5f9}
.sidebar-page .widget .info,.sidebar-page .widget .text-widget,
.sidebar-page .widget>ul{padding:16px 18px}
.sidebar-page .widget .info{list-style:none;margin:0}
.sidebar-page .widget .info li{margin:0 0 10px;font-size:14px;color:#4a5568}
.sidebar-page .widget .info li a{color:#0f8a7a}

.flat-textbox.focux-content{background:#fff;border:1px solid #e3e8ef;border-radius:6px;
  padding:8px 24px 24px}
.list-blog-ul{margin:0;padding:0;list-style:none}
.list-blog-ul article.post{border:0;border-bottom:1px dashed #e3e8ef;margin:0;padding:22px 0;
  width:auto;float:none}
.list-blog-ul article.post:last-child{border-bottom:0}
/* ★★★ 下面这组原本写成裸 `.post`，**连带命中了产品中心页**（它也复用 .post 这个类）→
   把产品卡挤成「250px 图 + ~100px 文字」，标题全被截成「新款电签P…」。
   现在全部限定在 `.list-blog-ul` 里，只作用于文章列表。 */
.list-blog-ul article.post .post-border{display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:22px;align-items:start}
.list-blog-ul article.post .featured-post{border-radius:5px;overflow:hidden;background:#eef2f7;line-height:0}
.list-blog-ul article.post .featured-post img{width:100%;height:158px;object-fit:cover}
.list-blog-ul .post .content-post .post-meta ul{list-style:none;margin:0 0 8px;padding:0;display:flex;
  gap:16px;font-size:12.5px;color:#94a3b8}
.list-blog-ul .post .content-post .post-title{margin:0 0 9px;font-size:18px;line-height:1.5;font-weight:600}
.list-blog-ul .post .content-post .post-title a{color:#0f1b2d;text-decoration:none}
.list-blog-ul .post .content-post .post-title a:hover{color:#0f8a7a}
.list-blog-ul .post .content-post .post-content p{margin:0 0 12px;font-size:14px;line-height:1.8;color:#4a5568}
.list-blog-ul .post .content-post .detail-link{font-size:13.5px;font-weight:600;color:#0f8a7a}

/* ── 产品中心（page/products/posjichanp.html）：九宫格产品卡 ──────────
   主题原本就是「3 列 · 图在上 · 文字在下」（.post{width:33.33%} +
   .featured-post{padding-bottom:70%} 的比例盒）。这里只把图片区改成
   固定高度的居中 contain，避免 9 张不同比例的图高度参差。 */
.fix-float-box{display:flex;flex-wrap:wrap;margin:0 -14px}
.fix-float-box .post{width:33.3333%;padding:0 14px;box-sizing:border-box;float:none}
.fix-float-box .post .post-border{display:block;margin-bottom:36px}
/* ★ 主题给 .featured-post 写了 `height:0; padding-bottom:70%` 的比例盒 + 图片绝对定位，
   只靠同权重的普通规则压不干净（实测灰底盒比图片高出近一倍、图被顶到下半部）。
   这里对 height / padding-bottom / position / img 的定位全部加 !important 钉死。 */
.fix-float-box .post .featured-post{height:220px!important;padding-bottom:0!important;
  position:relative!important;margin-bottom:0;border-radius:6px;overflow:hidden;
  background:#f4f7fb;line-height:0}
.fix-float-box .post .featured-post a{position:absolute!important;left:0;right:0;top:0;bottom:0;
  display:block!important;padding:14px;box-sizing:border-box}
.fix-float-box .post .featured-post img{position:absolute!important;left:14px;right:14px;top:14px;
  bottom:14px;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;
  max-width:none!important;max-height:none!important;
  object-fit:contain!important;transform:none!important;margin:0}
.fix-float-box .post .content-post{margin-top:16px}
.fix-float-box .post .post-title{margin:0 0 8px;font-size:17px;line-height:1.5;font-weight:600}
.fix-float-box .post .post-title a{color:#0f1b2d;text-decoration:none;display:block}
.fix-float-box .post .post-title a:hover{color:#0f8a7a}
.fix-float-box .post .post-content p{margin:0;font-size:13.8px;line-height:1.8;color:#4a5568;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.single-title{border:0;padding:0 0 16px;margin:0 0 22px;border-bottom:1px solid #e3e8ef}
.single-title h1{font-size:28px;font-weight:700;color:#0f1b2d;line-height:1.4;margin:0 0 10px}
.single-title .info{font-size:12.5px;color:#94a3b8}
.single-arc{font-size:15px;line-height:1.9;color:#4a5568}
.single-arc h2{font-size:21px;font-weight:700;color:#0f1b2d;margin:30px 0 12px;
  padding-left:14px;border-left:4px solid #0f8a7a;border-radius:2px}
.single-arc h3{font-size:17px;font-weight:600;color:#0f1b2d;margin:22px 0 8px}
.single-arc p{margin:0 0 14px;line-height:1.9}
.single-arc a{color:#0f8a7a}
.single-arc img{border-radius:5px}
.tags{margin:22px 0;font-size:13.5px;color:#94a3b8}
.tags a{display:inline-block;background:#f1f5f9;border-radius:999px;padding:4px 12px;
  margin:0 8px 6px 0;color:#334155}
.tags a:hover{background:#0f8a7a;color:#fff}
.prenext{border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef;margin:24px 0;padding:6px 0}
.prenext p{margin:12px 0;font-size:14px}
.pagnavi{text-align:center;padding:26px 0 6px;font-size:14px}
.pagnavi a,.pagnavi span{display:inline-block;min-width:38px;padding:8px 12px;margin:0 3px;
  background:#fff;border:1px solid #e3e8ef;border-radius:8px;color:#334155;text-decoration:none}
.pagnavi a:hover{border-color:#0f8a7a;color:#0f8a7a}
.pagnavi .active,.pagnavi span.current{background:#0f8a7a;border-color:#0f8a7a;color:#fff}
.crumb{background:#f7f9fc;border-bottom:1px solid #e3e8ef;font-size:13.5px;padding:12px 0;color:#64748b}
.crumb a{color:#64748b}

/* fixbar（窄屏底部） */
.fixbar{display:none}
@media (max-width:991px){
  .fixbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;
    border-top:1px solid #e3e8ef;box-shadow:0 -2px 10px rgba(15,27,45,.08)}
  .fixbar ul{display:flex;margin:0;padding:0;list-style:none}
  .fixbar li{flex:1;text-align:center}
  .fixbar a{display:block;padding:9px 0;font-size:12.5px;color:#334155;text-decoration:none}
  .fixbar .fa{display:block;font-size:18px;margin-bottom:2px;color:#0f8a7a}
}

/* ── 7 窄屏 ─────────────────────────────────────────────────────────── */
/* 视口 <=1200 时容器本身会缩，pj6-box 改用左右 15px 外边距与 .container 对齐 */
@media (max-width:1200px){
  .pj6-box{margin-left:15px;margin-right:15px;max-width:none}
}
@media (max-width:991px){
  #logo img{height:56px;max-height:none!important}
  #mainnav ul.menu{flex-direction:column;align-items:stretch;gap:0}
  #mainnav .menu>li>a{padding:12px 6px;border-bottom:1px solid #f1f5f9;border-radius:0}
  #mainnav ul.sub-menu{position:static;display:block;box-shadow:none;border:0;
    background:#f7f9fc;padding:0 0 6px;margin:0;min-width:0}
  #mainnav ul.sub-menu>li>a{padding:10px 20px;font-size:14px}
  /* ── 窄屏折叠按钮（★ 用主题完全不认识的 .wb-mtoggle，从结构上排除被覆盖的可能）
     为什么弃用主题自带的 .mobile-button：它的显隐由 style.css 与 main.js 共同决定，
     实测把 !important 加到最大仍渲染不出来（JS 会在渲染后动 DOM）。与其猜，不如另起一个类。 */
  #header .header-wrap .mobile-button{display:none!important}
  #header .header-wrap .wb-mtoggle{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:4px!important;width:40px!important;
    height:40px!important;min-width:40px!important;margin:0 0 0 auto!important;padding:0!important;
    border:0!important;background:#f1f5f9!important;border-radius:5px!important;cursor:pointer!important;
    box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;line-height:1!important}
  #header .header-wrap .wb-mtoggle i{display:block!important;width:16px!important;height:2px!important;
    margin:0!important;border:0!important;border-radius:2px!important;background:#0f1b2d!important;
    transition:transform .2s,opacity .2s!important}
  #header .header-wrap .wb-mtoggle i:before,#header .header-wrap .wb-mtoggle i:after{content:none!important}
  #header .header-wrap .wb-mtoggle.on i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  #header .header-wrap .wb-mtoggle.on i:nth-child(2){opacity:0}
  #header .header-wrap .wb-mtoggle.on i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .nav-wrap{display:none;flex-basis:100%}
  /* 展开的菜单：main.js 会把 #mainnav 改名成 #mainnav-mobi 并移到 .container-header 之后，
     所以这里同时给两个 id 写样式，JS 开/关都能生效。 */
  #mainnav-mobi,#header .nav-wrap.mobile-open{position:absolute;left:0;right:0;top:100%;
    background:#fff;border-top:1px solid #e3e8ef;box-shadow:0 18px 36px rgba(15,27,45,.14);
    padding:6px 14px 14px;max-height:75vh;overflow:auto;z-index:80}
  #mainnav-mobi ul.menu,#header .nav-wrap.mobile-open ul.menu{display:block;margin:0;padding:0}
  #mainnav-mobi li,#header .nav-wrap.mobile-open li{display:block}
  #mainnav-mobi li>a,#header .nav-wrap.mobile-open li>a{display:block;padding:12px 6px;
    border-bottom:1px solid #f1f5f9;color:#334155;font-size:15px;text-decoration:none}
  #mainnav-mobi ul.sub-menu{display:block!important;position:static!important;box-shadow:none!important;
    border:0!important;background:#f7f9fc!important;padding:0!important}
  #mainnav-mobi ul.sub-menu li>a{padding:10px 22px;font-size:14px;border-bottom-color:#eef1f6}
  #header .container-header{padding-top:10px;padding-bottom:10px}
  .s6-notice .container{padding:16px 15px}
  .s6-notice b{font-size:17px}
  .s6-notice .bttn{margin-left:0;width:100%;text-align:center}
  .s6-bns{grid-template-columns:1fr}
  .s6-bn{border-right:0;border-bottom:1px solid #e3e8ef;padding:20px 22px}
  .s6-bn:last-child{border-bottom:0}
  .s6-svcs,.s6-prods,.s6-news,.s6-pjs{grid-template-columns:1fr}
  .s6-ablk{grid-template-columns:1fr;gap:20px;padding:26px 0}
  .s6-ablk.rev .txt,.s6-ablk.rev .im{order:0}
  .s6-ablk h3{font-size:20px}
  .s6-ablk .im img{height:210px}
  .flat-row{padding:38px 0}
  .flat-title .title,.center-title,.pj6-head h2{font-size:22px}
  .s6-cta{padding:28px 22px;border-radius:6px}
  .s6-cta h2{font-size:20px}
  .pj2{padding:38px 0}
  .pj6-box{grid-template-columns:1fr}
  .pj6-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e3e8ef}
  .pj6-nav-item{border-radius:999px;padding:8px 14px;white-space:nowrap}
  .pj6-nav-ct{display:none}
  .pj6-panes{padding:20px 18px 22px}
  .pj6-ls{columns:1}
  .pj6-pane-hd{flex-direction:column;gap:10px}
  .list-blog-ul article.post .post-border{grid-template-columns:1fr}
  .list-blog-ul article.post .featured-post img{height:180px}
  /* 产品中心窄屏：3 列 → 2 列 */
  .fix-float-box{margin:0 -10px}
  .fix-float-box .post{width:50%;padding:0 10px}
  .fix-float-box .post .featured-post{height:180px!important}
  .fix-float-box .post .featured-post a{padding:10px}
  .fix-float-box .post .featured-post img{left:10px;right:10px;top:10px;bottom:10px;
    width:calc(100% - 20px)!important;height:calc(100% - 20px)!important}
  .page-title-content{padding:40px 0}
  .page-title-heading .title{font-size:22px}
  body{padding-bottom:62px}
}


/* ═══════════════════════════════════════════════════════════════════
   666pos 宽屏 + 移动端自适应增强层（2026-10-10）
   1) 宽屏：≥1400 / ≥1720 逐级放宽 .container（原主题锁死 1200px）
   2) 平板 768–991：4 列降 2 列（原主题直接降到 1 列，太浪费横向空间）
   3) 手机：收紧区块留白、按钮满宽易点、图片不溢出
   ═══════════════════════════════════════════════════════════════════ */

/* ---- 0) 溢出兜底 ---- */
html, body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; }
.s6-ablk img, .s6-svc img, .s6-bn img { height: auto; }

/* ---- 1) 宽屏 ---- */
@media (min-width: 1400px) {
    .container { max-width: 1560px; }
    .flat-row { padding: 68px 0; }
    .s6-svcs { gap: 24px; }
}
@media (min-width: 1720px) {
    .container { max-width: 1680px; }
    .flat-row { padding: 76px 0; }
}

/* ---- 2) 平板：4 列 → 2 列 ---- */
@media (min-width: 768px) and (max-width: 991px) {
    .s6-svcs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .s6-prods { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .s6-news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .flat-row { padding: 44px 0; }
}

/* ---- 3) 手机（≤767）---- */
@media (max-width: 767px) {
    .container { padding-left: 14px; padding-right: 14px; }
    .flat-row { padding: 30px 0; }
    .flat-title { margin-bottom: 22px; }
    .flat-title .title, .center-title { font-size: 20px; }
    .flat-title p { font-size: 14px; }
    .s6-bns { border-radius: 10px; }
    .s6-bn { padding: 17px 18px; gap: 13px; }
    .s6-bn img { width: 44px; height: 44px; }
    .s6-bn b { font-size: 15.5px; }
    .s6-svc { padding: 22px 16px; }
    .s6-svc img { width: 46px; height: 46px; margin-bottom: 10px; }
    .s6-svc b { font-size: 15.5px; }
    /* 按钮：拇指易点 */
    .bttn, .bttn-acc, .bttn-out { min-height: 44px; line-height: 44px; padding: 0 20px; }
    .s6-notice .container { padding: 14px; gap: 12px; }
}
@media (max-width: 480px) {
    .flat-title .title, .center-title, .pj6-head h2 { font-size: 18px; }
    .bttn, .bttn-acc, .bttn-out { display: block; width: 100%; padding: 0; text-align: center; }
    .s6-bn { padding: 15px 14px; }
    .s6-svc { padding: 20px 14px; }
}

/* ===== 移动端 CTA 条：立即办理按钮居中放大（2026-10-10）===== */
@media (max-width: 767px){
  .s6-notice .container{
    flex-direction:column;
    align-items:stretch;
    gap:16px;
    padding:20px 18px;
  }
  .s6-notice .bttn,
  .s6-notice .bttn-acc{
    display:block!important;
    width:100%!important;
    max-width:420px;
    margin:0 auto!important;
    padding:16px 0!important;
    min-height:0!important;
    line-height:1.25!important;
    font-size:19px!important;
    font-weight:700;
    letter-spacing:.5px;
    border-radius:12px!important;
    text-align:center;
    box-shadow:0 10px 24px rgba(255,122,24,.42)!important;
  }
}