/* ===== 钛镁风格官网模板（site_taimei_*）覆盖样式 =====
 * 基础样式来自原站 MOK 主题：../original/style.css（先加载）。
 * 本文件只放：原站写在页面内联 <style> 里的部分（容器宽度、三档产品卡、合作表单渠道多选），
 * 以及本系统额外需要的部分（文字 logo、上传图标、分类筛选、空状态、留言提示等）。
 * 后续换成自有样式时，去掉 original/style.css 并在此补齐即可。
 */
:root{--tb--main:#009cd9;--tb--logo-height:32px;--primary-color:var(--tb--main)}

/* ----- 原站页面内联：容器宽度 ----- */
.tb-container{max-width:1360px}
body>.tb-container{padding-top:24px;padding-bottom:24px}
@media (max-width:640px){body>.tb-container{padding-top:24px;padding-bottom:24px}}
@media (max-width:1408px){.tb-container{margin:0 24px}.module-wraper .tb-container{margin:0 48px}}
@media (max-width:1536px) and (min-width:891px){.tb-main-pad{padding:0 88px}.module-wraper .tb-main-pad{padding:0 112px}}
@media (max-width:640px){.tb-container{margin:0 15px}.module-wraper .tb-container{margin:0 20px}}

/* ----- 顶栏：原站由脚本固定在顶部，这里用 sticky 实现 ----- */
.tb-header{position:sticky;top:0}
.tb-header .logo{font-size:inherit;margin-top:0}
.tb-header .logo a{display:flex;align-items:center;height:var(--tb--logo-height)}
.tb-header .logo img{max-width:240px;object-fit:contain}
.tb-header .logo span.logo-text{display:inline-block;font-size:22px;font-weight:800;color:#202935;letter-spacing:1px;white-space:nowrap}
@media (max-width:890px){.tb-header .logo span.logo-text{font-size:18px}}

/* ----- 右侧悬浮：只有回到顶部 ----- */
.contacts-right_b .scroll-top.show{display:block}
@media (max-width:890px){.contacts-right_b{display:none}body{padding-bottom:0}}

/* ----- 页脚：内容不足一屏时页脚贴在屏幕底部（内容长时仍在页面末尾，不遮挡内容） ----- */
body{display:flex;flex-direction:column;min-height:100vh}
.tb-footer{margin-top:auto;padding:14px 0;background:#202935;color:#8a8a8a}
.tb-footer .footer-copyright{text-align:center;line-height:1.8}
.tb-footer .footer-copyright a{margin-left:8px}
.tb-footer .f_links a{display:inline-block;margin:0 8px 8px 8px}
.tb-footer .f_links strong{color:#c4c9d2;font-weight:normal}

/* ----- 轮播：本系统用自带脚本切换，不依赖 Swiper ----- */
.tb-m-swiper .swiper-inner,.tb-m-feedback .swiper-inner{transition:transform .6s ease}
.tb-m-swiper .swiper-link{position:absolute;inset:0;z-index:1}
.tb-m-swiper .swiper-item-inner{z-index:2}
.swiper-pagination{z-index:3}
.swiper-nav{z-index:3}

/* ----- 产品服务矩阵卡片（对齐设计稿：顶栏渐变 + 副名在上 + 白底阴影） ----- */
.cards{--blue:#2297cc;--blue-deep:#0b4e74;--blue-soft:#e8f4fa;--ink:#1a1a1a;--gray-light:#9ca3af;--gold:#f5c862;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:28px}
.cards.cards-1{grid-template-columns:minmax(0,640px);justify-content:center}
.cards.cards-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:960px){.cards,.cards.cards-2{grid-template-columns:minmax(0,1fr)}}
.cards>.card{min-width:0}
.cards .card{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:36px 36px 32px;border:1px solid rgba(34,151,204,.12);border-radius:16px;background:#fff;color:var(--ink);overflow:hidden;box-shadow:0 10px 32px rgba(15,55,90,.12),0 2px 8px rgba(15,55,90,.06);transition:all .3s ease}
.cards .card::before{position:absolute;content:"";top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0b6fa4 0%,#2297cc 45%,#5ec8e8 100%);z-index:2}
.cards .card:hover{border-color:rgba(34,151,204,.28);box-shadow:0 16px 44px rgba(34,151,204,.18),0 4px 12px rgba(15,55,90,.08);transform:translateY(-3px)}
.cards .card-top{margin-bottom:4px}
.cards .card-tags{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.cards .badge{display:inline-block;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--blue-soft);color:var(--blue)}
.cards .card-tags .en-sub{flex:1;min-width:0;margin:0;font-size:13px;font-weight:500;color:#5ba3d9;letter-spacing:.4px;line-height:1.4}
.cards .card h2{display:block;margin:0;padding:0;font-size:22px;font-weight:700;letter-spacing:.5px;line-height:1.35;color:#1f2937}
.cards .card h2::before{display:none}
.cards .card h2 .en{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}
.cards .card p.desc{margin:16px 0 0;font-size:14px;line-height:1.9;color:#4b5563;min-height:calc(1.9em * 4)}
.cards .card-foot{display:flex;flex-direction:column;margin-top:auto;padding-top:52px}
.cards .features{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.cards .feature{padding:7px 14px;border:1px solid #d7eaf5;border-radius:8px;background:#f3f9fc;font-size:13px;color:#1a6f9a}
.cards .card-foot .features + .value{margin-top:20px}
.cards .value{display:flex;align-items:center;gap:12px;margin:0;padding:16px 20px;border-left:3px solid var(--blue);border-radius:10px;background:#eef7fc;font-size:14px;color:#374151}
.cards .value .txt{flex:1;line-height:1.85}
.cards .hl-blue{color:var(--blue);font-weight:700}
/* 第 2 张：深蓝科技版 */
.card.mid{background:radial-gradient(ellipse 58% 85% at 6% -12%,rgba(140,220,255,.26) 0%,transparent 56%),radial-gradient(circle at 92% 6%,rgba(255,255,255,.20) 0%,transparent 38%),radial-gradient(ellipse 95% 75% at 50% 120%,rgba(2,14,26,.78) 0%,transparent 60%),linear-gradient(150deg,#051f35 0%,#073f62 32%,#0a5580 62%,#0f6e9c 100%);border-color:rgba(255,255,255,.10);color:#fff;box-shadow:0 14px 44px rgba(7,69,107,.42),0 2px 0 rgba(255,255,255,.06) inset;overflow:hidden;isolation:isolate}
.card.mid .deco-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(180,230,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(180,230,255,.075) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 62% 78% at 22% 34%,#000 0%,transparent 82%);mask-image:radial-gradient(ellipse 62% 78% at 22% 34%,#000 0%,transparent 82%)}
.card.mid::before{position:absolute;content:"";top:0;left:0;right:0;z-index:2;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}
.card.mid::after{position:absolute;content:"";top:-150px;right:-150px;z-index:0;width:420px;height:420px;border-radius:50%;border:1px solid rgba(140,220,255,.20);box-shadow:0 0 0 48px rgba(140,220,255,.055),0 0 0 96px rgba(140,220,255,.038),0 0 0 144px rgba(140,220,255,.024);pointer-events:none}
.card.mid>.card-top,.card.mid>.desc,.card.mid>.features,.card.mid>.value{position:relative;z-index:1}
.card.mid:hover{border-color:rgba(140,220,255,.45);box-shadow:0 20px 56px rgba(7,69,107,.55)}
.card.mid h2,.card.mid h2 .en{color:#8dd8f8;letter-spacing:1px}
.card.mid .en-sub{color:rgba(255,255,255,.55)}
.card.mid p.desc{color:rgba(255,255,255,.96)}
.card.mid .feature{background:rgba(255,255,255,.16);border-color:rgba(141,216,248,.42);color:#fff;font-weight:600}
.card.mid .badge{background:rgba(255,255,255,.95);color:#07456b;font-weight:700;box-shadow:0 3px 14px rgba(3,26,45,.30)}
.card.mid .value{background:rgba(3,26,45,.34);border-left-color:#8dd8f8;color:rgba(255,255,255,.97)}
.card.mid .hl-blue{color:#8dd8f8}
/* 第 3 张：深色金 */
.card.dark{background:linear-gradient(160deg,#0b2038 0%,#163e66 100%);border-color:transparent;color:#fff}
.card.dark:hover{border-color:var(--gold);box-shadow:0 16px 48px rgba(11,32,56,.35)}
.card.dark h2,.card.dark h2 .en,.card.dark .hl-blue{color:var(--gold)}
.card.dark .en-sub{color:rgba(255,255,255,.5)}
.card.dark p.desc{color:rgba(255,255,255,.88)}
.card.dark .feature{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.9)}
.card.dark .badge{background:rgba(245,200,98,.15);color:var(--gold)}
.card.dark .value{background:rgba(255,255,255,.06);border-left-color:var(--gold);color:rgba(255,255,255,.9)}
@media (max-width:960px){
.cards .card{padding:28px 22px}
.cards .card h2{font-size:20px}
.cards .card-tags .en-sub{font-size:12px}
.cards .card-tags{margin-bottom:6px}
.cards .card-tags .badge{padding:6px 12px;font-size:11px}
.cards .value{padding:14px 16px}
}

/* ----- 优势 / 流程：没上传图标时按位置用原站图标，上传了图标用图片 ----- */
.tb-m-advantage .tb-m-item:nth-child(4n+1) .tb-glyph::before{content:"\e79d"}
.tb-m-advantage .tb-m-item:nth-child(4n+2) .tb-glyph::before{content:"\e68f"}
.tb-m-advantage .tb-m-item:nth-child(4n+3) .tb-glyph::before{content:"\e6c0"}
.tb-m-advantage .tb-m-item:nth-child(4n+4) .tb-glyph::before{content:"\e6be"}
.tb-m-step .tb-m-item:nth-child(5n+1) .tb-glyph::before{content:"\e6bf"}
.tb-m-step .tb-m-item:nth-child(5n+2) .tb-glyph::before{content:"\e6f3"}
.tb-m-step .tb-m-item:nth-child(5n+3) .tb-glyph::before{content:"\e74c"}
.tb-m-step .tb-m-item:nth-child(5n+4) .tb-glyph::before{content:"\e74d"}
.tb-m-step .tb-m-item:nth-child(5n+5) .tb-glyph::before{content:"\e814"}
.tb-m-icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;isolation:isolate}
.tb-m-icon-box img{width:44px;height:44px;object-fit:contain}
.tb-m-icon-box::after{position:absolute;content:"";inset:0;background:var(--tb--main);opacity:.08;z-index:-1;border-radius:50%}
.tb-m-icon-box+.tb-m-i-title{margin-top:32px}
.tb-m-advantage .tb-c-w{flex-wrap:wrap}
.tb-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tb-m-about .m-describe{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden}
.tb-m-partner .tb-m-item a{display:block}
.tb-m-partner .tb-m-item .p-name{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;padding:8px;background:#fff;border:1px solid #edf1fc;border-radius:6px;font-weight:bold;color:#202935}

/* ----- 列表 / 详情补充 ----- */
.post-list-question{display:flex;flex-wrap:wrap;margin-right:-24px}
@media (max-width:640px){.post-list-question{margin-right:0}}
.tb-cat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tb-cat-tabs a{padding:0 16px;line-height:34px;background:#fff;border-radius:4px;color:#202935}
.tb-cat-tabs a.current,.tb-cat-tabs a:hover{background:var(--tb--main);color:#fff}
.tb-nodata{padding:80px 0;margin-bottom:24px;text-align:center;color:#8a8a8a;background:#fff;border-radius:4px}
.tb-article .article-subtitle{margin-top:8px;text-align:center;color:#8a8a8a;font-size:15px}
.article-cover{margin:24px 0 0;text-align:center}
.article-cover img{max-width:100%;height:auto;border-radius:4px}
.article-cover video{width:100%;max-height:520px;background:#000;border-radius:4px}
.article-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.article-actions a{padding:0 24px;line-height:40px;border-radius:20px;background:var(--tb--main);color:#fff}
.article-actions a.ghost{background:#fff;color:var(--tb--main);border:1px solid var(--tb--main);line-height:38px}
.article-actions a:hover{opacity:.85;color:#fff}
.article-actions a.ghost:hover{color:var(--tb--main)}
.tb-contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:48px}
.tb-contact-info .ci-item{padding:20px 24px;background:#f3f5f7;border-radius:4px}
.tb-contact-info .ci-label{margin-bottom:6px;color:#8a8a8a;font-size:13px}
.tb-contact-info .ci-value{color:#202935;font-size:16px;font-weight:bold;word-break:break-all}
.relevant-list .tb-thumb{background:#f3f5f7}

/* ----- 产品列表：一行 3 个、3:2，3 个与 6 个时卡片同宽，不超出容器 ----- */
body.tb-page-products .tb-container.tb-prop-up{
  width:100%;
  max-width:1360px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  box-sizing:border-box;
}
body.tb-page-products .tb-main{
  float:none;
  width:100%;
  max-width:100%;
  margin:0;
  overflow:hidden;
  box-sizing:border-box;
}
body.tb-page-products .post-list-case{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 24px;
  width:100%;
  margin:0;
  box-sizing:border-box;
}
body.tb-page-products .post-list-case .post-item{
  width:100%;
  min-width:0;
  margin:0;
}
body.tb-page-products .post-list-case .tb-thumb,
body.tb-page-products.thumbtype-32 .post-list-case .tb-thumb{
  padding-top:66.6666666667%;
}
body.tb-page-products .post-list-case .post-detail{padding-top:12px}
body.tb-page-products .post-list-case .post-title{font-size:18px;font-weight:700;line-height:1.45}
@media (max-width:890px){
body.tb-page-products .post-list-case{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.tb-page-products .post-list-case .post-title{font-size:15px}
}
@media (max-width:640px){
body.tb-page-products .post-list-case{grid-template-columns:minmax(0,1fr)}
body.tb-page-products .post-list-case .post-title{font-size:16px}
}

/* ----- GEO服务：仿原站文章页的图文左右交替（原站用 WordPress 区块 wp-block-media-text） ----- */
.geo-intro{margin:24px 0 100px}
.geo-intro h2{padding-left:0;font-size:24px;line-height:1.1}
.geo-intro h2::before{display:none}
.geo-media-text{display:grid;grid-template-columns:auto 40%;align-items:center;gap:0 48px;margin-bottom:100px}
.geo-media-text.media-left{grid-template-columns:40% auto}
.geo-media-text.media-left .geo-media-text__media{order:-1}
.geo-media-text.no-media{grid-template-columns:1fr}
.geo-media-text:last-child{margin-bottom:24px}
.geo-media-text__content{min-width:0}
.geo-media-text__content h2{padding-left:0;color:#000;font-weight:bold}
.geo-media-text__content h2::before{display:none}
.geo-media-text__media{margin:0}
.geo-media-text__media img{width:100%;height:auto}
@media (max-width:600px){.geo-media-text,.geo-media-text.media-left{grid-template-columns:1fr;margin-bottom:48px}.geo-media-text.media-left .geo-media-text__media{order:0}}

/* 详情从飞书/WPS 粘贴时，正文 span 带 white-space:pre，长句不换行会撑出横向滚动 */
.article-content{max-width:100%;overflow-wrap:break-word}
.article-content [style*="white-space"]{white-space:pre-wrap !important;overflow-wrap:break-word}
/* 正文链接统一用站点主色。主按钮没写字色时会被染成蓝色，和蓝色背景叠在一起 */
.article-content a.btn-primary,
.article-content a.btn-primary:hover,
.article-content a.btn-primary:focus{color:#fff}