@charset "utf-8";
/* ========================================
   全屏Banner - 高端霸气 · 全设备自适应
   ======================================== */
/* 基准：桌面端 header=40+100=140px; 平板/手机 header=~90px(0.9rem) */
#banner{width:100%;height:clamp(380px,65vh,780px);min-height:380px;position:relative;z-index:1;background:#0a0e27;margin-top:140px;overflow:hidden;}

/* 装饰几何图形 (用vw/vh做自适应缩放) */
#banner .banner-geo-decor{position:absolute;inset:0;pointer-events:none;z-index:2;}
#banner .geo{position:absolute;border-radius:50%;opacity:.06;}
#banner .geo-1{width:40vw;height:40vw;max-width:600px;max-height:600px;min-width:250px;min-height:250px;background:radial-gradient(circle,rgba(32,106,228,.4),transparent 70%);top:-15%;right:-10%;animation:geoFloat1 8s ease-in-out infinite;}
#banner .geo-2{width:28vw;height:28vw;max-width:400px;max-height:400px;min-width:180px;min-height:180px;background:radial-gradient(circle,rgba(255,80,46,.3),transparent 70%);bottom:-12%;left:-6%;animation:geoFloat2 10s ease-in-out infinite;}
#banner .geo-3{width:20vw;height:20vw;max-width:300px;max-height:300px;min-width:120px;min-height:120px;background:radial-gradient(circle,rgba(42,174,103,.25),transparent 70%);top:40%;right:20%;animation:geoFloat3 12s ease-in-out infinite;}
#banner .geo-4{width:14vw;height:14vw;max-width:200px;max-height:200px;min-width:80px;min-height:80px;border:1px solid rgba(255,255,255,.06);border-radius:0;transform:rotate(45deg);top:30%;left:65%;animation:geoFloat4 15s linear infinite;}
#banner .geo-ring{width:35vw;height:35vw;max-width:500px;max-height:500px;min-width:200px;min-height:200px;border:1px solid rgba(255,255,255,.03);top:50%;left:50%;transform:translate(-50%,-50%);animation:geoRing 20s linear infinite;}

@keyframes geoFloat1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-30px,-20px) scale(1.05);}}
@keyframes geoFloat2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(25px,20px) scale(1.08);}}
@keyframes geoFloat3{0%,100%{transform:translate(0,0);}50%{transform:translate(-20px,15px);}}
@keyframes geoFloat4{0%{transform:rotate(45deg) scale(1);}50%{transform:rotate(225deg) scale(1.2);}100%{transform:rotate(405deg) scale(1);}}
@keyframes geoRing{0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}

/* 粒子光点 */
#banner .banner-particles{position:absolute;inset:0;pointer-events:none;z-index:2;}
#banner .particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:particleFloat 6s ease-in-out infinite;}
#banner .p1{top:15%;left:10%;animation-delay:0s;}
#banner .p2{top:25%;left:75%;animation-delay:1.2s;}
#banner .p3{top:60%;left:20%;animation-delay:2.4s;}
#banner .p4{top:70%;left:85%;animation-delay:3.6s;}
#banner .p5{top:40%;left:50%;animation-delay:4.8s;}
#banner .p6{top:80%;left:45%;animation-delay:1.8s;}
@keyframes particleFloat{0%,100%{opacity:0;transform:translateY(0) scale(1);}20%{opacity:.8;}50%{opacity:.4;transform:translateY(-40px) scale(1.5);}80%{opacity:0;}}

/* Swiper主体 */
#banner .swiper-container{width:100%;height:100%;}
#banner .swiper-wrapper{height:100%;}
#banner .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden;}

/* 幻灯片背景 */
#banner .slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 8s cubic-bezier(.25,.1,.25,1);}
#banner .swiper-slide-active .slide-bg{transform:scale(1.08);}
#banner .slide-gradient{position:absolute;inset:0;z-index:1;}

/* 不同主题的渐变覆盖 */
#banner .slide-theme-dark .slide-gradient{background:linear-gradient(135deg,rgba(10,14,39,.85) 0%,rgba(15,25,60,.6) 50%,rgba(10,14,39,.85) 100%);}
#banner .slide-theme-light .slide-gradient{background:linear-gradient(135deg,rgba(255,255,255,.92) 0%,rgba(248,250,253,.85) 50%,rgba(255,255,255,.92) 100%);}
#banner .slide-theme-blue .slide-gradient{background:linear-gradient(135deg,rgba(5,20,55,.82) 0%,rgba(10,40,90,.55) 50%,rgba(5,20,55,.82) 100%);}
#banner .slide-theme-gradient .slide-gradient{background:linear-gradient(135deg,rgba(10,14,39,.8) 0%,rgba(32,106,228,.35) 50%,rgba(10,14,39,.8) 100%);}
#banner .slide-theme-geo .slide-gradient{background:linear-gradient(135deg,rgba(8,10,30,.9) 0%,rgba(18,20,50,.75) 40%,rgba(6,8,25,.92) 100%);}

/* 装饰形状 */
#banner .slide-shape{position:absolute;inset:0;z-index:2;pointer-events:none;}
#banner .shape-lines{background:repeating-linear-gradient(0deg,transparent,transparent 3vw,rgba(255,255,255,.02) 3vw,rgba(255,255,255,.02) calc(3vw + 1px));}
#banner .shape-dots{background-image:radial-gradient(circle,rgba(0,0,0,.03) 1px,transparent 1px);background-size:30px 30px;}
#banner .shape-circles{background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.03) 0%,transparent 40%);}
#banner .shape-grid{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;}

/* 幻灯片内容 - clamp()做流体内边距 */
#banner .slide-content{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding:0 clamp(20px,8vw,100px);}
#banner .slide-content.content-split{justify-content:space-between;}
#banner .content-inner{max-width:clamp(280px,50vw,650px);}
#banner .content-left{width:46%;max-width:46%;}
#banner .content-right{width:50%;display:flex;align-items:center;justify-content:flex-end;}
/* 图表区域 - 替换content-right, 50%+46%=96% 完美适配space-between */
#banner .banner-chart{width:46%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:3;}
#banner .banner-chart .chart-svg{width:100%;max-width:460px;height:auto;}
#banner .chart-label{font-size:12px;color:rgba(255,255,255,.25);letter-spacing:2px;margin-top:8px;text-align:center;text-transform:uppercase;}
#banner .chart-growth .chart-line{stroke-dasharray:400;stroke-dashoffset:400;animation:drawLine 1.2s .5s forwards;}
#banner .chart-growth .chart-fill{animation:fillArea 1.2s .6s forwards;}
@keyframes drawLine{to{stroke-dashoffset:0;}}
@keyframes fillArea{to{opacity:1;}}
/* 柱形图 */
#banner .chart-bars .bar{transition:opacity .4s;}
#banner .chart-bars .bar-accent{filter:drop-shadow(0 0 12px rgba(32,106,228,.5));}
#banner .chart-bars .bar:hover{opacity:1 !important;filter:brightness(1.2);}

/* 标签 */
#banner .slide-label{display:inline-flex;align-items:center;gap:clamp(8px,1vw,12px);font-size:clamp(10px,1vw,12px);font-weight:600;letter-spacing:clamp(2px,.3vw,4px);color:rgba(255,255,255,.7);margin-bottom:clamp(12px,2vw,24px);text-transform:uppercase;}
#banner .slide-label.label-dark{color:rgba(30,40,60,.6);}
#banner .label-dot{width:4px;height:4px;border-radius:50%;background:#206ae4;box-shadow:0 0 8px rgba(32,106,228,.6);animation:labelDotPulse 2s ease-in-out infinite;flex-shrink:0;}
@keyframes labelDotPulse{0%,100%{box-shadow:0 0 8px rgba(32,106,228,.6);}50%{box-shadow:0 0 16px rgba(32,106,228,.9);}}

/* 标题 */
#banner .slide-title{margin-bottom:clamp(16px,2.5vw,28px);}
#banner .slide-title.title-dark .title-line{color:#1a2c45;}
#banner .title-line{display:block;font-size:clamp(24px,4.5vw,56px);font-weight:800;line-height:1.15;color:#fff;letter-spacing:-.5px;}
#banner .title-line.title-accent{background:linear-gradient(135deg,#206ae4,#4d8fff,#64b5f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
#banner .title-line.title-accent-dark{color:#206ae4;-webkit-text-fill-color:#206ae4;background:none;}
#banner .slide-title.title-dark .title-accent-dark{color:#206ae4;}

/* 描述 */
#banner .slide-desc{font-size:clamp(13px,1.3vw,17px);line-height:1.7;color:rgba(255,255,255,.65);margin-bottom:clamp(20px,3.5vw,40px);max-width:clamp(240px,42vw,520px);}
#banner .desc-dark{color:rgba(40,55,80,.7);}

/* 按钮 */
#banner .slide-actions{display:flex;align-items:center;gap:clamp(10px,1.5vw,20px);margin-bottom:clamp(20px,4vw,50px);flex-wrap:wrap;}

#banner .btn-primary-glow{display:inline-flex;align-items:center;gap:8px;height:clamp(38px,4vw,52px);padding:0 clamp(18px,2.2vw,30px);font-size:clamp(12px,1.1vw,15px);font-weight:600;color:#fff;text-decoration:none;border:none;cursor:pointer;border-radius:100px;background:linear-gradient(135deg,#206ae4,#1860d8);position:relative;overflow:hidden;transition:all .4s;box-shadow:0 8px 30px rgba(32,106,228,.35);}
#banner .btn-primary-glow::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s;}
#banner .btn-primary-glow:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(32,106,228,.45);}
#banner .btn-primary-glow:hover::before{left:100%;}
#banner .btn-primary-glow svg{width:clamp(14px,1.3vw,18px);height:clamp(14px,1.3vw,18px);transition:transform .3s;flex-shrink:0;}
#banner .btn-primary-glow:hover svg{transform:translateX(3px);}

#banner .btn-outline-light{display:inline-flex;align-items:center;gap:6px;height:clamp(38px,4vw,52px);padding:0 clamp(16px,2vw,28px);font-size:clamp(12px,1.1vw,15px);font-weight:500;color:#fff;text-decoration:none;border:1.5px solid rgba(255,255,255,.3);cursor:pointer;border-radius:100px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s;}
#banner .btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);transform:translateY(-3px);}
#banner .btn-outline-light .play-icon{width:clamp(12px,1.1vw,16px);height:clamp(12px,1.1vw,16px);transition:transform .3s;flex-shrink:0;}
#banner .btn-outline-light:hover .play-icon{transform:scale(1.15);}

/* 数据统计行 */
#banner .slide-stats{display:flex;gap:clamp(20px,4vw,50px);padding-top:clamp(12px,1.5vw,20px);border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;}
#banner .stat-item{display:flex;flex-direction:column;gap:2px;}
#banner .stat-num{font-size:clamp(20px,2.5vw,32px);font-weight:800;color:#fff;font-family:'SF Pro Display','Helvetica Neue',Arial,sans-serif;letter-spacing:-1px;line-height:1.2;}
#banner .stat-label{font-size:clamp(10px,.9vw,13px);color:rgba(255,255,255,.5);letter-spacing:.5px;}

/* 右侧插图 */
#banner .slide-illustration{position:relative;}
#banner .slide-illustration img{max-width:100%;max-height:clamp(200px,40vw,520px);object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));animation:illusFloat 4s ease-in-out infinite;}
@keyframes illusFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}

/* 右侧控制台样机（替代缺失插图 · 参照版权页控制台效果） */
#banner .banner-mock{position:relative;width:100%;max-width:540px;margin-left:auto;animation:illusFloat 5.5s ease-in-out infinite;}
#banner .bm-glow{position:absolute;inset:-12% -8%;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--bm-accent,#206ae4) 35%,transparent),transparent 70%);filter:blur(34px);z-index:0;}
#banner .bm-pill{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;padding:7px 14px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(0,0,0,.2);animation:pillFloat 4.5s ease-in-out infinite;}
#banner .bm-pill i{color:var(--bm-accent,#4d8fff);}
#banner .bm-pill--1{top:-32px;left:4%;}
#banner .bm-pill--2{bottom:-32px;right:4%;animation-delay:1.3s;}
@keyframes pillFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-11px);}}
#banner .bm-card{position:relative;z-index:2;border-radius:18px;padding:18px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 70px -20px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.2);overflow:hidden;}
#banner .bm-card-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid rgba(255,255,255,.12);}
#banner .bm-card-brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;}
#banner .bm-card-brand i{color:var(--bm-accent,#4d8fff);font-size:16px;}
#banner .bm-card-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.75);padding:4px 11px;border-radius:100px;background:rgba(255,255,255,.08);}
#banner .bm-card-live i{color:#34d399;font-size:8px;animation:livePulse 1.6s ease-in-out infinite;}
@keyframes livePulse{0%,100%{opacity:1;}50%{opacity:.3;}}
#banner .bm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
#banner .bm-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.85);padding:6px 12px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);}
#banner .bm-chip i{color:var(--bm-accent,#4d8fff);font-size:12px;}
#banner .bm-row-lbl{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.6);margin-bottom:9px;letter-spacing:.5px;}
#banner .bm-bars{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
#banner .bm-bar{position:relative;height:26px;border-radius:8px;background:rgba(255,255,255,.06);overflow:hidden;display:flex;align-items:center;}
#banner .bm-bar::before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--w,60%);background:linear-gradient(90deg,var(--bm-accent,#206ae4),color-mix(in srgb,var(--bm-accent,#206ae4) 30%,transparent));border-radius:8px;opacity:.6;}
#banner .bm-bar span{position:relative;z-index:1;padding-left:12px;font-size:11.5px;color:#fff;font-weight:600;}
#banner .bm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
#banner .bm-kpis .k{text-align:center;padding:10px 6px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
#banner .bm-kpis .k b{display:block;font-size:clamp(15px,1.6vw,20px);font-weight:800;color:#fff;line-height:1.2;}
#banner .bm-kpis .k span{font-size:10.5px;color:rgba(255,255,255,.55);}
#banner .bm-card-foot{margin-top:12px;font-size:10px;color:rgba(255,255,255,.35);text-align:center;letter-spacing:.5px;}
#banner .banner-mock.bm--trade{--bm-accent:#ffb020;}
#banner .banner-mock.bm--web{--bm-accent:#4d8fff;}
#banner .banner-mock.bm--growth{--bm-accent:#37e0c8;}
#banner .banner-mock.bm--ai{--bm-accent:#7c5cff;}

/* ========================================
   居中奢华布局 - 无图屏专用 · 高端精美
   ======================================== */
#banner .slide-center-luxury{justify-content:center;}
#banner .luxury-inner{max-width:780px;text-align:center;display:flex;flex-direction:column;align-items:center;}

/* 顶部装饰线 */
#banner .luxury-top-ornament{display:flex;align-items:center;gap:14px;margin-bottom:clamp(14px,2vw,22px);opacity:0;animation:luxFadeIn .8s .15s forwards;}
#banner .swiper-slide-active .luxury-top-ornament{opacity:1;}
#banner .orn-line{width:clamp(40px,6vw,80px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);}
#banner .orn-diamond{width:clamp(28px,3vw,36px);height:clamp(28px,3vw,36px);border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);animation:ornSpin 3s ease-in-out infinite;}
#banner .orn-diamond i{font-size:clamp(12px,1.2vw,16px);color:rgba(255,255,255,.5);transform:rotate(-45deg);}
@keyframes ornSpin{0%,100%{transform:rotate(45deg) scale(1);}50%{transform:rotate(45deg) scale(1.08);}}
@keyframes luxFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* 标签 */
#banner .luxury-tag{display:inline-flex;align-items:center;gap:2px;font-size:clamp(10px,1vw,12px);font-weight:500;letter-spacing:clamp(2.5px,.35vw,5px);color:rgba(255,255,255,.55);text-transform:uppercase;margin-bottom:clamp(16px,2.5vw,28px);opacity:0;animation:luxFadeIn .8s .25s forwards;}
#banner .swiper-slide-active .luxury-tag{opacity:1;}
#banner .tag-bracket{color:rgba(32,106,228,.6);font-size:clamp(14px,1.4vw,18px);font-weight:300;}

/* 标题 */
#banner .luxury-title{margin-bottom:clamp(14px,2vw,24px);opacity:0;animation:luxFadeIn .8s .35s forwards;}
#banner .swiper-slide-active .luxury-title{opacity:1;}
#banner .luxury-title .title-line{font-size:clamp(26px,5vw,62px);line-height:1.2;}

/* 装饰分隔线 */
#banner .luxury-divider{display:flex;align-items:center;justify-content:center;gap:clamp(6px,.8vw,10px);margin-bottom:clamp(16px,2.5vw,28px);opacity:0;animation:luxFadeIn .8s .45s forwards;}
#banner .swiper-slide-active .luxury-divider{opacity:1;}
#banner .div-line{width:clamp(24px,4vw,50px);height:1px;background:linear-gradient(90deg,transparent,rgba(32,106,228,.5),transparent);}
#banner .div-dot{width:4px;height:4px;border-radius:50%;background:#206ae4;box-shadow:0 0 10px rgba(32,106,228,.8);flex-shrink:0;}

/* 描述 */
#banner .luxury-desc{font-size:clamp(13px,1.2vw,16px);line-height:1.8;color:rgba(255,255,255,.55);max-width:620px;margin:0 auto clamp(18px,3vw,32px);opacity:0;animation:luxFadeIn .8s .55s forwards;}
#banner .swiper-slide-active .luxury-desc{opacity:1;}

/* 按钮组 */
#banner .luxury-actions{justify-content:center;margin-bottom:clamp(14px,2vw,24px);opacity:0;animation:luxFadeIn .8s .65s forwards;}
#banner .swiper-slide-active .luxury-actions{opacity:1;}

/* 数据统计 */
#banner .luxury-stats{justify-content:center;gap:clamp(30px,5vw,60px);border-top:1px solid rgba(255,255,255,.08);padding-top:clamp(14px,2vw,22px);opacity:0;animation:luxFadeIn .8s .75s forwards;}
#banner .swiper-slide-active .luxury-stats{opacity:1;}
#banner .luxury-stat{flex-direction:column;align-items:center;gap:6px;}
#banner .luxury-stat .stat-icon{width:clamp(34px,3.5vw,42px);height:clamp(34px,3.5vw,42px);border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .4s;}
#banner .luxury-stat .stat-icon i{font-size:clamp(13px,1.3vw,17px);color:rgba(255,255,255,.35);transition:all .4s;}
#banner .luxury-stat:hover .stat-icon{background:rgba(32,106,228,.1);border-color:rgba(32,106,228,.3);transform:translateY(-3px);}
#banner .luxury-stat:hover .stat-icon i{color:#206ae4;}
#banner .luxury-stat .stat-num{display:flex;align-items:baseline;font-size:clamp(22px,2.2vw,30px);font-weight:800;color:#fff;font-family:'SF Pro Display','Helvetica Neue',Arial,sans-serif;letter-spacing:-.5px;}
#banner .luxury-stat .stat-num small{font-size:.55em;color:rgba(255,255,255,.4);margin-left:1px;}
#banner .luxury-stat .stat-label{font-size:clamp(10px,.8vw,12px);color:rgba(255,255,255,.35);letter-spacing:1px;font-weight:400;}

/* 响应式覆盖 */
@media(max-width:992px){
	#banner .luxury-inner{max-width:100%;padding:0 10px;}
	#banner .luxury-desc{max-width:90%;}
	#banner .luxury-stats{gap:clamp(16px,4vw,30px);}
	#banner .banner-chart .chart-svg{max-width:260px;}
	#banner .chart-label{font-size:10px;}
}
@media(max-width:768px){
	#banner .banner-chart{display:none;}
	#banner .content-left{width:100%;max-width:100% !important;}
}
@media(max-width:640px){
	#banner .luxury-top-ornament{margin-bottom:10px;}
	#banner .luxury-tag{margin-bottom:12px;}
	#banner .luxury-title{margin-bottom:10px;}
	#banner .luxury-divider{margin-bottom:12px;}
	#banner .luxury-desc{margin-bottom:14px;}
	#banner .luxury-actions{margin-bottom:10px;}
	#banner .luxury-stats{gap:16px;padding-top:10px;}
	#banner .luxury-stat .stat-icon{width:30px;height:30px;}
	#banner .luxury-stat .stat-icon i{font-size:11px;}
	#banner .luxury-stat .stat-num{font-size:18px;}
}
@media(max-width:380px){
	#banner .luxury-stats{gap:10px;}
	#banner .luxury-stat .stat-icon{width:26px;height:26px;}
}

/* 自定义指示器 */
#banner .banner-indicator{position:absolute;right:clamp(12px,3vw,60px);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,1.8vw,24px);}
#banner .indicator-progress{position:relative;width:clamp(36px,3.5vw,48px);height:clamp(36px,3.5vw,48px);display:flex;align-items:center;justify-content:center;}
#banner .progress-ring{position:absolute;inset:0;width:100%;height:100%;}
#banner .progress-fill{transition:stroke-dashoffset .4s ease;}
#banner .indicator-count{font-size:clamp(13px,1.1vw,16px);font-weight:700;color:#fff;z-index:1;}
#banner .indicator-dots{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.7vw,10px);}
#banner .indicator-dots .dot{width:clamp(6px,.55vw,8px);height:clamp(6px,.55vw,8px);border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s;}
#banner .indicator-dots .dot.active{background:#206ae4;box-shadow:0 0 12px rgba(32,106,228,.6);transform:scale(1.3);}
#banner .indicator-dots .dot:hover{background:rgba(255,255,255,.6);}
#banner .indicator-total{font-size:clamp(10px,.85vw,13px);color:rgba(255,255,255,.4);font-weight:500;}

/* 滚动提示 */
#banner .scroll-hint{position:absolute;bottom:clamp(15px,3vw,40px);left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.7vw,10px);cursor:pointer;opacity:.6;transition:opacity .3s;}
#banner .scroll-hint:hover{opacity:1;}
#banner .scroll-text{font-size:clamp(8px,.7vw,10px);letter-spacing:clamp(2px,.3vw,4px);color:#fff;font-weight:500;}
#banner .scroll-line{width:1px;height:clamp(20px,2.2vw,30px);background:rgba(255,255,255,.2);position:relative;overflow:hidden;}
#banner .scroll-dot-anim{width:2px;height:clamp(5px,.55vw,8px);background:#fff;border-radius:2px;position:absolute;top:-8px;left:50%;transform:translateX(-50%);animation:scrollDot 2s ease-in-out infinite;}
@keyframes scrollDot{0%{top:-8px;opacity:0;}30%{opacity:1;}100%{top:32px;opacity:0;}}

/* ========================================
   响应式断点 - 精细覆盖各设备
   ======================================== */

/* 1400-1600: 中大屏笔记本 */
@media(max-width:1500px){
	#banner{margin-top:140px;}
	#banner .banner-chart .chart-svg{max-width:340px;}
}
/* 1200-1399: 标准笔记本 */
@media(max-width:1300px){
	#banner .slide-illustration img{max-height:clamp(180px,35vw,420px);}
	#banner .banner-chart .chart-svg{max-width:290px;}
}
/* 1000-1199: 小平板/窄屏 -- header变为0.9rem≈90px */
@media(max-width:1100px){
	#banner{margin-top:130px;}
	#banner .content-left{width:55%;}
	#banner .content-right{width:45%;}
	#banner .slide-stats{gap:clamp(15px,3vw,30px);}
}
/* 1000px断点: header变为relative高度0.9rem,去掉head_top文字 */
@media(max-width:1000px){
	#banner{margin-top:90px;}
}
/* 768-992: 平板竖屏 */
@media(max-width:992px){
	#banner{margin-top:85px;min-height:clamp(380px,55vh,500px);}
	#banner .slide-content.content-split{flex-direction:column;justify-content:center;gap:30px;}
	#banner .content-left{width:100%;max-width:100%;text-align:center;}
	#banner .content-right{width:100%;display:none;}
	#banner .content-inner{max-width:100%;}
	#banner .slide-actions{justify-content:center;}
	#banner .slide-desc{max-width:100%;margin-left:auto;margin-right:auto;}
	#banner .banner-indicator{right:clamp(10px,2.5vw,20px);gap:clamp(10px,1.2vw,18px);}
	#banner .slide-stats{justify-content:center;}
	#banner .slide-label{justify-content:center;}
}
/* 768px及以下: 手机 */
@media(max-width:768px){
	#banner{height:clamp(380px,60vh,500px);margin-top:80px;}
	#banner .banner-indicator{display:none;}
	#banner .slide-stats{gap:clamp(15px,4vw,25px);}
	#banner .scroll-hint{bottom:clamp(10px,2.5vw,20px);}
	/* 手机端把粒子减半,减少性能消耗 */
	#banner .p4,.banner .p5,.banner .p6{display:none;}
}
/* 480-640: 小手机 */
@media(max-width:640px){
	#banner{height:clamp(340px,55vh,420px);margin-top:75px;}
	#banner .slide-stats{display:none;}
	#banner .slide-actions{flex-direction:column;gap:10px;width:100%;}
	#banner .btn-primary-glow,
	#banner .btn-outline-light{width:100%;justify-content:center;}
	/* 装饰元素缩小 */
	#banner .geo-1{width:35vw;height:35vw;min-width:150px;min-height:150px;}
	#banner .geo-2{width:25vw;height:25vw;min-width:100px;min-height:100px;}
	#banner .geo-3{display:none;}
	#banner .geo-4{display:none;}
}
/* 320-375: 超小屏 */
@media(max-width:380px){
	#banner{height:clamp(300px,50vh,380px);margin-top:70px;}
	#banner .slide-content{padding:0 16px;}
	#banner .slide-label{font-size:9px;letter-spacing:1.5px;margin-bottom:8px;}
	#banner .title-line{line-height:1.2;}
	#banner .slide-desc{margin-bottom:14px;}
	#banner .slide-actions{gap:8px;}
	#banner .scroll-hint{display:none;}
}

/* ========================================
   数字统计 · 悬浮幻灯片上方
   ======================================== */
#num{width:100%;margin-top:0;background:#fff;position:relative;z-index:1;padding:0;}
#num .wrap{
	display:grid;grid-template-columns:repeat(4,1fr);
	background:rgba(255,255,255,.94);backdrop-filter:blur(20px);
	border-radius:clamp(16px,1.5vw,20px);
	box-shadow:0 12px 48px rgba(15,23,42,.08),0 2px 8px rgba(0,0,0,.03);
	border:1px solid rgba(255,255,255,.5);
	overflow:hidden;
	position:relative;z-index:1;
}

/* 每个统计项 */
#num .num-card{text-align:center;position:relative;}
#num .num-card-inner{padding:clamp(26px,3vw,40px) clamp(16px,1.5vw,24px);}
#num .num-card:not(:last-child)::after{
	content:'';position:absolute;right:0;top:20%;height:60%;
	width:1px;background:linear-gradient(180deg,transparent,rgba(32,106,228,.12),transparent);
}

/* 图标 */
#num .num-icon{margin-bottom:clamp(12px,1.4vw,18px);}
#num .num-icon i{font-size:clamp(26px,2.4vw,34px);color:#206ae4;transition:transform .4s ease;}
#num .num-card-inner:hover .num-icon i{transform:translateY(-3px);}
#num .num-icon-ring{display:none;}

/* 数字 */
#num .num-value{display:flex;align-items:baseline;justify-content:center;gap:3px;margin-bottom:clamp(4px,.4vw,8px);}
#num .num-number{font-size:clamp(40px,4.4vw,58px);font-weight:800;color:#0f172a;letter-spacing:-1.5px;line-height:1;}
#num .num-suffix{font-size:clamp(20px,2vw,26px);font-weight:700;color:#0f172a;}

/* 标签 */
#num .num-label{font-size:clamp(14px,1vw,16px);font-weight:600;color:#475569;}
#num .num-sub{font-size:clamp(11px,.75vw,12px);color:#94a3b8;margin-top:clamp(3px,.3vw,5px);}

/* 响应式 */
@media(max-width:992px){
	#num .wrap{grid-template-columns:repeat(2,1fr);}
	#num .num-card:nth-child(2)::after{display:none;}
	#num{padding:0;}
}
@media(max-width:480px){
	#num{padding:0;}
	#num .num-card-inner{padding:clamp(16px,4vw,20px) 8px;}
	#num .num-icon i{font-size:clamp(22px,6vw,28px);}
	#num .num-number{font-size:clamp(32px,10vw,44px);}
	#num .num-label{font-size:clamp(12px,3.5vw,14px);}
	#num .num-sub{font-size:clamp(10px,2.8vw,12px);}
}
.htitle{text-align:center;padding:10px 10px 30px; margin-top:30px;position:relative;}
.htitle big{display:block;line-height:50px;text-transform:uppercase;position:relative;margin-bottom:10px;}
.htitle big span:nth-child(1){font-size:42px;font-weight:700;color:#1a1a2e;letter-spacing:2px;}
.htitle big span:nth-child(2){font-size:32px;margin:0 15px;color:#206ae4;font-weight:300;}
.htitle big span:nth-child(3){font-size:42px;font-weight:600;color:#206ae4;font-family:"quicksand",Arial,sans-serif;letter-spacing:3px;}
.htitle small{display:block;margin-top:10px;color:#878B99;font-size:16px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8;position:relative;padding-top:5px;}
.htitle small::before{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg, transparent, #206ae4, transparent);margin:0 auto 15px;}
.htitle-write big span:nth-child(1),
.htitle-write big span:nth-child(3),
.htitle-write small{color:#fff !important;}
.htitle-write small::before{background:linear-gradient(90deg, transparent, #fff, transparent);}

.more_list{margin-top:30px;margin-bottom:30px;text-align:center;}
.more_list a{width:52px;height:50px;display:inline-block;margin:0 5px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.more_list a.t_prev{background:#f1f4f7 url("../images/index/bg_morelist.png") no-repeat 0 0;}
.more_list a.t_prev:hover{background:#206ae4 url("../images/index/bg_morelist.png") no-repeat -52px 0;}
.more_list a.t_next{background:#f1f4f7 url("../images/index/bg_morelist.png") no-repeat -52px -50px;}
.more_list a.t_next:hover{background:#206ae4 url("../images/index/bg_morelist.png") no-repeat 0 -50px;}
.more_list a.t_prev, 
.more_list a.t_next, 
.more_list a.t_more{border-radius:2px;vertical-align:middle;}
.more_list a.t_more{width:92px;background:#f1f4f7 url("../images/index/bg_morelist_2.png") no-repeat center -50px;}
.more_list a.t_more:hover{background:#206ae4 url("../images/index/bg_morelist_2.png") no-repeat center 0;}

/* ========================================
   我们的服务 · 高端编号卡片
   ======================================== */
#service{width:100%;padding:clamp(60px,8vw,100px) 0;background:#ffffff;position:relative;overflow:hidden;}
#service::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(32,106,228,.12),transparent);}
#service .wrap{position:relative;z-index:1;}

/* 板块大标题 - 高端大气（服务、产品共用） */
.service-title{text-align:center;margin-bottom:clamp(16px,2vw,24px);}
.service-title-tag{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.2vw,16px);margin-bottom:clamp(12px,1.5vw,20px);}
.tag-line{display:block;width:clamp(20px,2.5vw,36px);height:1px;background:linear-gradient(90deg,transparent,rgba(32,106,228,.4),transparent);}
.tag-text{font-size:clamp(11px,.85vw,13px);font-weight:600;letter-spacing:0.18em;color:#206ae4;text-transform:uppercase;}

.service-title-main{font-size:clamp(36px,4.2vw,56px);font-weight:800;margin:0;line-height:1.2;letter-spacing:0.06em;}
.title-word{display:inline-block;color:#0f172a;transition:all .4s ease;}
.title-word:hover{color:#206ae4;transform:translateY(-2px);}
.title-accent{color:#206ae4;}

.service-title-divider{display:flex;align-items:center;justify-content:center;gap:clamp(8px,.8vw,12px);margin:clamp(14px,1.5vw,22px) auto 0;}
.divider-line{display:block;width:clamp(30px,3.5vw,50px);height:2px;background:linear-gradient(90deg,transparent,rgba(32,106,228,.35),transparent);}
.divider-diamond{display:block;width:8px;height:8px;background:#206ae4;transform:rotate(45deg);border-radius:1px;}

.service-title-desc{font-size:clamp(14px,1vw,16px);color:#64748b;margin:clamp(12px,1.2vw,18px) 0 0;line-height:1.6;max-width:clamp(360px,38vw,500px);margin-left:auto;margin-right:auto;white-space:nowrap;}

#service .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);margin-top:clamp(36px,4vw,52px);}

#service .s-card{background:#fff;border-radius:clamp(16px,1.8vw,24px);padding:clamp(28px,2.8vw,44px);border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 24px rgba(15,23,42,.04);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}
#service .s-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#206ae4,#4d8fff);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);}
#service .s-card::after{content:'';position:absolute;top:-40%;right:-20%;width:280px;height:280px;background:radial-gradient(circle,rgba(32,106,228,.04) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none;}
#service .s-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(32,106,228,.1),0 8px 24px rgba(15,23,42,.06);border-color:rgba(32,106,228,.15);}
#service .s-card:hover::before{transform:scaleX(1);}
#service .s-card:hover::after{opacity:1;}

#service .s-card-head{position:relative;z-index:2;margin-bottom:clamp(24px,2vw,34px);}
#service .s-num{display:block;font-size:clamp(44px,4.5vw,68px);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(32,106,228,.25);margin-bottom:clamp(12px,1.2vw,18px);transition:all .5s ease;}
#service .s-card:hover .s-num{color:#206ae4;-webkit-text-stroke:0 transparent;}
#service .s-card-head h3{font-size:clamp(20px,1.8vw,28px);font-weight:700;color:#1e293b;margin:0 0 clamp(8px,.8vw,12px);line-height:1.3;}
#service .s-card-head p{font-size:clamp(13px,1vw,15px);color:#64748b;margin:0;line-height:1.6;}

#service .s-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;z-index:2;}
#service .s-list li{margin:0;padding:0;position:relative;}
#service .s-list a{display:flex;align-items:center;gap:clamp(5px,.5vw,8px);padding:clamp(7px,.7vw,10px) clamp(6px,.6vw,10px);font-size:clamp(11px,.75vw,13px);color:#475569;text-decoration:none;transition:all .3s ease;position:relative;white-space:nowrap;overflow:visible;}
#service .s-list a::before{content:'';width:5px;height:5px;background:#cbd5e1;border-radius:1px;flex-shrink:0;transition:all .35s ease;transform:rotate(45deg);}
#service .s-list a::after{content:'';width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid transparent;margin-left:auto;transition:all .3s ease;opacity:0;transform:translateX(-3px);flex-shrink:0;}
#service .s-list a:hover{color:#206ae4;background:linear-gradient(90deg,rgba(32,106,228,.06),transparent);transform:translateX(2px);}
#service .s-list a:hover::before{background:#206ae4;transform:rotate(45deg) scale(1.5);box-shadow:0 0 6px rgba(32,106,228,.4);}
#service .s-list a:hover::after{border-left-color:#206ae4;opacity:1;transform:translateX(0);}


@media(max-width:900px){
#service .service-grid{grid-template-columns:1fr 1fr;}
#service .s-list{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
#service .service-grid{grid-template-columns:1fr;}
#service .s-list{grid-template-columns:repeat(2,1fr);}
#service .s-list a{padding:clamp(8px,2.5vw,10px) clamp(4px,1vw,6px);font-size:clamp(11px,3vw,13px);}
#service .s-card{padding:clamp(22px,6vw,30px);}
#service .s-num{font-size:clamp(40px,12vw,60px);}
}

/* =============================================
   产品板块 · 统一标题+3列
   ============================================= */
.prod-section {
    width: 100vw; margin-left: calc(-50vw + 50%);
    background: #f2f4f8;
    padding: clamp(60px, 8vw, 100px) 0;
    position: relative;
}

/* ---- 产品网格（3列） ---- */
.prod-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(18px, 2vw, 28px) !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 10px;
}

/* ---- 卡片 ---- */
.pro-card {
    background: #fff;
    border-radius: 12px;
    padding: clamp(20px, 2.4vw, 30px);
    border: 1px solid #eef2f6;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
    transition: all .35s ease;
    display: flex; flex-direction: column;
}
.pro-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(15,23,42,.08);
    border-color: #e2e8f0;
}

/* ---- 卡片头部：图标 + 标题 + 描述 ---- */
.pro-card-main {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: clamp(12px, 1.2vw, 18px);
}
.pro-icon {
    width: clamp(44px, 4.5vw, 54px);
    height: clamp(44px, 4.5vw, 54px);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #206ae4;
    font-size: clamp(26px, 2.8vw, 36px);
    transition: transform .35s ease;
}
.pro-card:hover .pro-icon { transform: scale(1.08); }
.pro-icon-bg {
    display: inline-flex; align-items: center; justify-content: center;
    width: clamp(44px, 4.5vw, 54px);
    height: clamp(44px, 4.5vw, 54px);
    border-radius: 50%;
    color: #fff;
    font-size: clamp(20px, 2.2vw, 28px);
    box-shadow: 0 4px 14px rgba(0,0,0,.1);
    transition: all .35s ease;
}
.pro-card:hover .pro-icon-bg {
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
}
.prod-grid > :nth-child(8n+1) .pro-icon-bg { background: #206ae4; }
.prod-grid > :nth-child(8n+2) .pro-icon-bg { background: #FA563A; }
.prod-grid > :nth-child(8n+3) .pro-icon-bg { background: #07C160; }
.prod-grid > :nth-child(8n+4) .pro-icon-bg { background: #F37B1D; }
.prod-grid > :nth-child(8n+5) .pro-icon-bg { background: #8B5CF6; }
.prod-grid > :nth-child(8n+6) .pro-icon-bg { background: #EC4899; }
.prod-grid > :nth-child(8n+7) .pro-icon-bg { background: #14B8A6; }
.prod-grid > :nth-child(8n+8) .pro-icon-bg { background: #F59E0B; }

.pro-info { flex: 1; min-width: 0; }
.pro-name {
    font-size: clamp(15px, 1.1vw, 18px);
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 clamp(4px, .4vw, 6px);
    line-height: 1.35;
}
.pro-name a { color: inherit; text-decoration: none; transition: color .3s; }
.pro-card:hover .pro-name a { color: #206ae4; }
.pro-brief {
    font-size: clamp(11px, .75vw, 13px);
    color: #94a3b8;
    margin: 0 0 clamp(6px, .5vw, 8px);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 详细描述 */
.pro-desc {
    font-size: clamp(11px, .7vw, 12px);
    color: #b0b8c8;
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---- 分隔线 ---- */
.pro-divider {
    height: 1px;
    background: #f1f5f9;
    margin: clamp(14px, 1.5vw, 20px) 0;
}

/* ---- 底部标签按钮 ---- */
.pro-tags {
    display: flex;
    gap: clamp(6px, .6vw, 10px);
    flex-wrap: nowrap;
    justify-content: center;
}
.pro-tags .tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: clamp(6px, .6vw, 8px) clamp(12px, 1.4vw, 20px);
    flex: 1;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: clamp(11px, .7vw, 13px);
    font-weight: 500;
    color: #64748b;
    transition: all .25s ease;
    cursor: pointer;
    text-decoration: none;
}
.pro-tags .tag i { font-size: clamp(10px, .65vw, 12px); }
.pro-tags .tag-buy {
    border-color: #206ae4;
    color: #206ae4;
}
.pro-tags .tag-buy:hover {
    background: #206ae4;
    color: #fff;
}
.pro-tags .tag-demo {
    border-color: #f59e0b;
    color: #f59e0b;
}
.pro-tags .tag-demo:hover {
    background: #f59e0b;
    color: #fff;
}
.pro-tags .tag-wx {
    border-color: #07C160;
    color: #07C160;
}
.pro-tags .tag-wx:hover {
    background: #07C160;
    color: #fff;
}
.pro-tags .tag-compare {
    border-color: #6366f1;
    color: #6366f1;
}
.pro-tags .tag-compare:hover {
    background: #6366f1;
    color: #fff;
}
.pro-tags .tag:hover,
.pro-tags .tag-active {
    border-color: #206ae4;
    color: #206ae4;
    background: rgba(32,106,228,.03);
}

/* ---- 底部 CTA ---- */
.prod-cta {
    text-align: center;
    margin-top: clamp(36px, 4vw, 52px);
}
.cta-btn {
    display: inline-flex;
    align-items: center;
    padding: clamp(12px, 1.2vw, 16px) clamp(36px, 4vw, 56px);
    background: #fff;
    color: #206ae4;
    border: 1px solid #206ae4;
    border-radius: 8px;
    font-size: clamp(13px, .9vw, 15px);
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}
.cta-btn:hover {
    background: #206ae4;
    color: #fff;
    box-shadow: 0 6px 20px rgba(32,106,228,.25);
}

/* ---- 响应式 ---- */
@media(max-width:1000px){
    .prod-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media(max-width:640px){
    .prod-grid { grid-template-columns: 1fr !important; }
    .prod-section { padding: 45px 0; }
    .pro-card { padding: 20px; }
    .pro-icon { width: 40px; height: 40px; font-size: 22px; }
    .pro-name { font-size: 15px; }
    .pro-brief { font-size: 12px; }
    .pro-desc { font-size: 12px; }
    .pro-tags .tag { padding: 6px 12px; font-size: 12px; }
}

/* ========== 解决方案 - 多列精致排版 ========== */
#solution{
	width:100%;
	padding:90px 0 100px;
	background:linear-gradient(180deg,#f6f8fc 0%,#ffffff 40%,#f0f4fa 100%);
	position:relative;
	overflow:hidden;
}

/* 装饰光晕 */
.sol-glow{
	position:absolute;
	border-radius:50%;
	pointer-events:none;
}
.sol-glow-1{
	top:-100px;right:-60px;
	width:350px;height:350px;
	background:radial-gradient(circle,rgba(32,106,228,.08) 0%,transparent 60%);
	animation:solDrift 8s ease-in-out infinite;
}
.sol-glow-2{
	bottom:-120px;left:-80px;
	width:400px;height:400px;
	background:radial-gradient(circle,rgba(100,181,246,.06) 0%,transparent 55%);
	animation:solDrift 10s ease-in-out infinite reverse;
}
@keyframes solDrift{
	0%,100%{transform:translate(0,0) scale(1);}
	50%{transform:translate(25px,-20px) scale(1.08);}
}

/* 卡片网格 */
.sol-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	margin-top:45px;
	position:relative;
	z-index:1;
}

/* ========== 卡片 - 扁平设计 ========== */
.sol-card{
	background:#ffffff;
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);
	border:1px solid #eef1f7;
	transition:all .3s ease;
}
.sol-card:hover{
	box-shadow:0 8px 30px rgba(32,106,228,.06),0 2px 8px rgba(0,0,0,.03);
	border-color:#e2e8f0;
}

.sol-card a{
	display:flex;
	flex-direction:column;
	text-decoration:none;
	color:inherit;
	height:100%;
}

/* 图片区 */
.sol-card-img{
	width:100%;
	height:160px;
	overflow:hidden;
	background:#f8f9fb;
}
.sol-card-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .4s ease;
}
.sol-card:hover .sol-card-img img{
	transform:scale(1.04);
}

/* 内容区 */
.sol-card-body{
	padding:18px 20px 20px;
	flex:1;
	display:flex;
	flex-direction:column;
	gap:8px;
}

/* 标题 */
.sol-card-name{
	font-size:17px;
	font-weight:600;
	color:#0f172a;
	margin:0;
	line-height:1.4;
	transition:color .25s ease;
}
.sol-card:hover .sol-card-name{color:#206ae4;}

/* 描述 */
.sol-card-desc{
	font-size:13px;
	line-height:1.6;
	color:#64748b;
	margin:0;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	max-height:42px;
}

/* 查看详情链接 */
.sol-card-link{
	display:inline-flex;
	align-items:center;
	gap:4px;
	font-size:13px;
	font-weight:500;
	color:#94a3b8;
	transition:color .25s ease,gap .25s ease;
	margin-top:4px;
}
.sol-card-link i{
	font-size:11px;
	transition:transform .25s ease;
}
.sol-card:hover .sol-card-link{
	color:#206ae4;
	gap:8px;
}
.sol-card:hover .sol-card-link i{transform:translateX(3px);}

/* 底部操作区 */
.sol-actions{
	text-align:center;
	margin-top:50px;
	position:relative;
	z-index:1;
}
.sol-more-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:12px 36px;
	font-size:14px;
	font-weight:500;
	color:#206ae4;
	background:#ffffff;
	border:1.5px solid #e2e8f0;
	border-radius:8px;
	text-decoration:none;
	transition:all .25s ease;
}
.sol-more-btn i{
	font-size:13px;
	transition:transform .25s ease;
}
.sol-more-btn:hover{
	background:#206ae4;
	color:#fff;
	border-color:#206ae4;
	box-shadow:0 4px 16px rgba(32,106,228,.15);
}
.sol-more-btn:hover i{transform:translateX(4px);}

/* 服务优势 - 高端奢华精致设计 */
/* ========== 服务优势 - 扁平精致 ========== */
#advantage{
	width:100%;
	padding:90px 0 100px;
	background:#ffffff;
	position:relative;
}
#advantage .wrap{
	position:relative;
	z-index:1;
}
.adv-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
	margin-top:45px;
}
.adv-item{
	background:#ffffff;
	border-radius:12px;
	padding:32px 24px 36px;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:14px;
	border:1px solid #f0f2f5;
	transition:all .3s ease;
}
.adv-item:hover{
	border-color:#e2e8f0;
	box-shadow:0 8px 32px rgba(32,106,228,.06),0 2px 8px rgba(0,0,0,.03);
	transform:translateY(-4px);
}
.adv-item .adv-icon{
	width:64px;
	height:64px;
	border-radius:50%;
	background:#f8faff;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all .3s ease;
	border:1px solid #eef2f9;
}
.adv-item .adv-icon i{
	font-size:26px;
	color:#206ae4;
	transition:all .3s ease;
}
.adv-item:hover .adv-icon{
	background:#206ae4;
	border-color:#206ae4;
}
.adv-item:hover .adv-icon i{
	color:#fff;
}
.adv-item .adv-name{
	font-size:18px;
	font-weight:600;
	color:#0f172a;
	margin:0;
	line-height:1.4;
	transition:color .25s ease;
}
.adv-item:hover .adv-name{color:#206ae4;}
.adv-item .adv-desc{
	font-size:14px;
	line-height:1.7;
	color:#64748b;
	margin:0;
	max-width:280px;
}
@media (max-width:1000px){
	.adv-grid{grid-template-columns:repeat(3,1fr);gap:20px;}
}
@media (max-width:720px){
	.adv-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
}
@media (max-width:480px){
	.adv-grid{grid-template-columns:1fr;gap:14px;}
	.adv-item{padding:28px 20px 30px;}
}

/* ========== 服务流程 - 奢华卡片 ========== */
#process{
	width:100%;
	padding:90px 0 100px;
	background:#ffffff;
	position:relative;
	overflow:hidden;
}
#process::before{
	content:'';
	position:absolute;
	top:-200px;right:-200px;
	width:500px;height:500px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(32,106,228,.05) 0%,transparent 60%);
	pointer-events:none;
}
.proc-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
	margin-top:50px;
	position:relative;
	z-index:1;
}

/* 卡片 */
.proc-card{
	background:#ffffff;
	border-radius:20px;
	padding:40px 28px 32px;
	position:relative;
	overflow:hidden;
	box-shadow:0 4px 24px rgba(0,0,0,.02),0 1px 4px rgba(0,0,0,.01);
	border:1px solid #eff2f7;
	transition:all .5s cubic-bezier(.22,1,.36,1);
}
.proc-card::before{
	content:'';
	position:absolute;
	top:0;left:0;right:0;
	height:4px;
	background:linear-gradient(90deg,#206ae4,#64b5f6,#206ae4);
	background-size:200% 100%;
	opacity:0;
	transition:opacity .5s ease;
}
.proc-card:hover{
	transform:translateY(-8px);
	box-shadow:0 24px 60px rgba(32,106,228,.08),0 8px 20px rgba(0,0,0,.02);
	border-color:rgba(32,106,228,.08);
}
.proc-card:hover::before{opacity:1;}

/* 背景大数字 */
.proc-bg-num{
	position:absolute;
	top:-8px;right:12px;
	font-size:72px;
	font-weight:800;
	color:rgba(32,106,228,.04);
	line-height:1;
	pointer-events:none;
	transition:all .5s ease;
}
.proc-card:hover .proc-bg-num{
	color:rgba(32,106,228,.08);
	transform:scale(1.05);
}

/* 图标 */
.proc-icon{
	width:60px;
	height:60px;
	border-radius:16px;
	background:linear-gradient(135deg,#eef3ff,#e8f0fe);
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:20px;
	transition:all .5s ease;
}
.proc-icon i{
	font-size:26px;
	color:#206ae4;
	transition:all .5s ease;
}
.proc-card:hover .proc-icon{
	background:linear-gradient(135deg,#206ae4,#3b82f6);
	border-radius:12px;
	transform:scale(1.05);
}
.proc-card:hover .proc-icon i{
	color:#fff;
	transform:scale(1.1);
}

/* 名称 */
.proc-name{
	font-size:20px;
	font-weight:700;
	color:#0f172a;
	margin:0 0 8px;
	letter-spacing:.5px;
	transition:color .35s ease;
}
.proc-card:hover .proc-name{color:#206ae4;}

/* 描述 */
.proc-desc{
	font-size:14px;
	color:#64748b;
	margin:0 0 16px;
	line-height:1.6;
}

/* 分隔线 */
.proc-divider{
	width:32px;
	height:2.5px;
	border-radius:2px;
	background:linear-gradient(90deg,#206ae4,rgba(32,106,228,.15));
	margin:0 0 16px;
	transition:width .5s ease;
}
.proc-card:hover .proc-divider{width:52px;}

/* 特性列表 */
.proc-features{
	list-style:none;
	margin:0;
	padding:0;
}
.proc-features li{
	font-size:14px;
	color:#475569;
	line-height:2;
	display:flex;
	align-items:center;
	gap:8px;
}
.proc-features li i{
	font-size:12px;
	color:#206ae4;
	width:18px;
	height:18px;
	border-radius:50%;
	background:rgba(32,106,228,.06);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	transition:all .35s ease;
}
.proc-card:hover .proc-features li i{
	background:#206ae4;
	color:#fff;
}

/* 响应式 */
@media (max-width:900px){
	.proc-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
	.proc-card{padding:32px 24px 28px;}
}
@media (max-width:520px){
	.proc-grid{grid-template-columns:1fr;gap:18px;max-width:380px;margin-left:auto;margin-right:auto;}
}

/* ========== 客户案例 - 扁平精致 ========== */
#case{
	width:100%;
	padding:90px 0 100px;
	background:#f5f7fa;
}
.case-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:20px;
	margin-top:45px;
}
.case-logo{
	width:calc((100% - 140px) / 8);
	height:80px;
	background:#ffffff;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12px 16px;
	border:1px solid #eef1f7;
	transition:all .3s ease;
}
.case-logo:hover{
	border-color:#206ae4;
	box-shadow:0 6px 20px rgba(32,106,228,.08);
	transform:translateY(-3px);
}
.case-logo img{
	max-width:100%;
	max-height:52px;
	width:auto;
	height:auto;
	object-fit:contain;
	filter:grayscale(60%);
	opacity:.75;
	transition:all .3s ease;
}
.case-logo:hover img{
	filter:grayscale(0%);
	opacity:1;
}
.case-more{
	text-align:center;
	margin-top:45px;
}
.case-more a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:12px 36px;
	font-size:14px;
	font-weight:500;
	color:#206ae4;
	background:#ffffff;
	border:1.5px solid #e2e8f0;
	border-radius:8px;
	text-decoration:none;
	transition:all .25s ease;
}
.case-more a i{
	font-size:13px;
	transition:transform .25s ease;
}
.case-more a:hover{
	background:#206ae4;
	color:#fff;
	border-color:#206ae4;
	box-shadow:0 4px 16px rgba(32,106,228,.15);
}
.case-more a:hover i{transform:translateX(4px);}

/* ── 案例 · 3 行各自独立无缝滚动 ── */
.case-wall{margin-top:45px;margin-bottom:40px;display:flex;flex-direction:column;gap:18px}
.case-marquee{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.case-marquee__track{display:flex;width:max-content;animation:caseMarquee 32s linear infinite}
.case-marquee--rev .case-marquee__track{animation-direction:reverse}
.case-marquee:hover .case-marquee__track{animation-play-state:paused}
@keyframes caseMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.case-marquee .case-logo{width:180px;flex:0 0 auto;margin:0 12px 0 0}
@media (max-width:900px){.case-marquee .case-logo{width:140px}}
@media (max-width:640px){.case-marquee .case-logo{width:120px;margin-right:10px}}

/* 响应式 */
@media (max-width:1200px){
	.case-logo{width:calc((100% - 100px) / 6);height:75px;}
}
@media (max-width:900px){
	.case-logo{width:calc((100% - 80px) / 5);height:70px;}
	.case-logo img{max-height:45px;}
}
@media (max-width:640px){
	.case-grid{gap:12px;}
	.case-logo{width:calc((100% - 48px) / 4);height:60px;padding:8px 10px;}
	.case-logo img{max-height:35px;}
}

/* ========== 使命宗旨 - 简约高端 ========== */
#okwork{
	width:100%;
	padding:90px 0 100px;
	background:linear-gradient(160deg,#0a1628 0%,#0f1f3d 40%,#13274f 70%,#0d1b36 100%);
	position:relative;
	overflow:hidden;
	text-align:center;
}
#okwork::before{
	content:'';
	position:absolute;
	top:-150px;left:50%;
	transform:translateX(-50%);
	width:700px;height:700px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(32,106,228,.08) 0%,transparent 60%);
	pointer-events:none;
}

/* 头部 */
.ok-header{
	margin-bottom:50px;
	position:relative;
	z-index:1;
}
.ok-title{
	font-size:clamp(22px,2.4vw,32px);
	font-weight:700;
	color:#ffffff;
	margin:0 0 16px;
	line-height:1.5;
}
.ok-sub{
	font-size:clamp(14px,1vw,16px);
	color:rgba(255,255,255,.5);
	margin:0;
	letter-spacing:2px;
}

/* 三列 */
.ok-values{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:28px;
	max-width:960px;
	margin:0 auto 50px;
	position:relative;
	z-index:1;
}

/* 卡片 */
.ok-card{
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
	border-radius:20px;
	padding:40px 24px 36px;
	text-align:center;
	transition:all .5s cubic-bezier(.22,1,.36,1);
	position:relative;
	overflow:hidden;
}
.ok-card::before{
	content:'';
	position:absolute;
	inset:0;
	border-radius:20px;
	padding:1px;
	background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02),rgba(32,106,228,.08));
	-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
	-webkit-mask-composite:xor;
	mask-composite:exclude;
	pointer-events:none;
}
.ok-card:hover{
	transform:translateY(-6px);
	background:rgba(255,255,255,.07);
	border-color:rgba(32,106,228,.2);
	box-shadow:0 20px 60px rgba(0,0,0,.2);
}

/* 图标 */
.ok-card-icon{
	width:64px;
	height:64px;
	border-radius:18px;
	background:rgba(32,106,228,.12);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 20px;
	transition:all .5s ease;
}
.ok-card-icon i{
	font-size:28px;
	color:#64b5f6;
	transition:all .5s ease;
}
.ok-card:hover .ok-card-icon{
	background:linear-gradient(135deg,#206ae4,#3b82f6);
	transform:scale(1.05) rotate(-4deg);
	border-radius:14px;
}
.ok-card:hover .ok-card-icon i{
	color:#fff;
	transform:scale(1.1);
}

/* 标题 */
.ok-card-title{
	font-size:20px;
	font-weight:700;
	color:#ffffff;
	margin:0 0 12px;
	letter-spacing:2px;
}
.ok-card-desc{
	font-size:15px;
	color:rgba(255,255,255,.55);
	margin:0;
	line-height:1.7;
}

/* 按钮组 */
.ok-actions{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	position:relative;
	z-index:1;
	flex-wrap:wrap;
}
.ok-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:14px 36px;
	font-size:15px;
	font-weight:500;
	border-radius:12px;
	text-decoration:none;
	transition:all .4s ease;
	cursor:pointer;
	border:none;
}
.ok-btn i{
	font-size:14px;
	transition:transform .4s ease;
}
.ok-btn-primary{
	background:linear-gradient(135deg,#206ae4,#3b82f6);
	color:#ffffff;
	box-shadow:0 8px 24px rgba(32,106,228,.25);
}
.ok-btn-primary:hover{
	color:#ffffff;
	transform:translateY(-2px);
	box-shadow:0 12px 32px rgba(32,106,228,.35);
}
.ok-btn-primary:hover i{transform:translateX(4px);}
.ok-btn-outline{
	background:rgba(255,255,255,.06);
	color:rgba(255,255,255,.8);
	border:1px solid rgba(255,255,255,.1);
}
.ok-btn-outline:hover{
	background:rgba(255,255,255,.1);
	color:#ffffff;
	transform:translateY(-2px);
}

/* 响应式 */
@media (max-width:768px){
	#okwork{padding:70px 0 80px;}
	.ok-values{grid-template-columns:1fr;gap:18px;max-width:380px;}
	.ok-actions{flex-direction:column;gap:10px;}
	.ok-btn{width:100%;justify-content:center;}
}

/* ========== 我们的动态 - 精致卡片 ========== */
#news{
	width:100%;
	padding:96px 0 104px;
	background:
		radial-gradient(120% 90% at 12% 0%, #eef3fb 0%, rgba(238,243,251,0) 46%),
		radial-gradient(120% 90% at 88% 8%, #f3eefe 0%, rgba(243,238,254,0) 44%),
		#f6f8fc;
	position:relative;
	overflow:hidden;
}
/* 背景极光光斑 */
#news::before,
#news::after{
	content:"";
	position:absolute;
	border-radius:50%;
	filter:blur(90px);
	opacity:.5;
	pointer-events:none;
	z-index:0;
}
#news::before{top:-160px;left:-120px;width:460px;height:460px;background:radial-gradient(circle,#7aa2ff,transparent 62%)}
#news::after{bottom:-200px;right:-100px;width:520px;height:520px;background:radial-gradient(circle,#b794f6,transparent 62%)}
/* 标题区强化（仅本板块） */
#news .service-title{position:relative;z-index:1}
#news .service-title-main{font-size:42px;letter-spacing:.04em}

/* 标签切换 - 无背景分段控件 */
.news-tabs{
	display:flex;
	justify-content:center;
	gap:8px;
	margin:42px auto 0;
	position:relative;
	z-index:1;
	flex-wrap:wrap;
	max-width:760px;
}
.news-tab{
	position:relative;
	padding:0 26px;
	line-height:42px;
	font-size:14.5px;
	font-weight:600;
	color:#5b6b86;
	background:transparent;
	border:0;
	border-radius:999px;
	cursor:pointer;
	transition:all .3s ease;
	white-space:nowrap;
}
.news-tab:hover{color:#2f6bff}
.news-tab.active{
	color:#fff;
	background:linear-gradient(120deg,#2f6bff,#7c5cff);
	box-shadow:0 10px 24px -8px rgba(47,107,255,.55);
}

/* 内容区 */
.news-content{
	margin-top:38px;
	position:relative;
	z-index:1;
}
.news-page{display:none;}
.news-page.active{display:block;animation:newsFade .5s ease}
@keyframes newsFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* 卡片网格 */
.news-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
}

/* 卡片 */
.news-card{
	position:relative;
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	border:1px solid #eef1f7;
	transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
/* 顶部渐变高亮线 */
.news-card::before{
	content:"";
	position:absolute;
	top:0;left:0;right:0;
	height:3px;
	background:linear-gradient(90deg,#2f6bff,#7c5cff);
	transform:scaleX(0);
	transform-origin:left;
	transition:transform .4s ease;
	z-index:2;
}
/* 悬停柔光 */
.news-card::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:20px;
	background:radial-gradient(120% 80% at 50% 0%,rgba(47,107,255,.12),transparent 60%);
	opacity:0;
	transition:opacity .35s ease;
	pointer-events:none;
	z-index:0;
}
.news-card:hover{
	transform:translateY(-8px);
	border-color:transparent;
	box-shadow:0 26px 50px -18px rgba(47,107,255,.4),0 8px 20px -10px rgba(124,92,255,.25);
}
.news-card:hover::before{transform:scaleX(1)}
.news-card:hover::after{opacity:1}
.news-card a{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	text-decoration:none;
	color:inherit;
	height:100%;
	padding:24px 24px 20px;
}

/* 底部 meta：日期 · 浏览量 · 点赞 */
.ncard-meta{
	display:inline-flex;
	align-items:center;
	gap:14px;
	font-size:12px;
	color:#9aa6bd;
}
/* 图标与文字成组，间距收紧 */
.ncard-mi{
	display:inline-flex;
	align-items:center;
	gap:4px;
}
.ncard-mi i{font-size:11px;color:#c3cde0}

/* 标题 */
.ncard-title{
	font-size:18px;
	font-weight:700;
	color:#16213a;
	margin:0 0 10px;
	line-height:1.5;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	transition:color .3s ease;
}
.news-card:hover .ncard-title{
	background:linear-gradient(120deg,#2f6bff,#7c5cff);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}

/* 描述 */
.ncard-desc{
	font-size:13.5px;
	color:#64748b;
	line-height:1.75;
	margin:0 0 16px;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

/* 底部：浏览量 + 链接 */
.ncard-foot{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:14px;
	border-top:1px solid #f0f2f7;
}
.ncard-link{
	font-size:13px;
	font-weight:600;
	color:#7b8aa3;
	display:inline-flex;
	align-items:center;
	gap:6px;
	transition:color .3s ease,gap .3s ease;
}
.ncard-link i{
	font-size:11px;
	transition:transform .3s ease;
}
.news-card:hover .ncard-link{
	color:#2f6bff;
	gap:10px;
}
.news-card:hover .ncard-link i{transform:translateX(4px);}

/* 底部 */
.news-footer{
	text-align:center;
	margin-top:44px;
	position:relative;
	z-index:1;
}
.news-more-btn{
	display:inline-flex;
	align-items:center;
	gap:9px;
	padding:14px 40px;
	font-size:14.5px;
	font-weight:600;
	color:#2f6bff;
	background:#fff;
	border:1.5px solid transparent;
	border-radius:999px;
	text-decoration:none;
	background-image:linear-gradient(#fff,#fff),linear-gradient(120deg,#2f6bff,#7c5cff);
	background-origin:border-box;
	background-clip:padding-box,border-box;
	box-shadow:0 10px 26px -12px rgba(47,107,255,.4);
	transition:all .3s ease;
}
.news-more-btn i{
	font-size:13px;
	transition:transform .3s ease;
}
.news-more-btn:hover{
	color:#fff;
	background-image:linear-gradient(120deg,#2f6bff,#7c5cff),linear-gradient(120deg,#2f6bff,#7c5cff);
	box-shadow:0 16px 34px -10px rgba(47,107,255,.5);
}
.news-more-btn:hover i{transform:translateX(5px);}

/* 响应式 */
@media (max-width:980px){
	.news-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
}
@media (max-width:800px){
	.news-tabs{max-width:none}
	.news-tab{padding:0 18px;line-height:38px;font-size:13px;}
}
@media (max-width:560px){
	#news{padding:64px 0 72px}
	#news .service-title-main{font-size:32px}
	.news-grid{grid-template-columns:1fr;gap:16px;}
}

/* 移动端响应式 */
@media (max-width: 800px) {
	#news{padding:50px 0;}
	#news .list{margin-top:35px;}
	#news .list .news-tabs-wrapper{margin-bottom:20px !important;overflow:hidden;width:100%;min-height:auto;}
	#news .list .news-tabs-swiper{width:100% !important;max-width:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:auto;min-height:auto;}
	#news .list .news-tabs-swiper::-webkit-scrollbar{display:none;}
	#news .list .news-tabs-swiper .swiper-wrapper{display:flex;flex-wrap:nowrap;width:max-content;justify-content:flex-start;height:auto;min-height:auto;}
	#news .list .news-tabs-swiper .swiper-slide{width:auto !important;flex-shrink:0;height:auto;}
	#news .list .news-tab{padding:0 20px;margin:0 8px 0 0;line-height:40px;font-size:13px;min-width:auto;white-space:nowrap;}
	#news .list .news-list{padding:0;margin-top:20px;}
	#news .list .news-content-swiper{height:auto;min-height:auto;overflow:visible;}
	#news .list .news-content-swiper .swiper-wrapper{height:auto;min-height:auto;}
	#news .list .news-content-swiper .swiper-slide{grid-template-columns:1fr;gap:20px;height:auto;min-height:auto;}
	#news .list .news-card{padding:24px;border-radius:16px;}
	#news .list .news-title{font-size:16px;margin-bottom:12px;line-height:1.5;}
	#news .list .news-desc{font-size:14px;margin-bottom:16px;line-height:1.7;}
	#news .list .news-meta{padding-top:16px;}
	#news .list .more_btn{margin-top:40px;}
	#news .list .more_btn a{padding:14px 35px;font-size:14px;gap:8px;}
	#news .list .more_btn a i{width:20px;height:20px;font-size:9px;}
	#news .list .more_btn a em{font-size:13px;}
	#news .list .more_btn a span::before,
	#news .list .more_btn a span::after{display:none;}
}

/* ==================== 选择决定高度 - 大气对比 ==================== */
#assess{
	width:100%;
	padding:150px 0 160px;
	background:linear-gradient(180deg,#f8fafc 0%,#ffffff 40%,#f1f4f9 100%);
	position:relative;
}
#assess .service-title{margin-bottom:40px;}
#assess .service-title-desc{margin-top:18px;}
#assess .cmp-wrap{margin-top:70px;}
.cmp-wrap{
	display:flex;
	align-items:stretch;
	gap:0;
	margin-top:50px;
	position:relative;
}
.cmp-col{
	flex:1;
	position:relative;
}
.cmp-col-inner{
	padding:50px 40px 44px;
	text-align:center;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.cmp-old .cmp-col-inner{
	background:rgba(239,68,68,.02);
	border:1px solid rgba(239,68,68,.06);
	border-radius:20px 0 0 20px;
}
.cmp-new .cmp-col-inner{
	background:rgba(32,106,228,.02);
	border:1px solid rgba(32,106,228,.06);
	border-radius:0 20px 20px 0;
	position:relative;
}

/* 推荐标签 */
.cmp-tag{
	position:absolute;
	top:-10px;
	left:50%;
	transform:translateX(-50%);
	background:#206ae4;
	color:#fff;
	font-size:12px;
	font-weight:600;
	padding:3px 22px;
	border-radius:8px;
	letter-spacing:2px;
	white-space:nowrap;
}

/* 图标 */
.cmp-icon{
	width:72px;
	height:72px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px;
	transition:all .35s ease;
}
.cmp-old .cmp-icon{
	background:rgba(239,68,68,.06);
}
.cmp-old .cmp-icon i{
	font-size:32px;
	color:rgba(239,68,68,.4);
}
.cmp-icon-blue{
	background:rgba(32,106,228,.08);
}
.cmp-icon-blue i{
	font-size:32px;
	color:#206ae4;
}
.cmp-new:hover .cmp-icon-blue{
	background:#206ae4;
}
.cmp-new:hover .cmp-icon-blue i{color:#fff;}

/* 标签 */
.cmp-label{
	font-size:13px;
	font-weight:600;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:10px;
}
.cmp-old .cmp-label{color:rgba(239,68,68,.5);}
.cmp-label-blue{color:#206ae4 !important;}

/* 标题 */
.cmp-title{
	font-size:28px;
	font-weight:800;
	margin:0;
	line-height:1.2;
	letter-spacing:1px;
}
.cmp-old .cmp-title{color:#dc2626;}
.cmp-title-blue{color:#206ae4;}

/* 副标题 */
.cmp-sub{
	font-size:15px;
	margin-top:6px;
	letter-spacing:1px;
}
.cmp-old .cmp-sub{color:rgba(239,68,68,.35);}
.cmp-new .cmp-sub{color:rgba(32,106,228,.5);}

/* 列表 */
.cmp-list{
	list-style:none;
	margin:24px 0 0;
	padding:0;
	text-align:left;
	width:100%;
	max-width:320px;
}
.cmp-list li{
	font-size:15px;
	line-height:2.6;
	display:flex;
	align-items:center;
	gap:10px;
	padding:0 4px;
	border-bottom:1px solid rgba(0,0,0,.02);
}
.cmp-list li:last-child{border-bottom:none;}
.cmp-old .cmp-list li{color:#6b7280;}
.cmp-new .cmp-list li{color:#374151;}
.cmp-list li i{font-size:18px;width:22px;text-align:center;}
.cmp-old .cmp-list li i{color:rgba(239,68,68,.4);}
.cmp-list-check li i{color:#206ae4;}

/* 按钮 */
.cmp-btn{
	display:inline-block;
	margin-top:28px;
	padding:12px 36px;
	font-size:15px;
	font-weight:600;
	border-radius:10px;
	text-decoration:none;
	transition:all .3s ease;
}
.cmp-old .cmp-btn{
	color:#9ca3af;
	border:1.5px solid #e5e7eb;
}
.cmp-old .cmp-btn:hover{color:#6b7280;border-color:#d1d5db;}
.cmp-btn-blue{
	background:#206ae4;
	color:#fff;
	border:1.5px solid #206ae4;
	box-shadow:0 6px 24px rgba(32,106,228,.15);
}
.cmp-btn-blue:hover{
	background:#1a56c4;
	box-shadow:0 10px 32px rgba(32,106,228,.25);
}

/* VS 标识 */
.cmp-vs{
	display:flex;
	align-items:center;
	position:relative;
	z-index:2;
	margin:0 -10px;
}
.cmp-vs-inner{
	width:48px;
	height:48px;
	border-radius:50%;
	background:#ffffff;
	border:2px solid #d1d5db;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.cmp-vs-text{font-size:12px;font-weight:800;color:#9ca3af;letter-spacing:1px;}

@media (max-width:900px){
	#assess{padding:70px 0 80px;}
	#assess .service-title{margin-bottom:24px;}
	#assess .service-title-desc{margin-top:14px;}
	#assess .cmp-wrap{margin-top:36px;}
	.cmp-wrap{flex-direction:column;gap:16px;}
	.cmp-col-inner{padding:40px 28px 28px;}
	.cmp-old .cmp-col-inner{border-radius:16px;}
	.cmp-new .cmp-col-inner{border-radius:16px;}
	.cmp-vs{justify-content:center;margin:0;}
}
/* ═══════════════ 城市分站 · 高端大气 ═══════════════ */
#city_net{
	width:100%;
	padding:90px 0 70px;
	background:#f8fafc;
	position:relative;
	overflow:hidden;
}
.cn-wrap{max-width:100%;padding:0 40px;position:relative;z-index:1;}
.cn-hd{text-align:center;margin-bottom:46px;}
.cn-badge{
	display:inline-block;
	padding:5px 24px;
	font-size:11px;
	font-weight:600;
	letter-spacing:4px;
	color:rgba(32,106,228,.4);
	border:1px solid rgba(32,106,228,.1);
	border-radius:20px;
	margin-bottom:18px;
}
.cn-title{
	font-size:clamp(30px,3.8vw,44px);
	font-weight:800;
	color:#0f172a;
	margin:0;
	letter-spacing:.04em;
	line-height:1.2;
}
.cn-desc{
	font-size:clamp(13px,1vw,15px);
	color:#94a3b8;
	margin:12px 0 0;
	line-height:1.6;
}
.cn-body{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:16px;
}
.cn-item{
	display:flex;
	align-items:center;
	gap:10px;
	padding:16px 28px;
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:14px;
	text-decoration:none;
	transition:all .4s cubic-bezier(.4,0,.2,1);
	min-width:160px;
	position:relative;
	overflow:hidden;
	box-shadow:0 1px 3px rgba(0,0,0,.02);
}
.cn-item::before{
	content:'';
	position:absolute;
	top:0;left:0;right:0;
	height:2px;
	background:linear-gradient(90deg,transparent,#206ae4,transparent);
	opacity:0;
	transition:opacity .4s ease;
}
.cn-item:hover::before{opacity:1;}
.cn-item:hover{
	background:#fff;
	border-color:#206ae4;
	transform:translateY(-3px);
	box-shadow:0 12px 36px rgba(32,106,228,.08);
}
.cn-item-dot{
	width:8px;height:8px;
	border-radius:50%;
	background:#206ae4;
	flex-shrink:0;
	transition:all .35s ease;
}
.cn-item:hover .cn-item-dot{transform:scale(1.2);}
.cn-item-name{
	font-size:15px;
	font-weight:600;
	color:#475569;
	letter-spacing:.5px;
	transition:color .35s ease;
}
.cn-item:hover .cn-item-name{color:#206ae4;}
.cn-item-arrow{
	font-size:11px;
	color:#cbd5e1;
	transition:all .35s ease;
	margin-left:auto;
}
.cn-item:hover .cn-item-arrow{color:#206ae4;transform:translateX(2px);}
.cn-more{text-align:center;margin-top:40px;}
.cn-more-btn{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:14px 36px;
	font-size:15px;
	font-weight:600;
	color:#64748b;
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:12px;
	text-decoration:none;
	transition:all .35s ease;
	box-shadow:0 1px 3px rgba(0,0,0,.02);
}
.cn-more-btn i{font-size:14px;transition:transform .35s ease;}
.cn-more-btn:hover{
	color:#206ae4;
	border-color:#206ae4;
	transform:translateY(-2px);
	box-shadow:0 8px 24px rgba(32,106,228,.08);
}
.cn-more-btn:hover i{transform:translateX(4px);}

/* ═══════════════ 友情链接 · 简约高端 ═══════════════ */
#link_net{
	width:100%;
	padding:70px 0 80px;
	background:#ffffff;
	position:relative;
	overflow:hidden;
}
.ln-wrap{max-width:100%;padding:0 40px;}
.ln-body{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:20px 24px;
	background:#ffffff;
	border:1px solid #eef2f6;
	border-radius:14px;
}
.ln-item{
	display:inline-block;
	padding:5px 14px;
	font-size:13px;
	font-weight:500;
	color:#94a3b8;
	text-decoration:none;
	border-radius:6px;
	transition:all .25s ease;
}
.ln-item:hover{
	color:#206ae4;
	background:#eef2ff;
}
/* ── 板块标题适配 ── */
#city_net .service-title-main{font-size:clamp(28px,3.6vw,42px);color:#1e293b;}
#city_net .tag-text{color:#206ae4;}
#link_net .service-title-main{font-size:clamp(22px,2.6vw,34px);color:#1e293b;}
#link_net .tag-text{color:#206ae4;}
#link_net .service-title-desc{display:none;}
#about .service-title-main{font-size:clamp(26px,3.2vw,38px);color:#1e293b;}
#about .tag-text{color:#206ae4;}
/* ── 响应式 ── */
@media (max-width:900px){
	#city_net{padding:60px 0 50px;}
	.cn-hd{margin-bottom:32px;}
	.cn-item{min-width:130px;padding:14px 20px;font-size:14px;}
	.cn-body{gap:12px;}
	.cn-more{margin-top:30px;}
	.cn-more-btn{padding:12px 28px;font-size:14px;}
	#link_net{padding:50px 0 60px;}
	.ln-body{padding:16px 18px;}
}
@media (max-width:480px){
	#city_net{padding:40px 0 36px;}
	.cn-item{min-width:calc(50% - 8px);padding:12px 16px;}
	.cn-body{gap:8px;}
	.cn-more{margin-top:24px;}
	.cn-more-btn{padding:10px 24px;font-size:13px;width:100%;justify-content:center;}
	#link_net{padding:36px 0 44px;}
	.ln-body{padding:14px 16px;}
}
/* 统一精美更多按钮样式 */
.more_btn{margin-top:45px;text-align:center;position:relative;z-index:1;}
.more_btn a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 42px;position:relative;background:linear-gradient(135deg, #206ae4 0%, #1e5fd8 100%);border-radius:50px;color:#fff;font-size:14px;font-weight:600;letter-spacing:0.5px;text-decoration:none;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 12px rgba(32, 106, 228, 0.25), 0 1px 3px rgba(0, 0, 0, 0.05);border:1.5px solid rgba(255, 255, 255, 0.15);cursor:pointer;overflow:hidden;text-transform:uppercase;backdrop-filter:blur(10px);line-height:normal;margin:0;user-select:none;}
.more_btn a::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);transition:left 0.5s ease;}
.more_btn a::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 70%);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.5s ease, height 0.5s ease;}
.more_btn a i{display:none;}
.more_btn a em{font-size:13px;font-weight:700;transition:all 0.35s ease;margin-left:0;}
.more_btn a span{display:inline-flex;align-items:center;gap:8px;position:relative;z-index:2;transition:all 0.35s ease;}
.more_btn a span::before{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background:rgba(255,255,255,0.5);transition:width 0.35s ease;}
.more_btn a:hover{background:linear-gradient(135deg, #1856b8 0%, #206ae4 100%);box-shadow:0 8px 24px rgba(32, 106, 228, 0.35), 0 2px 8px rgba(0, 0, 0, 0.1);transform:translateY(-3px);border-color:rgba(255, 255, 255, 0.3);}
.more_btn a:hover::before{left:100%;}
.more_btn a:hover::after{width:250px;height:250px;}
.more_btn a:hover em{transform:translateX(5px) scale(1.08);}
.more_btn a:hover span{color:#fff;}
.more_btn a:hover span::before{width:100%;}
.more_btn a:active{transform:translateY(-1px) scale(0.98);box-shadow:0 3px 10px rgba(32, 106, 228, 0.3);}


@media (max-width:1440px){
	#banner{height:500px;}
	#banner .text{padding:0 30px;}
	#banner .text01 big{font-size:30px;line-height:40px;}
	#banner .text02 .left{width:70%;}
	#banner .text02 .left big{font-size:30px;line-height:40px;}
	#banner .text02 .img{width:30%;text-align:right;}
	#banner .text02 .img img{max-width:100%;}
}
@media (max-width:800px){
	body{font-size:.21rem;line-height:.34rem;}
	/* 不再设置html的font-size,由JS控制或xiaoercms.css兜底 */
	#banner{height:4rem;}
	#banner .swiper-pagination-bullet{margin:0 .1rem;}
	#banner .swiper-pagination-bullet-active{border:.02 solid #fff;width:.12rem;height:.12rem;opacity:1;}
	#banner .swiper-pagination-bullets{bottom:.2rem;}
	#banner .sub-mouse{bottom:.4rem;}
	#banner .text .more{display:none;}
	#banner .text01 small{font-size:.21rem;}
	#banner .text01 big{font-size:.30rem;line-height:.4rem;margin-top:.2rem;}
	#banner .text01 p{margin-top:.2rem;font-size:.21rem;}
	#banner .text01 big span{padding:.1rem;}
	#banner .text01 big span::after,
	#banner .text01 big span::before{display:none;}	
	#banner .text02{display:block;text-align:center;}
	#banner .text02 .left{width:100%;}
	#banner .text02 .left big{display:block;font-size:.30rem;line-height:.4rem;font-weight:700;color:#333;}
	#banner .text02 .left small{display:block;font-size:.21rem;color:#ababab;margin-top:.2rem;padding:0 .3rem;width:100%;text-align:center;}
	#banner .text02 .img{display:none;}
	#banner .text001 .left big{color:#fff;}
	#banner .text004 .left big{color:#fff;}
	
	#num{padding:0;margin-top:0;}
	#num .wrap{grid-template-columns:repeat(2,1fr);}
	#num .num-card-inner{padding:.25rem .15rem;}
	#num .num-icon i{font-size:.4rem;}
	#num .num-number{font-size:.5rem;}
	#num .num-suffix{font-size:.26rem;}
	#num .num-label{font-size:.24rem;}
	#num .num-sub{font-size:.2rem;}
	
	.htitle{padding-top:.1rem;padding-bottom:.1rem;}
	.htitle big{line-height:.6rem;}
	.htitle big span:nth-child(1){font-size:.5rem;letter-spacing:.02rem;}
	.htitle big span:nth-child(2){font-size:.35rem;margin:0 .08rem;}
	.htitle big span:nth-child(3){font-size:.5rem;letter-spacing:.03rem;}
	.htitle small{margin-top:.2rem;font-size:.24rem;padding:0 .3rem;line-height:.4rem;position:relative;padding-top:.2rem;}
	.htitle small::before{width:50px;height:3px;margin:0 auto .15rem;}
	
	.more_list{margin-top:.5rem;text-align:center;}
	
#service{padding:.6rem 0;}
.service-title-tag{gap:.12rem;margin-bottom:.15rem;}
.tag-line{width:.25rem;}
.tag-text{font-size:.18rem;}
.service-title-main{font-size:.48rem;}
.service-title-divider{margin:0.18rem auto 0;}
.divider-line{width:.4rem;}
.service-title-desc{font-size:.24rem;margin:.15rem 0 0;white-space:nowrap;}
#service .service-grid{grid-template-columns:1fr;gap:.2rem;margin-top:.4rem;}
#service .s-card{padding:.3rem .24rem;border-radius:.2rem;}
#service .s-card-head{margin-bottom:.3rem;}
#service .s-num{font-size:.72rem;margin-bottom:.12rem;}
#service .s-card-head h3{font-size:.32rem;margin-bottom:.1rem;}
#service .s-card-head p{font-size:.22rem;}
#service .s-list{grid-template-columns:repeat(2,1fr);}
#service .s-list a{padding:.1rem .08rem;font-size:.2rem;}
	
	#product{padding:.6rem 0 .5rem;}
	.product .list .ourpro-wrap{grid-template-columns:1fr !important;gap:.2rem;margin-top:.35rem;}
	.product .list .ourpro-item{padding:.32rem .24rem;border-radius:.22rem;}
	.product .list .ourpro-item-header{margin-bottom:.24rem;}
	.product .list .ourpro-item-header [class^="icon"]{width:.8rem !important;height:.8rem !important;line-height:.8rem !important;margin-bottom:.2rem !important;}
	.product .list .ourpro-item-header i{font-size:.28rem;}
	.product .list .ourpro-item-header .body .name{font-size:.34rem;}
	.product .list .ourpro-item-header .body .desc{font-size:.24rem;}
	.product .list .ourpro-item-footer{margin-top:.24rem;padding-top:.2rem;gap:.1rem;}
	.product .list .ourpro-item-footer a{padding:.18rem .12rem;font-size:.24rem;border-radius:.12rem;}
	.product .more_btn{margin-top:.45rem;}
	.product .more_btn a{padding:.22rem .6rem;font-size:.28rem;}
	
	#solution{padding:.7rem 0 .8rem;}
	#solution .sol-grid{grid-template-columns:repeat(3,1fr);gap:.16rem;margin-top:.35rem;}
	#solution .sol-card-img{height:1.6rem;}
	#solution .sol-card-body{padding:.16rem .18rem .18rem;gap:.06rem;}
	#solution .sol-card-name{font-size:.22rem;}
	#solution .sol-card-desc{font-size:.18rem;line-height:1.5;max-height:.36rem;}
	#solution .sol-card-link{font-size:.18rem;}
	#solution .sol-card-link i{font-size:.14rem;}
	#solution .sol-actions{margin-top:.4rem;}
	#solution .sol-more-btn{padding:.12rem .36rem;font-size:.2rem;border-radius:.08rem;}
	
	#advantage{padding:.7rem 0 .8rem;}
	
	#case{padding:.7rem 0 .8rem;}

	#okwork{padding:1rem 0;}
	#okwork .text{line-height:.5mre;}
	#okwork .text big{font-size:.34rem;}
	#okwork .text small{font-size:.21rem;letter-spacing:.1rem;}
	#okwork .text em{width:.6rem;height:.04rem;margin:.3rem auto 0;}
	#okwork .text p{font-size:.21rem;line-height:.3rem;margin-top:.3rem;}
	#okwork .btn{margin-top:.4rem;}
	#okwork .btn a{margin:0 .02rem;padding:0 .3rem;line-height:.6rem;font-size:.21rem;}
	#okwork .btn em{margin-left:.05rem;}
	
	#news{padding:.7rem 0 .8rem;}
	
	#assess {
		margin: .6rem 0;
		padding: .8rem 0;
	}
	#assess .choice-container {
		flex-direction: column;
		gap: .4rem;
		margin-bottom: .8rem;
	}
	#assess .choice-card {
		min-height: auto;
	}
	#assess .choice-card .choice-content {
		padding: .4rem;
	}
	#assess .choice-card .choice-icon {
		width: .6rem;
		height: .6rem;
		font-size: .3rem;
		margin-bottom: .2rem;
	}
	#assess .choice-card h2 {
		font-size: .3rem;
	}
	#assess .choice-card h3 {
		font-size: .4rem;
		margin-bottom: .3rem;
	}
	#assess .choice-card .choice-features {
		gap: .15rem;
	}
	#assess .choice-card .feature-item {
		font-size: .22rem;
		padding: .12rem 0;
	}
	#assess .choice-card .feature-item i {
		font-size: .25rem;
		width: .3rem;
	}
	#assess .choice-card .choice-btn {
		padding: .18rem .4rem;
		font-size: .22rem;
	}
	#assess .choice-vs {
		display: none;
	}
	#assess .cta-section {
		padding: .4rem 0;
	}
	#assess .cta-content h2 {
		font-size: .35rem;
	}
	#assess .cta-content p {
		font-size: .22rem;
		margin-bottom: .4rem;
	}
	#assess .cta-buttons {
		flex-direction: column;
		gap: .2rem;
	}
	#assess .cta-btn {
		padding: .2rem .5rem;
		font-size: .22rem;
		width: 100%;
		max-width: 4rem;
	}

	.more_btn{margin-top:.5rem;text-align:center;padding:0 .2rem;}
	.more_btn a{display:inline-flex;align-items:center;justify-content:center;gap:.12rem;padding:.32rem .8rem;position:relative;background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);border-radius:.5rem;color:#fff;font-size:.28rem;font-weight:600;letter-spacing:.06rem;text-decoration:none;transition:all .35s cubic-bezier(.4, 0, .2, 1);box-shadow:0 8px 20px rgba(59, 130, 246, .35), 0 2px 6px rgba(0, 0, 0, .08);border:2px solid rgba(255, 255, 255, .2);cursor:pointer;overflow:hidden;text-transform:uppercase;backdrop-filter:blur(10px);line-height:normal;margin:0;user-select:none;box-sizing:border-box;}
	.more_btn a::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);transition:left .5s ease;}
	.more_btn a::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle, rgba(255, 255, 255, .3) 0%, transparent 70%);border-radius:50%;transform:translate(-50%, -50%);transition:width .5s ease, height .5s ease;}
	.more_btn a i{display:none;}
	.more_btn a em{font-size:.26rem;font-weight:700;transition:all .35s ease;margin-left:0;position:relative;z-index:2;}
	.more_btn a span{display:inline-flex;align-items:center;gap:.1rem;position:relative;z-index:2;transition:all .35s ease;}
	.more_btn a span::before{content:"";position:absolute;width:0;height:2px;bottom:-.06rem;left:0;background:rgba(255,255,255,.6);transition:width .35s ease;}
	.more_btn a:hover{background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);box-shadow:0 12px 30px rgba(59, 130, 246, .5), 0 4px 12px rgba(0, 0, 0, .12);transform:translateY(-.06rem);border-color:rgba(255, 255, 255, .4);}
	.more_btn a:hover::before{left:100%;}
	.more_btn a:hover::after{width:3rem;height:3rem;}
	.more_btn a:hover em{transform:translateX(.12rem) scale(1.1);}
	.more_btn a:hover span{color:#fff;}
	.more_btn a:hover span::before{width:100%;}
	.more_btn a:active{transform:translateY(-.02rem) scale(.98);box-shadow:0 6px 16px rgba(59, 130, 246, .35);}
	.more_btn a:focus{outline:none;box-shadow:0 12px 30px rgba(59, 130, 246, .5), 0 4px 12px rgba(0, 0, 0, .12), 0 0 0 3px rgba(59, 130, 246, .3);}
	;}
@media (max-width: 480px){
	#solution .sol-grid{grid-template-columns:repeat(2,1fr);gap:.12rem;}
	#solution .sol-card-img{height:1.2rem;}
}