:root{--blue:#126cff;--blue2:#0a57e8;--ink:#071833;--muted:#63728a;--line:#dfe9f7;--soft:#f5f9ff;--deep:#061c35}
html{font-size:15px}body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft YaHei",Arial,sans-serif}a{text-decoration:none}.container{max-width:1240px}.site-header{height:76px;background:#fff;border-bottom:1px solid #e6edf7;position:sticky;top:0;z-index:20}.site-nav{height:76px}.brand-mark{display:flex;align-items:center;gap:12px;color:#071833}.brand-mark strong{display:block;font-size:20px;font-weight:800;letter-spacing:0}.brand-mark small{display:block;color:#6b7890;font-size:12px;line-height:1.5}.brand-cube{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#0b6dff,#69a6ff);position:relative;box-shadow:0 10px 22px rgba(18,108,255,.22)}.brand-cube:before{content:"";position:absolute;inset:9px;border:3px solid #fff;border-radius:4px;transform:rotate(30deg)}.brand-cube.white{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}.navbar .nav-link{color:#0b1b33;font-weight:600;margin:0 16px;padding:27px 0 22px;border-bottom:3px solid transparent}.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--blue);border-bottom-color:var(--blue)}.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff!important;border-radius:7px;padding:10px 18px;margin-left:14px;font-weight:700;box-shadow:0 10px 22px rgba(18,108,255,.22)}
.page-hero,.hero{background:radial-gradient(circle at 74% 35%,#dceaff 0,#eff6ff 30%,transparent 55%),linear-gradient(135deg,#fff 0,#f2f7ff 72%,#e4f0ff 100%);position:relative;overflow:hidden;border-bottom:1px solid #dce8f8}.page-hero:before,.hero:before{content:"";position:absolute;left:-9%;bottom:-42%;width:52%;height:70%;background:linear-gradient(135deg,rgba(18,108,255,.12),rgba(255,255,255,0));clip-path:polygon(0 0,100% 55%,0 100%)}.hero{padding:52px 0 30px}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:38px}.hero h1,.page-hero h1{font-size:48px;line-height:1.25;font-weight:900;letter-spacing:0;margin:0}.hero h1 span,.page-hero h1 span{color:var(--blue)}.hero-sub{font-size:18px;color:#465773;margin:16px 0 24px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:7px;padding:13px 36px;font-weight:800;border:1px solid var(--blue);min-width:150px}.cta-button.primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(18,108,255,.25)}.cta-button.ghost{background:#fff;color:var(--blue)}.hero-badges{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.hero-badges span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3edfa;border-radius:8px;padding:8px 16px;color:#364a68;font-weight:700;font-size:14px;box-shadow:0 8px 20px rgba(27,77,133,.06)}.visual-stage{min-height:300px;position:relative}.dashboard-visual{position:absolute;right:0;top:16px;width:520px;height:280px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(221,238,255,.74));border:1px solid rgba(151,190,244,.45);box-shadow:0 28px 65px rgba(49,111,204,.18);backdrop-filter:blur(8px)}.dashboard-visual:before{content:"";position:absolute;left:70px;bottom:12px;width:360px;height:38px;background:rgba(18,108,255,.25);filter:blur(22px);border-radius:50%}.screen-card{position:absolute;background:#fff;border:1px solid #d7e8ff;border-radius:12px;box-shadow:0 16px 35px rgba(22,90,194,.13);padding:14px}.screen-card.big{left:74px;top:28px;width:220px;height:112px}.screen-card.chart{right:48px;top:54px;width:160px;height:150px}.screen-card.list{right:0;bottom:22px;width:180px;height:110px}.code-chip{position:absolute;left:10px;top:102px;width:92px;height:82px;border-radius:14px;background:linear-gradient(135deg,#2990ff,#89bdff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;box-shadow:0 18px 35px rgba(18,108,255,.28)}.api-chip{position:absolute;right:20px;top:22px;background:#fff;color:var(--blue);border:1px solid #d8e8ff;border-radius:9px;padding:10px 16px;font-size:22px}.bar{display:block;height:9px;background:#dcecff;border-radius:20px;margin:9px 0}.bar.on{width:70%;background:var(--blue)}.ring{width:90px;height:90px;border-radius:50%;background:conic-gradient(var(--blue) 0 75%,#e8f2ff 75%);display:grid;place-items:center;margin:auto}.ring:after{content:"75%";width:58px;height:58px;background:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--blue)}
.section{padding:42px 0}.section-title{text-align:center;font-size:28px;font-weight:900;margin-bottom:26px;position:relative}.section-title:before,.section-title:after{content:"";display:inline-block;width:42px;height:2px;background:var(--blue);vertical-align:middle;margin:0 18px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-card,.case-card,.info-card,.contact-card,.news-card,.solution-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgba(24,75,137,.07)}.service-card{padding:26px 18px;text-align:center;min-height:158px}.icon-badge{width:54px;height:54px;border-radius:15px;border:2px solid var(--blue);color:var(--blue);display:grid;place-items:center;margin:0 auto 14px;font-size:28px;font-weight:800}.service-card h3{font-size:18px;font-weight:900;margin:0 0 8px}.service-card p{font-size:13px;color:#64738a;line-height:1.7;margin:0 0 14px}.mini-link{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-weight:800}.advantage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.advantage{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}.advantage .icon-badge{width:42px;height:42px;font-size:20px;margin:0}.advantage strong{display:block;font-size:16px}.advantage p{margin:2px 0 0;color:#697991;font-size:13px}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.process-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 16px 14px;position:relative}.process-no{position:absolute;left:14px;top:-10px;background:var(--blue);color:#fff;border-radius:16px;padding:4px 8px;font-weight:900;font-size:12px}.process-card h3{font-size:16px;font-weight:900;margin:14px 0 4px}.process-card p{font-size:13px;color:#64738a;margin:0}.case-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-banner{min-height:112px;border-radius:9px;padding:20px;color:#fff;overflow:hidden;background:linear-gradient(120deg,#071b32,#194e8e);position:relative}.case-banner:after{content:"";position:absolute;right:-24px;top:8px;width:170px;height:120px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(18,108,255,.1));transform:rotate(-8deg)}.case-banner h3{font-weight:900;font-size:22px}.case-banner span{background:rgba(255,255,255,.14);border-radius:5px;padding:5px 10px;margin-right:6px;font-size:12px}.page-hero{padding:58px 0}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px}.page-hero p{font-size:20px;color:#314767;line-height:1.8}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stat-card{background:rgba(255,255,255,.72);border:1px solid #dce9fb;border-radius:14px;padding:26px;text-align:center}.stat-card strong{display:block;color:var(--blue);font-size:36px;font-weight:900}.pill-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.pill{border:1px solid #d7e6fa;background:#fff;border-radius:30px;padding:10px 28px;color:#314767;font-weight:700}.pill.active{background:var(--blue);color:#fff}.function-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.function-item{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 12px;display:flex;gap:10px;align-items:center;font-weight:800;color:#10233f}.function-item span{color:var(--blue);font-size:24px}.news-hero{padding:52px 0;background:linear-gradient(135deg,#f7fbff,#eaf3ff)}.news-layout{display:grid;grid-template-columns:2fr .82fr;gap:28px}.news-card{padding:24px;margin-bottom:18px}.news-card h2{font-size:22px;font-weight:900}.news-card p{color:#65748b;line-height:1.8}.meta{display:flex;gap:10px;flex-wrap:wrap}.tag{display:inline-block;background:#edf5ff;color:var(--blue);padding:5px 10px;border-radius:6px;font-size:13px;font-weight:700}.pagination-bar{display:flex;justify-content:center;gap:10px;margin-top:24px}.page-linker{border:1px solid #cfe0f8;border-radius:7px;padding:10px 16px;color:#2368d9;background:#fff;font-weight:800}.page-linker.active,.page-linker:hover{background:var(--blue);color:#fff}.article-page{background:#f6f9ff;padding:34px 0 0}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.content-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px;box-shadow:0 10px 32px rgba(21,69,130,.07)}.content-wrap h1{font-size:34px;font-weight:900;line-height:1.35}.content-wrap h2{font-size:25px;font-weight:900;margin-top:32px}.content-wrap h3{font-size:19px;font-weight:900;margin-top:20px}.content-wrap p{line-height:1.95;color:#34445d}.breadcrumb{color:#6c7b90;margin-bottom:16px}.consult-box{background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #d8e8fb;border-radius:10px;padding:22px;margin:28px 0}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px}.sidebar-card h3{font-size:18px;font-weight:900}.footer-cta{background:linear-gradient(90deg,#0067ff,#3e92ff);color:#fff}.cta-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between}.footer-cta h2{font-size:26px;font-weight:900;margin:0}.footer-cta p{margin:5px 0 0;color:#dbe9ff}.cta-button.light{background:#fff;color:var(--blue);border-color:#fff}.site-footer{background:linear-gradient(180deg,#071d34,#041426);color:#d3deeb;padding:34px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr 1.35fr .8fr;gap:30px}.site-footer h3{font-size:16px;color:#fff;font-weight:900}.site-footer a{display:block;color:#b7c6d8;margin:7px 0}.site-footer p{margin:7px 0;color:#b7c6d8}.footer-brand{color:#fff}.footer-brand small{color:#b7c6d8}.qr-box{width:118px;height:128px;background:#fff url('/images/wechat-qrcode.png') center/contain no-repeat;color:transparent;border-radius:8px;display:grid;place-items:center;font-size:0;font-weight:900;margin:auto;box-shadow:0 8px 22px rgba(0,0,0,.16);overflow:hidden}.qr-text{text-align:center}.footer-copy{text-align:center;color:#91a3b8;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:22px}
.contact-grid{display:grid;grid-template-columns:420px 1fr;gap:20px}.contact-card{padding:22px}.contact-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:16px}.form-control,.form-select{border-color:#dbe5f2;border-radius:7px;padding:11px 12px}.btn-blue{background:var(--blue);border:0;color:#fff;border-radius:7px;padding:12px 22px;font-weight:800}.map-box{height:122px;border-radius:9px;background:linear-gradient(135deg,#dceeff,#fff);border:1px solid #dbe8f8;display:grid;place-items:center;color:#2368d9;font-weight:800}.faq-list details{border-bottom:1px solid #e2ebf6;padding:10px 0}.faq-list summary{font-weight:800;cursor:pointer}
@media (max-width:1100px){.service-grid{grid-template-columns:repeat(3,1fr)}.advantage-grid,.process-grid,.function-grid{grid-template-columns:repeat(3,1fr)}.hero-layout,.page-hero-grid,.news-layout,.article-shell,.contact-grid{grid-template-columns:1fr}.visual-stage{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.site-header,.site-nav{height:auto}.navbar .nav-link{padding:12px 0;margin:0}.hero,.page-hero{padding:38px 0}.hero h1,.page-hero h1{font-size:34px}.service-grid,.advantage-grid,.process-grid,.case-strip,.stats-row,.function-grid,.contact-methods{grid-template-columns:1fr}.cta-inner{display:block;padding:22px 0}.footer-grid{grid-template-columns:1fr}}

/* Overrides for Solutions, About and article compatibility */
.static-nav-links{margin-left:auto;display:flex;align-items:center;white-space:nowrap}
.soft-section{background:linear-gradient(180deg,#f7fbff,#fff)}
.solution-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.solution-large{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:22px;min-height:190px}
.solution-large h3{font-size:20px;font-weight:900;margin:0 0 10px}
.solution-large p{color:#617189;line-height:1.8}
.solution-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#126cff,#75aeff);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 14px 24px rgba(18,108,255,.22)}
.solution-process{grid-template-columns:repeat(5,1fr)}
.about-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.about-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 10px 32px rgba(21,69,130,.07)}
.about-panel h2{font-weight:900;margin-bottom:14px}
.about-panel p{color:#40516b;line-height:1.95}
.blue-panel{background:linear-gradient(135deg,#0f6bff,#63a4ff);color:#fff}
.blue-panel p{color:#edf5ff}
.about-adv{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 8px 28px rgba(24,75,137,.06)}
.about-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.timeline-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 8px 28px rgba(24,75,137,.06)}
.timeline-item span{display:inline-flex;background:var(--blue);color:#fff;border-radius:18px;padding:5px 11px;font-weight:900}
.timeline-item h3{font-size:20px;font-weight:900;margin:18px 0 8px}
.timeline-item p{color:#62728a;line-height:1.8}
.news-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start}
.news-card{transition:.2s}
.news-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(24,75,137,.1)}
.news-card h2{line-height:1.45;margin:8px 0 10px}
.news-card h2 a{color:var(--ink)}
.article-page{background:#f4f8ff;padding:28px 0 0}
.article-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.content-wrap{border-radius:14px;padding:34px 34px 28px;overflow:hidden}
.content-wrap h1{margin:18px 0 16px;color:#061936}
.article-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid #dce9fb;border-radius:10px;padding:12px 14px;color:#6c7b90;margin:0 0 14px}
.article-breadcrumb a{color:var(--blue);font-weight:700}
.article-breadcrumb em{font-style:normal;color:#66758a}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.article-sidebar{position:sticky;top:96px}
.sidebar-card{box-shadow:0 8px 28px rgba(24,75,137,.06)}
.sidebar-card a{color:#126cff}
.side-consult{background:linear-gradient(135deg,#fff,#edf5ff)}
@media (max-width:1100px){.static-nav-links{display:none}.solution-showcase{grid-template-columns:repeat(2,1fr)}.solution-process,.about-timeline{grid-template-columns:repeat(2,1fr)}.about-layout,.news-layout,.article-shell{grid-template-columns:1fr}.article-sidebar{position:static}}
@media (max-width:720px){.solution-showcase,.solution-process,.about-timeline{grid-template-columns:1fr}.solution-large{grid-template-columns:1fr}.content-wrap{padding:22px}.content-wrap h1{font-size:27px}}

/* Admin compatibility */
.admin-topbar{background:#071833;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:30}
.admin-topbar-inner{max-width:1280px;margin:0 auto;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.admin-brand{color:#fff;font-size:18px;font-weight:900}
.admin-brand:hover{color:#fff}
.admin-top-actions{display:flex;gap:14px;align-items:center}
.admin-top-actions a{color:#dbe8ff;font-weight:700}
.admin-main{background:#f3f7fc;min-height:calc(100vh - 96px);padding:24px 0}
.admin-footer{background:#071833;color:#9fb2ca;text-align:center;padding:13px}
.admin-shell{max-width:1280px;margin:0 auto;padding:0 22px}
.admin-shell h1{font-size:26px;font-weight:900;margin:0 0 18px;color:#071833}
.admin-shell h2{font-size:20px;font-weight:900;color:#071833}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #dfe9f7;border-radius:12px;padding:12px;margin-bottom:18px;box-shadow:0 8px 24px rgba(24,75,137,.06)}
.admin-nav a{margin:0!important;border-radius:8px!important}
.form-panel,.admin-card{border-radius:12px}
.form-panel label{font-weight:800;color:#27384f;margin:8px 0 5px}
.form-panel .table{min-width:760px}
.form-panel{overflow-x:auto}
.site-footer .footer-copy a{color:#91c2ff;display:inline}