:root{--bg:#f3f4f6;--surface:#fff;--surface-alt:#f5f7fa;--line:#2b73af24;--primary:#2b73af;--primary-dark:#1a1a2e;--text:#111827;--muted:#6b7280;--shadow:0 18px 40px #11182714;--radius-lg:24px;--radius-md:18px;--radius-sm:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit;background:0 0;border:0;padding:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page-shell{background:#fff;width:100%;max-width:430px;min-height:100vh;margin:0 auto;box-shadow:0 0 0 1px #0f172a0a}.section-inner{width:min(100%,720px);margin:0 auto;padding-left:20px;padding-right:20px}.topbar{z-index:50;width:min(100%,430px);padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:0 0;justify-content:space-between;align-items:center;transition:background-color .18s,box-shadow .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s;display:flex;position:fixed;top:0;left:50%;right:auto;transform:translate(-50%)}.topbar--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;box-shadow:0 1px #1118270f}.brand{align-items:center;gap:10px;display:inline-flex}.brand__icon{background:#fff;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;overflow:hidden;box-shadow:0 8px 20px #2b73af1f}.brand__icon img{object-fit:contain;width:100%;height:100%}.brand__icon svg,.icon-btn svg,.primary-btn svg,.text-btn svg,.footer__icons svg,.advantage-card__badge svg,.advantage-tags svg,.tab-panel__icon svg,.info-card__icon svg{width:1em;height:1em}.brand__name{color:var(--primary-dark);font-size:1.05rem;font-weight:800}.icon-btn{color:#374151;background:#ffffffbf;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 8px 22px #1118270f}.page-main{padding-top:72px}.section-card,.content-section,.contact-section,.footer{position:relative}.hero{color:#fff;background:linear-gradient(135deg,#0d1b2ae6,#1b2838d1),url(/assets/hero-office-DvljKMIO.jpg) 50%/cover;padding-top:38px;padding-bottom:36px;overflow:hidden}.hero:after{content:"";z-index:0;background:linear-gradient(#fff0,#fff);height:28px;position:absolute;bottom:-1px;left:0;right:0}.hero__glow{filter:blur(70px);pointer-events:none;border-radius:999px;position:absolute}.hero__glow--one{background:#2b73af47;width:220px;height:220px;top:-70px;right:-50px}.hero__glow--two{background:#1d5d9138;width:180px;height:180px;bottom:-70px;left:-60px}.hero__inner{z-index:1;position:relative}.hero-slide{min-height:206px}.eyebrow{color:#bfdbfe;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem}.hero__title{color:#fff;margin:0;font-size:2.25rem;font-weight:800;line-height:1.18}.hero__title-accent{color:#7dc0ff}.hero__desc{color:#e2e8f0eb;margin:14px 0 0;font-size:.98rem;line-height:1.7}.hero__actions{margin-top:20px}.hero__nav{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.hero-dots,.hero-arrows{align-items:center;gap:8px;display:flex}.hero-dot{background:#ffffff52;border-radius:999px;width:7px;height:7px;transition:width .18s,background-color .18s}.hero-dot--active{background:#7dc0ff;width:20px}.hero-arrow{color:#e0f2fe;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;transition:background-color .16s,transform .16s;display:inline-flex}.hero-arrow:active{background:#7dc0ff3d;transform:scale(.94)}.hero-arrow svg{width:1em;height:1em}.hero-slide-enter-active,.hero-slide-leave-active{transition:opacity .26s,transform .26s}.hero-slide-enter-from{opacity:0;transform:translate(18px)}.hero-slide-leave-to{opacity:0;transform:translate(-18px)}.hero-stats{z-index:1;border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px;padding-top:20px;display:grid;position:relative}.stat{text-align:center;padding:6px 8px}.stat:not(:first-child){border-left:1px solid #ffffff1f}.stat__value{color:#7dc0ff;font-size:1.4rem;font-weight:800}.stat__label{color:#cbd5e1c7;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.67rem}.content-section{background:linear-gradient(#fff 0% 78%,#fbfdff 100%);padding-top:64px;padding-bottom:64px;overflow:hidden}.content-section+.content-section,.content-section+.contact-section{margin-top:-1px}.content-section>*{z-index:1;position:relative}.content-section--alt{background:linear-gradient(#f9fbfff5 0%,#eef5ffe6 35%,#edf4fff5 100%),url(/assets/service-control-room-DtYRxtAI.jpg) 50%/cover;padding-top:74px}.content-section--alt:before,.content-section--alt:after,.content-section--muted:before,.contact-section:before{content:"";z-index:0;pointer-events:none;position:absolute;left:0;right:0}.content-section--alt:before{background:linear-gradient(#fff,#f9fbff00);height:42px;top:-1px}.content-section--alt:after{background:linear-gradient(#edf4ff00,#fff);height:46px;bottom:-1px}.content-section--muted{background:linear-gradient(#fbfdff 0%,#f7f9fc 24% 100%);padding-top:78px;padding-bottom:70px}.content-section--muted:before{background:linear-gradient(#fff,#fbfdff00);height:44px;top:-1px}.content-section--about{padding-top:52px;padding-bottom:50px}.section-badge{color:var(--primary);letter-spacing:.08em;background:#2b73af14;border-radius:999px;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.section-title{color:var(--primary-dark);margin:14px 0 0;font-size:1.45rem;font-weight:800;line-height:1.32}.section-title--center{text-align:center}.section-title--light{color:#fff}.text-group{color:var(--muted);gap:14px;margin-top:16px;font-size:.97rem;line-height:1.82;display:grid}.about-graphic{border-radius:var(--radius-lg);background:linear-gradient(#eff6ff,#f8fbff);place-items:center;min-height:190px;margin-top:22px;display:grid;overflow:hidden}.about-graphic svg{opacity:.72;width:min(100%,260px);height:auto}.about-graphic circle,.about-graphic rect,.about-graphic path{stroke:var(--primary);fill:none}.about-graphic rect{fill:#2b73af1a}.content-section--about .text-group{gap:8px;margin-top:14px;line-height:1.72}.content-section--about .about-graphic{min-height:174px;margin-top:16px}.card-list{gap:16px;margin-top:26px;display:grid}.info-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;border:1px solid #2b73af1c;padding:22px}.info-card__head{align-items:center;gap:14px;display:flex}.info-card__icon{border-radius:16px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.35rem;display:inline-flex}.info-card__icon--blue{color:var(--primary);background:#dcecff}.info-card__icon--green{color:#16a34a;background:#dcfce7}.info-card__icon--purple{color:#7c3aed;background:#f3e8ff}.info-card h3{color:var(--primary-dark);min-width:0;margin:0;font-size:1.06rem;line-height:1.35}.info-card p{color:var(--muted);margin:10px 0 0;font-size:.92rem;line-height:1.8}.case-tabs{background:#f1f5f9;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px;padding:4px;display:grid}.case-tab{color:#64748b;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;font-size:.76rem;font-weight:800;transition:background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.case-tab--active{color:#fff;background:#111827;box-shadow:0 10px 22px #0f172a2e}.case-list{margin-top:18px}.case-figure{margin:0}.case-figure__button{aspect-ratio:16/10;background:#e5e7eb;border-radius:22px;width:100%;display:block;overflow:hidden;box-shadow:0 18px 46px #0f172a1f}.case-figure__button img{object-fit:cover;width:100%;height:100%;transition:transform .36s}.case-figure__button:active img{transform:scale(1.03)}.case-switch-enter-active,.case-switch-leave-active{transition:opacity .18s,transform .18s}.case-switch-enter-from,.case-switch-leave-to{opacity:0;transform:translateY(8px)}.center-action{justify-content:center;margin-top:18px;display:flex}.text-btn{color:var(--primary);align-items:center;gap:4px;font-weight:700;display:inline-flex}.tab-bar{scrollbar-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:26px;padding:0 0 12px;display:grid;overflow:visible}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:#6b7280;white-space:nowrap;background:#fff;border:1px solid #0f172a14;border-radius:999px;min-width:0;min-height:44px;padding:0 8px;font-size:.84rem;font-weight:800;box-shadow:0 8px 20px #0f172a0f}.tab-btn--active{color:#fff;background:#111827;border-color:#0000;box-shadow:0 12px 24px #0f172a2e}.tab-panel{min-height:430px;margin-top:6px}.advantage-panel{box-shadow:none;background:0 0;border-radius:0;padding:0}.tab-panel__content{padding-bottom:152px;position:relative}.advantage-visual{aspect-ratio:16/11;background:#e5e7eb;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 14px 34px #0f172a14}.advantage-visual:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#f7f9fceb);height:45%;position:absolute;bottom:0;left:0;right:0}.advantage-visual img{object-fit:cover;width:100%;height:100%}.advantage-card{-webkit-backdrop-filter:blur(22px)saturate(1.16);border-radius:24px;outline:0;padding:22px 20px 20px;position:absolute;bottom:0;left:14px;right:14px;box-shadow:none!important;background:linear-gradient(#ffffffb8,#ffffff94)!important;border:0!important}.advantage-card__title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.advantage-card__title h3{color:#111827;margin:0;font-size:1.48rem;font-weight:900;line-height:1.25}.advantage-card__badge{color:#059669;background:#ecfdf5;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.advantage-card p{color:#4b5563;margin:14px 0 0;font-size:.96rem;line-height:1.72}.advantage-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.advantage-tags span{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.advantage-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.advantage-btn{border-radius:15px;justify-content:center;align-items:center;min-height:52px;font-size:.98rem;font-weight:900;display:inline-flex}.advantage-btn--primary{color:#fff;background:#111827}.advantage-btn--ghost{color:#111827;background:#fff;border:1px solid #d1d5db}.advantage-btn:active{transform:scale(.98)}.tab-panel__head{color:var(--primary);align-items:center;gap:12px;display:flex}.tab-panel__icon{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:inline-flex}.tab-panel__head h3{color:var(--primary-dark);margin:0;font-size:1.04rem}.tab-panel__content p{color:#4b5563;margin:14px 0 0;font-size:.95rem;line-height:1.85}.contact-section{color:#fff;background:linear-gradient(#0d1b2ae0,#1a3a6ed1),url(/assets/contact-office-Crv2u_Fm.jpg) 50%/cover;padding-top:72px;padding-bottom:56px;overflow:hidden}.contact-section:before{background:linear-gradient(#f5f7fa,#0d1b2a00);height:44px;top:-1px}.contact-section__inner{z-index:1;text-align:center;position:relative}.contact-section__desc{color:#bfdbfe;margin:12px 0 0;font-size:.96rem}.qr-box{aspect-ratio:1;background:#fff;border-radius:22px;width:min(100%,208px);margin:28px auto 24px;padding:10px;box-shadow:0 16px 40px #3b82f633}.qr-box__frame{background:#fff;border:0;border-radius:16px;place-items:center;width:100%;height:100%;display:grid;position:relative}.qr-box__svg{width:78%;height:78%;color:var(--primary)}.qr-box__image{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:12px;width:100%;height:100%}.qr-box__svg path,.qr-box__svg rect{fill:currentColor}.qr-box__wechat{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.qr-box__image+.qr-box__wechat{display:none}.qr-box__wechat>svg{width:22px;height:22px;color:var(--primary);background:#fff;border-radius:8px;padding:5px;box-shadow:0 4px 12px #1118271a}.primary-btn{color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 16px 28px #1976d247}.primary-btn:active{transform:scale(.98)}.primary-btn--block{width:100%}.primary-btn--light{color:var(--primary);background:#fff;box-shadow:0 16px 28px #0f172a29}.contact-tags{color:#bfdbfe;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:18px;font-size:.78rem;display:flex}.contact-tags span{align-items:center;gap:4px;display:inline-flex}.contact-panel-backdrop{z-index:90;background:#0f172a8a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.contact-panel{width:min(100%,388px);max-height:calc(100vh - 36px);color:var(--text);text-align:center;background:#fff;border-radius:22px;padding:26px 20px 20px;position:relative;overflow-y:auto;box-shadow:0 26px 70px #0f172a5c}.contact-panel__close{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:inline-flex;position:absolute;top:14px;right:14px}.contact-panel__icon{color:#22c55e;background:#dcfce7;border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:1.7rem;display:grid}.contact-panel__icon--phone{color:var(--primary);background:#dbeafe}.contact-panel__intro{padding:0 26px}.contact-panel h2{color:var(--primary-dark);margin:0;font-size:1.22rem;line-height:1.35}.contact-panel p{color:var(--muted);margin:8px 0 0;font-size:.86rem;line-height:1.55}.contact-panel__group{text-align:left;gap:8px;margin-top:16px;display:grid}.contact-panel__label{color:#64748b;align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:flex}.contact-panel__code{min-height:44px;color:var(--primary);letter-spacing:.04em;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-weight:800;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.contact-panel__phone{min-height:44px;color:var(--primary-dark);background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;justify-content:flex-start;align-items:center;gap:9px;padding:0 13px;font-weight:800;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.contact-panel__phone svg{color:var(--primary)}.contact-panel__code:active,.contact-panel__phone:active{background:#eff6ff;border-color:#2b73af61;transform:scale(.985)}.contact-panel__code svg,.contact-panel__phone svg,.contact-panel__close svg,.contact-panel__icon svg{width:1em;height:1em}.case-gallery-backdrop{z-index:88;background:#0f172a9e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.case-gallery{background:#fff;border-radius:24px;width:min(100%,430px);max-height:calc(100vh - 36px);padding:18px;overflow-y:auto;box-shadow:0 26px 70px #0f172a57}.case-gallery__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.case-gallery__head p{color:var(--primary);letter-spacing:.12em;margin:0 0 5px;font-size:.68rem;font-weight:900}.case-gallery__head h2{color:var(--primary-dark);margin:0;font-size:1.12rem;line-height:1.35}.case-gallery__close{color:#64748b;background:#f1f5f9;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:inline-flex}.case-gallery__image{aspect-ratio:16/10;background:#e5e7eb;border-radius:18px;margin-top:16px;overflow:hidden}.case-gallery__image img{object-fit:cover;width:100%;height:100%}.case-gallery__thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.case-gallery__thumb{color:#475569;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px;font-size:.75rem;font-weight:800;display:grid}.case-gallery__thumb--active{color:var(--primary);background:#eff6ff;border-color:#2b73af73}.case-gallery__thumb img{object-fit:cover;border-radius:9px;width:52px;height:38px}.case-gallery__thumb span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.case-gallery__close svg{width:1em;height:1em}.contact-float{right:max(14px,50vw - 201px);bottom:calc(92px + env(safe-area-inset-bottom));z-index:70;justify-items:center;gap:12px;display:grid;position:fixed}.contact-float__item,.contact-float__main{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex;box-shadow:0 14px 30px #0f172a3d}.contact-float__item{background:#0f172ae0;border:1px solid #ffffff14;font-size:1.55rem}.contact-float__item:first-child{color:#60a5fa}.contact-float__item:nth-child(2){color:#22c55e}.contact-float__item:nth-child(3){color:#a78bfa}.contact-float__main{background:linear-gradient(135deg,#4f8cff,#7c3aed);width:64px;height:64px;font-size:1.55rem}.contact-float__item:active,.contact-float__main:active{transform:scale(.94)}.float-action-enter-active,.float-action-leave-active{transition:opacity .18s,transform .18s}.float-action-enter-from,.float-action-leave-to{opacity:0;transform:translateY(10px)scale(.88)}.contact-panel-fade-enter-active,.contact-panel-fade-leave-active,.gallery-fade-enter-active,.gallery-fade-leave-active{transition:opacity .18s}.contact-panel-fade-enter-active .contact-panel,.contact-panel-fade-leave-active .contact-panel,.gallery-fade-enter-active .case-gallery,.gallery-fade-leave-active .case-gallery{transition:transform .18s}.contact-panel-fade-enter-from,.contact-panel-fade-leave-to,.gallery-fade-enter-from,.gallery-fade-leave-to{opacity:0}.contact-panel-fade-enter-from .contact-panel,.contact-panel-fade-leave-to .contact-panel,.gallery-fade-enter-from .case-gallery,.gallery-fade-leave-to .case-gallery{transform:translateY(10px)scale(.98)}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:100;color:#fff;background:#0f172ae6;border-radius:999px;width:max-content;max-width:calc(100vw - 40px);padding:10px 14px;font-size:.88rem;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #0f172a3d}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .16s,transform .16s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%)translateY(8px)}.footer{padding:26px 20px calc(28px + env(safe-area-inset-bottom));text-align:center;background:#0a1628;border-top:1px solid #ffffff0a}.footer__icons{color:#64748b;justify-content:center;gap:22px;font-size:1.55rem;display:flex}.footer__brand{color:#94a3b8;letter-spacing:.18em;margin:14px 0 6px;font-size:.64rem}.footer__copy{color:#475569;margin:0;font-size:.78rem}.footer__beian{color:inherit;font-size:inherit;text-decoration:none}.menu-backdrop{z-index:60;background:#00000080;position:fixed;inset:0}.menu-panel{width:min(78vw,320px);height:100%;padding:calc(16px + env(safe-area-inset-top)) 18px 20px;background:#fff;position:absolute;top:0;right:0;box-shadow:-18px 0 48px #0f172a33}.menu-panel__head{justify-content:flex-end;display:flex}.menu-links{color:#1f2937;gap:20px;margin-top:26px;font-size:1.05rem;font-weight:600;display:grid}.menu-links a:first-child{color:var(--primary)}.menu-panel .primary-btn{margin-top:28px}.reveal{opacity:0;transition:opacity .54s,transform .54s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity .18s}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0}.tab-fade-enter-active,.tab-fade-leave-active{transition:opacity .18s,transform .18s}.tab-fade-enter-from,.tab-fade-leave-to{opacity:0;transform:translateY(8px)}@media (width>=768px){.section-inner{padding-left:22px;padding-right:22px}}@media (height<=700px){.contact-panel{padding-top:20px;padding-bottom:18px}.contact-panel__icon{width:46px;height:46px;margin-bottom:10px}.contact-panel__group{gap:7px;margin-top:12px}.contact-panel__code,.contact-panel__phone{min-height:40px}}