/* ===== 统一壳层 CSS：非CMS静态页(型号页/SEO页)与CMS模板视觉一致 =====
   数据源 /nav-config.json，与CMS可视化编辑同一份真源 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;background:#f4f6f9;color:#333}
.tb-shell-top{background:linear-gradient(120deg,#0a4bc4,#1a6dff);color:#fff}
.tb-shell-top .tb-in{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:18px;height:56px}
.tb-shell-logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:16px;white-space:nowrap;flex-shrink:0}
.tb-shell-logo img{height:26px;display:block}
.tb-shell-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:visible}
.tb-shell-nav>a{color:#fff;text-decoration:none;font-size:14px;padding:0 12px;height:56px;display:flex;align-items:center;position:relative;white-space:nowrap}
.tb-shell-nav>a:hover,.tb-shell-nav>a.on{background:rgba(255,255,255,.14)}
.tb-shell-nav .tb-drop{position:relative}
.tb-shell-nav .tb-drop>a::after{content:'';display:inline-block;width:0;height:0;border:4px solid transparent;border-top-color:rgba(255,255,255,.75);margin-left:6px;vertical-align:middle;transition:transform .2s}
.tb-shell-nav .tb-drop:hover>a::after{transform:rotate(180deg)}
.tb-shell-nav .tb-sub{position:absolute;left:0;top:100%;min-width:132px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 6px 18px rgba(10,40,80,.16);padding:6px 0;display:none;z-index:60}
.tb-shell-nav .tb-drop:hover .tb-sub{display:block}
.tb-shell-nav .tb-sub a{display:block;padding:9px 16px;color:#333;text-decoration:none;font-size:13.5px;white-space:nowrap}
.tb-shell-nav .tb-sub a:hover{background:#f2f7ff;color:#0459d5}
.tb-shell-tel{color:#fff;text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:6px;flex-shrink:0}
.tb-shell-burger{display:none;width:38px;height:38px;border:0;background:rgba(255,255,255,.16);border-radius:8px;cursor:pointer;flex-shrink:0}
.tb-shell-burger span{display:block;width:18px;height:2px;background:#fff;margin:3px auto;border-radius:2px}

/* 抽屉侧滑（移动端） */
.tb-shell-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1200;display:none}
.tb-shell-mask.on{display:block}
.tb-shell-drawer{position:fixed;top:0;left:-84%;width:84%;max-width:320px;height:100%;background:#fff;z-index:1300;transition:left .28s ease;overflow-y:auto;box-shadow:4px 0 24px rgba(0,0,0,.18)}
.tb-shell-drawer.on{left:0}
.tb-shell-drawer .tb-dh{background:linear-gradient(120deg,#0a4bc4,#1a6dff);color:#fff;padding:26px 18px 20px}
.tb-shell-drawer .tb-dh h3{font-size:16px;font-weight:600;margin-bottom:4px}
.tb-shell-drawer .tb-dh p{font-size:12px;opacity:.85}
.tb-shell-drawer .tb-dh .tb-dt{margin-top:10px;font-size:17px;font-weight:700}
.tb-shell-drawer .tb-dl a{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #f2f5f9;color:#333;text-decoration:none;font-size:15px}
.tb-shell-drawer .tb-dl a:hover{background:#f5f9ff}
.tb-shell-drawer .tb-dsub{background:#fafcfe;padding:2px 0}
.tb-shell-drawer .tb-dsub a{padding:10px 30px;font-size:13.5px;color:#5a6a85;border-bottom:1px dashed #eef2f7}

/* 底部操作栏（移动端，与CMS m-footer-nav 完全一致） */
.tb-shell-footnav{position:fixed;left:0;right:0;bottom:0;z-index:1100;background:#fff;border-top:1px solid #e8eef5;display:flex;padding-bottom:env(safe-area-inset-bottom,0px)}
.tb-shell-footnav a{flex:1;text-align:center;padding:7px 0 6px;color:#5a6a85;text-decoration:none;font-size:11px;line-height:1.3}
.tb-shell-footnav a i{display:block;font-style:normal;font-size:17px;margin-bottom:1px;color:#0459d5}
.tb-shell-footnav a.tb-hot{color:#c8102e}
.tb-shell-footnav a.tb-hot i{color:#c8102e}

/* 页脚 */
.tb-shell-footer{background:#0d2545;color:#a8b8cc;text-align:center;padding:26px 16px calc(26px + 58px);font-size:12.5px;line-height:2}
.tb-shell-footer a{color:#7fb0ff;text-decoration:none}
.tb-shell-footer .tb-fnav{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;margin-bottom:10px}
.tb-shell-footer .tb-fnav a{color:#cfe0f7}
.tb-shell-footer .tb-fmeta{max-width:900px;margin:0 auto}

/* 让出底部栏空间 */
body.tb-has-footnav{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}

/* ============ 移动端：与CMS手机模板同一套壳层逻辑 ============ */
@media (max-width:768px){
  .tb-shell-top .tb-in{height:54px;gap:8px;padding:0 12px}
  .tb-shell-logo span{font-size:12px}
  .tb-shell-nav{display:none}
  .tb-shell-burger{display:block;margin-left:auto}
  .tb-shell-tel{font-size:12px;font-weight:600;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.16);order:9}
  .tb-shell-tel i{display:none}
  .tb-shell-footnav{display:flex}
  .tb-shell-footer{padding:20px 12px calc(20px + 62px);font-size:11.5px;line-height:1.9}
}
@media (min-width:769px){
  .tb-shell-footnav{display:none}
  .tb-shell-burger{display:none}
}