:root{--primary: #2f54eb;--primary-2: #4f7cff;--primary-deep: #1d39c4;--ink: #101828;--ink-2: #475467;--ink-3: #98a2b3;--line: #e8ebf4;--bg: #ffffff;--bg-soft: #f6f8fd;--green: #16a34a;--orange: #e08a00;--purple: #7c3aed;--red: #e5484d;--radius: 16px;--shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.1);--shadow-md: 0 8px 24px rgba(31,45,86,.1);--shadow-lg: 0 24px 60px rgba(31,45,86,.16);--font: "PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer}.container{width:min(1180px,92%);margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:12px;font-size:15px;font-weight:600;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s,color .18s;white-space:nowrap}.btn-lg{padding:14px 28px;font-size:16px;border-radius:14px}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 8px 20px #2f54eb52}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2f54eb6b}.btn-soft{background:#eef2ff;color:var(--primary)}.btn-soft:hover{background:#e0e7ff;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{color:var(--primary);background:#f2f5ff}.btn-light{background:#fff;color:var(--primary)}.btn-light:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffdb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:box-shadow .2s,background .2s,border-color .2s}.site-header.scrolled{box-shadow:var(--shadow-sm);border-color:var(--line)}.header-inner{display:flex;align-items:center;gap:28px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;font-size:20px;font-weight:800;box-shadow:0 6px 14px #2f54eb59}.brand-name{font-size:20px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.brand-tag{font-size:11px;color:var(--primary);background:#eef2ff;padding:2px 8px;border-radius:20px;font-weight:600}.site-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.site-nav a{padding:8px 12px;border-radius:10px;font-size:14.5px;color:var(--ink-2);font-weight:500;white-space:nowrap;flex-shrink:0;transition:color .15s,background .15s}.site-nav a:hover{color:var(--primary);background:#f2f5ff}@media(max-width:1280px){.header-inner{gap:20px}.site-nav a{padding:6px 10px;font-size:14px}}@media(max-width:1100px){.brand-tag{display:none}}.header-actions{display:flex;gap:10px;align-items:center}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px}.nav-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.section{padding:96px 0}.section.alt{background:var(--bg-soft)}.section-head{max-width:720px;margin:0 auto 56px;text-align:center}.section-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--primary);background:#eef2ff;border-radius:20px;padding:5px 14px;margin-bottom:14px}.section-head h2{font-size:34px;line-height:1.35;letter-spacing:.5px}.section-head p{margin-top:14px;color:var(--ink-2);font-size:16px}.hero{position:relative;padding:150px 0 64px;overflow:hidden;background:linear-gradient(180deg,#f4f7ff,#fff)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.blob-1{width:420px;height:420px;background:#cdd9ff;top:-140px;left:-100px}.blob-2{width:360px;height:360px;background:#d9f4e4;top:30%;right:-120px}.blob-3{width:300px;height:300px;background:#efe6ff;bottom:-100px;left:30%}.grid-line{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(47,84,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(47,84,235,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 20%,transparent 75%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--primary-deep);background:#fff;border:1px solid #dbe3ff;border-radius:30px;padding:7px 16px;box-shadow:var(--shadow-sm)}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #16a34a26}.hero-copy h1{margin:22px 0 18px;font-size:44px;line-height:1.3;letter-spacing:.5px}.hero-copy h1 em{font-style:normal;background:linear-gradient(120deg,var(--primary-2),var(--primary-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{max-width:560px;color:var(--ink-2);font-size:17px}.hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.hero-note{margin-top:16px;color:var(--ink-3);font-size:13.5px}.hero-visual{position:relative;display:flex;justify-content:center}.phone-frame{width:300px;height:600px;border-radius:52px;padding:9px;position:relative;background:linear-gradient(160deg,#4a587f,#1c2544 24%,#0b1126 55%,#0a0f22 76%,#31406a);box-shadow:0 40px 90px #19285a61,0 12px 30px #19285a33,inset 0 1px 1px #ffffff59,inset 0 -2px 8px #00000080}.phone-frame:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;--rim-a: 0deg;background:conic-gradient(from var(--rim-a),transparent 0deg,rgba(150,180,255,.95) 42deg,transparent 88deg,transparent 150deg,rgba(120,150,255,.5) 205deg,transparent 255deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:rimSpin 7s linear infinite;opacity:.9;pointer-events:none;z-index:8}@property --rim-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes rimSpin{to{--rim-a: 360deg}}.phone-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:6;background:linear-gradient(115deg,#fff3,#ffffff0f 22%,#fff0 40%)}.phone-btn{position:absolute;z-index:7;background:linear-gradient(180deg,#5a6890,#2b3453)}.phone-btn.btn-left-top{left:-3px;top:128px;width:3.5px;height:26px;border-radius:3px 0 0 3px}.phone-btn.btn-left-mid{left:-3px;top:166px;width:3.5px;height:46px;border-radius:3px 0 0 3px}.phone-btn.btn-right{right:-3px;top:152px;width:3.5px;height:76px;border-radius:0 3px 3px 0}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:96px;height:26px;background:#04060e;border-radius:16px;z-index:4;box-shadow:inset 0 0 10px #000000f2,0 1px 2px #ffffff1a}.phone-notch:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5a82c9,#0a1428)}.phone-small{width:270px;height:540px;border-radius:46px}.phone-small .phone-notch{top:16px;width:84px;height:23px}.mp-screen{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:radial-gradient(120% 60% at 50% 0%,#fff,#f4f7ff 52%,#e8edfb);display:flex;flex-direction:column;font-size:13px}.mp-head{display:flex;align-items:center;justify-content:space-between;padding:34px 18px 10px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff}.mp-title{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.mp-title i{font-style:normal;font-size:11px;font-weight:600;background:#ffffff38;padding:2px 8px;border-radius:20px}.mp-avatar{width:30px;height:30px;border-radius:50%;background:#ffffff40;display:grid;place-items:center;font-size:13px;font-weight:700}.mp-summary{margin:12px 14px 0;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-sm)}.mp-sum-row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-2);padding:2px 0}.mp-sum-row b{font-size:14px;color:var(--ink)}.mp-sum-row b.up{color:var(--green)}.mp-sum-total{display:flex;align-items:baseline;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:12px;color:var(--ink-2)}.mp-sum-total b{color:var(--primary);font-size:17px}.mp-sum-total small{margin-left:auto;color:var(--green);font-size:11px}.mp-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 14px 0}.q-item{background:#fff;border-radius:12px;padding:9px 4px;text-align:center;font-size:12px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-sm)}.q-item.q-out{color:var(--red)}.q-item.q-in{color:var(--green)}.q-item.q-mic{color:var(--purple)}.q-item.q-cam{color:var(--orange)}.mp-list{flex:1;margin:12px 14px;background:#fff;border-radius:14px;padding:4px 14px;box-shadow:var(--shadow-sm);overflow:hidden}.mp-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.mp-row:last-child{border-bottom:0}.mp-ico{width:32px;height:32px;border-radius:10px;background:#f2f5ff;display:grid;place-items:center;font-size:16px;flex:none}.mp-row div{flex:1;min-width:0}.mp-row b{display:block;font-size:13px}.mp-row small{display:block;font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-row i{font-style:normal;font-size:13px;font-weight:700;flex:none}.mp-row i.out{color:var(--red)}.mp-row i.in{color:var(--green)}.mp-row i.warn{color:var(--orange);font-size:11px;background:#fdf3e3;padding:2px 8px;border-radius:20px}.mp-chart{margin:12px 14px 0;background:#fff;border-radius:14px;padding:12px 14px 8px;box-shadow:var(--shadow-sm)}.mp-chart .bars{display:flex;align-items:flex-end;gap:10px;height:92px}.mp-chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.mp-chart .bar span{width:100%;max-width:22px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#c8d4ff,#8fa8ff)}.mp-chart .bar.hot span{background:linear-gradient(180deg,var(--primary-2),var(--primary))}.mp-chart .bar i{font-style:normal;font-size:10px;color:var(--ink-3)}.mp-tabbar{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:9px 0 14px;text-align:center;font-size:11.5px;color:var(--ink-3)}.mp-tabbar span.on{color:var(--primary);font-weight:700}.phone-stage{position:relative;z-index:0;animation:phoneFloat 6.5s ease-in-out infinite;will-change:transform}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(-.6deg) scale(1)}50%{transform:translateY(-14px) rotate(.6deg) scale(1.012)}}.hero-visual .phone-frame{transition:transform .18s ease-out;will-change:transform}.phone-orbit{position:absolute;top:-58px;right:-58px;bottom:-58px;left:-58px;z-index:-1;pointer-events:none}.orb-dot{position:absolute;border-radius:50%}.orb-dot.d1{width:10px;height:10px;top:14%;left:3%;background:#7dd3fc;box-shadow:0 0 16px 3px #7dd3fc80;animation:orbFloat 7s ease-in-out infinite}.orb-dot.d2{width:6px;height:6px;bottom:20%;right:6%;background:#a5b4fc;box-shadow:0 0 12px 3px #a5b4fc80;animation:orbFloat 9s ease-in-out .8s infinite}.orb-dot.d3{width:8px;height:8px;top:56%;left:-4%;background:#f0abfc;box-shadow:0 0 14px 3px #f0abfc73;animation:orbFloat 8s ease-in-out 1.6s infinite}.orb-dot,.hero-visual:before{animation:none!important}.mp-statusbar{display:flex;align-items:center;justify-content:space-between;padding:46px 22px 2px;color:#fff;background:linear-gradient(135deg,#6d8dff,#3f66f4 55%,#2f54eb)}.sb-time{font-size:13px;font-weight:700;letter-spacing:.4px}.sb-icons{display:flex;align-items:center;gap:5px}.sb-icons svg{display:block}.hero-visual .mp-head{padding-top:4px;padding-bottom:8px;background:linear-gradient(135deg,#6d8dff,#3f66f4 55%,#2f54eb)}.hero-visual .mp-summary{margin-top:10px;padding:10px 14px;display:flex;align-items:center;gap:12px}.hero-visual .mp-sum-rows{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.hero-visual .mp-spark{width:92px;height:54px;flex:none}.hero-visual .mp-quick{padding-top:10px}.hero-visual .mp-list{margin-top:10px;margin-bottom:10px;padding:2px 14px}.hero-visual .mp-row{padding:8.5px 0}.mp-home{width:108px;height:4px;border-radius:4px;background:#101828d9;margin:8px auto 9px;flex:none}.hero-visual.visible .mp-toast{opacity:0}.hero-visual:before{content:"";position:absolute;top:50%;left:50%;width:480px;height:480px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#6384ff4d,#6384ff1f 40%,#6384ff00 66%);animation:glowPulse 6s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.hero-visual .mp-screen>*:not(.mp-toast){opacity:0}.hero-visual.visible .mp-screen>*:not(.mp-toast){animation:cardIn .55s cubic-bezier(.22,.9,.35,1) forwards}.hero-visual.visible .mp-statusbar{animation-delay:.05s}.hero-visual.visible .mp-head{animation-delay:.15s}.hero-visual.visible .mp-summary{animation-delay:.3s}.hero-visual.visible .mp-quick{animation-delay:.45s}.hero-visual.visible .mp-list{animation-delay:.6s}.hero-visual.visible .mp-tabbar{animation-delay:.78s}.hero-visual.visible .mp-home{animation-delay:.85s}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-visual .wt-screen>*{opacity:0}.hero-visual.visible .wt-screen>*{animation:cardIn .55s cubic-bezier(.22,.9,.35,1) forwards}.hero-visual.visible .wt-top{animation-delay:.1s}.hero-visual.visible .wt-scroll{animation-delay:.3s}.hero-visual.visible .wt-tabbar{animation-delay:.52s}.hero-visual.visible .wt-scroll-ind{animation-delay:.64s}.hero-visual .wt-top{padding-bottom:10px}.hero-visual .wt-statusbar{padding-top:8px}.hero-visual.visible .mp-row{opacity:0;animation:rowIn .5s cubic-bezier(.22,.9,.35,1) forwards}.hero-visual.visible .mp-row:nth-child(1){animation-delay:.68s}.hero-visual.visible .mp-row:nth-child(2){animation-delay:.78s}.hero-visual.visible .mp-row:nth-child(3){animation-delay:.88s}.hero-visual.visible .mp-row:nth-child(4){animation-delay:.98s}@keyframes rowIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.q-item{transition:transform .2s ease,box-shadow .2s ease}.hero-visual .q-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.hero-visual .mp-row i.warn{animation:warnPulse 2.2s ease-in-out infinite}@keyframes warnPulse{0%,to{box-shadow:0 0 #e08a0066}50%{box-shadow:0 0 0 7px #e08a0000}}.mp-chart .bar span{transform:scaleY(0);transform-origin:bottom;transition:transform .7s cubic-bezier(.22,.9,.35,1)}.product-visual.visible .mp-chart .bar span{transform:scaleY(1)}.product-visual.visible .mp-chart .bar:nth-child(1) span{transition-delay:.12s}.product-visual.visible .mp-chart .bar:nth-child(2) span{transition-delay:.22s}.product-visual.visible .mp-chart .bar:nth-child(3) span{transition-delay:.32s}.product-visual.visible .mp-chart .bar:nth-child(4) span{transition-delay:.42s}.product-visual.visible .mp-chart .bar:nth-child(5) span{transition-delay:.52s}.live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex:none;box-shadow:0 0 #4ade808c;animation:liveDot 2s ease-out infinite}@keyframes liveDot{0%{box-shadow:0 0 #4ade808c}70%,to{box-shadow:0 0 0 6px #4ade8000}}.spark-line{stroke-dasharray:240;stroke-dashoffset:240;animation:sparkDraw 7s cubic-bezier(.4,0,.2,1) infinite}.spark-fill{opacity:0;animation:sparkFade 7s ease infinite}.spark-dot{transform-box:fill-box;transform-origin:center;opacity:0;animation:sparkDot 7s ease-in-out infinite}@keyframes sparkDraw{0%{stroke-dashoffset:240}38%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes sparkFade{0%,10%{opacity:0}40%,78%{opacity:1}to{opacity:.65}}@keyframes sparkDot{0%,38%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.35)}62%{transform:scale(1)}to{opacity:.9}}.hero-visual .q-item.q-mic{position:relative}.hero-visual .q-item.q-mic:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;border:2px solid rgba(139,92,246,.5);animation:micPulse 2.2s ease-out infinite}@keyframes micPulse{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.32);opacity:0}}.mp-tabbar span{position:relative}.mp-tabbar span.on:after{content:"";position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:14px;height:3px;border-radius:3px;background:var(--primary);animation:tabPulse 2.6s ease-in-out infinite}@keyframes tabPulse{0%,to{opacity:.4;transform:translate(-50%) scaleX(.65)}50%{opacity:1;transform:translate(-50%) scaleX(1)}}.mp-toast{position:absolute;top:58px;left:50%;z-index:5;display:flex;align-items:center;gap:9px;pointer-events:none;background:#fffffff7;border:1px solid var(--line);border-radius:13px;padding:9px 13px;box-shadow:0 16px 34px #1f2d562e;opacity:0;width:max-content;max-width:calc(100% - 36px)}.mp-toast .t-ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:15px;background:#eef2ff;flex:none}.mp-toast b{display:block;font-size:12.5px;white-space:nowrap}.mp-toast small{display:block;font-size:10.5px;color:var(--ink-3);white-space:nowrap}.mp-toast.show{animation:toastIn .5s cubic-bezier(.22,.9,.35,1) forwards}.mp-toast.hide{animation:toastOut .45s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-14px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px) scale(.95)}}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.float-card .fc-ico{width:38px;height:38px;border-radius:12px;background:#eef6ff;display:grid;place-items:center;font-size:19px}.float-card b{display:block;font-size:14px}.float-card small{display:block;font-size:12px;color:var(--ink-3)}.float-card>i{font-style:normal;color:var(--green);background:#e7f7ee;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.fc-tl{top:84px;left:-30px}.fc-tr{top:84px;right:-26px}.fc-bl{bottom:84px;left:-30px}.fc-br{bottom:84px;right:-26px}.float-card>i{animation:checkPulse 2.4s ease-in-out infinite}.fc-green .fc-ico{background:#e7f7ee}.fc-indigo .fc-ico{background:#eef2ff}.fc-orange .fc-ico{background:#fff2e6}.fc-teal .fc-ico{background:#e6f7f3}.float-card{animation:floatCard 5.4s ease-in-out infinite}.float-card:nth-child(2){animation-delay:.7s}.float-card:nth-child(3){animation-delay:1.4s}.float-card:nth-child(4){animation-delay:2.1s}@keyframes floatCard{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(1.2deg)}}@keyframes checkPulse{0%,to{transform:scale(1);box-shadow:0 0 #16a34a59}50%{transform:scale(1.1);box-shadow:0 0 0 6px #16a34a00}}.hero-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:72px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 20px;box-shadow:var(--shadow-md)}.stat{text-align:center}.stat b{display:block;font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--primary-2),var(--primary-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-size:13.5px;color:var(--ink-2)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.product-grid .product-card:hover{transform:scale(1.05);box-shadow:0 18px 44px #2f54eb2e;border-color:#9db8ff;background:#fbfcff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.product-card.hot{box-shadow:var(--shadow-md);border-color:#dbe3ff}.p-num{position:absolute;top:18px;right:22px;font-size:40px;font-weight:800;color:#eef1fb}.p-ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--c) 12%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent)}.product-card h3{margin:18px 0 6px;font-size:21px}.p-aud{font-size:13px;color:var(--primary);font-weight:600;margin-bottom:10px}.p-desc{color:var(--ink-2);font-size:14.5px}.p-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}.p-tags span{font-size:12px;color:var(--ink-2);background:#f4f6fb;border:1px solid var(--line);padding:4px 10px;border-radius:20px}.f-more{display:inline-block;font-size:14px;font-weight:700;color:var(--primary)}.f-more:hover{color:var(--primary-deep)}.product-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.product-copy .check-list li{display:flex;gap:14px;padding:13px 0;border-bottom:1px dashed var(--line)}.product-copy .check-list li:last-child{border-bottom:0}.check-list b{color:var(--ink);font-size:15.5px;display:block}.check-list li span{color:var(--ink-2);font-size:14px}.check-list li:before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:#e7f7ee;color:var(--green);font-weight:800;display:grid;place-items:center;font-size:13px;margin-top:2px}.product-cta{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.product-cta.center{justify-content:center;margin-top:44px}.product-visual{display:flex;justify-content:center}.app-window{width:min(560px,100%);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.app-topbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}.win-dot{width:11px;height:11px;border-radius:50%}.win-dot.red{background:#ff5f57}.win-dot.yellow{background:#febc2e}.win-dot.green{background:#28c840}.app-title{margin-left:8px;font-size:13px;font-weight:600;color:var(--ink-2)}.app-user{margin-left:auto;font-size:12.5px;color:var(--ink-3);background:#f4f6fb;padding:4px 10px;border-radius:20px}.app-body{display:grid;grid-template-columns:150px 1fr;min-height:340px}.app-side{background:#fafbfe;border-right:1px solid var(--line);padding:14px 10px}.side-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px;margin:0 auto 14px}.side-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);padding:8px 10px;border-radius:9px;margin-bottom:4px}.side-item.active{background:#eef2ff;color:var(--primary);font-weight:600}.app-main{padding:16px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi{background:#fafbfe;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.kpi small{display:block;font-size:11px;color:var(--ink-3)}.kpi b{font-size:17px}.kpi b.grow{color:var(--green)}.kpi b.warn-num{color:var(--orange)}.kpi i{font-style:normal;display:block;font-size:10.5px;margin-top:2px}.kpi i.up{color:var(--green)}.kpi i.warn{color:var(--orange)}.kpi i.ok{color:var(--green)}.app-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.app-panel-head b{font-size:13.5px}.chip{font-size:11px;color:var(--primary);background:#eef2ff;padding:2px 10px;border-radius:20px}.app-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.list-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}.list-row:last-child{border-bottom:0}.list-row b{margin-left:auto;font-size:12px;color:var(--ink);white-space:nowrap}.tag{font-size:11px;padding:3px 9px;border-radius:6px;font-weight:600;flex:none}.tag-green{background:#e7f7ee;color:var(--green)}.tag-blue{background:#eef2ff;color:var(--primary)}.tag-orange{background:#fdf3e3;color:var(--orange)}.app-status{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.st-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12.5px}.st-item i{font-style:normal;font-size:11.5px}.st-item i.ok{color:var(--green)}.st-item i.warn{color:var(--orange)}.tabs-group{max-width:1060px;margin:0 auto}.sub-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:36px;flex-wrap:wrap}.tab-btn{background:#fff;border:1px solid var(--line);color:var(--ink-2);font-size:15px;font-weight:600;padding:10px 24px;border-radius:30px;transition:all .18s}.tab-btn:hover{border-color:#c9d5ff;color:var(--primary)}.tab-btn.active{background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;border-color:transparent;box-shadow:0 8px 20px #2f54eb4d}.sub-panel{display:none;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.sub-panel.active{display:grid;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sub-copy h3{font-size:22px;margin-bottom:18px}.sub-copy .check-list li{padding:11px 0}.sub-visual{display:flex;justify-content:center}.board-mock{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:min(560px,100%)}.board-col{background:#f4f6fb;border-radius:14px;padding:12px}.col-head{font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.col-head i{font-style:normal;background:#fff;border:1px solid var(--line);border-radius:20px;font-size:11px;padding:1px 8px;color:var(--ink-2)}.col-head.done{color:var(--green)}.col-card{background:#fff;border-radius:10px;border:1px solid var(--line);padding:9px 10px;font-size:12px;font-weight:600;margin-bottom:8px;box-shadow:var(--shadow-sm)}.col-card small{display:block;font-size:10.5px;color:var(--ink-3);font-weight:400;margin-top:2px}.col-card.ok-card{border-color:#bfe8cd;background:#f2fbf6;color:var(--green)}.wecom-mock{display:grid;grid-template-columns:1.25fr .75fr;width:min(560px,100%);background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.wc-chat{background:#f5f7fb;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px;min-height:330px}.wc-chat-head{font-size:13.5px;font-weight:700;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}.wc-chat-head small{display:block;font-weight:400;color:var(--ink-3);font-size:11px}.wc-bubble{max-width:82%;border-radius:12px;padding:9px 12px;font-size:12.5px;margin-bottom:10px}.wc-bubble.them{background:#fff;border:1px solid var(--line);align-self:flex-start}.wc-bubble.me{background:var(--primary);color:#fff;align-self:flex-end}.wc-input{margin-top:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 14px;font-size:12px;color:var(--ink-3)}.wc-side{padding:14px;display:flex;flex-direction:column;gap:8px}.wc-side-head{font-size:13.5px;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--line)}.wc-side-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2);padding:6px 0;border-bottom:1px dashed var(--line)}.wc-side-row i{font-style:normal;font-weight:600}.wc-side-row i.ok{color:var(--green)}.wc-side-row i.warn{color:var(--orange)}.wc-side-btn{margin-top:4px;background:var(--primary);color:#fff;text-align:center;border-radius:10px;padding:9px;font-size:13px;font-weight:600}.wc-side-btn.ghost{background:#eef2ff;color:var(--primary)}.mp-portal-card{margin:12px 14px 0;background:#fff;border-radius:14px;padding:14px;box-shadow:var(--shadow-sm)}.mp-portal-card b{font-size:14.5px}.mp-portal-card small{display:block;color:var(--ink-3);font-size:11.5px;margin:4px 0 10px}.portal-progress{height:8px;border-radius:20px;background:#eef1fb;overflow:hidden}.portal-progress span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--primary-2),var(--primary))}.portal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.portal-tags i{font-style:normal;font-size:10.5px;padding:2px 8px;border-radius:20px}.portal-tags i.ok{background:#e7f7ee;color:var(--green)}.portal-tags i.warn{background:#fdf3e3;color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:64px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 16px;text-align:center;position:relative}.step-num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;font-weight:800;display:inline-grid;place-items:center;margin-bottom:10px}.step b{display:block;font-size:15px;margin-bottom:4px}.step small{font-size:12px;color:var(--ink-3);line-height:1.6;display:block}.compare-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md)}.compare-table{width:100%;min-width:720px;border-collapse:collapse}.compare-table th,.compare-table td{padding:15px 18px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}.compare-table thead th{background:#fafbfe;font-size:13.5px;color:var(--ink-2)}.compare-table thead th:first-child{color:var(--ink)}.compare-table .col-me{background:#f2f6ff}.compare-table thead .col-me{color:var(--primary);font-size:15px}.compare-table tbody tr:last-child td{border-bottom:0}.compare-table td .tick,.compare-table td .cross,.compare-table td .half{font-style:normal;font-weight:800;margin-right:6px}.tick{color:var(--green)}.tick.dim{color:var(--ink-3)}.cross{color:var(--red)}.half{color:var(--orange)}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.adv-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px;transition:transform .2s,box-shadow .2s}.adv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.adv-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--c) 12%,#fff);margin-bottom:14px}.adv-card h3{font-size:17px;margin-bottom:8px}.adv-card p{font-size:13.5px;color:var(--ink-2)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.quote{font-size:15px;color:var(--ink);line-height:1.9;min-height:104px}.case-user{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--line)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex:none}.av-1{background:linear-gradient(135deg,#ff9d66,#f5533d)}.av-2{background:linear-gradient(135deg,#5ac8fa,#2f54eb)}.av-3{background:linear-gradient(135deg,#b18cff,#7c3aed)}.case-user b{display:block;font-size:15px}.case-user small{color:var(--ink-3);font-size:12.5px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column}.price-card.hot{border-color:transparent;background:linear-gradient(180deg,#fff,#f2f6ff);box-shadow:var(--shadow-lg)}.price-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;font-size:12.5px;font-weight:700;padding:5px 16px;border-radius:20px;box-shadow:0 6px 14px #2f54eb59}.price-card h3{font-size:18px;margin-bottom:8px}.price{display:flex;align-items:baseline;gap:6px;margin-bottom:20px}.price b{font-size:34px;font-weight:800;background:linear-gradient(135deg,var(--primary-2),var(--primary-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.price span{color:var(--ink-3);font-size:13px}.price-card ul{flex:1;margin-bottom:24px}.price-card li{position:relative;padding:7px 0 7px 24px;color:var(--ink-2);font-size:14px}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.faq-list{max-width:780px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:15.5px;font-weight:600;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{box-shadow:var(--shadow-sm)}.faq-item[open] .faq-plus{transform:rotate(45deg);color:var(--primary)}.faq-plus{transition:transform .2s,color .2s;color:var(--ink-3);font-size:18px}.faq-item p{padding:0 22px 18px;color:var(--ink-2);font-size:14.5px}.contact{background:linear-gradient(160deg,#f4f7ff,#fff 60%)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.contact-info h2{font-size:32px;line-height:1.4;margin:6px 0 16px}.contact-info>p{color:var(--ink-2);margin-bottom:26px}.contact-list li{display:flex;gap:14px;padding:12px 0}.c-ico{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:19px;flex:none;box-shadow:var(--shadow-sm)}.contact-list b{display:block;font-size:15px}.contact-list small{color:var(--ink-3);font-size:13px}.contact-note{margin-top:20px;background:#eef2ff;color:var(--primary-deep);border-radius:12px;padding:12px 16px;font-size:13.5px}.lead-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px}.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink);flex:1}.lead-form input,.lead-form select,.lead-form textarea{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:14px;font-family:inherit;background:#fafbfe;transition:border-color .15s,box-shadow .15s;outline:none;width:100%}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--primary-2);box-shadow:0 0 0 3px #4f7cff26;background:#fff}.lead-form input.err,.lead-form select.err,.lead-form textarea.err{border-color:var(--red)}.form-row{display:flex;gap:14px}.form-success{background:#fff;border:1px solid #bfe8cd;border-radius:20px;padding:60px 30px;text-align:center;box-shadow:var(--shadow-lg)}.ok-ico{width:60px;height:60px;border-radius:50%;background:#e7f7ee;color:var(--green);display:grid;place-items:center;font-size:28px;font-weight:800;margin:0 auto 18px}.form-success h3{font-size:20px;margin-bottom:8px}.form-success p{color:var(--ink-2)}.site-footer{background:#0d1220;color:#c7cdda;padding:64px 0 0}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}.footer-brand .brand-name{color:#fff}.footer-brand p{margin-top:16px;font-size:13.5px;line-height:1.8;max-width:300px}.footer-col h4{color:#fff;font-size:15px;margin-bottom:16px}.footer-col a{display:block;color:#9aa3b5;font-size:13.5px;padding:5px 0;transition:color .15s}.footer-col a:hover{color:#fff}.footer-col .footer-meta{display:block;color:#9aa3b5;font-size:13.5px;padding:5px 0;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding:20px 0;font-size:12.5px;color:#6b7280}.footer-bottom .beian-link{color:inherit;text-decoration:none}.footer-bottom .beian-link:hover{color:#fff;text-decoration:underline}.back-top{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;border:0;font-size:18px;font-weight:800;box-shadow:0 10px 24px #2f54eb66;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s;z-index:90}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{transform:translateY(-3px)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-copy{max-width:640px;margin:0 auto}.hero-sub{margin:0 auto}.hero-cta,.hero-note{justify-content:center}.hero-visual{margin-top:48px}.product-inner{grid-template-columns:1fr;gap:40px}.product-grid,.price-grid,.case-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.adv-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.sub-panel,.contact-inner{grid-template-columns:1fr}.fc-tl,.fc-bl{left:10px}.fc-tr,.fc-br{right:10px}}.carousel-sec{padding:20px 0 72px}.carousel{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}.carousel-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 64px;min-height:260px;box-sizing:border-box;background:linear-gradient(135deg,#f0f4ff,#fff)}.slide-copy{max-width:560px}.slide-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;color:var(--accent, var(--primary));background:#eef2ff;border-radius:20px;padding:5px 14px;margin-bottom:14px}.slide-copy h3{font-size:30px;line-height:1.35;margin:0 0 14px;color:var(--ink)}.slide-copy p{font-size:15px;line-height:1.8;color:var(--ink-2);margin:0 0 24px}.slide-cta{display:inline-flex}.slide-art{font-size:110px;line-height:1;filter:drop-shadow(0 14px 24px rgba(47,84,235,.18))}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#ffffffeb;color:var(--ink-2);font-size:22px;line-height:1;box-shadow:var(--shadow-sm);transition:color .15s,transform .15s,box-shadow .15s}.carousel-arrow:hover{color:var(--primary);transform:translateY(-50%) scale(1.08);box-shadow:var(--shadow-md)}.carousel-arrow.prev{left:18px}.carousel-arrow.next{right:18px}.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.carousel-dots .dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#c7d2fe;transition:width .25s,background .25s}.carousel-dots .dot.active{width:26px;border-radius:6px;background:var(--primary)}@media(max-width:760px){.carousel-sec{padding:8px 0 56px}.carousel-slide{flex-direction:column;text-align:center;padding:44px 26px 52px;gap:20px;min-height:320px}.slide-copy h3{font-size:24px}.slide-copy p{font-size:14px}.slide-art{font-size:72px}.carousel-arrow{display:none}}@media(max-width:760px){.section{padding:72px 0}.section-head h2{font-size:26px}.hero{padding-top:120px}.hero-copy h1{font-size:30px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}.site-nav{position:fixed;inset:72px 0 auto 0;background:#fff;flex-direction:column;padding:16px 24px 24px;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--line);display:none;margin:0}.site-nav.open{display:flex}.site-nav a{padding:12px 8px}.header-actions .btn-ghost{display:none}.nav-toggle{display:flex}.adv-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps .step:last-child{grid-column:1 / -1}.form-row{flex-direction:column}.app-body{grid-template-columns:110px 1fr}.kpi-row,.board-mock{grid-template-columns:repeat(2,1fr)}.wecom-mock{grid-template-columns:1fr}.wc-chat{border-right:0;border-bottom:1px solid var(--line)}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.phone-frame{width:260px;height:540px}.phone-orbit{top:-26px;right:-26px;bottom:-26px;left:-26px}.fc-tl{top:40px;left:0}.fc-tr{top:40px;right:0}.fc-bl{bottom:60px;left:0}.fc-br{bottom:60px;right:0}.float-card{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.side-window,.wt-frame,.demo-side,.demo-phone,.demo-app .wecom-mock,.demo-app .wc-bubble,.web-mock .app-body,.web-mock .kpi{transition:none!important}.phone-stage,.phone-orbit,.hero-visual:before,.float-card,.hero-visual .mp-row i.warn,.float-card>i,.phone-frame:before,.live-dot,.spark-line,.spark-fill,.spark-dot,.hero-visual .q-item.q-mic:after,.mp-tabbar span.on:after,.mp-toast{animation:none!important}.hero-visual .mp-screen>*,.hero-visual .wt-screen>*,.hero-visual .mp-row{opacity:1!important;animation:none!important;transform:none!important}.hero-visual .mp-toast{opacity:0!important}.hero-visual .wt-mid i,.hero-visual .wt-scroll-ind,.hero-visual .wt-tabbar span.on:after,.hero-visual .wt-bars i{animation:none!important}.hero-visual .wt-bars i{transform:scaleY(1)}.hero-visual .wt-scroll{overflow-y:auto}.spark-line{stroke-dashoffset:0}.spark-fill{opacity:.8}.spark-dot{opacity:1;transform:scale(1)}.mp-chart .bar span{transform:scaleY(1);transition:none}}.brand-logo{height:34px;width:auto;vertical-align:middle}.brand-logo[hidden]{display:none}.demo-app{background:linear-gradient(180deg,#f4f7ff,#fff);position:relative;overflow:hidden}.demo-app-inner{display:flex;flex-direction:column;align-items:center}.demo-app .section-head{margin-bottom:48px}.demo-phone{position:relative;display:flex;flex-direction:column;align-items:center}.wt-frame{width:300px;height:640px}.wt-frame .phone-notch{top:16px;width:90px;height:24px}.wt-screen{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:#f2f5fb;display:flex;flex-direction:column;font-size:13px}.wt-top{flex:none;background:#fff;padding:0 14px 12px;position:relative;z-index:2}.wt-statusbar{display:flex;justify-content:space-between;align-items:center;padding:10px 2px 6px;color:var(--ink);font-size:12.5px;font-weight:600}.wt-sbicons{display:inline-flex;align-items:center;gap:5px}.wt-header{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.wt-brand{display:flex;align-items:center;gap:8px}.wt-logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;font-style:normal;box-shadow:0 4px 10px #2f54eb4d}.wt-brand b{font-size:16px;letter-spacing:.5px}.wt-cert{font-size:10.5px;color:var(--green);background:#e8f7ee;border:1px solid #bfe8cd;padding:2px 9px;border-radius:20px;font-weight:700}.wt-company{margin-top:4px;font-size:11.5px;color:var(--ink-3)}.wt-badges{display:flex;gap:6px;margin-top:8px}.wt-badges span{font-size:10.5px;color:var(--ink-2);background:#f2f4f8;border:1px solid var(--line);padding:2px 8px;border-radius:6px;font-weight:600}.wt-plan{display:flex;gap:8px;margin-top:10px;align-items:center}.wt-plan-card{flex:1;min-width:0;background:#f6f8fd;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:11px;color:var(--ink-3)}.wt-plan-card b{display:block;font-size:12.5px;color:var(--ink);margin-bottom:1px}.wt-done{flex:none;font-size:10.5px;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);padding:4px 10px;border-radius:20px;font-weight:700;box-shadow:0 4px 10px #16a34a4d}.wt-scroll{flex:1;overflow:hidden;position:relative;padding:12px 14px 18px}.wt-card{background:#fff;border-radius:14px;box-shadow:var(--shadow-sm);padding:12px;margin-bottom:12px}.wt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.wt-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);padding:12px 4px;font-size:11.5px;font-weight:600;color:var(--ink-2);transition:transform .18s ease,box-shadow .18s ease,color .18s ease;cursor:default}.wt-item i{font-style:normal;font-size:20px;line-height:1}.wt-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);color:var(--primary)}.wt-todo-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.wt-todo-head b{font-size:13.5px}.wt-todo-head em{font-style:normal;color:var(--primary);font-weight:700;font-size:12px}.wt-todo-sub{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--ink-3);font-weight:600}.wt-todo-sub:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);flex:none}.wt-todo-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #f2f4f8;font-size:12.5px;color:var(--ink)}.wt-todo-row i{font-style:normal;font-size:15px}.wt-todo-row .row-time{margin-left:auto;color:var(--ink-3);font-size:11px}.wt-todo-empty{margin-top:8px;background:#f0fdf4;border:1px dashed #bbf7d0;color:var(--green);border-radius:10px;padding:8px 10px;font-size:12px;text-align:center}.wt-alert{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;background:linear-gradient(135deg,#fff8ed,#fffdf8);border:1px solid #ffe1b8;border-radius:14px;padding:12px;font-size:12px;color:#b45309;box-shadow:var(--shadow-sm)}.wt-alert b{color:#9a3412}.wt-stat-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.wt-stat-cols div{background:#f6f8fd;border-radius:10px;padding:8px 10px}.wt-stat-cols small{display:block;color:var(--ink-3);font-size:10.5px}.wt-stat-cols b{font-size:14px}.wt-stat-cols b.up{color:var(--green)}.wt-stat-cols b.hl{color:var(--primary)}.wt-bars{display:flex;align-items:flex-end;gap:6px;height:34px;margin-top:12px;padding-top:6px;border-top:1px dashed var(--line)}.wt-bars i{flex:1;border-radius:4px 4px 0 0;transform:scaleY(.15);transform-origin:bottom;animation:wtBar 7s ease-in-out infinite}.wt-bars i:nth-child(1){background:linear-gradient(180deg,#4f7cff,#2f54eb);animation-delay:.2s}.wt-bars i:nth-child(2){background:linear-gradient(180deg,#4ade80,#16a34a);animation-delay:1.2s}.wt-bars i:nth-child(3){background:linear-gradient(180deg,#a78bfa,#7c3aed);animation-delay:2.2s}@keyframes wtBar{0%,14%{transform:scaleY(.15)}48%,86%{transform:scaleY(1)}to{transform:scaleY(.15)}}.wt-news-row{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #f2f4f8;font-size:12px}.wt-news-row i{font-style:normal;font-size:16px}.wt-news-row b{display:block;font-size:12.5px;color:var(--ink)}.wt-news-row small{color:var(--ink-3);font-size:11px}.wt-more{color:var(--primary);font-size:11px;font-weight:600}.wt-tabbar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2;background:#fff;border-top:1px solid var(--line);padding:10px 0 14px;text-align:center;font-size:11.5px;color:var(--ink-3)}.wt-tabbar span{position:relative}.wt-tabbar span.on{color:var(--primary);font-weight:700}.wt-tabbar span.on:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%);width:14px;height:3px;border-radius:3px;background:var(--primary);animation:tabPulse 2.6s ease-in-out infinite}.wt-tabbar .wt-mid{color:var(--primary);font-weight:700}.wt-tabbar .wt-mid i{position:absolute;top:-22px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;font-style:normal;font-size:18px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px #2f54eb66;animation:wtFloat 2.6s ease-in-out infinite}@keyframes wtFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.wt-scroll-ind{position:absolute;left:50%;bottom:66px;transform:translate(-50%);z-index:3;width:26px;height:4px;border-radius:4px;background:#2f54eb66;pointer-events:none;animation:wtInd 1.8s ease-in-out infinite}@keyframes wtInd{0%,to{opacity:.35;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(2px)}}.demo-caption{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:9px 20px;box-shadow:var(--shadow-sm);font-size:13px;color:var(--ink-2)}.demo-caption small{color:var(--ink-3)}.hero-caption{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);margin-top:0;white-space:nowrap;z-index:2}.demo-stage{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;flex-wrap:wrap}.demo-side{display:flex;flex-direction:column;align-items:center;gap:14px}.side-window{display:flex;flex-direction:column;width:330px;height:600px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #19285a29,0 10px 24px #19285a14}.side-win-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#fbfcff;border-bottom:1px solid var(--line)}.side-win-bar .win-dot{width:10px;height:10px}.side-win-title{margin-left:6px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.side-tag{font-size:13px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 18px;box-shadow:var(--shadow-sm)}.demo-app .wecom-mock{width:100%;flex:1;min-height:0;border:0;border-radius:0;box-shadow:none;grid-template-columns:1.1fr .9fr}.demo-app .wc-chat{min-height:0;padding:12px}.demo-app .wc-chat-head{font-size:12.5px;padding-bottom:8px;margin-bottom:10px}.demo-app .wc-chat-head span{display:block}.wc-bubbles{display:flex;flex-direction:column}.wc-side-rows{display:flex;flex-direction:column;gap:8px}.wt-plan-card em{font-style:normal;display:block}.wt-alert-text{flex:1}.demo-app .wc-bubble{font-size:11.5px;padding:7px 10px;margin-bottom:8px}.demo-app .wc-input{font-size:11.5px;padding:7px 12px}.demo-app .wc-side{padding:12px}.demo-app .wc-side-head{font-size:12.5px}.demo-app .wc-side-row{font-size:11.5px}.demo-app .wc-side-btn{font-size:12px;padding:8px}.web-mock{flex:1;min-height:0;background:#fff}.web-mock .app-body{grid-template-columns:104px minmax(0,1fr);min-height:0;height:100%}.web-mock .app-side{padding:10px 8px}.web-mock .side-item{font-size:11.5px;padding:7px 8px}.web-mock .side-logo{width:30px;height:30px;font-size:15px}.web-mock .app-main{padding:12px}.web-mock .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.web-mock .kpi{padding:8px 10px}.web-mock .kpi b{font-size:15px}.web-mock .kpi small{font-size:10.5px}.web-mock .kpi i{font-size:10px}.web-mock .app-panel-head{margin-bottom:6px}.web-mock .list-row{padding:8px 10px;font-size:11.5px;gap:8px}.web-mock .list-row b{font-size:11px;white-space:normal;text-align:right;max-width:46%}.web-mock .row-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-mock .app-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.web-mock .st-item{min-width:0;padding:8px 10px;font-size:11.5px}.web-mock .st-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-mock .ap-head{margin-top:10px}.web-mock .app-ap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.web-mock .ap-item{background:#f6f8fd;border-radius:10px;padding:8px 10px;min-width:0}.web-mock .ap-item small{display:block;color:var(--ink-3);font-size:10.5px;margin-bottom:2px}.web-mock .ap-item b{display:block;font-size:15px;white-space:nowrap}.web-mock .ap-item b.in{color:var(--green)}.web-mock .ap-item b.out{color:#d97706}.web-mock .ap-item i{font-style:normal;font-size:10px;color:var(--ink-3);white-space:nowrap}.web-mock .ap-item i.up{color:var(--green)}.web-mock .ap-item i.down{color:#d97706}.side-window,.wt-frame{will-change:transform;transition:width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .55s ease,opacity .55s ease}.demo-side,.demo-phone{transition:opacity .5s ease,transform .5s ease}.demo-app .wecom-mock,.demo-app .wc-chat-head,.demo-app .wc-chat-head span,.demo-app .wc-bubble,.demo-app .wc-input,.demo-app .wc-side-head,.demo-app .wc-side-row,.demo-app .wc-side-btn,.web-mock .app-body,.web-mock .side-item,.web-mock .side-logo,.web-mock .app-main,.web-mock .kpi,.web-mock .kpi b,.web-mock .kpi small,.web-mock .kpi i,.web-mock .list-row,.web-mock .list-row b,.web-mock .st-item,.web-mock .ap-item,.web-mock .ap-item b,.web-mock .ap-item small,.web-mock .ap-item i{transition:font-size .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),grid-template-columns .5s cubic-bezier(.22,1,.36,1)}@media(min-width:901px){.demo-stage[data-focus=wecom] .demo-side-wecom .side-window,.demo-stage[data-focus=web] .demo-side-web .side-window{width:520px;height:760px;transform:scale(1.04) translateY(-14px);box-shadow:0 46px 96px #19285a3d,0 18px 38px #19285a24;z-index:5}.demo-stage[data-focus=phone] .demo-phone .wt-frame{width:360px;height:720px;transform:scale(1.04) translateY(-14px);z-index:5}.demo-stage[data-focus=wecom] .demo-phone .wt-frame,.demo-stage[data-focus=wecom] .demo-side-web .side-window,.demo-stage[data-focus=web] .demo-phone .wt-frame,.demo-stage[data-focus=web] .demo-side-wecom .side-window,.demo-stage[data-focus=phone] .demo-side-wecom .side-window,.demo-stage[data-focus=phone] .demo-side-web .side-window{width:210px;height:520px;opacity:.55;transform:scale(.94)}.demo-stage[data-focus=wecom] .demo-side-wecom .wecom-mock{grid-template-columns:1.25fr 1fr}.demo-stage[data-focus=wecom] .demo-side-wecom .wc-chat-head{font-size:15px;margin-bottom:13px}.demo-stage[data-focus=wecom] .demo-side-wecom .wc-chat-head small{font-size:12.5px}.demo-stage[data-focus=wecom] .demo-side-wecom .wc-bubble{font-size:14px;padding:10px 14px;margin-bottom:11px}.demo-stage[data-focus=wecom] .demo-side-wecom .wc-input{font-size:14px;padding:10px 15px}.demo-stage[data-focus=wecom] .demo-side-wecom .wc-side-head{font-size:15px}.demo-stage[data-focus=wecom] .demo-side-wecom .wc-side-row{font-size:13.5px;padding:3px 0}.demo-stage[data-focus=wecom] .demo-side-wecom .wc-side-btn{font-size:13.5px;padding:11px}.demo-stage[data-focus=web] .demo-side-web .app-body{grid-template-columns:150px minmax(0,1fr)}.demo-stage[data-focus=web] .demo-side-web .side-item{font-size:14px;padding:10px 12px}.demo-stage[data-focus=web] .demo-side-web .side-logo{width:40px;height:40px;font-size:20px}.demo-stage[data-focus=web] .demo-side-web .app-main{padding:18px}.demo-stage[data-focus=web] .demo-side-web .kpi-row{gap:12px;margin-bottom:14px}.demo-stage[data-focus=web] .demo-side-web .kpi{padding:12px 14px}.demo-stage[data-focus=web] .demo-side-web .kpi b{font-size:22px}.demo-stage[data-focus=web] .demo-side-web .kpi small{font-size:12.5px}.demo-stage[data-focus=web] .demo-side-web .kpi i{font-size:12px}.demo-stage[data-focus=web] .demo-side-web .app-panel-head{margin-bottom:10px}.demo-stage[data-focus=web] .demo-side-web .app-panel-head b{font-size:16px}.demo-stage[data-focus=web] .demo-side-web .list-row{padding:11px 14px;font-size:14px;gap:12px}.demo-stage[data-focus=web] .demo-side-web .list-row b{font-size:13px;max-width:38%}.demo-stage[data-focus=web] .demo-side-web .app-status{gap:12px;margin-top:14px}.demo-stage[data-focus=web] .demo-side-web .st-item{padding:11px 14px;font-size:14px}.demo-stage[data-focus=web] .demo-side-web .ap-head{margin-top:12px;margin-bottom:8px}.demo-stage[data-focus=web] .demo-side-web .app-ap{gap:12px;margin-top:12px}.demo-stage[data-focus=web] .demo-side-web .ap-item{padding:11px 14px}.demo-stage[data-focus=web] .demo-side-web .ap-item small{font-size:12.5px;margin-bottom:3px}.demo-stage[data-focus=web] .demo-side-web .ap-item b{font-size:19px}.demo-stage[data-focus=web] .demo-side-web .ap-item i{font-size:12px}}@media(min-width:901px)and (max-width:1100px){.demo-stage[data-focus=wecom] .demo-side-wecom .side-window,.demo-stage[data-focus=web] .demo-side-web .side-window{width:440px;height:680px}.demo-stage[data-focus=phone] .demo-phone .wt-frame{width:320px;height:660px}.demo-stage[data-focus=wecom] .demo-phone .wt-frame,.demo-stage[data-focus=wecom] .demo-side-web .side-window,.demo-stage[data-focus=web] .demo-phone .wt-frame,.demo-stage[data-focus=web] .demo-side-wecom .side-window,.demo-stage[data-focus=phone] .demo-side-wecom .side-window,.demo-stage[data-focus=phone] .demo-side-web .side-window{width:200px;height:500px}}@media(max-width:1100px){.demo-stage{gap:20px}.side-window{width:260px;height:560px}}@media(max-width:900px){.demo-stage{flex-direction:column;gap:24px}.side-window{width:330px;height:540px}}@media(max-width:760px){.side-window{width:300px;height:500px}.side-tag{font-size:12px;padding:6px 14px}}@media(prefers-reduced-motion:reduce){.side-window,.wt-frame,.demo-side,.demo-phone,.demo-app .wecom-mock,.demo-app .wc-bubble,.web-mock .app-body,.web-mock .kpi{transition:none!important}.demo-app .wt-mid i,.demo-app .wt-scroll-ind,.demo-app .wt-tabbar span.on:after,.demo-app .wt-bars i{animation:none!important}.demo-app .wt-bars i{transform:scaleY(1)}.demo-app .wt-scroll{overflow-y:auto}}.ant-btn-primary{background:linear-gradient(135deg,#4f7cff,#2f54eb);border-color:transparent;text-shadow:none;box-shadow:0 8px 20px #2f54eb52}.ant-btn-primary:not(:disabled):hover,.ant-btn-primary:not(:disabled):focus{background:linear-gradient(135deg,#6d8dff,#4f7cff,#2f54eb);border-color:transparent;color:#fff}.ant-btn-primary:not(:disabled):active{background:#1d39c4;border-color:#1d39c4;color:#fff}.ant-btn-primary:disabled,.ant-btn-primary.ant-btn-disabled{background:#c8d4ff;border-color:#c8d4ff;color:#fff;box-shadow:none}.ant-btn-background-ghost.ant-btn-primary{background:transparent!important;border-color:#2f54eb;color:#2f54eb;box-shadow:none}.ant-btn-background-ghost.ant-btn-primary:not(:disabled):hover,.ant-btn-background-ghost.ant-btn-primary:not(:disabled):focus{background:#f2f5ff!important;border-color:#4f7cff;color:#4f7cff}.ant-input:hover,.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:hover,.ant-input-affix-wrapper-focused,.ant-select:not(.ant-select-disabled):hover .ant-select-selector,.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#2f54eb!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper-focused,.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,.ant-input-number-focused{box-shadow:0 0 0 2px #2f54eb26}.ant-modal-content{border-radius:16px;box-shadow:0 24px 60px #1f2d5629;overflow:hidden}.ant-modal-header{border-bottom-color:#e8ebf4}.ant-modal-footer{border-top-color:#e8ebf4}.ant-modal-title{color:#101828;font-weight:600}.ant-modal-close:hover{color:#2f54eb}.ant-message-notice-content{border-radius:12px;box-shadow:0 8px 24px #1f2d561f}