/* 首页数字化运营中心场景（页面级，仅 index/index.html 引用） */
.hs{--hs-nav:min(6.77vw,130px);position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;color:#1c2b36;background:radial-gradient(125% 92% at 50% 0%,#ffffff 0%,#f8fcfd 34%,#eef5f9 66%,#e4eff6 100%);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;}
.hs *,.hs *::before,.hs *::after{box-sizing:border-box;}
.hs::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(11,112,161,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(11,112,161,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(70% 62% at 50% 44%,#000 0%,transparent 76%);-webkit-mask-image:radial-gradient(70% 62% at 50% 44%,#000 0%,transparent 76%);}
.hs-stage{position:absolute;inset:var(--hs-nav) 0 0;display:grid;grid-template-columns:100%;grid-template-rows:100%;place-items:center;}
.hs-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(47.5% 44.4% at 50% 50%,rgba(255,255,255,.95) 0%,rgba(234,244,250,.6) 50%,rgba(220,235,243,0) 100%);}
.hs-scene{width:100%;height:100%;max-height:100%;display:block;overflow:visible;transition:transform .5s cubic-bezier(.22,.8,.2,1);will-change:transform;}
.hs-hdr{position:absolute;left:max(18px,calc((100% - 18rem) / 2));top:calc(var(--hs-nav) + 36px);z-index:5;width:auto;height:auto;padding:0;background:transparent;border:0;pointer-events:none;}
.hs-hdr h1{margin:0 0 10px;font-size:clamp(34px,2.1vw,42px);line-height:1.2;font-weight:700;letter-spacing:-.01em;color:#1c2b36;}
.hs-hdr h1 em{font-style:normal;font-size:1em;font-weight:700;letter-spacing:-.01em;color:#0b70a1;margin-right:.22em;}
.hs-hdr p{margin:0;font-size:clamp(14px,.9vw,18px);line-height:1.6;color:#5b6b77;letter-spacing:.01em;}
.hs-aitick{position:absolute;z-index:6;left:50%;top:488px;transform:translate(-50%,0);transform-origin:top center;display:grid;grid-template-columns:86px 1fr;align-items:start;column-gap:12px;row-gap:5px;width:600px;background:rgba(255,255,255,.98);border:1px solid #d9e9f8;border-radius:16px;padding:12px 20px 12px 14px;box-shadow:0 18px 38px -22px rgba(11,112,161,.55);font-size:14.5px;color:#5b6b77;max-width:calc(100vw - 32px);opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease;}
.hs-aitick.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.hs-aitick .aileft{grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;}
.hs-aitick .msg{grid-column:2;grid-row:1 / span 2;align-self:center;text-wrap:pretty;}
.hs-aitick b{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:#fff;background:linear-gradient(135deg,#7C6DF7,#5B4BE6);border-radius:6px;font-size:11px;letter-spacing:.08em;padding:4px 9px 4px 6px;font-weight:700;}
.hs-aitick b svg,.hs-panel .aibox b svg{width:12px;height:12px;display:block;flex:0 0 auto;}
.hs-aitick .who{color:#1c2b36;font-weight:600;white-space:nowrap;flex:0 0 auto;font-size:14.5px;}
.hs-aitick .msg{white-space:normal;line-height:1.6;overflow:visible;text-overflow:clip;}
.hs-aitick.swap .msg,.hs-aitick.swap .who{animation:hsSwapIn .5s cubic-bezier(.2,.8,.2,1);}
@keyframes hsSwapIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.hs .island{cursor:pointer;transition:opacity .45s ease;}
.hs .island .lift{transition:transform .5s cubic-bezier(.22,.8,.2,1);}
.hs .island:hover .lift{transform:translateY(-10px);}
.hs .island.is-active .lift{transform:translateY(-12px);}
.hs .island.is-dim{opacity:.42;}
.hs .island .halo{opacity:0;transition:opacity .45s ease;}
.hs .island.is-active .halo{opacity:1;}
.hs .island.ai-hit .halo{animation:hsAiHalo 1.5s ease-out;}
@keyframes hsAiHalo{0%{opacity:0}16%{opacity:1}100%{opacity:0}}
.hs .island .aiflare{opacity:0;}
.hs .island.ai-hit .aiflare{animation:hsAiFlare 1.3s ease-out;}
@keyframes hsAiFlare{0%{opacity:0}12%{opacity:1}34%{opacity:.86}100%{opacity:0}}
.hs .island .aibloom{opacity:0;transform-box:fill-box;transform-origin:50% 50%;}
.hs .island.ai-hit .aibloom{animation:hsAiBloom 1.5s cubic-bezier(.2,.7,.2,1);}
@keyframes hsAiBloom{0%{opacity:0;transform:scale(.84)}22%{opacity:1}100%{opacity:0;transform:scale(1.16)}}
.hs .bob{animation:hsEnter .95s cubic-bezier(.22,.8,.2,1) both;animation-delay:var(--d,0s);}
@keyframes hsEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.hs .link{fill:none;stroke:#a8c9db;stroke-width:1.4;stroke-dasharray:4 9;opacity:.9;animation:hsFlow 3.4s linear infinite;transition:stroke .4s,opacity .4s,stroke-width .4s;}
@keyframes hsFlow{to{stroke-dashoffset:-26}}
.hs .link.on{stroke:#0b70a1;stroke-width:2;opacity:1;animation-duration:1s;}
.hs .lbl{cursor:pointer;transition:opacity .4s ease;}
.hs .lbl.dim{opacity:.38;}
.hs .lbl .pill{transition:transform .4s cubic-bezier(.22,.8,.2,1);}
.hs .lbl:hover .pill{transform:translateY(-2px);}
.hs .lbl text{font-size:17px;font-weight:600;fill:#1c2b36;letter-spacing:.01em;}
.hs .ldot .ring{transform-box:fill-box;transform-origin:50% 50%;animation:hsLdotRing 2.8s cubic-bezier(.2,.6,.3,1) infinite;}
.hs .ldot .core{transform-box:fill-box;transform-origin:50% 50%;animation:hsLdotCore 2.8s ease-in-out infinite;}
@keyframes hsLdotRing{0%{transform:scale(.85);opacity:.34}70%{transform:scale(2);opacity:0}100%{transform:scale(2);opacity:0}}
@keyframes hsLdotCore{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.82}}
@keyframes hsIdle{0%,100%{transform:translate(0,0)}25%{transform:translate(-1.4px,-3.6px)}55%{transform:translate(1.2px,-1.2px)}80%{transform:translate(0,-3px)}}
.hs .p-idle{animation:hsIdle 3.1s ease-in-out infinite;}
@keyframes hsWalk{0%{transform:translate(0,0) rotate(0)}22%{transform:translate(-5.5px,-3.6px) rotate(-3.2deg)}50%{transform:translate(0,0) rotate(0)}74%{transform:translate(5.5px,-3.6px) rotate(3.2deg)}100%{transform:translate(0,0) rotate(0)}}
.hs .p-walk{animation:hsWalk 4.4s ease-in-out infinite;}
.hs .armL,.hs .armR{transform-box:fill-box;animation:hsArmSw 2.3s ease-in-out infinite;}
.hs .armL{transform-origin:100% 50%;}
.hs .armR{transform-origin:0% 50%;}
@keyframes hsArmSw{0%,100%{transform:rotate(-17deg)}50%{transform:rotate(17deg)}}
@keyframes hsVibe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.1px)}}
.hs .vibe{animation:hsVibe 1.25s ease-in-out infinite;}
@keyframes hsBlink{0%,100%{opacity:1}50%{opacity:.15}}
.hs .blink{animation:hsBlink 1.8s ease-in-out infinite;}
@keyframes hsSoftPulse{0%,100%{opacity:.5}50%{opacity:1}}
.hs .sp{animation:hsSoftPulse 2.4s ease-in-out infinite;}
@keyframes hsMsgIn{0%{opacity:0}10%{opacity:1}84%{opacity:1}100%{opacity:0}}
.hs .bub{animation:hsMsgIn 6.5s ease-in-out infinite;}
@keyframes hsTyping{0%,60%,100%{opacity:.22}30%{opacity:1}}
.hs .td1{animation:hsTyping 1.5s ease-in-out infinite;}
.hs .td2{animation:hsTyping 1.5s ease-in-out infinite .2s;}
.hs .td3{animation:hsTyping 1.5s ease-in-out infinite .4s;}

/* 详情面板挂在 body 上，避免被 swiper 的层叠上下文与悬浮客服挡住 */
.hs-panel,.hs-panel *,.hs-panel *::before,.hs-panel *::after{box-sizing:border-box;}
.hs-panel{--hs-panel-nav:min(6.77vw,130px);position:fixed;right:28px;top:50%;z-index:12000;width:420px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#1c2b36;transform:translate(118%,-50%);opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.22,.8,.2,1),opacity .4s ease;background:rgba(255,255,255,.99);border:1px solid #e2eef6;border-radius:22px;box-shadow:0 30px 64px -34px rgba(11,112,161,.45);padding:28px 28px 24px;max-height:calc(100vh - 56px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.hs-panel.left{right:auto;left:28px;top:calc(var(--hs-panel-nav) + 150px);transform:translate(-118%,0);max-height:calc(100vh - var(--hs-panel-nav) - 178px);overflow-y:auto;}
.hs-panel.on{transform:translate(0,-50%);opacity:1;pointer-events:auto;}
.hs-panel.left.on{transform:translate(0,0);}
.hs-panel .x{position:absolute;right:16px;top:16px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f7fd;color:#5b6b77;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s;}
.hs-panel .x:hover{background:#d9e9f8;color:#0b70a1;}
.hs-panel h2{margin:3px 0 8px;font-size:25px;font-weight:700;color:#1c2b36;letter-spacing:-.01em;}
.hs-panel .desc{margin:0 0 18px;font-size:14.5px;line-height:1.75;color:#5b6b77;}
.hs-panel .sec{display:flex;align-items:center;gap:9px;margin:18px 0 12px;font-size:12.5px;font-weight:700;color:#93a8b6;letter-spacing:.02em;}
.hs-panel .sec span{order:0;}
.hs-panel .sec::after{content:"";order:1;flex:1;height:1px;background:#edf4f8;}
.hs-panel .sec i{order:2;font-style:normal;font-size:11.5px;font-weight:600;color:#b8c9d4;letter-spacing:.06em;}
.hs-panel .metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.hs-panel .metric{background:linear-gradient(160deg,#fbfdfe,#f3f9fc);border:1px solid #e6edf2;border-radius:11px;padding:13px 14px 12px;}
.hs-panel .metric .mv{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;color:#0b70a1;font-variant-numeric:tabular-nums;line-height:1.15;}
.hs-panel .metric .mv i{font-style:normal;font-size:14px;font-weight:600;margin-left:2px;color:#8fb0c2;}
.hs-panel .metric .mk{display:block;margin-top:6px;font-size:13.5px;color:#77899a;line-height:1.4;}
.hs-panel .metric.warn .mv{color:#e46a58;}
.hs-panel .aibox{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#f1f7fd,#eaf4fb);border:1px solid #d9e9f8;border-radius:11px;padding:12px 13px;margin-bottom:18px;}
.hs-panel .aibox b{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:#fff;background:linear-gradient(135deg,#7C6DF7,#5B4BE6);border-radius:5px;font-size:10.5px;letter-spacing:.08em;padding:3px 7px 3px 5px;margin-top:0;}
.hs-panel .aibox span{font-size:14px;line-height:1.6;color:#2c4a5e;}
.hs-panel .caps{display:flex;flex-wrap:wrap;gap:7px;}
.hs-panel .cap{font-size:13px;line-height:1.35;color:#3d5a6b;background:#f6fafc;border:1px solid #e2eef6;border-radius:7px;padding:6px 10px;}
.hs-panel .cap.ai{color:#0b70a1;background:#eef7fd;border-color:#c9e2f2;font-weight:600;}
.hs-panel::-webkit-scrollbar{width:6px;height:6px;}
.hs-panel::-webkit-scrollbar-track{background:transparent;margin:18px 0;}
.hs-panel::-webkit-scrollbar-thumb{background:#d6e6f1;border-radius:99px;}
.hs-panel::-webkit-scrollbar-thumb:hover{background:#b3cede;}

/* 首页首屏容器：场景存在时收起客户 logo 条，避免压住最下排场景 */
.a-main.hs-on .a-bottom,.a-main:has(.a-bn .hs-slide.swiper-slide-active) .a-bottom{opacity:0;visibility:hidden;pointer-events:none;}
.a-main.hs-exists .swiper-slide.ti-slide{height:100vh;}
@media(max-width:1200px){.a-main.hs-exists .swiper-slide.ti-slide{height:calc(100svh - 71px);}}
@media(max-width:900px){.a-main.hs-exists .swiper-slide.ti-slide .ti-hero__inner{align-content:center;padding-bottom:24px;}}
.a-bn:has(.hs-slide) .swiper-slide:has(.a-videobox){display:none;}
.a-main .a-bottom{transition:opacity .3s ease,visibility .3s ease;}
.a-main.hs-exists .a-bn.swiper-container-horizontal>.swiper-pagination-bullets{top:auto!important;bottom:24px!important;right:28px!important;left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;transform:none!important;width:auto!important;text-align:right!important;font-size:0!important;}
.a-main.hs-exists .a-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{display:inline-block!important;width:6px!important;height:6px!important;min-width:0!important;flex:0 0 auto!important;margin:0!important;border-radius:999px!important;background:#9db7c6!important;opacity:1!important;transition:width .35s ease,background-color .35s ease!important;}
.a-main.hs-exists .a-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:26px!important;background:#0b70a1!important;}

@media (max-width:1200px){
  .hs{--hs-nav:0px;height:calc(100vh - 71px);height:calc(100svh - 71px);}
  .hs-hdr{left:24px;}
  .hs-panel{--hs-panel-nav:0px;}
}
@media (max-width:1180px){
  .hs-hdr h1{font-size:28px;}
  .hs-hdr p{font-size:14px;}
  .hs-panel{right:18px;width:380px;}
}
@media (max-width:820px){
  .hs-hdr{left:24px;top:calc(var(--hs-nav) + 20px);}
  .hs-hdr h1{font-size:22px;margin:0 0 6px;}
  .hs-hdr p{font-size:13.5px;}
  .hs-aitick{left:50%;top:auto;bottom:16px;transform:translateX(-50%);display:flex;align-items:flex-start;gap:9px;width:calc(100vw - 24px);font-size:13px;padding:9px 16px 9px 12px;max-width:calc(100vw - 24px);}
  .hs-aitick .aileft{flex-direction:row;align-items:center;gap:8px;align-self:flex-start;flex:0 0 auto;}
  .hs-aitick .who{font-size:13.5px;}
  .hs-aitick .msg{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;}
  .hs-stage{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-top:40px;}
  .hs-stage::-webkit-scrollbar{display:none;}
  .hs-scene{width:840px;height:auto;flex:0 0 auto;}
  .hs-panel,.hs-panel.left{right:12px;left:12px;top:auto;bottom:12px;width:auto;transform:translateY(120%);max-height:calc(100svh - 24px);overflow-y:auto;padding:24px 20px 20px;border-radius:20px;}
  .hs-panel.on{transform:translateY(0);}
  .hs-panel h2{font-size:23px;}
  .hs-panel .desc{font-size:14px;}
  .hs-panel .metric .mv{font-size:27px;}
  .a-main.hs-exists .a-bn.swiper-container-horizontal>.swiper-pagination-bullets{top:auto!important;bottom:64px!important;right:18px!important;left:auto!important;width:auto!important;text-align:right!important;transform:none!important;}
  .a-main.hs-exists .a-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0!important;}
}
@media (max-width:360px), (max-height:720px){
  .hs-panel,.hs-panel.left{padding:18px 16px 16px;}
  .hs-panel h2{font-size:20px;}
  .hs-panel .desc{font-size:13px;line-height:1.6;margin-bottom:12px;}
  .hs-panel .sec{margin:12px 0 8px;font-size:11.5px;}
  .hs-panel .sec i{font-size:10.5px;}
  .hs-panel .metrics{gap:7px;margin-bottom:12px;}
  .hs-panel .metric{padding:9px 10px 8px;}
  .hs-panel .metric .mv{font-size:23px;}
  .hs-panel .metric .mv i{font-size:12px;}
  .hs-panel .metric .mk{font-size:11.5px;margin-top:4px;}
  .hs-panel .aibox{padding:9px 10px;margin-bottom:12px;gap:8px;}
  .hs-panel .aibox span{font-size:12.5px;line-height:1.5;}
  .hs-panel .caps{gap:5px;}
  .hs-panel .cap{font-size:12px;padding:4px 7px;}
}
@media (max-width:992px){
  .hs-hdr{left:10px;}
}
@media (max-width:750px){
  .hs-hdr{left:10px;}
}
@media (prefers-reduced-motion:reduce){
  .hs *,.hs *::before,.hs *::after,.hs-panel{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;}
}