/* XZL-Trace Clarion A: scoped marketing visual layer; no business layout overrides */

:root{--brand:#1157df;--brand-deep:#0847bf;--ink:#081c47;--muted:#647387;--paper:#f5f8fe;--line:#dfe6ef;--radius:12px;--shadow:0 20px 55px #17386b12;--shell:1240px}

body{background:#fff;color:var(--ink)}.site-header{height:86px;background:#fff}.header-inner{gap:22px}.main-nav{gap:20px}.main-nav a{font-size:13px}.brand{min-width:198px}.brand strong{letter-spacing:3px}.header-actions .button-sm{display:inline-flex}.button{border-radius:9px;font-weight:600}.button-primary{background:#1157df;color:#fff}.button-outline,.button-ghost-light{border:1px solid #cddcf0;background:#fff;color:#1157df}.login-trigger{color:#081c47}.shell{max-width:1240px}

.page-hero,.detail-hero,.article-hero{background:radial-gradient(ellipse at 90% 30%,#dceaff,transparent 65%),#f5f8fe;color:#081c47;min-height:0;padding:66px 0}.page-hero h1,.detail-hero h1,.article-hero h1{color:#081c47;line-height:1.35}.page-hero p,.detail-hero p,.article-hero p,.page-hero .breadcrumb,.detail-hero .breadcrumb{color:#647387}.page-hero:before,.page-hero:after,.detail-hero:before,.detail-hero:after,.article-hero:before,.article-hero:after,.page-ambient,.page-grid{display:none}.page-hero .eyebrow,.detail-hero .eyebrow,.article-hero .eyebrow{color:#1157df}.breadcrumb a{color:#1157df}.section{padding:64px 0}.page-hero-visual{box-shadow:var(--shadow);border:1px solid #dce7f5;border-radius:16px}.page-hero-visual figcaption{background:#081c47cc}.global-cta{background:#edf4ff;color:#081c47}.global-cta h2,.global-cta p{color:#081c47}.global-cta .eyebrow{color:#1157df}.site-footer{background:#f7f9fc;color:#647387}.site-footer h3,.site-footer .brand strong,.site-footer .phone a{color:#081c47}.footer-bottom{border-color:#dfe6ef;color:#647387}.blueprint-section,.deliverable-section,.demo-section{background:#f0f5fc;color:#081c47}.section-head.light h2,.section-head.light p,.blueprint-section h3,.deliverable-section h2,.demo-section h2,.demo-section p,.demo-section li{color:#081c47}.section-head.light .eyebrow{color:#1157df}.process-step b,.process-step small,.stage-grid h3,.stage-grid p,.deliverable-grid b{color:#081c47}.process-step span,.process-step i,.stage-grid span{color:#1157df}.demo-panel{background:#fff;color:#081c47;border:1px solid #dfe6ef}.demo-stat b{color:#081c47}.role-card,.capability-card,.scope-card,.resource-card{border-radius:12px;box-shadow:none;border-color:#dfe6ef}.scope-card{background:#f5f8fe}.scope-card h3,.scope-card p{color:#081c47}.vi-vision>summary{cursor:pointer;font-size:24px;font-weight:600;color:#1157df;padding:18px 0}.vi-vision>.shell{width:100%}.about-vision-section{background:#f8faff}.vision-cluster{background:#fff}

.vi-hero{padding:66px 0;background:radial-gradient(ellipse at 90% 30%,#dceaff,transparent 65%),#f5f8fe}.vi-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}.vi-label{font-size:11px;letter-spacing:2px;color:#1157df;font-weight:700;margin-bottom:17px}.vi-hero h1{font-size:49px;letter-spacing:-1px;line-height:1.38;margin:0 0 22px;color:#081c47}.vi-hero h1 span{color:#1157df}.vi-lead{color:#647387;font-size:16px;line-height:1.9;max-width:650px}.vi-product{font-size:13px;color:#1157df;margin-top:16px}.vi-boundary{font-size:11px;line-height:1.8;color:#647387;margin-top:20px}.vi-map{border:1px solid #dfe6ef;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);color:#081c47}.vi-map svg{width:100%;height:auto;display:block}.vi-map>p{font-size:10px;text-align:center;border-top:1px solid #dfe6ef;padding:14px;margin:0;color:#647387}.vi-map-bar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #dfe6ef;padding:18px 20px;font-size:12px}.vi-map-bar span{color:#1157df;font-size:10px}.vi-strip{border-bottom:1px solid #dfe6ef;background:#fff}.vi-strip>.shell{display:flex;justify-content:space-between;gap:30px;padding:24px 0;font-size:13px}.vi-strip span{color:#647387}.vi-section{padding-top:64px;padding-bottom:64px}.vi-section h2{font-size:30px;line-height:1.45;letter-spacing:-.5px;margin:0 0 26px}.vi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vi-cards article{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:28px}.vi-cards article small{color:#1157df;font-size:10px;letter-spacing:1px}.vi-cards h3{font-size:20px;line-height:1.6;margin:16px 0 12px}.vi-cards p,.vi-steps p,.vi-check p{font-size:14px;line-height:1.9;color:#647387}.vi-cards a,.vi-link{color:#1157df;font-size:13px;font-weight:600}.vi-soft{background:#f5f8fe}.vi-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0}.vi-steps>div{border-top:2px solid #1157df;padding-top:20px}.vi-steps b{color:#1157df;font-size:26px}.vi-steps h3{font-size:18px}.vi-check{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:30px}.vi-check>div+div{border-top:1px solid #dfe6ef;padding-top:18px}.vi-check b{font-size:17px}.vi-title-row{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.vi-title-row>a{white-space:nowrap;color:#1157df;font-size:13px}.vi-two{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-home .button-row{margin-top:26px}.vi-home .faq-list{max-width:920px}.vi-home .faq-list+.vi-link{display:inline-block;margin-top:24px}

/* WordPress listing and article surfaces */

.news-hero{background:radial-gradient(ellipse at 85% 20%,#dceaff,transparent 70%),#f5f8fe;color:#081c47;border-bottom:1px solid #dfe6ef}.news-hero h1{color:#081c47;line-height:1.4}.news-hero p,.news-hero .breadcrumb{color:#647387}.news-hero .eyebrow{background:#e6efff;color:#1157df;border-color:#cbdcfb}.news-hero:before{display:none}.news-hero .breadcrumb a{color:#1157df}.news-nav-bar{top:86px}.post-card{border-radius:12px;border:1px solid #dfe6ef;box-shadow:none}.article-content{color:#24344d}.article-content p{line-height:1.95}.article-content h5{color:#081c47}.news-sidebar{border-radius:12px}

@media(max-width:1120px){.header-inner{gap:12px}.main-nav{gap:12px}.brand{min-width:166px}.brand small{font-size:8px}.main-nav a{font-size:12px}.header-actions{gap:8px}.vi-hero h1{font-size:40px}}

@media(max-width:860px){.site-header{height:74px}.main-nav{top:74px;height:calc(100dvh - 74px);background:#fff}.main-nav a{font-size:16px}.header-actions .button-sm{display:inline-flex}.brand{min-width:0}.vi-split{grid-template-columns:1fr;gap:30px}.vi-map{max-width:660px;width:100%;margin:auto}.vi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.news-nav-bar{top:74px}.vi-strip>.shell{flex-direction:column;gap:8px}}

@media(max-width:620px){.site-header{height:68px}.main-nav{top:68px;height:calc(100dvh - 68px)}.header-inner{gap:9px}.brand strong{font-size:18px}.brand img{width:34px;height:34px}.header-actions .button-sm{padding:0 10px;min-height:36px;font-size:11px}.login-trigger{font-size:12px}.shell{width:calc(100% - 36px)}.vi-hero{padding:38px 0}.vi-hero h1{font-size:34px;line-height:1.42;letter-spacing:-.7px}.vi-label{font-size:9px;letter-spacing:1px}.vi-lead{font-size:14px}.vi-section,.section{padding-top:42px;padding-bottom:42px}.vi-section h2{font-size:25px}.vi-cards,.vi-two{grid-template-columns:1fr}.vi-cards article{padding:23px}.vi-steps{gap:18px}.vi-steps p{font-size:13px}.vi-map-bar{font-size:11px;padding:14px}.vi-map>p{font-size:9px;padding:10px}.vi-strip>.shell{font-size:11px}.vi-check{padding:23px}.news-nav-bar{top:68px}.page-hero h1,.detail-hero h1,.article-hero h1{font-size:32px;line-height:1.4}.page-hero,.detail-hero,.article-hero{padding:42px 0;min-height:0}.global-cta h2{font-size:26px}.vi-vision>summary{font-size:19px}.vi-title-row{align-items:start}.vi-title-row>a{font-size:11px}.menu-toggle{margin-left:auto}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}



.news-card{border-radius:12px;border:1px solid #dfe6ef;box-shadow:none}.news-widget-cta{background:#edf4ff;color:#081c47;border:1px solid #dfe6ef}.news-widget-cta h3,.news-widget-cta p{color:#081c47}.news-widget-cta .button{background:#1157df;color:#fff}.vi-hero .vi-lead{max-width:520px;text-wrap:pretty}



@media(max-width:860px){.header-actions .login-wrap{display:block!important}.header-actions{gap:6px}.login-trigger{padding:7px 2px}.login-menu{right:0;left:auto;min-width:150px}.header-actions .button-sm{white-space:nowrap}}@media(max-width:390px){.header-inner{gap:7px}.brand{gap:5px}.brand strong{font-size:17px}.brand img{width:30px;height:30px}.menu-toggle{width:28px;min-width:28px}.header-actions .button-sm{padding:0 8px;font-size:10px}.login-trigger{font-size:11px}}



@media(max-width:620px){.news-layout{grid-template-columns:minmax(0,1fr)!important}.news-main-col,.article-container,.article-content{min-width:0;max-width:100%}.article-content div:has(>table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content div:has(>table):before{content:"左右滑动查看完整表格";display:block;color:#647387;font-size:11px;margin-bottom:8px}.article-content div>table{min-width:560px;table-layout:auto}.article-content table th:first-child,.article-content table td:first-child{min-width:86px}.table-wrap table{min-width:580px}}



/* Bridge-inspired editorial direction: own blue, no source brand/assets copied */

:root{--brand:#1157df;--brand-deep:#0847bf;--ink:#111c2b;--muted:#41536b;--line:#e2e8f0;--paper:#f6f9fc;--shell:1200px}

.site-header{height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.brand strong{color:#111c2b}.vi-hero{background:#0d1826;color:#cdd9e6;position:relative;overflow:hidden;padding:86px 0 80px}.vi-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 460px at 80% 10%,#1157df40,transparent 70%);pointer-events:none}.vi-hero>.shell{position:relative}.vi-hero h1{color:white;font-size:48px;font-weight:750;letter-spacing:-1px;line-height:1.4}.vi-hero h1 span{color:#6aa4ff}.vi-hero .vi-label{color:#74aaff}.vi-hero .vi-lead{color:#b3c4d6;font-size:17px;line-height:1.9}.vi-product{color:#8cb8ff}.vi-boundary{color:#9fb2c9}.vi-hero .button-primary{background:#2269ef;border-color:#2269ef;color:#fff}.vi-hero .button-outline{background:transparent;color:#eaf2f7;border-color:#ffffff35}.vi-hero .button-outline:hover{background:#ffffff0d}.vi-map{box-shadow:0 30px 80px #0004;border:1px solid #ffffff24;background:#12243a;color:#dceaff;border-radius:13px;position:relative}.vi-map-bar{border-color:#ffffff20}.vi-map-bar span{color:#8cb8ff}.bridge-hero-visual>img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.vi-map>p{color:#a7bdd6;border-color:#ffffff20;font-size:10px}.bridge-floating{position:absolute;bottom:64px;left:20px;right:20px;max-width:290px;background:#0d1826e8;backdrop-filter:blur(8px);padding:16px 20px;border:1px solid #ffffff35;border-radius:9px;box-shadow:0 10px 24px #0004}.bridge-floating b{font-size:14px}.bridge-floating small{display:block;color:#aac0d8;font-size:11px;margin:4px 0 0 18px}.bridge-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6aa4ff;margin-right:10px;box-shadow:0 0 0 5px #2269ef22;animation:bridgePulse 3s infinite}.vi-section{padding-top:76px;padding-bottom:76px}.vi-section h2{font-weight:700;color:#111c2b}.vi-soft{background:#f6f9fc}.vi-cards article{border:1px solid #e2e8f0;box-shadow:none;border-radius:13px;transition:transform .3s,border-color .3s,box-shadow .3s}.vi-cards article:hover{transform:translateY(-5px);border-color:#a9c7fa;box-shadow:0 14px 38px #10203412}.bridge-image-card{overflow:hidden}.bridge-image-card figure{margin:-28px -28px 23px;position:relative;overflow:hidden}.bridge-image-card img{display:block;width:100%;height:185px;object-fit:cover;transition:transform .65s}.bridge-image-card:hover img{transform:scale(1.045)}.bridge-image-card figcaption{position:absolute;bottom:8px;right:10px;padding:3px 7px;border-radius:4px;background:#0d1826cc;color:#fff;font-size:9px}.bridge-story{background:#f6f9fc;border-block:1px solid #e2e8f0}.bridge-story figure{margin:0;border-radius:13px;overflow:hidden;background:#e8eef7}.bridge-story img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .8s}.bridge-story figure:hover img{transform:scale(1.025)}.bridge-story figcaption{padding:10px 14px;font-size:10px;color:#647387}.global-cta{background:#0d1826;color:#b3c4d6}.global-cta h2{color:#fff}.global-cta p{color:#b3c4d6}.global-cta .eyebrow{color:#74aaff}.global-cta .button-outline,.global-cta .button-ghost-light{color:#eaf2f7;background:transparent;border-color:#ffffff35}.site-footer{background:#0b1521;color:#a4b7cd}.site-footer h3,.site-footer .brand strong,.site-footer .phone a{color:#fff}.site-footer .footer-bottom{color:#91a5bd;border-color:#ffffff20}.site-footer a:hover{color:#8cb8ff}.page-hero,.detail-hero,.article-hero,.news-hero{background:#0d1826;color:#cdd9e6}.page-hero h1,.detail-hero h1,.article-hero h1,.news-hero h1{color:#fff}.page-hero p,.detail-hero p,.article-hero p,.news-hero p{color:#b3c4d6}.page-hero .eyebrow,.detail-hero .eyebrow,.article-hero .eyebrow{color:#74aaff}.page-hero .button-outline,.detail-hero .button-outline{background:transparent;color:#fff;border-color:#ffffff35}.breadcrumb a,.news-hero .breadcrumb a{color:#8cb8ff}.news-nav-bar{top:76px}.bridge-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.bridge-reveal.bridge-pending{opacity:0;transform:translateY(22px)}.bridge-reveal.bridge-visible{opacity:1;transform:none}.button{transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}@keyframes bridgePulse{50%{box-shadow:0 0 0 10px #2269ef00}}

@media(max-width:860px){.site-header{height:74px}.news-nav-bar{top:74px}.vi-hero h1{font-size:40px}.vi-hero{padding:58px 0}.bridge-hero-visual{max-width:660px}.main-nav{top:74px}.vi-section{padding-top:56px;padding-bottom:56px}}

@media(max-width:620px){.site-header{height:68px}.main-nav{top:68px}.news-nav-bar{top:68px}.vi-hero h1{font-size:33px}.vi-hero{padding:40px 0}.vi-hero .vi-lead{font-size:14px}.vi-section{padding-top:44px;padding-bottom:44px}.bridge-image-card figure{margin:-23px -23px 20px}.bridge-image-card img{height:180px}.bridge-floating{padding:12px 16px;bottom:56px;left:12px;max-width:250px}.bridge-floating b{font-size:12px}.vi-map-bar{font-size:11px}.site-footer .brand strong{color:white}}

@media(prefers-reduced-motion:reduce){.bridge-reveal.bridge-pending{opacity:1;transform:none}.bridge-pulse{animation:none}*{animation:none!important;transition:none!important}}



.bridge-hero-visual>img,.bridge-story img{height:auto;aspect-ratio:3/2;object-fit:cover}


/* Larger primary navigation and image-led homepage sections */
.main-nav{gap:18px}.main-nav a{font-size:16px;font-weight:600}.header-inner{gap:18px}.brand{min-width:185px}.home-section-image{margin:24px 0 32px;border:1px solid #e2e8f0;border-radius:13px;overflow:hidden;background:#eaf0f7}.home-section-image img{display:block;width:100%;height:300px;object-fit:cover;transition:transform .65s}.home-section-image:hover img{transform:scale(1.025)}.home-section-image figcaption{font-size:10px;color:#647387;padding:8px 14px;background:#fff}.vi-split .home-section-image img{height:230px}.vi-title-row{flex-wrap:wrap}.vi-title-row .home-section-image{order:3;flex-basis:100%;width:100%;margin-top:0}.flow-thumb{width:104px;height:60px;object-fit:cover;border-radius:7px;flex-shrink:0}.vi-strip>.shell{align-items:center;gap:18px}.vi-strip span{flex:1}.vi-strip b{white-space:nowrap}
@media(min-width:861px) and (max-width:1200px){.main-nav{gap:12px}.main-nav a{font-size:15px}.brand{min-width:160px}.header-inner{gap:12px}.brand small{font-size:8px}}
@media(max-width:1050px) and (min-width:861px){.main-nav a{font-size:14px}.main-nav{gap:10px}.brand{min-width:145px}.brand strong{font-size:20px}.header-actions .button-sm{font-size:11px;padding:0 9px}}
@media(max-width:860px){.main-nav a{font-size:18px}.brand{min-width:0}.vi-strip>.shell{align-items:flex-start}.home-section-image img{height:240px}}
@media(max-width:620px){.home-section-image{margin:20px 0 24px}.home-section-image img,.vi-split .home-section-image img{height:200px}.home-section-image figcaption{font-size:9px}.flow-thumb{width:100%;height:120px}.vi-strip>.shell{gap:10px}.vi-title-row h2{max-width:100%}}

/* Header Business Phone Pill */
.header-phone-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #f0f5ff;
  border: 1px solid #d4e2fa;
  border-radius: 8px;
  color: #24344d;
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.header-phone-item:hover {
  background: #e4eeff;
  border-color: #1157df;
  transform: translateY(-1px);
}
.header-phone-item .phone-svg {
  color: #1157df;
  flex-shrink: 0;
}
.header-phone-item strong {
  color: #1157df;
  font-weight: 700;
  letter-spacing: 0.3px;
}
@media (max-width: 1180px) {
  .header-phone-item .phone-lbl {
    display: none;
  }
  .header-phone-item {
    padding: 6px 9px;
  }
}
@media (max-width: 960px) {
  .header-phone-item {
    display: inline-flex;
    padding: 7px 8px;
    border-radius: 8px;
  }
  .header-phone-item .phone-text {
    display: none;
  }
}

/* About profile enhancement: scoped layout, table legibility */
.page-about section[id]{scroll-margin-top:110px}
.page-about .about-shareholder-section .section-head{max-width:none;display:grid;grid-template-columns:1.05fr 1fr;column-gap:40px;align-items:center}
.page-about .about-shareholder-section .section-head>.eyebrow,.page-about .about-shareholder-section .section-head>h2,.page-about .about-shareholder-section .section-head>p{grid-column:1}
.page-about .about-shareholder-section .section-head>.about-wide-visual{grid-column:2;grid-row:1 / span 3;margin:0;width:100%}
.page-about .about-detail-section .table-wrap table{border:1px solid #bccce1;border-collapse:collapse}
.page-about .about-detail-section .table-wrap th,.page-about .about-detail-section .table-wrap td{border:1px solid #cfdbeb;padding:14px 16px;vertical-align:top}
.page-about .about-detail-section .table-wrap th{background:#eaf2ff;color:#143361;font-weight:700}
.page-about .about-modules-section .role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-about .about-modules-section .role-card{padding:25px;border:1px solid #d8e3f2;border-radius:16px;background:#fff}
.page-about .about-source-links{line-height:2;overflow-wrap:anywhere}
@media(max-width:900px){.page-about .about-shareholder-section .section-head{display:block}.page-about .about-shareholder-section .section-head>.about-wide-visual{margin:24px 0}.page-about .about-modules-section .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-about .about-modules-section .role-grid{grid-template-columns:1fr}.page-about .about-detail-section .table-wrap th,.page-about .about-detail-section .table-wrap td{padding:12px}}

/* Demo and resources blue-white hero titles */
.page-demo .page-hero h1,.page-resources .page-hero h1{background:linear-gradient(100deg,#ffffff 8%,#d9f5ff 38%,#58caff 82%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(47,185,255,.18))}
.page-demo .page-hero h1 .keep-word,.page-resources .page-hero h1 .keep-word{background:none;color:inherit;-webkit-text-fill-color:inherit;filter:none}

/* Homepage company video and blue-white title */
.page-home .vi-hero h1{background:linear-gradient(100deg,#ffffff 8%,#d9f5ff 38%,#58caff 82%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(47,185,255,.18))}
.page-home .vi-hero h1 span{background:none;color:inherit;-webkit-text-fill-color:inherit}
.page-home .company-video-card{align-self:center;min-width:0;overflow:hidden}
.page-home .company-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#07152f}
.page-home .company-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0}
.page-home .company-video-card>p{padding:12px 16px;margin:0;color:#c5d5ed;font-size:12px;line-height:1.7}
.page-home .company-video-card>p a{color:#83cbff;white-space:nowrap}
@media(max-width:600px){.page-home .company-video-card .vi-map-bar{gap:8px;flex-wrap:wrap}.page-home .company-video-card .vi-map-bar span{font-size:10px}}

/* Knocket 客服挂件移动端避让吸底操作栏 */
@media (max-width: 960px) {
  .trtc-float-card.widget-sdk-float-card {
    bottom: 74px !important;
    right: 16px !important;
  }
}