:root{
  --blue:#0D47A1;
  --blue2:#1976D2;
  --cyan:#00BFA5;
  --text:#17365F;
  --muted:#60748B;
  --line:#D7E5F6;
  --shadow:0 18px 48px rgba(13,71,161,.10);
  --shadow-strong:0 22px 60px rgba(13,71,161,.16);
  --container:min(1240px, calc(100vw - 42px));
  --wide:min(1660px, calc(100vw - 32px));
  --header-h:118px;
  --glow-ax:12%;
  --glow-ay:12%;
  --glow-as:380px;
  --glow-bx:86%;
  --glow-by:12%;
  --glow-bs:320px;
  --glow-cx:78%;
  --glow-cy:72%;
  --glow-cs:420px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbff 0%, #eef6ff 42%, #f9fcff 100%);overflow-x:hidden;transition:background .8s ease}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.site-shell{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 12%, rgba(0,191,165,.06), transparent 24%),radial-gradient(circle at 88% 8%, rgba(25,118,210,.08), transparent 22%),radial-gradient(circle at 80% 72%, rgba(13,71,161,.06), transparent 28%)}
.site-shell:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(25,118,210,.032) 1px, transparent 1px),linear-gradient(90deg, rgba(25,118,210,.032) 1px, transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg, rgba(0,0,0,.65), transparent 90%);opacity:.32}
#particleCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.52}
.container{width:var(--container);margin:0 auto;position:relative;z-index:2}.container.wide{width:var(--wide)}
.header{position:sticky;top:0;z-index:60;background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.38));border-bottom:1px solid rgba(255,255,255,.28);box-shadow:0 8px 30px rgba(13,71,161,.04);backdrop-filter:blur(16px) saturate(150%);transition:background .42s ease, box-shadow .42s ease, border-color .42s ease, backdrop-filter .42s ease}.header.is-scrolled{background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(244,249,255,.76));border-bottom-color:rgba(159,200,255,.42);box-shadow:0 14px 36px rgba(13,71,161,.10);backdrop-filter:blur(20px) saturate(170%)}
.nav{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}.brand{display:flex;align-items:center;gap:14px;min-width:0;flex:0 0 360px}.brand img{height:52px;width:auto;flex:0 0 auto}.brand span{display:block;min-width:0}.brand b{display:block;font-size:.96rem;color:var(--blue);font-weight:800;white-space:nowrap}.brand em{display:block;margin-top:3px;font-style:normal;font-size:.66rem;letter-spacing:.14em;color:var(--muted)}
#navLinks{display:grid;grid-template-columns:repeat(5,max-content);grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;justify-content:end;column-gap:6px;row-gap:4px;position:relative;flex:1 1 auto;min-width:0;padding:6px;border-radius:22px}#navLinks a{display:flex;align-items:center;justify-content:center;font-size:1.03rem;color:rgba(23,54,95,.44);position:relative;padding:10px 16px 17px;border-radius:14px;transition:color .28s ease,opacity .28s ease,transform .28s ease;text-align:center;font-weight:800;opacity:.74;z-index:2;white-space:nowrap;min-width:112px;letter-spacing:.01em}#navLinks a:after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue2));transform:scaleX(.12);transform-origin:left center;opacity:0;transition:transform .34s ease,opacity .34s ease,box-shadow .34s ease}#navLinks a:hover{color:var(--blue);opacity:1;transform:translateY(-1px)}#navLinks a:hover:after{transform:scaleX(1);opacity:1;box-shadow:0 0 18px rgba(25,118,210,.22)}#navLinks a.active{color:var(--blue);opacity:1}#navLinks a.active:after{transform:scaleX(1);opacity:1;box-shadow:0 0 18px rgba(25,118,210,.24)}#navLinks .nav-indicator{position:absolute;left:0;top:0;height:46px;border-radius:16px;background:linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.24));box-shadow:0 12px 30px rgba(13,71,161,.12), inset 0 1px 0 rgba(255,255,255,.78), inset 0 0 0 1px rgba(159,200,255,.30);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);transition:transform .42s cubic-bezier(.22,.61,.36,1), width .42s cubic-bezier(.22,.61,.36,1), height .42s cubic-bezier(.22,.61,.36,1), opacity .26s ease;z-index:1;opacity:0;overflow:hidden}#navLinks .nav-indicator:before{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(180deg, rgba(255,255,255,.44), rgba(226,241,255,.12))}#navLinks .nav-indicator:after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue2));box-shadow:0 0 18px rgba(25,118,210,.25)}#menuBtn{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--blue);font-size:1.1rem}
.section{padding:88px 0;position:relative;scroll-margin-top:calc(var(--header-h) + 18px)}.clean-section{background:transparent}.section::after{content:"";position:absolute;left:50%;bottom:0;width:min(72vw,940px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg, transparent, rgba(25,118,210,.10), transparent);opacity:.46}.section-focus .section-title h2:after{background-size:220% 100%;box-shadow:0 0 18px rgba(25,118,210,.18)}
.hero-grid,.contact-grid,.resource-top{display:grid;grid-template-columns:1fr 1fr;gap:34px}.hero-grid{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);align-items:center;position:relative;gap:42px}.align-stretch{align-items:stretch}
.copy,.visual{position:relative;z-index:2}.eyebrow{margin:0 0 10px;color:var(--blue2);font-size:.84rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.6rem,4.8vw,4.4rem);color:var(--blue);line-height:1.08}h2{font-size:clamp(2rem,3.4vw,3.1rem);color:var(--blue)}.lead{margin-top:18px;line-height:1.9;color:var(--muted)}.lead.strong{font-size:1.06rem;color:#35516f}
.section-title{margin-bottom:34px;position:relative}.section-title.center{text-align:center;max-width:900px;margin:0 auto 38px}.section-title p:not(.eyebrow){margin-top:12px;color:var(--muted);line-height:1.85}.section-title h2{display:inline-block;position:relative}.section-title h2:after{content:"";display:block;width:86px;height:4px;border-radius:999px;margin:14px auto 0;background:linear-gradient(90deg,var(--blue2),var(--cyan));background-size:200% 100%;animation:shineLine 4s linear infinite}
.bullet-list{margin:18px 0 0;padding-left:20px;color:#334d68;line-height:1.95}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:14px;margin-top:24px;max-width:430px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:18px;font-weight:800;letter-spacing:.01em;transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#1976D2 0%, #1f8cff 28%, #00BFA5 100%);color:#fff;box-shadow:0 16px 32px rgba(25,118,210,.24), inset 0 1px 0 rgba(255,255,255,.28)}.btn.ghost{background:linear-gradient(180deg,#ffffff,#f5faff);border:1px solid rgba(176,206,240,.92);color:var(--blue);box-shadow:0 10px 24px rgba(13,71,161,.08)}
.feature-tags{display:grid;grid-template-columns:repeat(2,minmax(0,170px));gap:12px;margin-top:18px;max-width:360px}.feature-tags span{display:flex;align-items:center;justify-content:center;min-height:50px;background:linear-gradient(180deg,#ffffff,#f6fbff);border:1px solid rgba(176,206,240,.88);border-radius:16px;padding:0 16px;color:var(--blue);font-weight:700;box-shadow:0 10px 24px rgba(13,71,161,.06);text-align:center}
.image-frame,.contact-card,.resource-copy .value-cards article,.data-screen,.dashboard-side,.solution-slide,.form{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.image-frame{overflow:hidden;padding:12px;position:relative}.image-frame img{width:100%;height:auto;border-radius:20px}.image-frame:before,.techno-scan:before{content:"";position:absolute;left:-30%;top:0;width:28%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);transform:skewX(-20deg);animation:sweep 8s ease-in-out infinite}.floating{animation:floaty 7s ease-in-out infinite}.hero-card{max-width:none;width:100%;margin-left:auto;margin-right:0;padding:10px;border-radius:30px}.hero-card img{transform:scale(1.0);transform-origin:center center}
.solutions-section{overflow:hidden}.solutions-marquee{position:relative}.solutions-track{display:flex;gap:24px;width:max-content;animation:marquee 72s linear infinite}.solutions-marquee:hover .solutions-track{animation-play-state:paused}.solution-slide{width:430px;overflow:hidden;flex:0 0 auto;transition:transform .25s ease, box-shadow .25s ease;display:flex;flex-direction:column}.solution-slide:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}.solution-slide img{width:100%;height:280px;object-fit:contain;object-position:center center;background:#fff;border-bottom:1px solid #ecf2fa;display:block}.solution-body{padding:22px 22px 24px}.solution-body h3{font-size:1.2rem;color:var(--blue);line-height:1.4}.solution-body p{margin-top:14px;color:var(--muted);line-height:1.9}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(440px,.94fr);gap:28px;align-items:stretch}.data-screen,.dashboard-side{padding:28px;display:flex;flex-direction:column;min-height:690px}.screen-copy,.dashboard-side-head{min-height:124px;display:flex;flex-direction:column;justify-content:flex-start}.screen-copy h3,.dashboard-side h3{font-size:1.38rem;color:var(--blue)}.screen-copy p,.dashboard-side-head p{margin-top:10px;color:var(--muted);line-height:1.8}.screen-frame{position:relative;margin-top:18px;background:#f4f9ff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);flex:1;display:flex;align-items:center}.screen-frame img{width:100%;height:100%;object-fit:contain;border-radius:18px}.dashboard-side-head{margin-bottom:18px}.dashboard-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;padding-top:16px}.mini-kpi{background:linear-gradient(180deg,#fafdff,#edf6ff);border:1px solid var(--line);border-radius:18px;padding:16px 16px 15px}.mini-kpi strong{display:block;color:var(--blue)}.mini-kpi small{display:block;margin-top:6px;color:var(--muted);line-height:1.6}
.resource-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}.resource-copy,.resource-map{display:flex;flex-direction:column}.value-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.value-cards article{padding:20px;text-align:center}.value-cards strong{font-size:1.18rem;color:var(--blue);line-height:1.55}.resource-banner{margin-top:20px;padding:18px 22px;border-radius:22px;background:linear-gradient(90deg,#0D47A1,#1976D2 55%,#00BFA5);color:#fff;font-size:1.35rem;font-weight:700;box-shadow:0 16px 32px rgba(25,118,210,.22)}.resource-banner b{font-size:3rem;line-height:1;margin:0 10px}.process-line{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-line span{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 12px;text-align:center;color:var(--blue);font-weight:700;box-shadow:0 10px 22px rgba(13,71,161,.05)}.map-frame{position:relative;background:#fff;border:1px solid var(--line);border-radius:32px;padding:10px;box-shadow:var(--shadow);height:100%;display:flex;overflow:hidden}.map-frame img{width:100%;object-fit:contain;object-position:center center;border-radius:24px;background:#fff}
.full-banner-section{padding-top:26px;padding-bottom:26px}.banner-stage{background:transparent;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible}.banner-stage img{width:100%;height:auto;border-radius:28px;box-shadow:0 20px 54px rgba(13,71,161,.12)}
.contact-head{max-width:980px}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:stretch;margin-top:20px}.contact-main,.contact-card{display:flex;flex-direction:column}.form{padding:26px;flex:1;display:flex;flex-direction:column}.form label:last-of-type{flex:1}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:700;color:var(--text);margin-bottom:14px}input,select,textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:#f9fcff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#8ec3ff;box-shadow:0 0 0 4px rgba(25,118,210,.08)}textarea{resize:vertical;min-height:126px}.tip{margin-top:14px;color:var(--muted);line-height:1.8}.form-submit-btn{width:100%;min-height:58px;margin-top:12px;font-size:1.08rem;border-radius:18px;box-shadow:0 16px 30px rgba(25,118,210,.22)}.contact-card{padding:26px;text-align:left;justify-content:space-between;gap:18px;height:100%;min-height:100%;background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%)}.contact-info-block{padding:8px 6px 0}.contact-info-block h3{color:var(--blue);font-size:1.48rem;text-align:center;margin-bottom:10px}.contact-info-block p{margin-top:14px;color:#617896;line-height:1.9;text-align:left;font-size:1.02rem}.contact-qr-block{display:flex;flex-direction:column;justify-content:center;gap:12px;flex:1;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fafdff,#edf6ff);border:1px solid rgba(176,206,240,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.qr-panel-label{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(90deg,#eef6ff,#dff8f4);border:1px solid rgba(176,206,240,.76);color:var(--blue);font-size:.88rem;font-weight:800;letter-spacing:.04em}.contact-qr-block img{margin:0 auto;width:min(100%,330px);border-radius:18px;border:1px solid var(--line);box-shadow:0 14px 26px rgba(13,71,161,.08)}.contact-qr-block span{color:var(--blue);font-weight:800;text-align:center;line-height:1.55;font-size:1.02rem}.contact-qr-block small{display:block;color:#6a7f9a;text-align:center;line-height:1.7;font-size:.92rem}
.footer{border-top:1px solid rgba(13,71,161,.08);background:#fff}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;color:var(--muted)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@keyframes sweep{0%,100%{transform:translateX(-220%) skewX(-20deg)}50%{transform:translateX(420%) skewX(-20deg)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shineLine{0%{background-position:0% 50%}100%{background-position:200% 50%}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 12px))}}
@media (max-width:1280px){.solution-slide{width:390px}.dashboard-grid,.resource-top,.contact-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.dashboard-extra{grid-template-columns:1fr 1fr 1fr}.data-screen,.dashboard-side{min-height:auto}.contact-card{min-height:auto;height:auto}.hero h1{font-size:4rem}.hero .copy{max-width:none}.hero-card{width:100%;max-width:100%;margin-right:0}.hero-card img{transform:scale(1.0)}.actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px}.feature-tags{max-width:420px}}
@media (max-width:980px){.brand b{font-size:.92rem}.brand em{font-size:.68rem;letter-spacing:.12em}.value-cards,.process-line{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.nav{min-height:76px}.header{backdrop-filter:blur(12px)}#menuBtn{display:grid;place-items:center}.brand{flex:1 1 auto}.brand span{display:none}#navLinks{display:none;position:absolute;top:76px;left:20px;right:20px;grid-template-columns:1fr;grid-template-rows:none;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px 0}.nav-indicator{display:none!important}#navLinks.open{display:grid}#navLinks a{padding:14px 18px 14px;width:100%;border-bottom:1px solid #edf3fa;border-radius:0;opacity:1;color:rgba(23,54,95,.55);min-width:0;justify-content:flex-start}#navLinks a:after{left:18px;right:18px;bottom:6px}#navLinks a:last-child{border-bottom:none}.hero-grid,.contact-grid,.row,.resource-top,.value-cards,.process-line,.dashboard-extra,.actions,.feature-tags{grid-template-columns:1fr}.solution-slide{width:82vw}.section{padding:72px 0}h1{font-size:2.3rem}h2{font-size:2rem}.brand img{height:46px}.hero-card{max-width:100%;width:100%;margin-right:0}.hero-card img{transform:scale(1.0)}.hero-orbit{display:none}.contact-card{margin-top:20px;min-height:auto}.foot{flex-direction:column;align-items:flex-start}.solutions-track{animation-duration:80s}}


.ip-section{padding-top:72px;padding-bottom:76px}































.ip-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(6,22,44,.72);backdrop-filter:blur(10px);z-index:120}
.ip-lightbox.open{display:flex}
.ip-lightbox-stage{position:relative;max-width:min(92vw,1120px);max-height:90vh;background:#fff;border-radius:28px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.ip-lightbox-stage img{display:block;max-width:100%;max-height:calc(90vh - 90px);margin:0 auto;border-radius:18px;border:1px solid var(--line)}
.ip-lightbox-stage p{margin-top:12px;text-align:center;color:var(--blue);font-weight:700}
.ip-lightbox-close{position:absolute;right:24px;top:18px;width:44px;height:44px;border:none;border-radius:50%;background:#fff;color:var(--blue);font-size:28px;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.18)}
@media (max-width:1280px){}
@media (max-width:820px){.ip-lightbox{padding:14px}.ip-lightbox-stage{padding:12px;border-radius:20px}.ip-lightbox-close{right:14px;top:12px}}



.ip-carousel-section{padding-top:72px;padding-bottom:78px}
.ip-carousel-shell{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
.ip-arc-stage{position:relative;flex:1;min-height:520px;max-width:1380px;margin:0 auto;overflow:hidden}
.ip-slide-card{position:absolute;top:50%;left:50%;width:240px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .55s ease,filter .55s ease,box-shadow .35s ease;will-change:transform,opacity;z-index:1}
.ip-slide-card.is-visible{opacity:1;pointer-events:auto}
.ip-slide-card.is-active{z-index:7}
.ip-slide-trigger{display:block;width:100%;padding:12px;border:none;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);box-shadow:0 18px 42px rgba(13,71,161,.12);border:1px solid #d7e5f6;cursor:pointer;text-align:left}
.ip-slide-image-wrap{height:320px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e6eef8;display:flex;align-items:center;justify-content:center}
.ip-slide-image-wrap img{width:100%;height:100%;object-fit:contain;background:#fff}
.ip-slide-meta{padding:12px 6px 4px}
.ip-slide-meta h3{font-size:1.02rem;color:var(--blue);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.15em}
.ip-slide-meta p{margin-top:8px;font-size:.9rem;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.0em}
.ip-type{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(90deg,#eef6ff,#def8f3);border:1px solid var(--line);color:var(--blue2);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ip-chip{position:absolute;left:18px;top:18px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(13,71,161,.9);color:#fff;font-size:.8rem;font-weight:700;box-shadow:0 10px 24px rgba(13,71,161,.22)}
.ip-nav-btn{width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease}
.ip-nav-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong)}
.ip-current-panel{margin:8px auto 0;max-width:860px;background:linear-gradient(90deg,#ffffff 0%,#f1f8ff 55%,#eefcf8 100%);border:1px solid var(--line);border-radius:28px;padding:22px 26px;box-shadow:var(--shadow);text-align:center}
.ip-current-panel .current-kicker{display:inline-block;margin-bottom:10px;color:var(--blue2);font-size:.84rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700}
.ip-current-panel h3{font-size:1.7rem;color:var(--blue);line-height:1.4}
.ip-current-panel p{margin-top:10px;color:var(--muted);line-height:1.8}
.ip-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.ip-dot{width:12px;height:12px;border-radius:50%;border:none;background:#c9d8ea;cursor:pointer;transition:transform .2s ease,background .2s ease, width .2s ease}
.ip-dot.active{background:linear-gradient(90deg,var(--blue2),var(--cyan));width:34px;border-radius:999px}
@media (max-width:1280px){.ip-arc-stage{min-height:500px}.ip-slide-card{width:220px}}
@media (max-width:980px){.ip-carousel-shell{gap:10px}.ip-nav-btn{width:48px;height:48px}.ip-arc-stage{min-height:470px}.ip-slide-card{width:200px}}
@media (max-width:820px){.ip-carousel-shell{display:block}.ip-nav-btn{position:absolute;top:calc(50% - 24px);z-index:10}.ip-prev{left:0}.ip-next{right:0}.ip-arc-stage{min-height:430px;padding:0 40px}.ip-slide-card{width:190px}.ip-slide-image-wrap{height:260px}.ip-current-panel h3{font-size:1.35rem}}


.banner-stage img{background:#fff}.map-frame img{background:#fff}


/* --- V13 refinement: dashboard tech styling + IP carousel polish + ambient effects --- */
#dashboard, #ipSection{isolation:isolate}
#dashboard::before,#ipSection::before{content:"";position:absolute;inset:auto;pointer-events:none;z-index:0;filter:blur(8px)}
#dashboard::before{width:420px;height:420px;right:-60px;top:80px;background:radial-gradient(circle, rgba(25,118,210,.16) 0%, rgba(0,191,165,.10) 38%, transparent 72%);animation:orbFloat 13s ease-in-out infinite}
#ipSection::before{width:520px;height:520px;left:-90px;top:10px;background:radial-gradient(circle, rgba(0,191,165,.10) 0%, rgba(25,118,210,.13) 36%, transparent 72%);animation:orbFloat 15s ease-in-out infinite reverse}
#dashboard .container,#ipSection .container{z-index:1}

.data-screen,.dashboard-side{position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,255,.96))}
.data-screen::before,.dashboard-side::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(25,118,210,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(25,118,210,.045) 1px, transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg, rgba(0,0,0,.62), transparent 95%);opacity:.48;pointer-events:none}
.data-screen::after,.dashboard-side::after{content:"";position:absolute;left:-40%;top:-25%;width:60%;height:180%;background:linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);transform:skewX(-20deg);animation:panelSweep 10s linear infinite;pointer-events:none}
.screen-copy h3,.dashboard-side h3{letter-spacing:.02em}
.screen-frame{background:linear-gradient(180deg,#f5faff 0%,#edf6ff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.88),0 14px 30px rgba(13,71,161,.08)}
.screen-frame::after{content:"";position:absolute;inset:10px;border:1px solid rgba(25,118,210,.09);border-radius:18px;pointer-events:none}
.dashboard-side-head{position:relative;padding-bottom:14px}
.dashboard-side-head::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue2),var(--cyan));box-shadow:0 0 18px rgba(25,118,210,.24)}








.metric-value{font-size:2.18rem;text-shadow:0 6px 16px rgba(25,118,210,.10)}









.mini-kpi{position:relative;overflow:hidden;transition:transform .28s ease, box-shadow .28s ease;box-shadow:0 10px 24px rgba(13,71,161,.06)}
.mini-kpi::before{content:"";position:absolute;inset:auto auto 0 0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue2),var(--cyan));opacity:.85}
.mini-kpi:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(13,71,161,.12)}

.ip-carousel-section{padding-top:76px;padding-bottom:82px}
.ip-carousel-shell{position:relative}
.ip-arc-stage{position:relative;min-height:560px;overflow:visible}
.ip-arc-stage::before{content:"";position:absolute;left:50%;top:50%;width:min(76vw,960px);height:220px;transform:translate(-50%,-8%);background:radial-gradient(ellipse at center, rgba(25,118,210,.14) 0%, rgba(0,191,165,.10) 42%, transparent 72%);filter:blur(8px);pointer-events:none}
.ip-arc-stage::after{content:"";position:absolute;left:50%;top:52%;width:min(74vw,900px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg, transparent, rgba(25,118,210,.24), rgba(0,191,165,.24), transparent);box-shadow:0 0 24px rgba(25,118,210,.16);pointer-events:none}
.ip-slide-card{width:262px;transition:transform .82s cubic-bezier(.22,.61,.36,1),opacity .62s ease,filter .62s ease,box-shadow .42s ease}
.ip-slide-trigger{border-radius:28px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,255,.98));border:1px solid rgba(25,118,210,.10);box-shadow:0 20px 42px rgba(13,71,161,.12);transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.ip-slide-trigger:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(13,71,161,.16);border-color:rgba(25,118,210,.24)}
.ip-slide-card.is-active .ip-slide-trigger{box-shadow:0 26px 60px rgba(13,71,161,.20);border-color:rgba(25,118,210,.24);animation:activeBob 5.2s ease-in-out infinite}
.ip-slide-card.is-active .ip-slide-image-wrap{box-shadow:0 18px 36px rgba(25,118,210,.10)}
.ip-slide-image-wrap{height:338px;border-radius:20px}
.ip-chip{background:linear-gradient(90deg, rgba(13,71,161,.96), rgba(25,118,210,.92));backdrop-filter:blur(8px)}
.ip-type{box-shadow:inset 0 0 0 1px rgba(25,118,210,.08)}
.ip-current-panel{position:relative;overflow:hidden;max-width:900px;padding:24px 28px;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(241,248,255,.98) 55%,rgba(238,252,248,.98) 100%);border-color:rgba(25,118,210,.12);box-shadow:0 18px 42px rgba(13,71,161,.12)}
.ip-current-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(25,118,210,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(25,118,210,.04) 1px, transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 90%);pointer-events:none}
.ip-current-panel::after{content:"";position:absolute;left:-35%;top:0;width:26%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);transform:skewX(-22deg);animation:panelSweep 8.8s linear infinite}
.ip-current-panel h3{font-size:1.8rem}
.ip-nav-btn{background:linear-gradient(180deg,#ffffff,#f3f9ff);box-shadow:0 16px 30px rgba(13,71,161,.14)}
.ip-nav-btn:hover{box-shadow:0 22px 36px rgba(13,71,161,.18)}
.ip-dot{height:12px;background:#c9d8ea;box-shadow:0 4px 10px rgba(13,71,161,.06)}
.ip-dot.active{box-shadow:0 8px 16px rgba(25,118,210,.20)}




@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}
@keyframes panelSweep{0%{transform:translateX(-220%) skewX(-20deg)}100%{transform:translateX(460%) skewX(-20deg)}}



@keyframes activeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media (max-width:1280px){.ip-arc-stage{min-height:530px}.ip-slide-card{width:244px}.ip-slide-image-wrap{height:320px}}
@media (max-width:980px){.ip-arc-stage{min-height:490px}.ip-slide-card{width:216px}.ip-slide-image-wrap{height:286px}.metric-value{font-size:1.94rem}}
@media (max-width:820px){.ip-arc-stage{min-height:440px}.ip-slide-card{width:190px}.ip-slide-image-wrap{height:250px}.metric-value{font-size:1.82rem}}

@media (max-width:1440px){:root{--header-h:114px}.brand{flex-basis:310px}.brand b{font-size:.82rem}.brand em{font-size:.58rem;letter-spacing:.10em}#navLinks{column-gap:4px}#navLinks a{font-size:.92rem;padding:9px 10px 16px;min-width:92px}}





.dashboard-side-head p{max-width:430px}
.mini-kpi{box-shadow:0 12px 22px rgba(13,71,161,.07)}
.mini-kpi strong{font-size:1rem}
.contact-card,.form,.banner-stage,.image-frame,.resource-copy,.resource-map,.data-screen,.dashboard-side{transition:transform .4s ease, box-shadow .4s ease, opacity .4s ease}
.contact-card:hover,.form:hover,.resource-copy:hover,.resource-map:hover,.data-screen:hover,.dashboard-side:hover{box-shadow:0 24px 52px rgba(13,71,161,.16)}


.hero .copy{position:relative;z-index:2;max-width:560px}
.hero h1{font-size:4.85rem;line-height:1.02;text-shadow:0 10px 30px rgba(13,71,161,.14);margin-bottom:14px}
.hero .eyebrow{letter-spacing:.16em}
.hero .lead{max-width:720px;font-size:1.12rem;line-height:1.9}
.hero-spotlight{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;opacity:.9}
.hero-spotlight-a{width:360px;height:360px;right:22%;top:6%;background:radial-gradient(circle, rgba(95,194,255,.24) 0%, rgba(25,118,210,.12) 40%, transparent 72%)}
.hero-spotlight-b{width:280px;height:280px;left:-4%;bottom:6%;background:radial-gradient(circle, rgba(0,191,165,.14) 0%, rgba(0,191,165,.06) 44%, transparent 76%)}




.visual{position:relative;display:flex;justify-content:flex-end}
.hero-card-impact{position:relative;z-index:2;box-shadow:0 28px 74px rgba(13,71,161,.18);background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,248,255,.92))}
.hero-card-impact:after{content:"";position:absolute;inset:-14px;border-radius:36px;border:1px solid rgba(159,200,255,.34);box-shadow:0 0 0 8px rgba(255,255,255,.18), 0 0 44px rgba(95,194,255,.18);pointer-events:none}
.hero-orbit{position:absolute;z-index:3;display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(230,243,255,.64));border:1px solid rgba(159,200,255,.42);box-shadow:0 16px 38px rgba(13,71,161,.12);backdrop-filter:blur(10px);font-size:.92rem;font-weight:700;color:var(--blue)}
.hero-orbit-a{right:12%;top:5%;animation:floaty 6.4s ease-in-out infinite}
.hero-orbit-b{left:8%;bottom:6%;animation:floaty 7.4s ease-in-out infinite reverse}


/* --- V19 final hero/profile polish --- */
.brand{
  flex:0 0 430px!important;
}
.brand img{
  height:72px!important;
  width:auto!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 16px rgba(13,71,161,.12));
}

.hero-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  align-items:stretch!important;
  gap:40px!important;
}
.hero .copy{
  max-width:none!important;
  min-height:640px!important;
  display:flex!important;
  flex-direction:column!important;
}
.hero h1{margin-bottom:14px!important;}
.hero .lead{max-width:760px!important;}

.actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,200px))!important;
  gap:14px!important;
  max-width:430px!important;
}
.actions .btn{
  width:100%!important;
}
.feature-tags{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,170px))!important;
  gap:12px!important;
  max-width:360px!important;
}
.feature-tags span{
  min-height:50px!important;
  justify-content:center!important;
  text-align:center!important;
}



.visual{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  min-height:640px!important;
}
.hero-card{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:560px!important;
  margin:0!important;
  padding:14px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,255,.9))!important;
  border:1px solid rgba(176,206,240,.75)!important;
  box-shadow:0 28px 74px rgba(13,71,161,.16)!important;
}
.hero-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:640px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:22px!important;
}
.hero-card-impact:after{
  inset:-12px!important;
  border-radius:36px!important;
}
.hero-orbit{
  z-index:6!important;
}
.hero-orbit-a{
  right:22px!important;
  top:22px!important;
  left:auto!important;
  bottom:auto!important;
}
.hero-orbit-b{
  right:22px!important;
  top:72px!important;
  left:auto!important;
  bottom:auto!important;
}

.form-submit-btn{
  width:100%!important;
  min-height:60px!important;
  border-radius:18px!important;
  font-size:1.1rem!important;
  box-shadow:0 18px 34px rgba(25,118,210,.22)!important;
}

@media (max-width:1440px){
  .brand{flex-basis:390px!important;}
  .brand img{height:66px!important;}
}
@media (max-width:1280px){
  .hero-grid{grid-template-columns:1fr!important;}
  .hero .copy{min-height:auto!important;}
  .visual{min-height:auto!important;}
  .hero-card{height:auto!important;min-height:auto!important;}
  .hero-card img{height:auto!important;max-height:none!important;}
  
  .brand{flex:1 1 auto!important;}
}
@media (max-width:820px){
  .brand img{height:54px!important;}
  .actions,.feature-tags{
    grid-template-columns:1fr!important;
    max-width:100%!important;
  }
  .hero-card{padding:8px!important;}
  .hero-orbit{display:none!important;}
}



/* --- V20 hero/logo/glow refinement --- */
.site-shell{
  isolation:isolate;
}
.site-shell::before{
  content:"";
  position:absolute;
  inset:-10% -8%;
  background:
    linear-gradient(118deg, transparent 0%, transparent 36%, rgba(255,255,255,.15) 46%, rgba(255,255,255,.03) 52%, transparent 60%),
    linear-gradient(62deg, transparent 0%, rgba(25,118,210,.08) 28%, transparent 40%),
    radial-gradient(circle at 18% 24%, rgba(0,191,165,.08), transparent 28%),
    radial-gradient(circle at 82% 32%, rgba(25,118,210,.10), transparent 26%);
  opacity:.95;
  filter:blur(2px);
  animation:siteBeamSweep 18s linear infinite;
  pointer-events:none;
}
.site-shell .glow{
  position:absolute;
  border-radius:50%;
  transform:translate(-50%,-50%);
  filter:blur(18px);
  pointer-events:none;
  opacity:.72;
  mix-blend-mode:screen;
}
.site-shell .glow-a{
  left:var(--glow-ax); top:var(--glow-ay);
  width:var(--glow-as); height:var(--glow-as);
  background:radial-gradient(circle, rgba(0,191,165,.22) 0%, rgba(0,191,165,.11) 34%, transparent 72%);
  animation:auroraPulseA 11s ease-in-out infinite alternate;
}
.site-shell .glow-b{
  left:var(--glow-bx); top:var(--glow-by);
  width:var(--glow-bs); height:var(--glow-bs);
  background:radial-gradient(circle, rgba(25,118,210,.26) 0%, rgba(25,118,210,.10) 38%, transparent 72%);
  animation:auroraPulseB 13s ease-in-out infinite alternate;
}
.site-shell .glow-c{
  left:var(--glow-cx); top:var(--glow-cy);
  width:var(--glow-cs); height:var(--glow-cs);
  background:radial-gradient(circle, rgba(13,71,161,.16) 0%, rgba(95,194,255,.08) 42%, transparent 74%);
  animation:auroraPulseC 15s ease-in-out infinite alternate;
}
.site-shell:after{
  background-image:
    linear-gradient(rgba(25,118,210,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,118,210,.03) 1px, transparent 1px),
    linear-gradient(120deg, transparent 0%, transparent 45%, rgba(255,255,255,.12) 50%, transparent 56%, transparent 100%);
  background-size:64px 64px, 64px 64px, 480px 100%;
  animation:gridShimmer 16s linear infinite;
}

.brand{
  flex:0 0 395px!important;
  gap:12px!important;
}
.brand img{
  height:58px!important;
}

.hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:28px!important;
}
.hero .copy{
  min-height:600px!important;
}
.hero .lead{
  max-width:100%!important;
}
.visual{
  min-height:600px!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
}
.hero-card{
  align-self:flex-end!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:12px!important;
  overflow:hidden!important;
  display:block!important;
}
.hero-card img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hero-card-impact:after{
  inset:-10px!important;
}
.hero-orbit-a{
  right:24px!important;
  top:18px!important;
}
.hero-orbit-b{
  right:24px!important;
  top:66px!important;
}

@keyframes auroraPulseA{
  0%{transform:translate(-50%,-50%) scale(.92);opacity:.58}
  50%{transform:translate(-48%,-52%) scale(1.04);opacity:.78}
  100%{transform:translate(-52%,-48%) scale(1.1);opacity:.68}
}
@keyframes auroraPulseB{
  0%{transform:translate(-50%,-50%) scale(.94);opacity:.62}
  50%{transform:translate(-52%,-47%) scale(1.06);opacity:.80}
  100%{transform:translate(-48%,-52%) scale(1.12);opacity:.70}
}
@keyframes auroraPulseC{
  0%{transform:translate(-50%,-50%) scale(.96);opacity:.54}
  50%{transform:translate(-49%,-51%) scale(1.03);opacity:.72}
  100%{transform:translate(-51%,-49%) scale(1.08);opacity:.64}
}
@keyframes siteBeamSweep{
  0%{transform:translate3d(-2%,0,0) scale(1);opacity:.85}
  50%{transform:translate3d(2%,1%,0) scale(1.02);opacity:1}
  100%{transform:translate3d(-2%,0,0) scale(1);opacity:.85}
}
@keyframes gridShimmer{
  0%{background-position:0 0,0 0,-520px 0}
  100%{background-position:0 0,0 0,920px 0}
}

@media (max-width:1440px){
  .brand{flex-basis:370px!important;}
  .brand img{height:54px!important;}
}
@media (max-width:1280px){
  .hero-grid{grid-template-columns:1fr!important;gap:26px!important;}
  .hero .copy,.visual{min-height:auto!important;}
  .hero-card{height:auto!important;}
}
@media (max-width:820px){
  .brand img{height:46px!important;}
}


/* --- V21 visual refinement --- */
body{background:linear-gradient(180deg,#f8fbff 0%, #edf5ff 40%, #f8fbff 100%)!important;}
.site-shell{
  z-index:1!important;
  background:
    radial-gradient(circle at 10% 12%, rgba(0,191,165,.16), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(25,118,210,.18), transparent 24%),
    radial-gradient(circle at 82% 72%, rgba(13,71,161,.14), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.00) 0%, rgba(255,255,255,.08) 38%, rgba(111,190,255,.05) 52%, rgba(255,255,255,0) 70%);
}
.site-shell::before{
  inset:-6% -4%!important;
  background:
    linear-gradient(110deg, transparent 0%, transparent 32%, rgba(255,255,255,.26) 46%, rgba(255,255,255,.06) 52%, transparent 62%),
    linear-gradient(62deg, transparent 0%, rgba(25,118,210,.12) 22%, rgba(95,194,255,.04) 32%, transparent 44%),
    radial-gradient(circle at 18% 24%, rgba(0,191,165,.16), transparent 26%),
    radial-gradient(circle at 82% 32%, rgba(25,118,210,.18), transparent 24%)!important;
  opacity:1!important;
  filter:blur(1px)!important;
  animation:siteBeamSweep 14s linear infinite!important;
}
.site-shell::after{
  opacity:.62!important;
  background-image:
    linear-gradient(rgba(25,118,210,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,118,210,.05) 1px, transparent 1px),
    linear-gradient(120deg, transparent 0%, transparent 44%, rgba(255,255,255,.22) 50%, transparent 57%, transparent 100%),
    linear-gradient(90deg, transparent 0%, rgba(0,191,165,.10) 46%, rgba(25,118,210,.10) 54%, transparent 100%);
  background-size:60px 60px, 60px 60px, 560px 100%, 720px 100%!important;
  animation:gridShimmer 14s linear infinite!important;
}
.site-shell .glow{filter:blur(28px)!important;opacity:.92!important;}
.site-shell .glow-a{background:radial-gradient(circle, rgba(0,191,165,.34) 0%, rgba(0,191,165,.16) 34%, transparent 72%)!important;}
.site-shell .glow-b{background:radial-gradient(circle, rgba(25,118,210,.34) 0%, rgba(25,118,210,.14) 38%, transparent 72%)!important;}
.site-shell .glow-c{background:radial-gradient(circle, rgba(13,71,161,.24) 0%, rgba(95,194,255,.12) 42%, transparent 74%)!important;}
#particleCanvas{z-index:1!important;opacity:.78!important;}
.container{z-index:2!important;}

.brand img{height:46px!important;}
@media (max-width:1440px){.brand img{height:44px!important;}}
@media (max-width:820px){.brand img{height:40px!important;}}

.hero-grid{
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.hero .copy{
  min-height:620px!important;
  padding-right:10px!important;
}
.visual{
  min-height:620px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
}
.hero-card{
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  padding:8px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
}
.hero-card img{
  width:108%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin-left:-4%!important;
  margin-top:0!important;
  border-radius:22px!important;
}
.hero-orbit-a{right:20px!important;top:16px!important;}
.hero-orbit-b{right:20px!important;top:62px!important;left:auto!important;bottom:auto!important;}


.btn.primary{
  background:linear-gradient(135deg, #5b9fe2 0%, #78b9f2 32%, #66d0c1 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(91,159,226,.18), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.form-submit-btn{box-shadow:0 12px 24px rgba(91,159,226,.18)!important;}
.resource-banner{
  background:linear-gradient(90deg, #5f9edb 0%, #79b8ee 55%, #73cfc1 100%)!important;
  box-shadow:0 12px 26px rgba(91,159,226,.16)!important;
}

.full-banner-section .banner-stage img{
  width:75%!important;
  margin:0 auto!important;
  display:block!important;
}
@media (max-width:1200px){
  .full-banner-section .banner-stage img{width:86%!important;}
}
@media (max-width:820px){
  .full-banner-section .banner-stage img{width:100%!important;}
}

.contact-info-block p{font-size:1rem!important;}
.contact-qr-block small{
  white-space:nowrap!important;
  font-size:.88rem!important;
}

@media (max-width:1280px){
  .hero-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .hero .copy,.visual,.hero-card{min-height:auto!important;height:auto!important;}
  .hero-card img{width:100%!important;height:auto!important;min-height:0!important;margin-left:0!important;object-fit:contain!important;}
}


/* --- V22 performance + hero image complete display + solution image rounded corners --- */
/* 1. 性能优化：关闭高频 canvas 粒子层，保留轻量化固定流光背景 */
#particleCanvas{
  display:none!important;
}
.site-shell{
  z-index:1!important;
  opacity:.78!important;
  will-change:auto!important;
}
.site-shell::before{
  animation:siteBeamSweep 32s linear infinite!important;
  opacity:.58!important;
  filter:blur(1px)!important;
}
.site-shell::after{
  animation:gridShimmer 34s linear infinite!important;
  opacity:.34!important;
}
.site-shell .glow{
  filter:blur(38px)!important;
  opacity:.50!important;
  animation-duration:28s!important;
}
.reveal{
  transition:opacity .38s ease, transform .38s ease!important;
}
.floating,
.hero-orbit-a,
.hero-orbit-b,
.ip-slide-card.is-active .ip-slide-trigger{
  animation:none!important;
}
/* 2. 公司简介右侧图片：完整显示，不裁切，比例更均衡 */
.hero-grid{
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
  gap:30px!important;
  align-items:center!important;
}
.hero .copy{
  min-height:auto!important;
  max-width:none!important;
  padding-right:10px!important;
}
.visual{
  min-height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.hero-card{
  width:100%!important;
  max-width:780px!important;
  height:auto!important;
  min-height:0!important;
  padding:10px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,248,255,.90))!important;
}
.hero-card img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  border-radius:22px!important;
}
.hero-card-impact:after{
  inset:-10px!important;
}
.hero-orbit-a{
  right:22px!important;
  top:18px!important;
}
.hero-orbit-b{
  right:22px!important;
  top:66px!important;
  left:auto!important;
  bottom:auto!important;
}

/* 3. 解决方案轮播图片圆角与卡片弧度统一 */
.solution-slide{
  border-radius:26px!important;
  overflow:hidden!important;
}
.solution-slide img{
  border-radius:24px 24px 0 0!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* 4. 顶部 Logo 在上一版基础上再稍微稳住尺寸 */
.brand img{
  height:44px!important;
}

/* 5. 移除 hover/鼠标倾斜引起的抖动与卡顿 */
.mini-kpi:hover,.solution-slide:hover,.contact-card:hover,.form:hover,.resource-copy:hover,.resource-map:hover,.data-screen:hover,.dashboard-side:hover{
  transform:none!important;
}

/* 6. 低性能设备进一步降级 */
@media (prefers-reduced-motion: reduce){
  *{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}
@media (max-width:1280px){
  .hero-grid{grid-template-columns:1fr!important;}
  .hero-card{max-width:100%!important;}
}

/* --- V23 hero / solution / dashboard / dataflow refinement --- */

/* 全站固定置底的半透明流光 + 科幻线条 + 光效变化背景 */
.site-shell{
  z-index:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 14%, rgba(0,191,165,.08) 0%, rgba(0,191,165,.03) 16%, transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(25,118,210,.11) 0%, rgba(25,118,210,.05) 18%, transparent 36%),
    radial-gradient(circle at 84% 76%, rgba(95,194,255,.10) 0%, rgba(95,194,255,.04) 22%, transparent 40%),
    linear-gradient(180deg,#f7fbff 0%, #eef6ff 52%, #f8fbff 100%)!important;
}
.site-shell::before{
  content:"";
  position:absolute;
  inset:-8% -10%;
  background:
    repeating-linear-gradient(115deg,
      transparent 0 86px,
      rgba(105,175,255,.09) 86px 88px,
      transparent 88px 176px),
    repeating-linear-gradient(90deg,
      transparent 0 120px,
      rgba(0,191,165,.06) 120px 121px,
      transparent 121px 240px);
  opacity:.60;
  transform:translateZ(0);
  animation:dataGridDrift 28s linear infinite;
}
.site-shell::after{
  opacity:.58!important;
  background-image:
    linear-gradient(rgba(25,118,210,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,118,210,.05) 1px, transparent 1px)!important;
  background-size:72px 72px!important;
}
.site-shell .glow{
  opacity:1!important;
  filter:blur(38px)!important;
}









@keyframes dataGridDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-32px,18px,0)}100%{transform:translate3d(0,0,0)}}





/* 公司简介右侧图片放大但完整显示，并保留悬浮文字 */
.hero-grid{
  grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr)!important;
  gap:32px!important;
  align-items:end!important;
}
.hero .copy{padding-right:6px!important}
.visual{
  align-self:end!important;
  justify-content:flex-end!important;
}
.hero-card{
  max-width:980px!important;
  width:100%!important;
  padding:8px!important;
  border-radius:34px!important;
  overflow:visible!important;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(242,249,255,.90))!important;
  box-shadow:0 26px 68px rgba(13,71,161,.16)!important;
}
.hero-card img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:28px!important;
  box-shadow:0 18px 42px rgba(13,71,161,.10)!important;
}
.hero-card-impact:after{
  inset:-12px!important;
  border-radius:40px!important;
}
.hero-orbit{
  z-index:8!important;
  box-shadow:0 14px 34px rgba(13,71,161,.16)!important;
  background:linear-gradient(135deg, rgba(255,255,255,.90), rgba(232,244,255,.72))!important;
}
.hero-orbit-a{right:26px!important;top:20px!important}
.hero-orbit-b{right:26px!important;top:74px!important;left:auto!important;bottom:auto!important}

/* 解决方案图片统一圆角 */
.solution-slide{
  border-radius:28px!important;
  overflow:hidden!important;
}
.solution-slide img{
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
  object-fit:contain!important;
  background:#fff!important;
}

/* 数据看板右侧替换为 4 张等尺寸图表卡片 */
.dashboard-grid{grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr)!important}
.chart-metrics-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.chart-card{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  min-height:228px;
  box-shadow:0 12px 28px rgba(13,71,161,.07);
  position:relative;
}
.chart-card::before{
  content:"";
  position:absolute;
  left:-24%;top:0;
  width:22%;height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.70), transparent);
  transform:skewX(-20deg);
  animation:panelSweep 10s linear infinite;
  pointer-events:none;
}
.chart-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#fff;
}
.dashboard-extra-charts{
  grid-template-columns:repeat(3,1fr)!important;
}
.dashboard-side{min-height:690px!important}

/* 轻量动效，避免卡顿 */
@media (max-width:1280px){
  .hero-grid{grid-template-columns:1fr!important;align-items:center!important}
  .chart-metrics-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:980px){
  .chart-metrics-grid{grid-template-columns:1fr!important}
  .dashboard-extra-charts{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion: reduce){
  .site-shell::before,.chart-card::before{animation:none!important}
}

/* --- V24 final polish: hero, rounded solution images, visible sci-fi background, charts cleanup --- */

/* 1) 全站固定置底流光 / 科幻线条 / 数据流背景：增强可见性 */
body{
  background:linear-gradient(180deg,#f6fbff 0%, #eef6ff 38%, #f7fbff 100%)!important;
}
.site-shell{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 10% 14%, rgba(0,191,165,.12) 0%, rgba(0,191,165,.06) 18%, transparent 38%),
    radial-gradient(circle at 86% 10%, rgba(25,118,210,.16) 0%, rgba(25,118,210,.07) 18%, transparent 38%),
    radial-gradient(circle at 82% 74%, rgba(95,194,255,.14) 0%, rgba(95,194,255,.06) 20%, transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04))!important;
}
.site-shell::before{
  content:""!important;
  position:absolute!important;
  inset:-6% -8%!important;
  background:
    repeating-linear-gradient(117deg,
      transparent 0 88px,
      rgba(115,176,255,.11) 88px 90px,
      transparent 90px 178px),
    repeating-linear-gradient(90deg,
      transparent 0 126px,
      rgba(0,191,165,.08) 126px 127px,
      transparent 127px 254px)!important;
  opacity:.78!important;
  animation:dataGridDrift 26s linear infinite!important;
}
.site-shell::after{
  background-image:
    linear-gradient(rgba(25,118,210,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,118,210,.08) 1px, transparent 1px)!important;
  background-size:64px 64px!important;
  opacity:.54!important;
}
#particleCanvas{opacity:.82!important;z-index:0!important}


.site-shell .glow{filter:blur(34px)!important;opacity:.96!important}

/* 2) 公司简介图片横向居中、上移、放大但完整显示 */
.hero-grid{
  grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr)!important;
  gap:28px!important;
  align-items:start!important;
}
.hero .copy{padding-right:10px!important}
.visual{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  align-self:start!important;
  padding-top:0!important;
}
.hero-card{
  width:100%!important;
  max-width:940px!important;
  margin:0 auto!important;
  padding:10px!important;
  overflow:hidden!important;
  border-radius:34px!important;
}
.hero-card img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  border-radius:26px!important;
}
.hero-orbit-a{right:24px!important;top:14px!important}
.hero-orbit-b{right:24px!important;top:68px!important;left:auto!important;bottom:auto!important}

/* 3) 解决方案卡片图片统一圆角，避免四角露出原图边角 */
.solution-slide{
  overflow:hidden!important;
  border-radius:28px!important;
  padding:12px 12px 0!important;
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%)!important;
}
.solution-slide img{
  width:calc(100% - 0px)!important;
  height:280px!important;
  display:block!important;
  margin:0 auto!important;
  border-radius:20px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 20px)!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#ffffff!important;
  border:1px solid rgba(215,229,246,.9)!important;
}
.solution-body{
  padding:20px 10px 24px!important;
}

/* 4) 数据看板四张图统一尺寸，去除边线伪影 */
.chart-metrics-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.chart-card{
  min-height:250px!important;
  height:250px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%)!important;
}
.chart-card::before{display:none!important}
.chart-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#ffffff!important;
}
.dashboard-side{
  min-height:720px!important;
}

/* 5) 卡片背景轻透，便于看到底部流光 */
.clean-section,
.hero.section,
.section{
  background:transparent!important;
}

/* --- V24 tiny overrides --- */
.solution-slide img{
  object-fit:contain!important;
}
.hero.section .container{
  z-index:3!important;
}

/* --- V25 hero layout polish + feature descriptors + chart scaling --- */
.hero.section{padding-bottom:52px!important;}
.hero-grid{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  gap:28px!important;
  align-items:start!important;
}
.hero .copy{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
.actions{
  margin-top:18px!important;
  max-width:470px!important;
}


.hero-visual-block{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:18px!important;
}
.hero-card{
  max-width:980px!important;
  padding:12px!important;
}
.hero-card img{
  max-height:none!important;
}
.feature-tags-inline{
  width:100%!important;
  max-width:980px!important;
  display:grid!important;
  grid-template-columns:repeat(6, minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:0!important;
}
.feature-tags-inline span{
  min-height:56px!important;
  border-radius:16px!important;
  font-size:1rem!important;
  letter-spacing:.02em!important;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,248,255,.88))!important;
  box-shadow:0 12px 26px rgba(13,71,161,.08)!important;
}
.hero-orbit{
  animation:heroBadgeFloat 4.8s ease-in-out infinite!important;
  will-change:transform!important;
}
.hero-orbit-a{
  right:26px!important;
  top:16px!important;
  animation-delay:0s!important;
}
.hero-orbit-b{
  right:26px!important;
  top:78px!important;
  left:auto!important;
  bottom:auto!important;
  animation-delay:.5s!important;
}
@keyframes heroBadgeFloat{
  0%,100%{transform:translateY(0px)}
  50%{transform:translateY(-10px)}
}

.chart-card-service-fields img{
  transform:scale(1.12)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}
.chart-card-satisfaction img{
  transform:scale(1.18)!important;
  transform-origin:center center!important;
  object-position:center center!important;
}

@media (max-width:1280px){
  .feature-tags-inline{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr!important;}
  .feature-tags-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  
}

/* --- V26 final polish: descriptor cards, pixel alignment, floating stats, chart balance --- */
.hero-grid{
  grid-template-columns:40.5% 59.5%!important;
  gap:34px!important;
  align-items:start!important;
}
.hero.section .copy{
  padding-top:6px!important;
}
.hero.section .lead{
  max-width:98%!important;
}
.hero.section .bullet-list{
  margin-bottom:0!important;
}


.hero-visual-block{
  position:relative!important;
  align-items:stretch!important;
  gap:16px!important;
  padding-top:8px!important;
}
.hero-card{
  width:100%!important;
  max-width:100%!important;
}
.hero-card img{
  width:100%!important;
  display:block!important;
}
.feature-tags-inline{
  max-width:100%!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:2px!important;
}
.feature-tags-inline span{
  position:relative!important;
  min-height:58px!important;
  padding:0 12px!important;
  border-radius:18px!important;
  font-size:1rem!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  color:#0f58bd!important;
  border:1px solid rgba(176,208,242,.88)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(242,248,255,.92) 100%)!important;
  box-shadow:0 10px 24px rgba(13,71,161,.07), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.feature-tags-inline span::before{
  content:"";
  position:absolute;
  left:12px; right:12px; top:8px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(95,194,255,.45), transparent);
}
.hero-orbit{
  z-index:5!important;
  animation:heroBadgeFloat 4.8s ease-in-out infinite!important;
}
.hero-orbit-a{right:22px!important;top:16px!important;}
.hero-orbit-b{right:26px!important;top:78px!important;}
.hero-stat-badges{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:5!important;
}
.hero-stat-badge{
  position:absolute!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-width:124px!important;
  padding:10px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(235,245,255,.72))!important;
  border:1px solid rgba(174,208,245,.7)!important;
  box-shadow:0 16px 30px rgba(13,71,161,.10)!important;
  backdrop-filter:blur(8px)!important;
  animation:heroBadgeFloat 5.6s ease-in-out infinite!important;
}
.hero-stat-badge strong{
  font-size:1.4rem!important;
  line-height:1!important;
  color:#0f58bd!important;
}
.hero-stat-badge span{
  font-size:.82rem!important;
  color:#5e7392!important;
  white-space:nowrap!important;
}
.hero-stat-badge.badge-a{top:138px!important;right:20px!important;animation-delay:.2s!important;}
.hero-stat-badge.badge-b{top:228px!important;right:120px!important;animation-delay:.9s!important;}
.hero-stat-badge.badge-c{top:318px!important;right:24px!important;animation-delay:1.5s!important;}

.chart-metrics-grid{
  gap:18px!important;
  align-items:stretch!important;
}
.chart-card{
  min-height:258px!important;
  height:258px!important;
  padding:10px!important;
  border-radius:22px!important;
  box-shadow:0 16px 34px rgba(13,71,161,.09)!important;
  border:1px solid rgba(214,229,244,.92)!important;
}
.chart-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.chart-card-service-fields img,
.chart-card-satisfaction img{
  transform:none!important;
}

@media (max-width:1400px){
  .feature-tags-inline{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr!important;}
  .hero-stat-badges{display:none!important;}
}

/* --- V27 ultra polish: hero floats, descriptor hover, compact dashboard, unified enterprise charts --- */

/* 公司简介：浮动文字位置微调，更高级、更疏朗 */
.hero-visual-block{
  padding-top:14px!important;
}
.hero-orbit{
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg, rgba(255,255,255,.84), rgba(236,245,255,.70))!important;
  border:1px solid rgba(165,203,244,.82)!important;
  box-shadow:0 14px 30px rgba(13,71,161,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.hero-orbit-a{right:18px!important;top:10px!important;}
.hero-orbit-b{right:48px!important;top:68px!important;}
.hero-stat-badge{
  min-width:118px!important;
  padding:10px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg, rgba(255,255,255,.80), rgba(233,244,255,.66))!important;
}
.hero-stat-badge.badge-a{top:18px!important;left:8px!important;right:auto!important;animation-delay:.15s!important;}
.hero-stat-badge.badge-b{top:118px!important;right:-8px!important;animation-delay:.8s!important;}
.hero-stat-badge.badge-c{top:224px!important;right:12px!important;animation-delay:1.35s!important;}

/* 6 个描述词轻微悬停动效 */
.feature-tags-inline span{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease!important;
  cursor:default!important;
}
.feature-tags-inline span:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 28px rgba(13,71,161,.12), 0 0 0 1px rgba(113,174,255,.10) inset!important;
  border-color:rgba(126,182,242,.98)!important;
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(238,247,255,.96))!important;
}

/* 数据看板卡片更紧凑 */
.dashboard-grid{
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr)!important;
  gap:22px!important;
}
.data-screen,.dashboard-side{
  padding:22px!important;
  min-height:624px!important;
}
.screen-copy,.dashboard-side-head{
  min-height:94px!important;
}
.screen-copy h3,.dashboard-side h3{
  font-size:1.34rem!important;
  margin-bottom:2px!important;
}
.screen-copy p,.dashboard-side-head p{
  margin-top:6px!important;
  line-height:1.72!important;
}
.screen-frame{
  margin-top:12px!important;
  padding:12px!important;
  border-radius:22px!important;
}
.dashboard-side-head{
  margin-bottom:12px!important;
  padding-bottom:12px!important;
}
.dashboard-extra{
  margin-top:10px!important;
  padding-top:10px!important;
}
.mini-kpi{
  padding:14px 14px 13px!important;
}

/* 企业级仪表盘风格：四图统一边距、视觉重量、对齐 */
.chart-metrics-grid{
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.chart-card{
  position:relative!important;
  min-height:228px!important;
  height:228px!important;
  padding:12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%)!important;
  border:1px solid rgba(214,228,243,.98)!important;
  box-shadow:0 12px 26px rgba(13,71,161,.08)!important;
}
.chart-card::after{
  content:""!important;
  position:absolute!important;
  left:14px!important;right:14px!important;top:14px!important;
  height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(114,170,241,.35), transparent)!important;
}
.chart-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  filter:saturate(1.02) contrast(1.02)!important;
}
.chart-card-service-fields img{
  transform:scale(1.06)!important;
}
.chart-card-satisfaction img{
  transform:scale(1.26)!important;
  transform-origin:center center!important;
}
/* 与左上复购率卡片更严格对齐 */
.chart-metrics-grid .chart-card:nth-child(2),
.chart-metrics-grid .chart-card:nth-child(4){
  justify-self:stretch!important;
}

@media (max-width:1024px){
  .dashboard-grid{grid-template-columns:1fr!important;}
  .data-screen,.dashboard-side{min-height:auto!important;}
  .hero-stat-badges{display:none!important;}
}

/* --- V28 polish: tighter hero/dashboard, unified blue-white charts, refined floating badges and motion rhythm --- */

/* 1) 首屏再压缩一点垂直留白，并做 4:6 右侧更饱满的视觉比例 */
#profile.section{padding-top:72px!important;padding-bottom:66px!important;}
#profile .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:34px!important;align-items:start!important;}
#profile .copy{padding-top:8px!important;}
.hero-visual-block{padding-top:0!important;}
.hero-card{padding:10px!important;border-radius:32px!important;}
.hero-card-impact:after{inset:-10px!important;}
.hero-card img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
.feature-tags-inline{margin-top:14px!important;gap:12px!important;}
.feature-tags-inline span{min-height:64px!important;font-size:1.08rem!important;letter-spacing:.5px!important;border-radius:18px!important;padding:0 16px!important;}

/* 2) 浮动文案位置微调：按用户标注重新布局 */
.hero-orbit,.hero-stat-badge{animation:floatySoft 6.8s ease-in-out infinite!important;will-change:transform;}
.hero-orbit-a{
  top:14px!important;
  right:28px!important;
}
.hero-orbit-b{
  top:14px!important;
  right:248px!important;
  left:auto!important;
  bottom:auto!important;
}
.hero-stat-badge{
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 14px 30px rgba(13,71,161,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.hero-stat-badge.badge-a{
  top:88px!important;
  left:38px!important;
  right:auto!important;
  animation-delay:.18s!important;
}
.hero-stat-badge.badge-b{
  top:158px!important;
  right:132px!important;
  animation-delay:.86s!important;
}
.hero-stat-badge.badge-c{
  top:252px!important;
  right:24px!important;
  animation-delay:1.44s!important;
}
@keyframes floatySoft{
  0%,100%{transform:translateY(0px)}
  50%{transform:translateY(-7px)}
}

/* 3) 数据看板整体更紧凑 */
#dashboard.section{padding-top:74px!important;padding-bottom:72px!important;}
.dashboard-grid{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important;gap:20px!important;align-items:stretch!important;}
.data-screen,.dashboard-side{
  padding:18px!important;
  min-height:572px!important;
  border-radius:24px!important;
}
.screen-copy,.dashboard-side-head{min-height:82px!important;}
.screen-copy h3,.dashboard-side h3{font-size:1.3rem!important;margin-bottom:0!important;}
.screen-copy p,.dashboard-side-head p{margin-top:6px!important;line-height:1.68!important;}
.screen-frame{margin-top:8px!important;padding:10px!important;border-radius:20px!important;}
.dashboard-side-head{margin-bottom:10px!important;padding-bottom:8px!important;}
.dashboard-extra{margin-top:8px!important;padding-top:8px!important;gap:10px!important;}
.mini-kpi{padding:12px 14px!important;border-radius:16px!important;}

/* 4) 四张图表统一蓝白企业级风格、边距与视觉重量 */
.chart-metrics-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
.chart-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:206px!important;
  height:206px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,250,255,1) 100%)!important;
  border:1px solid rgba(206,224,243,.98)!important;
  box-shadow:0 10px 24px rgba(13,71,161,.07), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.chart-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 18% 18%, rgba(66,165,245,.06), transparent 34%),
    linear-gradient(180deg, rgba(235,244,255,.20), transparent 36%);
  pointer-events:none!important;
}
.chart-card::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;right:12px!important;top:12px!important;height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(82,149,228,.34), transparent)!important;
}
.chart-card img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  filter:saturate(1.05) contrast(1.03)!important;
}
.chart-card-service-fields img{transform:scale(1.13)!important;transform-origin:center center!important;}
.chart-card-satisfaction img{transform:scaleX(1.32) scaleY(1.18)!important;transform-origin:center center!important;}

/* 5) 全站 hover / scroll 动效节奏统一 */
html{scroll-behavior:smooth;}
.nav-indicator,.btn,.feature-tags-inline span,.solution-slide,.mini-kpi,.chart-card,.contact-card,.form,.hero-stat-badge,.hero-orbit,.nav a,.image-frame,.resource-copy,.resource-map{
  transition-duration:.32s!important;
  transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
}
.reveal{transition:opacity .62s cubic-bezier(.22,.61,.36,1), transform .62s cubic-bezier(.22,.61,.36,1)!important;}
.section-focus{transition:background .45s ease, box-shadow .45s ease!important;}
.btn:hover,.feature-tags-inline span:hover,.mini-kpi:hover,.chart-card:hover,.solution-slide:hover,.contact-card:hover,.form:hover{
  transform:translateY(-3px)!important;
}

@media (max-width:1180px){
  #profile .hero-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .hero-stat-badges{display:none!important;}
  .hero-orbit-b{right:140px!important;}
  .dashboard-grid{grid-template-columns:1fr!important;}
  .data-screen,.dashboard-side{min-height:auto!important;}
}

/* --- V29 final unified polish --- */

/* 首屏浮动字：增强玻璃拟态与阴影层次 */
.hero-visual-block{padding-top:8px!important;}
.hero-orbit,
.hero-stat-badge{
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border:1px solid rgba(177,214,248,.82)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(243,249,255,.60) 100%)!important;
  box-shadow:
    0 22px 40px rgba(13,71,161,.10),
    0 8px 18px rgba(69,154,255,.08),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(186,217,248,.20)!important;
}
.hero-orbit{
  min-height:46px!important;
  padding:0 20px!important;
  letter-spacing:.02em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.85)!important;
}
.hero-orbit-a{top:12px!important;right:26px!important;}
.hero-orbit-b{top:66px!important;right:176px!important;}
.hero-stat-badge{min-width:136px!important;padding:12px 16px!important;border-radius:20px!important;}
.hero-stat-badge strong{font-size:1.5rem!important;}
.hero-stat-badge span{font-size:.84rem!important;line-height:1.2!important;}
/* 8大 挪到图片最右上角，位于 医院管理升级 下方 */
.hero-stat-badge.badge-a{
  top:70px!important;
  right:22px!important;
  left:auto!important;
  animation-delay:.18s!important;
}
/* 100+ 再向左一些 */
.hero-stat-badge.badge-b{
  top:172px!important;
  right:146px!important;
  left:auto!important;
  animation-delay:.88s!important;
}
.hero-stat-badge.badge-c{
  top:264px!important;
  right:28px!important;
  left:auto!important;
  animation-delay:1.42s!important;
}

/* 六个描述词：缩小字号，确保单行不换行，并保留轻微 hover */
.feature-tags-inline{
  margin-top:12px!important;
  gap:10px!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.feature-tags-inline span{
  min-height:54px!important;
  padding:0 10px!important;
  font-size:.92rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-radius:17px!important;
}
.feature-tags-inline span:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 24px rgba(13,71,161,.10), inset 0 1px 0 rgba(255,255,255,.96)!important;
}

/* 全站按钮 hover 光泽扫光效果 */
.btn,
.ip-nav-btn{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.btn::before,
.ip-nav-btn::before{
  content:"";
  position:absolute;
  top:-20%;
  left:-130%;
  width:62%;
  height:140%;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.14) 36%, rgba(255,255,255,.54) 52%, rgba(255,255,255,.14) 68%, rgba(255,255,255,0) 100%);
  transform:skewX(-22deg);
  pointer-events:none;
  z-index:1;
  transition:left .62s cubic-bezier(.22,.61,.36,1);
}
.btn:hover::before,
.ip-nav-btn:hover::before{left:145%;}
.btn > *, .ip-nav-btn > *{position:relative;z-index:2;}
.btn.primary{box-shadow:0 12px 26px rgba(55,137,219,.18), inset 0 1px 0 rgba(255,255,255,.28)!important;}
.btn.ghost{box-shadow:0 10px 22px rgba(13,71,161,.07)!important;}

/* IP 区域：恢复更稳的上一版效果，不做 hover 位移动效 */
.ip-slide-card,
.ip-slide-trigger,
.ip-slide-image-wrap{
  transition:transform .65s cubic-bezier(.22,.61,.36,1), opacity .55s ease, filter .55s ease, box-shadow .35s ease!important;
}
.ip-slide-trigger:hover,
.ip-slide-card:hover,
.ip-slide-card.is-active .ip-slide-trigger:hover{
  box-shadow:inherit!important;
}

/* 数据看板：左侧平台图改为单张圆角图，不要双层圆弧框 */
.data-screen,.dashboard-side{
  min-height:548px!important;
  padding:18px!important;
}
.screen-copy,.dashboard-side-head{min-height:76px!important;}
.screen-frame{
  margin-top:10px!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.screen-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:22px!important;
  box-shadow:0 14px 28px rgba(13,71,161,.10)!important;
}

/* 核心指标概览：四张图再统一蓝白企业级风格，并放大前两张 */
.chart-metrics-grid{gap:12px!important;}
.chart-card{
  min-height:214px!important;
  height:214px!important;
  padding:10px!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,251,255,1) 100%)!important;
  border:1px solid rgba(206,223,241,.98)!important;
  box-shadow:
    0 12px 24px rgba(13,71,161,.07),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.chart-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(226,239,255,.16), transparent 44%)!important;
  pointer-events:none!important;
}
.chart-card::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;right:12px!important;top:12px!important;height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(82,149,228,.38), transparent)!important;
}
.chart-card img{filter:saturate(1.04) contrast(1.02)!important;}
.chart-metrics-grid .chart-card:nth-child(1) img,
.chart-metrics-grid .chart-card:nth-child(2) img{transform:scale(1.10)!important;transform-origin:center center!important;}
.chart-card-service-fields img{transform:scale(1.13)!important;transform-origin:center center!important;}
.chart-card-satisfaction img{transform:scaleX(1.34) scaleY(1.18)!important;transform-origin:center center!important;}
.dashboard-extra{margin-top:8px!important;padding-top:6px!important;gap:10px!important;}
.mini-kpi{padding:12px 14px!important;border-radius:16px!important;}

/* 全站 hover / 滚动动效统一节奏 */
.nav-indicator,.btn,.feature-tags-inline span,.solution-slide,.mini-kpi,.chart-card,.contact-card,.form,.hero-stat-badge,.hero-orbit,.nav a,.image-frame,.resource-copy,.resource-map,.banner-stage img,.map-frame img{
  transition-duration:.30s!important;
  transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
}
.reveal{
  transition:opacity .58s cubic-bezier(.22,.61,.36,1), transform .58s cubic-bezier(.22,.61,.36,1)!important;
}

/* Footer 备案号 */
.footer-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.foot-sep{opacity:.42;}


@media (max-width:1280px){
  .feature-tags-inline{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:1024px){
  .feature-tags-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero-stat-badges{display:none!important;}
  .hero-orbit-b{right:120px!important;}
}


/* --- V30 final deploy polish: hero positions, smoother active slider, tighter dashboard, faster sci-fi lightflow --- */

/* 背景动效：更多线条、更快变化、更明显但仍保持轻盈 */
.site-shell{
  background:
    radial-gradient(circle at 10% 12%, rgba(0,191,165,.10) 0%, rgba(0,191,165,.04) 18%, transparent 36%),
    radial-gradient(circle at 88% 10%, rgba(25,118,210,.14) 0%, rgba(25,118,210,.06) 18%, transparent 36%),
    radial-gradient(circle at 84% 76%, rgba(95,194,255,.12) 0%, rgba(95,194,255,.05) 22%, transparent 42%),
    linear-gradient(180deg,#f8fbff 0%, #eef6ff 48%, #f8fbff 100%)!important;
}
.site-shell::before{
  inset:-10% -12%!important;
  opacity:.76!important;
  background:
    repeating-linear-gradient(115deg,
      transparent 0 66px,
      rgba(105,175,255,.10) 66px 68px,
      transparent 68px 132px),
    repeating-linear-gradient(90deg,
      transparent 0 92px,
      rgba(0,191,165,.07) 92px 93px,
      transparent 93px 186px),
    repeating-linear-gradient(18deg,
      transparent 0 140px,
      rgba(140,202,255,.06) 140px 142px,
      transparent 142px 280px)!important;
  animation:dataGridDriftFast 16s linear infinite!important;
}
.site-shell::after{
  opacity:.66!important;
  background-size:64px 64px!important;
}
.site-shell .glow{
  filter:blur(40px)!important;
  opacity:1!important;
}











@keyframes dataGridDriftFast{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-42px,20px,0)}100%{transform:translate3d(0,0,0)}}





/* 顶部导航 active 滑块：更丝滑的玻璃拟态 */
#navLinks{padding:8px!important;column-gap:8px!important;row-gap:6px!important;}
#navLinks a{
  font-size:1.06rem!important;
  letter-spacing:.015em!important;
  transition:color .32s cubic-bezier(.22,.61,.36,1), opacity .32s cubic-bezier(.22,.61,.36,1), transform .32s cubic-bezier(.22,.61,.36,1)!important;
}
#navLinks .nav-indicator{
  border-radius:18px!important;
  background:linear-gradient(135deg, rgba(255,255,255,.68), rgba(243,250,255,.26))!important;
  box-shadow:
    0 14px 30px rgba(13,71,161,.10),
    0 4px 14px rgba(95,194,255,.08),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 0 0 1px rgba(176,210,245,.34)!important;
  transition:transform .54s cubic-bezier(.2,.9,.25,1), width .54s cubic-bezier(.2,.9,.25,1), height .54s cubic-bezier(.2,.9,.25,1), opacity .28s ease!important;
  will-change:transform,width,height;
}
#navLinks .nav-indicator::before{border-radius:17px!important;}
#navLinks .nav-indicator::after{left:14px!important;right:14px!important;bottom:8px!important;box-shadow:0 0 22px rgba(25,118,210,.28)!important;}

/* 首屏：左右像素级对齐、图片更大更完整、纵向留白再收紧 */
#profile.section{padding-top:66px!important;padding-bottom:50px!important;}
#profile .hero-grid{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:26px!important;
  align-items:start!important;
}
#profile .copy{padding-top:6px!important;}
.hero-visual-block{padding-top:0!important;}
.hero-card{
  padding:10px!important;
  border-radius:32px!important;
  max-width:100%!important;
}
.hero-card img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:24px!important;
}
.hero-orbit,
.hero-stat-badge{
  text-shadow:0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(13,71,161,.08)!important;
}
.hero-orbit{
  min-height:48px!important;
  border-radius:18px!important;
}
.hero-orbit-a{top:18px!important;right:28px!important;}
.hero-orbit-b{top:18px!important;right:224px!important;left:auto!important;bottom:auto!important;}
.hero-stat-badge.badge-a{top:84px!important;right:28px!important;left:auto!important;}
.hero-stat-badge.badge-b{top:170px!important;right:174px!important;left:auto!important;}
.hero-stat-badge.badge-c{top:262px!important;right:30px!important;left:auto!important;}
.feature-tags-inline{margin-top:10px!important;gap:10px!important;}
.feature-tags-inline span{
  min-height:52px!important;
  padding:0 8px!important;
  font-size:.90rem!important;
  border-radius:16px!important;
}



/* 数据看板：再压缩垂直留白与盒子高度 */
#dashboard.section{padding-top:66px!important;padding-bottom:58px!important;}
#dashboard .section-title{margin-bottom:22px!important;}
#dashboard .section-title.center{margin-bottom:24px!important;}
.dashboard-grid{gap:18px!important;}
.data-screen,.dashboard-side{
  min-height:510px!important;
  padding:16px!important;
  border-radius:24px!important;
}
.screen-copy,.dashboard-side-head{min-height:70px!important;}
.screen-copy p,.dashboard-side-head p{margin-top:4px!important;line-height:1.62!important;}
.screen-frame{margin-top:8px!important;}

/* 四张图表：边距、边线、字号观感统一；前两张稍大，满意度明显拉宽 */
.chart-metrics-grid{gap:12px!important;}
.chart-card{
  min-height:198px!important;
  height:198px!important;
  padding:12px!important;
  border-radius:18px!important;
  border:1px solid rgba(206,223,241,.98)!important;
  box-shadow:0 10px 22px rgba(13,71,161,.07), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.chart-card::after{left:14px!important;right:14px!important;top:14px!important;opacity:.95!important;}
.chart-card img{filter:saturate(1.03) contrast(1.02)!important;}
.chart-metrics-grid .chart-card:nth-child(1) img,
.chart-metrics-grid .chart-card:nth-child(2) img{transform:scale(1.16)!important;}
.chart-card-service-fields img{transform:scale(1.18)!important;}
.chart-card-satisfaction img{transform:scaleX(1.72) scaleY(1.28)!important;}
.dashboard-extra{margin-top:6px!important;padding-top:4px!important;}
.dashboard-extra .mini-kpi strong{font-size:.98rem!important;}
.dashboard-extra .mini-kpi small{font-size:.82rem!important;line-height:1.45!important;}

/* 按钮与 hover / 滚动动效统一优化 */
.btn,.ip-nav-btn,.feature-tags-inline span,.chart-card,.solution-slide,.mini-kpi,.contact-card,.form,.hero-orbit,.hero-stat-badge,.image-frame,.resource-copy,.resource-map{
  transition-duration:.34s!important;
  transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
}
.btn:hover,.ip-nav-btn:hover,.feature-tags-inline span:hover,.chart-card:hover,.solution-slide:hover,.mini-kpi:hover,.contact-card:hover,.form:hover{
  transform:translateY(-3px)!important;
}
.reveal{transition:opacity .56s cubic-bezier(.22,.61,.36,1), transform .56s cubic-bezier(.22,.61,.36,1)!important;}

@media (max-width:1280px){
  #profile .hero-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .hero-stat-badges{display:none!important;}
  .feature-tags-inline{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:1024px){
  .dashboard-grid{grid-template-columns:1fr!important;}
  .data-screen,.dashboard-side{min-height:auto!important;}
  .feature-tags-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* --- V31 final refinement: stronger fixed glow background + dashboard chart consistency --- */
:root{
  --bg-line-a: rgba(104, 190, 255, .26);
  --bg-line-b: rgba(25, 118, 210, .18);
  --bg-line-c: rgba(0, 191, 165, .14);
}
.site-shell{
  z-index:0!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 9% 10%, rgba(71, 235, 213, .16) 0%, rgba(71, 235, 213, .08) 16%, transparent 38%),
    radial-gradient(circle at 94% 10%, rgba(71, 150, 255, .18) 0%, rgba(71, 150, 255, .08) 20%, transparent 42%),
    radial-gradient(circle at 80% 72%, rgba(13, 71, 161, .12) 0%, rgba(13, 71, 161, .05) 18%, transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
}
.site-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(112deg, transparent 0 18%, rgba(95,194,255,.12) 19%, transparent 20%, transparent 35%, rgba(0,191,165,.10) 36%, transparent 37%, transparent 61%, rgba(25,118,210,.10) 62%, transparent 63%, transparent 100%),
    linear-gradient(90deg, transparent 0 7%, rgba(95,194,255,.09) 7.2%, transparent 7.5%, transparent 19%, rgba(0,191,165,.07) 19.2%, transparent 19.5%, transparent 33%, rgba(25,118,210,.07) 33.2%, transparent 33.5%, transparent 48%, rgba(95,194,255,.07) 48.2%, transparent 48.5%, transparent 62%, rgba(0,191,165,.06) 62.2%, transparent 62.5%, transparent 78%, rgba(25,118,210,.06) 78.2%, transparent 78.5%, transparent 100%);
  opacity:.78;
  mix-blend-mode:screen;
  animation:bgGridShift 10s linear infinite;
}
.site-shell::after{
  background-image:
    linear-gradient(rgba(95,194,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95,194,255,.06) 1px, transparent 1px),
    linear-gradient(120deg, transparent 0 40%, rgba(0,191,165,.10) 50%, transparent 60%),
    linear-gradient(120deg, transparent 0 44%, rgba(25,118,210,.08) 50%, transparent 56%);
  background-size:72px 72px, 72px 72px, 100% 100%, 100% 100%!important;
  background-position:0 0, 0 0, 0 0, 100% 100%!important;
  opacity:.58!important;
  mask-image:none!important;
  animation:bgAfterShift 12s ease-in-out infinite alternate;
}
.site-shell .glow{
  opacity:.98!important;
  filter:blur(42px)!important;
}

















#particleCanvas{z-index:1!important;opacity:.72!important;mix-blend-mode:screen!important;}

@keyframes bgGridShift{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(12px,-8px,0)}
  100%{transform:translate3d(-10px,10px,0)}
}
@keyframes bgAfterShift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-10px,12px,0) scale(1.02)}
  100%{transform:translate3d(10px,-8px,0) scale(1)}
}

.chart-metrics-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.chart-card{
  min-height:256px!important;
  padding:18px!important;
  border-radius:28px!important;
  border:1px solid rgba(176,206,240,.92)!important;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%)!important;
  box-shadow:0 16px 36px rgba(13,71,161,.06), inset 0 0 0 1px rgba(255,255,255,.65)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.chart-card::before,
.chart-card::after{display:none!important;}
.chart-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:saturate(1.02) contrast(1.01)!important;
  transform:none!important;
}
.chart-card:nth-child(1) img,
.chart-card:nth-child(2) img,
.chart-card:nth-child(3) img{
  transform:scale(1.08)!important;
  transform-origin:center center!important;
}
.chart-card-service-fields img{
  transform:scale(1.14)!important;
}
.chart-card-satisfaction{
  padding:10px 12px!important;
}
.chart-card-satisfaction img{
  transform:scaleX(1.28) scaleY(1.14)!important;
  transform-origin:center center!important;
}
@media (max-width: 980px){
  .chart-card,
  .chart-card-satisfaction{min-height:220px!important;}
  
}

/* --- V32 logo / rounded image / footer center final tweaks --- */
.brand{
  align-items:flex-end!important;
}
.brand img{
  height:44px!important;
  position:relative!important;
  top:-5px!important;
  transform:none!important;
}
.brand span{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}

/* 解决方案区卡片图片：四角圆弧，更干净统一 */
.solution-slide img{
  display:block!important;
  width:calc(100% - 24px)!important;
  margin:12px 12px 0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.solution-slide .solution-body{
  padding-top:16px!important;
}

/* 客户满意度图表：左右再收一点，与其他图表更协调 */
.chart-card-satisfaction{
  padding:14px 24px!important;
}
.chart-card-satisfaction img{
  transform:scaleX(1.12) scaleY(1.10)!important;
  transform-origin:center center!important;
}

/* 页脚版权与备案号居中 */
.foot{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
}
.footer-copy{
  justify-content:center!important;
  text-align:center!important;
  width:100%!important;
}
.foot > a{
  align-self:center!important;
}

@media (max-width:820px){
  .brand img{top:-2px!important;}
  .solution-slide img{
    width:calc(100% - 16px)!important;
    margin:8px 8px 0!important;
    border-radius:18px!important;
  }
}

/* --- V33 final alignment / rounded resource / larger dashboard charts --- */
.brand{
  align-items:center!important;
}
.brand img{
  top:-8px!important;
  height:42px!important;
}
.brand span{
  justify-content:center!important;
}

/* 资源整合与合作赋能图片四角圆弧更明显 */
.map-frame{
  border-radius:34px!important;
  overflow:hidden!important;
  padding:12px!important;
}
.map-frame img{
  border-radius:28px!important;
  overflow:hidden!important;
}

/* 核心指标概览四图整体放大，减少空白留白 */
.chart-metrics-grid{
  gap:16px!important;
}
.chart-card{
  min-height:236px!important;
  padding:12px!important;
}
.chart-card img{
  width:100%!important;
  height:100%!important;
}
.chart-card:nth-child(1) img,
.chart-card:nth-child(2) img{
  transform:scale(1.18)!important;
  transform-origin:center center!important;
}
.chart-card:nth-child(3) img,
.chart-card-service-fields img{
  transform:scale(1.22)!important;
  transform-origin:center center!important;
}
.chart-card-satisfaction{
  min-height:236px!important;
  padding:10px 14px!important;
}
.chart-card-satisfaction img{
  transform:scaleX(1.24) scaleY(1.18)!important;
  transform-origin:center center!important;
}

@media (max-width:820px){
  .brand img{top:-4px!important;height:38px!important;}
  .map-frame{padding:8px!important;border-radius:24px!important;}
  .map-frame img{border-radius:18px!important;}
  .chart-card,.chart-card-satisfaction{min-height:210px!important;padding:10px!important;}
}

/* --- V34: restore V27 sci-fi lightflow + obvious rounded resource image --- */
.site-shell{
  z-index:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 14%, rgba(0,191,165,.08) 0%, rgba(0,191,165,.03) 16%, transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(25,118,210,.11) 0%, rgba(25,118,210,.05) 18%, transparent 36%),
    radial-gradient(circle at 84% 76%, rgba(95,194,255,.10) 0%, rgba(95,194,255,.04) 22%, transparent 40%),
    linear-gradient(180deg,#f7fbff 0%, #eef6ff 52%, #f8fbff 100%)!important;
}
.site-shell::before{
  content:""!important;
  position:absolute!important;
  inset:-8% -10%!important;
  background:
    repeating-linear-gradient(115deg,
      transparent 0 86px,
      rgba(105,175,255,.09) 86px 88px,
      transparent 88px 176px),
    repeating-linear-gradient(90deg,
      transparent 0 120px,
      rgba(0,191,165,.06) 120px 121px,
      transparent 121px 240px)!important;
  opacity:.60!important;
  transform:translateZ(0)!important;
  animation:dataGridDrift 28s linear infinite!important;
}
.site-shell::after{
  opacity:.58!important;
  background-image:
    linear-gradient(rgba(25,118,210,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,118,210,.05) 1px, transparent 1px)!important;
  background-size:72px 72px!important;
}
.site-shell .glow{opacity:1!important;filter:blur(38px)!important;}










@keyframes dataGridDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-32px,18px,0)}100%{transform:translate3d(0,0,0)}}





/* 资源整合与合作赋能右侧图片做成明显的四角圆弧 */
.map-frame{
  border-radius:36px!important;
  overflow:hidden!important;
  padding:14px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,248,255,.95))!important;
}
.map-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(196,220,246,.65)!important;
  box-shadow:0 16px 36px rgba(13,71,161,.10)!important;
  background:#fff!important;
}

/* --- V35 final: stronger dataflow bg + plain rounded resource image + logo drop --- */
.brand{
  align-items:center!important;
}
.brand img{
  position:relative!important;
  top:-3px!important; /* 往下移动约 5px，相对上一版 */
  height:42px!important;
}
.brand span{
  justify-content:center!important;
}

/* 固定置底科技数据流背景：更明显的流光、线条与动态光效 */
.site-shell{
  z-index:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 14%, rgba(0,191,165,.16) 0%, rgba(0,191,165,.06) 18%, transparent 40%),
    radial-gradient(circle at 92% 12%, rgba(25,118,210,.18) 0%, rgba(25,118,210,.08) 20%, transparent 42%),
    radial-gradient(circle at 78% 82%, rgba(95,194,255,.18) 0%, rgba(95,194,255,.06) 22%, transparent 44%),
    linear-gradient(180deg,#f6fbff 0%, #eef6ff 52%, #f7fbff 100%)!important;
}
.site-shell::before{
  content:""!important;
  position:absolute!important;
  inset:-10% -10%!important;
  background:
    repeating-linear-gradient(115deg,
      transparent 0 78px,
      rgba(125,190,255,.14) 78px 80px,
      transparent 80px 158px),
    repeating-linear-gradient(90deg,
      transparent 0 110px,
      rgba(0,191,165,.10) 110px 111px,
      transparent 111px 222px),
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.22) 45%, transparent 100%)!important;
  opacity:.88!important;
  animation:dataGridDriftV35 14s linear infinite!important;
}
.site-shell::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    linear-gradient(rgba(25,118,210,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,118,210,.06) 1px, transparent 1px),
    radial-gradient(circle at 22% 30%, rgba(255,255,255,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 56%, rgba(95,194,255,.20) 0 2px, transparent 3px),
    radial-gradient(circle at 40% 74%, rgba(0,191,165,.16) 0 2px, transparent 3px)!important;
  background-size:72px 72px,72px 72px,220px 220px,280px 280px,240px 240px!important;
  opacity:.74!important;
  animation:dataNodesPulse 7.5s ease-in-out infinite!important;
}
.site-shell .glow{display:block!important;opacity:1!important;filter:blur(42px)!important;animation:glowFloatV35 8s ease-in-out infinite!important;}
.site-shell .glow-a{background:radial-gradient(circle, rgba(0,191,165,.34) 0%, rgba(0,191,165,.16) 36%, transparent 74%)!important;}
.site-shell .glow-b{background:radial-gradient(circle, rgba(25,118,210,.30) 0%, rgba(25,118,210,.14) 38%, transparent 74%)!important;}
.site-shell .glow-c{background:radial-gradient(circle, rgba(95,194,255,.22) 0%, rgba(95,194,255,.10) 40%, transparent 76%)!important;}


















/* 资源整合与合作赋能：直接单图展示，仅保留四角圆弧图片效果 */
.resource-map{align-self:center!important;}
.map-frame{
  position:relative!important;
  display:block!important;
  height:auto!important;
  padding:0!important;
  border:none!important;
  border-radius:32px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
.map-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:32px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:0 16px 34px rgba(13,71,161,.12)!important;
}

@keyframes dataGridDriftV35{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-44px,26px,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes dataNodesPulse{
  0%,100%{opacity:.64;transform:scale(1)}
  50%{opacity:.92;transform:scale(1.02)}
}
@keyframes glowFloatV35{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(10px,-8px,0) scale(1.05)}
}





@media (max-width:820px){
  .brand img{top:1px!important;height:38px!important;}
  .map-frame{border-radius:22px!important;}
  .map-frame img{border-radius:22px!important;}
  
}


/* --- V36 final polish: richer irregular dataflow bg + fixed back-to-top + resource single rounded image --- */
.brand img{top:2px!important;height:42px!important;}

/* 页脚保持居中 */
.foot{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;}
.footer-copy{justify-content:center!important;text-align:center!important;width:100%!important;}

/* 右侧大号返回顶部按钮：仅在滑到页面最底部时显示 */
.back-to-top-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:95;
  min-width:156px;
  height:62px;
  padding:0 22px;
  border:none;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  font-weight:800;
  letter-spacing:.02em;
  background:linear-gradient(135deg, rgba(25,118,210,.92) 0%, rgba(42,144,244,.92) 38%, rgba(0,191,165,.88) 100%);
  box-shadow:0 18px 36px rgba(25,118,210,.26), inset 0 1px 0 rgba(255,255,255,.24);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  opacity:0;
  visibility:hidden;
  transform:translateY(18px) scale(.96);
  transition:opacity .32s ease, transform .32s cubic-bezier(.22,.61,.36,1), visibility .32s ease, box-shadow .28s ease;
}
.back-to-top-float::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:19px;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08));
  pointer-events:none;
}
.back-to-top-float::after{
  content:"";
  position:absolute;
  left:-32%;
  top:0;
  width:36%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transform:skewX(-22deg);
  animation:backTopSheen 3.8s ease-in-out infinite;
  pointer-events:none;
}
.back-to-top-float .back-to-top-text,.back-to-top-float .back-to-top-icon{position:relative;z-index:1;}
.back-to-top-float .back-to-top-text{font-size:1rem;}
.back-to-top-float .back-to-top-icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);font-size:1.05rem;}
.back-to-top-float.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.back-to-top-float:hover{box-shadow:0 24px 44px rgba(25,118,210,.32), inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(-2px) scale(1.01);}
.back-to-top-float.show:hover{transform:translateY(-2px) scale(1.01);}

/* 更丰富的不规律动态流光 / 数据流 / 变色线条背景 */
.site-shell{
  z-index:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 14%, rgba(0,191,165,.18) 0%, rgba(0,191,165,.08) 16%, transparent 38%),
    radial-gradient(circle at 92% 12%, rgba(25,118,210,.20) 0%, rgba(25,118,210,.08) 18%, transparent 40%),
    radial-gradient(circle at 78% 82%, rgba(95,194,255,.18) 0%, rgba(95,194,255,.08) 22%, transparent 46%),
    radial-gradient(circle at 28% 76%, rgba(125,220,255,.12) 0%, rgba(125,220,255,.04) 18%, transparent 42%),
    linear-gradient(180deg,#f6fbff 0%, #eef6ff 52%, #f7fbff 100%)!important;
}
.site-shell::before{
  content:""!important;
  position:absolute!important;
  inset:-10% -12%!important;
  background:
    repeating-linear-gradient(116deg, transparent 0 74px, rgba(125,190,255,.14) 74px 76px, transparent 76px 152px),
    repeating-linear-gradient(92deg, transparent 0 104px, rgba(0,191,165,.11) 104px 105px, transparent 105px 210px),
    repeating-linear-gradient(24deg, transparent 0 168px, rgba(255,255,255,.20) 168px 170px, transparent 170px 336px),
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.20) 42%, transparent 100%)!important;
  opacity:.96!important;
  animation:dataGridDriftV36 10s linear infinite, bgTintShiftV36 12s ease-in-out infinite!important;
}
.site-shell::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    linear-gradient(rgba(25,118,210,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,118,210,.055) 1px, transparent 1px),
    radial-gradient(circle at 18% 28%, rgba(255,255,255,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 68% 56%, rgba(95,194,255,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 42% 74%, rgba(0,191,165,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 88% 38%, rgba(25,118,210,.18) 0 2px, transparent 3px)!important;
  background-size:72px 72px,72px 72px,220px 220px,280px 280px,240px 240px,300px 300px!important;
  opacity:.78!important;
  animation:dataNodesPulseV36 6.4s ease-in-out infinite!important;
}
.site-shell .glow{display:block!important;opacity:1!important;filter:blur(44px)!important;animation:glowFloatV36 7.2s ease-in-out infinite!important;}
.site-shell .glow-a{background:radial-gradient(circle, rgba(0,191,165,.34) 0%, rgba(0,191,165,.16) 36%, transparent 74%)!important;}
.site-shell .glow-b{background:radial-gradient(circle, rgba(25,118,210,.30) 0%, rgba(25,118,210,.14) 38%, transparent 74%)!important;}
.site-shell .glow-c{background:radial-gradient(circle, rgba(95,194,255,.24) 0%, rgba(95,194,255,.10) 40%, transparent 76%)!important;}


























/* 资源整合图片仅保留单图圆角，不要外层框柱效果 */
.resource-map{align-self:center!important;}
.resource-map .map-frame{
  position:relative!important;
  display:block!important;
  height:auto!important;
  padding:0!important;
  border:none!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
}
.resource-map .map-frame::before,
.resource-map .map-frame::after{display:none!important;content:none!important;}
.resource-map .map-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:34px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:0 18px 36px rgba(13,71,161,.12)!important;
}
.resource-map .floating{animation:none!important;}

@keyframes backTopSheen{0%,100%{transform:translateX(-220%) skewX(-22deg);opacity:.2}50%{transform:translateX(430%) skewX(-22deg);opacity:.72}}
@keyframes dataGridDriftV36{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(-28px,16px,0)}50%{transform:translate3d(-46px,28px,0)}75%{transform:translate3d(-12px,10px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes bgTintShiftV36{0%,100%{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(18deg) saturate(1.06)}}
@keyframes dataNodesPulseV36{0%,100%{opacity:.66;transform:scale(1)}50%{opacity:.94;transform:scale(1.018)}}
@keyframes glowFloatV36{0%,100%{transform:translate3d(0,0,0) scale(1)}25%{transform:translate3d(8px,-6px,0) scale(1.03)}50%{transform:translate3d(14px,-10px,0) scale(1.06)}75%{transform:translate3d(6px,-4px,0) scale(1.03)}}








@media (max-width:820px){
  .brand img{top:4px!important;height:38px!important;}
  .back-to-top-float{right:14px;bottom:14px;min-width:132px;height:56px;padding:0 18px;border-radius:18px;}
  .back-to-top-float .back-to-top-text{font-size:.92rem;}
  .resource-map .map-frame,.resource-map .map-frame img{border-radius:24px!important;}
}


/* --- V37 mobile performance + responsive typography fix --- */
@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  html, body {
    -webkit-tap-highlight-color: transparent;
  }

  /* 移动端减少闪动与卡顿 */
  .site-shell::before,.site-shell::after,.site-shell .glow,.image-frame::before,.section-title h2::after,.floating,.hero-orbit,.hero-stat-badge,.ip-slide-card.is-active .ip-slide-trigger,.ip-current-panel::before,.ip-current-panel::after{
    animation: none !important;
  }

  .site-shell .glow{
    opacity: .45 !important;
  }

  .reveal,.nav-indicator,.btn,.feature-tags-inline span,.solution-slide,.mini-kpi,.chart-card,.contact-card,.form,.hero-orbit,.hero-stat-badge,.image-frame,.resource-copy,.resource-map,.ip-slide-card,.ip-slide-trigger{
    transition-duration: .22s !important;
  }

  /* 顶部与首屏适配 */
  .header {
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }

  .nav {
    min-height: 72px !important;
    padding: 8px 0 !important;
  }

  .brand {
    align-items: center !important;
  }

  .brand img {
    height: 38px !important;
    top: 0 !important;
  }

  .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .hero .copy,
  .hero .visual {
    max-width: 100% !important;
  }

  .hero h1,
  .copy h1 {
    font-size: clamp(2.25rem, 10.8vw, 3.05rem) !important;
    line-height: 1.04 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  .eyebrow {
    font-size: .78rem !important;
    letter-spacing: .18em !important;
  }

  .hero .lead,
  .hero .lead.strong {
    font-size: 1rem !important;
    line-height: 1.82 !important;
  }

  .bullet-list {
    margin-top: 14px !important;
    font-size: .98rem !important;
    line-height: 1.82 !important;
  }

  .actions {
    gap: 12px !important;
    margin-top: 18px !important;
  }

  .btn {
    min-height: 50px !important;
    border-radius: 16px !important;
    font-size: 1rem !important;
  }

  .image-frame.hero-card,
  .hero-card {
    padding: 8px !important;
    border-radius: 24px !important;
  }

  .hero-card img {
    border-radius: 18px !important;
  }

  .hero-orbit {
    display: inline-flex !important;
    font-size: .82rem !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 22px rgba(13,71,161,.10) !important;
  }

  .hero-orbit-a {
    top: 10px !important;
    right: 14px !important;
  }

  .hero-orbit-b {
    top: 52px !important;
    right: 108px !important;
    left: auto !important;
    bottom: auto !important;
  }

  .feature-tags.feature-tags-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 14px !important;
    max-width: 100% !important;
  }

  .feature-tags.feature-tags-inline span {
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: .92rem !important;
    white-space: nowrap !important;
  }

  .hero-stat-badges {
    display: none !important;
  }

  /* 版块标题与整体留白 */
  .section {
    padding: 52px 0 !important;
  }

  .section-title,
  .section-title.center,
  #dashboard .section-title,
  #dashboard .section-title.center {
    margin-bottom: 20px !important;
  }

  h2,
  .section-title h2 {
    font-size: clamp(1.75rem, 6.4vw, 2.2rem) !important;
    line-height: 1.22 !important;
  }

  .section-title p:not(.eyebrow) {
    margin-top: 10px !important;
    font-size: .98rem !important;
    line-height: 1.74 !important;
  }

  /* 解决方案：改为移动端横向滑动，避免自动跑马灯闪烁 */
  .solutions-section {
    overflow: hidden !important;
  }

  .solutions-marquee {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity;
    padding: 2px 0 8px !important;
  }

  .solutions-marquee::-webkit-scrollbar {
    display: none;
  }

  .solutions-track {
    width: auto !important;
    gap: 14px !important;
    animation: none !important;
    padding-right: 14px !important;
  }

  .solution-slide,
  .solution-slide:hover {
    width: min(84vw, 340px) !important;
    transform: none !important;
    box-shadow: var(--shadow) !important;
    scroll-snap-align: start;
  }

  .solution-slide img {
    height: 220px !important;
    object-fit: cover !important;
  }

  .solution-body {
    padding: 16px 16px 18px !important;
  }

  .solution-body h3 {
    font-size: 1.05rem !important;
  }

  .solution-body p {
    margin-top: 10px !important;
    font-size: .94rem !important;
    line-height: 1.72 !important;
  }

  /* 知识产权：减轻动画与闪动 */
  .ip-arc-stage {
    min-height: 420px !important;
    padding: 0 34px !important;
  }

  .ip-arc-stage::before,
  .ip-arc-stage::after {
    opacity: .55 !important;
    filter: blur(4px) !important;
  }

  .ip-slide-card {
    transition: transform .36s ease, opacity .28s ease, filter .28s ease !important;
  }

  .ip-slide-card .ip-slide-trigger,
  .ip-slide-card.is-active .ip-slide-trigger {
    animation: none !important;
    box-shadow: 0 16px 28px rgba(13,71,161,.12) !important;
  }

  .ip-current-panel {
    padding: 16px 18px !important;
    border-radius: 22px !important;
  }

  .ip-current-panel h3 {
    font-size: 1.16rem !important;
  }

  .ip-current-panel p {
    font-size: .92rem !important;
    line-height: 1.7 !important;
  }

  /* 数据看板、卡片与图表 */
  .dashboard-grid,.dashboard-extra,.chart-metrics-grid{
    grid-template-columns: 1fr !important;
  }

  .data-screen,
  .dashboard-side,
  .chart-card {
    min-height: auto !important;
  }

  .data-screen,
  .dashboard-side {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .dashboard-side-head p {
    max-width: none !important;
  }

  .chart-card {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .chart-card img,
  .chart-card picture,
  .chart-card canvas {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mini-kpi{
    padding: 14px !important;
  }

  /* 资源、核心业务等大图压缩留白 */
  .resource-top,.value-cards,.process-line,.contact-grid,.row{
    grid-template-columns: 1fr !important;
  }

  .resource-map,
  .resource-copy,
  .contact-card,
  .form {
    border-radius: 22px !important;
  }

  .contact-card,
  .form {
    padding: 18px !important;
  }

  .contact-info-block p,
  .contact-qr-block span,
  .contact-qr-block small {
    font-size: .95rem !important;
  }

  .footer {
    padding-bottom: 88px !important;
  }

  .foot,
  .footer-copy {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* 触屏设备统一关闭 hover 触发的夸张动效，避免“闪动” */
@media (hover: none), (pointer: coarse) {
  .btn:hover,
  .feature-tags-inline span:hover,
  .mini-kpi:hover,
  .chart-card:hover,
  .solution-slide:hover,
  .contact-card:hover,
  .form:hover,
  .resource-map:hover,
  .resource-copy:hover,
  .ip-nav-btn:hover,
  #navLinks a:hover {
    transform: none !important;
    box-shadow: inherit !important;
  }

  #navLinks a:hover::after,
  .solution-slide:hover::before {
    box-shadow: none !important;
  }
}


/* --- V38 mobile-nav beautify + PC/mobile split optimize + webp asset optimization --- */
body.menu-open{overflow:hidden;}
#menuBtn{position:relative;overflow:hidden;}
#menuBtn .menu-ico{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;}
#menuBtn .menu-line{display:block;width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 10px rgba(38,198,218,.14);transition:transform .32s ease,opacity .22s ease,width .32s ease;}
#menuBtn.is-open .menu-line:nth-child(1){transform:translateY(6px) rotate(45deg);}
#menuBtn.is-open .menu-line:nth-child(2){opacity:0;transform:translateX(-6px);}
#menuBtn.is-open .menu-line:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.menu-backdrop{position:fixed;inset:0;z-index:58;background:radial-gradient(circle at 18% 12%, rgba(38,198,218,.18), transparent 34%),linear-gradient(180deg, rgba(7,27,58,.06), rgba(7,27,58,.18));opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.menu-backdrop.open{opacity:1;visibility:visible;}

/* desktop stays as rich top nav */
@media (min-width:821px){
  #menuBackdrop{display:none!important;}
}

/* mobile dedicated navigation */
@media (max-width:820px){
  :root{--header-h:80px!important;}
  .container.nav{position:relative;}
  .header{position:sticky;top:0;z-index:60;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,251,255,.80))!important;backdrop-filter:blur(16px) saturate(160%)!important;-webkit-backdrop-filter:blur(16px) saturate(160%)!important;}
  .nav{min-height:80px!important;padding:10px 0!important;gap:12px!important;}
  .brand{gap:10px!important;min-width:0!important;flex:1 1 auto!important;max-width:calc(100% - 68px)!important;}
  .brand img{height:40px!important;width:auto!important;top:0!important;}
  .brand span{display:block!important;min-width:0!important;}
  .brand b{font-size:.88rem!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .brand em{font-size:.60rem!important;letter-spacing:.12em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  #menuBtn{display:flex!important;align-items:center;justify-content:center;width:46px!important;height:46px!important;border-radius:15px!important;border:1px solid rgba(159,200,255,.45)!important;background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(236,245,255,.88))!important;box-shadow:0 10px 24px rgba(13,71,161,.10), inset 0 1px 0 rgba(255,255,255,.84)!important;}
  #menuBtn:active{transform:scale(.98);}

  #navLinks{display:flex!important;flex-direction:column;position:fixed!important;top:92px!important;right:12px!important;left:auto!important;bottom:14px!important;width:min(86vw, 360px)!important;max-width:360px!important;height:auto!important;min-height:auto!important;grid-template-columns:1fr!important;grid-template-rows:none!important;justify-content:flex-start!important;align-items:stretch!important;padding:14px!important;border-radius:24px!important;background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,250,255,.94))!important;border:1px solid rgba(159,200,255,.42)!important;box-shadow:0 22px 56px rgba(13,71,161,.18), inset 0 1px 0 rgba(255,255,255,.85)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(22px,0,0) scale(.98)!important;transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .24s ease,visibility .24s ease!important;overflow:auto!important;z-index:59!important;}
  #navLinks::before{content:"网站导航";display:block;font-size:.76rem;font-weight:800;letter-spacing:.18em;color:rgba(23,54,95,.52);padding:2px 8px 12px;}
  #navLinks.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0) scale(1)!important;}
  #navLinks a{min-width:0!important;width:100%!important;justify-content:flex-start!important;padding:14px 16px!important;margin:0!important;border-radius:16px!important;border-bottom:none!important;font-size:1rem!important;font-weight:800!important;letter-spacing:.01em!important;color:rgba(23,54,95,.72)!important;background:transparent!important;box-shadow:none!important;}
  #navLinks a + a{margin-top:6px!important;}
  #navLinks a::after{display:none!important;}
  #navLinks a:hover,#navLinks a:active{transform:none!important;color:var(--blue)!important;background:rgba(237,245,255,.92)!important;}
  #navLinks a.active{color:var(--blue)!important;background:linear-gradient(90deg, rgba(227,243,255,.96), rgba(236,251,250,.96))!important;box-shadow:inset 0 0 0 1px rgba(159,200,255,.30), 0 10px 22px rgba(13,71,161,.08)!important;}
  #navLinks a.active::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue2));box-shadow:0 0 0 5px rgba(38,198,218,.10);margin-right:10px;flex:0 0 auto;}

  /* stronger mobile-first section/layout split */
  .section{padding:48px 0!important;}
  .hero.section{padding-top:36px!important;}
  .hero-grid{gap:16px!important;}
  .copy h1,.hero h1,h1{font-size:clamp(2.15rem, 10vw, 2.85rem)!important;white-space:nowrap!important;}
  .actions{grid-template-columns:1fr!important;}
  .actions .btn{width:100%!important;}
  .feature-tags.feature-tags-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .feature-tags.feature-tags-inline span{font-size:.88rem!important;padding:0 8px!important;}
  .hero-card{margin:0 auto!important;max-width:100%!important;}
  .hero-card img{display:block;width:100%!important;height:auto!important;}
  .solutions-track{gap:12px!important;}
  .solution-slide{width:min(84vw,330px)!important;}
  .solution-slide img{border-radius:18px!important;}
  .chart-card,.contact-card,.form,.resource-copy,.resource-map,.data-screen,.dashboard-side,.ip-current-panel{border-radius:20px!important;}
}

/* small mobile fine-tune */
@media (max-width:560px){
  .brand b{font-size:.80rem!important;}
  .brand em{font-size:.55rem!important;}
  .copy h1,.hero h1,h1{font-size:clamp(1.95rem, 10vw, 2.45rem)!important;}
  #navLinks{top:86px!important;right:10px!important;left:10px!important;width:auto!important;max-width:none!important;bottom:10px!important;}
  #navLinks a{font-size:.98rem!important;padding:13px 14px!important;}
}


/* --- V39 final mobile/ip/image/bg fixes --- */
.site-shell::after{content:"";position:absolute;inset:-8% -10%;pointer-events:none;mix-blend-mode:screen;opacity:.82;background:
  linear-gradient(118deg, transparent 0%, transparent 37%, rgba(95,194,255,.08) 41%, rgba(255,255,255,.22) 43%, rgba(0,191,165,.10) 45%, transparent 49%, transparent 100%),
  linear-gradient(64deg, transparent 0%, transparent 28%, rgba(95,194,255,.07) 32%, rgba(255,255,255,.18) 34%, transparent 38%, transparent 100%),
  repeating-linear-gradient(114deg, rgba(95,194,255,.05) 0 2px, transparent 2px 120px),
  repeating-linear-gradient(72deg, rgba(0,191,165,.04) 0 1px, transparent 1px 96px);background-size:160% 160%, 190% 190%, 100% 100%, 100% 100%;animation:siteLineSweepV39 10.5s linear infinite, siteLineDriftV39 18s linear infinite;}
@keyframes siteLineSweepV39{0%{background-position:-12% 0,120% 0,0 0,0 0}100%{background-position:120% 0,-18% 0,0 0,0 0}}
@keyframes siteLineDriftV39{0%,100%{transform:translate3d(0,0,0);opacity:.76}50%{transform:translate3d(-8px,6px,0);opacity:.94}}

.banner-stage img{display:block!important;}
.hero h1{letter-spacing:.01em;}

@media (max-width:820px){
  .copy h1,.hero h1,h1{font-size:clamp(1.72rem,8.3vw,2.12rem)!important;line-height:1.06!important;white-space:nowrap!important;word-break:keep-all!important;}
  .hero .copy{max-width:100%!important;}
  .hero .lead.strong{font-size:1rem!important;line-height:1.76!important;}
  .hero ul{font-size:.96rem!important;line-height:1.8!important;}

  /* mobile separate optimization: smoother solution cards */
  .solutions-marquee{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;padding-bottom:6px!important;}
  .solutions-marquee::-webkit-scrollbar,.ip-arc-stage::-webkit-scrollbar{display:none!important;}
  .solutions-track{animation:none!important;width:auto!important;gap:14px!important;padding-right:12px!important;}
  .solution-slide,.solution-slide:hover{width:84vw!important;min-width:84vw!important;scroll-snap-align:start!important;transform:none!important;transition:none!important;box-shadow:0 10px 26px rgba(13,71,161,.10)!important;}
  .solution-slide img{height:auto!important;aspect-ratio:4 / 3;border-radius:18px 18px 0 0!important;object-fit:cover!important;background:#fff!important;}
  .solutions-section .section-title,.ip-section .section-title{transform:none!important;opacity:1!important;}

  /* mobile IP: static scroll cards to remove flashing */
  .ip-nav-btn{display:none!important;}
  .ip-carousel-shell{display:block!important;}
  .ip-arc-stage{display:flex!important;overflow-x:auto!important;gap:14px!important;min-height:auto!important;padding:6px 2px 10px!important;scroll-snap-type:x mandatory!important;}
  .ip-arc-stage::before,.ip-arc-stage::after{display:none!important;}
  .ip-slide-card{position:relative!important;top:auto!important;left:auto!important;width:78vw!important;min-width:78vw!important;flex:0 0 78vw!important;transform:none!important;opacity:1!important;filter:none!important;z-index:1!important;pointer-events:auto!important;transition:none!important;scroll-snap-align:center!important;}
  .ip-slide-card.is-active .ip-slide-trigger,.ip-slide-card .ip-slide-trigger{animation:none!important;box-shadow:0 12px 28px rgba(13,71,161,.12)!important;}
  .ip-slide-image-wrap{height:300px!important;}
  .ip-current-panel{margin-top:12px!important;}

  /* reduce heavy background motion on mobile but keep glowing lines */
  .site-shell::after{opacity:.58!important;animation:siteLineSweepV39 14s linear infinite, siteLineDriftV39 22s linear infinite!important;}
  
}

@media (max-width:560px){
  .copy h1,.hero h1,h1{font-size:clamp(1.58rem,8.2vw,1.92rem)!important;}
  .hero-card{padding:8px!important;border-radius:24px!important;}
  .hero-card img{border-radius:18px!important;}
  .ip-slide-card{width:82vw!important;min-width:82vw!important;flex-basis:82vw!important;}
  .ip-slide-image-wrap{height:276px!important;}
}


/* --- V40 mobile polish fixes --- */
.btn, button.btn, .form-submit-btn{border:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;}
.form-submit-btn,.form-submit-btn:hover,.form-submit-btn:focus,.form-submit-btn:active{border:none!important;outline:none!important;box-shadow:0 14px 28px rgba(25,118,210,.18)!important, inset 0 1px 0 rgba(255,255,255,.22)!important;}

html,body{max-width:100%;overflow-x:hidden;}
body{min-width:320px;background:linear-gradient(180deg,#f8fbff 0%, #eef6ff 42%, #f9fcff 100%) fixed!important;}

/* The sliding indicator is the single underline for every desktop item. */
#navLinks a::after {
  display: none !important;
  content: none !important;
}
main,.header,.footer,.section,.container,.hero-grid,.visual,.copy,.full-banner-section,.banner-stage{max-width:100%;box-sizing:border-box;}
img{max-width:100%;height:auto;}

@media (max-width:820px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
  body{position:relative;overflow-x:hidden!important;}
  main{overflow-x:hidden!important;}
  .site-shell{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;overflow:hidden!important;}
  .container,.container.wide{width:min(100% - 28px, 100%)!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;}
  .section{padding:36px 0!important;}
  .hero.section{padding-top:20px!important;padding-bottom:24px!important;}
  .hero-grid{gap:14px!important;align-items:start!important;}
  .visual.hero-visual-block{padding-top:2px!important;margin-top:0!important;}
  .hero-card{margin:0 auto!important;padding:8px!important;}
  .hero-card img{display:block!important;width:100%!important;height:auto!important;}
  .hero-orbit-a{top:10px!important;right:14px!important;}
  .hero-orbit-b{top:64px!important;right:18px!important;left:auto!important;bottom:auto!important;max-width:52vw!important;font-size:.84rem!important;white-space:nowrap!important;}
  .feature-tags.feature-tags-inline{margin-top:12px!important;gap:10px!important;}
  .full-banner-section{padding-top:10px!important;padding-bottom:10px!important;}
  .full-banner-section .banner-stage{margin:0!important;padding:0!important;}
  .full-banner-section .banner-stage img{width:100%!important;max-width:100%!important;display:block!important;}
  .contact-grid{gap:14px!important;margin-top:10px!important;}
  .contact-main,.contact-card{margin-top:0!important;}
  .form{padding:22px 18px!important;}
  .form-submit-btn{min-height:56px!important;margin-top:8px!important;}
}

@media (max-width:560px){
  .hero-orbit-b{right:14px!important;top:62px!important;max-width:56vw!important;font-size:.8rem!important;}
  .section{padding:32px 0!important;}
  .hero.section{padding-top:16px!important;padding-bottom:22px!important;}
}


/* --- V41 mobile contact + satisfaction chart fix --- */
.chart-card-satisfaction{display:flex!important;align-items:center!important;justify-content:center!important;padding:10px 18px!important;overflow:hidden!important;}
.chart-card-satisfaction img{display:block!important;width:78%!important;max-width:78%!important;height:auto!important;object-fit:contain!important;transform:none!important;margin:0 auto!important;}

@media (max-width:820px){
  .contact-grid,.contact-main,.contact-card{width:100%!important;max-width:100%!important;min-width:0!important;}
  .contact-grid{overflow:visible!important;}
  .contact-main,.contact-card,.form,.contact-info-block,.contact-qr-block{box-sizing:border-box!important;}
  .contact-card{overflow:hidden!important;padding:18px 16px!important;margin-top:0!important;}
  .contact-info-block p{word-break:break-word!important;overflow-wrap:anywhere!important;}
  .contact-qr-block{padding:16px 14px!important;}
  .contact-qr-block img{width:min(100%, 260px)!important;max-width:100%!important;}
}

@media (max-width:560px){
  .contact-grid,.contact-main,.contact-card,.form{width:100%!important;max-width:100%!important;min-width:0!important;}
  .container,.container.wide{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;}
  .contact-head{max-width:100%!important;padding-right:0!important;}
  .contact-head h2{font-size:2rem!important;line-height:1.16!important;}
  .contact-head .lead{max-width:100%!important;}
  .form{padding:18px 14px!important;}
  .row{gap:12px!important;}
  label{margin-bottom:12px!important;}
  input,select,textarea{padding:13px 14px!important;border-radius:14px!important;}
  .contact-card{padding:16px 14px!important;border-radius:20px!important;}
  .contact-info-block h3{font-size:1.34rem!important;}
  .contact-info-block p{font-size:.94rem!important;line-height:1.72!important;}
  .contact-qr-block{gap:10px!important;padding:14px 12px!important;border-radius:18px!important;}
  .contact-qr-block span,.contact-qr-block small{font-size:.9rem!important;line-height:1.58!important;}
  .contact-qr-block img{width:min(100%, 230px)!important;}
  .chart-card-satisfaction{padding:8px 14px!important;}
  .chart-card-satisfaction img{width:74%!important;max-width:74%!important;}
}


/* ===== v42 dynamic background + beian link ===== */
.icp-link{display:inline-flex;align-items:center;justify-content:center;color:var(--blue);font-weight:700;transition:color .25s ease, text-shadow .25s ease, opacity .25s ease;}
.icp-link:hover{color:var(--blue2);text-shadow:0 0 14px rgba(25,118,210,.18);}

.site-shell{isolation:isolate!important;overflow:hidden!important;}
.site-shell::before{content:"";position:absolute;inset:-8%;pointer-events:none;opacity:.62;background:
  linear-gradient(115deg, transparent 0 18%, rgba(95,194,255,.08) 20%, transparent 23%, transparent 42%, rgba(0,191,165,.06) 45%, transparent 49%, transparent 67%, rgba(25,118,210,.06) 70%, transparent 74%),
  linear-gradient(165deg, transparent 0 20%, rgba(25,118,210,.08) 23%, transparent 27%, transparent 56%, rgba(95,194,255,.05) 59%, transparent 63%),
  linear-gradient(92deg, transparent 0 28%, rgba(0,191,165,.05) 31%, transparent 34%, transparent 72%, rgba(25,118,210,.04) 75%, transparent 78%);
  mix-blend-mode:screen;
  animation:bgSweepV42 14s linear infinite;
}
.site-shell::after{opacity:.42!important;background-image:linear-gradient(rgba(25,118,210,.028) 1px, transparent 1px),linear-gradient(90deg, rgba(25,118,210,.028) 1px, transparent 1px)!important;background-size:58px 58px!important;}
.site-shell .glow{display:block!important;opacity:1!important;filter:blur(44px)!important;animation:glowFloatV42 6.2s ease-in-out infinite!important;}
.site-shell .glow-a{width:460px!important;height:460px!important;left:2%!important;top:7%!important;background:radial-gradient(circle, rgba(0,191,165,.34) 0%, rgba(0,191,165,.15) 34%, transparent 74%)!important;}
.site-shell .glow-b{width:380px!important;height:380px!important;right:4%!important;top:8%!important;background:radial-gradient(circle, rgba(25,118,210,.30) 0%, rgba(25,118,210,.12) 38%, transparent 74%)!important;animation-duration:7s!important;}
.site-shell .glow-c{width:460px!important;height:460px!important;right:10%!important;bottom:5%!important;background:radial-gradient(circle, rgba(95,194,255,.22) 0%, rgba(95,194,255,.09) 42%, transparent 76%)!important;animation-duration:8s!important;}



























@keyframes bgSweepV42{0%{transform:translate3d(-2%,0,0)}50%{transform:translate3d(2%,1.5%,0)}100%{transform:translate3d(-2%,0,0)}}
@keyframes glowFloatV42{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-16px,0) scale(1.05)}}






@media (max-width:980px){
  .site-shell::before{opacity:.48!important;animation-duration:16s!important;}
  
}
@media (max-width:820px){
  .site-shell::before{opacity:.34!important;}
  
  
}


/* ===== v43 stronger flowing light lines + logo up ===== */
.brand img{top:-5px!important;}
@media (max-width:820px){.brand img{top:-3px!important;}}

.site-shell{overflow:hidden!important;isolation:isolate!important;}
.site-shell::before{opacity:.78!important;filter:blur(.2px)!important;background:
  linear-gradient(122deg, transparent 0 14%, rgba(95,194,255,.10) 16%, rgba(255,255,255,.12) 17%, transparent 20%, transparent 37%, rgba(0,191,165,.08) 39%, transparent 42%, transparent 59%, rgba(25,118,210,.08) 61%, transparent 64%, transparent 82%, rgba(95,194,255,.06) 84%, transparent 87%),
  linear-gradient(168deg, transparent 0 24%, rgba(25,118,210,.10) 26%, transparent 30%, transparent 54%, rgba(95,194,255,.07) 56%, transparent 60%, transparent 74%, rgba(0,191,165,.06) 76%, transparent 80%)!important;
  animation:bgSweepV43 10s linear infinite!important;}
.site-shell::after{opacity:.60!important;background-image:
  linear-gradient(rgba(25,118,210,.04) 1px, transparent 1px),
  linear-gradient(90deg, rgba(25,118,210,.04) 1px, transparent 1px),
  radial-gradient(circle at 16% 20%, rgba(95,194,255,.22) 0 2px, transparent 3px),
  radial-gradient(circle at 72% 56%, rgba(0,191,165,.20) 0 2px, transparent 3px)!important;
  background-size:64px 64px,64px 64px,220px 220px,280px 280px!important;}
.site-shell .glow{opacity:1!important;filter:blur(52px)!important;}






















@keyframes bgSweepV43{0%{transform:translate3d(-1.5%,0,0)}50%{transform:translate3d(2.5%,1.2%,0)}100%{transform:translate3d(-1.5%,0,0)}}



















@media (max-width:820px){
  .site-shell::before{opacity:.44!important;}
  .site-shell::after{opacity:.44!important;}
  
  
}


/* ===== v44 denser shorter faster glowing streams ===== */




/* override existing long lines with shorter, more randomized ones */
























































@media (max-width:820px){
  
  
}


/* ===== V45 REAL dynamic flow-line canvas + final logo lift ===== */
.brand img{
  position:relative!important;
  top:-10px!important; /* 在上一版基础上继续上移约 5px */
  transform:none!important;
}
#flowLinesCanvas{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:1;
  pointer-events:none;
  opacity:.92;
  mix-blend-mode:screen;
}
#particleCanvas{opacity:.38!important;}
.site-shell{z-index:0!important;}
.header, main, footer, .back-to-top-float, .ip-lightbox{position:relative;z-index:2;}

@media (max-width:820px){
  .brand img{top:-5px!important;}
  #flowLinesCanvas{opacity:.62;}
}
@media (prefers-reduced-motion: reduce){
  #flowLinesCanvas{display:none!important;}
}

/* ===== V46 performance stabilization ===== */
body{background-attachment:scroll!important;}
#particleCanvas{display:none!important;}
#flowLinesCanvas{
  opacity:.54;
  mix-blend-mode:normal;
  contain:strict;
}
.site-shell::before{
  animation:none!important;
  filter:none!important;
  opacity:.26!important;
  transform:none!important;
}
.site-shell::after{animation:none!important;opacity:.34!important;}
.site-shell .glow{
  animation:none!important;
  filter:blur(30px)!important;
  opacity:.42!important;
}
.site-shell .glow-a{left:2%!important;right:auto!important;top:7%!important;bottom:auto!important;}
.site-shell .glow-b{left:auto!important;right:4%!important;top:8%!important;bottom:auto!important;}
.site-shell .glow-c{left:auto!important;right:10%!important;top:auto!important;bottom:5%!important;}

.header{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(248,252,255,.96)!important;
}
.section-title h2::after,.image-frame::before,.techno-scan::before,.data-screen::after,.dashboard-side::after,.ip-current-panel::after{animation:none!important;}
#dashboard::before,
#ipSection::before,
.back-to-top-float::after{animation:none!important;}

@media (max-width:820px){
  #flowLinesCanvas{opacity:.36;}
  .site-shell .glow{filter:blur(20px)!important;opacity:.28!important;}
}

/* ===== V51 accessibility and contact interaction ===== */
.skip-link{
  position:fixed;
  top:12px;
  left:12px;
  z-index:10000;
  padding:10px 16px;
  border-radius:8px;
  background:#fff;
  color:var(--blue);
  font-weight:800;
  box-shadow:0 10px 28px rgba(13,71,161,.2);
  transform:translateY(-180%);
  transition:transform .2s ease;
}
.skip-link:focus{transform:translateY(0);}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #087fdb;
  outline-offset:3px;
}
.tip:empty{display:none;}
.form-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.tip{
  min-height:28px;
  padding:10px 14px;
  border-radius:8px;
  font-weight:700;
  text-align:center;
}
.tip.is-loading{color:#55708f;background:#f2f7fc;}
.tip.is-success{color:#087a4e;background:#ebf8f1;}
.tip.is-error{color:#b23a32;background:#fff2f0;}
.form-submit-btn:disabled{
  cursor:wait;
  opacity:.72;
  box-shadow:none!important;
}
.contact-admin-page{min-height:100vh;background:#f3f7fb;color:var(--text);}
.contact-admin-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:42px 0 64px;}
.contact-admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;}
.contact-admin-header h1{margin:4px 0 8px;font-size:clamp(2rem,5vw,3.4rem);}
.contact-admin-header p{color:var(--muted);}
.contact-admin-login,.contact-admin-content{padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 36px rgba(29,77,123,.08);}
.contact-admin-login h2{margin-bottom:14px;}
.contact-admin-login form{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:16px;}
.contact-admin-login label{margin:0;}
.contact-admin-login input{margin-bottom:0;}
.contact-admin-login .btn{min-height:50px;}
.contact-admin-content{margin-top:20px;}
.contact-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.contact-admin-toolbar strong{font-size:1.65rem;color:var(--blue);}
.contact-message-list{display:grid;gap:12px;margin-top:18px;}
.contact-message-card{padding:20px;border-left:4px solid #00a889;border-radius:6px;background:#f8fbfe;}
.contact-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.contact-message-head h2{font-size:1.18rem;}
.contact-message-head time{color:var(--muted);font-size:.9rem;white-space:nowrap;}
.contact-message-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;margin-top:14px;color:#4f6682;}
.contact-message-details p{overflow-wrap:anywhere;}
.contact-message-body{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);white-space:pre-wrap;line-height:1.75;}
.contact-message-empty{padding:38px;text-align:center;color:var(--muted);}
@media (max-width:700px){
  .contact-admin-shell{width:min(100% - 20px,1080px);padding-top:20px;}
  .contact-admin-header{align-items:flex-start;flex-direction:column;}
  .contact-admin-login form{grid-template-columns:1fr;}
  .contact-message-head{flex-direction:column;gap:6px;}
  .contact-message-details{grid-template-columns:1fr;}
}
.tip a{
  display:inline-flex;
  margin-left:8px;
  color:var(--blue);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}
.contact-info-block a{
  color:var(--blue);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(25,118,210,.35);
  text-underline-offset:3px;
}
.contact-info-block a:hover{color:#075ca8;}
.header{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
}
.ip-lightbox{
  position:fixed!important;
  z-index:120!important;
}
.back-to-top-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:95!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  contain:layout paint;
  will-change:transform,opacity;
  pointer-events:none;
}
.back-to-top-float.show{pointer-events:auto;}
@media (max-width:820px){
  .back-to-top-float{
    right:14px!important;
    bottom:14px!important;
  }
}

/* ===== V55 deferred offscreen certificate rendering ===== */
.ip-slide-image-wrap{
  content-visibility:auto;
  contain-intrinsic-size:auto 320px;
}
.solution-slide{
  content-visibility:auto;
  contain-intrinsic-size:auto 433.656px;
}
.solutions-render-ready .solution-slide{
  content-visibility:visible;
  contain-intrinsic-size:none;
}
@media (max-width:820px){
  .ip-slide-image-wrap{contain-intrinsic-size:auto 276px;}
  .solution-slide{contain-intrinsic-size:auto 367.328px;}
}

/* ===== V56 deferred intellectual-property section layout ===== */
#ipSection{
  content-visibility:hidden;
  contain-intrinsic-size:auto 1033.11px;
}
.ip-render-ready #ipSection{
  content-visibility:visible;
  contain-intrinsic-size:none;
}
@media (min-width:1281px){
  #ipSection{contain-intrinsic-size:auto 1072.11px;}
}
@media (min-width:821px) and (max-width:980px){
  #ipSection{contain-intrinsic-size:auto 978.11px;}
}
@media (max-width:820px){
  #ipSection{contain-intrinsic-size:auto 850.66px;}
}

/* ===== V58 viewport-fixed header ===== */
:root{--fixed-header-space:145px;}
body{padding-top:var(--fixed-header-space);}
.header{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:0!important;
  width:100%!important;
  z-index:60!important;
}
.skip-link:focus{transition:none;}
#top{scroll-margin-top:var(--fixed-header-space);}
.section{scroll-margin-top:calc(var(--fixed-header-space) + 18px);}
@media (max-width:1440px){
  :root{--fixed-header-space:141px;}
}
@media (max-width:820px){
  :root{--fixed-header-space:81px;}
  #navLinks.open{
    transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .24s ease,visibility 0s linear!important;
  }
}

/* ===== V59 compact navigation and readable mobile branding ===== */
.mobile-brand-break{display:none;}
@media (min-width:821px){
  :root{--fixed-header-space:105px;}
  .nav{
    height:104px!important;
    min-height:104px!important;
    padding:6px 0!important;
    gap:12px!important;
  }
  .brand{flex-basis:330px!important;gap:10px!important;}
  .brand img{height:40px!important;top:-3px!important;}
  #navLinks{padding:3px!important;column-gap:4px!important;row-gap:2px!important;}
  #navLinks a{
    min-width:88px!important;
    padding:5px 9px 10px!important;
    font-size:.94rem!important;
    color:rgba(23,54,95,.68)!important;
    opacity:.92!important;
  }
  #navLinks a::after{bottom:5px!important;}
  #navLinks a.active,#navLinks a:hover,#navLinks a:focus-visible{color:var(--blue)!important;opacity:1!important;}
}
@media (min-width:821px) and (max-width:980px){
  .brand{flex-basis:310px!important;}
  .brand b{font-size:.72rem!important;}
  .brand em{font-size:.50rem!important;letter-spacing:.08em!important;}
  #navLinks a{min-width:78px!important;padding-inline:5px!important;font-size:.82rem!important;}
}
@media (min-width:1441px){
  .brand{flex-basis:380px!important;}
}
@media (min-width:981px) and (max-width:1440px){
  .brand b{font-size:.78rem!important;}
  .brand em{font-size:.54rem!important;}
  #navLinks a{font-size:.88rem!important;}
}
@media (max-width:560px){
  .mobile-brand-break{display:block;}
  .brand b{
    font-size:.72rem!important;
    line-height:1.18!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .brand em{display:none!important;}
}