/* 首页只讲客户得到的结果。所有界面均为 CSS/HTML 示意，不读取真实客户数据。 */
.home-page{
  --home-bg:#020813;--home-panel:#06172a;--home-line:#2f98f0;--home-cyan:#52d9ff;
  position:relative;isolation:isolate;min-height:100dvh;overflow-x:clip;
  background:
    radial-gradient(circle at 78% 48%,rgba(0,96,214,.16),transparent 32%),
    radial-gradient(circle at 42% 88%,rgba(8,84,182,.11),transparent 35%),
    linear-gradient(118deg,#020711 0%,#020a17 48%,#010711 100%);
  color:#f1f5fa;
}
.home-page::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.38;
  background-image:linear-gradient(rgba(50,130,224,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(50,130,224,.12) 1px,transparent 1px);
  background-size:42px 42px;transform-origin:50% 100%;transform:perspective(560px) rotateX(64deg) scale(1.45) translateY(33%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 20%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 20%,#000 72%,transparent 100%)}
.home-page::after{content:"";position:fixed;inset:84px 0 0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,7,17,.62) 0%,transparent 42%),radial-gradient(circle at 64% 60%,rgba(22,135,255,.08),transparent 32%)}
.home-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.home-atmosphere::before,.home-atmosphere::after{content:"";position:absolute;border-radius:50%;filter:blur(3px)}
.home-atmosphere::before{width:560px;height:560px;right:-180px;top:18%;border:1px solid rgba(48,155,255,.09);box-shadow:0 0 120px rgba(0,103,255,.08)}
.home-atmosphere::after{width:3px;height:3px;left:38%;top:27%;background:#7cdfff;box-shadow:190px 22px #187ff7,420px -35px #64cfff,690px 120px #2d91ff,520px 370px #1686fa,130px 430px #47bbff}

.home-skip{position:fixed;left:20px;top:-80px;z-index:100;padding:10px 18px;border-radius:6px;background:#1760a8;color:#fff}
.home-skip:focus{top:12px}
.home-page nav{border-bottom:1px solid rgba(67,119,177,.16)}
.home-page .logo{font-family:var(--sans);font-weight:520}
.home-page .logo svg{color:#7bcaff}
.home-page :focus-visible{outline:2px solid #75d7ff;outline-offset:4px}

.home-main{position:relative;z-index:1;flex:1;width:100%;min-height:0;display:grid;grid-template-columns:36% 64%;align-items:center;
  padding-top:clamp(16px,2.5vh,28px);padding-bottom:clamp(14px,2.2vh,24px)}
.home-copy{position:relative;z-index:3;padding-right:clamp(16px,2vw,38px);align-self:center}
.home-copy h1{font-family:var(--sans);font-size:clamp(42px,3.6vw,60px);font-weight:760;line-height:1.32;letter-spacing:.035em;
  text-shadow:0 3px 2px #000,0 14px 48px rgba(0,0,0,.72)}
.home-copy h1 span{display:block;white-space:nowrap}
.home-benefits{list-style:none;margin-top:clamp(34px,5vh,56px);display:grid;gap:clamp(18px,2.5vh,30px)}
.home-benefits li{display:flex;align-items:center;gap:18px;font-size:clamp(20px,1.55vw,27px);line-height:1.35;letter-spacing:.035em;color:#edf3fa;
  text-shadow:0 2px 18px rgba(0,0,0,.8)}
.benefit-check{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #77d8ff;border-radius:50%;font-size:22px;color:#7ee7ff;
  background:linear-gradient(145deg,rgba(28,106,181,.4),rgba(1,15,31,.7));box-shadow:inset 0 0 15px rgba(59,166,255,.22),0 0 15px rgba(42,148,255,.22)}
.benefit-check::before{content:"";width:12px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg)}

.home-scene{position:relative;width:100%;max-width:1080px;justify-self:end;aspect-ratio:1000/600;container-type:inline-size;filter:drop-shadow(0 26px 38px rgba(0,0,0,.36))}
.home-scene::before{content:"";position:absolute;left:6%;right:1%;bottom:4%;height:19%;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(10,91,187,.18),transparent 68%);filter:blur(14px)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.blue-routes path{stroke-dasharray:5 7;animation:route-flow 5s linear infinite}
.gold-route{stroke-dasharray:6 8;animation:route-flow 6s linear infinite}
@keyframes route-flow{to{stroke-dashoffset:-52}}

.group-stack{position:absolute;left:0;top:3%;width:46%;height:91%;transform:perspective(1000px) rotateY(1deg)}
.group-layer,.group-card,.reply-core,.wecom-card,.human-card{border:1px solid rgba(99,184,255,.7);background:linear-gradient(145deg,rgba(15,48,82,.93),rgba(3,15,31,.97) 62%,rgba(2,10,23,.98));
  box-shadow:inset 0 1px 0 rgba(226,244,255,.26),inset 0 0 0 4px rgba(84,162,236,.05),0 7px 0 rgba(0,3,9,.65),0 18px 35px rgba(0,0,0,.48),0 0 20px rgba(31,133,245,.11)}
.group-layer{position:absolute;width:76%;height:60%;border-radius:12px;padding:2.3cqw 2.2cqw;display:flex;gap:1.1cqw;align-items:flex-start;
  font-size:1.6cqw;color:#aec4da;opacity:.7;overflow:hidden}
.group-layer::after{content:"";position:absolute;left:0;right:0;top:7.3cqw;border-top:1px solid rgba(91,168,236,.22)}
.group-layer time{margin-left:auto;color:#6683a2;font-size:1.2cqw}
.group-layer:nth-child(1){left:20%;top:0;opacity:.46}.group-layer:nth-child(2){left:16%;top:6%;opacity:.54}.group-layer:nth-child(3){left:12%;top:12%;opacity:.62}.group-layer:nth-child(4){left:8%;top:18%;opacity:.7}.group-layer:nth-child(5){left:4%;top:24%;opacity:.8}
.group-symbol{position:relative;display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;color:#5acfff;background:#0a58a3;box-shadow:0 0 9px rgba(42,153,255,.55)}
.group-symbol::before,.group-symbol::after,.group-symbol i{content:"";position:absolute;border:1px solid #7ce0ff;border-radius:50%}
.group-symbol::before{width:.8cqw;height:.8cqw;left:1.05cqw;top:.45cqw}.group-symbol::after{width:1.5cqw;height:.85cqw;left:.7cqw;bottom:.48cqw;border-radius:1cqw 1cqw .4cqw .4cqw}.group-symbol i{width:.58cqw;height:.58cqw;left:.34cqw;top:.9cqw;box-shadow:1.7cqw 0 0 -.05cqw #0a58a3,1.7cqw 0 0 0 #7ce0ff}
.group-card{position:absolute;left:0;bottom:0;width:79%;height:72%;border-color:#76c2ff;border-radius:14px;overflow:hidden}
.group-card::before,.reply-core::before,.wecom-card::before,.human-card::before{content:"";position:absolute;inset:5px;border:1px solid rgba(108,190,255,.18);border-radius:inherit;pointer-events:none}
.group-card header{height:15%;display:flex;align-items:center;gap:1.2cqw;padding:0 2.2cqw;border-bottom:1px solid rgba(87,156,223,.25);color:#d4e6f7;font-size:1.7cqw}
.group-card header time{margin-left:auto;font-size:1.2cqw;color:#738ca6}
.people-icon{position:relative;width:3.4cqw;height:3.4cqw;border-radius:50%;background:linear-gradient(145deg,#167cd7,#082e63);box-shadow:0 0 10px rgba(37,145,255,.5)}
.people-icon i{position:absolute;width:.95cqw;height:.95cqw;border:1px solid #8cddff;border-radius:50%;top:.65cqw;left:1.2cqw}
.people-icon i:nth-child(2){left:.45cqw;top:1.25cqw}.people-icon i:nth-child(3){left:1.95cqw;top:1.25cqw}
.group-messages{padding:1.3cqw 1.8cqw .8cqw;display:grid;gap:.75cqw}
.group-messages p{display:grid;grid-template-columns:3.1cqw 1fr auto;align-items:center;gap:.8cqw;margin:0}
.avatar{width:3.1cqw;height:3.1cqw;border-radius:50%;border:1px solid #5b8fc6;background:radial-gradient(circle at 50% 33%,#86b9f0 0 21%,transparent 23%),radial-gradient(circle at 50% 88%,#487ab5 0 38%,#102e55 40%)}
.group-messages b{display:block;padding:.65cqw .9cqw;border:1px solid rgba(94,157,220,.42);border-radius:.7cqw;background:linear-gradient(135deg,#18395e,#0c2340);font-size:1.55cqw;font-weight:450;color:#edf5ff;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.group-messages time{font-size:1.1cqw;color:#8aa1bb}
.group-pulse{display:flex;justify-content:center;gap:1cqw;margin-top:.3cqw}.group-pulse i{width:.75cqw;height:.75cqw;border-radius:50%;background:#2e9ef5;box-shadow:0 0 8px #228fff}.group-pulse i:nth-child(2){background:#6384a8;box-shadow:none}
.group-card>small{display:block;text-align:center;margin-top:1cqw;color:#74baf3;font-size:1.35cqw;letter-spacing:.08em}

.reply-core{position:absolute;left:48.5%;top:28%;width:24%;height:42%;border-radius:16px;border-color:#78c8ff;padding:2.2cqw 1.7cqw;overflow:hidden}
.reply-core header{display:flex;align-items:center;gap:1cqw;color:#50d6ff;font-size:1.85cqw;white-space:nowrap}
.bot-icon{position:relative;width:3.6cqw;height:3.6cqw;border:1px solid #84d9ff;border-radius:1.15cqw;background:#153f72;box-shadow:0 0 14px rgba(59,174,255,.35)}
.bot-icon::before{content:"";position:absolute;left:50%;top:-1.1cqw;width:1px;height:1.15cqw;background:#94e8ff}.bot-icon::after{content:"";position:absolute;left:calc(50% - .35cqw);top:-1.35cqw;width:.7cqw;height:.7cqw;border-radius:50%;background:#c9f4ff}
.bot-icon i::before,.bot-icon i::after{content:"";position:absolute;top:1.25cqw;width:.45cqw;height:.45cqw;border-radius:50%;background:#8eeaff}.bot-icon i::before{left:.8cqw}.bot-icon i::after{right:.8cqw}
.reply-core p{margin-top:2.2cqw;padding:1.7cqw 1.25cqw;border:1px solid rgba(104,177,241,.5);border-radius:.8cqw;background:linear-gradient(135deg,#193b60,#0b203b);font-size:1.75cqw;line-height:1.7;color:#eaf6ff;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.core-scan{position:absolute;left:11%;right:11%;bottom:9%;height:1px;background:linear-gradient(90deg,transparent,#55d9ff,transparent);box-shadow:0 0 10px #3aaaff;animation:core-pulse 2.8s ease-in-out infinite}
@keyframes core-pulse{50%{opacity:.28;transform:scaleX(.7)}}

.wecom-card{position:absolute;right:0;top:19%;width:27%;height:57%;border-radius:14px;overflow:hidden}
.wecom-card header{height:18%;display:flex;align-items:center;gap:.85cqw;padding:0 1.5cqw;border-bottom:1px solid rgba(87,156,223,.3);font-size:1.55cqw;color:#dce9f7}
.wecom-avatar{width:3cqw;height:3cqw;border-radius:50%;background:radial-gradient(circle at 50% 35%,#5fd7ff 0 18%,transparent 20%),radial-gradient(circle at 50% 90%,#1684ce 0 34%,#092d55 36%);box-shadow:0 0 12px rgba(34,158,255,.4)}
.wecom-card .more{margin-left:auto;color:#a8c7e5;white-space:nowrap}
.wecom-card .more{display:flex;align-items:center;gap:1.2cqw}.wecom-card .more i{position:relative;width:1.4cqw;height:1.4cqw;border:1px solid currentColor;border-radius:50%}.wecom-card .more i::after{content:"";position:absolute;width:.65cqw;border-top:1px solid currentColor;right:-.5cqw;bottom:-.2cqw;transform:rotate(45deg)}.wecom-card .more b{width:.35cqw;height:.35cqw;border-radius:50%;background:currentColor;box-shadow:.7cqw 0 currentColor,1.4cqw 0 currentColor}
.sent-message{margin:2cqw 1.5cqw 1.7cqw;padding:1.4cqw;border:1px solid #57bcff;border-radius:.9cqw;background:linear-gradient(135deg,#0e4384,#071c3e);box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 16px rgba(24,129,255,.13);font-size:1.55cqw;line-height:1.65;color:#e7f4ff}
.sent-message time{display:flex;align-items:center;gap:.65cqw;margin-top:.55cqw;color:#82a5ca;font-size:1.05cqw}.double-check{position:relative;width:1.4cqw;height:.8cqw}.double-check::before,.double-check::after{content:"";position:absolute;width:.65cqw;height:.35cqw;border-left:1px solid #52d9ff;border-bottom:1px solid #52d9ff;transform:rotate(-45deg)}.double-check::before{left:0}.double-check::after{left:.55cqw}
.sent-status{display:flex;align-items:center;gap:1cqw;margin:0 1.55cqw;color:#4edcff;font-size:1.55cqw;white-space:nowrap}.sent-status span{display:grid;place-items:center;width:2.65cqw;height:2.65cqw;border:1px solid #4ee0ff;border-radius:50%;font-size:1.35cqw;box-shadow:0 0 10px rgba(45,185,255,.25)}
.sent-status span::before{content:"";width:.7cqw;height:.4cqw;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.1cqw) rotate(-45deg)}
.wecom-card small{display:block;margin:1.5cqw;color:#8297ae;font-size:1.15cqw;white-space:nowrap}

.human-card{position:absolute;right:0;bottom:2%;width:27%;height:18.5%;border-color:#c89542;border-radius:13px;display:flex;align-items:center;gap:1.1cqw;padding:1.6cqw;color:#f3bd56;
  background:linear-gradient(135deg,rgba(79,51,19,.84),rgba(13,16,22,.96));box-shadow:inset 0 1px rgba(255,233,188,.32),inset 0 0 0 4px rgba(237,177,72,.04),0 7px 0 #050607,0 18px 32px rgba(0,0,0,.45),0 0 18px rgba(207,145,45,.12)}
.human-avatar{width:3.8cqw;height:3.8cqw;border-radius:50%;background:radial-gradient(circle at 50% 32%,#ffca68 0 20%,transparent 22%),radial-gradient(circle at 50% 92%,#d49a39 0 38%,#3a2c1c 40%);box-shadow:0 0 12px rgba(255,187,73,.22)}
.human-card p{display:grid;gap:.45cqw;margin:0;font-size:1.5cqw;line-height:1.4;white-space:nowrap}.human-card strong{font-weight:550}.human-card b{font-weight:450;color:#ffd47f}

.home-footer{position:relative;z-index:2;padding-top:18px;padding-bottom:20px;border-color:rgba(70,128,190,.23)}

@media(max-width:1180px){
  .home-copy h1{font-size:clamp(38px,4vw,50px)}
  .home-benefits{margin-top:32px;gap:18px}.home-benefits li{font-size:20px;gap:13px}.benefit-check{width:36px;height:36px;font-size:18px}
  .home-scene{width:100%}
}
@media(max-width:900px){
  .home-page::after{inset:84px 0 0;background:radial-gradient(circle at 50% 72%,rgba(22,135,255,.11),transparent 42%)}
  .home-main{grid-template-columns:1fr;align-content:start;gap:14px;padding-top:22px;padding-bottom:18px}
  .home-copy{padding-right:0;text-align:center}.home-copy h1{font-size:clamp(38px,8vw,54px);line-height:1.24}.home-copy h1 span{white-space:normal}
  .home-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.home-benefits li{font-size:17px;gap:8px}.benefit-check{width:29px;height:29px;font-size:15px}
  .home-scene{width:min(100%,760px);justify-self:center}
}
@media(max-width:600px){
  .home-main{padding-top:16px}.home-copy h1{font-size:38px}
  .home-benefits{display:grid;justify-content:start;text-align:left;gap:9px;margin:18px auto 2px}.home-benefits li{font-size:16px}.benefit-check{width:26px;height:26px}
  .home-scene{width:calc(100% + 26px);margin-inline:-13px}
}
@media(max-width:380px){
  .home-page nav{gap:6px;padding-left:12px;padding-right:12px}
  .home-page .logo{gap:6px;font-size:17px}.home-page .logo svg{width:24px;height:24px}
  .home-page .burger{width:30px}.home-page .navlogin{padding:5px 10px;font-size:13px}
  .home-copy h1{font-size:34px}.home-benefits li{font-size:15px}
}
@media(max-height:760px) and (min-width:901px){
  .home-main{padding-top:10px;padding-bottom:8px}.home-copy h1{font-size:clamp(38px,3.8vw,56px)}
  .home-benefits{margin-top:24px;gap:14px}.home-benefits li{font-size:20px}.benefit-check{width:34px;height:34px}
  .home-scene{max-height:520px;width:100%}.home-footer{padding-top:13px;padding-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.blue-routes path,.gold-route,.core-scan{animation:none}}