:root{
  --navy:#061647;--navy2:#081d62;--blue:#0a43d8;--blue2:#2468ff;--cyan:#00bfea;--ink:#0b1b46;--muted:#5d6d91;--line:#dbe6fb;--paper:#f6f9ff;--white:#fff;--shadow:0 24px 70px rgba(17,58,144,.14);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:99;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:18px 0;transition:.3s}.site-header.scrolled{padding:10px 0;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(17,74,190,.1)}.nav-shell{width:min(1220px,calc(100% - 32px));height:64px;margin:auto;padding:0 14px 0 20px;display:flex;align-items:center;gap:28px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.78);backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(16,46,121,.08);border-radius:18px}.brand img{width:170px;height:auto}.desktop-nav{display:flex;gap:26px;margin-left:auto}.desktop-nav a{font-size:14px;font-weight:700;color:#27385f;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.25s}.desktop-nav a:hover:after{right:0}.nav-cta{padding:11px 17px;border-radius:12px;color:white;font-weight:800;font-size:14px;background:linear-gradient(135deg,#063bc7,#18a9f1);box-shadow:0 12px 30px rgba(18,88,226,.28)}.menu-button{display:none;margin-left:auto;border:0;background:transparent;color:var(--ink);font-size:28px}.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;padding:150px 0 36px;background:linear-gradient(180deg,#edf4ff 0%,#fff 88%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(31,90,194,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(31,90,194,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(15px);opacity:.55}.orb-a{width:460px;height:460px;right:-90px;top:50px;background:radial-gradient(circle,#92efff 0%,#5a8cff 42%,transparent 72%)}.orb-b{width:400px;height:400px;left:-180px;top:260px;background:radial-gradient(circle,#bbd0ff,transparent 70%)}.hero-layout{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid #c7dcff;background:rgba(255,255,255,.8);font-size:13px;font-weight:800;color:#2250b5}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#19bfe9;box-shadow:0 0 0 6px rgba(25,191,233,.12)}.hero h1{margin:24px 0 20px;font-size:clamp(46px,5.2vw,72px);line-height:1.06;letter-spacing:-.04em}.hero h1 span{background:linear-gradient(90deg,#083bd1 0%,#0b7df0 55%,#00bfe7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:#526486;max-width:650px}.hero-actions{display:flex;gap:14px;margin:30px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:14px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{color:white;background:linear-gradient(135deg,#0638c9,#168eea);box-shadow:0 16px 38px rgba(17,85,222,.28)}.btn-ghost{color:#244478;background:rgba(255,255,255,.82);border-color:#ccdaf5}.hero-proof{display:flex;align-items:center;gap:12px;color:#516383;font-size:13px;font-weight:700;flex-wrap:wrap}.hero-proof b{width:3px;height:3px;border-radius:50%;background:#8ea4ce}.hero-visual{position:relative;min-height:585px}.hero-visual>img{position:absolute;width:72%;left:12%;top:7%;z-index:3;filter:drop-shadow(0 30px 40px rgba(50,91,184,.22));animation:float 5.4s ease-in-out infinite}.core-rings{position:absolute;inset:9% 4% 5%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.95) 0 24%,rgba(53,137,255,.18) 25% 27%,transparent 28%)}.core-rings i{position:absolute;border:1px solid rgba(27,113,238,.22);border-radius:50%;inset:12%}.core-rings i:nth-child(2){inset:22%;border-style:dashed;animation:spin 16s linear infinite}.core-rings i:nth-child(3){inset:33%;border-color:rgba(0,193,232,.38)}.orbit-card{position:absolute;z-index:5;padding:13px 16px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.84);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 15px 38px rgba(31,75,158,.13)}.orbit-card strong,.orbit-card small{display:block}.orbit-card strong{font-size:14px}.orbit-card small{font-size:11px;color:#7080a1}.card-knowledge{left:0;top:18%}.card-action{right:0;top:27%}.card-growth{left:4%;bottom:20%}.live-panel{position:absolute;right:0;bottom:10%;z-index:6;width:230px;padding:16px;border-radius:20px;background:rgba(7,26,77,.92);color:white;box-shadow:0 22px 48px rgba(6,29,94,.28)}.live-panel>div{display:flex;align-items:center;gap:8px;margin-bottom:10px}.live-panel i{width:8px;height:8px;border-radius:50%;background:#33e2ff;box-shadow:0 0 0 5px rgba(51,226,255,.12)}.live-panel p{display:flex;justify-content:space-between;margin:8px 0;font-size:12px;color:#afc8f5}.live-panel b{color:#fff}.hero-strip{position:relative;margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce8ff;background:rgba(255,255,255,.9);box-shadow:0 16px 45px rgba(30,73,155,.08);border-radius:20px;overflow:hidden}.hero-strip article{padding:18px 22px;border-right:1px solid #e3ebfa}.hero-strip article:last-child{border:0}.hero-strip strong,.hero-strip span{display:block}.hero-strip strong{font-size:15px}.hero-strip span{font-size:12px;color:#7181a2}
section{padding:104px 0}.section-tag{display:inline-block;font-size:12px;letter-spacing:.18em;font-weight:900;color:#1453c5;margin-bottom:14px}.section-tag.light{color:#7be2ff}.intro{background:#fff}.intro-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:end}.intro h2,.section-head h2,.architecture h2,.team h2,.contact h2{font-size:clamp(34px,4vw,54px);line-height:1.14;letter-spacing:-.035em;margin:0}.intro h2 em,.architecture h2 em{font-style:normal;color:#0b60df}.intro-layout>p{font-size:17px;color:#62718d;margin:0}.capability-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}.capability-cards article{padding:28px 24px;border:1px solid #dfe8f8;background:linear-gradient(180deg,#fff,#f7faff);border-radius:22px;box-shadow:0 18px 50px rgba(27,69,151,.06);transition:.35s;opacity:0;transform:translateY(18px)}.capability-cards article.revealed{opacity:1;transform:none}.capability-cards article:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.capability-cards b{font-size:12px;color:#0a65df;background:#e8f2ff;border-radius:999px;padding:6px 9px}.capability-cards h3{font-size:22px;margin:22px 0 8px}.capability-cards p{color:#65738e;font-size:14px}.capability-cards span{font-size:11px;color:#3b62ad;font-weight:800}
.products{background:linear-gradient(180deg,#f4f8ff,#fff)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:46px}.section-head>div{max-width:760px}.section-head>p{max-width:380px;color:#667591;margin:0}.product-feature-grid{display:grid;gap:28px}.product-feature{--tone:#1848d7;display:grid;grid-template-columns:1.05fr .95fr;min-height:530px;border-radius:32px;overflow:hidden;border:1px solid rgba(35,90,199,.14);background:white;box-shadow:var(--shadow);opacity:0;transform:translateY(26px);transition:.55s}.product-feature.revealed{opacity:1;transform:none}.product-feature.reverse .product-media{order:2}.product-feature.reverse .product-content{order:1}.product-media{position:relative;min-height:420px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),rgba(215,229,255,.72) 52%,rgba(170,204,255,.54));overflow:hidden}.product-media:before{content:"";position:absolute;inset:7%;border:1px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.18),0 0 0 80px rgba(255,255,255,.1)}.product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:.5s}.product-feature:hover .product-media img{transform:scale(1.035)}.product-content{padding:55px 52px;display:flex;flex-direction:column;justify-content:center}.product-content>span,.mini-product>span,.team-grid article span{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--tone)}.product-content h3{font-size:44px;line-height:1.1;margin:14px 0 6px}.product-content h4{font-size:20px;margin:0 0 16px;color:#25406f}.product-content p{color:#667591}.product-content ul,.mini-product ul,.team-grid ul{padding:0;margin:14px 0 0;list-style:none}.product-content li,.mini-product li,.team-grid li{position:relative;padding-left:18px;margin:8px 0;color:#4d6083;font-size:14px}.product-content li:before,.mini-product li:before,.team-grid li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--tone)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chips b{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--tone) 8%,white);color:var(--tone);font-size:12px}.tone-indigo{--tone:#4b43e8}.tone-cyan{--tone:#008fd6}.tone-violet{--tone:#743ee8}.tone-blue{--tone:#0952dc}.tone-sky{--tone:#0d80d7}.tone-teal{--tone:#0b958e}.tone-green{--tone:#159a63}.tone-royal{--tone:#1c49d7}.product-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.mini-product{padding:18px 18px 26px;border-radius:24px;border:1px solid #dfe8f9;background:#fff;box-shadow:0 15px 45px rgba(25,65,145,.07);opacity:0;transform:translateY(22px);transition:.4s}.mini-product.revealed{opacity:1;transform:none}.mini-product:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.mini-image,.mini-graphic{height:190px;border-radius:17px;margin-bottom:20px;overflow:hidden;background:linear-gradient(135deg,#eef4ff,#dfeeff)}.mini-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.mini-product h3{font-size:27px;margin:10px 0}.mini-product p{font-size:13px;color:#65738e;min-height:64px}.mini-product li{font-size:12px}.mini-graphic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tone);text-align:center}.mini-graphic b{font-size:25px;letter-spacing:.1em}.mini-graphic span{font-size:11px;color:#6d7c99;margin-top:6px}.office-graphic:before{content:"";width:92px;height:70px;border-radius:15px;background:white;box-shadow:0 16px 35px rgba(26,96,178,.18);border:1px solid #cee2ff;margin-bottom:10px}.office-graphic i{position:absolute;width:20px;height:20px;border-radius:6px;background:var(--tone);top:48px}.office-graphic i:nth-child(1){left:34%}.office-graphic i:nth-child(2){left:47%;opacity:.75}.office-graphic i:nth-child(3){left:60%;opacity:.5}.knowledge-graphic .stack{width:90px;height:64px;border-radius:12px;background:#fff;border:1px solid #cae9df;box-shadow:0 10px 0 rgba(20,154,99,.13),0 20px 0 rgba(20,154,99,.07);margin-bottom:24px;position:relative}.knowledge-graphic .stack:before,.knowledge-graphic .stack:after{content:"";position:absolute;left:18px;right:18px;height:5px;border-radius:5px;background:#49b98e}.knowledge-graphic .stack:before{top:18px}.knowledge-graphic .stack:after{top:34px;width:42px}
.architecture{background:linear-gradient(145deg,#06184e,#07338c 62%,#0759bc);color:#fff;position:relative;overflow:hidden}.architecture:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;top:-180px;background:radial-gradient(circle,rgba(0,226,255,.32),transparent 68%)}.architecture-layout{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.architecture-copy p{color:#b9caf1;font-size:16px}.architecture-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.architecture-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;font-size:12px}.architecture-board{padding:26px;border:1px solid rgba(255,255,255,.19);border-radius:26px;background:rgba(255,255,255,.09);backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.23)}.board-top{text-align:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,#1266e8,#12b5df);margin-bottom:12px}.board-top strong,.board-top small{display:block}.board-top strong{font-size:22px}.board-top small{color:#dff8ff}.board-layer{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.board-layer span{font-size:12px;color:#a9c2ef}.board-layer div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.board-layer b{font-size:11px;padding:10px 6px;text-align:center;background:rgba(255,255,255,.1);border-radius:10px}.board-base{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:16px;font-size:11px;color:#d8e8ff}.board-base i{width:4px;height:4px;border-radius:50%;background:#41dcff}.roadmap{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:70px}.roadmap article{padding:24px 20px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:20px;opacity:0;transform:translateY(18px);transition:.4s}.roadmap article.revealed{opacity:1;transform:none}.roadmap b{font-size:28px;color:#4ce1ff}.roadmap h3{margin:8px 0;font-size:18px}.roadmap p{font-size:12px;color:#bdcdf0;min-height:76px}.roadmap span{font-size:11px;color:#7deaff}
.team{background:#f7faff}.team-head{align-items:center}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-grid article{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #dce7fa;box-shadow:0 18px 50px rgba(27,67,145,.08);opacity:0;transform:translateY(22px);transition:.4s}.team-grid article.revealed{opacity:1;transform:none}.team-grid article:hover{transform:translateY(-7px)}.team-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eaf2ff}.team-grid article>div{padding:22px}.team-grid h3{font-size:30px;color:#0a54d2;margin:8px 0 0}.team-grid h4{font-size:13px;line-height:1.45;margin:0 0 12px;color:#334b78}.team-grid li{font-size:12px}.team-banner{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:24px;border-radius:22px;overflow:hidden;background:#dce8ff;border:1px solid #dce8ff}.team-banner div{padding:22px;background:linear-gradient(180deg,#fff,#f3f8ff)}.team-banner strong,.team-banner span{display:block}.team-banner strong{color:#0b55d3}.team-banner span{font-size:12px;color:#687895}
.insights-preview{background:#fff}.text-link{color:#0b5ddb;font-weight:800}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-grid a{position:relative;min-height:270px;padding:28px;border-radius:24px;overflow:hidden;border:1px solid #dfe8f8;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 15px 45px rgba(32,73,149,.07);opacity:0;transform:translateY(18px);transition:.4s}.insight-grid a.revealed{opacity:1;transform:none}.insight-grid a:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-80px;background:radial-gradient(circle,#8fdfff,transparent 70%);opacity:.5}.insight-grid span{font-size:11px;letter-spacing:.12em;font-weight:900;color:#0a62dc}.insight-grid h3{font-size:25px;line-height:1.3}.insight-grid p{color:#667591}.insight-grid b{font-size:13px;color:#0a5ed8}
.contact{padding-top:70px;background:#fff}.contact-shell{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:58px;border-radius:34px;background:linear-gradient(135deg,#06184f 0%,#0838a3 58%,#0b7ec8 100%);color:white;overflow:hidden;box-shadow:0 35px 90px rgba(7,46,129,.25)}.contact-shell:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;left:-160px;bottom:-260px;background:radial-gradient(circle,rgba(0,236,255,.42),transparent 68%)}.contact-copy,.contact-info{position:relative;z-index:2}.contact-copy p{color:#c1d1f3}.contact-actions{display:flex;gap:12px;margin-top:28px}.btn-white{background:#fff;color:#0a47c9}.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.contact-info{display:grid;gap:12px}.contact-card{display:flex;align-items:flex-start;gap:16px;padding:17px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);border-radius:16px}.contact-card i{font-style:normal;font-weight:900;color:#54e5ff}.contact-card div{flex:1}.contact-card small,.contact-card strong,.contact-card span,.contact-card a{display:block}.contact-card small{color:#9fc0ed}.contact-card strong{font-size:14px;line-height:1.55}.contact-card span,.contact-card a{font-size:11px;color:#bfeaff;margin-top:4px}.contact-card img{width:80px;height:80px;border-radius:10px}.contact-note{margin:4px 0 0;color:#aec6eb;font-size:11px;line-height:1.5}
footer{padding:50px 0 24px;background:#06123a;color:#fff}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-main img{width:180px;filter:brightness(0) invert(1)}.footer-main p{font-size:13px;color:#8fa8d8}.footer-main nav{display:flex;gap:20px;font-size:13px;color:#b5c5e8}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:24px;font-size:11px;color:#768fbe}.toast{position:fixed;right:22px;bottom:22px;z-index:80;padding:11px 16px;border-radius:12px;background:#071a50;color:#fff;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1050px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}.hero-layout,.intro-layout,.architecture-layout,.contact-shell{grid-template-columns:1fr}.hero-visual{min-height:520px}.product-card-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.roadmap{grid-template-columns:repeat(3,1fr)}.capability-cards{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start}.product-feature{grid-template-columns:1fr 1fr}.product-content{padding:42px 34px}.team-banner{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){.site-header{padding:8px 0}.nav-shell{height:58px}.brand img{width:145px}.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.mobile-nav{position:fixed;left:16px;right:16px;top:76px;display:grid;gap:2px;padding:10px;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}.mobile-nav.open{transform:none;opacity:1;pointer-events:auto}.mobile-nav a{padding:12px 14px;border-radius:10px;font-weight:800;color:#263b68}.mobile-nav a:hover{background:#eef5ff}.hero{padding-top:112px}.hero-layout{gap:18px}.hero h1{font-size:47px}.hero-visual{min-height:450px}.live-panel{right:3%;bottom:5%}.hero-strip{grid-template-columns:repeat(2,1fr)}.hero-strip article:nth-child(2){border-right:0}.hero-strip article:nth-child(-n+2){border-bottom:1px solid #e3ebfa}section{padding:76px 0}.section-head{display:block}.section-head>p,.section-head .text-link{display:block;margin-top:18px}.product-feature,.product-feature.reverse{grid-template-columns:1fr}.product-feature .product-media,.product-feature.reverse .product-media{order:1;min-height:330px}.product-feature .product-content,.product-feature.reverse .product-content{order:2}.architecture-board{padding:18px}.board-layer{grid-template-columns:1fr}.roadmap{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:1fr}.contact-shell{padding:36px 28px}.footer-main{display:block}.footer-main nav{margin-top:24px;flex-wrap:wrap}}
@media (max-width:560px){.container{width:min(100% - 26px,1180px)}.hero h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:8px}.hero-visual{min-height:380px}.hero-visual>img{width:80%;left:8%}.orbit-card{padding:9px 11px}.orbit-card strong{font-size:11px}.orbit-card small{font-size:9px}.live-panel{width:190px;padding:12px}.hero-strip{grid-template-columns:1fr}.hero-strip article{border-right:0;border-bottom:1px solid #e3ebfa!important}.intro-layout{gap:24px}.intro h2,.section-head h2,.architecture h2,.team h2,.contact h2{font-size:34px}.capability-cards,.product-card-grid,.team-grid,.roadmap,.team-banner{grid-template-columns:1fr}.product-content{padding:32px 24px}.product-content h3{font-size:35px}.product-media{min-height:270px!important}.mini-image,.mini-graphic{height:210px}.board-layer div{grid-template-columns:repeat(2,1fr)}.contact-actions{flex-direction:column}.contact-card{flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.product-feature,.mini-product,.capability-cards article,.team-grid article,.roadmap article,.insight-grid a{opacity:1;transform:none}}
.product-detail-link{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:22px;padding:11px 15px;border-radius:12px;background:linear-gradient(135deg,#104ecf,#2385ef);color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 28px rgba(30,91,216,.22)}.product-detail-link:hover span{transform:translateX(3px)}.product-detail-link span{transition:.2s}

/* ===== 2026-07 全产品宣传页统一升级 ===== */
.hero-visual.hero-art{min-height:500px;display:flex;align-items:center;justify-content:center;position:relative}
.hero-art-frame{width:100%;border-radius:30px;overflow:hidden;border:1px solid rgba(96,145,238,.22);background:linear-gradient(145deg,#fafdff,#dceaff);box-shadow:0 28px 70px rgba(28,75,160,.16);transform:perspective(1100px) rotateY(-2deg)}
.hero-art-frame img{display:block;width:100%;height:auto;object-fit:contain}
.products-head{margin-bottom:24px}
.product-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:34px;padding:12px;border:1px solid #dce8fb;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 15px 45px rgba(25,65,145,.07);position:relative;z-index:2}
.product-jump a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;color:#31466f;font-weight:800;font-size:13px;transition:.2s}
.product-jump a:hover{background:#edf4ff;color:#0758d8;transform:translateY(-1px)}
.product-jump b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#0b52d8,#21a5f7);color:white;font-size:11px;box-shadow:0 8px 18px rgba(21,99,222,.22)}
.all-products{gap:34px}
.all-products .product-feature{grid-template-columns:minmax(0,1.07fr) minmax(420px,.93fr);min-height:590px;scroll-margin-top:100px;background:linear-gradient(145deg,#fff,#fbfdff);border-color:#dbe7fa}
.all-products .product-media{min-height:590px;background:linear-gradient(145deg,#edf5ff,#dceaff);isolation:isolate}
.all-products .product-media:before{inset:9%;box-shadow:0 0 0 44px rgba(255,255,255,.22),0 0 0 90px rgba(255,255,255,.1);z-index:-1}
.product-media-image{display:flex;align-items:center;justify-content:center;padding:24px 24px 72px}
.product-media-image img{position:relative;inset:auto;width:100%;height:100%;max-height:500px;object-fit:contain;mix-blend-mode:normal;border-radius:22px;filter:drop-shadow(0 18px 28px rgba(35,82,164,.12));transform:none!important}
.media-note{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border:1px solid rgba(255,255,255,.88);border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(37,76,147,.1);z-index:3}
.media-note strong{font-size:13px;color:#173363}.media-note span{font-size:11px;color:#6b7c9a;text-align:right}
.all-products .product-content{padding:52px 48px}
.all-products .product-content h3{font-size:43px;margin-top:12px}.all-products .product-content h4{font-size:19px;line-height:1.55;margin-bottom:14px}.all-products .product-content p{font-size:14px;line-height:1.9;margin:0}
.process-line{display:flex;align-items:center;gap:0;margin:19px 0 14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.process-line::-webkit-scrollbar{display:none}.process-line i{font-style:normal;white-space:nowrap;font-size:10px;font-weight:850;color:var(--tone);padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--tone) 8%,white);border:1px solid color-mix(in srgb,var(--tone) 14%,white)}.process-line i:not(:last-child):after{content:"→";margin-left:10px;color:#9bb0d0}
.product-detail-link.secondary{background:linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone) 72%,#45caff));box-shadow:0 12px 28px color-mix(in srgb,var(--tone) 22%,transparent)}
.custom-product-visual{padding:28px 28px 76px;display:flex;align-items:center;justify-content:center}
.mock-window{width:100%;max-width:620px;border-radius:24px;overflow:hidden;border:1px solid rgba(79,132,224,.2);background:rgba(255,255,255,.95);box-shadow:0 24px 60px rgba(34,78,156,.17)}
.mock-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid #e5edf9;background:#f8fbff}.mock-top span{width:8px;height:8px;border-radius:50%;background:#b8c8e4}.mock-top span:first-child{background:#4d8eff}.mock-top b{margin-left:8px;font-size:12px;color:#274471}
.office-layout{display:grid;grid-template-columns:142px 1fr;min-height:390px}.office-layout aside{padding:20px 12px;background:linear-gradient(180deg,#0c45bd,#113683);color:white}.office-layout aside strong{display:block;font-size:13px;margin:0 8px 15px}.office-layout aside a{display:block;padding:10px 9px;margin:4px 0;border-radius:9px;font-size:11px;color:#bfd3ff}.office-layout aside a.active{background:rgba(255,255,255,.14);color:#fff}.office-layout main{padding:18px;background:#f7faff}.office-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.office-summary article{padding:12px;border-radius:12px;background:#fff;border:1px solid #e1eaf8}.office-summary small,.office-summary b{display:block}.office-summary small{font-size:9px;color:#7d8ca7}.office-summary b{font-size:23px;color:#1559d4;margin-top:3px}.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.office-grid section{padding:14px;border-radius:13px;background:white;border:1px solid #e2eaf7}.office-grid section.wide{grid-column:1/-1}.office-grid strong{font-size:11px;color:#24406c}.office-grid p{font-size:9px!important;line-height:1.5!important;margin:6px 0!important}.office-grid em{font-size:8px;color:#1686e7}.doc-lines{margin-top:10px}.doc-lines i{display:block;height:5px;margin:6px 0;border-radius:5px;background:#e5edf9}.doc-lines i:nth-child(2){width:82%}.doc-lines i:nth-child(3){width:64%}
.knowledge-flow{width:100%;display:grid;grid-template-columns:1fr auto 1.3fr auto 1fr;gap:14px;align-items:center}.source-stack,.permission-stack{display:grid;gap:9px}.source-stack article,.permission-stack article{padding:12px;border-radius:13px;background:rgba(255,255,255,.95);border:1px solid #dce9f7;box-shadow:0 8px 18px rgba(38,82,154,.07)}.source-stack b,.permission-stack b{display:block;font-size:11px;color:#1250bc}.source-stack span,.permission-stack span{font-size:8px;color:#7888a4}.flow-arrow{font-size:22px;color:#58a2ee}.knowledge-core{padding:26px 18px;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 38% 32%,#fff,#bfe2ff 58%,#4f8fe9);box-shadow:0 18px 42px rgba(45,100,188,.22),inset 0 0 0 10px rgba(255,255,255,.35);color:#113c89}.knowledge-core span{font-size:17px;font-weight:900}.knowledge-core strong{font-size:8px;margin-top:6px}.core-lines{display:flex;gap:5px;margin-top:12px}.core-lines i{width:6px;height:22px;border-radius:5px;background:#1763d6}.core-lines i:nth-child(2){height:32px}.core-lines i:nth-child(3){height:17px}.knowledge-status{position:absolute;left:38px;right:38px;bottom:78px;display:flex;justify-content:center;gap:18px}.knowledge-status span{font-size:9px;color:#27609b}.knowledge-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#27c887;margin-right:5px}
.role-cloud{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 8px}.role-cloud b{padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--tone) 8%,white);color:var(--tone);font-size:10px}
@media(max-width:1050px){.product-jump{grid-template-columns:repeat(2,1fr)}.all-products .product-feature{grid-template-columns:1fr 1fr}.all-products .product-content{padding:40px 32px}.knowledge-flow{transform:scale(.9)}}
@media(max-width:800px){.hero-visual.hero-art{min-height:auto}.hero-art-frame{transform:none}.all-products .product-feature,.all-products .product-feature.reverse{grid-template-columns:1fr}.all-products .product-feature .product-media,.all-products .product-feature.reverse .product-media{order:1;min-height:470px}.all-products .product-feature .product-content,.all-products .product-feature.reverse .product-content{order:2}.product-media-image img{max-height:390px}.product-jump{grid-template-columns:repeat(2,1fr)}.knowledge-flow{transform:scale(.92)}}
@media(max-width:560px){.product-jump{grid-template-columns:1fr}.all-products .product-feature .product-media,.all-products .product-feature.reverse .product-media{min-height:350px}.product-media-image{padding:16px 16px 66px}.product-media-image img{max-height:280px}.media-note{left:14px;right:14px;bottom:14px}.media-note span{display:none}.all-products .product-content{padding:30px 23px}.all-products .product-content h3{font-size:34px}.process-line{gap:5px}.process-line i:not(:last-child):after{display:none}.custom-product-visual{padding:15px 12px 68px}.office-layout{grid-template-columns:92px 1fr;min-height:290px}.office-layout aside{padding:12px 6px}.office-layout aside a{font-size:8px;padding:7px 5px}.office-summary article{padding:8px}.office-summary small{font-size:7px}.office-summary b{font-size:16px}.office-grid section{padding:9px}.knowledge-flow{grid-template-columns:1fr auto 1.25fr;gap:8px;transform:scale(.88)}.permission-stack{display:none}.knowledge-status{display:none}.knowledge-core span{font-size:13px}.source-stack article{padding:8px}.mock-window{border-radius:16px}}

/* ===== 2026-07 动态数字员工形象升级 ===== */
.hero-art-live{position:relative;min-height:570px;padding:28px 24px 138px;background:linear-gradient(145deg,#f8fbff 0%,#deebff 58%,#eef5ff 100%);overflow:hidden}
.hero-art-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.96) 0 22%,rgba(109,165,255,.22) 22.4%,rgba(109,165,255,.1) 30%,transparent 54%)}
.hero-orbit{position:absolute;border:1px solid rgba(62,128,237,.2);border-radius:50%;pointer-events:none}
.hero-orbit-a{width:68%;height:68%;left:16%;top:9%;animation:spin 18s linear infinite}
.hero-orbit-b{width:52%;height:52%;left:24%;top:17%;border-style:dashed;animation:spinReverse 14s linear infinite}
.floating-card,.service-card,.sales-metric,.director-speech{position:absolute;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);box-shadow:0 16px 34px rgba(30,72,150,.12)}
.floating-card b,.service-card b,.sales-metric strong,.director-speech b{display:block;font-size:15px;color:#122e67}
.floating-card span,.service-card span,.sales-metric span,.director-speech span{display:block;margin-top:4px;font-size:12px;color:#687c9d}
.floating-card.card-knowledge{left:36px;top:58px;animation:floatSoft 5.4s ease-in-out infinite}
.floating-card.card-growth{left:24px;bottom:138px;animation:floatSoft 5.2s ease-in-out infinite .6s}
.floating-card.card-action{right:30px;top:84px;animation:floatSoft 5.8s ease-in-out infinite .2s}
.mascot-stage,.director-stage,.service-stage{position:absolute;left:50%;transform:translateX(-50%)}
.mascot-stage{top:94px;width:330px;height:304px}
.mascot-shadow{position:absolute;left:50%;bottom:4px;width:68%;height:36px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(44,107,223,.28) 0%,rgba(44,107,223,.06) 55%,transparent 72%);filter:blur(10px)}
.mascot{position:absolute;left:50%;top:0;transform:translateX(-50%);width:220px;height:220px;animation:floatMascot 4.8s ease-in-out infinite}
.mascot-body{position:relative;width:100%;height:100%;border-radius:48% 52% 45% 55%/55% 50% 52% 43%;background:radial-gradient(circle at 35% 26%,#ffffff 0 32%,#eef6ff 54%,#d9ebff 74%,#c7ddff 100%);box-shadow:inset -18px -16px 28px rgba(88,158,255,.18), inset 14px 12px 22px rgba(255,255,255,.92), 0 26px 40px rgba(40,94,184,.16);overflow:hidden}
.mascot-body:after{content:"";position:absolute;inset:5% 7% 8% 6%;border-radius:inherit;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.mascot-tail,.mascot-fin,.mascot-ear{position:absolute;background:linear-gradient(180deg,#8ff5ff 0%,#45b8ff 45%,#114fe2 100%);box-shadow:inset 0 0 14px rgba(255,255,255,.4),0 12px 22px rgba(33,98,224,.2)}
.mascot-tail{width:78px;height:78px;left:8px;bottom:35px;border-radius:30% 72% 62% 54%/42% 52% 48% 64%;transform:rotate(-18deg);filter:saturate(1.1)}
.mascot-tail:before{content:"";position:absolute;width:52px;height:52px;right:-12px;top:8px;border-radius:30% 70% 56% 50%/40% 42% 58% 60%;background:linear-gradient(180deg,#a7ffff 0%,#65d7ff 44%,#1f76ff 100%)}
.mascot-fin{width:72px;height:92px;bottom:34px;z-index:3;transform-origin:50% 85%}
.mascot-fin:after,.mascot-tail:after{content:"";position:absolute;inset:18% 42% 16% 16%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0))}
.mascot-fin-left{left:6px;border-radius:42% 66% 58% 48%/28% 44% 58% 72%;transform:rotate(18deg);animation:flapLeft 2.6s ease-in-out infinite}
.mascot-fin-right{right:6px;border-radius:66% 42% 48% 58%/44% 28% 72% 58%;transform:rotate(-18deg);animation:flapRight 2.6s ease-in-out infinite}
.mascot-ear{width:56px;height:38px;top:38px;background:linear-gradient(180deg,#f7fbff 0%,#d8eaff 100%);box-shadow:inset 0 0 12px rgba(255,255,255,.85)}
.mascot-ear-left{left:-2px;border-radius:68% 36% 62% 42%;transform:rotate(-34deg)}
.mascot-ear-right{right:-2px;border-radius:36% 68% 42% 62%;transform:rotate(34deg)}
.mascot-logo{position:absolute;left:50%;top:28px;transform:translateX(-50%);width:56px;height:24px}
.mascot-logo i{position:absolute;top:0;width:26px;height:22px;border:4px solid #1b66f2;border-radius:60% 70% 65% 56%/68% 62% 58% 54%;opacity:.98}
.mascot-logo i:first-child{left:0;transform:rotate(-18deg)}
.mascot-logo i:last-child{right:0;transform:rotate(18deg);border-color:#28cdf2}
.mascot-eye{position:absolute;top:78px;width:34px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#2d7eff 0%,#1432a2 38%,#081544 88%);box-shadow:0 0 0 4px rgba(255,255,255,.52);overflow:hidden}
.mascot-eye-left{left:50px}.mascot-eye-right{right:50px}
.mascot-eye em{position:absolute;left:9px;top:7px;width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:10px 8px 0 -4px rgba(255,255,255,.8)}
.mascot-pupil{position:absolute;left:50%;top:52%;width:13px;height:16px;margin:-8px 0 0 -6px;border-radius:50%;background:#071645;box-shadow:0 0 0 2px rgba(23,71,208,.14);transition:transform .18s ease-out}
.mascot-mouth{position:absolute;left:50%;top:138px;width:38px;height:20px;transform:translateX(-50%);border-bottom:4px solid #223972;border-radius:0 0 22px 22px}
.mascot-mouth.smile-open{height:24px;border:0;background:linear-gradient(180deg,#17326f,#102352);border-radius:0 0 24px 24px}
.mascot-mouth.smile-open:after{content:"";position:absolute;left:50%;bottom:0;width:22px;height:10px;transform:translateX(-50%);border-radius:12px 12px 4px 4px;background:#ff8eb1}
.mascot-blush{position:absolute;top:132px;width:22px;height:10px;border-radius:50%;background:rgba(89,188,255,.18);filter:blur(1px)}
.mascot-blush-left{left:28px}.mascot-blush-right{right:28px}
.hero-status-panel{position:absolute;right:26px;bottom:138px;width:260px;padding:20px;border-radius:24px;background:rgba(7,28,82,.96);color:#fff;box-shadow:0 24px 40px rgba(6,29,94,.28)}
.hero-status-panel strong{display:flex;align-items:center;gap:10px;font-size:16px}.hero-status-panel strong i{width:10px;height:10px;border-radius:50%;background:#32deff;box-shadow:0 0 0 6px rgba(50,222,255,.14)}
.hero-status-panel p{display:flex;justify-content:space-between;margin:13px 0 0;color:#c8d8ff;font-size:13px}.hero-status-panel p b{color:#fff}
.hero-feature-strip{position:absolute;left:28px;right:28px;bottom:26px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:16px 8px;border-radius:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 40px rgba(30,72,150,.12)}
.hero-feature-strip article{padding:10px 14px;border-right:1px solid rgba(126,160,220,.2)}
.hero-feature-strip article:last-child{border-right:0}.hero-feature-strip b{display:block;font-size:14px;color:#16356d}.hero-feature-strip span{display:block;font-size:11px;color:#677b9e}

.sales-live-scene{padding:24px 24px 76px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
.sales-director-zone{position:relative;height:210px;width:100%}
.sales-metric{padding:14px 16px}.sales-metric strong{font-size:13px}.sales-metric b{display:block;margin-top:4px;font-size:28px;color:#1660e0}.sales-metric-left{left:8px;top:18px;width:138px}.sales-metric-right{right:8px;top:58px;width:150px}
.director-speech{right:110px;top:12px}.director-stage{top:8px;width:240px;height:190px}.mascot-director{width:156px;height:156px}.mascot-director .mascot-mouth{top:99px;width:28px}.mascot-director .mascot-logo{top:18px;transform:translateX(-50%) scale(.72)}.mascot-director .mascot-eye{top:52px;width:24px;height:32px}.mascot-director .mascot-eye-left{left:36px}.mascot-director .mascot-eye-right{right:36px}.mascot-director .mascot-fin{width:50px;height:68px;bottom:22px}.mascot-director .mascot-tail{width:54px;height:54px;left:6px;bottom:22px}.mascot-director .mascot-ear{width:38px;height:24px;top:24px}
.mascot-crown{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:58px;height:34px;background:linear-gradient(180deg,#52a3ff,#0b44d9);clip-path:polygon(0 100%,8% 42%,22% 72%,35% 18%,50% 72%,66% 6%,79% 72%,92% 42%,100% 100%);filter:drop-shadow(0 8px 12px rgba(27,93,223,.22))}
.mascot-crown:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-2px;height:8px;border-radius:10px;background:linear-gradient(180deg,#2270f2,#1145c8)}
.director-board{position:absolute;right:-24px;bottom:12px;width:76px;height:58px;border-radius:12px;border:1px solid rgba(255,255,255,.88);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(223,236,255,.72));box-shadow:0 10px 22px rgba(23,78,166,.15);transform:rotate(-9deg)}
.director-board span{display:block;height:7px;margin:9px 10px;border-radius:7px;background:linear-gradient(90deg,#7eb6ff,#1558db)}
.director-board span:nth-child(2){width:68%}.director-board span:nth-child(3){width:52%}
.sales-flow-line{position:absolute;left:62px;right:62px;top:256px;height:2px;border-top:2px dashed rgba(29,111,233,.45)}
.sales-team-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px;z-index:2}
.sales-team-grid article{display:flex;flex-direction:column;align-items:center;text-align:center}
.mini-stage{position:relative;width:100%;height:118px}.mini-stage .mascot-shadow{bottom:0;width:72%;height:22px}.mascot-mini{width:88px;height:88px;top:12px}.mascot-mini .mascot-logo{top:10px;transform:translateX(-50%) scale(.48)}.mascot-mini .mascot-eye{top:28px;width:15px;height:22px}.mascot-mini .mascot-eye-left{left:23px}.mascot-mini .mascot-eye-right{right:23px}.mascot-mini .mascot-mouth{top:57px;width:18px;height:10px;border-bottom-width:3px}.mascot-mini .mascot-fin{width:28px;height:44px;bottom:10px}.mascot-mini .mascot-tail{width:28px;height:28px;left:8px;bottom:12px}.mascot-mini .mascot-ear{width:22px;height:14px;top:14px}
.sales-team-grid h5{margin:4px 0 2px;font-size:14px;color:#19438c}.sales-team-grid p{margin:0;font-size:11px;color:#6d7d98}
.tool-magnifier,.tool-chat,.tool-checklist,.tool-bulb,.tool-trophy,.tool-tablet{position:absolute;z-index:4}
.tool-magnifier{width:22px;height:22px;left:-2px;top:48px;border:4px solid #1d63ea;border-radius:50%}.tool-magnifier:after{content:"";position:absolute;width:15px;height:4px;right:-10px;bottom:-5px;background:#1d63ea;border-radius:4px;transform:rotate(38deg)}
.tool-tablet{right:-6px;top:38px;width:38px;height:30px;border-radius:10px;background:linear-gradient(145deg,#f5fbff,#d8e6ff);border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 18px rgba(28,78,162,.16)}
.tool-tablet:before,.tool-tablet:after{content:"";position:absolute;border-radius:50%;background:#2a7eff}.tool-tablet:before{width:18px;height:18px;left:6px;top:6px;background:conic-gradient(#2a7eff 0 76deg,#ddeafd 76deg 360deg);border-radius:50%}.tool-tablet:after{width:8px;height:8px;right:7px;bottom:8px}
.tool-chat{right:-8px;top:38px;width:30px;height:22px;border-radius:12px;background:linear-gradient(145deg,#2c82ff,#1454dc);box-shadow:0 8px 18px rgba(28,78,162,.16)}
.tool-chat:before{content:"";position:absolute;left:8px;top:8px;width:14px;height:4px;border-radius:5px;background:#fff;box-shadow:0 6px 0 #fff}
.tool-chat:after{content:"";position:absolute;left:8px;bottom:-5px;border:6px solid transparent;border-top-color:#1454dc;border-left:0}
.tool-checklist{right:-10px;top:36px;width:36px;height:32px;border-radius:10px;background:linear-gradient(145deg,#f7fbff,#dfeaff);border:1px solid rgba(255,255,255,.95)}
.tool-checklist:before{content:"";position:absolute;left:7px;top:8px;width:4px;height:4px;border:2px solid #1765e6;border-top:0;border-left:0;transform:rotate(45deg);box-shadow:0 8px 0 0 #1765e6,12px -1px 0 4px rgba(23,101,230,.18),12px 7px 0 4px rgba(23,101,230,.18)}
.tool-bulb{right:-4px;top:34px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff7ae 0%,#ffe25d 58%,#ffca27 100%);box-shadow:0 0 0 5px rgba(255,216,77,.22)}
.tool-bulb:after{content:"";position:absolute;left:8px;bottom:-8px;width:8px;height:10px;border-radius:3px;background:#245cdf}
.tool-trophy{right:-8px;top:30px;width:28px;height:24px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#f1c24a,#cb8e19);box-shadow:0 8px 18px rgba(201,146,31,.18)}
.tool-trophy:before,.tool-trophy:after{content:"";position:absolute;top:4px;width:9px;height:12px;border:3px solid #d39d28;border-radius:50%}.tool-trophy:before{left:-8px;border-right:0}.tool-trophy:after{right:-8px;border-left:0}.tool-trophy{clip-path:polygon(12% 0,88% 0,80% 65%,62% 84%,62% 100%,38% 100%,38% 84%,20% 65%)}
.tool-trophy + *{}

.service-live-scene{padding:24px 24px 76px;overflow:hidden}
.service-card{width:148px;padding:14px 16px;z-index:3}.service-card-left{left:18px}.service-card-right{right:18px}.service-card.top{top:52px}.service-card.middle{top:182px}.service-card.bottom{top:314px}
.service-chat-window{position:absolute;left:50%;top:54px;transform:translateX(-50%);width:340px;padding:14px 16px 18px;border-radius:24px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);box-shadow:0 18px 34px rgba(38,84,158,.12)}
.service-chat-top{display:flex;gap:6px;margin-bottom:12px}.service-chat-top span{width:8px;height:8px;border-radius:50%;background:#91b8ff}.service-chat-top span:first-child{background:#34b5ff}
.bubble{max-width:78%;margin:7px 0;padding:10px 13px;border-radius:14px;font-size:12px;color:#2f476f;line-height:1.5}.bubble.ask{background:rgba(255,255,255,.88);margin-left:auto}.bubble.reply{background:linear-gradient(135deg,#d8ebff,#eef7ff)}
.service-stage{bottom:78px;width:320px;height:235px}
.desk-glow{position:absolute;left:50%;bottom:0;width:100%;height:40px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(36,102,225,.24),rgba(36,102,225,.05) 58%,transparent 70%);filter:blur(8px)}
.service-desk{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:250px;height:110px;border-radius:26px;background:linear-gradient(180deg,rgba(213,236,255,.82),rgba(124,188,255,.3));border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 0 18px rgba(255,255,255,.72),0 18px 36px rgba(36,82,160,.14)}
.service-desk:before{content:"";position:absolute;left:18px;right:18px;top:12px;height:16px;border-radius:16px;background:rgba(255,255,255,.42)}
.desk-screen{position:absolute;left:16px;top:18px;width:94px;height:58px;border-radius:18px;background:linear-gradient(145deg,#2d84ff,#1144d2);color:#fff;font-weight:900;display:grid;place-items:center;box-shadow:0 14px 24px rgba(30,91,216,.22)}
.service-badge{position:absolute;right:16px;bottom:12px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#1bb8ff,#1664e3);color:#fff;font-size:12px;font-weight:900}
.mascot-service{width:150px;height:150px;top:30px}.mascot-service .mascot-fin{width:44px;height:62px;bottom:18px}.mascot-service .mascot-tail{width:46px;height:46px;left:6px;bottom:18px}.mascot-service .mascot-ear{width:34px;height:22px;top:22px}.mascot-service .mascot-eye{top:46px;width:24px;height:32px}.mascot-service .mascot-eye-left{left:35px}.mascot-service .mascot-eye-right{right:35px}.mascot-service .mascot-mouth{top:90px}
.mascot-headset{position:absolute;left:50%;top:18px;width:130px;height:92px;transform:translateX(-50%);pointer-events:none}
.mascot-headset:before,.mascot-headset:after{content:"";position:absolute;background:linear-gradient(180deg,#53a4ff,#0c4de1)}
.mascot-headset:before{left:14px;right:14px;top:4px;height:20px;border-radius:30px 30px 0 0;border:4px solid #1a69ef;border-bottom:0;background:transparent}
.mascot-headset:after{right:6px;top:54px;width:40px;height:8px;border-radius:6px;transform:rotate(20deg)}
.mascot-service .mascot-body:before{content:"";position:absolute;right:-3px;top:58px;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#61aefd,#1147da);box-shadow:-112px 0 0 0 rgba(17,71,218,.96)}
.mascot-service .mascot-body:after{border:1px solid rgba(255,255,255,.46)}

@keyframes floatMascot{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes flapLeft{0%,100%{transform:rotate(18deg)}50%{transform:rotate(28deg)}}
@keyframes flapRight{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(-28deg)}}
@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}

@media(max-width:1100px){.hero-feature-strip{grid-template-columns:repeat(3,1fr)}.hero-feature-strip article:nth-child(3){border-right:0}.sales-team-grid{grid-template-columns:repeat(3,1fr);row-gap:18px}.sales-flow-line{display:none}.service-card{width:130px}.service-chat-window{width:280px}}
@media(max-width:800px){.hero-art-live{min-height:700px;padding-bottom:170px}.mascot-stage{top:94px}.hero-status-panel{right:18px;left:18px;bottom:152px;width:auto}.hero-feature-strip{left:16px;right:16px;grid-template-columns:repeat(2,1fr);bottom:16px}.hero-feature-strip article{border-right:0}.floating-card.card-knowledge{left:16px;top:24px}.floating-card.card-action{right:16px;top:28px}.floating-card.card-growth{left:16px;bottom:248px}.sales-director-zone{height:240px}.director-speech{right:24px;top:6px}.sales-metric-left{left:10px;top:108px}.sales-metric-right{right:10px;top:116px}.sales-team-grid{grid-template-columns:repeat(2,1fr)}.service-live-scene{padding-top:150px}.service-card{position:static;width:auto}.service-card-left,.service-card-right{right:auto;left:auto}.service-live-scene{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.service-chat-window,.service-stage,.service-live-scene .media-note{grid-column:1/-1;position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%}.service-chat-window{margin-top:6px}.service-stage{height:250px;bottom:auto}.service-desk{bottom:8px}.service-live-scene .media-note{left:auto;right:auto}}
@media(max-width:560px){.hero-art-live{min-height:760px;padding:18px 14px 230px}.floating-card{padding:12px 14px;border-radius:16px}.floating-card b{font-size:13px}.floating-card span{font-size:11px}.floating-card.card-knowledge,.floating-card.card-action{position:relative;left:auto;right:auto;top:auto;margin-bottom:8px;display:inline-block}.floating-card.card-growth{left:14px;bottom:302px}.mascot-stage{top:132px;width:250px;height:250px}.mascot{width:180px;height:180px}.mascot-logo{transform:translateX(-50%) scale(.78)}.mascot-eye{top:64px;width:28px;height:36px}.mascot-eye-left{left:42px}.mascot-eye-right{right:42px}.mascot-mouth{top:118px}.hero-status-panel{bottom:210px;padding:16px}.hero-feature-strip{grid-template-columns:1fr;gap:4px;padding:10px}.hero-feature-strip article{padding:8px 10px;border-bottom:1px solid rgba(126,160,220,.14)}.hero-feature-strip article:last-child{border-bottom:0}.sales-live-scene{padding:16px 14px 72px}.sales-director-zone{height:280px}.director-stage{top:68px}.director-speech{left:14px;right:14px;top:10px;text-align:center}.sales-metric-left{left:12px;top:202px;width:118px}.sales-metric-right{right:12px;top:202px;width:118px}.sales-team-grid{grid-template-columns:repeat(2,1fr);gap:8px}.service-live-scene{grid-template-columns:1fr;padding:14px 14px 72px}.service-chat-window{padding:12px}.bubble{max-width:90%;font-size:11px}.service-stage{height:230px}.service-desk{width:220px;height:100px}.mascot-service{width:132px;height:132px}}

/* ===== 2026-07 修正版：还原原始IP形象 + GEO非贴图化 ===== */
.mascot-stage-original{top:84px;width:360px;height:320px}
.live-mascot-figure{position:absolute;left:50%;top:0;transform:translateX(-50%);transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 26px 34px rgba(38,95,187,.16))}
.live-mascot-figure img{display:block;width:100%;height:auto;animation:liveFloatInner 5.6s ease-in-out infinite}
.hero-mascot-figure{width:265px}
.hero-mascot-figure:before{content:"";position:absolute;inset:-10% -14% -6% -14%;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.92),rgba(129,178,255,.18) 54%,transparent 72%);z-index:-1;filter:blur(4px)}
.hero-mascot-figure:after{content:"";position:absolute;left:50%;bottom:-14px;width:70%;height:18px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(44,107,223,.18),transparent 72%)}

.geo-live-scene{padding:26px 24px 86px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
.geo-board{position:relative;flex:1;min-height:420px;border-radius:28px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(246,250,255,.92),rgba(219,233,255,.78));box-shadow:inset 0 0 0 1px rgba(255,255,255,.56);overflow:hidden}
.geo-board:before{content:"";position:absolute;left:50%;top:46px;width:430px;height:430px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(115,161,236,.22);box-shadow:0 0 0 56px rgba(255,255,255,.12),0 0 0 110px rgba(255,255,255,.08)}
.geo-board:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 58%)}
.geo-platform{position:absolute;left:50%;bottom:56px;width:240px;height:58px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(51,120,255,.44),rgba(15,71,214,.22) 42%,rgba(255,255,255,.35) 43%,rgba(255,255,255,0) 72%);filter:blur(.2px)}
.geo-platform:before{content:"";position:absolute;inset:8px 24px 10px;border-radius:50%;border:2px solid rgba(48,115,239,.32)}
.geo-shield{position:absolute;left:50%;top:76px;width:152px;height:178px;transform:translateX(-50%);clip-path:polygon(50% 0,88% 12%,100% 38%,92% 78%,50% 100%,8% 78%,0 38%,12% 12%);background:linear-gradient(180deg,#66abff 0%,#1f71ff 48%,#0b45da 100%);box-shadow:inset 0 0 0 6px rgba(255,255,255,.3),0 22px 36px rgba(18,73,186,.22);z-index:2}
.geo-shield:before{content:"";position:absolute;inset:10px;clip-path:inherit;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.08) 40%,rgba(255,255,255,.02));opacity:.95}
.geo-shield span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:900;color:#fff;letter-spacing:.02em;text-shadow:0 8px 16px rgba(3,37,122,.22)}
.geo-mascot-figure{width:112px;left:34%;top:192px;animation-duration:6.2s;z-index:3}
.geo-card{position:absolute;display:flex;flex-direction:column;justify-content:center;min-width:118px;min-height:56px;padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 26px rgba(30,72,150,.08);z-index:3}
.geo-card b{font-size:12px;color:#244a88}.geo-card span{font-size:10px;color:#7384a1;margin-top:2px}
.geo-card-left{left:28px}.geo-card-right{right:28px}
.geo-card.one{top:64px}.geo-card.two{top:132px}.geo-card.three{top:200px}.geo-card.four{top:272px}.geo-card-right.one{top:76px}.geo-card-right.two{top:144px}.geo-card-right.three{top:212px}.geo-card-right.four{top:64px;right:170px}.geo-card-right.five{top:144px;right:170px}.geo-card-right.six{top:224px;right:170px}
.geo-flow{position:absolute;height:2px;border-top:2px dashed rgba(38,111,236,.38);z-index:1}.flow-1{left:150px;top:94px;width:126px}.flow-2{left:150px;top:162px;width:118px}.flow-3{right:150px;top:106px;width:126px}.flow-4{right:150px;top:174px;width:118px}
.geo-steps{position:absolute;left:24px;right:24px;bottom:78px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;z-index:4}
.geo-steps article{padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);text-align:center;box-shadow:0 10px 20px rgba(30,72,150,.06)}
.geo-steps strong{display:block;font-size:12px;color:#0f5dd9}.geo-steps span{display:block;font-size:11px;color:#6f7e99;margin-top:2px}

@keyframes liveFloat{0%,100%{transform:translateX(-50%) translateY(0px)}50%{transform:translateX(-50%) translateY(-12px)}}

@media(max-width:1100px){.geo-card-right.four,.geo-card-right.five,.geo-card-right.six{display:none}.geo-card-right{right:20px}.geo-card-left{left:20px}.geo-board:before{width:360px;height:360px}.geo-steps{grid-template-columns:repeat(3,1fr)}.geo-steps article:nth-child(4),.geo-steps article:nth-child(5){display:none}}
@media(max-width:800px){.hero-mascot-figure{width:220px}.geo-live-scene{padding:18px 16px 76px}.geo-board{min-height:360px}.geo-shield{width:132px;height:154px;top:62px}.geo-shield span{font-size:34px}.geo-mascot-figure{width:90px;top:176px;left:31%}.geo-card{min-width:100px;padding:9px 11px}.geo-card b{font-size:11px}.geo-card span{font-size:9px}.geo-card-left{left:12px}.geo-card-right{right:12px}.geo-card.one{top:48px}.geo-card.two{top:112px}.geo-card.three{top:176px}.geo-card.four{top:240px}.geo-card-right.one{top:58px}.geo-card-right.two{top:122px}.geo-card-right.three{top:186px}.flow-1,.flow-2,.flow-3,.flow-4{display:none}.geo-steps{left:16px;right:16px;bottom:72px;grid-template-columns:repeat(2,1fr)}.geo-steps article:nth-child(4),.geo-steps article:nth-child(5){display:block}}
@media(max-width:560px){.mascot-stage-original{top:150px;width:250px;height:220px}.hero-mascot-figure{width:180px}.geo-board{min-height:320px}.geo-board:before{width:280px;height:280px;top:30px;box-shadow:0 0 0 28px rgba(255,255,255,.12),0 0 0 54px rgba(255,255,255,.06)}.geo-shield{width:110px;height:132px;top:70px}.geo-shield span{font-size:28px}.geo-mascot-figure{width:72px;left:18px;top:192px;transform:none}.geo-card{position:static;min-height:unset}.geo-board{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:8px;padding:12px 12px 88px}.geo-platform{left:50%;bottom:98px;width:160px;height:40px}.geo-shield{position:absolute;left:50%;transform:translateX(-50%)}.geo-card-left,.geo-card-right{left:auto;right:auto}.geo-card-left.one,.geo-card-left.two,.geo-card-left.three,.geo-card-left.four,.geo-card-right.one,.geo-card-right.two,.geo-card-right.three,.geo-card-right.four,.geo-card-right.five,.geo-card-right.six{top:auto}.geo-flow{display:none}.geo-steps{grid-template-columns:repeat(2,1fr);bottom:70px}.geo-steps article:nth-child(5){display:none}}

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

/* ===== 2026-07 继续优化：所有动态场景统一使用原始IP形象 ===== */
.geo-board:after{z-index:0;pointer-events:none}
.geo-board:before{z-index:0}
.geo-platform{z-index:1}
.hero-mascot-figure{width:292px}
.hero-mascot-figure img{transform-origin:50% 54%}

.sales-original-scene .director-stage-original{top:12px;width:270px;height:205px}
.director-original-figure{width:185px;top:0;z-index:4}
.director-original-figure img{animation:directorFloat 5.2s ease-in-out infinite;transform-origin:50% 55%}
.role-crown{position:absolute;left:55%;top:13px;width:48px;height:31px;transform:translateX(-50%) rotate(3deg);background:linear-gradient(180deg,#68b6ff,#0b4ddc);clip-path:polygon(0 100%,8% 40%,25% 70%,38% 10%,52% 70%,68% 0,80% 70%,94% 38%,100% 100%);filter:drop-shadow(0 7px 10px rgba(20,77,190,.24));z-index:6}
.role-crown:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;border-radius:10px;background:#1454d8}
.role-board{position:absolute;right:-22px;bottom:20px;width:72px;height:54px;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(211,229,255,.82));border:1px solid rgba(255,255,255,.96);box-shadow:0 12px 24px rgba(28,78,162,.17);transform:rotate(-8deg);z-index:6}
.role-board i{display:block;height:6px;margin:8px 10px;border-radius:8px;background:linear-gradient(90deg,#7eb6ff,#1558db)}
.role-board i:nth-child(2){width:68%}.role-board i:nth-child(3){width:48%}
.sales-team-original .mini-stage{height:118px}
.role-mascot{position:absolute;left:50%;top:13px;width:92px;transform:translateX(-50%);filter:drop-shadow(0 12px 16px rgba(35,85,177,.14));animation:roleFloat 4.8s ease-in-out infinite}
.role-mascot img{display:block;width:100%;height:auto}
.role-mascot.role-2{animation-delay:.35s}.role-mascot.role-3{animation-delay:.7s}.role-mascot.role-4{animation-delay:1.05s}.role-mascot.role-5{animation-delay:1.4s}.role-mascot.role-6{animation-delay:1.75s}
.sales-team-original .tool-magnifier{left:0;top:44px}.sales-team-original .tool-tablet{right:-4px;top:43px}.sales-team-original .tool-chat{right:-5px;top:42px}.sales-team-original .tool-checklist{right:-5px;top:41px}.sales-team-original .tool-bulb{right:2px;top:35px}.sales-team-original .tool-trophy{right:-2px;top:35px}

.service-original-scene .service-stage-original{bottom:76px;width:340px;height:250px}
.service-original-figure{width:172px;top:20px;z-index:5}
.service-original-figure img{animation:serviceFloat 5.4s ease-in-out infinite;transform-origin:50% 55%}
.role-headset{position:absolute;left:50%;top:24px;width:140px;height:96px;transform:translateX(-50%);z-index:6;pointer-events:none}
.role-headset:before{content:"";position:absolute;left:12px;right:12px;top:0;height:62px;border:6px solid #2167e9;border-bottom:0;border-radius:70px 70px 0 0;filter:drop-shadow(0 6px 7px rgba(27,82,194,.18))}
.role-headset:after{content:"";position:absolute;right:0;top:52px;width:33px;height:10px;border-radius:8px;background:linear-gradient(90deg,#2675f2,#0639bc);transform:rotate(18deg);transform-origin:right center}
.role-headset i:before,.role-headset i:after{content:"";position:absolute;top:45px;width:24px;height:38px;border-radius:12px;background:linear-gradient(180deg,#65b5ff,#0b4dd7);box-shadow:inset 0 0 8px rgba(255,255,255,.42),0 8px 16px rgba(29,78,174,.18)}
.role-headset i:before{left:0}.role-headset i:after{right:0}

@keyframes directorFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes roleFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-7px) rotate(1deg)}}
@keyframes serviceFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}

@media(max-width:800px){
  .hero-mascot-figure{width:242px}
  .director-original-figure{width:162px}
  .service-original-figure{width:150px}
}
@media(max-width:560px){
  .hero-mascot-figure{width:185px}
  .director-original-figure{width:145px}
  .role-mascot{width:80px}
  .service-original-figure{width:136px}
  .role-headset{width:112px;height:82px;top:22px}
  .role-headset:before{height:50px}
  .role-headset i:before,.role-headset i:after{top:39px;width:20px;height:32px}
}
.geo-live-scene{align-items:stretch}
.geo-board{width:100%}

/* ===== 全产品动态化：不再使用整张宣传图作为产品视觉 ===== */
.recruitment-live-scene,.aigc-live-scene,.lobster-live-scene{align-items:stretch;overflow:hidden}

/* Recruitment Agent */
.recruitment-live-scene{padding:30px 28px 76px}
.recruit-shell{position:relative;width:100%;height:100%;min-height:455px;border-radius:26px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);box-shadow:0 24px 55px rgba(35,79,159,.14);overflow:hidden}
.recruit-topbar{height:56px;display:flex;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid #e3ecfa;background:linear-gradient(180deg,#fff,#f8fbff)}
.recruit-topbar strong{margin-right:auto;font-size:14px;color:#164390}.recruit-topbar span{font-size:10px;color:#6d7f9f;padding:7px 10px;border-radius:9px;background:#eef5ff}
.recruit-main{display:grid;grid-template-columns:44% 56%;height:calc(100% - 56px)}
.candidate-panel{padding:18px;background:linear-gradient(180deg,#f7faff,#edf4ff);border-right:1px solid #e0eaf8}
.candidate-search{padding:10px 12px;margin-bottom:12px;border-radius:11px;background:#fff;color:#8795ad;font-size:10px;border:1px solid #e2eaf7}
.candidate-panel article{display:flex;align-items:center;gap:9px;padding:10px;margin:7px 0;border-radius:12px;background:rgba(255,255,255,.76);border:1px solid transparent}
.candidate-panel article.active{background:#fff;border-color:#cfe0ff;box-shadow:0 9px 18px rgba(37,85,173,.08)}
.candidate-panel article>i{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#7ab7ff,#1958d7);position:relative}
.candidate-panel article>i:before{content:"";position:absolute;left:50%;top:6px;width:9px;height:9px;transform:translateX(-50%);border-radius:50%;background:#fff}.candidate-panel article>i:after{content:"";position:absolute;left:50%;bottom:5px;width:17px;height:9px;transform:translateX(-50%);border-radius:12px 12px 7px 7px;background:#fff}
.candidate-panel article div{min-width:0}.candidate-panel article b,.candidate-panel article span{display:block}.candidate-panel article b{font-size:10px;color:#264575}.candidate-panel article span{font-size:8px;color:#8290a8;margin-top:2px}.candidate-panel article em{margin-left:auto;font-style:normal;font-size:10px;font-weight:900;color:#1162dc}
.match-workspace{padding:20px;display:flex;flex-direction:column;background:#fff}
.match-header{display:flex;align-items:center;justify-content:space-between}.match-header small,.match-header b{display:block}.match-header small{font-size:8px;color:#8593aa}.match-header b{font-size:14px;color:#183b78;margin-top:2px}.match-header>span{padding:7px 9px;border-radius:999px;background:#e9f7ff;color:#0788d9;font-size:8px;font-weight:800}
.match-body{display:grid;grid-template-columns:120px 1fr;gap:17px;align-items:center;margin-top:18px}
.match-gauge{width:116px;height:116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#fff 0 54%,transparent 55%),conic-gradient(#1765e6 0 353deg,#e1eafb 353deg 360deg);box-shadow:inset 0 0 0 9px rgba(255,255,255,.68),0 12px 24px rgba(30,85,180,.11)}
.match-gauge strong{font-size:25px;color:#1154cf}.match-gauge span{font-size:8px;color:#7484a1}
.match-reasons>b{font-size:11px;color:#254678}.match-reasons p{margin:7px 0!important;font-size:9px!important;line-height:1.5!important;color:#657794}.match-reasons i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#27c58e}
.recruit-flow-mini{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:11px 12px;border-radius:12px;background:#f0f6ff}.recruit-flow-mini span{font-size:8px;color:#2056a8}.recruit-flow-mini i{font-style:normal;color:#8eb0e7}
.recruitment-original-figure{width:128px;left:18%;top:auto;bottom:80px;z-index:6}.recruitment-original-figure img{animation:recruitFloat 5.1s ease-in-out infinite}.recruit-magnifier{position:absolute;right:-4px;bottom:26px;width:32px;height:32px;border:5px solid #1b63e6;border-radius:50%;filter:drop-shadow(0 6px 8px rgba(25,83,192,.18))}.recruit-magnifier:after{content:"";position:absolute;width:20px;height:5px;right:-15px;bottom:-7px;border-radius:5px;background:#1b63e6;transform:rotate(42deg)}

/* Office Agent adds the original mascot */
.office-workbench{overflow:hidden}.office-original-figure{width:112px;left:auto;right:12px;top:auto;bottom:78px;z-index:5;transform:none}.office-original-figure img{animation:officeFloat 5.3s ease-in-out infinite}.office-clipboard{position:absolute;right:-8px;bottom:24px;width:42px;height:52px;border-radius:10px;background:linear-gradient(145deg,#fff,#dbe9ff);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 20px rgba(33,79,164,.14);transform:rotate(-9deg)}.office-clipboard:before{content:"";position:absolute;left:12px;right:12px;top:-5px;height:10px;border-radius:7px;background:#1a63df}.office-clipboard i{display:block;height:5px;margin:10px 8px;border-radius:6px;background:#7daff1}.office-clipboard i:nth-child(2){width:64%}.office-clipboard i:nth-child(3){width:46%}

/* AIGC */
.aigc-live-scene{padding:30px 28px 76px}
.aigc-window{width:100%;min-height:448px;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:0 24px 55px rgba(35,79,159,.14)}
.aigc-top{height:56px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #e3ebf9;background:linear-gradient(180deg,#fff,#f7faff)}.aigc-top strong{font-size:14px;color:#1c4387}.aigc-top span{margin-left:auto;font-size:9px;color:#168bcf;padding:7px 10px;border-radius:999px;background:#e8f8ff}
.aigc-layout{display:grid;grid-template-columns:120px 1fr 150px;min-height:392px}.aigc-layout aside{padding:18px 12px;background:linear-gradient(180deg,#0d4ac4,#0a347f);color:#fff}.aigc-layout aside b{display:block;font-size:11px;margin:0 8px 12px}.aigc-layout aside a{display:block;padding:9px 8px;margin:5px 0;border-radius:9px;color:#c8d9ff;font-size:9px}.aigc-layout aside a.active{background:rgba(255,255,255,.16);color:#fff}
.aigc-layout main{padding:20px;background:#f8fbff}.aigc-title small,.aigc-title b{display:block}.aigc-title small{font-size:8px;color:#8290a8}.aigc-title b{font-size:13px;color:#244373;margin-top:4px}.aigc-editor{margin-top:16px;padding:16px;height:210px;border-radius:15px;background:#fff;border:1px solid #e0e9f7}.aigc-editor span{display:block;height:7px;margin:11px 0;border-radius:7px;background:linear-gradient(90deg,#cfe0f7,#eef4fc)}.aigc-editor span:nth-child(2){width:88%}.aigc-editor span:nth-child(3){width:94%}.aigc-editor span:nth-child(4){width:70%}.aigc-editor span:nth-child(5){width:82%}.aigc-editor span:nth-child(6){width:58%}.aigc-progress{position:relative;margin-top:14px;height:29px;border-radius:10px;background:#eaf2ff;overflow:hidden}.aigc-progress i{position:absolute;left:0;top:0;bottom:0;width:76%;background:linear-gradient(90deg,#1761e0,#20b5ee)}.aigc-progress b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:9px}
.aigc-output{padding:18px 12px;background:#f1f6ff;border-left:1px solid #e1eaf8}.aigc-output>b{font-size:11px;color:#23457e}.aigc-output article{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:10px 8px;margin:10px 0;border-radius:12px;background:#fff;border:1px solid #e2eaf7}.aigc-output article i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#3b8dff,#1250cf);color:#fff;font-style:normal;font-size:9px}.aigc-output article span{font-size:9px;color:#2e4d7b}.aigc-output article em{font-size:7px;color:#1fa476;font-style:normal}
.aigc-original-figure{width:124px;left:68%;top:auto;bottom:82px;z-index:6}.aigc-original-figure img{animation:aigcFloat 5.4s ease-in-out infinite}.aigc-pen{position:absolute;right:4px;bottom:31px;width:42px;height:7px;border-radius:8px;background:linear-gradient(90deg,#0e50d0,#46b8ff);transform:rotate(-34deg);box-shadow:0 6px 10px rgba(23,86,191,.15)}.aigc-pen:after{content:"";position:absolute;right:-7px;top:0;border:4px solid transparent;border-left-color:#164fb6}

/* Knowledge hub uses original mascot */
.knowledge-hub{overflow:hidden}.knowledge-original-figure{width:98px;left:50%;top:195px;z-index:4}.knowledge-original-figure img{animation:knowledgeFloat 5.7s ease-in-out infinite}.knowledge-core{opacity:.7}

/* Lobster Box */
.lobster-live-scene{padding:26px 26px 76px;position:relative}
.lobster-orbit{position:absolute;left:50%;top:35px;width:360px;height:360px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(75,132,230,.18);box-shadow:0 0 0 54px rgba(255,255,255,.11),0 0 0 102px rgba(255,255,255,.07);animation:spin 22s linear infinite}
.lobster-box{position:relative;width:250px;height:250px;margin:28px auto 0;z-index:2;perspective:800px}
.box-face{position:absolute;left:25px;right:25px;bottom:5px;height:155px;border-radius:24px;background:linear-gradient(145deg,#1871f2,#0739b5);box-shadow:inset 0 0 0 5px rgba(255,255,255,.18),0 24px 42px rgba(23,78,183,.25);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:28px;color:#fff}.box-face strong{font-size:24px}.box-face span{font-size:11px;color:#cde3ff;margin-top:6px}.box-lid{position:absolute;left:12px;right:12px;top:56px;height:62px;border-radius:22px;background:linear-gradient(180deg,#61aaff,#1357d8);box-shadow:inset 0 0 0 5px rgba(255,255,255,.22),0 14px 25px rgba(25,80,184,.23);transform-origin:50% 100%;transform:rotateX(54deg);z-index:5}
.lobster-original-figure{width:140px;left:50%;top:2px;z-index:4;clip-path:inset(0 0 34% 0)}.lobster-original-figure img{animation:lobsterPeek 4.9s ease-in-out infinite}
.lobster-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;position:relative;z-index:3;margin-top:-8px}.lobster-roles article{padding:11px 9px;border-radius:13px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 20px rgba(30,72,150,.07)}.lobster-roles article:last-child{grid-column:2/4}.lobster-roles b,.lobster-roles span{display:block;text-align:center}.lobster-roles b{font-size:10px;color:#214884}.lobster-roles span{font-size:8px;color:#7a8aa5;margin-top:2px}.lobster-value{display:flex;justify-content:center;gap:9px;margin-top:13px}.lobster-value span{padding:7px 10px;border-radius:999px;background:#e9f2ff;color:#1758c8;font-size:8px;font-weight:800}

@keyframes recruitFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes officeFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes aigcFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes knowledgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lobsterPeek{0%,100%{transform:translateY(14px) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}

@media(max-width:1050px){
  .recruit-main{grid-template-columns:42% 58%}.aigc-layout{grid-template-columns:100px 1fr 130px}.lobster-roles{grid-template-columns:repeat(3,1fr)}.lobster-roles article:last-child{grid-column:auto}
}
@media(max-width:800px){
  .recruitment-live-scene,.aigc-live-scene{padding:20px 18px 70px}.recruit-shell,.aigc-window{min-height:420px}.recruitment-original-figure{width:105px;left:20%}.office-original-figure{width:90px}.aigc-original-figure{width:105px}.knowledge-original-figure{width:82px}.lobster-roles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .recruit-main{grid-template-columns:1fr}.candidate-panel{display:none}.match-workspace{padding:16px}.match-body{grid-template-columns:92px 1fr}.match-gauge{width:88px;height:88px}.match-gauge strong{font-size:20px}.recruitment-original-figure{width:82px;left:15%;bottom:75px}.recruit-flow-mini{gap:3px;overflow:hidden}.recruit-flow-mini span{font-size:7px}
  .office-original-figure{width:76px;right:2px}.office-clipboard{width:32px;height:42px}
  .aigc-layout{grid-template-columns:76px 1fr}.aigc-output{display:none}.aigc-original-figure{width:78px;left:72%}.aigc-layout aside a{font-size:7px;padding:7px 5px}.aigc-editor{height:178px}
  .knowledge-original-figure{width:68px;top:170px}
  .lobster-box{width:220px;height:220px}.box-face{height:140px}.lobster-original-figure{width:118px}.lobster-roles{grid-template-columns:1fr 1fr}.lobster-value{flex-wrap:wrap}
}

/* final visual polish after preview review */
.recruitment-original-figure{width:118px;bottom:118px;left:18%}
.recruit-magnifier{display:none}
.office-original-figure{width:98px;right:18px;bottom:112px}
.office-clipboard{display:none}
.aigc-original-figure{width:110px;left:70%;bottom:114px}
.aigc-pen{display:none}
.geo-mascot-figure{width:138px;left:29%;top:176px}
.role-board{display:none}
.lobster-live-scene{align-items:stretch}
.lobster-roles{width:100%}
.lobster-original-figure{width:150px;top:-38px;z-index:4;clip-path:none}
.box-lid{z-index:5}

@media(max-width:800px){
 .recruitment-original-figure{width:98px;bottom:104px}
 .office-original-figure{width:82px;bottom:103px}
 .aigc-original-figure{width:92px;bottom:103px}
 .geo-mascot-figure{width:112px;top:172px;left:27%}
 .lobster-original-figure{width:132px;top:-30px}
}
@media(max-width:560px){
 .recruitment-original-figure{width:75px;bottom:86px}
 .office-original-figure{width:68px;bottom:88px}
 .aigc-original-figure{width:74px;bottom:86px}
 .geo-mascot-figure{width:74px;top:180px;left:18px}
 .lobster-original-figure{width:112px;top:-20px}
}
.lobster-live-scene{flex-direction:column}
.recruitment-original-figure{top:382px;bottom:auto}
.office-original-figure{top:368px;bottom:auto}
.aigc-original-figure{top:365px;bottom:auto}
@media(max-width:800px){.recruitment-original-figure{top:350px}.office-original-figure{top:350px}.aigc-original-figure{top:345px}}
@media(max-width:560px){.recruitment-original-figure{top:300px}.office-original-figure{top:295px}.aigc-original-figure{top:300px}}
.office-original-figure{right:42px}
.aigc-original-figure{width:120px;left:68%;top:350px}
@media(max-width:800px){.office-original-figure{right:30px}.aigc-original-figure{width:100px;top:335px}}
@media(max-width:560px){.office-original-figure{right:18px}.aigc-original-figure{width:78px;top:292px}}
@media(max-width:560px){
  .hero-art-live{min-height:960px;padding-bottom:370px}
  .mascot-stage-original{top:165px}
  .floating-card.card-growth{left:14px;bottom:auto;top:410px}
  .hero-status-panel{bottom:345px}
  .hero-feature-strip{bottom:16px}
}

/* ===== 2026-07 IP遮挡与挂件修复 =====
   原则：原创IP本体保持完整；角色标识与工具改为独立悬浮组件，不再覆盖头部、眼睛与翅膀。 */
.hero-art-live{min-height:620px}
.mascot-stage-original{left:38%;top:112px;width:330px;height:290px;z-index:5}
.hero-mascot-figure{width:286px;z-index:5}
.hero-mascot-figure img{animation-duration:5.8s}
.hero-status-panel{right:16px;bottom:132px;width:218px;padding:17px;z-index:7}
.hero-status-panel strong{font-size:15px}.hero-status-panel p{font-size:12px;margin-top:11px}
.hero-feature-strip{left:18px;right:18px;bottom:18px;z-index:8}
.hero-feature-strip article{padding:9px 11px}
.floating-card{z-index:8}
.floating-card.card-knowledge{left:24px;top:52px}
.floating-card.card-action{right:18px;top:62px}
.floating-card.card-growth{left:22px;bottom:142px}

/* 销售总监：不再把皇冠、平板直接扣在IP身上 */
.sales-original-scene .director-stage-original{left:43%;top:30px;width:250px;height:190px}
.director-original-figure{width:168px;top:8px;z-index:5}
.director-speech{right:18px;top:18px;width:155px;z-index:7}
.sales-metric-left{left:8px;top:28px}.sales-metric-right{right:8px;top:122px}
.role-crown,.role-board{display:none!important}
.sales-team-original .mini-stage{height:126px}
.role-mascot{width:84px;top:20px;z-index:3}
/* 工具改成角色旁边的独立标识，避免盖住眼睛和身体 */
.sales-team-original .tool-magnifier{left:-20px;top:2px;transform:scale(.72)}
.sales-team-original .tool-tablet{right:-20px;top:4px;transform:scale(.78)}
.sales-team-original .tool-chat{right:-18px;top:4px;transform:scale(.78)}
.sales-team-original .tool-checklist{right:-20px;top:4px;transform:scale(.76)}
.sales-team-original .tool-bulb{right:-11px;top:0;transform:scale(.76)}
.sales-team-original .tool-trophy{right:-12px;top:0;transform:scale(.76)}

/* AI客服：取消错误套头耳机，改为旁侧独立“语音服务”徽标 */
.role-headset{display:none!important}
.service-original-scene .service-stage-original{bottom:76px;width:360px;height:252px}
.service-original-figure{width:172px;top:14px;z-index:5}
.service-desk{z-index:3}
.service-tool-badge{position:absolute;right:8px;top:66px;z-index:7;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);box-shadow:0 12px 24px rgba(32,78,161,.12);color:#28538f;font-size:10px;font-weight:850;pointer-events:none}
.service-tool-badge i{position:relative;width:24px;height:22px;border:3px solid #2468e9;border-bottom:0;border-radius:18px 18px 0 0}
.service-tool-badge i:before,.service-tool-badge i:after{content:"";position:absolute;top:12px;width:7px;height:10px;border-radius:5px;background:linear-gradient(180deg,#64b3ff,#1250d6)}
.service-tool-badge i:before{left:-5px}.service-tool-badge i:after{right:-5px}

@media(max-width:1050px){
  .mascot-stage-original{left:40%;top:118px}.hero-mascot-figure{width:258px}
  .hero-status-panel{width:202px}
  .sales-original-scene .director-stage-original{left:42%}.director-original-figure{width:154px}.director-speech{width:142px}
  .service-original-figure{width:158px}.service-tool-badge{right:0}
}
@media(max-width:800px){
  .hero-art-live{min-height:760px;padding-bottom:190px}
  .mascot-stage-original{left:50%;top:120px;width:300px;height:250px}
  .hero-mascot-figure{width:245px}
  .floating-card.card-knowledge{left:16px;top:20px}.floating-card.card-action{right:16px;top:22px}
  .floating-card.card-growth{left:16px;top:342px;bottom:auto}
  .hero-status-panel{left:18px;right:18px;bottom:112px;width:auto}
  .hero-feature-strip{grid-template-columns:repeat(5,1fr);bottom:16px;padding:10px 6px}
  .hero-feature-strip article{padding:8px 6px}.hero-feature-strip b{font-size:11px}.hero-feature-strip span{font-size:8px}
  .sales-original-scene .director-stage-original{left:42%;top:54px}.director-original-figure{width:145px}
  .director-speech{right:12px;top:14px}.sales-metric-left{top:112px}.sales-metric-right{top:112px}
  .service-original-figure{width:148px;top:20px}.service-tool-badge{right:4px;top:66px}
}
@media(max-width:560px){
  .hero-art-live{min-height:925px;padding:18px 14px 360px}
  .mascot-stage-original{left:50%;top:150px;width:250px;height:220px}
  .hero-mascot-figure{width:205px}
  .floating-card.card-growth{top:360px}
  .hero-status-panel{bottom:222px}
  .hero-feature-strip{grid-template-columns:1fr 1fr;bottom:14px}
  .hero-feature-strip article{padding:8px 10px}.hero-feature-strip article:last-child{grid-column:1/-1}
  .hero-feature-strip b{font-size:12px}.hero-feature-strip span{font-size:9px}
  .sales-original-scene .director-stage-original{left:50%;top:68px}.director-original-figure{width:132px}
  .director-speech{left:50%;right:auto;top:8px;width:170px;transform:translateX(-50%);text-align:center}
  .sales-metric-left{top:196px}.sales-metric-right{top:196px}
  .role-mascot{width:76px}.sales-team-original .mini-stage{height:112px}
  .service-original-figure{width:132px;top:24px}.service-tool-badge{right:6px;top:70px;padding:7px 8px}.service-tool-badge span{display:none}
}

/* ===== 2026-07 最终细化修复 ===== */
/* 1) 首页运行看板：由深色黑框改为浅色玻璃看板，表达更自然 */
.hero-runtime-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(223,236,255,.88));
  color:#17356d;
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 18px 36px rgba(26,73,156,.14);
}
.hero-runtime-panel strong{color:#17356d}
.hero-runtime-panel strong i{background:#1bc2eb;box-shadow:0 0 0 6px rgba(27,194,235,.16)}
.hero-runtime-panel p{color:#6880a9}
.hero-runtime-panel p b{color:#1751d1}

/* 2) 销售场景：小玩偶过密 -> 改为 3x2 柔和卡片布局 */
.sales-live-scene{padding-bottom:78px}
.sales-team-original{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 16px;
  margin-top:24px;
}
.sales-team-original article{
  padding:10px 8px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.44);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 10px 18px rgba(31,72,145,.06);
}
.sales-team-original .mini-stage{height:104px}
.role-mascot{width:78px;left:50%;transform:translateX(-50%);top:12px}
.role-mascot img{filter:drop-shadow(0 10px 16px rgba(34,84,164,.12))}
.sales-team-original h5{margin-top:0;font-size:13px}
.sales-team-original p{font-size:10px}
.sales-flow-line{top:252px;left:54px;right:54px}
.sales-metric{z-index:6}
.director-speech{background:rgba(255,255,255,.9)}

/* 3) GEO：把玩偶移到下方中部红框位置，放到平台上 */
.geo-board{min-height:446px}
.geo-platform{bottom:110px;width:260px;height:66px;z-index:2}
.geo-mascot-figure{
  width:96px;
  left:50%;
  top:238px;
  z-index:4;
}
.geo-mascot-figure img{animation-duration:5.8s}
.geo-shield{top:82px}
.geo-steps{bottom:82px}
.geo-card-left.four{top:286px}
.geo-card-right.six{top:238px}

/* 4) AIGC：取消底部卡通形象，在红框位置补充真实内容块 */
.aigc-live-scene{padding:26px 24px 76px}
.aigc-window{min-height:440px}
.aigc-editor{position:relative;padding-bottom:148px}
.editor-content-card{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(145deg,#ffffff,#f4f8ff);
  border:1px solid #d8e6fb;
  box-shadow:0 12px 24px rgba(29,76,154,.08);
}
.editor-content-card h5{margin:0 0 8px;font-size:13px;color:#123c89}
.editor-content-card p{margin:0 0 8px;font-size:11px;color:#456081;font-weight:700}
.editor-content-card ul{margin:0;padding-left:18px}
.editor-content-card li{font-size:10px;line-height:1.55;color:#647998;margin:3px 0}
.aigc-original-figure,.aigc-pen{display:none!important}

/* 5) AI客服：按照参考图，给原始玩偶增加位置正确的耳机 */
.service-original-scene .service-stage-original{
  bottom:72px;
  width:360px;
  height:256px;
}
.service-original-figure{width:168px;top:30px;z-index:5}
.service-headset{
  position:absolute;
  left:50%;
  top:8px;
  width:188px;
  height:118px;
  transform:translateX(-50%);
  z-index:6;
  pointer-events:none;
}
.service-headset::before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:4px;
  height:42px;
  border:7px solid #2c6deb;
  border-bottom:0;
  border-radius:78px 78px 0 0;
  box-shadow:0 6px 12px rgba(44,109,235,.12);
}
.service-headset .cup{
  position:absolute;
  top:46px;
  width:28px;
  height:40px;
  border-radius:16px;
  background:linear-gradient(180deg,#f8fbff,#d6e6ff);
  border:4px solid #2c6deb;
  box-shadow:0 10px 16px rgba(31,84,171,.14);
}
.service-headset .cup:after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  background:linear-gradient(180deg,#8ec5ff,#2e80ff);
}
.service-headset .cup.left{left:16px}
.service-headset .cup.right{right:16px}
.service-headset .mic{
  position:absolute;
  right:18px;
  top:72px;
  width:34px;
  height:6px;
  border-radius:6px;
  background:linear-gradient(90deg,#2c6deb,#4eb7ff);
  transform:rotate(20deg);
}
.service-headset .mic:after{
  content:"";
  position:absolute;
  right:-4px;
  top:-5px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#2c6deb;
}
.service-tool-badge{display:none!important}

/* 响应式微调 */
@media(max-width:1050px){
  .sales-team-original{gap:12px}
  .geo-mascot-figure{top:246px}
}
@media(max-width:800px){
  .sales-team-original{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sales-team-original .mini-stage{height:98px}
  .role-mascot{width:72px}
  .hero-runtime-panel{left:18px;right:18px;width:auto}
  .geo-board{min-height:390px}
  .geo-platform{bottom:104px;width:210px;height:52px}
  .geo-mascot-figure{width:82px;left:50%;top:220px}
  .aigc-editor{padding-bottom:154px}
  .editor-content-card{left:12px;right:12px;bottom:12px}
  .service-original-scene .service-stage-original{width:320px;height:240px}
  .service-original-figure{width:150px;top:34px}
  .service-headset{width:170px;height:104px;top:14px}
  .service-headset::before{left:20px;right:20px;height:34px;border-width:6px}
  .service-headset .cup{top:42px;width:25px;height:35px}
  .service-headset .mic{right:18px;top:66px}
}
@media(max-width:560px){
  .sales-team-original{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sales-team-original article{padding:8px 6px 10px}
  .sales-team-original .mini-stage{height:92px}
  .role-mascot{width:66px;top:12px}
  .sales-team-original .tool-magnifier{left:-14px;top:-2px}
  .sales-team-original .tool-tablet,.sales-team-original .tool-chat,.sales-team-original .tool-checklist{right:-14px;top:0}
  .sales-team-original .tool-bulb,.sales-team-original .tool-trophy{right:-10px;top:-2px}
  .geo-board{min-height:350px}
  .geo-platform{bottom:112px;width:170px;height:40px}
  .geo-mascot-figure{width:70px;left:50%;top:208px;transform:translateX(-50%)}
  .geo-steps{grid-template-columns:repeat(2,1fr);gap:8px;bottom:74px}
  .aigc-editor{padding-bottom:168px}
  .editor-content-card{padding:12px 12px 12px 14px}
  .editor-content-card h5{font-size:12px}.editor-content-card p{font-size:10px}.editor-content-card li{font-size:9px}
  .service-original-scene .service-stage-original{width:280px;height:220px}
  .service-original-figure{width:132px;top:34px}
  .service-headset{width:144px;height:94px;top:18px}
  .service-headset::before{left:18px;right:18px;height:28px;border-width:5px}
  .service-headset .cup{top:38px;width:22px;height:30px;border-width:3px}
  .service-headset .cup.left{left:12px}.service-headset .cup.right{right:12px}
  .service-headset .mic{right:16px;top:59px;width:28px}
}


/* ===== 2026-07 AI客服耳机最终修正 =====
   目标：让耳机像参考图一样自然地戴在原始IP头部两侧，而不是悬空贴在外面。 */
.service-original-scene .service-stage-original{
  bottom:72px;
  width:360px;
  height:256px;
}
.service-original-figure{
  width:168px;
  top:34px;
  z-index:6;
  overflow:visible;
}
.service-original-figure img{
  display:block;
  width:100%;
  height:auto;
}
.service-original-figure .service-headset{
  position:absolute;
  left:50%;
  top:-2px;
  width:174px;
  height:108px;
  transform:translateX(-50%);
  z-index:2;
  pointer-events:none;
}
.service-original-figure .service-headset::before{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  top:0;
  height:34px;
  border:6px solid #2f6cea;
  border-bottom:0;
  border-radius:72px 72px 0 0;
  box-shadow:0 6px 12px rgba(45,108,234,.14);
}
.service-original-figure .service-headset .cup{
  position:absolute;
  top:32px;
  width:28px;
  height:40px;
  border-radius:16px;
  background:linear-gradient(180deg,#f8fbff,#dbe8ff);
  border:4px solid #2f6cea;
  box-shadow:0 10px 18px rgba(31,84,171,.14);
}
.service-original-figure .service-headset .cup:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:14px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:linear-gradient(180deg,#8fc6ff,#2d7fff);
}
.service-original-figure .service-headset .cup.left{left:6px}
.service-original-figure .service-headset .cup.right{right:6px}
.service-original-figure .service-headset .mic{
  position:absolute;
  right:-2px;
  top:56px;
  width:28px;
  height:6px;
  border-radius:6px;
  background:linear-gradient(90deg,#2f6cea,#52b7ff);
  transform:rotate(18deg);
}
.service-original-figure .service-headset .mic:after{
  content:"";
  position:absolute;
  right:-4px;
  top:-4px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#2f6cea;
}
/* 取消旧的外置耳机定位 */
.service-stage-original > .service-headset{display:none!important}

@media(max-width:800px){
  .service-original-scene .service-stage-original{width:320px;height:240px}
  .service-original-figure{width:150px;top:36px}
  .service-original-figure .service-headset{width:156px;height:98px;top:-1px}
  .service-original-figure .service-headset::before{left:18px;right:18px;height:30px;border-width:5px}
  .service-original-figure .service-headset .cup{top:30px;width:24px;height:35px;border-width:3px}
  .service-original-figure .service-headset .cup.left{left:5px}
  .service-original-figure .service-headset .cup.right{right:5px}
  .service-original-figure .service-headset .mic{top:49px;width:25px}
}
@media(max-width:560px){
  .service-original-scene .service-stage-original{width:280px;height:220px}
  .service-original-figure{width:132px;top:36px}
  .service-original-figure .service-headset{width:138px;height:88px;top:0}
  .service-original-figure .service-headset::before{left:16px;right:16px;height:26px;border-width:4px}
  .service-original-figure .service-headset .cup{top:27px;width:21px;height:30px;border-width:3px}
  .service-original-figure .service-headset .cup.left{left:4px}
  .service-original-figure .service-headset .cup.right{right:4px}
  .service-original-figure .service-headset .mic{top:44px;right:-2px;width:22px;height:5px}
  .service-original-figure .service-headset .mic:after{width:9px;height:9px;top:-3px}
}

/* ===== 2026-07 用户终版交付修复 =====
   目标：卡通形象不遮挡文字，尽量居中，局部尺寸更协调。 */

/* 1) 首页运行看板缩小，视觉上与其他三张信息卡更接近 */
.hero-runtime-panel{
  right:18px!important;
  bottom:128px!important;
  width:194px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
}
.hero-runtime-panel strong{
  font-size:13px!important;
  line-height:1.3!important;
}
.hero-runtime-panel p{
  margin:8px 0!important;
  font-size:12px!important;
}
.hero-runtime-panel p:last-child{margin-bottom:0!important}
.hero-runtime-panel strong i{box-shadow:0 0 0 5px rgba(27,194,235,.15)!important}

/* 2) 招聘 Agent：形象下移并水平居中，避免偏左、偏高 */
.recruitment-original-figure{
  left:50%!important;
  top:auto!important;
  bottom:14px!important;
  width:106px!important;
  transform:translateX(-50%)!important;
}
.recruit-shell{padding-bottom:86px!important}

/* 3) 办公 Agent：移除多余卡通形象，避免干扰卡片信息 */
.office-original-figure{display:none!important}

/* 4) GEO：形象移动到底部中区平台上，避免遮挡两侧说明卡 */
.geo-board{min-height:454px!important}
.geo-platform{
  bottom:112px!important;
  width:272px!important;
  height:66px!important;
}
.geo-mascot-figure{
  left:50%!important;
  top:258px!important;
  width:96px!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
}
.geo-card-left.four{top:280px!important}
.geo-card-right.six{top:280px!important}

/* 5) AIGC：删除遮挡文字的内容浮窗，恢复正文区域可读性 */
.aigc-editor{
  padding-bottom:0!important;
  min-height:188px!important;
}
.editor-content-card{display:none!important}

/* 6) AI 客服：重新校准耳机位置，让头梁和耳罩自然贴合形象 */
.service-original-scene .service-stage-original{
  width:356px!important;
  height:248px!important;
  bottom:72px!important;
}
.service-original-figure{
  width:160px!important;
  top:36px!important;
  z-index:6!important;
}
.service-original-figure .service-headset{
  width:148px!important;
  height:94px!important;
  left:50%!important;
  top:-4px!important;
  transform:translateX(-50%)!important;
  z-index:2!important;
}
.service-original-figure .service-headset::before{
  left:18px!important;
  right:18px!important;
  top:2px!important;
  height:28px!important;
  border-width:5px!important;
  border-radius:68px 68px 0 0!important;
}
.service-original-figure .service-headset .cup{
  top:28px!important;
  width:22px!important;
  height:32px!important;
  border-width:3px!important;
  border-radius:14px!important;
}
.service-original-figure .service-headset .cup.left{left:8px!important}
.service-original-figure .service-headset .cup.right{right:8px!important}
.service-original-figure .service-headset .mic{
  right:2px!important;
  top:46px!important;
  width:24px!important;
  height:5px!important;
  transform:rotate(18deg)!important;
}
.service-original-figure .service-headset .mic:after{
  width:9px!important;
  height:9px!important;
  top:-3px!important;
}

/* 额外统一：后续若还有轻微偏移，优先保证不遮挡文字与居中感 */
.knowledge-original-figure{left:50%!important;transform:translateX(-50%)!important}

@media(max-width:800px){
  .hero-runtime-panel{
    left:18px!important;
    right:18px!important;
    width:auto!important;
    bottom:112px!important;
  }
  .recruit-shell{padding-bottom:74px!important}
  .recruitment-original-figure{width:92px!important;bottom:10px!important}
  .geo-board{min-height:390px!important}
  .geo-platform{bottom:104px!important;width:228px!important;height:54px!important}
  .geo-mascot-figure{width:80px!important;top:228px!important}
  .service-original-scene .service-stage-original{width:320px!important;height:236px!important}
  .service-original-figure{width:146px!important;top:38px!important}
  .service-original-figure .service-headset{width:136px!important;height:88px!important;top:-2px!important}
  .service-original-figure .service-headset::before{left:16px!important;right:16px!important;height:26px!important;border-width:4px!important}
  .service-original-figure .service-headset .cup{top:26px!important;width:20px!important;height:30px!important}
  .service-original-figure .service-headset .cup.left{left:7px!important}
  .service-original-figure .service-headset .cup.right{right:7px!important}
  .service-original-figure .service-headset .mic{top:42px!important;width:22px!important}
}
@media(max-width:560px){
  .hero-runtime-panel{bottom:214px!important}
  .recruit-shell{padding-bottom:64px!important}
  .recruitment-original-figure{width:76px!important;bottom:8px!important}
  .geo-board{min-height:352px!important}
  .geo-platform{bottom:108px!important;width:176px!important;height:42px!important}
  .geo-mascot-figure{width:68px!important;top:214px!important}
  .aigc-editor{min-height:154px!important}
  .service-original-scene .service-stage-original{width:280px!important;height:214px!important}
  .service-original-figure{width:128px!important;top:36px!important}
  .service-original-figure .service-headset{width:120px!important;height:78px!important;top:0!important}
  .service-original-figure .service-headset::before{left:14px!important;right:14px!important;height:22px!important;border-width:4px!important}
  .service-original-figure .service-headset .cup{top:23px!important;width:18px!important;height:27px!important}
  .service-original-figure .service-headset .cup.left{left:6px!important}
  .service-original-figure .service-headset .cup.right{right:6px!important}
  .service-original-figure .service-headset .mic{right:0!important;top:37px!important;width:20px!important;height:4px!important}
}

/* ===== 2026-07 AI客服形象确认版 =====
   使用已确认的耳机卡通形象，替换原客服位，并统一修正文案换行。 */
.service-original-scene .service-stage-original{
  width:380px!important;
  height:270px!important;
  bottom:66px!important;
}
.service-original-figure{
  width:194px!important;
  top:8px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
  filter:drop-shadow(0 20px 28px rgba(32,88,182,.18))!important;
}
.service-original-figure img{
  width:100%;
  height:auto;
  object-fit:contain;
}
.service-original-figure .service-headset,
.service-stage-original > .service-headset,
.service-tool-badge{display:none!important}

.service-desk{
  width:260px!important;
  height:112px!important;
  bottom:4px!important;
  z-index:3!important;
}
.desk-screen{
  left:18px!important;
  top:20px!important;
  width:98px!important;
  height:56px!important;
  font-size:16px!important;
}
.service-badge{
  right:18px!important;
  bottom:14px!important;
  font-size:12px!important;
}

.service-card{
  width:156px!important;
  padding:14px 16px!important;
}
.service-card b{
  display:block;
  margin-bottom:5px;
  font-size:14px;
  line-height:1.25;
}
.service-card span{
  display:block;
  font-size:12px!important;
  line-height:1.45!important;
  color:#6a7e9f;
  word-break:keep-all;
}
.service-card-right.bottom span,
.service-card-left.bottom span{
  font-size:11px!important;
}
.service-live-scene .media-note span{
  white-space:nowrap;
}

@media(max-width:800px){
  .service-original-scene .service-stage-original{
    width:320px!important;
    height:242px!important;
    bottom:auto!important;
  }
  .service-original-figure{
    width:166px!important;
    top:16px!important;
  }
  .service-desk{
    width:238px!important;
    height:104px!important;
  }
  .service-card{
    width:auto!important;
    min-height:80px;
  }
  .service-live-scene .media-note span{
    white-space:normal;
  }
}
@media(max-width:560px){
  .service-original-scene .service-stage-original{
    width:280px!important;
    height:220px!important;
  }
  .service-original-figure{
    width:144px!important;
    top:18px!important;
  }
  .service-desk{
    width:220px!important;
    height:98px!important;
  }
  .desk-screen{
    width:92px!important;
    height:52px!important;
    font-size:15px!important;
  }
  .service-badge{
    font-size:11px!important;
  }
}

/* ===== 2026-07 AI客服二次微调 =====
   目标：让形象亮度更柔和、与周边更融合；同时整理“AI客服 / 服务中”排版。 */
.service-original-scene .service-stage-original{
  width:368px!important;
  height:260px!important;
  bottom:68px!important;
}
.service-original-figure{
  width:182px!important;
  top:18px!important;
  opacity:.94!important;
  filter:brightness(.92) saturate(.88) contrast(.98) drop-shadow(0 14px 22px rgba(37,90,180,.12))!important;
}
.service-original-figure img{
  filter:brightness(.92) saturate(.90) contrast(.98)!important;
}

.service-desk{
  width:266px!important;
  height:112px!important;
  bottom:2px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  padding:0 18px 18px!important;
}
.desk-screen,
.service-badge{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.desk-screen{
  width:108px!important;
  height:56px!important;
  font-size:15px!important;
  border-radius:18px!important;
}
.service-badge{
  min-width:74px!important;
  height:42px!important;
  padding:0 16px!important;
  font-size:12px!important;
  border-radius:999px!important;
}

@media(max-width:800px){
  .service-original-scene .service-stage-original{
    width:316px!important;
    height:236px!important;
  }
  .service-original-figure{
    width:156px!important;
    top:20px!important;
  }
  .service-desk{
    width:236px!important;
    height:102px!important;
    padding:0 16px 16px!important;
  }
  .desk-screen{
    width:96px!important;
    height:52px!important;
    font-size:14px!important;
  }
  .service-badge{
    min-width:68px!important;
    height:38px!important;
    font-size:11px!important;
  }
}
@media(max-width:560px){
  .service-original-scene .service-stage-original{
    width:280px!important;
    height:214px!important;
  }
  .service-original-figure{
    width:136px!important;
    top:22px!important;
  }
  .service-desk{
    width:218px!important;
    height:96px!important;
    padding:0 14px 14px!important;
  }
  .desk-screen{
    width:90px!important;
    height:48px!important;
    font-size:14px!important;
  }
  .service-badge{
    min-width:62px!important;
    height:36px!important;
    padding:0 14px!important;
    font-size:11px!important;
  }
}

/* ===== 2026-07 AI客服终版：按确认效果图重构 ===== */
.service-live-scene.service-concept-scene{
  position:relative;
  min-height:860px;
  padding:28px 28px 126px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 8%, rgba(247,251,255,.98), rgba(232,241,255,.86) 36%, rgba(215,228,249,.82) 100%),
    linear-gradient(180deg, rgba(242,247,255,.96), rgba(222,234,252,.96));
}
.service-concept-scene:before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:30px;
  background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.58), transparent 48%);
  pointer-events:none;
}
.service-concept-scene:after{
  content:"";
  position:absolute;
  left:50%;
  top:120px;
  width:760px;
  height:760px;
  transform:translateX(-50%);
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,.42), 0 0 0 110px rgba(255,255,255,.08), 0 0 0 215px rgba(255,255,255,.04);
  opacity:.8;
  pointer-events:none;
}
.service-orbit{
  position:absolute;
  left:50%;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.38);
  pointer-events:none;
}
.service-orbit.orbit-a{top:88px;width:600px;height:470px;transform:translateX(-50%) rotate(-6deg)}
.service-orbit.orbit-b{top:132px;width:540px;height:400px;transform:translateX(-50%) rotate(7deg);opacity:.7}
.service-orbit.orbit-c{top:166px;width:474px;height:336px;transform:translateX(-50%);opacity:.52}

.service-concept-scene .service-card{
  position:absolute;
  display:flex;
  align-items:center;
  gap:18px;
  width:340px;
  min-height:120px;
  padding:22px 24px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,250,255,.86));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 18px 34px rgba(79,111,168,.09), inset 0 1px 0 rgba(255,255,255,.92);
  z-index:2;
}
.service-concept-scene .service-card-left{left:34px}
.service-concept-scene .service-card-right{right:34px}
.service-concept-scene .service-card.top{top:84px}
.service-concept-scene .service-card.middle{top:342px}
.service-concept-scene .service-card.bottom{top:602px}
.service-card-icon{
  flex:0 0 76px;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#2d6af2;
  background:linear-gradient(180deg, rgba(239,245,255,.95), rgba(221,234,255,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 14px 24px rgba(63,100,166,.08);
}
.service-card-icon svg{width:38px;height:38px;display:block}
.service-card-copy b{
  display:block;
  margin:0 0 8px;
  font-size:24px;
  line-height:1.15;
  color:#0f2a63;
  letter-spacing:.01em;
}
.service-card-copy span{
  display:block;
  font-size:18px;
  line-height:1.3;
  color:#6b80a8;
  white-space:nowrap;
}

.service-chat-cloud{
  position:absolute;
  left:50%;
  top:106px;
  width:460px;
  transform:translateX(-50%);
  z-index:3;
}
.service-qa{
  position:relative;
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:16px 26px;
  border-radius:24px;
  font-size:21px;
  line-height:1.24;
  color:#2c4a84;
  letter-spacing:.01em;
  backdrop-filter:blur(6px);
  box-shadow:0 14px 28px rgba(79,111,168,.08), inset 0 1px 0 rgba(255,255,255,.8);
}
.service-qa.ask{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.92)}
.service-qa.reply{background:rgba(223,236,255,.84);border:1px solid rgba(255,255,255,.72);color:#264a8c}
.service-qa.ask:after,
.service-qa.reply:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-11px;
  margin-left:-11px;
  width:22px;
  height:22px;
  background:inherit;
  border-right:inherit;
  border-bottom:inherit;
  transform:rotate(45deg);
}
.service-qa.qa-1{margin-top:0}
.service-qa.qa-2{margin-top:18px}
.service-qa.qa-3{margin-top:38px}
.service-qa.qa-4{margin-top:18px}

.service-concept-scene .service-stage-original{
  position:absolute;
  left:50%;
  bottom:110px;
  width:620px!important;
  height:400px!important;
  transform:translateX(-50%);
  z-index:3;
}
.service-platform,
.service-platform-ring{
  position:absolute;
  left:50%;
  border-radius:50%;
  transform:translateX(-50%);
  pointer-events:none;
}
.service-platform{
  bottom:165px;
  width:330px;
  height:58px;
  background:radial-gradient(circle at 50% 42%, rgba(117,184,255,.98), rgba(59,122,243,.46) 45%, rgba(255,255,255,0) 72%);
  filter:blur(.2px);
  opacity:.92;
}
.service-platform:before{
  content:"";
  position:absolute;
  inset:8px 18px;
  border-radius:50%;
  border:2px solid rgba(168,226,255,.92);
  box-shadow:0 0 18px rgba(86,169,255,.32);
}
.service-platform-ring{
  bottom:134px;
  width:446px;
  height:168px;
  background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(212,229,255,.18));
  border:2px solid rgba(255,255,255,.84);
  box-shadow:0 18px 36px rgba(76,110,170,.1);
}
.service-platform-ring:before,
.service-platform-ring:after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  border-radius:50%;
}
.service-platform-ring:before{
  top:16px;
  width:370px;
  height:96px;
  border:2px solid rgba(255,255,255,.72);
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.18), rgba(255,255,255,0) 74%);
}
.service-platform-ring:after{
  bottom:14px;
  width:402px;
  height:70px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.48);
}
.service-concept-scene .service-original-figure{
  position:absolute;
  left:50%!important;
  top:134px!important;
  width:244px!important;
  transform:translateX(-50%)!important;
  filter:brightness(.96) saturate(.94) drop-shadow(0 18px 28px rgba(54,104,190,.14))!important;
  z-index:5!important;
  animation:serviceMascotFloat 4.8s ease-in-out infinite;
}
.service-concept-scene .service-original-figure img{
  width:100%;
  height:auto;
  display:block;
}
.service-console{
  position:absolute;
  left:50%;
  bottom:0;
  width:590px;
  height:164px;
  transform:translateX(-50%);
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.56), rgba(219,233,255,.32));
  border:2px solid rgba(255,255,255,.74);
  box-shadow:0 28px 42px rgba(70,105,165,.12), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  z-index:3;
}
.service-console:before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:12px;
  height:18px;
  border-radius:999px;
  background:rgba(255,255,255,.32);
}
.service-console-main,
.service-console-status{
  position:absolute;
  display:flex;
  align-items:center;
  gap:16px;
  border-radius:28px;
}
.service-console-main{
  left:38px;
  bottom:30px;
  width:338px;
  height:96px;
  padding:0 24px;
  color:#fff;
  background:linear-gradient(135deg,#0b2f8f,#2157d8 42%,#07256f 100%);
  box-shadow:inset 0 0 0 2px rgba(126,174,255,.34), 0 18px 28px rgba(36,74,160,.22);
}
.console-main-icon,
.console-status-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.console-main-icon svg,
.console-status-icon svg{width:42px;height:42px;display:block}
.console-main-copy strong,
.console-status-copy strong{
  display:block;
  font-size:28px;
  line-height:1.05;
  letter-spacing:.01em;
}
.console-main-copy span,
.console-status-copy span{
  display:block;
  margin-top:8px;
  font-size:16px;
  line-height:1.2;
}
.console-main-copy span{color:rgba(226,236,255,.88)}
.console-main-arrow{
  margin-left:auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:36px;
  line-height:1;
}
.service-console-status{
  right:38px;
  bottom:30px;
  width:176px;
  height:96px;
  padding:0 20px;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,250,255,.68));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  color:#2764ea;
}
.console-status-icon{color:#2f69ea}
.console-status-copy strong{font-size:24px;color:#143571}
.console-status-copy span{margin-top:7px;font-size:14px;color:#7084a9}
.service-console-status .console-main-arrow{background:rgba(60,110,240,.1);color:#2f69ea;width:36px;height:36px;font-size:32px}

.service-concept-scene .media-note{
  position:absolute;
  left:50%;
  bottom:26px;
  width:min(92%, 1110px);
  min-height:92px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 36px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(246,249,255,.82));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 20px 34px rgba(79,111,168,.08);
  z-index:3;
}
.service-concept-scene .media-note strong{
  font-size:24px;
  color:#0f2a63;
}
.service-concept-scene .media-note span{
  white-space:nowrap;
  font-size:18px;
  color:#667aa1;
}

.service-concept-scene .service-chat-window,
.service-concept-scene .desk-glow,
.service-concept-scene .service-desk,
.service-concept-scene .desk-screen,
.service-concept-scene .service-badge,
.service-concept-scene .service-chat-top,
.service-concept-scene .bubble,
.service-concept-scene .service-original-figure .service-headset,
.service-concept-scene .service-stage-original > .service-headset,
.service-concept-scene .service-tool-badge{display:none!important}

@keyframes serviceMascotFloat{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}
  50%{transform:translateX(-50%) translateY(-16px) rotate(1.25deg)}
}

@media(max-width:1200px){
  .service-concept-scene{min-height:780px;padding:22px 20px 118px}
  .service-concept-scene .service-card{width:292px;min-height:106px;padding:18px 20px;gap:14px}
  .service-concept-scene .service-card-left{left:18px}.service-concept-scene .service-card-right{right:18px}
  .service-card-copy b{font-size:22px}.service-card-copy span{font-size:16px}
  .service-chat-cloud{width:408px;top:106px}.service-qa{font-size:19px;padding:14px 22px}
  .service-concept-scene .service-stage-original{width:560px!important;height:372px!important}
  .service-concept-scene .service-original-figure{width:220px!important;top:136px!important}
  .service-console{width:542px;height:154px}.service-console-main{left:30px;width:308px;height:88px}.service-console-status{right:30px;width:162px;height:88px}
  .console-main-copy strong{font-size:26px}.console-status-copy strong{font-size:22px}.console-main-copy span{font-size:15px}.console-status-copy span{font-size:13px}
  .service-concept-scene .media-note strong{font-size:22px}.service-concept-scene .media-note span{font-size:16px}
}
@media(max-width:900px){
  .service-concept-scene{min-height:1100px;padding:18px 16px 112px}
  .service-concept-scene:after{width:520px;height:520px;top:200px;box-shadow:0 0 0 1px rgba(255,255,255,.42), 0 0 0 76px rgba(255,255,255,.08), 0 0 0 148px rgba(255,255,255,.04)}
  .service-orbit.orbit-a{top:220px;width:420px;height:300px}.service-orbit.orbit-b{top:248px;width:372px;height:260px}.service-orbit.orbit-c{top:272px;width:320px;height:220px}
  .service-concept-scene .service-card{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;min-height:96px;margin-bottom:12px}
  .service-card-copy span{white-space:normal}
  .service-chat-cloud{position:relative;left:auto;top:auto;transform:none;width:100%;margin:10px 0 18px}
  .service-qa{font-size:17px}.service-qa.qa-1,.service-qa.qa-2,.service-qa.qa-3,.service-qa.qa-4{margin-top:12px}
  .service-concept-scene .service-stage-original{position:relative;left:auto;bottom:auto;transform:none;width:100%!important;height:420px!important;margin:12px auto 0}
  .service-platform-ring{width:420px;height:156px}.service-platform{width:280px}
  .service-concept-scene .service-original-figure{top:122px!important;width:206px!important}
  .service-console{width:min(100%, 540px);height:148px}.service-console-main{left:24px;right:190px;width:auto}.service-console-status{right:24px;width:150px}
  .service-concept-scene .media-note{width:100%;padding:0 24px;min-height:84px}.service-concept-scene .media-note strong{font-size:21px}.service-concept-scene .media-note span{font-size:15px;white-space:normal;text-align:right}
}
@media(max-width:640px){
  .service-concept-scene{min-height:1120px;padding:16px 14px 108px}
  .service-card-icon{width:60px;height:60px;flex-basis:60px}.service-card-icon svg{width:30px;height:30px}
  .service-card-copy b{font-size:18px}.service-card-copy span{font-size:13px}
  .service-chat-cloud{margin:2px 0 14px}.service-qa{font-size:14px;padding:12px 16px;border-radius:18px}
  .service-concept-scene .service-stage-original{height:360px!important}
  .service-platform-ring{width:290px;height:116px;bottom:118px}.service-platform-ring:before{width:236px;height:68px;top:12px}.service-platform-ring:after{width:256px;height:52px;bottom:10px}
  .service-platform{width:214px;height:42px;bottom:144px}.service-platform:before{inset:6px 12px}
  .service-concept-scene .service-original-figure{top:102px!important;width:160px!important}
  .service-console{width:100%;height:136px;border-radius:26px}.service-console:before{left:12px;right:12px;top:10px;height:14px}
  .service-console-main{left:14px;bottom:16px;right:122px;height:76px;padding:0 14px;gap:10px;border-radius:22px}
  .service-console-status{right:14px;bottom:16px;width:96px;height:76px;padding:0 10px;border-radius:22px;gap:8px}
  .console-main-icon,.console-status-icon{width:32px;height:32px}.console-main-icon svg,.console-status-icon svg{width:32px;height:32px}
  .console-main-copy strong{font-size:18px}.console-status-copy strong{font-size:17px}.console-main-copy span,.console-status-copy span{display:none}
  .console-main-arrow{width:28px;height:28px;font-size:26px}.service-console-status .console-main-arrow{display:none}
  .service-concept-scene .media-note{padding:16px 18px;min-height:unset;align-items:flex-start;flex-direction:column;gap:8px}
  .service-concept-scene .media-note strong{font-size:18px}.service-concept-scene .media-note span{font-size:13px;text-align:left}
}

/* ===== 2026-07 AI客服右侧适配修正版 =====
   目标：严格适配双栏网页右侧容器，不再按方图比例硬塞。 */
.all-products #product-service .product-media.service-concept-scene{
  min-height:590px!important;
  padding:18px 16px 82px!important;
  display:block!important;
  background:
    radial-gradient(circle at 50% 8%, rgba(248,251,255,.98), rgba(232,241,255,.92) 42%, rgba(219,232,251,.95) 100%)!important;
  overflow:hidden!important;
}
.all-products #product-service .product-media.service-concept-scene:before{
  inset:12% 10%!important;
  box-shadow:0 0 0 24px rgba(255,255,255,.15),0 0 0 48px rgba(255,255,255,.08)!important;
  z-index:0!important;
}
.all-products #product-service .service-concept-scene:after{
  width:420px!important;
  height:420px!important;
  top:116px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.28), 0 0 0 54px rgba(255,255,255,.05), 0 0 0 108px rgba(255,255,255,.025)!important;
  opacity:.65!important;
}
.all-products #product-service .service-orbit.orbit-a{top:134px;width:330px;height:224px}
.all-products #product-service .service-orbit.orbit-b{top:154px;width:284px;height:194px}
.all-products #product-service .service-orbit.orbit-c{top:172px;width:236px;height:164px}

.all-products #product-service .service-concept-scene .service-card{
  width:176px!important;
  min-height:82px!important;
  padding:12px 12px!important;
  gap:10px!important;
  border-radius:22px!important;
  box-shadow:0 10px 20px rgba(79,111,168,.07), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.all-products #product-service .service-concept-scene .service-card-left{left:14px!important}
.all-products #product-service .service-concept-scene .service-card-right{right:14px!important}
.all-products #product-service .service-concept-scene .service-card.top{top:60px!important}
.all-products #product-service .service-concept-scene .service-card.middle{top:222px!important}
.all-products #product-service .service-concept-scene .service-card.bottom{top:384px!important}
.all-products #product-service .service-card-icon{
  width:48px!important;
  height:48px!important;
  flex-basis:48px!important;
}
.all-products #product-service .service-card-icon svg{width:24px!important;height:24px!important}
.all-products #product-service .service-card-copy b{
  margin:0 0 4px!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.all-products #product-service .service-card-copy span{
  font-size:11px!important;
  line-height:1.35!important;
  white-space:normal!important;
}

.all-products #product-service .service-chat-cloud{
  width:250px!important;
  top:62px!important;
  z-index:4!important;
}
.all-products #product-service .service-qa{
  padding:10px 14px!important;
  border-radius:18px!important;
  font-size:12px!important;
  line-height:1.28!important;
  box-shadow:0 10px 20px rgba(79,111,168,.06), inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.all-products #product-service .service-qa.ask:after,
.all-products #product-service .service-qa.reply:after{width:16px!important;height:16px!important;bottom:-8px!important;margin-left:-8px!important}
.all-products #product-service .service-qa.qa-2{margin-top:10px!important}
.all-products #product-service .service-qa.qa-3{margin-top:20px!important}
.all-products #product-service .service-qa.qa-4{margin-top:10px!important}

.all-products #product-service .service-concept-scene .service-stage-original{
  width:100%!important;
  max-width:360px!important;
  height:230px!important;
  left:50%!important;
  bottom:64px!important;
  transform:translateX(-50%)!important;
}
.all-products #product-service .service-platform{
  width:164px!important;
  height:28px!important;
  bottom:108px!important;
}
.all-products #product-service .service-platform:before{inset:4px 10px!important;border-width:1.5px!important}
.all-products #product-service .service-platform-ring{
  width:252px!important;
  height:88px!important;
  bottom:74px!important;
  border-width:1.5px!important;
}
.all-products #product-service .service-platform-ring:before{width:206px!important;height:44px!important;top:10px!important;border-width:1.5px!important}
.all-products #product-service .service-platform-ring:after{width:228px!important;height:38px!important;bottom:8px!important;border-radius:24px!important}
.all-products #product-service .service-concept-scene .service-original-figure{
  width:128px!important;
  top:56px!important;
  animation:serviceMascotFloatCompact 4.6s ease-in-out infinite!important;
}
.all-products #product-service .service-console{
  width:336px!important;
  height:88px!important;
  bottom:0!important;
  border-radius:24px!important;
}
.all-products #product-service .service-console:before{
  left:10px!important;
  right:10px!important;
  top:8px!important;
  height:10px!important;
}
.all-products #product-service .service-console-main{
  left:14px!important;
  bottom:12px!important;
  width:190px!important;
  height:56px!important;
  padding:0 14px!important;
  gap:10px!important;
  border-radius:18px!important;
}
.all-products #product-service .service-console-status{
  right:14px!important;
  bottom:12px!important;
  width:116px!important;
  height:56px!important;
  padding:0 12px!important;
  gap:8px!important;
  border-radius:18px!important;
}
.all-products #product-service .console-main-icon,
.all-products #product-service .console-status-icon{width:24px!important;height:24px!important}
.all-products #product-service .console-main-icon svg,
.all-products #product-service .console-status-icon svg{width:24px!important;height:24px!important}
.all-products #product-service .console-main-copy strong{font-size:14px!important}
.all-products #product-service .console-status-copy strong{font-size:13px!important;color:#143571!important}
.all-products #product-service .console-main-copy span,
.all-products #product-service .console-status-copy span{display:none!important}
.all-products #product-service .console-main-arrow{
  width:22px!important;
  height:22px!important;
  font-size:18px!important;
}
.all-products #product-service .service-console-status .console-main-arrow{display:none!important}

.all-products #product-service .service-concept-scene .media-note{
  width:calc(100% - 28px)!important;
  min-height:64px!important;
  bottom:12px!important;
  padding:0 18px!important;
  gap:12px!important;
  border-radius:20px!important;
}
.all-products #product-service .service-concept-scene .media-note strong{
  font-size:15px!important;
}
.all-products #product-service .service-concept-scene .media-note span{
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

@keyframes serviceMascotFloatCompact{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}
  50%{transform:translateX(-50%) translateY(-8px) rotate(1deg)}
}

@media(max-width:1050px){
  .all-products #product-service .service-concept-scene .service-card{width:164px!important}
  .all-products #product-service .service-card-copy b{font-size:15px!important}
  .all-products #product-service .service-card-copy span{font-size:10px!important}
  .all-products #product-service .service-chat-cloud{width:228px!important}
  .all-products #product-service .service-concept-scene .service-stage-original{max-width:332px!important}
  .all-products #product-service .service-console{width:310px!important}
  .all-products #product-service .service-console-main{width:174px!important}
  .all-products #product-service .service-console-status{width:108px!important}
}

@media(max-width:800px){
  .all-products #product-service .product-media.service-concept-scene{
    min-height:620px!important;
    padding:16px 12px 76px!important;
  }
  .all-products #product-service .service-concept-scene:after{top:124px!important;width:380px!important;height:380px!important}
  .all-products #product-service .service-concept-scene .service-card{
    position:absolute!important;
    width:calc(50% - 18px)!important;
    min-height:74px!important;
    padding:10px!important;
  }
  .all-products #product-service .service-concept-scene .service-card-left{left:12px!important}
  .all-products #product-service .service-concept-scene .service-card-right{right:12px!important}
  .all-products #product-service .service-concept-scene .service-card.top{top:56px!important}
  .all-products #product-service .service-concept-scene .service-card.middle{top:194px!important}
  .all-products #product-service .service-concept-scene .service-card.bottom{top:332px!important}
  .all-products #product-service .service-card-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
  .all-products #product-service .service-card-copy b{font-size:14px!important}
  .all-products #product-service .service-card-copy span{font-size:10px!important}
  .all-products #product-service .service-chat-cloud{top:62px!important;width:220px!important}
  .all-products #product-service .service-qa{font-size:11px!important}
  .all-products #product-service .service-concept-scene .service-stage-original{height:216px!important;max-width:328px!important;bottom:66px!important}
  .all-products #product-service .service-concept-scene .service-original-figure{width:118px!important;top:58px!important}
  .all-products #product-service .service-console{width:302px!important;height:82px!important}
  .all-products #product-service .service-console-main{width:170px!important;height:52px!important}
  .all-products #product-service .service-console-status{width:104px!important;height:52px!important}
  .all-products #product-service .service-concept-scene .media-note{width:calc(100% - 24px)!important;min-height:58px!important;padding:0 14px!important}
  .all-products #product-service .service-concept-scene .media-note span{font-size:10px!important}
}

@media(max-width:560px){
  .all-products #product-service .product-media.service-concept-scene{
    min-height:540px!important;
    padding:14px 10px 72px!important;
  }
  .all-products #product-service .service-concept-scene:after,
  .all-products #product-service .service-orbit{display:none!important}
  .all-products #product-service .service-concept-scene .service-card{
    width:calc(50% - 14px)!important;
    min-height:64px!important;
    padding:8px!important;
    gap:8px!important;
    border-radius:16px!important;
  }
  .all-products #product-service .service-concept-scene .service-card.top{top:48px!important}
  .all-products #product-service .service-concept-scene .service-card.middle{top:164px!important}
  .all-products #product-service .service-concept-scene .service-card.bottom{top:280px!important}
  .all-products #product-service .service-card-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .all-products #product-service .service-card-icon svg{width:18px!important;height:18px!important}
  .all-products #product-service .service-card-copy b{font-size:12px!important;margin-bottom:2px!important}
  .all-products #product-service .service-card-copy span{font-size:9px!important;line-height:1.25!important}
  .all-products #product-service .service-chat-cloud{width:180px!important;top:52px!important}
  .all-products #product-service .service-qa{font-size:10px!important;padding:8px 10px!important;border-radius:14px!important}
  .all-products #product-service .service-qa.qa-3{margin-top:14px!important}
  .all-products #product-service .service-concept-scene .service-stage-original{height:188px!important;max-width:264px!important;bottom:68px!important}
  .all-products #product-service .service-platform{width:134px!important;height:22px!important;bottom:92px!important}
  .all-products #product-service .service-platform-ring{width:212px!important;height:72px!important;bottom:62px!important}
  .all-products #product-service .service-platform-ring:before{width:170px!important;height:34px!important}
  .all-products #product-service .service-platform-ring:after{width:190px!important;height:28px!important}
  .all-products #product-service .service-concept-scene .service-original-figure{width:98px!important;top:48px!important}
  .all-products #product-service .service-console{width:244px!important;height:72px!important}
  .all-products #product-service .service-console-main{left:10px!important;bottom:10px!important;width:136px!important;height:46px!important;padding:0 10px!important}
  .all-products #product-service .service-console-status{right:10px!important;bottom:10px!important;width:78px!important;height:46px!important;padding:0 8px!important}
  .all-products #product-service .console-main-icon,.all-products #product-service .console-status-icon{width:18px!important;height:18px!important}
  .all-products #product-service .console-main-icon svg,.all-products #product-service .console-status-icon svg{width:18px!important;height:18px!important}
  .all-products #product-service .console-main-copy strong{font-size:12px!important}
  .all-products #product-service .console-status-copy strong{font-size:11px!important}
  .all-products #product-service .console-main-arrow{display:none!important}
  .all-products #product-service .service-concept-scene .media-note{width:calc(100% - 20px)!important;min-height:52px!important;padding:0 12px!important;justify-content:flex-start!important;flex-direction:row!important}
  .all-products #product-service .service-concept-scene .media-note strong{font-size:13px!important}
  .all-products #product-service .service-concept-scene .media-note span{display:block!important;font-size:9px!important;white-space:nowrap!important}
}

/* ===== 2026-07 AI客服重构版 ===== */
#product-service .service-rebuild-scene{
  position:relative;
  display:block;
  min-height:590px;
  padding:22px 16px 84px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 8%, rgba(248,251,255,.98), rgba(233,241,252,.96) 42%, rgba(220,231,249,.98) 100%);
}
#product-service .service-rebuild-scene::before{
  content:"";
  position:absolute;
  inset:12% 10% 14%;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  box-shadow:0 0 0 26px rgba(255,255,255,.1), 0 0 0 52px rgba(255,255,255,.04);
  opacity:.8;
  pointer-events:none;
}
#product-service .service-rebuild-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 32%);
  pointer-events:none;
}
#product-service .svc-side{
  position:absolute;
  top:58px;
  width:164px;
  display:flex;
  flex-direction:column;
  gap:14px;
  z-index:2;
}
#product-service .svc-left{left:16px}
#product-service .svc-right{right:16px}
#product-service .svc-card{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:82px;
  padding:12px 12px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,255,.9));
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 12px 24px rgba(80,110,170,.08), inset 0 1px 0 rgba(255,255,255,.95);
}
#product-service .svc-ico{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#2c67ec;
  background:linear-gradient(180deg, #edf4ff, #dbe9ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}
#product-service .svc-ico svg{width:22px;height:22px;display:block}
#product-service .svc-card b{
  display:block;
  margin-bottom:3px;
  font-size:15px;
  line-height:1.15;
  color:#12306b;
}
#product-service .svc-card span{
  display:block;
  font-size:11px;
  line-height:1.35;
  color:#6a7ea3;
}

#product-service .svc-bubbles{
  position:absolute;
  left:50%;
  top:62px;
  width:228px;
  transform:translateX(-50%);
  z-index:3;
}
#product-service .svc-bubble{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:9px 14px;
  border-radius:18px;
  font-size:12px;
  line-height:1.28;
  color:#294987;
  box-shadow:0 10px 18px rgba(80,110,170,.06), inset 0 1px 0 rgba(255,255,255,.9);
}
#product-service .svc-bubble.ask{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96)}
#product-service .svc-bubble.reply{background:rgba(221,235,255,.86);border:1px solid rgba(255,255,255,.78)}
#product-service .svc-bubble + .svc-bubble{margin-top:10px}
#product-service .svc-bubble.second{margin-top:18px}
#product-service .svc-bubble::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  margin-left:-7px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:inherit;
  border-right:inherit;
  border-bottom:inherit;
}

#product-service .svc-center{
  position:absolute;
  left:50%;
  bottom:74px;
  width:318px;
  height:262px;
  transform:translateX(-50%);
  z-index:2;
}
#product-service .svc-ring{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.55);
  pointer-events:none;
}
#product-service .svc-ring-a{top:26px;width:248px;height:92px}
#product-service .svc-ring-b{top:42px;width:204px;height:62px;opacity:.7}
#product-service .svc-platform-glow{
  position:absolute;
  left:50%;
  top:102px;
  width:132px;
  height:28px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%, rgba(102,188,255,.92), rgba(83,152,245,.26) 52%, rgba(255,255,255,0) 76%);
}
#product-service .svc-platform{
  position:absolute;
  left:50%;
  top:114px;
  width:210px;
  height:72px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.75);
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.08));
  box-shadow:0 16px 30px rgba(71,105,165,.08);
}
#product-service .svc-platform::before{
  content:"";
  position:absolute;
  left:50%;
  top:9px;
  width:168px;
  height:42px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.72);
}
#product-service .svc-mascot{
  position:absolute;
  left:50%;
  top:48px;
  width:124px;
  transform:translateX(-50%);
  filter:brightness(.95) saturate(.92) drop-shadow(0 14px 22px rgba(54,104,190,.14));
  animation:svcFloat 4.6s ease-in-out infinite;
  z-index:2;
}
#product-service .svc-mascot img{position:static!important;width:100%;height:auto;object-fit:contain;mix-blend-mode:normal;display:block}
#product-service .svc-console{
  position:absolute;
  left:50%;
  bottom:0;
  width:318px;
  height:78px;
  transform:translateX(-50%);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(222,233,251,.42));
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 18px 28px rgba(71,105,165,.1), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(8px);
}
#product-service .svc-console::before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:8px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.34);
}
#product-service .svc-console-main,
#product-service .svc-console-status{
  position:absolute;
  bottom:11px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  gap:10px;
}
#product-service .svc-console-main{
  left:12px;
  width:186px;
  padding:0 14px;
  color:#fff;
  background:linear-gradient(135deg, #0b2f8f, #245ae0 46%, #123baf 100%);
  box-shadow:inset 0 0 0 1px rgba(163,194,255,.28);
}
#product-service .svc-console-status{
  right:12px;
  width:108px;
  padding:0 12px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,249,255,.78));
  border:1px solid rgba(255,255,255,.92);
  color:#225fe6;
}
#product-service .svc-console-icon{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center}
#product-service .svc-console-icon svg{width:24px;height:24px;display:block}
#product-service .svc-console-copy strong{display:block;font-size:14px;line-height:1.1}
#product-service .svc-console-copy span{display:block;margin-top:2px;font-size:10px;line-height:1.2}
#product-service .svc-console-main .svc-console-copy span{color:rgba(233,239,255,.84)}
#product-service .svc-console-status .svc-console-copy strong{color:#173977}
#product-service .svc-console-status .svc-console-copy span{color:#7387a8}
#product-service .svc-note{
  position:absolute;
  left:16px;
  right:16px;
  bottom:12px;
  min-height:56px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,255,.86));
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 14px 22px rgba(80,110,170,.06);
  z-index:2;
}
#product-service .svc-note strong{font-size:15px;color:#12306b}
#product-service .svc-note span{font-size:11px;line-height:1.25;color:#6a7ea3;white-space:nowrap}

@keyframes svcFloat{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}
  50%{transform:translateX(-50%) translateY(-9px) rotate(1deg)}
}

@media(max-width:1100px){
  #product-service .svc-side{width:154px}
  #product-service .svc-card{padding:10px}
  #product-service .svc-card b{font-size:14px}
  #product-service .svc-card span{font-size:10px}
  #product-service .svc-bubbles{width:210px}
  #product-service .svc-center{width:300px}
  #product-service .svc-console{width:300px}
  #product-service .svc-console-main{width:176px}
  #product-service .svc-console-status{width:100px}
}
@media(max-width:800px){
  #product-service .service-rebuild-scene{min-height:610px;padding:18px 14px 76px}
  #product-service .service-rebuild-scene::before{inset:18% 8% 18%}
  #product-service .svc-side{top:48px;width:calc(50% - 20px);gap:10px}
  #product-service .svc-left{left:12px}#product-service .svc-right{right:12px}
  #product-service .svc-card{min-height:74px;border-radius:18px}
  #product-service .svc-card b{font-size:13px}
  #product-service .svc-card span{font-size:10px}
  #product-service .svc-ico{width:36px;height:36px;flex-basis:36px}#product-service .svc-ico svg{width:18px;height:18px}
  #product-service .svc-bubbles{width:200px;top:54px}#product-service .svc-bubble{font-size:11px;padding:8px 12px}
  #product-service .svc-center{bottom:70px;width:294px;height:248px}
  #product-service .svc-mascot{width:116px;top:50px}
  #product-service .svc-console{width:294px;height:74px}
  #product-service .svc-console-main{width:170px;height:50px}
  #product-service .svc-console-status{width:98px;height:50px}
  #product-service .svc-note{left:12px;right:12px;bottom:10px;min-height:52px;padding:0 14px}
  #product-service .svc-note strong{font-size:14px}#product-service .svc-note span{font-size:10px}
}
@media(max-width:560px){
  #product-service .service-rebuild-scene{min-height:535px;padding:14px 10px 70px}
  #product-service .service-rebuild-scene::before{display:none}
  #product-service .svc-side{top:40px;width:calc(50% - 16px);gap:8px}
  #product-service .svc-card{min-height:64px;padding:8px;border-radius:15px;gap:8px}
  #product-service .svc-card b{font-size:12px}
  #product-service .svc-card span{font-size:9px}
  #product-service .svc-ico{width:30px;height:30px;flex-basis:30px}#product-service .svc-ico svg{width:16px;height:16px}
  #product-service .svc-bubbles{width:168px;top:46px}#product-service .svc-bubble{font-size:10px;padding:7px 9px;border-radius:14px}
  #product-service .svc-bubble + .svc-bubble{margin-top:8px}#product-service .svc-bubble.second{margin-top:14px}
  #product-service .svc-center{bottom:66px;width:248px;height:214px}
  #product-service .svc-ring{display:none}
  #product-service .svc-platform-glow{top:88px;width:112px;height:22px}
  #product-service .svc-platform{top:98px;width:176px;height:58px}
  #product-service .svc-platform::before{top:8px;width:142px;height:34px}
  #product-service .svc-mascot{width:92px;top:44px}
  #product-service .svc-console{width:248px;height:64px;border-radius:18px}
  #product-service .svc-console::before{height:8px;top:6px}
  #product-service .svc-console-main,#product-service .svc-console-status{bottom:9px;height:44px;border-radius:14px}
  #product-service .svc-console-main{left:9px;width:144px;padding:0 10px}
  #product-service .svc-console-status{right:9px;width:84px;padding:0 8px}
  #product-service .svc-console-icon{width:18px;height:18px;flex-basis:18px}#product-service .svc-console-icon svg{width:18px;height:18px}
  #product-service .svc-console-copy strong{font-size:12px}#product-service .svc-console-copy span{display:none}
  #product-service .svc-note{min-height:48px;padding:0 12px;justify-content:flex-start}
  #product-service .svc-note strong{font-size:13px}#product-service .svc-note span{font-size:9px}
}

/* AI客服重构版二次排版修正：拉开卡片与聊天气泡层级 */
#product-service .svc-side{
  top:54px;
  height:408px;
  gap:0;
}
#product-service .svc-side .svc-card{
  position:absolute;
  width:100%;
}
#product-service .svc-side .svc-card:nth-child(1){top:0}
#product-service .svc-side .svc-card:nth-child(2){top:156px}
#product-service .svc-side .svc-card:nth-child(3){top:312px}
#product-service .svc-bubbles{top:50px;width:214px}
#product-service .svc-bubble{font-size:11px;padding:8px 12px}
#product-service .svc-bubble + .svc-bubble{margin-top:8px}
#product-service .svc-bubble.second{margin-top:14px}
#product-service .svc-center{bottom:82px}
#product-service .svc-note{bottom:10px}

@media(max-width:800px){
  #product-service .svc-side{top:46px;height:360px}
  #product-service .svc-side .svc-card:nth-child(1){top:0}
  #product-service .svc-side .svc-card:nth-child(2){top:138px}
  #product-service .svc-side .svc-card:nth-child(3){top:276px}
  #product-service .svc-bubbles{top:48px;width:188px}
  #product-service .svc-center{bottom:76px}
}
@media(max-width:560px){
  #product-service .svc-side{top:40px;height:304px}
  #product-service .svc-side .svc-card:nth-child(1){top:0}
  #product-service .svc-side .svc-card:nth-child(2){top:116px}
  #product-service .svc-side .svc-card:nth-child(3){top:232px}
  #product-service .svc-bubbles{top:42px;width:160px}
  #product-service .svc-center{bottom:72px}
}

/* ===== 2026-07 四个产品视觉重构：按确认草图实现（HTML/CSS 非贴图） ===== */
.draft-sales-scene,.draft-geo-scene,.draft-knowledge-scene,.draft-lobster-scene{
  position:relative!important;display:block!important;min-height:590px!important;padding:0!important;overflow:hidden!important;
  background:radial-gradient(circle at 50% 16%,#fff 0,#f5f9ff 34%,#e8f1ff 72%,#dfeaff 100%)!important;
  isolation:isolate;
}
.draft-sales-scene:before,.draft-geo-scene:before,.draft-knowledge-scene:before,.draft-lobster-scene:before{
  content:""!important;position:absolute!important;inset:7%!important;border-radius:50%!important;border:1px solid rgba(91,143,226,.18)!important;
  box-shadow:0 0 0 48px rgba(255,255,255,.16),0 0 0 96px rgba(255,255,255,.08)!important;z-index:0!important;pointer-events:none!important;
}
.draft-orbit{position:absolute;left:50%;top:66px;width:390px;height:390px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(91,143,226,.18);z-index:0}
.draft-orbit:before,.draft-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.7);inset:36px}.draft-orbit:after{inset:82px;border-style:dashed;opacity:.65}
.draft-mascot{position:absolute;z-index:5;filter:drop-shadow(0 18px 24px rgba(55,101,185,.16));animation:draftMascotFloat 4.8s ease-in-out infinite}
.draft-mascot img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important;display:block!important;transform:none!important}
@keyframes draftMascotFloat{0%,100%{transform:translate(-50%,0) rotate(-1deg)}50%{transform:translate(-50%,-9px) rotate(1deg)}}
.draft-footer{position:absolute;left:22px;right:22px;bottom:12px;min-height:58px;padding:0 18px;border-radius:20px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 24px rgba(73,106,164,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:8}
.draft-footer strong{font-size:15px;color:#12326f}.draft-footer span{font-size:10px;color:#6b7fa5;white-space:nowrap}

/* SALES */
.sales-kpi{position:absolute;z-index:3;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);box-shadow:0 14px 26px rgba(74,106,164,.08);padding:16px}
.sales-kpi span,.sales-kpi em{display:block}.sales-kpi span{font-size:13px;font-weight:800;color:#153774}.sales-kpi strong{display:block;margin:6px 0 3px;font-size:31px;line-height:1;color:#1459e8}.sales-kpi em{font-size:10px;font-style:normal;color:#6e82a6}
.kpi-leads{left:28px;top:45px;width:145px}.kpi-director{right:28px;top:45px;width:150px}.kpi-growth{right:22px;top:144px;width:150px}.kpi-growth strong{font-size:30px}
.sales-draft-mascot{left:50%;top:72px;width:195px}.sales-title{position:absolute;left:50%;top:242px;transform:translateX(-50%);text-align:center;z-index:4}.sales-title b{display:block;font-size:26px;color:#12336f}.sales-title span{display:block;margin-top:5px;font-size:11px;color:#6b7fa5}
.sales-cap-grid{position:absolute;left:54px;right:54px;top:300px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;z-index:4}.sales-cap-grid article{min-height:92px;padding:12px;border-radius:18px;background:rgba(255,255,255,.87);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 20px rgba(74,106,164,.07);display:grid;grid-template-columns:32px 1fr;align-content:center;column-gap:8px}.sales-cap-grid i{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e5efff;color:#2c68ef;font-style:normal;font-weight:900}.sales-cap-grid b{font-size:12px;color:#173b7a}.sales-cap-grid span{font-size:9px;color:#7a8ba8}.sales-draft-footer strong:before{content:"●";margin-right:8px;color:#2e6df0}

/* GEO */
.geo-side{position:absolute;top:64px;width:166px;display:flex;flex-direction:column;gap:12px;z-index:4}.geo-side-left{left:18px}.geo-side-right{right:18px}.geo-side article{min-height:74px;padding:10px 11px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:0 10px 18px rgba(74,106,164,.07);display:flex;align-items:center;gap:10px}.geo-side i{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#e6efff;color:#1d60ec;font-style:normal;font-weight:900}.geo-side b,.geo-side span{display:block}.geo-side b{font-size:12px;color:#173a77}.geo-side span{font-size:9px;color:#7889a7;margin-top:2px}.geo-emblem{position:absolute;left:50%;top:85px;width:185px;height:210px;transform:translateX(-50%);clip-path:polygon(50% 0,90% 20%,90% 74%,50% 100%,10% 74%,10% 20%);background:linear-gradient(145deg,#7fb0ff,#1556e7 58%,#113fb3);box-shadow:0 24px 34px rgba(26,85,203,.24);display:grid;place-items:center;z-index:3}.geo-emblem:before{content:"";position:absolute;inset:10px;clip-path:inherit;border:2px solid rgba(255,255,255,.45)}.geo-emblem span{font-size:42px;font-weight:900;color:white;letter-spacing:.04em;text-shadow:0 4px 12px rgba(0,41,137,.3)}
.geo-stage{position:absolute;left:50%;top:345px;width:300px;height:80px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(193,218,255,.18));border:2px solid rgba(255,255,255,.8);box-shadow:0 16px 30px rgba(66,102,170,.1);z-index:2}.geo-stage:before{content:"";position:absolute;left:50%;top:13px;width:210px;height:40px;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(72,142,255,.55);box-shadow:0 0 22px rgba(64,151,255,.2)}
.geo-draft-mascot{left:50%;top:280px;width:132px}.geo-boost{position:absolute;left:calc(50% + 38px);top:330px;z-index:6;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 10px 18px rgba(74,106,164,.08)}.geo-boost b,.geo-boost span{display:block}.geo-boost b{font-size:11px;color:#1c5de4}.geo-boost span{font-size:8px;color:#7c8ca7;margin-top:2px}
.geo-process{position:absolute;left:22px;right:22px;bottom:82px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;z-index:6}.geo-process article{min-height:68px;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 18px rgba(74,106,164,.06)}.geo-process b{font-size:13px;color:#1e62eb}.geo-process span{font-size:9px;color:#667da4;margin-top:4px}

/* KNOWLEDGE */
.knowledge-sources,.knowledge-actions{position:absolute;top:120px;display:flex;flex-direction:column;gap:12px;z-index:4}.knowledge-sources{left:24px;width:154px}.knowledge-actions{right:24px;width:164px}.knowledge-sources article,.knowledge-actions article{min-height:70px;padding:10px 11px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);box-shadow:0 10px 18px rgba(74,106,164,.07);display:flex;align-items:center;gap:10px}.knowledge-sources i,.knowledge-actions i{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:#e6efff;color:#1760e8;font-style:normal;font-size:12px;font-weight:900}.knowledge-sources b,.knowledge-actions b,.knowledge-sources span,.knowledge-actions span{display:block}.knowledge-sources b,.knowledge-actions b{font-size:12px;color:#173b78}.knowledge-sources span,.knowledge-actions span{font-size:9px;color:#788aa8;margin-top:2px}
.knowledge-hub-core{position:absolute;left:50%;top:150px;width:245px;height:245px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 26%,#fff 0,#ddecff 42%,#a8ceff 72%,#76adf7 100%);border:2px solid rgba(255,255,255,.75);box-shadow:0 18px 42px rgba(40,104,203,.16),inset 0 0 35px rgba(255,255,255,.55);z-index:3;text-align:center;padding-top:94px}.knowledge-hub-core:before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(66,130,233,.35)}.knowledge-hub-core b{display:block;font-size:23px;color:#123774}.knowledge-hub-core span{display:block;margin-top:7px;font-size:10px;color:#5777a4}.knowledge-hub-core>i{display:block;width:34px;height:26px;margin:14px auto 0;background:linear-gradient(90deg,#2f72ef 0 18%,transparent 18% 39%,#2f72ef 39% 57%,transparent 57% 78%,#2f72ef 78%);border-radius:4px}.knowledge-draft-mascot{left:50%;top:-18px;width:104px}.knowledge-arrow{position:absolute;top:248px;z-index:5;color:#3477ef;font-size:28px}.knowledge-arrow.left{left:184px}.knowledge-arrow.right{right:184px}.knowledge-checks{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);display:flex;gap:8px;z-index:6;white-space:nowrap}.knowledge-checks span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.85);font-size:9px;color:#52749b}.knowledge-checks span::first-letter{color:#20b983}

/* LOBSTER */
.lobster-main-box{position:absolute;left:50%;top:155px;width:215px;height:220px;transform:translateX(-50%);border-radius:22px;background:linear-gradient(145deg,#2e80ff,#0e49d9 62%,#0a35aa);box-shadow:0 24px 40px rgba(23,74,180,.25),inset 0 0 0 3px rgba(115,173,255,.22);z-index:3;text-align:center;padding-top:82px}.lobster-main-box .lid{position:absolute;left:-10px;right:-10px;top:-20px;height:55px;border-radius:18px;background:linear-gradient(180deg,#60a8ff,#1762df);box-shadow:0 8px 12px rgba(17,62,164,.25),inset 0 0 0 3px rgba(255,255,255,.18)}.lobster-main-box b,.lobster-main-box span{display:block;color:#fff}.lobster-main-box b{font-size:29px}.lobster-main-box span{font-size:12px;margin-top:10px}.lobster-main-box>i{display:block;width:38px;height:34px;margin:20px auto 0;background:linear-gradient(90deg,#62dcff 0 22%,transparent 22% 39%,#62dcff 39% 61%,transparent 61% 78%,#62dcff 78%);border-radius:6px}.lobster-draft-mascot{left:50%;top:56px;width:160px}
.lobster-card{position:absolute;z-index:4;width:190px;min-height:100px;padding:13px;border-radius:20px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:0 12px 24px rgba(74,106,164,.08);display:flex;gap:10px}.lobster-card>i{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;color:#2b69ed;font-style:normal;font-weight:900}.lobster-card b,.lobster-card span,.lobster-card em{display:block}.lobster-card b{font-size:13px;color:#173b78}.lobster-card span{font-size:9px;color:#6680a9;margin-top:2px}.lobster-card em{font-size:8px;line-height:1.35;color:#8291aa;font-style:normal;margin-top:7px}.lc1{left:28px;top:94px}.lc2{right:28px;top:94px}.lc3{left:22px;top:234px}.lc4{right:22px;top:234px}.lc5{left:70px;top:377px}.lc6{right:70px;top:377px}.lc7{left:50%;top:410px;transform:translateX(-50%);width:210px;min-height:88px}
.lobster-benefits{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap;z-index:6}.lobster-benefits span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.86);font-size:9px;color:#285fc9;box-shadow:0 8px 16px rgba(74,106,164,.05)}

@media(max-width:1100px){
  .sales-cap-grid{left:32px;right:32px}.geo-side{width:150px}.knowledge-sources{left:14px}.knowledge-actions{right:14px}.lobster-card{width:170px}.lc1{left:16px}.lc2{right:16px}.lc3{left:12px}.lc4{right:12px}.lc5{left:44px}.lc6{right:44px}
}
@media(max-width:800px){
  .draft-sales-scene,.draft-geo-scene,.draft-knowledge-scene,.draft-lobster-scene{min-height:650px!important}
  .sales-cap-grid{left:18px;right:18px;top:330px}.kpi-director{right:18px}.kpi-growth{right:18px}.kpi-leads{left:18px}.sales-draft-mascot{top:92px;width:170px}.sales-title{top:260px}
  .geo-side{width:145px}.geo-side-left{left:12px}.geo-side-right{right:12px}.geo-emblem{width:160px;height:180px}.geo-process{left:14px;right:14px}.geo-stage{top:370px}.geo-draft-mascot{top:310px}
  .knowledge-sources{left:12px;width:140px}.knowledge-actions{right:12px;width:148px}.knowledge-hub-core{width:220px;height:220px;padding-top:86px}.knowledge-arrow.left{left:155px}.knowledge-arrow.right{right:155px}
  .lobster-main-box{top:170px;width:190px;height:205px}.lobster-draft-mascot{top:75px}.lobster-card{width:160px;min-height:92px}.lc5{left:22px}.lc6{right:22px}.lc7{top:455px}
}
@media(max-width:560px){
  .draft-sales-scene,.draft-geo-scene,.draft-knowledge-scene,.draft-lobster-scene{min-height:720px!important}
  .draft-footer{left:10px;right:10px;padding:0 12px}.draft-footer strong{font-size:13px}.draft-footer span{font-size:8px}
  .sales-kpi{padding:12px}.kpi-leads{width:120px}.kpi-director{width:125px}.kpi-growth{width:125px;top:132px}.sales-kpi strong{font-size:25px}.sales-draft-mascot{top:86px;width:145px}.sales-title{top:244px}.sales-title b{font-size:22px}.sales-cap-grid{grid-template-columns:repeat(2,1fr);top:300px;left:12px;right:12px}.sales-cap-grid article{min-height:80px}
  .geo-side{width:128px;gap:8px}.geo-side article{min-height:62px;padding:8px}.geo-side i{width:30px;height:30px;flex-basis:30px}.geo-side b{font-size:10px}.geo-side span{font-size:8px}.geo-emblem{top:180px;width:135px;height:150px}.geo-emblem span{font-size:31px}.geo-stage{top:390px;width:230px}.geo-draft-mascot{top:340px;width:105px}.geo-boost{top:382px;left:calc(50% + 20px)}.geo-process{grid-template-columns:repeat(5,1fr);bottom:82px;gap:4px}.geo-process article{min-height:58px}.geo-process span{font-size:7px}
  .knowledge-sources{top:70px;left:10px;width:128px}.knowledge-actions{top:108px;right:10px;width:138px}.knowledge-sources article,.knowledge-actions article{min-height:58px;padding:8px}.knowledge-sources i,.knowledge-actions i{width:30px;height:30px;flex-basis:30px}.knowledge-hub-core{top:300px;width:190px;height:190px;padding-top:75px}.knowledge-hub-core b{font-size:19px}.knowledge-draft-mascot{width:88px}.knowledge-arrow{display:none}.knowledge-checks{bottom:82px;gap:4px}.knowledge-checks span{font-size:7px;padding:6px}
  .lobster-draft-mascot{top:60px;width:125px}.lobster-main-box{top:155px;width:170px;height:185px;padding-top:72px}.lobster-main-box b{font-size:24px}.lobster-card{width:145px;min-height:82px;padding:9px}.lobster-card em{display:none}.lc1{left:10px;top:82px}.lc2{right:10px;top:82px}.lc3{left:10px;top:350px}.lc4{right:10px;top:350px}.lc5{left:10px;top:450px}.lc6{right:10px;top:450px}.lc7{top:535px;width:190px}.lobster-benefits{bottom:78px;gap:4px}.lobster-benefits span{font-size:7px;padding:6px 7px}
}

/* ===== 龙虾盒子：防覆盖重排终版 ===== */
#product-lobster .draft-lobster-scene{
  min-height:690px!important;
  padding:22px 18px 82px!important;
  overflow:hidden!important;
}
#product-lobster .lobster-draft-mascot{
  top:42px!important;
  width:138px!important;
  z-index:5!important;
}
#product-lobster .lobster-main-box{
  top:150px!important;
  width:196px!important;
  height:214px!important;
  padding-top:78px!important;
  z-index:3!important;
}
#product-lobster .lobster-main-box .lid{
  left:-8px!important;
  right:-8px!important;
  top:-18px!important;
  height:50px!important;
}
#product-lobster .lobster-main-box b{font-size:27px!important}
#product-lobster .lobster-main-box span{font-size:12px!important}

#product-lobster .lobster-card{
  width:154px!important;
  min-height:92px!important;
  padding:12px!important;
  gap:9px!important;
  border-radius:18px!important;
  align-items:flex-start!important;
}
#product-lobster .lobster-card>i{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  font-size:13px!important;
}
#product-lobster .lobster-card b{
  font-size:13px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#product-lobster .lobster-card span{
  font-size:9px!important;
  line-height:1.25!important;
}
#product-lobster .lobster-card em{
  margin-top:6px!important;
  font-size:8px!important;
  line-height:1.35!important;
}

/* 左右各三张，严格避开中央盒子 */
#product-lobster .lc1{left:18px!important;right:auto!important;top:86px!important}
#product-lobster .lc2{right:18px!important;left:auto!important;top:86px!important}
#product-lobster .lc3{left:18px!important;right:auto!important;top:226px!important}
#product-lobster .lc4{right:18px!important;left:auto!important;top:226px!important}
#product-lobster .lc5{left:18px!important;right:auto!important;top:366px!important}
#product-lobster .lc6{right:18px!important;left:auto!important;top:366px!important}

/* 增长实验独立居中，不与左右卡片或标签重叠 */
#product-lobster .lc7{
  left:50%!important;
  right:auto!important;
  top:478px!important;
  width:224px!important;
  min-height:78px!important;
  transform:translateX(-50%)!important;
  align-items:center!important;
}
#product-lobster .lc7 em{font-size:8px!important}

#product-lobster .lobster-benefits{
  left:50%!important;
  bottom:82px!important;
  width:auto!important;
  gap:7px!important;
  transform:translateX(-50%)!important;
  z-index:7!important;
}
#product-lobster .lobster-benefits span{
  padding:6px 9px!important;
  font-size:8px!important;
  line-height:1!important;
  background:rgba(255,255,255,.94)!important;
}
#product-lobster .draft-media-note{
  left:18px!important;
  right:18px!important;
  bottom:14px!important;
  min-height:58px!important;
  padding:0 18px!important;
  z-index:8!important;
}

@media(max-width:1050px){
  #product-lobster .draft-lobster-scene{min-height:700px!important}
  #product-lobster .lobster-card{width:146px!important}
  #product-lobster .lc1,#product-lobster .lc3,#product-lobster .lc5{left:12px!important}
  #product-lobster .lc2,#product-lobster .lc4,#product-lobster .lc6{right:12px!important}
  #product-lobster .lobster-main-box{width:186px!important}
}

@media(max-width:800px){
  #product-lobster .draft-lobster-scene{min-height:720px!important}
  #product-lobster .lobster-card{width:calc(50% - 28px)!important;min-height:88px!important}
  #product-lobster .lc1,#product-lobster .lc3,#product-lobster .lc5{left:14px!important}
  #product-lobster .lc2,#product-lobster .lc4,#product-lobster .lc6{right:14px!important}
  #product-lobster .lc1,#product-lobster .lc2{top:88px!important}
  #product-lobster .lc3,#product-lobster .lc4{top:236px!important}
  #product-lobster .lc5,#product-lobster .lc6{top:384px!important}
  #product-lobster .lobster-main-box{top:164px!important;width:178px!important;height:198px!important}
  #product-lobster .lobster-draft-mascot{top:56px!important;width:122px!important}
  #product-lobster .lc7{top:500px!important;width:210px!important}
}

@media(max-width:560px){
  #product-lobster .draft-lobster-scene{min-height:760px!important;padding:14px 10px 80px!important}
  #product-lobster .lobster-draft-mascot{top:36px!important;width:102px!important}
  #product-lobster .lobster-main-box{top:120px!important;width:156px!important;height:170px!important;padding-top:62px!important}
  #product-lobster .lobster-main-box b{font-size:22px!important}
  #product-lobster .lobster-main-box span{font-size:10px!important}
  #product-lobster .lobster-card{width:calc(50% - 16px)!important;min-height:76px!important;padding:8px!important;gap:7px!important;border-radius:15px!important}
  #product-lobster .lobster-card>i{width:28px!important;height:28px!important;flex-basis:28px!important}
  #product-lobster .lobster-card b{font-size:11px!important}
  #product-lobster .lobster-card span{font-size:8px!important}
  #product-lobster .lobster-card em{display:none!important}
  #product-lobster .lc1,#product-lobster .lc3,#product-lobster .lc5{left:8px!important}
  #product-lobster .lc2,#product-lobster .lc4,#product-lobster .lc6{right:8px!important}
  #product-lobster .lc1,#product-lobster .lc2{top:314px!important}
  #product-lobster .lc3,#product-lobster .lc4{top:402px!important}
  #product-lobster .lc5,#product-lobster .lc6{top:490px!important}
  #product-lobster .lc7{top:578px!important;width:180px!important;min-height:66px!important}
  #product-lobster .lobster-benefits{bottom:78px!important;gap:3px!important}
  #product-lobster .lobster-benefits span{padding:5px 6px!important;font-size:7px!important}
  #product-lobster .draft-media-note{left:10px!important;right:10px!important;bottom:10px!important;padding:0 12px!important}
}

/* =====================================================================
   2026-07 三模块终版视觉重构：GEO / AI客服 / 企业知识中枢
   说明：所有场景均由 HTML + CSS + SVG + 独立角色图片组成，不使用整张草图贴图。
   ===================================================================== */

/* ---------- 统一画布 ---------- */
#product-geo .draft-geo-scene,
#product-service .service-rebuild-scene,
#product-knowledge .draft-knowledge-scene{
  position:relative;
  min-height:590px!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,255,255,.98),rgba(239,246,255,.92) 44%,rgba(224,235,252,.94) 100%)!important;
}
#product-geo .draft-geo-scene:before,
#product-service .service-rebuild-scene:before,
#product-knowledge .draft-knowledge-scene:before{
  content:"";
  position:absolute;
  left:50%;top:36px;
  width:500px;height:500px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(72,132,231,.14);
  box-shadow:0 0 0 36px rgba(255,255,255,.12),0 0 0 74px rgba(255,255,255,.06);
  pointer-events:none;
  z-index:0;
}
#product-geo .draft-geo-scene:after,
#product-service .service-rebuild-scene:after,
#product-knowledge .draft-knowledge-scene:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 28%,transparent 78%,rgba(194,216,250,.16));
  pointer-events:none;z-index:0;
}

/* ---------- GEO ---------- */
#product-geo .geo-side{
  position:absolute;top:54px;width:168px;height:346px;z-index:4;
}
#product-geo .geo-side-left{left:16px}
#product-geo .geo-side-right{right:16px}
#product-geo .geo-side article{
  position:absolute;left:0;width:100%;min-height:72px;
  display:flex;align-items:center;gap:10px;padding:11px 12px;
  border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9));
  border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 24px rgba(60,93,151,.075),inset 0 1px 0 rgba(255,255,255,.95);
}
#product-geo .geo-side article:nth-child(1){top:0}
#product-geo .geo-side article:nth-child(2){top:91px}
#product-geo .geo-side article:nth-child(3){top:182px}
#product-geo .geo-side article:nth-child(4){top:273px}
#product-geo .geo-side i{
  width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(180deg,#eef5ff,#ddeaff);color:#2162e8;font-style:normal;font-size:15px;font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
#product-geo .geo-side b{display:block;font-size:13px;line-height:1.15;color:#123570}
#product-geo .geo-side span{display:block;margin-top:4px;font-size:9px;line-height:1.35;color:#7184a4}
#product-geo .geo-emblem{
  position:absolute;left:50%;top:74px;width:210px;height:228px;transform:translateX(-50%);
  clip-path:polygon(50% 0,88% 18%,100% 50%,88% 82%,50% 100%,12% 82%,0 50%,12% 18%);
  background:linear-gradient(145deg,#73adff 0%,#2e78ef 43%,#0d49d7 100%);
  box-shadow:0 24px 42px rgba(31,89,199,.22);z-index:3;display:grid;place-items:center;text-align:center;
}
#product-geo .geo-emblem:before{
  content:"";position:absolute;inset:9px;clip-path:inherit;border:2px solid rgba(255,255,255,.5);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.01));
}
#product-geo .geo-emblem span{position:relative;z-index:2;color:#fff;text-shadow:0 5px 14px rgba(5,42,126,.25)}
#product-geo .geo-emblem b{display:block;font-size:48px;line-height:1;font-weight:900;letter-spacing:.035em}
#product-geo .geo-emblem em{display:block;margin-top:12px;font-size:18px;line-height:1.1;font-style:normal;font-weight:850;white-space:nowrap}
#product-geo .geo-stage{
  position:absolute;left:50%;top:330px;width:286px;height:84px;transform:translateX(-50%);z-index:2;
  border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(197,220,255,.15));
  border:2px solid rgba(255,255,255,.82);box-shadow:0 20px 36px rgba(57,92,157,.09);
}
#product-geo .geo-stage:before{content:"";position:absolute;left:50%;top:13px;width:206px;height:46px;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(64,133,243,.5);box-shadow:0 0 18px rgba(58,145,255,.16)}
#product-geo .geo-stage:after{content:"";position:absolute;left:50%;top:26px;width:108px;height:18px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(72,183,255,.58),transparent 72%)}
#product-geo .geo-draft-mascot{
  position:absolute;left:50%!important;top:286px!important;width:126px!important;transform:translateX(-50%)!important;
  filter:brightness(.97) saturate(.94) drop-shadow(0 15px 22px rgba(48,101,190,.14));z-index:5;animation:geoFinalFloat 5s ease-in-out infinite;
}
#product-geo .geo-draft-mascot img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important}
#product-geo .geo-process{
  position:absolute;left:16px;right:16px;bottom:70px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;z-index:5;
}
#product-geo .geo-process article{
  min-height:66px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.9));border:1px solid rgba(255,255,255,.96);box-shadow:0 10px 20px rgba(67,98,155,.06);
}
#product-geo .geo-process b{font-size:13px;color:#1a60ea}
#product-geo .geo-process span{margin-top:5px;font-size:9px;color:#657a9f}
#product-geo .draft-geo-scene>.media-note{
  left:16px!important;right:16px!important;bottom:12px!important;min-height:48px!important;border-radius:18px!important;padding:0 17px!important;
}
#product-geo .draft-geo-scene>.media-note strong{font-size:14px!important}
#product-geo .draft-geo-scene>.media-note span{font-size:10px!important;white-space:nowrap!important}
#product-geo .geo-boost{display:none!important}
@keyframes geoFinalFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-9px) rotate(1deg)}}

/* ---------- AI 客服 ---------- */
#product-service .service-rebuild-scene{min-height:590px!important}
#product-service .svc-side{position:absolute;top:60px;width:166px;height:346px;z-index:3}
#product-service .svc-left{left:16px}#product-service .svc-right{right:16px}
#product-service .svc-side .svc-card{
  position:absolute;left:0;width:100%;min-height:86px;padding:12px 12px;display:flex;align-items:center;gap:11px;
  border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9));border:1px solid rgba(255,255,255,.96);
  box-shadow:0 12px 24px rgba(60,93,151,.075),inset 0 1px 0 rgba(255,255,255,.95);
}
#product-service .svc-side .svc-card:nth-child(1){top:0}
#product-service .svc-side .svc-card:nth-child(2){top:130px}
#product-service .svc-side .svc-card:nth-child(3){top:260px}
#product-service .svc-ico{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;color:#2767ef;background:linear-gradient(180deg,#eef5ff,#dce9ff)}
#product-service .svc-ico svg{width:22px;height:22px}
#product-service .svc-card b{display:block;font-size:14px;line-height:1.15;color:#123570}
#product-service .svc-card span{display:block;margin-top:4px;font-size:10px;line-height:1.35;color:#7084a5}
#product-service .svc-bubbles{position:absolute;left:50%;top:48px;width:236px;transform:translateX(-50%);z-index:5}
#product-service .svc-bubble{width:max-content;max-width:100%;margin:0 auto;padding:9px 14px;border-radius:18px;font-size:11px;line-height:1.25;color:#294a86;box-shadow:0 10px 18px rgba(73,102,158,.06)}
#product-service .svc-bubble.ask{background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.96)}
#product-service .svc-bubble.reply{background:rgba(221,235,255,.9);border:1px solid rgba(255,255,255,.82)}
#product-service .svc-bubble + .svc-bubble{margin-top:9px}
#product-service .svc-bubble.second{margin-top:14px}
#product-service .svc-center{position:absolute;left:50%;bottom:70px;width:320px;height:278px;transform:translateX(-50%);z-index:2}
#product-service .svc-ring{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(255,255,255,.6)}
#product-service .svc-ring-a{top:30px;width:250px;height:94px}
#product-service .svc-ring-b{top:45px;width:205px;height:62px}
#product-service .svc-platform-glow{position:absolute;left:50%;top:120px;width:140px;height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(77,177,255,.55),transparent 72%)}
#product-service .svc-platform{position:absolute;left:50%;top:129px;width:220px;height:74px;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(255,255,255,.78);background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(205,226,255,.12));box-shadow:0 16px 30px rgba(62,98,165,.09)}
#product-service .svc-platform:before{content:"";position:absolute;left:50%;top:10px;width:174px;height:42px;transform:translateX(-50%);border-radius:50%;border:1.5px solid rgba(74,141,246,.42)}
#product-service .svc-mascot{position:absolute;left:50%;top:60px;width:132px;transform:translateX(-50%);z-index:5;filter:brightness(.95) saturate(.92) drop-shadow(0 15px 22px rgba(48,101,190,.14));animation:svcFinalFloat 4.8s ease-in-out infinite}
#product-service .svc-mascot img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important}
#product-service .svc-console{position:absolute;left:50%;bottom:0;width:320px;height:76px;transform:translateX(-50%);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(222,235,255,.46));border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 30px rgba(62,98,165,.11);backdrop-filter:blur(8px)}
#product-service .svc-console-main,#product-service .svc-console-status{position:absolute;bottom:10px;height:56px;border-radius:18px;display:flex;align-items:center;gap:10px}
#product-service .svc-console-main{left:10px;width:190px;padding:0 14px;color:#fff;background:linear-gradient(135deg,#123a9c,#2d70f1);box-shadow:inset 0 0 0 1px rgba(180,208,255,.28)}
#product-service .svc-console-status{right:10px;width:110px;padding:0 12px;background:linear-gradient(180deg,#fff,#f3f7ff);color:#2563e8}
#product-service .svc-console-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center}
#product-service .svc-console-icon svg{width:24px;height:24px}
#product-service .svc-console-copy strong{display:block;font-size:14px;line-height:1.05}
#product-service .svc-console-copy span{display:block;margin-top:4px;font-size:9px;line-height:1.15}
#product-service .svc-console-main .svc-console-copy span{color:rgba(235,242,255,.86)}
#product-service .svc-console-status .svc-console-copy strong{color:#173d80}
#product-service .svc-console-status .svc-console-copy span{color:#7387a8}
#product-service .svc-note{position:absolute;left:16px;right:16px;bottom:12px;min-height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,255,.88));border:1px solid rgba(255,255,255,.96);box-shadow:0 12px 22px rgba(65,96,151,.06);z-index:4}
#product-service .svc-note strong{font-size:14px;color:#143670}
#product-service .svc-note span{font-size:10px;color:#667b9f;white-space:nowrap}
@keyframes svcFinalFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-9px) rotate(1deg)}}

/* ---------- 企业知识中枢 ---------- */
#product-knowledge .draft-knowledge-scene{min-height:590px!important}
#product-knowledge .knowledge-sources,
#product-knowledge .knowledge-actions{position:absolute;top:94px;display:flex;flex-direction:column;gap:11px;z-index:4}
#product-knowledge .knowledge-sources{left:18px;width:162px}
#product-knowledge .knowledge-actions{right:18px;width:170px}
#product-knowledge .knowledge-sources article,
#product-knowledge .knowledge-actions article{
  min-height:72px;padding:11px 12px;border-radius:20px;display:flex;align-items:center;gap:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9));border:1px solid rgba(255,255,255,.96);
  box-shadow:0 12px 24px rgba(60,93,151,.075),inset 0 1px 0 rgba(255,255,255,.95);
}
#product-knowledge .knowledge-sources i,
#product-knowledge .knowledge-actions i{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(180deg,#eef5ff,#ddeaff);color:#2162e8;font-style:normal;font-size:12px;font-weight:900}
#product-knowledge .knowledge-sources article:first-child i{background:linear-gradient(180deg,#fff0f0,#ffe1e1);color:#ff5a62}
#product-knowledge .knowledge-sources article:nth-child(4) i{background:linear-gradient(180deg,#e8fff9,#d1f7ec);color:#17bda3}
#product-knowledge .knowledge-sources b,
#product-knowledge .knowledge-actions b{display:block;font-size:13px;line-height:1.15;color:#123570}
#product-knowledge .knowledge-sources span,
#product-knowledge .knowledge-actions span{display:block;margin-top:4px;font-size:9px;line-height:1.35;color:#7084a5}
#product-knowledge .knowledge-hub-core{
  position:absolute;left:50%;top:116px;width:250px;height:250px;transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border-radius:50%;text-align:center;
  background:radial-gradient(circle at 50% 36%,#fff 0%,#f5f9ff 36%,#dbeaff 64%,#b7d4ff 100%);
  border:2px solid rgba(255,255,255,.82);box-shadow:0 22px 42px rgba(44,94,183,.14),inset 0 0 0 14px rgba(255,255,255,.34);
}
#product-knowledge .knowledge-hub-core:before{content:"";position:absolute;inset:18px;border-radius:50%;border:1.5px dashed rgba(54,123,233,.28)}
#product-knowledge .knowledge-hub-core:after{content:"";position:absolute;inset:-28px;border-radius:50%;border:1px dotted rgba(45,112,226,.34)}
#product-knowledge .knowledge-hub-core b{position:relative;z-index:2;display:block;font-size:25px;line-height:1.1;color:#10346f}
#product-knowledge .knowledge-hub-core span{position:relative;z-index:2;display:block;margin-top:12px;font-size:11px;color:#54749f}
#product-knowledge .knowledge-hub-core>i{position:relative;z-index:2;display:block;width:44px;height:30px;margin-top:18px;background:linear-gradient(90deg,#2f72ef 0 15%,transparent 15% 34%,#2f72ef 34% 50%,transparent 50% 69%,#2f72ef 69% 84%,transparent 84%);border-radius:5px}
#product-knowledge .knowledge-draft-mascot{display:none!important}
#product-knowledge .knowledge-arrow{position:absolute;top:230px;z-index:5;color:#3477ef;font-size:28px;font-weight:800}
#product-knowledge .knowledge-arrow.left{left:184px}
#product-knowledge .knowledge-arrow.right{right:184px}
#product-knowledge .knowledge-checks{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);display:flex;gap:8px;z-index:5;white-space:nowrap}
#product-knowledge .knowledge-checks span{position:relative;padding:8px 11px 8px 25px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:0 8px 18px rgba(63,95,150,.05);font-size:9px;color:#52749b}
#product-knowledge .knowledge-checks span:before{content:"✓";position:absolute;left:9px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;display:grid;place-items:center;background:#26bf88;color:#fff;font-size:8px;font-weight:900}
#product-knowledge .draft-knowledge-scene>.media-note{left:16px!important;right:16px!important;bottom:12px!important;min-height:48px!important;border-radius:18px!important;padding:0 17px!important}
#product-knowledge .draft-knowledge-scene>.media-note strong{font-size:14px!important}
#product-knowledge .draft-knowledge-scene>.media-note span{font-size:10px!important;white-space:nowrap!important}

/* ---------- 响应式 ---------- */
@media(max-width:1100px){
  #product-geo .geo-side{width:152px}#product-geo .geo-side-left{left:10px}#product-geo .geo-side-right{right:10px}
  #product-geo .geo-emblem{width:186px;height:204px}
  #product-service .svc-side{width:152px}#product-service .svc-left{left:10px}#product-service .svc-right{right:10px}
  #product-service .svc-bubbles{width:210px}
  #product-knowledge .knowledge-sources{left:10px;width:148px}#product-knowledge .knowledge-actions{right:10px;width:154px}
  #product-knowledge .knowledge-hub-core{width:222px;height:222px}
  #product-knowledge .knowledge-arrow.left{left:158px}#product-knowledge .knowledge-arrow.right{right:158px}
}
@media(max-width:800px){
  #product-geo .draft-geo-scene,#product-service .service-rebuild-scene,#product-knowledge .draft-knowledge-scene{min-height:650px!important}
  #product-geo .geo-side,#product-service .svc-side{width:calc(50% - 18px)}
  #product-geo .geo-side-left,#product-service .svc-left{left:10px}#product-geo .geo-side-right,#product-service .svc-right{right:10px}
  #product-geo .geo-emblem{top:180px;width:166px;height:182px}
  #product-geo .geo-emblem b{font-size:39px}#product-geo .geo-emblem em{font-size:15px}
  #product-geo .geo-stage{top:390px}#product-geo .geo-draft-mascot{top:345px!important}
  #product-geo .geo-process{bottom:72px}
  #product-service .svc-bubbles{top:48px;width:190px}
  #product-service .svc-center{bottom:74px}
  #product-knowledge .knowledge-sources{top:68px;left:10px;width:145px}
  #product-knowledge .knowledge-actions{top:95px;right:10px;width:152px}
  #product-knowledge .knowledge-hub-core{top:310px;width:210px;height:210px}
  #product-knowledge .knowledge-arrow{display:none}
}
@media(max-width:560px){
  #product-geo .draft-geo-scene,#product-service .service-rebuild-scene,#product-knowledge .draft-knowledge-scene{min-height:710px!important}
  #product-geo .geo-side,#product-service .svc-side{width:calc(50% - 14px)}
  #product-geo .geo-side article,#product-service .svc-side .svc-card{padding:8px;min-height:64px;border-radius:16px;gap:7px}
  #product-geo .geo-side article:nth-child(2),#product-service .svc-side .svc-card:nth-child(2){top:110px}
  #product-geo .geo-side article:nth-child(3),#product-service .svc-side .svc-card:nth-child(3){top:220px}
  #product-geo .geo-side article:nth-child(4){top:330px}
  #product-geo .geo-side i,#product-service .svc-ico{width:32px;height:32px;flex-basis:32px}
  #product-geo .geo-side b,#product-service .svc-card b{font-size:11px}
  #product-geo .geo-side span,#product-service .svc-card span{font-size:8px}
  #product-geo .geo-emblem{top:390px;width:126px;height:140px}
  #product-geo .geo-emblem b{font-size:31px}#product-geo .geo-emblem em{font-size:12px;margin-top:8px}
  #product-geo .geo-stage{top:520px;width:220px;height:64px}#product-geo .geo-draft-mascot{top:478px!important;width:98px!important}
  #product-geo .geo-process{left:10px;right:10px;bottom:72px;gap:4px}#product-geo .geo-process article{min-height:52px;border-radius:13px}#product-geo .geo-process b{font-size:11px}#product-geo .geo-process span{font-size:7px}
  #product-service .svc-bubbles{top:44px;width:156px}#product-service .svc-bubble{font-size:9px;padding:7px 9px}
  #product-service .svc-center{bottom:72px;width:250px;height:220px}#product-service .svc-mascot{width:98px;top:46px}#product-service .svc-console{width:246px;height:64px}
  #product-service .svc-console-main{left:8px;width:144px;height:46px;padding:0 9px}#product-service .svc-console-status{right:8px;width:84px;height:46px;padding:0 8px}
  #product-service .svc-console-icon{width:18px;height:18px;flex-basis:18px}#product-service .svc-console-copy strong{font-size:11px}#product-service .svc-console-copy span{display:none}
  #product-knowledge .knowledge-sources{top:58px;left:8px;width:132px}#product-knowledge .knowledge-actions{top:92px;right:8px;width:138px}
  #product-knowledge .knowledge-sources article,#product-knowledge .knowledge-actions article{min-height:58px;padding:8px;gap:7px;border-radius:15px}
  #product-knowledge .knowledge-sources i,#product-knowledge .knowledge-actions i{width:31px;height:31px;flex-basis:31px}
  #product-knowledge .knowledge-sources b,#product-knowledge .knowledge-actions b{font-size:11px}#product-knowledge .knowledge-sources span,#product-knowledge .knowledge-actions span{font-size:8px}
  #product-knowledge .knowledge-hub-core{top:375px;width:184px;height:184px}#product-knowledge .knowledge-hub-core b{font-size:20px}#product-knowledge .knowledge-hub-core span{font-size:9px}
  #product-knowledge .knowledge-checks{bottom:74px;gap:4px}#product-knowledge .knowledge-checks span{padding:6px 7px 6px 19px;font-size:7px}#product-knowledge .knowledge-checks span:before{left:6px}
}

/* =====================================================================
   2026-07 三模块二次精修：更简约、更有空间感、形象更立体更可爱
   ===================================================================== */

/* 统一：卡片与画布轻微提亮，更通透 */
#product-geo .draft-geo-scene,
#product-service .service-rebuild-scene,
#product-knowledge .draft-knowledge-scene{
  background:
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.99), rgba(241,246,255,.94) 42%, rgba(225,236,252,.96) 100%)!important;
}
#product-geo .draft-geo-scene:before,
#product-service .service-rebuild-scene:before,
#product-knowledge .draft-knowledge-scene:before{
  box-shadow:0 0 0 42px rgba(255,255,255,.11),0 0 0 92px rgba(255,255,255,.045)!important;
  opacity:.9;
}
#product-geo .geo-side article,
#product-service .svc-side .svc-card,
#product-knowledge .knowledge-sources article,
#product-knowledge .knowledge-actions article{
  box-shadow:0 14px 30px rgba(61,95,154,.08), inset 0 1px 0 rgba(255,255,255,.98)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.92))!important;
}

/* GEO：中心更大气，IP 更立体 */
#product-geo .geo-emblem{
  width:220px!important;
  height:238px!important;
  top:66px!important;
  background:linear-gradient(150deg,#7bb5ff 0%,#3682f3 42%,#0f4ee0 100%)!important;
  box-shadow:0 28px 52px rgba(24,86,201,.24), inset 0 1px 0 rgba(255,255,255,.36)!important;
}
#product-geo .geo-emblem:before{
  inset:10px!important;
  border:1.5px solid rgba(255,255,255,.56)!important;
}
#product-geo .geo-emblem:after{
  content:"";
  position:absolute;
  left:26px; right:26px; top:18px; height:66px;
  border-radius:40px;
  background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0));
  filter:blur(1px);
  z-index:1;
}
#product-geo .geo-emblem b{font-size:52px!important; letter-spacing:.04em}
#product-geo .geo-emblem em{font-size:20px!important; margin-top:13px!important}
#product-geo .geo-stage{
  top:334px!important;
  width:306px!important;
  height:92px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.7), rgba(200,223,255,.16))!important;
  box-shadow:0 22px 36px rgba(56,94,158,.08)!important;
}
#product-geo .geo-stage:before{width:224px!important;height:48px!important;top:14px!important;box-shadow:0 0 20px rgba(86,159,255,.18)!important}
#product-geo .geo-stage:after{width:124px!important;height:22px!important;top:30px!important;background:radial-gradient(circle, rgba(85,188,255,.62), transparent 72%)!important}
#product-geo .geo-draft-mascot{
  top:274px!important;
  width:142px!important;
  filter:brightness(1) saturate(1.02) contrast(1.01) drop-shadow(0 20px 26px rgba(44,103,195,.16))!important;
}
#product-geo .geo-draft-mascot::before{
  content:"";
  position:absolute;
  left:50%; top:44%;
  width:116px; height:84px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.7), rgba(123,199,255,.18) 58%, rgba(255,255,255,0) 74%);
  z-index:-1;
  filter:blur(8px);
}
#product-geo .geo-process article{
  min-height:72px!important;
  border-radius:20px!important;
}
#product-geo .draft-geo-scene>.media-note{
  min-height:52px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,251,255,.9))!important;
}

/* AI 客服：更柔和、更可爱，角色更立体 */
#product-service .svc-bubble.ask,
#product-service .svc-bubble.reply{
  backdrop-filter:blur(6px);
}
#product-service .svc-center{
  width:330px!important;
  height:288px!important;
  bottom:68px!important;
}
#product-service .svc-ring-a{top:28px!important;width:268px!important;height:102px!important;border-color:rgba(255,255,255,.66)!important}
#product-service .svc-ring-b{top:45px!important;width:220px!important;height:68px!important;border-color:rgba(140,181,246,.28)!important}
#product-service .svc-platform-glow{
  top:126px!important;
  width:154px!important;
  height:30px!important;
  background:radial-gradient(circle, rgba(101,191,255,.62), rgba(98,166,255,.16) 52%, rgba(255,255,255,0) 76%)!important;
}
#product-service .svc-platform{
  top:136px!important;
  width:236px!important;
  height:82px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.74), rgba(205,226,255,.18))!important;
  box-shadow:0 18px 34px rgba(58,94,158,.09)!important;
}
#product-service .svc-platform::before{width:186px!important;height:46px!important;top:11px!important;border-color:rgba(86,151,248,.45)!important}
#product-service .svc-platform::after{
  content:"";
  position:absolute;
  left:50%; bottom:12px;
  width:142px; height:18px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(118,211,255,.36), rgba(255,255,255,0) 76%);
}
#product-service .svc-mascot{
  top:54px!important;
  width:146px!important;
  filter:brightness(1) saturate(1.03) contrast(1.01) drop-shadow(0 22px 28px rgba(48,102,190,.18))!important;
}
#product-service .svc-mascot::before{
  content:"";
  position:absolute;
  left:50%; top:44%;
  width:126px; height:92px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.74), rgba(138,211,255,.22) 56%, rgba(255,255,255,0) 74%);
  filter:blur(9px);
  z-index:-1;
}
#product-service .svc-console{
  width:332px!important;
  height:80px!important;
  box-shadow:0 20px 34px rgba(58,94,158,.11), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
#product-service .svc-console-main{
  background:linear-gradient(135deg,#1440a8,#3780ff)!important;
  box-shadow:inset 0 0 0 1px rgba(194,219,255,.34), 0 10px 18px rgba(52,96,178,.18)!important;
}
#product-service .svc-console-status{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,255,.88))!important;
}
#product-service .svc-note{
  min-height:52px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,251,255,.92))!important;
}

/* 企业知识中枢：更干净，更“中台”质感 */
#product-knowledge .knowledge-hub-core{
  width:262px!important;
  height:262px!important;
  top:110px!important;
  background:radial-gradient(circle at 50% 34%, #ffffff 0%, #f8fbff 34%, #deebff 64%, #b7d4ff 100%)!important;
  box-shadow:0 24px 46px rgba(44,94,183,.14), inset 0 0 0 16px rgba(255,255,255,.36)!important;
}
#product-knowledge .knowledge-hub-core:before{inset:20px!important;border-color:rgba(60,126,235,.3)!important}
#product-knowledge .knowledge-hub-core:after{inset:-34px!important;border-color:rgba(49,117,230,.34)!important}
#product-knowledge .knowledge-hub-core b{font-size:27px!important}
#product-knowledge .knowledge-hub-core span{font-size:12px!important; margin-top:13px!important}
#product-knowledge .knowledge-hub-core>i{width:50px!important; height:34px!important; margin-top:20px!important}
#product-knowledge .knowledge-arrow{font-size:30px!important;color:#3d7cf0!important}
#product-knowledge .knowledge-checks span{
  padding:9px 13px 9px 27px!important;
  font-size:10px!important;
}
#product-knowledge .draft-knowledge-scene>.media-note{
  min-height:52px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,251,255,.92))!important;
}

/* 响应式精修，避免放大后的角色造成拥挤 */
@media(max-width:1100px){
  #product-geo .geo-emblem{width:198px!important;height:216px!important}
  #product-geo .geo-draft-mascot{width:130px!important}
  #product-service .svc-center{width:306px!important;height:272px!important}
  #product-service .svc-mascot{width:134px!important}
  #product-service .svc-console{width:310px!important}
  #product-knowledge .knowledge-hub-core{width:236px!important;height:236px!important}
}
@media(max-width:800px){
  #product-geo .geo-emblem{top:182px!important;width:176px!important;height:192px!important}
  #product-geo .geo-emblem b{font-size:40px!important}
  #product-geo .geo-emblem em{font-size:16px!important}
  #product-geo .geo-stage{top:398px!important;width:276px!important;height:82px!important}
  #product-geo .geo-draft-mascot{top:350px!important;width:124px!important}
  #product-service .svc-center{width:292px!important;height:254px!important;bottom:74px!important}
  #product-service .svc-platform{width:214px!important;height:74px!important;top:124px!important}
  #product-service .svc-mascot{width:126px!important;top:50px!important}
  #product-service .svc-console{width:298px!important}
  #product-knowledge .knowledge-hub-core{top:308px!important;width:214px!important;height:214px!important}
}
@media(max-width:560px){
  #product-geo .geo-emblem{top:392px!important;width:134px!important;height:148px!important}
  #product-geo .geo-emblem b{font-size:31px!important}
  #product-geo .geo-emblem em{font-size:12px!important}
  #product-geo .geo-stage{top:524px!important;width:224px!important;height:66px!important}
  #product-geo .geo-draft-mascot{top:480px!important;width:102px!important}
  #product-service .svc-center{width:252px!important;height:224px!important;bottom:72px!important}
  #product-service .svc-platform{width:184px!important;height:62px!important;top:104px!important}
  #product-service .svc-platform::before{width:146px!important;height:38px!important}
  #product-service .svc-mascot{width:104px!important;top:38px!important}
  #product-service .svc-console{width:250px!important;height:66px!important}
  #product-service .svc-console-main{width:146px!important}
  #product-service .svc-console-status{width:84px!important}
  #product-knowledge .knowledge-hub-core{top:378px!important;width:188px!important;height:188px!important}
  #product-knowledge .knowledge-hub-core b{font-size:20px!important}
  #product-knowledge .knowledge-hub-core span{font-size:9px!important}
}

/* =====================================================================
   2026-07 高级感整体升级：更克制、更通透、更有品牌质感
   ===================================================================== */

/* 产品模块外框与文本层次 */
.all-products .product-feature{
  border:1px solid rgba(203,218,242,.86)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.96))!important;
  box-shadow:
    0 24px 64px rgba(29,67,138,.08),
    0 6px 20px rgba(51,91,165,.04),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.all-products .product-feature:hover{
  transform:translateY(-4px)!important;
  box-shadow:
    0 30px 74px rgba(29,67,138,.1),
    0 10px 24px rgba(51,91,165,.05),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.all-products .product-media{
  background:radial-gradient(circle at 50% 30%, rgba(255,255,255,.99), rgba(233,242,255,.88) 54%, rgba(214,228,249,.92) 100%)!important;
}
.all-products .product-media:before{
  inset:6%!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 44px rgba(255,255,255,.14), 0 0 0 92px rgba(255,255,255,.05)!important;
}
.all-products .product-content{
  padding:58px 56px!important;
}
.all-products .product-content>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--tone) 8%, white);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 10%, white);
}
.all-products .product-content h3{
  font-size:46px!important;
  letter-spacing:-.03em;
  color:#102c63;
  margin-top:18px!important;
}
.all-products .product-content h4{
  font-size:22px!important;
  line-height:1.45!important;
  color:#24467e!important;
  max-width:95%;
  margin-bottom:18px!important;
}
.all-products .product-content p{
  font-size:14px!important;
  line-height:1.95!important;
  color:#6a7993!important;
  max-width:96%;
}
.all-products .product-content ul{
  margin-top:18px!important;
}
.all-products .product-content li{
  margin:12px 0!important;
  padding-left:20px!important;
  font-size:14px!important;
  line-height:1.7!important;
  color:#4e617f!important;
}
.all-products .product-content li:before{
  width:7px!important;
  height:7px!important;
  top:.72em!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--tone) 10%, white);
}

/* 标签、流程与 CTA 更精致 */
.process-line{
  gap:8px!important;
  margin:22px 0 16px!important;
}
.process-line i{
  font-size:11px!important;
  font-weight:900!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.9), color-mix(in srgb, var(--tone) 8%, white))!important;
  border:1px solid color-mix(in srgb, var(--tone) 14%, white)!important;
  box-shadow:0 6px 14px color-mix(in srgb, var(--tone) 10%, transparent)!important;
}
.process-line i:not(:last-child):after{
  margin-left:12px!important;
  color:#9cb2d3!important;
}
.chips{
  gap:10px!important;
  margin-top:24px!important;
}
.chips b{
  padding:9px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.92), color-mix(in srgb, var(--tone) 9%, white))!important;
  border:1px solid color-mix(in srgb, var(--tone) 12%, white);
  box-shadow:0 8px 18px color-mix(in srgb, var(--tone) 8%, transparent);
  font-size:12px!important;
  letter-spacing:.01em;
}
.product-detail-link,
.product-detail-link.secondary{
  margin-top:26px!important;
  padding:13px 18px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg, color-mix(in srgb, var(--tone) 92%, #0b2a6f), color-mix(in srgb, var(--tone) 74%, #48bcff))!important;
  box-shadow:0 14px 30px color-mix(in srgb, var(--tone) 22%, transparent), inset 0 1px 0 rgba(255,255,255,.18)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
.product-detail-link:hover span{transform:translateX(4px)}

/* 视觉页脚统一质感 */
.media-note,
.draft-footer,
#product-service .svc-note{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,251,255,.9))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 14px 28px rgba(56,91,152,.08), inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(12px);
}
.media-note strong,
.draft-footer strong,
#product-service .svc-note strong{
  color:#13356f!important;
}
.media-note span,
.draft-footer span,
#product-service .svc-note span{
  color:#7183a4!important;
}

/* 让三大场景更有“展台”与“精品图形”感 */
#product-geo .draft-geo-scene,
#product-service .service-rebuild-scene,
#product-knowledge .draft-knowledge-scene{
  border-radius:0!important;
}
#product-geo .geo-side article,
#product-service .svc-side .svc-card,
#product-knowledge .knowledge-sources article,
#product-knowledge .knowledge-actions article{
  border-color:rgba(255,255,255,.98)!important;
}
#product-geo .geo-side i,
#product-service .svc-ico,
#product-knowledge .knowledge-sources i,
#product-knowledge .knowledge-actions i{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 8px 16px rgba(57,100,176,.08)!important;
}

/* GEO 进一步高级化 */
#product-geo .geo-emblem{
  box-shadow:0 30px 60px rgba(24,86,201,.22), inset 0 1px 0 rgba(255,255,255,.42)!important;
}
#product-geo .geo-emblem span{
  text-shadow:0 8px 18px rgba(8,44,130,.24)!important;
}
#product-geo .geo-process article{
  box-shadow:0 12px 22px rgba(65,96,151,.06), inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* AI客服：更柔和、更高级 */
#product-service .svc-bubble{
  box-shadow:0 12px 22px rgba(72,102,158,.08)!important;
}
#product-service .svc-console{
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(226,237,255,.48))!important;
}
#product-service .svc-console-main .svc-console-copy strong,
#product-service .svc-console-status .svc-console-copy strong{
  letter-spacing:.01em;
}

/* 企业知识中枢：更企业化、更沉稳 */
#product-knowledge .knowledge-hub-core{
  box-shadow:0 28px 52px rgba(44,94,183,.15), inset 0 0 0 16px rgba(255,255,255,.38)!important;
}
#product-knowledge .knowledge-checks span{
  box-shadow:0 10px 18px rgba(63,95,150,.05), inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* 响应式保持平衡 */
@media(max-width:1050px){
  .all-products .product-content{padding:44px 34px!important}
  .all-products .product-content h3{font-size:40px!important}
  .all-products .product-content h4{font-size:20px!important}
}
@media(max-width:560px){
  .all-products .product-content{padding:32px 23px!important}
  .all-products .product-content>span{font-size:10px!important;padding:5px 9px!important}
  .all-products .product-content h3{font-size:34px!important}
  .all-products .product-content h4{font-size:18px!important;max-width:100%}
  .all-products .product-content p{font-size:13px!important;line-height:1.85!important;max-width:100%}
  .chips b,.process-line i{font-size:10px!important}
}

/* =====================================================================
   2026-07 三模块纵向留白再平衡：解决上部拥挤、下部空白过大
   ===================================================================== */

/* 统一把底部信息条微微上提，视觉重心更稳 */
#product-sales .draft-footer,
#product-geo .draft-footer,
#product-knowledge .draft-footer{
  bottom:16px!important;
}

/* -------- AI销售团队：上部松一点，下部充实一点 -------- */
#product-sales .draft-sales-scene{
  min-height:610px!important;
}
#product-sales .draft-orbit{
  top:76px!important;
  width:408px!important;
  height:408px!important;
}
#product-sales .kpi-leads{top:56px!important}
#product-sales .kpi-director{top:56px!important}
#product-sales .kpi-growth{top:162px!important}
#product-sales .sales-draft-mascot{
  top:92px!important;
  width:188px!important;
}
#product-sales .sales-title{
  top:268px!important;
}
#product-sales .sales-cap-grid{
  top:auto!important;
  bottom:96px!important;
  left:42px!important;
  right:42px!important;
  gap:12px!important;
}
#product-sales .sales-cap-grid article{
  min-height:96px!important;
}

/* -------- GEO：中轴整体下移，呼吸感更均衡 -------- */
#product-geo .draft-geo-scene{
  min-height:610px!important;
}
#product-geo .draft-orbit{
  top:78px!important;
}
#product-geo .geo-side{
  top:82px!important;
}
#product-geo .geo-emblem{
  top:92px!important;
}
#product-geo .geo-draft-mascot{
  top:300px!important;
}
#product-geo .geo-stage{
  top:360px!important;
}
#product-geo .geo-process{
  bottom:92px!important;
}
#product-geo .draft-geo-scene>.media-note{
  bottom:16px!important;
}

/* -------- 企业知识中枢：将核心与左右卡片下移，减少下方空场 -------- */
#product-knowledge .draft-knowledge-scene{
  min-height:610px!important;
}
#product-knowledge .draft-orbit{
  top:84px!important;
}
#product-knowledge .knowledge-sources,
#product-knowledge .knowledge-actions{
  top:136px!important;
}
#product-knowledge .knowledge-hub-core{
  top:150px!important;
}
#product-knowledge .knowledge-arrow{
  top:286px!important;
}
#product-knowledge .knowledge-checks{
  bottom:104px!important;
}
#product-knowledge .draft-knowledge-scene>.media-note{
  bottom:16px!important;
}

/* 平板修正 */
@media(max-width:1100px){
  #product-sales .sales-cap-grid{left:26px!important;right:26px!important}
  #product-geo .geo-side{top:76px!important}
  #product-knowledge .knowledge-sources,
  #product-knowledge .knowledge-actions{top:126px!important}
}

/* 移动端保留原先更安全的布局，不做过度下移 */
@media(max-width:800px){
  #product-sales .draft-sales-scene,
  #product-geo .draft-geo-scene,
  #product-knowledge .draft-knowledge-scene{min-height:650px!important}

  #product-sales .kpi-leads{top:50px!important}
  #product-sales .kpi-director{top:50px!important}
  #product-sales .kpi-growth{top:148px!important}
  #product-sales .sales-draft-mascot{top:86px!important;width:170px!important}
  #product-sales .sales-title{top:250px!important}
  #product-sales .sales-cap-grid{bottom:96px!important;left:18px!important;right:18px!important}

  #product-geo .draft-orbit{top:86px!important}
  #product-geo .geo-side{top:72px!important}
  #product-geo .geo-emblem{top:176px!important}
  #product-geo .geo-draft-mascot{top:340px!important}
  #product-geo .geo-stage{top:392px!important}
  #product-geo .geo-process{bottom:88px!important}

  #product-knowledge .knowledge-sources,
  #product-knowledge .knowledge-actions{top:94px!important}
  #product-knowledge .knowledge-hub-core{top:292px!important}
  #product-knowledge .knowledge-checks{bottom:94px!important}
}

@media(max-width:560px){
  #product-sales .sales-cap-grid{bottom:98px!important}
  #product-geo .geo-process{bottom:84px!important}
  #product-knowledge .knowledge-checks{bottom:88px!important}
}

/* =====================================================================
   2026-07 GEO 中下部留白修正：减少平台与流程区之间的空档
   ===================================================================== */
@media(min-width:801px){
  #product-geo .geo-emblem{
    top:102px!important;
  }
  #product-geo .geo-draft-mascot{
    top:326px!important;
  }
  #product-geo .geo-stage{
    top:392px!important;
    height:96px!important;
  }
  #product-geo .geo-stage:before{
    top:16px!important;
  }
  #product-geo .geo-process{
    top:512px!important;
    bottom:auto!important;
    left:28px!important;
    right:28px!important;
    gap:8px!important;
  }
  #product-geo .geo-process::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:100%;
    width:250px;
    height:92px;
    margin-bottom:14px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center bottom, rgba(111,188,255,.20), rgba(255,255,255,0) 74%);
    pointer-events:none;
  }
  #product-geo .geo-process article{
    min-height:74px!important;
  }
}

@media(min-width:801px) and (max-width:1100px){
  #product-geo .geo-process{
    top:522px!important;
    left:20px!important;
    right:20px!important;
  }
  #product-geo .geo-process article{
    min-height:70px!important;
  }
}


/* ===== 2026-07-27 团队卡片柔和科技风升级 ===== */
.team{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 5%,rgba(70,144,255,.12),transparent 31%),
    radial-gradient(circle at 92% 15%,rgba(0,199,238,.10),transparent 28%),
    linear-gradient(180deg,#f7faff 0%,#eef5ff 52%,#f8fbff 100%);
}
.team::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(50,105,205,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(50,105,205,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 88%);
}
.team::after{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:-220px;
  bottom:-270px;
  border-radius:50%;
  border:1px solid rgba(38,118,229,.12);
  box-shadow:0 0 0 54px rgba(38,118,229,.035),0 0 0 108px rgba(38,118,229,.025);
  pointer-events:none;
}
.team>.container{position:relative;z-index:1}
.team .team-head{margin-bottom:38px}
.team .team-head h2{
  max-width:760px;
  font-size:clamp(31px,3.45vw,46px);
  font-weight:720;
  line-height:1.22;
  letter-spacing:-.025em;
  color:#102b60;
}
.team .team-head>p{
  max-width:390px;
  font-size:14px;
  line-height:1.9;
  color:#687b9d;
}
.team .section-tag{
  color:#1763cb;
  font-size:10px;
  letter-spacing:.22em;
  margin-bottom:12px;
}
.team-grid{gap:20px}
.team-grid article{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(102,151,228,.25);
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(247,251,255,.94));
  box-shadow:0 18px 48px rgba(25,67,145,.085),inset 0 1px 0 rgba(255,255,255,.95);
  isolation:isolate;
}
.team-grid article::before{
  content:"";
  position:absolute;
  z-index:3;
  left:18px;
  right:18px;
  top:0;
  height:2px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#2a70ff 28%,#1ed4e9 72%,transparent);
  opacity:.72;
}
.team-grid article::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-48px;
  bottom:-54px;
  width:128px;
  height:128px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(54,139,255,.13),transparent 68%);
}
.team-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(55,125,233,.38);
  box-shadow:0 24px 58px rgba(25,67,145,.13),0 0 0 1px rgba(72,151,255,.05);
}
.team-grid img{
  width:100%;
  aspect-ratio:1.12/1;
  object-fit:cover;
  object-position:center top;
  background:linear-gradient(145deg,#edf4ff,#dfeaff);
  border-bottom:1px solid rgba(116,160,225,.18);
  filter:saturate(.94) contrast(.99);
}
.team-grid article>div{
  position:relative;
  padding:18px 20px 22px;
}
.team-grid article span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(55,124,226,.13);
  background:rgba(234,243,255,.78);
  color:#3869b5;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}
.team-grid h3{
  margin:10px 0 4px;
  color:#1558c4;
  font-size:24px;
  line-height:1.2;
  font-weight:720;
  letter-spacing:-.015em;
}
.team-grid h4{
  margin:0 0 12px;
  color:#405a83;
  font-size:12px;
  line-height:1.65;
  font-weight:650;
}
.team-grid ul{margin-top:10px}
.team-grid li{
  margin:5px 0;
  padding-left:15px;
  color:#607292;
  font-size:11.5px;
  line-height:1.72;
}
.team-grid li::before{
  top:.72em;
  width:4px;
  height:4px;
  background:#27a6e9;
  box-shadow:0 0 0 3px rgba(39,166,233,.10);
}
.team-banner{
  gap:10px;
  margin-top:22px;
  padding:10px;
  border:1px solid rgba(95,146,226,.22);
  border-radius:20px;
  background:rgba(255,255,255,.65);
  box-shadow:0 16px 42px rgba(28,72,150,.07);
  backdrop-filter:blur(10px);
}
.team-banner div{
  position:relative;
  padding:17px 18px 17px 20px;
  border:1px solid rgba(108,153,220,.14);
  border-radius:14px;
  background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(240,247,255,.92));
}
.team-banner div::before{
  content:"";
  position:absolute;
  left:10px;
  top:20px;
  width:3px;
  height:24px;
  border-radius:999px;
  background:linear-gradient(#2369e7,#20c8e5);
}
.team-banner strong{font-size:13px;font-weight:750;color:#2457a4}
.team-banner span{margin-top:4px;font-size:10.5px;line-height:1.6;color:#7584a0}

@media(max-width:1050px){
  .team .team-head{margin-bottom:30px}
  .team-grid{gap:18px}
}
@media(max-width:560px){
  .team .team-head h2{font-size:31px}
  .team .team-head>p{font-size:13px}
  .team-grid img{aspect-ratio:1.12/1}
  .team-grid h3{font-size:23px}
  .team-banner{padding:8px;gap:8px}
}


/* ===== 2026-07-27 卡通遮挡修复（最终版） =====
   招聘模块底部的装饰卡通已从结构中移除；以下规则用于稳定模块边界，
   防止任何绝对定位元素跨越到“办公 Agent”模块。 */
#product-recruitment .recruitment-live-scene{
  overflow:hidden!important;
  isolation:isolate;
  padding-bottom:82px!important;
}
#product-recruitment .recruit-shell{
  padding-bottom:0!important;
}
#product-office{
  position:relative;
  z-index:2;
}
@media(max-width:800px){
  #product-recruitment .recruitment-live-scene{padding-bottom:78px!important;}
}
@media(max-width:560px){
  #product-recruitment .recruitment-live-scene{padding-bottom:74px!important;}
}

/* =====================================================================
   2026-07 龙虾盒子视觉精修：字体放大、层级增强、移除浅蓝三横线
   ===================================================================== */
#product-lobster .draft-lobster-scene{
  min-height:742px!important;
  padding:24px 18px 86px!important;
  overflow:hidden!important;
  background:
    linear-gradient(rgba(45,102,205,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(45,102,205,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 18%,rgba(255,255,255,1) 0%,rgba(242,247,255,.98) 38%,rgba(225,236,253,.98) 74%,rgba(214,228,249,1) 100%)!important;
  background-size:30px 30px,30px 30px,auto!important;
  background-position:center center!important;
}
#product-lobster .draft-lobster-scene:before{
  inset:6.5%!important;
  border:1px solid rgba(59,119,222,.18)!important;
  box-shadow:
    0 0 0 42px rgba(255,255,255,.18),
    0 0 0 84px rgba(255,255,255,.08),
    0 26px 70px rgba(40,89,171,.08)!important;
}
#product-lobster .draft-orbit{
  top:62px!important;
  width:430px!important;
  height:430px!important;
  border-color:rgba(55,119,227,.22)!important;
  box-shadow:inset 0 0 46px rgba(56,126,238,.035)!important;
}
#product-lobster .draft-orbit:before{
  inset:42px!important;
  border-color:rgba(105,157,238,.28)!important;
}
#product-lobster .draft-orbit:after{
  inset:92px!important;
  border-color:rgba(66,132,235,.22)!important;
  border-style:dashed!important;
}

#product-lobster .lobster-draft-mascot{
  top:34px!important;
  width:148px!important;
  filter:drop-shadow(0 20px 26px rgba(31,87,180,.20))!important;
}
#product-lobster .lobster-main-box{
  top:148px!important;
  width:204px!important;
  height:222px!important;
  padding-top:80px!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg,rgba(54,139,255,.98),rgba(20,91,226,.99) 54%,rgba(8,50,169,1))!important;
  border:1px solid rgba(129,185,255,.66)!important;
  box-shadow:
    0 28px 48px rgba(22,70,173,.28),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -24px 42px rgba(3,43,145,.20)!important;
}
#product-lobster .lobster-main-box:before{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
#product-lobster .lobster-main-box .lid{
  left:-9px!important;
  right:-9px!important;
  top:-19px!important;
  height:52px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#75bbff 0%,#3a8af6 44%,#1b62df 100%)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 10px 18px rgba(15,58,156,.26),inset 0 2px 0 rgba(255,255,255,.38)!important;
}
#product-lobster .lobster-main-box b{
  font-size:30px!important;
  line-height:1.1!important;
  letter-spacing:.02em!important;
  text-shadow:0 6px 16px rgba(4,36,119,.30)!important;
}
#product-lobster .lobster-main-box span{
  margin-top:12px!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  color:rgba(255,255,255,.92)!important;
}
/* 删除盒子底部原有的浅蓝色三条横线 */
#product-lobster .lobster-main-box>i{display:none!important}

#product-lobster .lobster-card{
  width:164px!important;
  min-height:104px!important;
  padding:14px 13px!important;
  gap:11px!important;
  border-radius:22px!important;
  align-items:flex-start!important;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(245,249,255,.92))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 16px 30px rgba(48,84,147,.10),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:blur(12px)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
#product-lobster .lobster-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 20px 36px rgba(42,83,157,.15),inset 0 1px 0 rgba(255,255,255,1)!important;
}
#product-lobster .lc7:hover{transform:translateX(-50%) translateY(-3px)!important}
#product-lobster .lobster-card>i{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
  border-radius:13px!important;
  font-size:14px!important;
  color:#155bdd!important;
  background:linear-gradient(180deg,#edf5ff,#dceaff)!important;
  border:1px solid rgba(117,164,239,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 16px rgba(43,93,175,.08)!important;
}
#product-lobster .lobster-card b{
  font-size:14px!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
  color:#123773!important;
}
#product-lobster .lobster-card span{
  margin-top:3px!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#607ba8!important;
}
#product-lobster .lobster-card em{
  margin-top:7px!important;
  font-size:9.5px!important;
  line-height:1.48!important;
  color:#7386a6!important;
}

#product-lobster .lc1{left:16px!important;top:84px!important}
#product-lobster .lc2{right:16px!important;top:84px!important}
#product-lobster .lc3{left:16px!important;top:232px!important}
#product-lobster .lc4{right:16px!important;top:232px!important}
#product-lobster .lc5{left:16px!important;top:380px!important}
#product-lobster .lc6{right:16px!important;top:380px!important}
#product-lobster .lc7{
  top:510px!important;
  width:236px!important;
  min-height:84px!important;
  padding:14px 16px!important;
}
#product-lobster .lc7 em{font-size:9.5px!important}

#product-lobster .lobster-benefits{
  bottom:84px!important;
  gap:8px!important;
}
#product-lobster .lobster-benefits span{
  padding:8px 11px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  color:#245ec7!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(118,159,226,.15)!important;
  box-shadow:0 9px 18px rgba(46,84,149,.07)!important;
}
#product-lobster .draft-footer{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:62px!important;
  padding:0 18px!important;
  border-radius:20px!important;
}
#product-lobster .draft-footer strong{
  font-size:16px!important;
  line-height:1.3!important;
}
#product-lobster .draft-footer span{
  font-size:11px!important;
  line-height:1.35!important;
}

@media(max-width:1050px){
  #product-lobster .draft-lobster-scene{min-height:750px!important}
  #product-lobster .lobster-card{width:158px!important}
  #product-lobster .lobster-main-box{width:194px!important}
}

@media(max-width:800px){
  #product-lobster .draft-lobster-scene{min-height:770px!important}
  #product-lobster .lobster-card{width:calc(50% - 26px)!important;min-height:102px!important}
  #product-lobster .lc1,#product-lobster .lc3,#product-lobster .lc5{left:13px!important}
  #product-lobster .lc2,#product-lobster .lc4,#product-lobster .lc6{right:13px!important}
  #product-lobster .lobster-main-box{top:155px!important;width:184px!important;height:204px!important}
  #product-lobster .lobster-draft-mascot{top:47px!important;width:126px!important}
  #product-lobster .lc7{top:524px!important;width:224px!important}
}

@media(max-width:560px){
  #product-lobster .draft-lobster-scene{
    min-height:914px!important;
    padding:14px 8px 84px!important;
    background-size:26px 26px,26px 26px,auto!important;
  }
  #product-lobster .draft-lobster-scene:before{
    inset:4.5%!important;
    box-shadow:0 0 0 28px rgba(255,255,255,.14),0 0 0 56px rgba(255,255,255,.07)!important;
  }
  #product-lobster .draft-orbit{
    top:34px!important;
    width:340px!important;
    height:340px!important;
  }
  #product-lobster .lobster-draft-mascot{top:24px!important;width:110px!important}
  #product-lobster .lobster-main-box{
    top:112px!important;
    width:174px!important;
    height:188px!important;
    padding-top:66px!important;
    border-radius:21px!important;
  }
  #product-lobster .lobster-main-box .lid{height:47px!important;border-radius:17px!important}
  #product-lobster .lobster-main-box b{font-size:25px!important}
  #product-lobster .lobster-main-box span{margin-top:9px!important;font-size:11.5px!important}

  #product-lobster .lobster-card{
    width:calc(50% - 13px)!important;
    min-height:106px!important;
    padding:12px 10px!important;
    gap:9px!important;
    border-radius:18px!important;
  }
  #product-lobster .lobster-card>i{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
  #product-lobster .lobster-card b{font-size:13px!important;white-space:nowrap!important}
  #product-lobster .lobster-card span{font-size:9.5px!important}
  #product-lobster .lobster-card em{
    display:block!important;
    margin-top:6px!important;
    font-size:8.8px!important;
    line-height:1.42!important;
  }
  #product-lobster .lc1,#product-lobster .lc3,#product-lobster .lc5{left:7px!important}
  #product-lobster .lc2,#product-lobster .lc4,#product-lobster .lc6{right:7px!important}
  #product-lobster .lc1,#product-lobster .lc2{top:326px!important}
  #product-lobster .lc3,#product-lobster .lc4{top:444px!important}
  #product-lobster .lc5,#product-lobster .lc6{top:562px!important}
  #product-lobster .lc7{
    top:682px!important;
    width:214px!important;
    min-height:82px!important;
    padding:12px 14px!important;
  }
  #product-lobster .lc7 em{font-size:8.8px!important}
  #product-lobster .lobster-benefits{
    bottom:88px!important;
    gap:4px!important;
    width:calc(100% - 18px)!important;
    justify-content:center!important;
  }
  #product-lobster .lobster-benefits span{
    padding:7px 7px!important;
    font-size:8.2px!important;
  }
  #product-lobster .draft-footer{
    left:7px!important;
    right:7px!important;
    bottom:10px!important;
    min-height:66px!important;
    padding:10px 14px!important;
    gap:10px!important;
  }
  #product-lobster .draft-footer strong{font-size:15px!important;white-space:nowrap!important}
  #product-lobster .draft-footer span{
    max-width:58%!important;
    font-size:9.5px!important;
    line-height:1.45!important;
    text-align:right!important;
    white-space:normal!important;
  }
}

/* =====================================================================
   2026-07 龙虾盒子最终响应式修复
   - 放大底部价值标签文字
   - 根据组件自身宽度调整角色卡片，避免遮挡中央盒子
   ===================================================================== */
#product-lobster .draft-lobster-scene{
  container-type:inline-size;
  container-name:lobsterScene;
}

/* 底部四项优势：增强可读性 */
#product-lobster .lobster-benefits{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  z-index:12!important;
}
#product-lobster .lobster-benefits span{
  min-height:34px!important;
  padding:8px 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
  color:#174fae!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(82,139,231,.18)!important;
  box-shadow:0 9px 20px rgba(33,75,145,.10)!important;
}

/* 在双栏页面中，媒体区域本身常小于视口：使用容器查询而非仅看浏览器宽度 */
@container lobsterScene (max-width:580px){
  #product-lobster .draft-lobster-scene{
    min-height:760px!important;
    padding:20px 8px 88px!important;
  }
  #product-lobster .draft-orbit{
    top:58px!important;
    width:400px!important;
    height:400px!important;
  }
  #product-lobster .lobster-draft-mascot{
    top:32px!important;
    width:132px!important;
  }
  #product-lobster .lobster-main-box{
    top:145px!important;
    width:176px!important;
    height:208px!important;
    padding-top:76px!important;
  }
  #product-lobster .lobster-main-box b{font-size:28px!important}
  #product-lobster .lobster-main-box span{font-size:12.5px!important}

  #product-lobster .lobster-card{
    width:150px!important;
    min-height:110px!important;
    padding:13px 10px!important;
    gap:8px!important;
    border-radius:20px!important;
    z-index:8!important;
  }
  #product-lobster .lobster-card>i{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }
  #product-lobster .lobster-card b{
    font-size:14px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }
  #product-lobster .lobster-card span{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  #product-lobster .lobster-card em{
    display:block!important;
    font-size:9.6px!important;
    line-height:1.42!important;
  }
  #product-lobster .lc1,#product-lobster .lc3,#product-lobster .lc5{left:8px!important}
  #product-lobster .lc2,#product-lobster .lc4,#product-lobster .lc6{right:8px!important}
  #product-lobster .lc1,#product-lobster .lc2{top:82px!important}
  #product-lobster .lc3,#product-lobster .lc4{top:232px!important}
  #product-lobster .lc5,#product-lobster .lc6{top:382px!important}
  #product-lobster .lc7{
    top:510px!important;
    width:230px!important;
    min-height:88px!important;
    padding:14px 16px!important;
  }
  #product-lobster .lobster-benefits{
    bottom:86px!important;
    width:calc(100% - 20px)!important;
    gap:6px!important;
  }
  #product-lobster .lobster-benefits span{
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:10.8px!important;
  }
}

/* 真正窄屏：中央盒子置顶，六张卡片移到下方两列，彻底避免任何覆盖 */
@container lobsterScene (max-width:460px){
  #product-lobster .draft-lobster-scene{
    min-height:940px!important;
    padding:14px 6px 92px!important;
  }
  #product-lobster .draft-orbit{
    top:25px!important;
    width:330px!important;
    height:330px!important;
  }
  #product-lobster .lobster-draft-mascot{
    top:20px!important;
    width:108px!important;
  }
  #product-lobster .lobster-main-box{
    top:106px!important;
    width:166px!important;
    height:186px!important;
    padding-top:65px!important;
  }
  #product-lobster .lobster-main-box b{font-size:25px!important}
  #product-lobster .lobster-main-box span{font-size:11.5px!important}

  #product-lobster .lobster-card{
    width:calc(50% - 13px)!important;
    min-height:108px!important;
    padding:12px 10px!important;
  }
  #product-lobster .lc1,#product-lobster .lc3,#product-lobster .lc5{left:6px!important}
  #product-lobster .lc2,#product-lobster .lc4,#product-lobster .lc6{right:6px!important}
  #product-lobster .lc1,#product-lobster .lc2{top:320px!important}
  #product-lobster .lc3,#product-lobster .lc4{top:440px!important}
  #product-lobster .lc5,#product-lobster .lc6{top:560px!important}
  #product-lobster .lc7{
    top:682px!important;
    width:222px!important;
    min-height:84px!important;
  }
  #product-lobster .lobster-benefits{
    bottom:91px!important;
    width:calc(100% - 12px)!important;
    gap:5px!important;
  }
  #product-lobster .lobster-benefits span{
    min-height:31px!important;
    padding:7px 8px!important;
    font-size:10.2px!important;
  }
}

/* =====================================================================
   2026-07 AI 客服最终优化：降低形象高光、下移两侧能力卡片
   ===================================================================== */
#product-service .svc-side{
  top:78px!important;
}
#product-service .svc-mascot{
  filter:brightness(.88) saturate(.92) contrast(1.06) drop-shadow(0 18px 25px rgba(36,83,166,.18))!important;
}
#product-service .svc-mascot img{
  opacity:.97!important;
  mix-blend-mode:multiply!important;
}
#product-service .svc-mascot::before{
  background:radial-gradient(circle, rgba(255,255,255,.28), rgba(112,190,255,.11) 55%, rgba(255,255,255,0) 74%)!important;
  filter:blur(7px)!important;
  opacity:.7!important;
}
#product-service .svc-platform-glow{
  background:radial-gradient(circle, rgba(79,171,255,.38), rgba(77,142,236,.11) 52%, rgba(255,255,255,0) 76%)!important;
}
#product-service .svc-ring-a,
#product-service .svc-ring-b{
  opacity:.72!important;
}

@media(max-width:800px){
  #product-service .svc-side{
    top:76px!important;
  }
  #product-service .svc-side .svc-card:nth-child(1){top:0!important}
  #product-service .svc-side .svc-card:nth-child(2){top:118px!important}
  #product-service .svc-side .svc-card:nth-child(3){top:236px!important}
}

@media(max-width:560px){
  #product-service .service-rebuild-scene{
    min-height:720px!important;
  }
  #product-service .svc-side{
    top:78px!important;
  }
  #product-service .svc-side .svc-card:nth-child(1){top:0!important}
  #product-service .svc-side .svc-card:nth-child(2){top:112px!important}
  #product-service .svc-side .svc-card:nth-child(3){top:224px!important}
  #product-service .svc-card b{
    font-size:11.5px!important;
  }
  #product-service .svc-card span{
    font-size:8.5px!important;
    line-height:1.4!important;
  }
  #product-service .svc-mascot{
    filter:brightness(.86) saturate(.9) contrast(1.07) drop-shadow(0 15px 22px rgba(36,83,166,.17))!important;
  }
}

/* =====================================================================
   2026-07 AI 客服形象重构：恢复原创比例，移除方形底图和重阴影
   ===================================================================== */
#product-service .svc-mascot{
  top:48px!important;
  width:162px!important;
  height:auto!important;
  filter:none!important;
  opacity:1!important;
  transform-origin:50% 72%!important;
  animation:svcMascotSoftFloatClean 5.2s ease-in-out infinite!important;
  isolation:isolate;
}
#product-service .svc-mascot img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  animation:none!important;
}
#product-service .svc-mascot::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:88%!important;
  width:92px!important;
  height:15px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(33,79,159,.16) 0%,rgba(74,135,218,.08) 42%,rgba(255,255,255,0) 74%)!important;
  filter:blur(4px)!important;
  opacity:.72!important;
  z-index:-1!important;
}
#product-service .svc-platform-glow{
  opacity:.54!important;
  filter:blur(1px)!important;
}
#product-service .svc-platform{
  box-shadow:0 10px 22px rgba(58,94,158,.055)!important;
}
#product-service .svc-ring-a,
#product-service .svc-ring-b{
  opacity:.54!important;
}

@keyframes svcMascotSoftFloatClean{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(-.25deg)}
  50%{transform:translateX(-50%) translateY(-6px) rotate(.25deg)}
}

@media(max-width:1050px){
  #product-service .svc-mascot{width:150px!important;top:50px!important}
}
@media(max-width:800px){
  #product-service .svc-mascot{width:138px!important;top:48px!important}
}
@media(max-width:560px){
  #product-service .svc-mascot{width:116px!important;top:43px!important;filter:none!important}
  #product-service .svc-mascot::before{width:70px!important;height:12px!important;top:88%!important}
}

/* =====================================================================
   2026-07 AI 客服耳机形象替换 + 图标位置与版式微调
   ===================================================================== */
#product-service .svc-side{
  top:92px!important;
}
#product-service .svc-side .svc-card{
  min-height:92px!important;
  padding:14px 14px!important;
  gap:12px!important;
  align-items:flex-start!important;
}
#product-service .svc-side .svc-card:nth-child(1){top:0!important}
#product-service .svc-side .svc-card:nth-child(2){top:126px!important}
#product-service .svc-side .svc-card:nth-child(3){top:252px!important}
#product-service .svc-ico{
  align-self:flex-start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:1px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 6px 14px rgba(85,120,186,.08)!important;
}
#product-service .svc-ico svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
}
#product-service .svc-card > div{
  padding-top:1px!important;
}
#product-service .svc-card b{
  font-size:14px!important;
  line-height:1.18!important;
}
#product-service .svc-card span{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1.55!important;
}
#product-service .svc-bubbles{
  top:46px!important;
}
#product-service .svc-center{
  bottom:64px!important;
  width:340px!important;
}
#product-service .svc-ring-a{top:38px!important;width:262px!important;height:96px!important}
#product-service .svc-ring-b{top:54px!important;width:214px!important;height:64px!important}
#product-service .svc-platform-glow{top:137px!important;width:148px!important;height:28px!important;opacity:.58!important}
#product-service .svc-platform{top:146px!important;width:232px!important;height:76px!important}
#product-service .svc-platform:before{top:11px!important;width:184px!important;height:44px!important}
#product-service .svc-mascot{
  top:26px!important;
  width:172px!important;
  animation:svcMascotSoftFloatHeadset 5.6s ease-in-out infinite!important;
}
#product-service .svc-mascot::before{
  width:86px!important;
  height:14px!important;
  top:88%!important;
  opacity:.5!important;
  filter:blur(5px)!important;
}
#product-service .svc-console{
  width:332px!important;
  height:78px!important;
}
#product-service .svc-console-main,#product-service .svc-console-status{
  bottom:10px!important;
  height:58px!important;
}
#product-service .svc-note{
  min-height:50px!important;
}
@keyframes svcMascotSoftFloatHeadset{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(-.2deg)}
  50%{transform:translateX(-50%) translateY(-5px) rotate(.2deg)}
}
@media(max-width:800px){
  #product-service .svc-side{top:100px!important}
  #product-service .svc-side .svc-card:nth-child(1){top:0!important}
  #product-service .svc-side .svc-card:nth-child(2){top:118px!important}
  #product-service .svc-side .svc-card:nth-child(3){top:236px!important}
  #product-service .svc-mascot{top:30px!important;width:150px!important}
  #product-service .svc-center{width:300px!important;bottom:68px!important}
  #product-service .svc-console{width:292px!important}
}
@media(max-width:560px){
  #product-service .service-rebuild-scene{min-height:735px!important}
  #product-service .svc-side{top:86px!important}
  #product-service .svc-side .svc-card{min-height:74px!important;padding:10px 9px!important;gap:8px!important;border-radius:18px!important}
  #product-service .svc-side .svc-card:nth-child(1){top:0!important}
  #product-service .svc-side .svc-card:nth-child(2){top:114px!important}
  #product-service .svc-side .svc-card:nth-child(3){top:228px!important}
  #product-service .svc-ico{width:34px!important;height:34px!important;flex-basis:34px!important}
  #product-service .svc-ico svg{width:18px!important;height:18px!important}
  #product-service .svc-card b{font-size:11.5px!important}
  #product-service .svc-card span{font-size:8.5px!important;line-height:1.45!important}
  #product-service .svc-bubbles{top:42px!important;width:160px!important}
  #product-service .svc-center{bottom:78px!important;width:252px!important;height:232px!important}
  #product-service .svc-ring-a{top:58px!important;width:196px!important;height:70px!important}
  #product-service .svc-ring-b{top:72px!important;width:158px!important;height:46px!important}
  #product-service .svc-platform-glow{top:146px!important;width:122px!important;height:22px!important}
  #product-service .svc-platform{top:154px!important;width:198px!important;height:66px!important}
  #product-service .svc-platform:before{width:148px!important;height:34px!important;top:13px!important}
  #product-service .svc-mascot{top:90px!important;width:124px!important}
  #product-service .svc-mascot::before{width:64px!important;height:11px!important}
  #product-service .svc-console{width:246px!important;height:66px!important}
  #product-service .svc-console-main{left:8px!important;width:146px!important;height:48px!important;padding:0 10px!important}
  #product-service .svc-console-status{right:8px!important;width:84px!important;height:48px!important;padding:0 8px!important}
  #product-service .svc-console-copy strong{font-size:11px!important}
  #product-service .svc-console-copy span{display:none!important}
}

/* =====================================================================
   AI 客服最终网页整合版：耳机形象、图标对齐、布局重排
   ===================================================================== */
#product-service .service-rebuild-scene{
  min-height:620px!important;
  overflow:hidden!important;
}
#product-service .svc-side{
  top:82px!important;
  width:172px!important;
  height:360px!important;
}
#product-service .svc-left{left:18px!important}
#product-service .svc-right{right:18px!important}
#product-service .svc-side .svc-card{
  width:100%!important;
  min-height:94px!important;
  padding:14px 14px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
}
#product-service .svc-side .svc-card:nth-child(1){top:0!important}
#product-service .svc-side .svc-card:nth-child(2){top:132px!important}
#product-service .svc-side .svc-card:nth-child(3){top:264px!important}
#product-service .svc-ico{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 18px rgba(69,108,178,.08)!important;
}
#product-service .svc-ico svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
  flex:none!important;
}
#product-service .svc-card>div{
  min-width:0!important;
  padding:0!important;
  align-self:center!important;
}
#product-service .svc-card b{
  font-size:14px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#product-service .svc-card span{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1.45!important;
}
#product-service .svc-bubbles{
  top:42px!important;
  width:238px!important;
  z-index:6!important;
}
#product-service .svc-bubble{
  font-size:11px!important;
  padding:8px 13px!important;
}
#product-service .svc-center{
  bottom:66px!important;
  width:346px!important;
  height:286px!important;
}
#product-service .svc-ring-a{top:52px!important;width:272px!important;height:98px!important;opacity:.42!important}
#product-service .svc-ring-b{top:69px!important;width:216px!important;height:64px!important;opacity:.5!important}
#product-service .svc-platform-glow{
  top:151px!important;
  width:150px!important;
  height:24px!important;
  opacity:.36!important;
  filter:blur(3px)!important;
}
#product-service .svc-platform{
  top:157px!important;
  width:232px!important;
  height:76px!important;
  box-shadow:0 10px 24px rgba(54,95,165,.055)!important;
}
#product-service .svc-platform:before{
  top:12px!important;
  width:182px!important;
  height:42px!important;
  border-color:rgba(74,141,246,.28)!important;
}
#product-service .svc-mascot{
  top:16px!important;
  width:190px!important;
  height:auto!important;
  filter:none!important;
  opacity:1!important;
  z-index:7!important;
  animation:svcHeadsetMascotFloat 5.6s ease-in-out infinite!important;
}
#product-service .svc-mascot img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
#product-service .svc-mascot::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:91%!important;
  width:76px!important;
  height:10px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(37,92,178,.12),rgba(255,255,255,0) 72%)!important;
  filter:blur(5px)!important;
  opacity:.55!important;
  z-index:-1!important;
}
#product-service .svc-console{
  width:334px!important;
  height:78px!important;
  border-radius:24px!important;
}
#product-service .svc-console-main,
#product-service .svc-console-status{
  bottom:10px!important;
  height:58px!important;
}
#product-service .svc-note{
  left:18px!important;
  right:18px!important;
  bottom:12px!important;
  min-height:50px!important;
}
@keyframes svcHeadsetMascotFloat{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(-.15deg)}
  50%{transform:translateX(-50%) translateY(-5px) rotate(.15deg)}
}

@media(max-width:800px){
  #product-service .service-rebuild-scene{min-height:700px!important}
  #product-service .svc-side{top:86px!important;width:calc(50% - 20px)!important;height:350px!important}
  #product-service .svc-left{left:10px!important}
  #product-service .svc-right{right:10px!important}
  #product-service .svc-side .svc-card{min-height:82px!important;padding:11px 10px!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:9px!important;border-radius:19px!important}
  #product-service .svc-side .svc-card:nth-child(1){top:0!important}
  #product-service .svc-side .svc-card:nth-child(2){top:118px!important}
  #product-service .svc-side .svc-card:nth-child(3){top:236px!important}
  #product-service .svc-ico{width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important}
  #product-service .svc-ico svg{width:19px!important;height:19px!important}
  #product-service .svc-card b{font-size:12.5px!important}
  #product-service .svc-card span{font-size:9px!important;line-height:1.4!important}
  #product-service .svc-bubbles{top:38px!important;width:206px!important}
  #product-service .svc-center{bottom:70px!important;width:300px!important;height:264px!important}
  #product-service .svc-mascot{top:22px!important;width:172px!important}
  #product-service .svc-ring-a{top:62px!important;width:228px!important;height:82px!important}
  #product-service .svc-ring-b{top:76px!important;width:180px!important;height:54px!important}
  #product-service .svc-platform-glow{top:153px!important;width:132px!important}
  #product-service .svc-platform{top:159px!important;width:214px!important;height:70px!important}
  #product-service .svc-console{width:292px!important;height:72px!important}
  #product-service .svc-console-main,#product-service .svc-console-status{height:52px!important}
}

@media(max-width:560px){
  #product-service .service-rebuild-scene{min-height:760px!important}
  #product-service .svc-side{top:76px!important;width:calc(50% - 15px)!important;height:350px!important}
  #product-service .svc-left{left:8px!important}
  #product-service .svc-right{right:8px!important}
  #product-service .svc-side .svc-card{min-height:82px!important;padding:10px 9px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:8px!important;border-radius:18px!important}
  #product-service .svc-side .svc-card:nth-child(1){top:0!important}
  #product-service .svc-side .svc-card:nth-child(2){top:125px!important}
  #product-service .svc-side .svc-card:nth-child(3){top:250px!important}
  #product-service .svc-ico{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important}
  #product-service .svc-ico svg{width:18px!important;height:18px!important}
  #product-service .svc-card b{font-size:11.5px!important;white-space:normal!important}
  #product-service .svc-card span{font-size:8.4px!important;line-height:1.42!important}
  #product-service .svc-bubbles{top:14px!important;width:190px!important}
  #product-service .svc-bubble{font-size:9px!important;padding:7px 10px!important}
  #product-service .svc-bubble+.svc-bubble{margin-top:7px!important}
  #product-service .svc-bubble.second{margin-top:10px!important}
  #product-service .svc-center{bottom:74px!important;width:278px!important;height:255px!important}
  #product-service .svc-mascot{top:18px!important;width:180px!important}
  #product-service .svc-mascot::before{width:64px!important;height:9px!important;top:91%!important}
  #product-service .svc-ring-a{top:70px!important;width:208px!important;height:72px!important}
  #product-service .svc-ring-b{top:83px!important;width:164px!important;height:47px!important}
  #product-service .svc-platform-glow{top:155px!important;width:122px!important;height:20px!important}
  #product-service .svc-platform{top:162px!important;width:204px!important;height:64px!important}
  #product-service .svc-platform:before{top:11px!important;width:154px!important;height:34px!important}
  #product-service .svc-console{width:270px!important;height:66px!important}
  #product-service .svc-console-main{left:8px!important;width:160px!important;height:48px!important;padding:0 10px!important}
  #product-service .svc-console-status{right:8px!important;width:86px!important;height:48px!important;padding:0 8px!important}
  #product-service .svc-console-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
  #product-service .svc-console-icon svg{width:18px!important;height:18px!important}
  #product-service .svc-console-copy strong{font-size:11px!important}
  #product-service .svc-console-copy span{display:none!important}
  #product-service .svc-note{left:8px!important;right:8px!important;min-height:48px!important;padding:0 14px!important}
  #product-service .svc-note strong{font-size:12px!important}
  #product-service .svc-note span{font-size:8px!important}
}

/* =====================================================================
   2026-07 企业知识中枢视觉精修：更清晰、更饱满、更具科技中台质感
   ===================================================================== */
#product-knowledge .draft-knowledge-scene{
  min-height:650px!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.98) 0%,rgba(247,251,255,.96) 30%,rgba(232,241,255,.96) 68%,rgba(220,233,252,.98) 100%)!important;
}
#product-knowledge .draft-knowledge-scene:before{
  top:54px!important;
  width:510px!important;
  height:510px!important;
  border-color:rgba(55,119,229,.13)!important;
  box-shadow:0 0 0 42px rgba(255,255,255,.14),0 0 0 88px rgba(255,255,255,.07)!important;
}
#product-knowledge .draft-knowledge-scene:after{
  background:
    linear-gradient(rgba(77,128,210,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,128,210,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 46%,rgba(100,164,255,.08),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.28),transparent 34%,transparent 76%,rgba(173,204,248,.14))!important;
  background-size:30px 30px,30px 30px,auto,auto!important;
}
#product-knowledge .draft-orbit{
  top:76px!important;
  width:430px!important;
  height:430px!important;
  border-color:rgba(57,123,232,.2)!important;
  box-shadow:0 0 36px rgba(66,130,232,.05)!important;
}
#product-knowledge .draft-orbit:before{
  inset:42px!important;
  border-color:rgba(255,255,255,.88)!important;
  box-shadow:0 0 0 1px rgba(75,137,234,.06)!important;
}
#product-knowledge .draft-orbit:after{
  inset:91px!important;
  border-color:rgba(55,125,237,.28)!important;
  border-style:dashed!important;
}

#product-knowledge .knowledge-sources,
#product-knowledge .knowledge-actions{
  top:116px!important;
  gap:12px!important;
  z-index:6!important;
}
#product-knowledge .knowledge-sources{
  left:18px!important;
  width:168px!important;
}
#product-knowledge .knowledge-actions{
  right:18px!important;
  width:174px!important;
  padding-top:18px!important;
}
#product-knowledge .knowledge-sources:before,
#product-knowledge .knowledge-actions:before{
  display:block;
  margin:0 0 7px 6px;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  color:#7a91b7;
}
#product-knowledge .knowledge-sources:before{content:"MULTI-SOURCE INPUT"}
#product-knowledge .knowledge-actions:before{content:"SECURE OUTPUT"}

#product-knowledge .knowledge-sources article,
#product-knowledge .knowledge-actions article{
  position:relative;
  min-height:76px!important;
  padding:12px 13px!important;
  gap:11px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,249,255,.92))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 14px 28px rgba(53,88,151,.09),inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:blur(8px);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#product-knowledge .knowledge-sources article:after,
#product-knowledge .knowledge-actions article:after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(52,119,238,.22),transparent);
  opacity:.7;
}
#product-knowledge .knowledge-sources article:hover,
#product-knowledge .knowledge-actions article:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(45,82,150,.13),inset 0 1px 0 #fff!important;
  border-color:rgba(191,216,255,.95)!important;
}
#product-knowledge .knowledge-sources i,
#product-knowledge .knowledge-actions i{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  margin:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  color:#2768ec!important;
  background:linear-gradient(145deg,#eff6ff,#dceaff)!important;
  border:1px solid rgba(197,219,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 16px rgba(74,119,196,.08)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  font-style:normal!important;
}
#product-knowledge .knowledge-sources article:first-child i{
  color:#ff5364!important;
  background:linear-gradient(145deg,#fff4f5,#ffe4e8)!important;
  border-color:rgba(255,198,206,.72)!important;
}
#product-knowledge .knowledge-sources article:nth-child(2) i{
  color:#2e6bea!important;
}
#product-knowledge .knowledge-sources article:nth-child(3) i{
  color:#1688e8!important;
  background:linear-gradient(145deg,#eef9ff,#dcefff)!important;
}
#product-knowledge .knowledge-sources article:nth-child(4) i{
  color:#10a986!important;
  background:linear-gradient(145deg,#ecfff9,#d6f8ed)!important;
  border-color:rgba(163,232,211,.72)!important;
}
#product-knowledge .knowledge-actions article:nth-child(1) i:before{content:"⌕";font-size:18px}
#product-knowledge .knowledge-actions article:nth-child(2) i:before{content:"◇";font-size:17px}
#product-knowledge .knowledge-actions article:nth-child(3) i:before{content:"◆";font-size:14px}
#product-knowledge .knowledge-actions article i{font-size:0!important}
#product-knowledge .knowledge-sources b,
#product-knowledge .knowledge-actions b{
  font-size:14px!important;
  line-height:1.16!important;
  color:#12366f!important;
  letter-spacing:.01em;
}
#product-knowledge .knowledge-sources span,
#product-knowledge .knowledge-actions span{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1.45!important;
  color:#6f83a5!important;
}

#product-knowledge .knowledge-hub-core{
  top:160px!important;
  width:242px!important;
  height:242px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 44% 28%,rgba(255,255,255,1) 0%,rgba(249,252,255,.98) 29%,rgba(225,238,255,.98) 66%,rgba(176,209,255,.98) 100%)!important;
  border:1.5px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 30px 60px rgba(39,89,175,.17),
    inset 0 0 0 12px rgba(255,255,255,.34),
    inset 0 -22px 44px rgba(76,142,239,.09)!important;
}
#product-knowledge .knowledge-hub-core:before{
  inset:16px!important;
  border:1.5px dashed rgba(47,116,232,.30)!important;
  box-shadow:inset 0 0 30px rgba(59,131,238,.05)!important;
}
#product-knowledge .knowledge-hub-core:after{
  inset:-26px!important;
  border:1px solid rgba(47,116,232,.22)!important;
  box-shadow:0 0 0 18px rgba(255,255,255,.12)!important;
}
#product-knowledge .knowledge-hub-core em{
  position:relative;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  margin-bottom:11px;
  border-radius:999px;
  font-size:8px;
  line-height:1;
  font-style:normal;
  font-weight:900;
  letter-spacing:.15em;
  color:#2766da;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 8px 18px rgba(59,104,181,.07);
}
#product-knowledge .knowledge-hub-core b{
  font-size:27px!important;
  line-height:1.08!important;
  color:#0f3776!important;
  text-shadow:0 1px 0 rgba(255,255,255,.9);
}
#product-knowledge .knowledge-hub-core span{
  margin-top:11px!important;
  font-size:11px!important;
  line-height:1.4!important;
  color:#57739e!important;
  letter-spacing:.02em;
}
#product-knowledge .knowledge-hub-core>i{
  position:relative!important;
  z-index:3!important;
  width:54px!important;
  height:35px!important;
  margin-top:16px!important;
  border-radius:10px!important;
  background:
    linear-gradient(90deg,#3c7bf1 0 15%,transparent 15% 35%,#2e6ee9 35% 52%,transparent 52% 72%,#3c7bf1 72% 88%,transparent 88%)!important;
  filter:drop-shadow(0 7px 10px rgba(45,105,217,.14));
}
#product-knowledge .knowledge-hub-core>i:after{
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  bottom:-7px;
  height:8px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(57,119,230,.22),transparent 70%);
}

#product-knowledge .knowledge-arrow{
  top:278px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:0!important;
  color:#2e73ef!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(203,222,255,.9)!important;
  box-shadow:0 10px 20px rgba(55,104,187,.10)!important;
}
#product-knowledge .knowledge-arrow:before{
  content:"→";
  font-size:20px;
  line-height:1;
  transform:translateY(-1px);
}
#product-knowledge .knowledge-arrow.left{left:178px!important}
#product-knowledge .knowledge-arrow.right{right:178px!important}

#product-knowledge .knowledge-checks{
  bottom:84px!important;
  gap:9px!important;
}
#product-knowledge .knowledge-checks span{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 13px 0 31px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 10px 22px rgba(49,87,151,.075),inset 0 1px 0 #fff!important;
  font-size:10px!important;
  font-weight:700!important;
  color:#52739d!important;
}
#product-knowledge .knowledge-checks span:before{
  left:10px!important;
  width:14px!important;
  height:14px!important;
  font-size:9px!important;
  background:linear-gradient(145deg,#31d49a,#17b97e)!important;
  box-shadow:0 4px 9px rgba(28,190,128,.20)!important;
}

#product-knowledge .draft-footer{
  left:18px!important;
  right:18px!important;
  bottom:14px!important;
  min-height:58px!important;
  padding:0 18px!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,255,.90))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 14px 28px rgba(49,87,151,.085),inset 0 1px 0 #fff!important;
}
#product-knowledge .draft-footer strong{
  position:relative;
  padding-left:19px;
  font-size:14px!important;
  color:#12356e!important;
}
#product-knowledge .draft-footer strong:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:9px;
  height:9px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#3377ee;
  box-shadow:0 0 0 5px rgba(51,119,238,.10),0 0 14px rgba(51,119,238,.28);
}
#product-knowledge .draft-footer span{
  font-size:10px!important;
  color:#6e82a5!important;
}

@media(max-width:680px){
  #product-knowledge .draft-knowledge-scene{min-height:690px!important}
  #product-knowledge .draft-knowledge-scene:before{top:62px!important;width:465px!important;height:465px!important}
  #product-knowledge .draft-orbit{top:88px!important;width:400px!important;height:400px!important}
  #product-knowledge .knowledge-sources{left:12px!important;width:164px!important;top:120px!important}
  #product-knowledge .knowledge-actions{right:12px!important;width:168px!important;top:120px!important;padding-top:18px!important}
  #product-knowledge .knowledge-sources article,
  #product-knowledge .knowledge-actions article{min-height:74px!important;padding:11px 12px!important}
  #product-knowledge .knowledge-hub-core{top:176px!important;width:224px!important;height:224px!important}
  #product-knowledge .knowledge-hub-core b{font-size:25px!important}
  #product-knowledge .knowledge-hub-core em{font-size:7.5px!important;margin-bottom:9px!important}
  #product-knowledge .knowledge-arrow{top:282px!important;width:32px!important;height:32px!important}
  #product-knowledge .knowledge-arrow.left{left:171px!important}
  #product-knowledge .knowledge-arrow.right{right:171px!important}
  #product-knowledge .knowledge-checks{bottom:82px!important;gap:6px!important}
  #product-knowledge .knowledge-checks span{min-height:32px!important;padding:0 10px 0 28px!important;font-size:9px!important}
}

@media(max-width:560px){
  #product-knowledge .draft-knowledge-scene{min-height:780px!important}
  #product-knowledge .draft-knowledge-scene:before{top:120px!important;width:420px!important;height:420px!important}
  #product-knowledge .draft-orbit{top:138px!important;width:370px!important;height:370px!important}
  #product-knowledge .knowledge-sources,
  #product-knowledge .knowledge-actions{top:66px!important;width:calc(50% - 15px)!important;padding-top:0!important;gap:10px!important}
  #product-knowledge .knowledge-sources{left:8px!important}
  #product-knowledge .knowledge-actions{right:8px!important}
  #product-knowledge .knowledge-sources:before,
  #product-knowledge .knowledge-actions:before{display:none!important}
  #product-knowledge .knowledge-sources article,
  #product-knowledge .knowledge-actions article{min-height:64px!important;padding:8px!important;gap:7px!important;border-radius:16px!important}
  #product-knowledge .knowledge-sources i,
  #product-knowledge .knowledge-actions i{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:11px!important;font-size:9px!important}
  #product-knowledge .knowledge-actions article i{font-size:0!important}
  #product-knowledge .knowledge-actions article:nth-child(1) i:before{font-size:15px}
  #product-knowledge .knowledge-actions article:nth-child(2) i:before{font-size:14px}
  #product-knowledge .knowledge-actions article:nth-child(3) i:before{font-size:11px}
  #product-knowledge .knowledge-sources b,
  #product-knowledge .knowledge-actions b{font-size:11.5px!important}
  #product-knowledge .knowledge-sources span,
  #product-knowledge .knowledge-actions span{font-size:8px!important;line-height:1.35!important;margin-top:3px!important}
  #product-knowledge .knowledge-hub-core{top:398px!important;width:196px!important;height:196px!important}
  #product-knowledge .knowledge-hub-core:before{inset:13px!important}
  #product-knowledge .knowledge-hub-core:after{inset:-19px!important}
  #product-knowledge .knowledge-hub-core em{min-height:20px!important;font-size:6.5px!important;padding:0 8px!important;margin-bottom:7px!important}
  #product-knowledge .knowledge-hub-core b{font-size:21px!important}
  #product-knowledge .knowledge-hub-core span{font-size:8.5px!important;margin-top:8px!important}
  #product-knowledge .knowledge-hub-core>i{width:42px!important;height:27px!important;margin-top:12px!important}
  #product-knowledge .knowledge-arrow{display:none!important}
  #product-knowledge .knowledge-checks{bottom:84px!important;left:12px!important;right:12px!important;transform:none!important;justify-content:center!important;gap:4px!important;white-space:normal!important}
  #product-knowledge .knowledge-checks span{min-height:29px!important;padding:0 7px 0 24px!important;font-size:7px!important}
  #product-knowledge .knowledge-checks span:before{left:7px!important;width:12px!important;height:12px!important;font-size:8px!important}
  #product-knowledge .draft-footer{left:8px!important;right:8px!important;bottom:10px!important;min-height:52px!important;padding:0 13px!important}
  #product-knowledge .draft-footer strong{font-size:12px!important;padding-left:16px!important}
  #product-knowledge .draft-footer span{font-size:7.5px!important}
}


/* =====================================================================
   2026-07 联系模块修正：移除旧官网跳转，改为非交互合作方向标签
   ===================================================================== */
.contact-topics{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.contact-topics span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
.contact-topics span::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:8px;
  border-radius:50%;
  background:#55e5ff;
  box-shadow:0 0 12px rgba(85,229,255,.72);
}
.contact-info .contact-card{
  min-height:88px;
  align-items:center;
}
.contact-info .contact-card i{
  width:34px;
  flex:0 0 34px;
  font-size:15px;
}
.contact-note{
  padding:4px 2px 0;
}
@media(max-width:560px){
  .contact-topics{gap:8px;margin-top:22px}
  .contact-topics span{min-height:38px;padding:0 13px;font-size:11px}
  .contact-info .contact-card{min-height:82px}
}


/* =====================================================================
   2026-07-28 全站标题排版优化：适中字号、均衡换行、避免孤字成行
   ===================================================================== */
h1,h2,h3,h4{
  text-wrap:balance;
}
.hero h1{
  font-size:clamp(42px,4.6vw,64px);
  line-height:1.08;
  margin:22px 0 18px;
}
.product-content h3{
  font-size:clamp(34px,3vw,40px);
}
.product-content h4{
  font-size:18px;
  line-height:1.55;
}
.intro h2,
.section-head h2,
.architecture h2,
.team h2,
.contact h2{
  font-size:clamp(32px,3.25vw,46px);
  line-height:1.2;
  letter-spacing:-.025em;
  overflow-wrap:normal;
  word-break:normal;
}
.section-head{
  gap:32px;
  margin-bottom:40px;
}
.section-head>div{
  min-width:0;
  max-width:720px;
}
.title-line{
  display:block;
}
.title-line-accent{
  color:#0b60df;
}
.insights-preview .section-head>div{
  max-width:660px;
}
.insights-preview .section-head h2{
  max-width:15em;
}
.contact-shell{
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:48px;
}
.contact-copy{
  min-width:0;
}
.contact-copy h2{
  max-width:13em;
  font-size:clamp(32px,3vw,42px);
  line-height:1.22;
}
.contact-copy h2 em{
  font-style:normal;
  color:#70e8ff;
}
.architecture h2{
  font-size:clamp(30px,2.9vw,40px);
}
.title-line + .title-line{
  margin-top:.06em;
}
.contact-copy p{
  max-width:42em;
  margin-top:20px;
  line-height:1.85;
}

@media(max-width:1050px){
  .contact-shell{
    grid-template-columns:1fr;
    gap:36px;
  }
  .contact-copy h2{
    max-width:18em;
  }
}

@media(max-width:800px){
  .hero h1{
    font-size:44px;
  }
  .intro h2,
  .section-head h2,
  .architecture h2,
  .team h2,
  .contact h2{
    font-size:clamp(30px,5.6vw,40px);
    line-height:1.22;
  }
  .section-head{
    margin-bottom:34px;
  }
  .insights-preview .section-head h2,
  .contact-copy h2{
    max-width:18em;
  }
  .architecture h2{
    font-size:32px;
  }
}

@media(max-width:560px){
  .hero h1{
    font-size:36px;
  }
  .intro h2,
  .section-head h2,
  .architecture h2,
  .team h2{
    font-size:30px;
    line-height:1.24;
  }
  .contact-copy h2{
    font-size:26px;
    line-height:1.3;
  }
  .architecture h2{
    font-size:28px;
  }
  .section-head{
    margin-bottom:28px;
  }
  .section-tag{
    margin-bottom:10px;
  }
}

/* ========================================================================
   2026-07 双模块定稿：招聘 Agent 工作台 / 企业知识中枢
   仅使用 recruit-v2-* 与 knowledge-v2-*，避免影响网站其他模块。
   ======================================================================== */
#product-recruitment .recruit-v2-scene,
#product-knowledge .knowledge-v2-scene{
  box-sizing:border-box;
  min-width:0;
  background:
    linear-gradient(rgba(57,112,216,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,112,216,.045) 1px,transparent 1px),
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),rgba(238,245,255,.9) 56%,rgba(221,234,255,.88));
  background-size:42px 42px,42px 42px,auto;
}
#product-recruitment .recruit-v2-scene:before,
#product-knowledge .knowledge-v2-scene:before{display:none!important}

/* ------------------------------ 招聘 Agent ------------------------------ */
#product-recruitment .recruit-v2-scene{
  min-height:700px!important;
  padding:20px 20px 84px!important;
  overflow:hidden;
}
#product-recruitment .recruit-v2-shell{
  position:relative;
  z-index:2;
  width:100%;
  height:596px;
  border:1px solid rgba(133,174,240,.34);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 48px rgba(37,82,160,.12);
  overflow:hidden;
}
#product-recruitment .recruit-v2-topbar{
  height:64px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #e2ebfb;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.98));
}
#product-recruitment .recruit-v2-topbar>strong{
  color:#103c83;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.02em;
  white-space:nowrap;
}
#product-recruitment .recruit-v2-topstats{display:flex;gap:9px;min-width:0}
#product-recruitment .recruit-v2-topstats>span{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:0 11px;
  border:1px solid #d7e5fb;
  border-radius:10px;
  background:#f9fbff;
  color:#53709e;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
#product-recruitment .recruit-v2-topstats i{position:relative;width:13px;height:13px;display:block;color:#286de5}
#product-recruitment .rv2-people:before{content:"";position:absolute;left:4px;top:1px;width:5px;height:5px;border:1.5px solid currentColor;border-radius:50%}
#product-recruitment .rv2-people:after{content:"";position:absolute;left:1px;bottom:0;width:11px;height:6px;border:1.5px solid currentColor;border-radius:7px 7px 3px 3px}
#product-recruitment .rv2-job:before{content:"";position:absolute;inset:2px 1px 1px;border:1.5px solid currentColor;border-radius:3px}
#product-recruitment .rv2-job:after{content:"";position:absolute;left:4px;top:0;width:5px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}
#product-recruitment .recruit-v2-main{
  display:grid;
  grid-template-columns:minmax(210px,41%) minmax(0,59%);
  height:calc(100% - 64px);
}
#product-recruitment .recruit-v2-candidates{
  min-width:0;
  padding:16px 14px 14px;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7fe 100%);
  border-right:1px solid #dbe7f9;
}
#product-recruitment .recruit-v2-search{position:relative;display:block;margin-bottom:14px}
#product-recruitment .recruit-v2-search input{
  box-sizing:border-box;
  width:100%;
  height:38px;
  padding:0 37px 0 12px;
  border:1px solid #d3e1f7;
  border-radius:11px;
  outline:0;
  background:#fff;
  color:#173b71;
  font:inherit;
  font-size:9px;
  transition:.2s ease;
}
#product-recruitment .recruit-v2-search input:focus{border-color:#74a6f5;box-shadow:0 0 0 3px rgba(62,126,233,.1)}
#product-recruitment .recruit-v2-search input::placeholder{color:#8ba0c0}
#product-recruitment .recruit-v2-search>i{position:absolute;right:13px;top:11px;width:11px;height:11px;border:1.7px solid #4e78ba;border-radius:50%}
#product-recruitment .recruit-v2-search>i:after{content:"";position:absolute;width:6px;height:1.7px;background:#4e78ba;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}
#product-recruitment .recruit-v2-candidates h5,
#product-recruitment .recruit-v2-flowbox h5{
  margin:0;
  color:#173a70;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
}
#product-recruitment .recruit-v2-list{display:grid;gap:8px;margin-top:10px}
#product-recruitment .recruit-v2-card{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:82px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 37px;
  align-items:center;
  gap:8px;
  padding:9px 9px;
  border:1px solid transparent;
  border-radius:13px;
  background:rgba(255,255,255,.93);
  color:inherit;
  text-align:left;
  box-shadow:0 6px 18px rgba(48,90,161,.045);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#product-recruitment .recruit-v2-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(48,90,161,.1)}
#product-recruitment .recruit-v2-card.active{border-color:#9bc0ff;box-shadow:0 9px 22px rgba(45,105,218,.12)}
#product-recruitment .rv2-avatar{
  position:relative;
  width:38px;height:38px;
  border-radius:50%;
  overflow:hidden;
  background:linear-gradient(145deg,#6cc9e9,#dff4ff);
  box-shadow:inset 0 0 0 1px rgba(31,98,192,.12);
}
#product-recruitment .rv2-avatar:before{
  content:"";
  position:absolute;
  left:12px;top:8px;
  width:14px;height:15px;
  border-radius:50% 50% 45% 45%;
  background:#f0c39e;
  box-shadow:0 14px 0 5px #15395e;
}
#product-recruitment .rv2-avatar:after{
  content:"";
  position:absolute;
  left:10px;top:5px;
  width:18px;height:10px;
  border-radius:50% 55% 35% 35%;
  background:#20384d;
}
#product-recruitment .rv2-avatar.female{background:linear-gradient(145deg,#92d4ec,#f1fbff)}
#product-recruitment .rv2-avatar.female:before{box-shadow:0 14px 0 5px #243d5e}
#product-recruitment .rv2-avatar.female:after{left:8px;top:4px;width:22px;height:25px;border-radius:50% 50% 40% 40%;background:#3d2a25}
#product-recruitment .rv2-avatar.female{isolation:isolate}
#product-recruitment .rv2-avatar.female:before{z-index:2}
#product-recruitment .rv2-person{display:block;min-width:0}
#product-recruitment .rv2-person>b,
#product-recruitment .rv2-person>small,
#product-recruitment .rv2-score>b,
#product-recruitment .rv2-score>small{display:block}
#product-recruitment .rv2-person>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#16396f;font-size:10px;font-weight:900}
#product-recruitment .rv2-person>small{margin-top:3px;color:#7388aa;font-size:7.5px}
#product-recruitment .rv2-person>em{display:flex;gap:4px;margin-top:7px;min-width:0;font-style:normal}
#product-recruitment .rv2-person>em i{display:block;min-width:0;padding:3px 5px;border-radius:6px;background:#eef4ff;color:#617da9;font-size:6px;font-style:normal;white-space:nowrap}
#product-recruitment .rv2-score{text-align:right}
#product-recruitment .rv2-score>b{color:#1764df;font-size:12px;font-weight:900}
#product-recruitment .rv2-score>small{margin-top:3px;color:#7890b4;font-size:6.5px}
#product-recruitment .recruit-v2-more{
  width:72%;
  height:35px;
  margin:12px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #c7daf8;
  border-radius:9px;
  color:#215aa7;
  background:rgba(255,255,255,.74);
  font-size:8px;
  font-weight:900;
}
#product-recruitment .recruit-v2-more span{font-size:13px}
#product-recruitment .recruit-v2-workspace{
  min-width:0;
  padding:17px 18px 16px;
  display:grid;
  grid-template-rows:auto 198px 90px minmax(0,1fr);
  gap:11px;
}
#product-recruitment .recruit-v2-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#product-recruitment .recruit-v2-heading>div small,
#product-recruitment .recruit-v2-heading>div b{display:block}
#product-recruitment .recruit-v2-heading>div small{color:#7c91b2;font-size:7.5px}
#product-recruitment .recruit-v2-heading>div b{margin-top:4px;color:#103a79;font-size:14px;font-weight:900}
#product-recruitment .recruit-v2-heading>span{padding:6px 9px;border-radius:999px;background:#eef7ff;color:#2581d8;font-size:7px;font-weight:900;white-space:nowrap}
#product-recruitment .recruit-v2-match{display:grid;grid-template-columns:minmax(125px,46%) minmax(0,54%);align-items:center;gap:12px}
#product-recruitment .recruit-v2-gauge{
  position:relative;
  width:150px;height:150px;
  max-width:100%;
  aspect-ratio:1;
  margin:auto;
  border-radius:50%;
  background:conic-gradient(#2a6fea calc(var(--rv2-score)*1%),#dceaff 0);
  filter:drop-shadow(0 9px 15px rgba(31,92,192,.15));
}
#product-recruitment .recruit-v2-gauge:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #d8e6fa}
#product-recruitment .recruit-v2-gauge:after{content:"";position:absolute;inset:-7px;border:7px solid rgba(78,145,242,.23);border-radius:50%}
#product-recruitment .recruit-v2-gauge>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2}
#product-recruitment .recruit-v2-gauge strong{display:block;color:#1c64d9;font-size:28px;line-height:1;font-weight:900}
#product-recruitment .recruit-v2-gauge span{display:block;margin-top:8px;color:#7588a7;font-size:7px}
#product-recruitment .recruit-v2-reasons>b{display:block;margin-bottom:10px;color:#183b73;font-size:10px;font-weight:900}
#product-recruitment .recruit-v2-reasons p{position:relative;margin:8px 0;padding-left:15px;color:#526f9c;font-size:7.5px;line-height:1.2}
#product-recruitment .recruit-v2-reasons p:before{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:9px;display:grid;place-items:center;border-radius:50%;background:#2fc28b;color:white;font-size:6px;font-weight:900}
#product-recruitment .recruit-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
#product-recruitment .recruit-v2-metrics article{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dfebfb;border-radius:11px;background:#fff;box-shadow:0 7px 16px rgba(52,91,154,.05)}
#product-recruitment .recruit-v2-metrics article>i{position:relative;width:25px;height:25px;margin-bottom:4px;border-radius:8px;background:#edf5ff;color:#3177e7}
#product-recruitment .recruit-v2-metrics article>b{color:#183a71;font-size:12px;line-height:1;font-weight:900}
#product-recruitment .recruit-v2-metrics article>span{margin-top:5px;color:#6980a5;font-size:6.5px;white-space:nowrap}
#product-recruitment .rv2-metric-people:before{content:"";position:absolute;left:8px;top:5px;width:8px;height:8px;border:1.4px solid currentColor;border-radius:50%}
#product-recruitment .rv2-metric-people:after{content:"";position:absolute;left:5px;bottom:4px;width:14px;height:7px;border:1.4px solid currentColor;border-radius:8px 8px 3px 3px}
#product-recruitment .rv2-metric-mail:before{content:"";position:absolute;inset:6px 4px;border:1.4px solid currentColor;border-radius:3px}
#product-recruitment .rv2-metric-mail:after{content:"";position:absolute;left:5px;right:5px;top:8px;height:7px;border-bottom:1.4px solid currentColor;transform:skewY(-27deg)}
#product-recruitment .rv2-metric-chat:before{content:"···";position:absolute;left:4px;top:3px;width:17px;height:14px;border:1.4px solid currentColor;border-radius:8px;line-height:8px;text-align:center;font-size:10px;font-weight:900}
#product-recruitment .rv2-metric-chat:after{content:"";position:absolute;left:7px;bottom:5px;border:4px solid transparent;border-top-color:currentColor;transform:rotate(25deg)}
#product-recruitment .rv2-metric-hire:before{content:"";position:absolute;left:8px;top:4px;width:8px;height:8px;border:1.4px solid currentColor;border-radius:50%}
#product-recruitment .rv2-metric-hire:after{content:"✓";position:absolute;right:3px;bottom:3px;width:9px;height:9px;display:grid;place-items:center;border-radius:50%;background:#3177e7;color:#fff;font-size:6px}
#product-recruitment .recruit-v2-flowbox{min-width:0;padding:12px 12px 10px;border:1px solid #dfebfb;border-radius:12px;background:#fff;box-shadow:0 7px 16px rgba(52,91,154,.05)}
#product-recruitment .recruit-v2-flowbox h5{margin-bottom:12px}
#product-recruitment .recruit-v2-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#product-recruitment .recruit-v2-flow>span{position:relative;min-width:0;text-align:center}
#product-recruitment .recruit-v2-flow>span:not(:last-child):after{content:"→";position:absolute;top:13px;right:-8px;color:#6d9fea;font-size:11px;font-weight:900}
#product-recruitment .recruit-v2-flow i{position:relative;width:32px;height:32px;margin:0 auto 6px;display:block;border-radius:50%;background:#edf5ff;color:#3177e7}
#product-recruitment .recruit-v2-flow b,
#product-recruitment .recruit-v2-flow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#product-recruitment .recruit-v2-flow b{color:#36527e;font-size:6.5px}
#product-recruitment .recruit-v2-flow small{margin-top:3px;color:#92a2bb;font-size:5.5px}
#product-recruitment .rv2-flow-source:before{content:"";position:absolute;left:10px;top:6px;width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%}
#product-recruitment .rv2-flow-source:after{content:"";position:absolute;left:7px;bottom:5px;width:16px;height:8px;border:1.5px solid currentColor;border-radius:8px 8px 3px 3px}
#product-recruitment .rv2-flow-resume:before{content:"";position:absolute;inset:7px 9px;border:1.5px solid currentColor;border-radius:2px}
#product-recruitment .rv2-flow-resume:after{content:"";position:absolute;left:12px;right:12px;top:13px;height:1.5px;background:currentColor;box-shadow:0 4px 0 currentColor}
#product-recruitment .rv2-flow-chat:before{content:"···";position:absolute;left:7px;top:7px;width:18px;height:13px;border:1.5px solid currentColor;border-radius:6px;line-height:8px;font-size:10px;font-weight:900}
#product-recruitment .rv2-flow-chat:after{content:"";position:absolute;left:10px;bottom:6px;border:4px solid transparent;border-top-color:currentColor;transform:rotate(20deg)}
#product-recruitment .rv2-flow-interview:before{content:"";position:absolute;left:11px;top:6px;width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%}
#product-recruitment .rv2-flow-interview:after{content:"";position:absolute;left:7px;bottom:5px;width:18px;height:9px;border:1.5px solid currentColor;border-radius:9px 9px 3px 3px}
#product-recruitment .rv2-flow-hire:before{content:"◎";position:absolute;inset:0;display:grid;place-items:center;font-size:20px;font-weight:900}
#product-recruitment .recruit-v2-footer{
  position:absolute;
  left:20px;right:20px;bottom:14px;
  z-index:3;
  min-height:58px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:17px;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 28px rgba(46,84,150,.1);
  backdrop-filter:blur(12px);
}
#product-recruitment .recruit-v2-footer>div{display:flex;align-items:center;gap:10px;min-width:0}
#product-recruitment .recruit-v2-footer>div>i{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#3278ec;box-shadow:0 0 0 7px #edf4ff}
#product-recruitment .recruit-v2-footer strong,
#product-recruitment .recruit-v2-footer small{display:block}
#product-recruitment .recruit-v2-footer strong{color:#173d78;font-size:11px}
#product-recruitment .recruit-v2-footer small{margin-top:3px;color:#778cab;font-size:7.5px}
#product-recruitment .recruit-v2-footer>a{min-height:34px;padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:8px;background:linear-gradient(135deg,#2467e8,#2c85f5);color:#fff;font-size:8px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px rgba(43,112,231,.22)}
#product-recruitment .recruit-v2-footer>a span{font-size:12px}

/* ---------------------------- 企业知识中枢 ---------------------------- */
#product-knowledge .knowledge-v2-scene{
  min-height:700px!important;
  padding:0!important;
  overflow:hidden;
}
#product-knowledge .knowledge-v2-scene:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 22%,transparent 78%,rgba(186,216,255,.22));
  pointer-events:none;
}
#product-knowledge .knowledge-v2-rings{
  position:absolute;
  z-index:1;
  left:50%;top:52px;
  width:500px;height:500px;
  transform:translateX(-50%);
  border:1px solid rgba(72,132,226,.13);
  border-radius:50%;
  pointer-events:none;
}
#product-knowledge .knowledge-v2-rings:before,
#product-knowledge .knowledge-v2-rings:after,
#product-knowledge .knowledge-v2-rings i{content:"";position:absolute;border:1px solid rgba(67,128,226,.16);border-radius:50%}
#product-knowledge .knowledge-v2-rings:before{inset:52px}
#product-knowledge .knowledge-v2-rings:after{inset:102px;border-style:dashed;border-color:rgba(52,125,235,.24)}
#product-knowledge .knowledge-v2-rings i:nth-child(1){inset:145px;border-color:rgba(52,125,235,.2)}
#product-knowledge .knowledge-v2-rings i:nth-child(2){width:10px;height:10px;left:245px;top:-5px;background:#a5c9ff;border-color:#8cb7f6}
#product-knowledge .knowledge-v2-rings i:nth-child(3){width:8px;height:8px;left:50px;top:248px;background:#b6d4ff;border-color:#9dc2fa}
#product-knowledge .knowledge-v2-rings i:nth-child(4){width:8px;height:8px;right:50px;top:248px;background:#b6d4ff;border-color:#9dc2fa}
#product-knowledge .knowledge-v2-grid{
  position:relative;
  z-index:3;
  height:565px;
  padding:72px 20px 0;
  display:grid;
  grid-template-columns:minmax(145px,1fr) minmax(220px,1.34fr) minmax(145px,1fr);
  gap:12px;
  align-items:start;
}
#product-knowledge .knowledge-v2-side{display:grid;gap:10px;align-content:start;min-width:0}
#product-knowledge .knowledge-v2-side h5{margin:0 0 6px 9px;color:#173a71;font-size:10px;font-weight:900}
#product-knowledge .knowledge-v2-side.actions h5{margin-left:auto;margin-right:9px}
#product-knowledge .knowledge-v2-side button{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:77px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(165,194,236,.42);
  border-radius:16px;
  background:rgba(255,255,255,.93);
  color:inherit;
  text-align:left;
  box-shadow:0 12px 27px rgba(45,83,148,.1);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#product-knowledge .knowledge-v2-side button:hover,
#product-knowledge .knowledge-v2-side button.active{transform:translateY(-2px);border-color:#8db8f8;box-shadow:0 16px 30px rgba(45,83,148,.15)}
#product-knowledge .knowledge-v2-side button>i{
  position:relative;
  width:42px;height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eaf3ff;
  color:#3278eb;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(61,126,230,.14);
}
#product-knowledge .knowledge-v2-side button>span{display:block;min-width:0}
#product-knowledge .knowledge-v2-side b,
#product-knowledge .knowledge-v2-side small{display:block}
#product-knowledge .knowledge-v2-side b{color:#173a70;font-size:11px;font-weight:900;white-space:nowrap}
#product-knowledge .knowledge-v2-side small{margin-top:5px;color:#7188aa;font-size:7.5px;line-height:1.35}
#product-knowledge .knowledge-v2-side .kv2-pdf{background:#fff0f1;color:#ff4e59}
#product-knowledge .knowledge-v2-side .kv2-pdf:after{content:"";position:absolute;right:0;top:0;border:7px solid transparent;border-top-color:#ffd0d4;border-right-color:#ffd0d4;border-radius:0 11px 0 0}
#product-knowledge .knowledge-v2-side .kv2-doc{background:#eaf2ff;color:#3175ec}
#product-knowledge .kv2-web:before{content:"";width:20px;height:20px;border:2px solid currentColor;border-radius:50%}
#product-knowledge .kv2-web:after{content:"";position:absolute;width:16px;height:20px;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:50%}
#product-knowledge .kv2-data{background:#e8fbf3!important;color:#20ad78!important}
#product-knowledge .kv2-data:before{content:"";width:21px;height:8px;border:2px solid currentColor;border-radius:50%}
#product-knowledge .kv2-data:after{content:"";position:absolute;left:10px;top:14px;width:19px;height:15px;border:2px solid currentColor;border-top:0;border-radius:0 0 9px 9px;box-shadow:0 5px 0 -3px currentColor}
#product-knowledge .kv2-search:before{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-radius:50%;left:11px;top:10px}
#product-knowledge .kv2-search:after{content:"";position:absolute;width:10px;height:2px;background:currentColor;left:24px;top:25px;transform:rotate(-45deg);border-radius:2px}
#product-knowledge .kv2-agent:before{content:"";position:absolute;left:10px;top:11px;width:22px;height:17px;border:2px solid currentColor;border-radius:7px}
#product-knowledge .kv2-agent:after{content:"··";position:absolute;left:13px;top:7px;width:16px;height:20px;text-align:center;font-size:15px;line-height:20px;font-weight:900}
#product-knowledge .kv2-shield:before{content:"";width:20px;height:24px;background:linear-gradient(180deg,#4e8df4,#276adf);clip-path:polygon(50% 0,92% 17%,87% 66%,50% 100%,13% 66%,8% 17%)}
#product-knowledge .knowledge-v2-core{
  min-width:0;
  height:430px;
  display:grid;
  place-items:center;
  padding-top:39px;
}
#product-knowledge .knowledge-v2-core:before,
#product-knowledge .knowledge-v2-core:after{content:"→";position:absolute;top:243px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#3479ef;font-size:23px;font-weight:900;box-shadow:0 8px 18px rgba(50,93,169,.1)}
#product-knowledge .knowledge-v2-core:before{left:calc(31% - 14px)}
#product-knowledge .knowledge-v2-core:after{right:calc(31% - 14px)}
#product-knowledge .knowledge-v2-corecard{
  position:relative;
  width:252px;height:252px;
  max-width:100%;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(63,126,226,.22);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.98) 0 42%,rgba(244,249,255,.96) 70%,rgba(224,238,255,.72) 100%);
  box-shadow:0 18px 42px rgba(45,89,163,.13),inset 0 0 0 16px rgba(255,255,255,.42);
}
#product-knowledge .knowledge-v2-corecard:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(55,124,233,.26);border-radius:50%}
#product-knowledge .knowledge-v2-corecard:after{content:"";position:absolute;inset:-28px;border:1px solid rgba(55,124,233,.16);border-radius:50%}
#product-knowledge .knowledge-v2-corecard em{position:relative;z-index:2;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.88);color:#4d85e9;font-size:6.5px;font-style:normal;font-weight:900;letter-spacing:.12em;box-shadow:0 5px 13px rgba(52,102,185,.08)}
#product-knowledge .knowledge-v2-logo{position:relative;z-index:2;width:43px;height:38px;margin:13px 0 9px;display:block}
#product-knowledge .knowledge-v2-logo:before,
#product-knowledge .knowledge-v2-logo:after,
#product-knowledge .knowledge-v2-logo span{content:"";position:absolute;left:50%;width:34px;height:17px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:linear-gradient(135deg,#4388f4,#1b5ad4)}
#product-knowledge .knowledge-v2-logo:before{top:0}
#product-knowledge .knowledge-v2-logo span{top:10px;background:#f5f9ff;width:22px;height:11px;z-index:2}
#product-knowledge .knowledge-v2-logo:after{top:20px;opacity:.83}
#product-knowledge .knowledge-v2-corecard strong{position:relative;z-index:2;color:#123873;font-size:21px;line-height:1.1;font-weight:900;letter-spacing:-.03em;white-space:nowrap}
#product-knowledge .knowledge-v2-corecard small{position:relative;z-index:2;max-width:190px;margin-top:11px;color:#5677a5;font-size:8px;line-height:1.45;text-align:center;transition:opacity .18s ease}
#product-knowledge .knowledge-v2-status{
  position:absolute;
  z-index:4;
  left:50%;bottom:80px;
  transform:translateX(-50%);
  width:calc(100% - 110px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
#product-knowledge .knowledge-v2-status span{position:relative;min-width:0;padding:8px 7px 8px 24px;border:1px solid rgba(255,255,255,.92);border-radius:999px;background:rgba(255,255,255,.9);color:#55749e;font-size:6.8px;text-align:center;white-space:nowrap;box-shadow:0 8px 18px rgba(59,94,151,.07)}
#product-knowledge .knowledge-v2-status span:before{content:"✓";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;display:grid;place-items:center;border-radius:50%;background:#28bf88;color:#fff;font-size:7px;font-weight:900}
#product-knowledge .knowledge-v2-footer{
  position:absolute;
  z-index:4;
  left:18px;right:18px;bottom:13px;
  min-height:57px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:17px;
  background:rgba(255,255,255,.91);
  box-shadow:0 14px 28px rgba(46,84,150,.1);
  backdrop-filter:blur(12px);
}
#product-knowledge .knowledge-v2-footer>div{display:flex;align-items:center;gap:10px;min-width:0}
#product-knowledge .knowledge-v2-footer>div>i{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:#3a83f1;box-shadow:0 0 0 6px #eaf3ff}
#product-knowledge .knowledge-v2-footer strong,
#product-knowledge .knowledge-v2-footer small{display:block}
#product-knowledge .knowledge-v2-footer strong{color:#153b76;font-size:10.5px}
#product-knowledge .knowledge-v2-footer small{margin-top:3px;color:#7187a8;font-size:7px}
#product-knowledge .knowledge-v2-footer>a{min-height:31px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #b8d1fa;border-radius:8px;color:#2669de;background:rgba(255,255,255,.76);font-size:7.5px;font-weight:900;white-space:nowrap}
#product-knowledge .knowledge-v2-footer>a span{font-size:11px}

/* 这两个产品块在中等宽度下仍保持草图比例，避免被过早切为单列。 */
@media (min-width:1101px){
  #product-recruitment .recruit-v2-scene,
  #product-knowledge .knowledge-v2-scene{min-width:0}
}
@media (max-width:1220px) and (min-width:1101px){
  #product-recruitment .recruit-v2-scene{padding-left:14px!important;padding-right:14px!important}
  #product-recruitment .recruit-v2-topbar{padding-left:14px;padding-right:14px}
  #product-recruitment .recruit-v2-topstats>span{padding:0 8px}
  #product-recruitment .recruit-v2-candidates{padding-left:10px;padding-right:10px}
  #product-recruitment .recruit-v2-workspace{padding-left:13px;padding-right:13px}
  #product-recruitment .recruit-v2-person>em i:nth-child(3){display:none}
  #product-knowledge .knowledge-v2-grid{padding-left:14px;padding-right:14px;grid-template-columns:minmax(137px,1fr) minmax(205px,1.3fr) minmax(137px,1fr);gap:8px}
  #product-knowledge .knowledge-v2-side button{padding:9px;gap:8px}
  #product-knowledge .knowledge-v2-side button>i{width:37px;height:37px;flex-basis:37px}
  #product-knowledge .knowledge-v2-corecard{width:232px;height:232px}
}

@media(max-width:1100px){
  #product-recruitment .recruit-v2-scene,
  #product-knowledge .knowledge-v2-scene{min-height:720px!important}
  #product-recruitment .recruit-v2-shell{height:615px}
  #product-recruitment .recruit-v2-main{grid-template-columns:minmax(230px,40%) minmax(0,60%)}
  #product-recruitment .recruit-v2-card{height:86px}
  #product-knowledge .knowledge-v2-grid{padding-left:34px;padding-right:34px;grid-template-columns:minmax(160px,1fr) minmax(250px,1.35fr) minmax(160px,1fr);gap:16px}
  #product-knowledge .knowledge-v2-corecard{width:270px;height:270px}
  #product-knowledge .knowledge-v2-rings{width:540px;height:540px}
}

@media(max-width:720px){
  #product-recruitment .recruit-v2-scene{min-height:690px!important;padding:14px 12px 75px!important}
  #product-recruitment .recruit-v2-shell{height:600px;border-radius:20px}
  #product-recruitment .recruit-v2-topbar{height:58px;padding:0 12px}
  #product-recruitment .recruit-v2-topbar>strong{font-size:12px}
  #product-recruitment .recruit-v2-topstats>span{font-size:7px;padding:0 7px;min-height:28px}
  #product-recruitment .recruit-v2-topstats>span:last-child{display:none}
  #product-recruitment .recruit-v2-main{grid-template-columns:38% 62%;height:calc(100% - 58px)}
  #product-recruitment .recruit-v2-candidates{padding:12px 8px}
  #product-recruitment .recruit-v2-search input{height:34px;font-size:7px}
  #product-recruitment .recruit-v2-card{height:78px;grid-template-columns:31px minmax(0,1fr) 31px;gap:5px;padding:7px 5px}
  #product-recruitment .rv2-avatar{width:31px;height:31px}
  #product-recruitment .rv2-avatar:before{left:10px;top:7px;width:11px;height:12px;box-shadow:0 11px 0 4px #15395e}
  #product-recruitment .rv2-avatar:after{left:8px;top:4px;width:15px;height:8px}
  #product-recruitment .rv2-avatar.female:after{left:6px;width:19px;height:21px}
  #product-recruitment .rv2-person>b{font-size:8px}
  #product-recruitment .rv2-person>small{font-size:6px}
  #product-recruitment .rv2-person>em i{font-size:5px;padding:2px 3px}
  #product-recruitment .rv2-person>em i:nth-child(3){display:none}
  #product-recruitment .rv2-score>b{font-size:10px}
  #product-recruitment .recruit-v2-more{width:90%;font-size:7px}
  #product-recruitment .recruit-v2-workspace{padding:12px 9px;grid-template-rows:auto 180px 82px minmax(0,1fr);gap:9px}
  #product-recruitment .recruit-v2-heading>div b{font-size:11px}
  #product-recruitment .recruit-v2-match{grid-template-columns:minmax(90px,45%) 1fr;gap:7px}
  #product-recruitment .recruit-v2-gauge{width:123px;height:123px}
  #product-recruitment .recruit-v2-gauge strong{font-size:22px}
  #product-recruitment .recruit-v2-reasons p{font-size:6px;margin:6px 0}
  #product-recruitment .recruit-v2-metrics article>span{font-size:5.4px}
  #product-recruitment .recruit-v2-flow small{display:none}
  #product-recruitment .recruit-v2-footer{left:10px;right:10px;bottom:10px;min-height:50px;padding:0 11px}
  #product-recruitment .recruit-v2-footer small{display:none}

  #product-knowledge .knowledge-v2-scene{min-height:735px!important}
  #product-knowledge .knowledge-v2-rings{top:55px;width:430px;height:430px}
  #product-knowledge .knowledge-v2-grid{height:600px;padding:78px 12px 0;grid-template-columns:minmax(125px,1fr) minmax(190px,1.25fr) minmax(125px,1fr);gap:7px}
  #product-knowledge .knowledge-v2-side button{min-height:70px;padding:8px;gap:7px;border-radius:14px}
  #product-knowledge .knowledge-v2-side button>i{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  #product-knowledge .knowledge-v2-side b{font-size:9px}
  #product-knowledge .knowledge-v2-side small{font-size:6px}
  #product-knowledge .knowledge-v2-core{height:390px;padding-top:38px}
  #product-knowledge .knowledge-v2-corecard{width:205px;height:205px}
  #product-knowledge .knowledge-v2-corecard strong{font-size:17px}
  #product-knowledge .knowledge-v2-corecard small{font-size:7px}
  #product-knowledge .knowledge-v2-core:before{left:calc(29% - 8px);top:226px}
  #product-knowledge .knowledge-v2-core:after{right:calc(29% - 8px);top:226px}
  #product-knowledge .knowledge-v2-status{width:calc(100% - 32px);bottom:78px;gap:5px}
  #product-knowledge .knowledge-v2-status span{font-size:5.8px;padding-left:19px}
  #product-knowledge .knowledge-v2-status span:before{left:6px;width:10px;height:10px;font-size:6px}
  #product-knowledge .knowledge-v2-footer{left:10px;right:10px;bottom:10px;min-height:52px;padding:0 12px}
}

@media(max-width:520px){
  #product-recruitment .recruit-v2-scene{min-height:655px!important}
  #product-recruitment .recruit-v2-shell{height:565px}
  #product-recruitment .recruit-v2-main{display:block}
  #product-recruitment .recruit-v2-candidates{display:none}
  #product-recruitment .recruit-v2-workspace{height:calc(100% - 58px);grid-template-rows:auto 170px 105px minmax(0,1fr);padding:12px}
  #product-recruitment .recruit-v2-match{grid-template-columns:130px 1fr}
  #product-recruitment .recruit-v2-gauge{width:125px;height:125px}
  #product-recruitment .recruit-v2-metrics{gap:7px}
  #product-recruitment .recruit-v2-metrics article{min-height:94px}
  #product-recruitment .recruit-v2-metrics article>span{font-size:6px}
  #product-recruitment .recruit-v2-flow b{font-size:6px}
  #product-recruitment .recruit-v2-footer>a{padding:0 10px}

  #product-knowledge .knowledge-v2-scene{min-height:830px!important}
  #product-knowledge .knowledge-v2-rings{top:32px;width:330px;height:330px}
  #product-knowledge .knowledge-v2-grid{height:auto;padding:50px 12px 170px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"core core" "sources actions";gap:14px 9px}
  #product-knowledge .knowledge-v2-core{grid-area:core;height:280px;padding:0}
  #product-knowledge .knowledge-v2-corecard{width:220px;height:220px}
  #product-knowledge .knowledge-v2-core:before,
  #product-knowledge .knowledge-v2-core:after{display:none}
  #product-knowledge .knowledge-v2-side.sources{grid-area:sources}
  #product-knowledge .knowledge-v2-side.actions{grid-area:actions}
  #product-knowledge .knowledge-v2-side h5,
  #product-knowledge .knowledge-v2-side.actions h5{margin:0 0 4px 3px;font-size:8px;text-align:left}
  #product-knowledge .knowledge-v2-side button{min-height:60px;padding:7px 6px;gap:6px}
  #product-knowledge .knowledge-v2-side button>i{width:30px;height:30px;flex-basis:30px}
  #product-knowledge .knowledge-v2-side b{font-size:8px}
  #product-knowledge .knowledge-v2-side small{font-size:5.6px}
  #product-knowledge .knowledge-v2-side.actions{align-content:start}
  #product-knowledge .knowledge-v2-status{bottom:78px;grid-template-columns:repeat(2,1fr);width:calc(100% - 28px)}
  #product-knowledge .knowledge-v2-status span{font-size:6.2px}
  #product-knowledge .knowledge-v2-footer small{display:none}
}

/* 站点全局 section 具有大段上下留白；本模块内部 section 必须归零。 */
#product-recruitment .recruit-v2-shell,
#product-knowledge .knowledge-v2-side,
#product-knowledge .knowledge-v2-core{
  padding-top:0!important;
  padding-bottom:0!important;
}
#product-recruitment .recruit-v2-shell{padding-left:0!important;padding-right:0!important}
#product-knowledge .knowledge-v2-side{padding-left:0!important;padding-right:0!important}
#product-knowledge .knowledge-v2-core{padding-left:0!important;padding-right:0!important;padding-top:39px!important}
@media(max-width:720px){#product-knowledge .knowledge-v2-core{padding-top:38px!important}}
@media(max-width:520px){#product-knowledge .knowledge-v2-core{padding-top:0!important}}
@media(max-width:520px){
  #product-recruitment .recruit-v2-scene{min-height:595px!important}
  #product-recruitment .recruit-v2-shell{height:505px}
  #product-recruitment .recruit-v2-workspace{grid-template-rows:auto 165px 104px 104px}
}


/* ========================================================================
   企业知识中枢 V3：按照确认草图重新整理，只作用于该模块。
   核心目标：三列对齐、单层卡片、弱化轨道、消除交叠与杂乱。
   ======================================================================== */
#product-knowledge .knowledge-v3-scene{
  container:knowledge-hub / inline-size;
  position:relative;
  box-sizing:border-box;
  min-width:0;
  min-height:690px!important;
  padding:0!important;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(rgba(52,110,214,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(52,110,214,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 42%,#ffffff 0 20%,#f7faff 46%,#eaf3ff 100%)!important;
  background-size:44px 44px,44px 44px,auto!important;
}
#product-knowledge .knowledge-v3-scene:before,
#product-knowledge .knowledge-v3-scene:after{display:none!important}

#product-knowledge .knowledge-v3-orbit{
  position:absolute;
  z-index:0;
  left:50%;
  top:72px;
  width:510px;
  height:510px;
  transform:translateX(-50%);
  border:1px solid rgba(63,126,226,.13);
  border-radius:50%;
  pointer-events:none;
}
#product-knowledge .knowledge-v3-orbit:before,
#product-knowledge .knowledge-v3-orbit:after,
#product-knowledge .knowledge-v3-orbit>i{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(63,126,226,.13);
}
#product-knowledge .knowledge-v3-orbit:before{inset:64px}
#product-knowledge .knowledge-v3-orbit:after{inset:126px;border-style:dashed;border-color:rgba(63,126,226,.19)}
#product-knowledge .knowledge-v3-orbit>i:nth-child(1){inset:176px;border-color:rgba(63,126,226,.15)}
#product-knowledge .knowledge-v3-orbit>i:nth-child(2),
#product-knowledge .knowledge-v3-orbit>i:nth-child(3),
#product-knowledge .knowledge-v3-orbit>b{
  width:8px;height:8px;
  border:1px solid #96bef9;
  background:#b7d3ff;
}
#product-knowledge .knowledge-v3-orbit>i:nth-child(2){left:251px;top:-4px}
#product-knowledge .knowledge-v3-orbit>i:nth-child(3){left:251px;bottom:-4px}
#product-knowledge .knowledge-v3-orbit>b:nth-of-type(1){position:absolute;left:-4px;top:251px;border-radius:50%}
#product-knowledge .knowledge-v3-orbit>b:nth-of-type(2){position:absolute;right:-4px;top:251px;border-radius:50%}

#product-knowledge .knowledge-v3-layout{
  position:relative;
  z-index:2;
  box-sizing:border-box;
  width:100%;
  height:555px;
  padding:82px 20px 0;
  display:grid;
  grid-template-columns:minmax(140px,.9fr) minmax(226px,1.35fr) minmax(140px,.9fr);
  column-gap:15px;
  align-items:start;
}
#product-knowledge .knowledge-v3-side{
  min-width:0;
  display:grid;
  align-content:start;
  gap:11px;
}
#product-knowledge .knowledge-v3-side h5{
  margin:0 0 5px 6px;
  color:#153b75;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
}
#product-knowledge .knowledge-v3-actions h5{margin-left:0;text-align:right;margin-right:6px}
#product-knowledge .knowledge-v3-side button{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:74px;
  padding:10px 11px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(142,178,232,.42);
  border-radius:16px;
  background:rgba(255,255,255,.93);
  color:inherit;
  text-align:left;
  box-shadow:0 9px 22px rgba(44,83,150,.075);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
#product-knowledge .knowledge-v3-side button:hover,
#product-knowledge .knowledge-v3-side button.active{
  transform:translateY(-2px);
  border-color:#8eb8f6;
  background:#fff;
  box-shadow:0 13px 26px rgba(44,83,150,.12);
}
#product-knowledge .knowledge-v3-icon{
  position:relative;
  box-sizing:border-box;
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(61,126,230,.14);
  border-radius:12px;
  background:#eaf3ff;
  color:#3278eb;
  font-size:10px;
  line-height:1;
  font-style:normal;
  font-weight:900;
}
#product-knowledge .knowledge-v3-icon.is-pdf{background:#fff0f1;color:#ff4e59}
#product-knowledge .knowledge-v3-icon.is-pdf:after{content:"";position:absolute;right:-1px;top:-1px;border:7px solid transparent;border-top-color:#ffd3d7;border-right-color:#ffd3d7;border-radius:0 11px 0 0}
#product-knowledge .knowledge-v3-icon.is-doc{background:#eaf2ff;color:#3175ec;font-size:14px}
#product-knowledge .knowledge-v3-icon.is-web i{width:19px;height:19px;border:2px solid currentColor;border-radius:50%}
#product-knowledge .knowledge-v3-icon.is-web:before,
#product-knowledge .knowledge-v3-icon.is-web:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
#product-knowledge .knowledge-v3-icon.is-web:before{width:8px;height:19px;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor}
#product-knowledge .knowledge-v3-icon.is-web:after{width:19px;height:7px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
#product-knowledge .knowledge-v3-icon.is-data{background:#e8fbf3;color:#1eaf78}
#product-knowledge .knowledge-v3-icon.is-data:before{content:"";position:absolute;width:20px;height:8px;border:2px solid currentColor;border-radius:50%;top:9px}
#product-knowledge .knowledge-v3-icon.is-data:after{content:"";position:absolute;width:20px;height:17px;border:2px solid currentColor;border-top:0;border-radius:0 0 9px 9px;top:14px;box-shadow:inset 0 -5px 0 -4px currentColor}
#product-knowledge .knowledge-v3-icon.is-search i{position:absolute;width:14px;height:14px;border:2px solid currentColor;border-radius:50%;left:9px;top:8px}
#product-knowledge .knowledge-v3-icon.is-search:after{content:"";position:absolute;width:10px;height:2px;background:currentColor;left:22px;top:24px;transform:rotate(-45deg);border-radius:2px}
#product-knowledge .knowledge-v3-icon.is-agent i{position:absolute;width:21px;height:17px;border:2px solid currentColor;border-radius:7px;left:8px;top:10px}
#product-knowledge .knowledge-v3-icon.is-agent:before,
#product-knowledge .knowledge-v3-icon.is-agent:after{content:"";position:absolute;top:18px;width:3px;height:3px;border-radius:50%;background:currentColor}
#product-knowledge .knowledge-v3-icon.is-agent:before{left:15px}
#product-knowledge .knowledge-v3-icon.is-agent:after{right:15px}
#product-knowledge .knowledge-v3-icon.is-shield i{width:20px;height:24px;background:linear-gradient(180deg,#4e8df4,#276adf);clip-path:polygon(50% 0,92% 17%,87% 66%,50% 100%,13% 66%,8% 17%)}
#product-knowledge .knowledge-v3-copy{min-width:0;display:block}
#product-knowledge .knowledge-v3-copy b,
#product-knowledge .knowledge-v3-copy small{display:block}
#product-knowledge .knowledge-v3-copy b{color:#173a70;font-size:10.5px;line-height:1.15;font-weight:900;white-space:nowrap}
#product-knowledge .knowledge-v3-copy small{margin-top:5px;color:#7188aa;font-size:7px;line-height:1.35}

#product-knowledge .knowledge-v3-center{
  position:relative;
  min-width:0;
  height:430px;
  display:grid;
  place-items:center;
}
#product-knowledge .knowledge-v3-corecard{
  position:relative;
  box-sizing:border-box;
  width:238px;
  height:238px;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,126,226,.24);
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 52%,#f6faff 74%,#e7f1ff 100%);
  box-shadow:0 18px 36px rgba(43,86,160,.11),inset 0 0 0 12px rgba(255,255,255,.55);
}
#product-knowledge .knowledge-v3-corecard:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(61,125,229,.23);border-radius:50%}
#product-knowledge .knowledge-v3-corecard em{
  position:relative;z-index:2;
  min-height:21px;padding:0 9px;
  display:flex;align-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#4b83e7;
  box-shadow:0 5px 12px rgba(50,99,183,.07);
  font-size:6px;font-style:normal;font-weight:900;letter-spacing:.12em;
}
#product-knowledge .knowledge-v3-logo{position:relative;z-index:2;width:43px;height:39px;margin:13px 0 8px;display:block}
#product-knowledge .knowledge-v3-logo:before,
#product-knowledge .knowledge-v3-logo:after,
#product-knowledge .knowledge-v3-logo i{content:"";position:absolute;left:50%;width:34px;height:16px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:linear-gradient(135deg,#4388f4,#1b5ad4)}
#product-knowledge .knowledge-v3-logo:before{top:0}
#product-knowledge .knowledge-v3-logo i{top:10px;width:22px;height:10px;background:#f7faff;z-index:2}
#product-knowledge .knowledge-v3-logo:after{top:20px;opacity:.82}
#product-knowledge .knowledge-v3-corecard strong{position:relative;z-index:2;color:#123873;font-size:20px;line-height:1.08;font-weight:900;letter-spacing:-.03em;white-space:nowrap}
#product-knowledge .knowledge-v3-corecard small{position:relative;z-index:2;max-width:185px;margin-top:10px;color:#5677a5;font-size:7.5px;line-height:1.45;text-align:center;transition:opacity .18s ease}
#product-knowledge .knowledge-v3-arrow{
  position:absolute;
  z-index:3;
  top:50%;
  width:30px;height:30px;
  margin-top:-15px;
  display:grid;place-items:center;
  border:1px solid rgba(124,167,234,.42);
  border-radius:50%;
  background:rgba(255,255,255,.95);
  color:#3479ef;
  box-shadow:0 7px 16px rgba(50,93,169,.08);
  font-size:19px;font-weight:900;
}
#product-knowledge .knowledge-v3-arrow.is-left{left:-15px}
#product-knowledge .knowledge-v3-arrow.is-right{right:-15px}

#product-knowledge .knowledge-v3-status{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:80px;
  transform:translateX(-50%);
  width:calc(100% - 92px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
#product-knowledge .knowledge-v3-status span{
  position:relative;
  min-width:0;
  min-height:31px;
  padding:0 8px 0 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.94);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#55749e;
  box-shadow:0 7px 16px rgba(59,94,151,.06);
  font-size:6.6px;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
}
#product-knowledge .knowledge-v3-status span:before{
  content:"✓";
  position:absolute;
  left:8px;top:50%;
  width:12px;height:12px;
  transform:translateY(-50%);
  display:grid;place-items:center;
  border-radius:50%;
  background:#28bf88;
  color:#fff;
  font-size:7px;font-weight:900;
}
#product-knowledge .knowledge-v3-footer{
  position:absolute;
  z-index:5;
  left:18px;right:18px;bottom:13px;
  box-sizing:border-box;
  min-height:56px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 26px rgba(46,84,150,.09);
  backdrop-filter:blur(10px);
}
#product-knowledge .knowledge-v3-footer-title{min-width:0;display:flex;align-items:center;gap:10px}
#product-knowledge .knowledge-v3-footer-title>i{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#3a83f1;box-shadow:0 0 0 6px #eaf3ff}
#product-knowledge .knowledge-v3-footer-title strong,
#product-knowledge .knowledge-v3-footer-title small{display:block}
#product-knowledge .knowledge-v3-footer-title strong{color:#153b76;font-size:10px;line-height:1.15}
#product-knowledge .knowledge-v3-footer-title small{margin-top:3px;color:#7187a8;font-size:6.8px;line-height:1.2}
#product-knowledge .knowledge-v3-footer>a{min-height:30px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #b8d1fa;border-radius:8px;color:#2669de;background:#fff;font-size:7.3px;font-weight:900;white-space:nowrap}
#product-knowledge .knowledge-v3-footer>a span{font-size:11px}

@container knowledge-hub (max-width:560px){
  #product-knowledge .knowledge-v3-scene{min-height:680px!important}
  #product-knowledge .knowledge-v3-layout{height:545px;padding:74px 14px 0;grid-template-columns:minmax(128px,.92fr) minmax(204px,1.28fr) minmax(128px,.92fr);column-gap:8px}
  #product-knowledge .knowledge-v3-orbit{top:70px;width:450px;height:450px}
  #product-knowledge .knowledge-v3-orbit:before{inset:58px}
  #product-knowledge .knowledge-v3-orbit:after{inset:112px}
  #product-knowledge .knowledge-v3-orbit>i:nth-child(1){inset:155px}
  #product-knowledge .knowledge-v3-orbit>i:nth-child(2){left:221px}
  #product-knowledge .knowledge-v3-orbit>i:nth-child(3){left:221px}
  #product-knowledge .knowledge-v3-orbit>b:nth-of-type(1),#product-knowledge .knowledge-v3-orbit>b:nth-of-type(2){top:221px}
  #product-knowledge .knowledge-v3-side{gap:9px}
  #product-knowledge .knowledge-v3-side button{min-height:69px;padding:8px;gap:8px;border-radius:14px}
  #product-knowledge .knowledge-v3-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
  #product-knowledge .knowledge-v3-copy b{font-size:9.5px}
  #product-knowledge .knowledge-v3-copy small{font-size:6.4px}
  #product-knowledge .knowledge-v3-center{height:400px}
  #product-knowledge .knowledge-v3-corecard{width:210px;height:210px}
  #product-knowledge .knowledge-v3-corecard strong{font-size:18px}
  #product-knowledge .knowledge-v3-corecard small{font-size:7px}
  #product-knowledge .knowledge-v3-arrow{width:28px;height:28px;margin-top:-14px;font-size:17px}
  #product-knowledge .knowledge-v3-arrow.is-left{left:-13px}
  #product-knowledge .knowledge-v3-arrow.is-right{right:-13px}
  #product-knowledge .knowledge-v3-status{width:calc(100% - 70px);gap:6px}
  #product-knowledge .knowledge-v3-status span{padding-left:21px;font-size:5.8px}
  #product-knowledge .knowledge-v3-status span:before{left:6px}
}

@container knowledge-hub (max-width:430px){
  #product-knowledge .knowledge-v3-scene{min-height:805px!important}
  #product-knowledge .knowledge-v3-orbit{top:30px;width:315px;height:315px}
  #product-knowledge .knowledge-v3-orbit:before{inset:45px}
  #product-knowledge .knowledge-v3-orbit:after{inset:88px}
  #product-knowledge .knowledge-v3-orbit>i:nth-child(1){display:none}
  #product-knowledge .knowledge-v3-orbit>i:nth-child(2),#product-knowledge .knowledge-v3-orbit>i:nth-child(3),#product-knowledge .knowledge-v3-orbit>b{display:none}
  #product-knowledge .knowledge-v3-layout{height:auto;padding:45px 12px 170px;grid-template-columns:1fr 1fr;grid-template-areas:"center center" "sources actions";gap:14px 9px}
  #product-knowledge .knowledge-v3-center{grid-area:center;height:270px}
  #product-knowledge .knowledge-v3-corecard{width:210px;height:210px}
  #product-knowledge .knowledge-v3-arrow{display:none}
  #product-knowledge .knowledge-v3-sources{grid-area:sources}
  #product-knowledge .knowledge-v3-actions{grid-area:actions}
  #product-knowledge .knowledge-v3-side h5,#product-knowledge .knowledge-v3-actions h5{text-align:left;margin:0 0 4px 4px;font-size:8px}
  #product-knowledge .knowledge-v3-side button{min-height:59px;padding:7px 6px;gap:6px}
  #product-knowledge .knowledge-v3-icon{width:30px;height:30px;flex-basis:30px}
  #product-knowledge .knowledge-v3-copy b{font-size:8px}
  #product-knowledge .knowledge-v3-copy small{font-size:5.6px}
  #product-knowledge .knowledge-v3-status{bottom:78px;width:calc(100% - 28px);grid-template-columns:repeat(2,1fr);gap:6px}
  #product-knowledge .knowledge-v3-status span{font-size:6px}
  #product-knowledge .knowledge-v3-footer{left:10px;right:10px;bottom:10px;min-height:52px;padding:0 11px}
  #product-knowledge .knowledge-v3-footer-title small{display:none}
}

/* ===== Enterprise knowledge hub · clean final layout (v4) ===== */
#product-knowledge .knowledge-v4-scene{
  container-name:knowledge-v4;
  container-type:inline-size;
  position:relative;
  min-height:690px!important;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(rgba(35,91,183,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,91,183,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.99) 0 28%,rgba(233,243,255,.76) 62%,rgba(224,238,255,.9) 100%)!important;
  background-size:42px 42px,42px 42px,auto!important;
  color:#0b2f69;
}
#product-knowledge .knowledge-v4-scene:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.78),transparent 25%,transparent 72%,rgba(214,231,255,.35))!important;
  z-index:0;
}
#product-knowledge .knowledge-v4-scene:after{content:none!important}
#product-knowledge .knowledge-v4-scene *{box-sizing:border-box}
#product-knowledge .kv4-diagram{
  position:absolute;
  z-index:2;
  left:20px;
  right:20px;
  top:72px;
  bottom:176px;
  display:grid;
  grid-template-columns:minmax(142px,1fr) minmax(220px,1.38fr) minmax(142px,1fr);
  align-items:center;
  gap:14px;
}
#product-knowledge .kv4-side{position:relative;min-width:0;align-self:center}
#product-knowledge .kv4-side h5{
  margin:0 0 15px 8px;
  color:#0d336f;
  font-size:13px;
  line-height:1;
  font-weight:850;
  letter-spacing:.02em;
  white-space:nowrap;
}
#product-knowledge .kv4-outputs h5{text-align:right;margin:0 8px 15px 0}
#product-knowledge .kv4-card-list{position:relative;display:flex;flex-direction:column;gap:12px}
#product-knowledge .kv4-card-list:after{
  content:"";
  position:absolute;
  top:37px;
  bottom:37px;
  width:1px;
  border-left:1.5px dashed rgba(66,128,235,.48);
  pointer-events:none;
}
#product-knowledge .kv4-inputs .kv4-card-list:after{right:-8px}
#product-knowledge .kv4-outputs .kv4-card-list:after{left:-8px}
#product-knowledge .kv4-card{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  z-index:1;
  width:100%;
  min-height:76px;
  margin:0;
  padding:12px 11px;
  border:1px solid rgba(82,135,223,.20);
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 25px rgba(37,77,144,.075);
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
#product-knowledge .kv4-card:after{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  border-top:1.5px dashed rgba(66,128,235,.48);
}
#product-knowledge .kv4-inputs .kv4-card:after{right:-9px}
#product-knowledge .kv4-outputs .kv4-card:after{left:-9px}
#product-knowledge .kv4-card:hover,
#product-knowledge .kv4-card:focus-visible,
#product-knowledge .kv4-card.active{
  transform:translateY(-2px);
  border-color:rgba(49,111,226,.52);
  background:#fff;
  box-shadow:0 15px 30px rgba(34,80,160,.13);
  outline:none;
}
#product-knowledge .kv4-icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid rgba(67,126,226,.17);
  background:linear-gradient(145deg,#f4f8ff,#e8f1ff);
  color:#2a70ee;
  font-size:14px;
  line-height:1;
  font-weight:900;
}
#product-knowledge .kv4-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#product-knowledge .kv4-pdf{color:#f04452;background:linear-gradient(145deg,#fff7f7,#ffe9eb);border-color:rgba(240,68,82,.16);font-size:11px}
#product-knowledge .kv4-doc{font-size:19px}
#product-knowledge .kv4-data{color:#10a970;background:linear-gradient(145deg,#f1fff9,#dcf8ec);border-color:rgba(16,169,112,.16)}
#product-knowledge .kv4-shield svg{fill:currentColor;stroke:none}
#product-knowledge .kv4-copy{min-width:0;display:block}
#product-knowledge .kv4-copy b,
#product-knowledge .kv4-copy small{display:block;word-break:keep-all;overflow-wrap:normal}
#product-knowledge .kv4-copy b{font-size:13px;line-height:1.15;font-weight:850;color:#0b306c;white-space:nowrap}
#product-knowledge .kv4-copy small{margin-top:6px;font-size:9px;line-height:1.35;color:#637da7;white-space:nowrap}
#product-knowledge .kv4-core{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  min-width:0;
}
#product-knowledge .kv4-core:before{
  content:"";
  position:absolute;
  width:min(110%,295px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(75,139,242,.13),rgba(75,139,242,.04) 58%,transparent 70%);
  filter:blur(1px);
  z-index:-2;
}
#product-knowledge .kv4-core-ring{
  position:relative;
  width:min(100%,245px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(74,134,233,.18);
  background:rgba(255,255,255,.93);
  box-shadow:0 18px 45px rgba(31,76,151,.11),0 0 0 14px rgba(255,255,255,.52);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 18px 22px;
}
#product-knowledge .kv4-core-ring:before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:1.5px dashed rgba(54,123,233,.38);
  pointer-events:none;
}
#product-knowledge .kv4-core-ring em{
  position:relative;
  z-index:1;
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 6px 16px rgba(45,94,174,.07);
  color:#3b76e8;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.12em;
  white-space:nowrap;
}
#product-knowledge .kv4-core-logo{position:relative;z-index:1;width:49px;height:45px;margin:17px 0 7px;display:block}
#product-knowledge .kv4-core-logo i{
  position:absolute;
  left:50%;
  width:35px;
  height:18px;
  transform:translateX(-50%) rotate(30deg) skewX(-30deg) scaleY(.76);
  border-radius:5px;
  background:linear-gradient(135deg,#1970ef,#5aa1ff);
  box-shadow:0 7px 13px rgba(28,105,230,.17);
}
#product-knowledge .kv4-core-logo i:first-child{top:4px}
#product-knowledge .kv4-core-logo i:last-child{top:21px;background:linear-gradient(135deg,#4288ef,#83b7ff)}
#product-knowledge .kv4-core-ring strong{position:relative;z-index:1;font-size:24px;line-height:1.15;font-weight:900;letter-spacing:-.03em;color:#0b306b;white-space:nowrap}
#product-knowledge .kv4-core-ring small{position:relative;z-index:1;display:block;margin-top:10px;color:#5576a3;font-size:9.5px;line-height:1.4;white-space:nowrap;transition:opacity .16s ease}
#product-knowledge .kv4-flow{
  position:absolute;
  top:50%;
  width:38px;
  height:38px;
  margin-top:-19px;
  border:1px solid rgba(70,130,229,.24);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 20px rgba(44,90,168,.10);
  color:#3478ed;
  font-size:22px;
  font-weight:850;
  z-index:3;
}
#product-knowledge .kv4-flow-left{left:-13px}
#product-knowledge .kv4-flow-right{right:-13px}
#product-knowledge .kv4-status{
  position:absolute;
  z-index:4;
  left:24px;
  right:24px;
  bottom:82px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
#product-knowledge .kv4-status>span{
  min-width:0;
  min-height:60px;
  padding:10px 9px 9px 37px;
  border:1px solid rgba(79,134,222,.14);
  border-radius:15px;
  background:rgba(255,255,255,.92);
  box-shadow:0 9px 20px rgba(40,78,143,.055);
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#product-knowledge .kv4-status i{
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#22bf85;
  color:#fff;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  box-shadow:0 4px 10px rgba(34,191,133,.18);
}
#product-knowledge .kv4-status b{font-size:9.2px;line-height:1.2;color:#173b72;white-space:nowrap}
#product-knowledge .kv4-status small{display:block;margin-top:4px;font-size:7.2px;line-height:1.25;color:#7589a8;white-space:nowrap}
#product-knowledge .kv4-footer{
  position:absolute;
  z-index:5;
  left:18px;
  right:18px;
  bottom:13px;
  min-height:57px;
  padding:0 14px;
  border:1px solid rgba(73,130,223,.16);
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 24px rgba(40,77,143,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#product-knowledge .kv4-footer-title{min-width:0;display:flex;align-items:center;gap:10px}
#product-knowledge .kv4-footer-title>i{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#347df1;border:7px solid #e4efff;box-shadow:0 0 0 1px rgba(52,125,241,.12)}
#product-knowledge .kv4-footer-title span,#product-knowledge .kv4-footer-title strong,#product-knowledge .kv4-footer-title small{display:block}
#product-knowledge .kv4-footer-title strong{font-size:12px;color:#113873;white-space:nowrap}
#product-knowledge .kv4-footer-title small{margin-top:4px;font-size:8px;color:#6881a7;white-space:nowrap}
#product-knowledge .kv4-footer>a{
  flex:0 0 auto;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(52,119,235,.35);
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#256ce8;
  background:#fff;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  transition:.2s ease;
}
#product-knowledge .kv4-footer>a:hover{background:#2d75ec;color:#fff;border-color:#2d75ec;transform:translateY(-1px)}

@container knowledge-v4 (max-width:570px){
  #product-knowledge .knowledge-v4-scene{min-height:665px!important}
  #product-knowledge .kv4-diagram{left:14px;right:14px;top:62px;bottom:170px;grid-template-columns:minmax(132px,1fr) minmax(185px,1.28fr) minmax(132px,1fr);gap:10px}
  #product-knowledge .kv4-card{min-height:70px;padding:10px 8px;gap:8px;border-radius:15px}
  #product-knowledge .kv4-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}
  #product-knowledge .kv4-icon svg{width:21px;height:21px}
  #product-knowledge .kv4-copy b{font-size:11.5px}
  #product-knowledge .kv4-copy small{font-size:7.8px}
  #product-knowledge .kv4-core-ring{width:min(100%,210px);padding-left:10px;padding-right:10px}
  #product-knowledge .kv4-core-ring strong{font-size:20px}
  #product-knowledge .kv4-core-ring small{font-size:8px}
  #product-knowledge .kv4-flow{width:32px;height:32px;margin-top:-16px;font-size:19px}
  #product-knowledge .kv4-flow-left{left:-10px}#product-knowledge .kv4-flow-right{right:-10px}
  #product-knowledge .kv4-status{left:18px;right:18px;gap:6px}
  #product-knowledge .kv4-status>span{padding-left:30px}
  #product-knowledge .kv4-status i{left:8px;width:16px;height:16px}
  #product-knowledge .kv4-status b{font-size:7.6px}
  #product-knowledge .kv4-status small{font-size:6.2px}
}

@container knowledge-v4 (max-width:430px){
  #product-knowledge .knowledge-v4-scene{min-height:900px!important;padding:0!important}
  #product-knowledge .kv4-diagram{
    position:relative;
    left:auto;right:auto;top:auto;bottom:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-areas:"core core" "inputs outputs";
    align-items:start;
    gap:18px 10px;
    padding:28px 12px 190px;
  }
  #product-knowledge .kv4-core{grid-area:core;min-height:240px}
  #product-knowledge .kv4-core-ring{width:210px}
  #product-knowledge .kv4-flow{display:none}
  #product-knowledge .kv4-inputs{grid-area:inputs}.kv4-outputs{grid-area:outputs}
  #product-knowledge .kv4-side h5,#product-knowledge .kv4-outputs h5{text-align:left;margin:0 0 9px 3px;font-size:10px}
  #product-knowledge .kv4-card-list{gap:8px}
  #product-knowledge .kv4-card-list:after,#product-knowledge .kv4-card:after{display:none}
  #product-knowledge .kv4-card{min-height:61px;padding:8px 7px;gap:6px;border-radius:14px}
  #product-knowledge .kv4-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:10px}
  #product-knowledge .kv4-doc{font-size:15px}
  #product-knowledge .kv4-icon svg{width:18px;height:18px}
  #product-knowledge .kv4-copy b{font-size:9.4px}
  #product-knowledge .kv4-copy small{font-size:6.5px;white-space:normal}
  #product-knowledge .kv4-status{left:12px;right:12px;bottom:78px;grid-template-columns:1fr 1fr;gap:7px}
  #product-knowledge .kv4-status>span{min-height:48px;padding:8px 6px 8px 29px}
  #product-knowledge .kv4-status b{font-size:7.4px}
  #product-knowledge .kv4-status small{font-size:5.9px}
  #product-knowledge .kv4-footer{left:10px;right:10px;bottom:10px;min-height:58px;padding:0 10px}
  #product-knowledge .kv4-footer-title small{display:none}
  #product-knowledge .kv4-footer>a{padding:0 9px}
}

/* v4 spacing refinement */
#product-knowledge .kv4-side{align-self:start}
#product-knowledge .kv4-inputs{margin-top:18px}
#product-knowledge .kv4-outputs{margin-top:60px}

@media (max-width:600px){
  #product-knowledge .knowledge-v4-scene{min-height:900px!important;width:100%!important;max-width:100%!important;padding:0!important}
  #product-knowledge .kv4-diagram{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"core core" "inputs outputs"!important;
    align-items:start!important;
    gap:18px 10px!important;
    padding:28px 12px 190px!important;
  }
  #product-knowledge .kv4-core{grid-area:core!important;min-height:240px!important}
  #product-knowledge .kv4-core-ring{width:210px!important}
  #product-knowledge .kv4-flow{display:none!important}
  #product-knowledge .kv4-inputs{grid-area:inputs!important;margin-top:0!important;min-width:0!important}
  #product-knowledge .kv4-outputs{grid-area:outputs!important;margin-top:0!important;min-width:0!important}
  #product-knowledge .kv4-side h5,#product-knowledge .kv4-outputs h5{text-align:left!important;margin:0 0 9px 3px!important;font-size:10px!important}
  #product-knowledge .kv4-card-list{gap:8px!important}
  #product-knowledge .kv4-card-list:after,#product-knowledge .kv4-card:after{display:none!important}
  #product-knowledge .kv4-card{min-width:0!important;min-height:61px!important;padding:8px 7px!important;gap:6px!important;border-radius:14px!important}
  #product-knowledge .kv4-icon{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important;font-size:10px!important}
  #product-knowledge .kv4-doc{font-size:15px!important}
  #product-knowledge .kv4-icon svg{width:18px!important;height:18px!important}
  #product-knowledge .kv4-copy b{font-size:9.4px!important}
  #product-knowledge .kv4-copy small{font-size:6.5px!important;white-space:normal!important}
  #product-knowledge .kv4-status{left:12px!important;right:12px!important;bottom:78px!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #product-knowledge .kv4-status>span{min-height:48px!important;padding:8px 6px 8px 29px!important}
  #product-knowledge .kv4-status b{font-size:7.4px!important}
  #product-knowledge .kv4-status small{font-size:5.9px!important}
  #product-knowledge .kv4-footer{left:10px!important;right:10px!important;bottom:10px!important;min-height:58px!important;padding:0 10px!important}
  #product-knowledge .kv4-footer-title small{display:none!important}
  #product-knowledge .kv4-footer>a{padding:0 9px!important}
}
#product-knowledge .knowledge-v4-scene section{padding:0!important}
@media (max-width:600px){
  #product-knowledge{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  #product-knowledge .product-media,#product-knowledge .product-content{width:100%!important;min-width:0!important;max-width:100%!important}
}

/* ======================================================================
   全站字体柔和优化｜2026-07
   目标：缩小过大的标题、减轻字重、拉开舒适行距，并避免中文孤字换行。
   ====================================================================== */
:root{
  --type-ink:#10224b;
  --type-body:#596a88;
  --type-muted:#71809b;
}
html{
  font-size:16px;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.72;
  letter-spacing:.004em;
  color:var(--type-ink);
}
h1,h2,h3,h4,h5,h6{
  color:var(--type-ink);
  font-weight:700;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:normal;
  font-synthesis:none;
}
p,li,blockquote{
  text-wrap:pretty;
}
button,input,textarea,select{
  font-family:inherit;
}
.desktop-nav a,.nav-cta,.btn,.product-jump a{
  font-weight:650;
}

/* 首屏：保留视觉重点，但不再以超大字压迫画面 */
.hero h1{
  max-width:620px;
  margin:22px 0 18px;
  font-size:clamp(42px,4.25vw,58px) !important;
  line-height:1.13;
  letter-spacing:-.035em;
  font-weight:700;
}
.hero-copy>p{
  max-width:610px;
  font-size:16px !important;
  line-height:1.82;
  color:var(--type-body);
}
.eyebrow{
  font-size:12.5px;
  line-height:1.4;
  font-weight:650;
  letter-spacing:.015em;
}
.hero-actions{margin:27px 0 22px}
.btn{
  min-height:48px;
  padding-inline:21px;
  font-size:14px;
  letter-spacing:.005em;
}
.hero-proof{
  font-size:12.5px;
  line-height:1.55;
  font-weight:600;
}
.hero-strip strong{font-size:14px;font-weight:650}
.hero-strip span{font-size:11.5px;line-height:1.55}
.floating-card b,.orbit-card strong{font-weight:650}

/* 全站章节标题：建立更稳定的 42px 左右层级 */
.intro h2,
.section-head h2,
.architecture h2,
.team h2,
.contact h2,
.team .team-head h2,
.contact-copy h2{
  font-size:clamp(31px,3.15vw,44px) !important;
  line-height:1.22;
  letter-spacing:-.026em;
  font-weight:700;
}
.section-tag{
  font-size:11px;
  line-height:1.4;
  letter-spacing:.14em;
  font-weight:750;
}
.intro-layout>p,
.section-head>p,
.architecture-copy p{
  font-size:15px;
  line-height:1.82;
  color:var(--type-body);
}

/* 卡片与正文：降低粗重感，统一信息密度 */
.capability-cards h3{font-size:20px;line-height:1.35;font-weight:650}
.capability-cards p{font-size:13.5px;line-height:1.75;color:var(--type-body)}
.capability-cards span{font-size:10.5px;line-height:1.55;font-weight:650}
.product-content h3,
.all-products .product-content h3{
  font-size:clamp(32px,2.65vw,38px) !important;
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:700;
}
.product-content h4,
.all-products .product-content h4{
  font-size:17px !important;
  line-height:1.45;
  font-weight:600;
}
.product-content p{
  font-size:14.5px !important;
  line-height:1.82;
  color:var(--type-body);
}
.product-content li,.mini-product li,.team-grid li{
  font-size:13px;
  line-height:1.72;
}
.product-content>span,.mini-product>span,.team-grid article span{
  font-size:10.5px;
  letter-spacing:.12em;
  font-weight:750;
}
.chips b{font-size:11px;font-weight:650}
.mini-product h3{font-size:23px;line-height:1.3;font-weight:650}
.mini-product p{font-size:13px;line-height:1.72;color:var(--type-body)}
.roadmap h3{font-size:17px;line-height:1.4;font-weight:650}
.roadmap p{font-size:12px;line-height:1.68}
.team-grid h3{font-size:25px;line-height:1.25;font-weight:650}
.team-grid h4{font-size:12px;line-height:1.55;font-weight:650}
.insight-grid h3{font-size:22px;line-height:1.36;font-weight:650}
.contact-card strong{font-size:13.5px;font-weight:650}
.contact-card span,.contact-card a{font-size:11px;line-height:1.65}
.footer-main p,.footer-main nav{font-size:12.5px;line-height:1.7}
.footer-bottom{font-size:10.5px}

/* 产品演示界面中的标题只做轻量统一，不破坏功能布局 */
#product-recruitment .recruit-v2-topbar>strong{font-size:15px;font-weight:650}
#product-recruitment .recruit-v2-gauge strong{font-size:26px}
#product-knowledge .kv4-core-ring strong{font-size:22px !important;font-weight:700}
#product-knowledge .kv4-flow{font-size:20px}
#product-knowledge .kv4-card strong,
#product-knowledge .knowledge-actions strong{font-weight:650}

@media (max-width:980px){
  body{font-size:14.5px}
  .hero h1{font-size:clamp(39px,5.6vw,48px) !important;line-height:1.15;max-width:560px}
  .hero-copy>p{font-size:15px !important;line-height:1.78}
  .intro h2,.section-head h2,.architecture h2,.team h2,.contact h2,.team .team-head h2,.contact-copy h2{
    font-size:clamp(29px,4.6vw,38px) !important;
  }
  .product-content h3,.all-products .product-content h3{font-size:32px !important}
}

@media (max-width:640px){
  body{font-size:14px;line-height:1.68}
  .hero h1{
    max-width:100%;
    font-size:34px !important;
    line-height:1.18;
    letter-spacing:-.022em;
    margin:18px 0 16px;
  }
  .hero-copy>p{font-size:14px !important;line-height:1.75}
  .eyebrow{font-size:11px}
  .btn{min-height:45px;padding-inline:17px;font-size:13px}
  .hero-proof{font-size:11.5px}
  .intro h2,.section-head h2,.architecture h2,.team h2,.contact h2,.team .team-head h2{
    font-size:28px !important;
    line-height:1.26;
    letter-spacing:-.018em;
  }
  .contact-copy h2{font-size:25px !important;line-height:1.28}
  .intro-layout>p,.section-head>p,.architecture-copy p{font-size:14px;line-height:1.78}
  .product-content h3,.all-products .product-content h3{font-size:29px !important;line-height:1.22}
  .product-content h4,.all-products .product-content h4{font-size:16px !important}
  .capability-cards h3{font-size:18px}
  .mini-product h3{font-size:21px}
  .team-grid h3{font-size:22px}
  .insight-grid h3{font-size:20px}
}

/* =====================================================================
   GEO 答案链路模块｜按 2026-07-28 确认参考图重构
   仅作用于 #product-geo，采用 HTML + CSS + SVG + 独立角色图。
   ===================================================================== */
#product-geo{
  min-height:740px!important;
}
#product-geo .geo-reference-v2{
  min-height:740px!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.98) 0 19%,rgba(245,249,255,.96) 42%,rgba(229,239,255,.94) 74%,rgba(219,232,252,.98) 100%)!important;
}
#product-geo .geo-reference-v2::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;height:auto!important;
  transform:none!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
  background:
    linear-gradient(rgba(62,119,215,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(62,119,215,.045) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 92%);
  z-index:0!important;
}
#product-geo .geo-reference-v2::after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 38%,rgba(85,155,255,.12),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.32),transparent 26%,transparent 76%,rgba(173,204,249,.12));
  pointer-events:none;z-index:0;
}
#product-geo .geo-ref-orbit{
  position:absolute;left:50%;top:54px;width:430px;height:430px;transform:translateX(-50%);
  border-radius:50%;border:1px dashed rgba(61,132,244,.38);z-index:1;pointer-events:none;
}
#product-geo .geo-ref-orbit::before,
#product-geo .geo-ref-orbit::after{
  content:"";position:absolute;border-radius:50%;inset:38px;border:1px solid rgba(82,139,226,.15);
}
#product-geo .geo-ref-orbit::after{inset:78px;border-style:dashed;opacity:.75}
#product-geo .geo-ref-orbit>i{
  position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(145deg,#7fc0ff,#2469ef);
  box-shadow:0 0 0 5px rgba(73,139,244,.08);
}
#product-geo .geo-ref-orbit>i:nth-child(1){left:50%;top:-5px;transform:translateX(-50%)}
#product-geo .geo-ref-orbit>i:nth-child(2){right:12%;top:15%}
#product-geo .geo-ref-orbit>i:nth-child(3){left:10%;bottom:17%}
#product-geo .geo-ref-orbit>i:nth-child(4){right:12%;bottom:12%}

#product-geo .geo-reference-v2 .geo-side{
  position:absolute!important;top:70px!important;width:176px!important;height:390px!important;z-index:6!important;
  display:block!important;
}
#product-geo .geo-reference-v2 .geo-side-left{left:18px!important}
#product-geo .geo-reference-v2 .geo-side-right{right:18px!important}
#product-geo .geo-reference-v2 .geo-side article{
  position:absolute!important;left:0!important;width:100%!important;min-height:82px!important;
  padding:12px 13px!important;display:flex!important;align-items:center!important;gap:11px!important;
  border-radius:22px!important;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(246,250,255,.92))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 16px 30px rgba(52,87,150,.09),inset 0 1px 0 rgba(255,255,255,1)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#product-geo .geo-reference-v2 .geo-side article:hover{
  transform:translateY(-3px);border-color:rgba(113,165,246,.34)!important;
  box-shadow:0 20px 38px rgba(46,86,158,.13),inset 0 1px 0 #fff!important;
}
#product-geo .geo-reference-v2 .geo-side article:nth-child(1){top:0!important}
#product-geo .geo-reference-v2 .geo-side article:nth-child(2){top:98px!important}
#product-geo .geo-reference-v2 .geo-side article:nth-child(3){top:196px!important}
#product-geo .geo-reference-v2 .geo-side article:nth-child(4){top:294px!important}
#product-geo .geo-reference-v2 .geo-card-icon{
  width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;
  color:#1960ea;background:linear-gradient(160deg,#f3f8ff,#dfeaff);
  border:1px solid rgba(132,177,249,.24);box-shadow:inset 0 1px 0 #fff,0 8px 16px rgba(42,101,202,.08);
}
#product-geo .geo-reference-v2 .geo-side-left article:first-child .geo-card-icon{color:#ec5362;background:linear-gradient(160deg,#fff4f5,#ffe0e4)}
#product-geo .geo-reference-v2 .geo-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#product-geo .geo-reference-v2 .geo-side article>div{min-width:0;flex:1}
#product-geo .geo-reference-v2 .geo-side b{display:block!important;font-size:14px!important;line-height:1.2!important;color:#0f2f69!important;font-weight:750!important;white-space:nowrap}
#product-geo .geo-reference-v2 .geo-side span:not(.geo-card-icon){display:block!important;margin-top:5px!important;font-size:10px!important;line-height:1.35!important;color:#6e80a0!important;white-space:nowrap}
#product-geo .geo-reference-v2 .geo-side article>em{font-style:normal;color:#8aa6d1;font-size:22px;line-height:1;margin-left:auto;opacity:.72}

#product-geo .geo-reference-v2 .geo-emblem{
  position:absolute!important;left:50%!important;top:86px!important;width:228px!important;height:250px!important;
  transform:translateX(-50%)!important;clip-path:polygon(50% 0,88% 17%,100% 50%,88% 83%,50% 100%,12% 83%,0 50%,12% 17%)!important;
  background:linear-gradient(145deg,#84b8ff 0%,#347ff2 38%,#0f58e3 72%,#093db6 100%)!important;
  box-shadow:0 30px 56px rgba(23,82,196,.25),inset 0 1px 0 rgba(255,255,255,.48)!important;
  display:grid!important;place-items:center!important;text-align:center!important;z-index:4!important;
}
#product-geo .geo-reference-v2 .geo-emblem::before{
  content:""!important;position:absolute!important;inset:9px!important;clip-path:inherit!important;
  border:2px solid rgba(255,255,255,.66)!important;background:linear-gradient(170deg,rgba(255,255,255,.22),transparent 55%)!important;
}
#product-geo .geo-reference-v2 .geo-emblem::after{
  content:"";position:absolute;inset:-20px;clip-path:inherit;border:1px solid rgba(82,151,255,.25);z-index:-1;
}
#product-geo .geo-reference-v2 .geo-emblem span{position:relative;z-index:2;color:#fff;text-shadow:0 7px 18px rgba(6,44,132,.24)!important}
#product-geo .geo-reference-v2 .geo-emblem b{display:block;font-size:54px!important;line-height:.95!important;letter-spacing:.035em!important;font-weight:850!important}
#product-geo .geo-reference-v2 .geo-emblem em{display:block;margin-top:14px!important;font-size:20px!important;line-height:1.1!important;font-style:normal;font-weight:760;white-space:nowrap}
#product-geo .geo-reference-v2 .geo-emblem small{display:block;margin-top:9px;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:.03em;color:rgba(255,255,255,.88);white-space:nowrap}

#product-geo .geo-reference-v2 .geo-stage{
  position:absolute!important;left:50%!important;top:405px!important;width:330px!important;height:94px!important;
  transform:translateX(-50%)!important;border-radius:50%!important;z-index:2!important;
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(186,215,255,.22))!important;
  border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 23px 38px rgba(48,88,156,.12)!important;
}
#product-geo .geo-reference-v2 .geo-stage::before{
  content:""!important;position:absolute!important;left:50%!important;top:15px!important;width:240px!important;height:54px!important;
  transform:translateX(-50%)!important;border-radius:50%!important;border:2px solid rgba(53,130,247,.52)!important;
  box-shadow:0 0 24px rgba(67,154,255,.2)!important;
}
#product-geo .geo-reference-v2 .geo-stage::after{
  content:""!important;position:absolute!important;left:50%!important;top:31px!important;width:138px!important;height:24px!important;
  transform:translateX(-50%)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(72,187,255,.66),transparent 72%)!important;
}
#product-geo .geo-reference-v2 .geo-draft-mascot{
  position:absolute!important;left:50%!important;top:314px!important;width:170px!important;
  transform:translateX(-50%)!important;z-index:7!important;filter:drop-shadow(0 20px 26px rgba(40,91,181,.2))!important;
  animation:geoReferenceFloat 5s ease-in-out infinite!important;
}
#product-geo .geo-reference-v2 .geo-draft-mascot img{display:block!important;width:100%!important;height:auto!important;position:static!important;object-fit:contain!important;transform:none!important;mix-blend-mode:normal!important}
@keyframes geoReferenceFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-2deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(1deg)}}

#product-geo .geo-reference-v2 .geo-process{
  position:absolute!important;left:18px!important;right:18px!important;top:auto!important;bottom:82px!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;z-index:8!important;
  padding:14px 8px!important;border-radius:26px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(247,250,255,.92))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 18px 36px rgba(51,87,151,.09),inset 0 1px 0 #fff!important;
}
#product-geo .geo-reference-v2 .geo-process::before{display:none!important}
#product-geo .geo-reference-v2 .geo-process article{
  min-width:0!important;min-height:94px!important;padding:0 7px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  position:relative;
}
#product-geo .geo-reference-v2 .geo-process article:not(:last-child)::after{
  content:"";position:absolute;right:0;top:15%;bottom:15%;width:1px;background:linear-gradient(180deg,transparent,#d6e3f7,transparent);
}
#product-geo .geo-reference-v2 .geo-process b{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:11px!important;color:#145ce8!important;font-weight:850!important}
#product-geo .geo-reference-v2 .geo-process i{width:34px;height:34px;margin-top:10px;display:grid;place-items:center;color:#1763ec;font-style:normal}
#product-geo .geo-reference-v2 .geo-process i svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
#product-geo .geo-reference-v2 .geo-process strong{display:block;margin-top:5px;font-size:11px;line-height:1.25;color:#12336d;font-weight:760;white-space:nowrap}
#product-geo .geo-reference-v2 .geo-process span{display:block;margin-top:3px!important;font-size:8px!important;line-height:1.25!important;color:#7586a4!important;white-space:nowrap}

#product-geo .geo-reference-v2 .geo-ref-footer{
  position:absolute!important;left:18px!important;right:18px!important;bottom:14px!important;min-height:54px!important;padding:0 16px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;z-index:9!important;
  border-radius:19px!important;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(248,251,255,.93))!important;
  border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 14px 28px rgba(54,88,150,.08),inset 0 1px 0 #fff!important;
}
#product-geo .geo-reference-v2 .geo-footer-title{display:flex;align-items:center;gap:10px;white-space:nowrap}
#product-geo .geo-reference-v2 .geo-footer-title>i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6ba7ff,#1762ed);color:#fff;box-shadow:0 8px 16px rgba(38,98,220,.22)}
#product-geo .geo-reference-v2 .geo-footer-title svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#product-geo .geo-reference-v2 .geo-footer-title strong{font-size:14px!important;color:#12336f!important;font-weight:760!important}
#product-geo .geo-reference-v2 .geo-footer-flow{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;color:#65799d;font-size:9px}
#product-geo .geo-reference-v2 .geo-footer-flow i{font-style:normal;color:#9cb1d2;font-size:15px}

@media(max-width:1100px){
  #product-geo{min-height:700px!important}
  #product-geo .geo-reference-v2{min-height:700px!important}
  #product-geo .geo-ref-orbit{width:390px;height:390px;top:62px}
  #product-geo .geo-reference-v2 .geo-side{top:72px!important;width:154px!important}
  #product-geo .geo-reference-v2 .geo-side-left{left:12px!important}
  #product-geo .geo-reference-v2 .geo-side-right{right:12px!important}
  #product-geo .geo-reference-v2 .geo-side article{min-height:76px!important;padding:10px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(2){top:90px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(3){top:180px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(4){top:270px!important}
  #product-geo .geo-reference-v2 .geo-card-icon{width:39px;height:39px;flex-basis:39px}
  #product-geo .geo-reference-v2 .geo-card-icon svg{width:21px;height:21px}
  #product-geo .geo-reference-v2 .geo-side b{font-size:12px!important}
  #product-geo .geo-reference-v2 .geo-side span:not(.geo-card-icon){font-size:8.5px!important}
  #product-geo .geo-reference-v2 .geo-emblem{top:94px!important;width:204px!important;height:224px!important}
  #product-geo .geo-reference-v2 .geo-emblem b{font-size:48px!important}
  #product-geo .geo-reference-v2 .geo-emblem em{font-size:18px!important}
  #product-geo .geo-reference-v2 .geo-draft-mascot{top:306px!important;width:148px!important}
  #product-geo .geo-reference-v2 .geo-stage{top:390px!important;width:290px!important}
  #product-geo .geo-reference-v2 .geo-process{bottom:78px!important}
  #product-geo .geo-reference-v2 .geo-footer-flow{gap:4px;font-size:8px}
}

@media(max-width:800px){
  #product-geo{min-height:auto!important}
  #product-geo .geo-reference-v2{min-height:780px!important}
  #product-geo .geo-ref-orbit{top:118px;width:420px;height:420px}
  #product-geo .geo-reference-v2 .geo-side{top:56px!important;width:calc(50% - 24px)!important;height:330px!important}
  #product-geo .geo-reference-v2 .geo-side-left{left:12px!important}
  #product-geo .geo-reference-v2 .geo-side-right{right:12px!important}
  #product-geo .geo-reference-v2 .geo-side article{min-height:66px!important;padding:8px 9px!important;border-radius:17px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(2){top:78px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(3){top:156px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(4){top:234px!important}
  #product-geo .geo-reference-v2 .geo-card-icon{width:34px;height:34px;flex-basis:34px;border-radius:12px}
  #product-geo .geo-reference-v2 .geo-card-icon svg{width:19px;height:19px}
  #product-geo .geo-reference-v2 .geo-side b{font-size:11px!important}
  #product-geo .geo-reference-v2 .geo-side span:not(.geo-card-icon){font-size:7.5px!important;margin-top:3px!important}
  #product-geo .geo-reference-v2 .geo-side article>em{font-size:16px}
  #product-geo .geo-reference-v2 .geo-emblem{top:318px!important;width:174px!important;height:192px!important}
  #product-geo .geo-reference-v2 .geo-emblem b{font-size:40px!important}
  #product-geo .geo-reference-v2 .geo-emblem em{font-size:15px!important;margin-top:10px!important}
  #product-geo .geo-reference-v2 .geo-emblem small{font-size:8px;margin-top:7px}
  #product-geo .geo-reference-v2 .geo-draft-mascot{top:488px!important;width:126px!important}
  #product-geo .geo-reference-v2 .geo-stage{top:556px!important;width:245px!important;height:74px!important}
  #product-geo .geo-reference-v2 .geo-stage::before{width:180px!important;height:42px!important;top:11px!important}
  #product-geo .geo-reference-v2 .geo-process{left:12px!important;right:12px!important;bottom:74px!important;padding:10px 4px!important;border-radius:20px!important}
  #product-geo .geo-reference-v2 .geo-process article{min-height:82px!important;padding:0 3px!important}
  #product-geo .geo-reference-v2 .geo-process i{width:28px;height:28px}
  #product-geo .geo-reference-v2 .geo-process i svg{width:23px;height:23px}
  #product-geo .geo-reference-v2 .geo-process strong{font-size:9px}
  #product-geo .geo-reference-v2 .geo-process span{font-size:6.8px!important}
  #product-geo .geo-reference-v2 .geo-ref-footer{left:12px!important;right:12px!important;bottom:12px!important;padding:0 12px!important}
  #product-geo .geo-reference-v2 .geo-footer-flow{display:none}
}

@media(max-width:560px){
  #product-geo .geo-reference-v2{min-height:820px!important}
  #product-geo .geo-reference-v2 .geo-side{width:calc(50% - 16px)!important}
  #product-geo .geo-reference-v2 .geo-side-left{left:8px!important}
  #product-geo .geo-reference-v2 .geo-side-right{right:8px!important}
  #product-geo .geo-reference-v2 .geo-side article{gap:6px!important;padding:7px!important}
  #product-geo .geo-reference-v2 .geo-card-icon{width:30px;height:30px;flex-basis:30px}
  #product-geo .geo-reference-v2 .geo-card-icon svg{width:17px;height:17px}
  #product-geo .geo-reference-v2 .geo-side b{font-size:10px!important}
  #product-geo .geo-reference-v2 .geo-side span:not(.geo-card-icon){font-size:6.8px!important}
  #product-geo .geo-reference-v2 .geo-side article>em{display:none}
  #product-geo .geo-reference-v2 .geo-process{grid-template-columns:repeat(5,minmax(54px,1fr))!important;overflow:hidden}
  #product-geo .geo-reference-v2 .geo-process article{min-height:78px!important}
  #product-geo .geo-reference-v2 .geo-process strong{font-size:8.2px;white-space:nowrap}
  #product-geo .geo-reference-v2 .geo-process span{display:none!important}
}

/* GEO 右侧说明区：流程标签允许自然换行，避免横向截断 */
#product-geo .product-content .process-line{
  display:flex!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  gap:7px!important;
  padding-bottom:0!important;
}
#product-geo .product-content .process-line i{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px;
}
#product-geo .product-content .process-line i::after{display:none!important}

/* =====================================================================
   GEO 答案链路模块｜2026-07-28 参考图像素级收口
   保持原有 HTML 语义，仅校准桌面端比例、层次与流程表达。
   ===================================================================== */
@media (min-width:1101px){
  #product-geo{
    min-height:810px!important;
  }
  #product-geo .geo-reference-v2{
    min-height:810px!important;
  }

  #product-geo .geo-ref-orbit{
    top:80px!important;
    width:384px!important;
    height:384px!important;
    border-color:rgba(61,132,244,.34)!important;
  }
  #product-geo .geo-ref-orbit::before{inset:36px!important}
  #product-geo .geo-ref-orbit::after{inset:72px!important}

  #product-geo .geo-reference-v2 .geo-side{
    top:70px!important;
    width:182px!important;
  }
  #product-geo .geo-reference-v2 .geo-side-left{left:15px!important}
  #product-geo .geo-reference-v2 .geo-side-right{right:15px!important}

  #product-geo .geo-reference-v2 .geo-side article{
    min-height:82px!important;
    padding:12px 12px!important;
    border-radius:20px!important;
    box-shadow:0 15px 30px rgba(52,87,150,.085),inset 0 1px 0 #fff!important;
  }
  #product-geo .geo-reference-v2 .geo-side article:nth-child(2){top:104px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(3){top:208px!important}
  #product-geo .geo-reference-v2 .geo-side article:nth-child(4){top:312px!important}
  #product-geo .geo-reference-v2 .geo-card-icon{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
  #product-geo .geo-reference-v2 .geo-side-left article:first-child .geo-card-icon{
    color:#1960ea!important;
    background:linear-gradient(160deg,#f3f8ff,#dfeaff)!important;
  }

  #product-geo .geo-reference-v2 .geo-emblem{
    top:126px!important;
    width:202px!important;
    height:232px!important;
    background:linear-gradient(145deg,#d4eaff 0%,#75b3ff 28%,#2a78ef 63%,#0b47cb 100%)!important;
    box-shadow:0 27px 54px rgba(23,82,196,.23)!important;
    filter:drop-shadow(0 0 9px rgba(87,158,255,.18));
  }
  #product-geo .geo-reference-v2 .geo-emblem::before{
    inset:6px!important;
    border:0!important;
    background:linear-gradient(145deg,#b9ddff 0%,#5b9fff 26%,#1f6bea 64%,#0b43bf 100%)!important;
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.62),inset 0 -14px 24px rgba(4,47,158,.18)!important;
    z-index:0!important;
  }
  #product-geo .geo-reference-v2 .geo-emblem::after{
    content:""!important;
    position:absolute!important;
    inset:13px!important;
    clip-path:inherit!important;
    border:1px solid rgba(255,255,255,.64)!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,255,255,.34),transparent 42%),
      linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 48%)!important;
    box-shadow:inset 0 0 18px rgba(255,255,255,.12)!important;
    z-index:1!important;
  }
  #product-geo .geo-reference-v2 .geo-emblem b{
    font-size:51px!important;
  }
  #product-geo .geo-reference-v2 .geo-emblem em{
    margin-top:13px!important;
    font-size:19px!important;
  }

  #product-geo .geo-reference-v2 .geo-draft-mascot{
    top:320px!important;
    width:164px!important;
  }
  #product-geo .geo-reference-v2 .geo-stage{
    top:430px!important;
    width:300px!important;
    height:88px!important;
  }
  #product-geo .geo-reference-v2 .geo-stage::before{
    top:14px!important;
    width:218px!important;
    height:50px!important;
  }
  #product-geo .geo-reference-v2 .geo-stage::after{
    top:29px!important;
    width:126px!important;
    height:22px!important;
  }

  #product-geo .geo-reference-v2 .geo-process{
    left:22px!important;
    right:22px!important;
    bottom:117px!important;
    min-height:154px!important;
    padding:16px 8px 13px!important;
    border-radius:24px!important;
  }
  #product-geo .geo-reference-v2 .geo-process article{
    min-height:122px!important;
    padding:0 8px!important;
    border-left:1px solid transparent!important;
  }
  #product-geo .geo-reference-v2 .geo-process article+article{
    border-left-color:#dbe7f8!important;
  }
  #product-geo .geo-reference-v2 .geo-process article:not(:last-child)::after{
    content:"›"!important;
    position:absolute!important;
    right:-8px!important;
    top:50%!important;
    bottom:auto!important;
    width:16px!important;
    height:22px!important;
    transform:translateY(-40%)!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    color:#6da4ff!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:600!important;
    z-index:2!important;
  }
  #product-geo .geo-reference-v2 .geo-process b{
    top:0!important;
    min-width:27px!important;
    height:24px!important;
    padding:0 6px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#edf4ff!important;
  }
  #product-geo .geo-reference-v2 .geo-process i{
    width:38px!important;
    height:38px!important;
    margin-top:18px!important;
  }
  #product-geo .geo-reference-v2 .geo-process i svg{
    width:30px!important;
    height:30px!important;
  }
  #product-geo .geo-reference-v2 .geo-process strong{
    margin-top:7px!important;
    font-size:12px!important;
  }
  #product-geo .geo-reference-v2 .geo-process span{
    margin-top:4px!important;
    font-size:8.5px!important;
  }

  #product-geo .geo-reference-v2 .geo-ref-footer{
    left:22px!important;
    right:22px!important;
    bottom:42px!important;
    min-height:56px!important;
    padding:0 18px!important;
  }
}

/* =====================================================================
   GEO 中心徽章重制｜严格采用参考图的玻璃质感、圆角轮廓与比例
   ===================================================================== */
#product-geo .geo-reference-v2 .geo-emblem{
  top:124px!important;
  width:214px!important;
  height:242px!important;
  display:block!important;
  overflow:visible!important;
  clip-path:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 24px 26px rgba(26,88,205,.18))!important;
  isolation:isolate;
}
#product-geo .geo-reference-v2 .geo-emblem::before,
#product-geo .geo-reference-v2 .geo-emblem::after{
  display:none!important;
  content:none!important;
}
#product-geo .geo-reference-v2 .geo-emblem>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  user-select:none;
  pointer-events:none;
  filter:saturate(1.04) contrast(1.015)!important;
}

@media(max-width:1100px) and (min-width:801px){
  #product-geo .geo-reference-v2 .geo-emblem{
    top:174px!important;
    width:192px!important;
    height:217px!important;
  }
}
@media(max-width:800px){
  #product-geo .geo-reference-v2 .geo-emblem{
    top:314px!important;
    width:174px!important;
    height:197px!important;
  }
}
@media(max-width:560px){
  #product-geo .geo-reference-v2 .geo-emblem{
    top:318px!important;
    width:166px!important;
    height:188px!important;
  }
}

/* ======================================================================
   官网规范化优化｜2026-07-28
   依据官网修改意见统一文案层级、卡片留白、品牌信息与联系方式。
   GEO 模块主体视觉保持锁定，不改变中心徽章和功能布局。
   ====================================================================== */
:root{
  --space-section:92px;
  --card-pad:26px;
  --card-radius:22px;
  --soft-line:#dfe8f7;
  --soft-shadow:0 18px 52px rgba(28,66,145,.085);
  --footer-bg:#06143d;
}

/* 全局节奏：减少上下过空，同时保证模块之间有清晰呼吸感 */
section{padding:var(--space-section) 0}
.section-head{align-items:center;margin-bottom:38px}
.section-head>p{max-width:420px;font-size:15px;line-height:1.8}
.products-head{margin-bottom:26px}
.products-head>div{max-width:700px}
.products-head>p{padding-left:24px;border-left:2px solid #d8e7ff;color:#5d6e8c}

/* WHY KUNJIE：统一卡片高度、信息密度与边距 */
.capability-cards{gap:20px;margin-top:44px}
.capability-cards article{
  min-height:246px;
  padding:30px 26px 26px;
  display:flex;
  flex-direction:column;
  border-radius:var(--card-radius);
  border-color:var(--soft-line);
  box-shadow:var(--soft-shadow);
}
.capability-cards article:hover{transform:translateY(-5px);box-shadow:0 24px 64px rgba(28,66,145,.13)}
.capability-cards h3{margin:20px 0 9px}
.capability-cards p{margin:0;color:#5b6c89}
.capability-cards span{margin-top:auto;padding-top:20px;font-size:12px;line-height:1.6;color:#4165a5}

/* 产品模块：统一内容区留白与文本宽度，不触碰 GEO 主视觉 */
.product-feature-grid{gap:32px}
.product-feature{
  border-radius:28px;
  border-color:rgba(35,90,199,.12);
  box-shadow:0 22px 62px rgba(20,58,136,.11);
}
.product-content{padding:50px 48px}
.product-content>p{margin:0 0 4px;max-width:620px}
.product-content ul{margin-top:16px}
.product-content li{margin:7px 0}
.process-line{margin-top:18px}
.chips{margin-top:20px;gap:9px}
.chips b{padding:8px 11px;border-radius:9px;font-size:12px;line-height:1.4}
.product-detail-link{margin-top:22px}
.product-jump{gap:10px;padding:12px}
.product-jump a{min-height:46px;padding:10px 13px}

/* 龙虾盒子：固定数量改为可扩展的多角色体系 */
#product-lobster .lobster-main-box span{font-size:11px;letter-spacing:.02em}
#product-lobster .role-cloud{gap:9px}
#product-lobster .role-cloud b{font-size:12px;padding:8px 11px}
#product-lobster .role-cloud .role-more{
  color:#fff;
  background:linear-gradient(135deg,#1248d5,#168ce6);
  border-color:transparent;
  box-shadow:0 8px 20px rgba(20,82,205,.22);
}
#product-lobster .lobster-draft-mascot{
  transform:translateY(2px) rotate(-3deg);
  filter:drop-shadow(0 18px 26px rgba(27,77,174,.18));
}

/* IP 形象按场景表达：办公清单、拓客数据、客服耳机、龙虾盒子协同 */
.office-original-figure{filter:drop-shadow(0 18px 25px rgba(35,83,176,.16))}
.sales-draft-mascot{filter:drop-shadow(0 18px 25px rgba(35,83,176,.16))}
.svc-mascot{filter:drop-shadow(0 20px 28px rgba(35,83,176,.17))}

/* 联系模块：补齐正式企业信息、电话、地址与可操作入口 */
.contact{padding-top:72px}
.contact-shell{
  grid-template-columns:.9fr 1.1fr;
  gap:48px;
  padding:54px;
  border-radius:30px;
}
.contact-copy{align-self:center}
.contact-copy p{max-width:500px;font-size:15px;line-height:1.82}
.contact-topics{gap:9px;margin-top:24px}
.contact-topics span{font-size:12px;padding:8px 12px}
.contact-info{gap:10px}
.contact-info .contact-card{
  min-height:82px;
  align-items:center;
  gap:15px;
  padding:15px 17px;
  border-radius:15px;
  background:rgba(255,255,255,.105);
}
.contact-info .contact-card i{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border-radius:11px;
  background:rgba(255,255,255,.1);
  font-size:11px;
}
.contact-card small{font-size:11px;letter-spacing:.03em}
.contact-card strong{font-size:14px;line-height:1.5}
.contact-card strong a{font-size:inherit;color:#fff;margin:0}
.contact-card span,.contact-card div>a{font-size:12px;line-height:1.55}
.contact-card-phone{position:relative;padding-right:112px!important}
.contact-card .contact-action{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  width:auto;
  margin:0;
  padding:9px 13px;
  border-radius:10px;
  color:#073aaf;
  background:#fff;
  font-size:12px;
  font-weight:750;
  box-shadow:0 8px 18px rgba(2,21,70,.18);
}
.contact-card .contact-action:hover{transform:translateY(-50%) translateY(-1px)}

/* 正式页脚：使用正确 Logo，不再对品牌标识做反色处理 */
footer{padding:52px 0 24px;background:var(--footer-bg)}
.footer-main-enhanced{
  display:grid;
  grid-template-columns:1.15fr 1fr .9fr;
  align-items:start;
  gap:52px;
}
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start}
.footer-logo-plate{
  display:inline-flex;
  align-items:center;
  min-height:62px;
  padding:8px 14px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
.footer-main .footer-logo-plate img{width:174px;filter:none}
.footer-brand-block p{margin:16px 0 4px;color:#9fb3dc;font-size:13px}
.footer-brand-block strong{color:#fff;font-size:14px;font-weight:650}
.footer-nav{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:11px 22px!important;
  margin-top:7px;
}
.footer-nav a{font-size:13px;color:#c2d0eb;transition:.2s}
.footer-nav a:hover{color:#fff;transform:translateX(2px)}
.footer-contact-block{display:grid;gap:3px;padding-left:28px;border-left:1px solid rgba(255,255,255,.12)}
.footer-contact-block span{margin-top:2px;color:#7892c3;font-size:11px;letter-spacing:.08em}
.footer-contact-block a{font-size:19px;font-weight:700;color:#fff;letter-spacing:.02em}
.footer-contact-block p{margin:0 0 9px;color:#c2d0eb;font-size:13px}
.footer-bottom{font-size:12px;color:#8198c4}

@media(max-width:980px){
  :root{--space-section:78px}
  .products-head>p{padding-left:0;border-left:0}
  .capability-cards{grid-template-columns:repeat(2,1fr)}
  .capability-cards article{min-height:220px}
  .product-content{padding:42px 36px}
  .contact-shell{grid-template-columns:1fr;padding:46px;gap:34px}
  .contact-copy p{max-width:none}
  .footer-main-enhanced{grid-template-columns:1fr 1fr;gap:34px}
  .footer-contact-block{grid-column:1/-1;padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.12);grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px 16px}
  .footer-contact-block span,.footer-contact-block p{margin:0}
}

@media(max-width:640px){
  :root{--space-section:64px}
  .container{width:min(100% - 28px,1180px)}
  .section-head{align-items:flex-start;gap:16px;margin-bottom:28px}
  .products-head>p{font-size:14px;line-height:1.72}
  .capability-cards{grid-template-columns:1fr;gap:14px;margin-top:30px}
  .capability-cards article{min-height:0;padding:24px 22px}
  .capability-cards span{padding-top:14px}
  .product-feature-grid{gap:22px}
  .product-feature{border-radius:22px}
  .product-content{padding:30px 24px 32px}
  .chips b{font-size:11.5px}
  #product-lobster .lobster-draft-mascot::after{display:none}
  .contact{padding-top:54px}
  .contact-shell{padding:32px 22px;border-radius:24px;gap:28px}
  .contact-info .contact-card{min-height:76px;padding:14px}
  .contact-card-phone{padding-right:14px!important}
  .contact-card .contact-action{position:static;transform:none;margin-left:auto;white-space:nowrap}
  .contact-card .contact-action:hover{transform:translateY(-1px)}
  footer{padding-top:42px}
  .footer-main-enhanced{grid-template-columns:1fr;gap:28px}
  .footer-nav{grid-template-columns:1fr 1fr}
  .footer-contact-block{grid-column:auto;grid-template-columns:1fr;padding-top:22px;gap:4px}
  .footer-contact-block span{margin-top:9px}
  .footer-bottom{gap:8px;align-items:flex-start;font-size:11px}
}

/* 深色联系区标题与无障碍跳转链接修正 */
.contact-copy h2{color:#fff!important}
.contact-copy h2 em{color:#66e8ff!important}
.skip-link{top:-90px}
.skip-link:focus{top:-90px}
.skip-link:focus-visible{top:16px}


/* =====================================================================
   2026-07-28 第三轮细节修正
   1. 深色全链路模块标题提升对比度
   2. 首页运行看板精简为与其他悬浮卡一致的两行结构
   3. 案例与洞察标题在桌面端保持一行
   ===================================================================== */
.architecture-copy h2,
.architecture-copy h2 .title-line{
  color:#f7fbff !important;
  text-shadow:0 8px 24px rgba(0,20,70,.22);
}
.architecture-copy h2 em,
.architecture-copy h2 em .title-line{
  color:#2e86ff !important;
}
.architecture-copy p{
  color:#b9caf1 !important;
}

.hero-runtime-panel{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:84px !important;
  width:196px !important;
  padding:15px 17px !important;
}
.hero-runtime-panel strong{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 !important;
  white-space:nowrap;
}
.hero-runtime-panel .runtime-summary{
  display:block;
  margin-top:9px;
  color:#6b83aa;
  font-size:11px;
  line-height:1.45;
  font-weight:650;
  white-space:nowrap;
}

.insights-preview .section-head{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center;
}
.insights-preview .section-head>div{
  max-width:none !important;
}
.insights-preview .section-head h2{
  max-width:none !important;
  white-space:nowrap;
  font-size:clamp(30px,3vw,42px) !important;
}
.insights-preview .section-head h2 span{
  color:#071f4f;
}
.insights-preview .section-head h2 span::first-line{
  color:inherit;
}

@media(max-width:900px){
  .insights-preview .section-head{
    grid-template-columns:1fr !important;
  }
  .insights-preview .section-head h2{
    white-space:normal;
  }
}
@media(max-width:560px){
  .hero-runtime-panel{
    width:auto !important;
    min-height:80px !important;
  }
  .hero-runtime-panel .runtime-summary{
    white-space:normal;
  }
}

/* =====================================================================
   2026-07-28 首屏四任务卡对齐优化
   依据确认草图：统一尺寸、图标、文字基线与四角位置，取消错位漂浮。
   ===================================================================== */
.hero-art-live .task-card{
  width:190px !important;
  height:88px !important;
  min-height:88px !important;
  padding:14px 15px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  box-sizing:border-box;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,249,255,.88)) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  box-shadow:0 16px 32px rgba(28,72,151,.12),inset 0 1px 0 rgba(255,255,255,.92) !important;
  color:#15356e !important;
  animation:none !important;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.hero-art-live .task-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(28,72,151,.16),inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.hero-art-live .task-card-icon{
  flex:0 0 40px;
  width:40px;
  height:40px;
  margin:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(145deg,#eef5ff,#dceaff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(42,103,216,.12);
}
.hero-art-live .task-card-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:#286df0;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 3px 5px rgba(40,109,240,.16));
}
.hero-art-live .task-card-copy{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-art-live .task-card-copy b{
  display:block;
  margin:0;
  color:#15356e;
  font-size:14px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:0;
  white-space:nowrap;
}
.hero-art-live .task-card-copy span{
  display:block;
  margin:6px 0 0 !important;
  color:#6c82a6;
  font-size:10.5px;
  line-height:1.4;
  font-weight:550;
  letter-spacing:0;
  white-space:nowrap;
}
.hero-art-live .task-card-icon-runtime{
  background:linear-gradient(145deg,#e9fbff,#d9efff);
}
.hero-art-live .task-card-icon-runtime svg{stroke:#16addd}
.hero-art-live .floating-card.card-knowledge{
  left:22px !important;
  right:auto !important;
  top:54px !important;
  bottom:auto !important;
}
.hero-art-live .floating-card.card-action{
  right:22px !important;
  left:auto !important;
  top:54px !important;
  bottom:auto !important;
}
.hero-art-live .floating-card.card-growth{
  left:22px !important;
  right:auto !important;
  top:auto !important;
  bottom:142px !important;
}
.hero-art-live .hero-runtime-panel{
  right:22px !important;
  left:auto !important;
  top:auto !important;
  bottom:142px !important;
}

@media(max-width:800px){
  .hero-art-live .task-card{
    width:184px !important;
    height:86px !important;
    min-height:86px !important;
  }
  .hero-art-live .floating-card.card-knowledge{left:18px !important;top:24px !important}
  .hero-art-live .floating-card.card-action{right:18px !important;top:24px !important}
  .hero-art-live .floating-card.card-growth{left:18px !important;top:390px !important;bottom:auto !important}
  .hero-art-live .hero-runtime-panel{right:18px !important;left:auto !important;top:390px !important;bottom:auto !important}
}

@media(max-width:560px){
  .hero-art-live .task-card{
    width:calc(50% - 21px) !important;
    height:82px !important;
    min-height:82px !important;
    padding:11px 10px !important;
    gap:8px !important;
    border-radius:18px !important;
  }
  .hero-art-live .task-card-icon{
    flex-basis:34px;
    width:34px;
    height:34px;
    border-radius:11px;
  }
  .hero-art-live .task-card-icon svg{width:20px;height:20px}
  .hero-art-live .task-card-copy b{font-size:12px}
  .hero-art-live .task-card-copy span{font-size:9px;margin-top:5px !important}
  .hero-art-live .floating-card.card-knowledge{left:14px !important;top:20px !important}
  .hero-art-live .floating-card.card-action{right:14px !important;top:20px !important}
  .hero-art-live .floating-card.card-growth{left:14px !important;top:394px !important}
  .hero-art-live .hero-runtime-panel{right:14px !important;left:auto !important;top:394px !important;bottom:auto !important}
}

/* 四卡文字完整显示微调 */
@media(min-width:801px){
  .hero-art-live .task-card{
    width:210px !important;
    gap:10px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .hero-art-live .task-card-icon{
    flex-basis:38px;
    width:38px;
    height:38px;
  }
  .hero-art-live .task-card-copy span{font-size:9.5px}
}

/* 移动端四卡保持同一网格，不受旧版流式定位影响 */
.hero-art-live .task-card{position:absolute !important}
@media(max-width:560px){
  .hero-art-live .task-card{
    padding-left:8px !important;
    padding-right:8px !important;
    gap:6px !important;
  }
  .hero-art-live .task-card-icon{
    flex-basis:30px;
    width:30px;
    height:30px;
    border-radius:10px;
  }
  .hero-art-live .task-card-icon svg{width:18px;height:18px}
  .hero-art-live .task-card-copy b{font-size:11px}
  .hero-art-live .task-card-copy span{font-size:7.3px;letter-spacing:-.02em}
}


/* 2026-07-28 品牌标志比例修正：始终按原始 530×112 比例显示，避免页脚拉伸 */
.brand img,
.footer-logo-plate img{
  display:block;
  width:auto;
  height:auto!important;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  aspect-ratio:530 / 112;
}
.site-header .brand img{width:170px;height:auto!important}
.footer-logo-plate{
  min-height:0;
  padding:11px 16px;
  border:1px solid rgba(14,63,162,.08);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;
}
.footer-main .footer-logo-plate img{width:205px;height:auto!important;filter:none!important}
@media(max-width:800px){
  .site-header .brand img{width:145px}
  .footer-main .footer-logo-plate img{width:188px}
}

/* =====================================================================
   2026-07-28 首页视觉层级微调
   1) 四张任务卡与 IP 主体保持明确安全区，卡片文字不再压住角色；
   2) 企业知识中枢核心文案整体上移，远离虚线圆环底边。
   ===================================================================== */

/* 首屏任务卡：以垂直安全区分隔卡片与小鲲，避免文字覆盖 IP。 */
@media (min-width:801px){
  .hero-art-live{
    min-height:640px !important;
  }
  .hero-art-live .mascot-stage-original{
    left:50% !important;
    top:150px !important;
    width:292px !important;
    height:250px !important;
    transform:translateX(-50%) !important;
  }
  .hero-art-live .hero-mascot-figure{
    width:246px !important;
  }
  .hero-art-live .floating-card.card-knowledge,
  .hero-art-live .floating-card.card-action{
    top:48px !important;
    bottom:auto !important;
  }
  .hero-art-live .floating-card.card-growth,
  .hero-art-live .hero-runtime-panel{
    top:402px !important;
    bottom:auto !important;
  }
  .hero-art-live .floating-card.card-knowledge,
  .hero-art-live .floating-card.card-growth{
    left:24px !important;
    right:auto !important;
  }
  .hero-art-live .floating-card.card-action,
  .hero-art-live .hero-runtime-panel{
    right:24px !important;
    left:auto !important;
  }
  .hero-art-live .task-card{
    z-index:8 !important;
  }
}

/* 平板：同样保留卡片与角色之间的上下间隙。 */
@media (min-width:561px) and (max-width:800px){
  .hero-art-live .mascot-stage-original{
    left:50% !important;
    top:132px !important;
    transform:translateX(-50%) !important;
  }
  .hero-art-live .hero-mascot-figure{
    width:220px !important;
  }
  .hero-art-live .floating-card.card-growth,
  .hero-art-live .hero-runtime-panel{
    top:382px !important;
    bottom:auto !important;
  }
}

/* 手机：缩小 IP 并拉开下方卡片，避免标题和说明进入角色轮廓。 */
@media (max-width:560px){
  .hero-art-live .mascot-stage-original{
    left:50% !important;
    top:142px !important;
    transform:translateX(-50%) !important;
  }
  .hero-art-live .hero-mascot-figure{
    width:190px !important;
  }
  .hero-art-live .floating-card.card-growth,
  .hero-art-live .hero-runtime-panel{
    top:382px !important;
    bottom:auto !important;
  }
}

/* 企业知识中枢：独立内容容器整体上移，确保说明文字与虚线底边有舒适留白。 */
#product-knowledge .kv4-core-content{
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transform:translateY(-12px);
}
#product-knowledge .kv4-core-content > em,
#product-knowledge .kv4-core-content > strong,
#product-knowledge .kv4-core-content > small{
  position:relative;
  z-index:1;
}
#product-knowledge .kv4-core-content .kv4-core-logo{
  position:relative;
  z-index:1;
}
#product-knowledge .kv4-core-ring{
  padding-bottom:30px !important;
}
@media (max-width:800px){
  #product-knowledge .kv4-core-content{
    transform:translateY(-10px);
  }
}

/* 801–1100px 时底部能力区会变为两行，因此额外增加画布高度，避免压住下方任务卡。 */
@media (min-width:801px) and (max-width:1100px){
  .hero-art-live{
    min-height:700px !important;
  }
  .hero-art-live .floating-card.card-growth,
  .hero-art-live .hero-runtime-panel{
    top:420px !important;
  }
}

/* =====================================================================
   2026-07-28 首屏 IP 中心校准
   让小鲲更贴近背景圆环的几何中心，并保持四卡与底部能力区节奏协调。
   ===================================================================== */
@media (min-width:801px){
  .hero-art-live .mascot-stage-original{
    left:51.4% !important;
    top:162px !important;
    width:292px !important;
    height:252px !important;
    transform:translateX(-50%) !important;
  }
  .hero-art-live .hero-mascot-figure{
    width:242px !important;
  }
  .hero-art-live .mascot-shadow{
    bottom:2px !important;
  }
}

@media (min-width:561px) and (max-width:800px){
  .hero-art-live .mascot-stage-original{
    left:51.1% !important;
    top:144px !important;
    width:286px !important;
    height:238px !important;
    transform:translateX(-50%) !important;
  }
  .hero-art-live .hero-mascot-figure{
    width:214px !important;
  }
}

@media (max-width:560px){
  .hero-art-live .mascot-stage-original{
    left:51% !important;
    top:150px !important;
    width:244px !important;
    height:214px !important;
    transform:translateX(-50%) !important;
  }
  .hero-art-live .hero-mascot-figure{
    width:184px !important;
  }
}

/* =====================================================================
   2026-07-28 小鲲蓝色雾气优化
   将原先偏散的蓝色发光雾感收紧为更干净的底部投影与轻微轮廓光。
   ===================================================================== */
.hero-art-live .live-mascot-figure{
  filter:drop-shadow(0 16px 24px rgba(38,95,187,.10)) !important;
}
.hero-art-live .hero-mascot-figure:before{
  inset:-6% -10% -6% -10% !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.88) 0%,rgba(234,242,255,.22) 54%,rgba(234,242,255,0) 74%) !important;
  filter:blur(1.5px) !important;
  opacity:.92 !important;
}
.hero-art-live .hero-mascot-figure:after{
  left:50% !important;
  bottom:-8px !important;
  width:56% !important;
  height:12px !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(57,119,233,.18) 0%,rgba(57,119,233,.06) 52%,rgba(57,119,233,0) 74%) !important;
  filter:blur(6px) !important;
}
.hero-art-live .mascot-shadow{
  width:54% !important;
  height:18px !important;
  bottom:0 !important;
  background:radial-gradient(circle,rgba(57,119,233,.14) 0%,rgba(57,119,233,.05) 46%,rgba(57,119,233,0) 74%) !important;
  filter:blur(7px) !important;
}

/* =====================================================================
   2026-07-28 AI 客服流程条完整显示修复
   六个流程节点在桌面端等宽完整展示；窄屏自动换行，避免末项被裁切。
   ===================================================================== */
#product-service .process-line{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:stretch !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
  padding:0 0 4px !important;
  box-sizing:border-box;
}
#product-service .process-line i{
  position:relative;
  min-width:0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:8px 6px !important;
  font-size:10px !important;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
}
#product-service .process-line i:not(:last-child)::after{
  content:"→";
  position:absolute;
  right:-8px;
  top:50%;
  margin:0 !important;
  transform:translate(50%,-50%);
  z-index:2;
  color:#8fa9cf !important;
  font-size:10px;
  line-height:1;
}
@media(max-width:1050px){
  #product-service .process-line{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #product-service .process-line i:not(:last-child)::after{
    display:none !important;
  }
}
@media(max-width:560px){
  #product-service .process-line{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px !important;
  }
  #product-service .process-line i{
    font-size:10px !important;
    padding:9px 7px !important;
  }
}