/* index.css - Auto extracted from index3.html */

:root{
    --bg:#f5f7fb;--bg-w:#fff;--bg-alt:#eef1f8;--bg-card:#fff;
    --t1:#1a1d2e;--t2:#5a6178;--t3:#8b93a7;
    --ac:#4f7df9;--ac-d:#3a5fd4;--ac-l:#e8efff;
    --pu:#7c3aed;--pu-l:#f0eaff;
    --cy:#06b6d4;--cy-l:#e0f7fa;
    --or:#f97316;--or-l:#fff3e6;
    --pk:#ec4899;--pk-l:#fce7f3;
    --gn:#22c55e;--gn-l:#e6f9ed;
    --gd:linear-gradient(135deg,#4f7df9,#7c3aed);
    --sh-s:0 2px 8px rgba(79,125,249,.06);--sh-m:0 8px 24px rgba(79,125,249,.08);--sh-l:0 16px 48px rgba(79,125,249,.12);
    --r:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC',system-ui,sans-serif;background:var(--bg);color:var(--t1);line-height:1.6;overflow-x:hidden;max-width:100vw}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(79,125,249,.06);transition:all .3s}
.nav.scrolled{box-shadow:var(--sh-m);background:rgba(255,255,255,.95)}
.nav-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--ac);text-decoration:none}
.nav-logo img{height:36px;max-width:120px;object-fit:contain}
.nav-logo i{font-size:26px}
.nav-links{display:flex;gap:32px}
.nav-links a{color:var(--t2);text-decoration:none;font-size:15px;font-weight:500;transition:color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:relative}
.nav-links a:hover{color:var(--ac);transform:translateY(-1px)}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--gd);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(-50%);border-radius:1px}
.nav-links a:hover::after{width:100%}
.nav-cta{padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;background:var(--gd);color:#fff;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(79,125,249,.35)}
.nav-cta:active{transform:translateY(0) scale(.97);box-shadow:0 4px 12px rgba(79,125,249,.2)}
.nav-mb{display:none;background:none;border:none;color:var(--t1);font-size:24px;cursor:pointer}

/* HERO CAROUSEL */
.hero{position:relative;overflow:hidden;background:var(--bg-w);height:100vh;min-height:700px}
.hero-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.77,0,.175,1);cursor:grab}
.hero-track:active{cursor:grabbing}
.hero-slide{min-width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 64px}
.hero-slide.active .hero-content>*{animation-play-state:running}
.hero-slide-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.hs1 .hero-slide-bg{background-image:url('https://www.ekuaibao.com/uploads/20250408/dd0a677a109440feba31f1cabbd17b19.png');background-color:#e8efff}
.hs2 .hero-slide-bg{background-image:url('https://www.ekuaibao.com/uploads/20250408/dd0a677a109440feba31f1cabbd17b19.png');background-color:#f0eaff}
.hs3 .hero-slide-bg{background-image:url('https://www.ekuaibao.com/uploads/20250408/dd0a677a109440feba31f1cabbd17b19.png');background-color:#e0f7fa}
.hs4 .hero-slide-bg{background-image:url('https://www.ekuaibao.com/uploads/20250408/dd0a677a109440feba31f1cabbd17b19.png');background-color:#fff3e6}
.hero-slide-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(255,255,255,0.92) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.75) 100%)}
.hero-shape{position:absolute;border-radius:50%;opacity:.15;filter:blur(40px);animation:shapeF 8s ease-in-out infinite}
.hero-shape.s2{animation-duration:10s;animation-direction:reverse}
.hero-shape.s3{animation-duration:6s;animation-delay:1s}
@keyframes shapeF{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}
.hero-grid-ov{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(79,125,249,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(79,125,249,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%)}
.hero-content{position:relative;z-index:2;max-width:800px;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border-radius:100px;background:rgba(79,125,249,.1);border:1px solid rgba(79,125,249,.2);font-size:15px;color:var(--ac);font-weight:600;margin-bottom:32px;animation:fadeUp .6s ease forwards}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--ac);animation:pulse 2s infinite}
.hero h1{font-size:clamp(38px,5.5vw,68px);font-weight:900;line-height:1.15;margin-bottom:24px;letter-spacing:-.02em;min-height:1.3em}
.hero h1 .ac{background:var(--gd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:clamp(17px,2vw,22px);color:var(--t2);max-width:640px;margin:0 auto 48px;line-height:1.9;min-height:3.8em}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-p{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;border-radius:12px;font-size:17px;font-weight:600;background:var(--gd);color:#fff;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}
.btn-p:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(79,125,249,.4)}
.btn-p:active{transform:translateY(-1px) scale(.97);box-shadow:0 8px 20px rgba(79,125,249,.3)}
.btn-o{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;border-radius:12px;font-size:17px;font-weight:600;background:rgba(255,255,255,.9);color:var(--ac);border:2px solid rgba(79,125,249,.25);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}
.btn-o:hover{background:var(--ac-l);border-color:var(--ac);transform:translateY(-3px);box-shadow:0 12px 30px rgba(79,125,249,.15)}
.btn-o:active{transform:translateY(-1px) scale(.97)}
/* Typing cursor */
.typing-cursor{display:inline-block;width:3px;height:1em;background:var(--ac);margin-left:4px;animation:blink .7s infinite;vertical-align:text-bottom}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
/* Slide animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-slide .hero-content>*{opacity:0;animation:fadeUp .6s ease forwards;animation-play-state:paused}
.hero-slide .hero-badge{animation-delay:0s}
.hero-slide h1{animation-delay:.1s}
.hero-slide .hero-desc{animation-delay:.2s}
.hero-slide .hero-actions{animation-delay:.3s}
.hero-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:10px}
.hero-dot{width:10px;height:10px;border-radius:5px;background:rgba(79,125,249,.2);cursor:pointer;transition:all .4s;border:none}
.hero-dot.active{width:36px;background:var(--ac)}
.hero-arr{position:absolute;top:50%;z-index:10;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.85);border:1px solid rgba(79,125,249,.1);color:var(--ac);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;backdrop-filter:blur(8px);transform:translateY(-50%)}
.hero-arr:hover{background:#fff;box-shadow:var(--sh-m);transform:translateY(-50%) scale(1.08)}
.hero-arr.left{left:24px}
.hero-arr.right{right:24px}

/* STATS */
.stats{background:var(--bg-w);border-bottom:1px solid rgba(79,125,249,.06);padding:48px}
.stats-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stat{text-align:center;position:relative}
.stat:not(:last-child)::after{content:'';position:absolute;right:0;top:10%;height:80%;width:1px;background:linear-gradient(transparent,rgba(79,125,249,.12),transparent)}
.stat-n{font-size:42px;font-weight:900;background:var(--gd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}
.stat-l{font-size:14px;color:var(--t3);margin-top:4px}
.stat:hover .stat-n{animation:sBounce .5s ease}
@keyframes sBounce{0%{transform:scale(1)}40%{transform:scale(1.15)}100%{transform:scale(1)}}

/* SECTION COMMON */
.sec{padding:100px 0;position:relative}
.ctn{max-width:1280px;margin:0 auto}
.sec-hd{text-align:center;margin-bottom:64px}
.sec-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ac);margin-bottom:12px;text-transform:uppercase}
.sec-tag i{font-size:16px}
.sec-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.3;margin-bottom:14px}
.sec-title .ac{background:var(--gd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sec-desc{font-size:16px;color:var(--t2);max-width:560px;margin:0 auto}
.sec-alt{background:var(--bg-alt)}

/* SERVICES */
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.srv-card{padding:36px;border-radius:var(--r);background:var(--bg-card);border:1px solid rgba(79,125,249,.06);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block}
.srv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gd);transform:scaleX(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform-origin:left}
.srv-card:hover{border-color:rgba(79,125,249,.15);box-shadow:0 16px 48px rgba(79,125,249,.16);transform:translateY(-8px) scale(1.02)}
.srv-card:hover::before{transform:scaleX(1)}
.srv-ico{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px;transition:transform .3s}
.srv-card:hover .srv-ico{transform:scale(1.1) rotate(-5deg)}
.ib{background:var(--ac-l);color:var(--ac)}.ip{background:var(--pu-l);color:var(--pu)}.ic{background:var(--cy-l);color:var(--cy)}.io{background:var(--or-l);color:var(--or)}.ik{background:var(--pk-l);color:var(--pk)}.ig{background:var(--gn-l);color:var(--gn)}
.srv-card h3{font-size:20px;font-weight:700;margin-bottom:10px}
.srv-card p{font-size:14px;color:var(--t2);line-height:1.7;margin-bottom:16px}
.srv-feat{list-style:none}
.srv-feat li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t3);padding:5px 0;transition:color .2s}
.srv-card:hover .srv-feat li{color:var(--t2)}
.srv-feat li i{color:var(--ac);font-size:14px;transition:transform .2s}
.srv-card:hover .srv-feat li i{transform:scale(1.2)}

/* HIGHLIGHT STRIP */
.hl-strip{background:var(--gd);padding:64px 48px;color:#fff;position:relative;overflow:hidden}
.hl-strip::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.hl-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;position:relative;z-index:1}
.hl-item{padding:24px;transition:transform .3s;display:block;text-decoration:none;color:inherit}
.hl-item:hover{transform:translateY(-4px)}
.hl-item i{font-size:40px;margin-bottom:12px;display:block;opacity:.9}
.hl-item h4{font-size:18px;font-weight:700;margin-bottom:6px}
.hl-item p{font-size:14px;opacity:.8}

/* SOLUTIONS */
.sol-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}
.sol-tab{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;background:var(--bg-card);border:1px solid rgba(79,125,249,.08);color:var(--t2);cursor:pointer;transition:all .3s}
.sol-tab:hover{border-color:rgba(79,125,249,.2);color:var(--ac)}
.sol-tab.active{background:var(--ac);color:#fff;border-color:var(--ac);box-shadow:0 4px 15px rgba(79,125,249,.3)}
.sol-panel{display:none;grid-template-columns:1fr 1fr;gap:48px;align-items:center;animation:fadeSlide .5s ease}
.sol-panel.active{display:grid}
@keyframes fadeSlide{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.sol-vis{position:relative;border-radius:20px;overflow:hidden;background:var(--bg-alt);border:1px solid rgba(79,125,249,.06);padding:40px;min-height:380px}
.sol-mock{background:var(--bg-w);border-radius:12px;padding:20px;border:1px solid rgba(79,125,249,.06);box-shadow:var(--sh-s)}
.sol-bar{display:flex;gap:6px;margin-bottom:14px}
.sol-bar span{width:10px;height:10px;border-radius:50%}
.sol-bar span:nth-child(1){background:#ef4444}.sol-bar span:nth-child(2){background:#f59e0b}.sol-bar span:nth-child(3){background:#22c55e}
.sol-lines{display:flex;flex-direction:column;gap:8px}
.sol-ln{height:10px;border-radius:4px;transition:width .6s ease}
.sol-panel.active .sol-ln{animation:lnGrow .8s ease forwards}
@keyframes lnGrow{from{width:0!important}}
.sol-ln:nth-child(1){background:rgba(79,125,249,.12);width:70%}.sol-ln:nth-child(2){background:rgba(124,58,237,.12);width:50%}.sol-ln:nth-child(3){background:rgba(6,182,212,.12);width:85%}.sol-ln:nth-child(4){background:rgba(249,115,22,.12);width:40%}.sol-ln:nth-child(5){background:rgba(79,125,249,.12);width:60%}
.sol-info h3{font-size:28px;font-weight:800;margin-bottom:14px}
.sol-poem{font-size:15px;color:var(--cy);font-style:italic;margin-bottom:18px;padding-left:16px;border-left:3px solid var(--cy);line-height:1.6}
.sol-info>p{font-size:15px;color:var(--t2);line-height:1.8;margin-bottom:24px}
.sol-pts{list-style:none}
.sol-pts li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(79,125,249,.06);transition:all .2s}
.sol-pts li:hover{padding-left:8px;background:rgba(79,125,249,.02)}
.sol-pts li:last-child{border-bottom:none}
.sp-i{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.sp-t h4{font-size:15px;font-weight:600;margin-bottom:2px}
.sp-t p{font-size:13px;color:var(--t3);margin:0}

/* ADVANTAGES */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.adv-card{text-align:center;padding:36px 20px;border-radius:var(--r);background:var(--bg-card);border:1px solid rgba(79,125,249,.06);transition:all .4s;position:relative;overflow:hidden}
.adv-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gd);transform:scaleX(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform-origin:center}
.adv-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--sh-l);border-color:rgba(79,125,249,.12)}
.adv-card:hover::after{transform:scaleX(1)}
.adv-n{font-size:44px;font-weight:900;background:var(--gd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:12px}
.adv-card h4{font-size:16px;font-weight:700;margin-bottom:8px}
.adv-card p{font-size:13px;color:var(--t3);line-height:1.6}

/* PROCESS */
.proc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;padding:40px 0}
.proc-steps-7{grid-template-columns:repeat(7,1fr)}
.proc-steps::before{content:'';position:absolute;top:80px;left:6%;right:6%;height:3px;background:linear-gradient(90deg,var(--ac),var(--pu),var(--cy),var(--gn),var(--or),var(--pk),var(--ac));z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 8px}
.proc-c{width:90px;height:90px;border-radius:50%;background:var(--bg-card);border:3px solid var(--ac);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px;color:var(--ac);transition:all .4s;box-shadow:var(--sh-s)}
.proc-step:nth-child(2) .proc-c{border-color:var(--pu);color:var(--pu)}
.proc-step:nth-child(3) .proc-c{border-color:var(--cy);color:var(--cy)}
.proc-step:nth-child(4) .proc-c{border-color:var(--gn);color:var(--gn)}
.proc-step:nth-child(5) .proc-c{border-color:var(--or);color:var(--or)}
.proc-step:nth-child(6) .proc-c{border-color:var(--pk);color:var(--pk)}
.proc-step:nth-child(7) .proc-c{border-color:var(--ac);color:var(--ac)}
.proc-step:hover .proc-c{transform:scale(1.12) rotate(5deg);box-shadow:var(--sh-l)}
.proc-n{font-size:12px;font-weight:700;color:var(--t3);margin-bottom:8px}
.proc-step h4{font-size:15px;font-weight:700;margin-bottom:4px}
.proc-step p{font-size:13px;color:var(--t3)}

/* CASES */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{border-radius:var(--r);overflow:hidden;background:var(--bg-card);border:1px solid rgba(79,125,249,.06);transition:all .4s cubic-bezier(.25,.46,.45,.94)}
.case-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--sh-l);border-color:rgba(79,125,249,.12)}
.case-img{height:200px;overflow:hidden;position:relative}
.case-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.case-card:hover .case-img img{transform:scale(1.08)}
.case-tag{position:absolute;top:14px;left:14px;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;background:var(--ac);color:#fff}
.case-tag2{top:44px;left:14px;background:var(--gn)}
.case-body{padding:24px}
.case-body h3{font-size:18px;font-weight:700;margin-bottom:10px}
.case-body p{font-size:14px;color:var(--t2);line-height:1.7;margin-bottom:16px}
.case-mets{display:flex;gap:12px}
.case-met{padding:8px 14px;border-radius:8px;background:var(--ac-l);border:1px solid rgba(79,125,249,.08)}
.case-met .v{font-size:18px;font-weight:700;color:var(--ac)}
.case-met .l{font-size:11px;color:var(--t3)}
.cases-more{text-align:center;margin-top:48px}
.cases-more .btn-o{padding:14px 40px;font-size:15px}

/* PARTNERS */
.ptn-scroll-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}
.ptn-scroll{display:flex;width:max-content}
.ptn-scroll-left{animation:scrollLeft 30s linear infinite}
.ptn-scroll-right{animation:scrollRight 30s linear infinite}
.ptn-scroll:hover{animation-play-state:paused}
@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes scrollRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.ptn-row-inner{display:flex;gap:24px}
.ptn-item{display:flex;align-items:center;gap:12px;padding:16px 28px;background:var(--bg-card);border:1px solid rgba(79,125,249,.08);border-radius:12px;transition:all .3s;white-space:nowrap}
.ptn-item:hover{border-color:var(--ac);transform:translateY(-3px);box-shadow:var(--sh-s)}
.ptn-logo{width:40px;height:40px;border-radius:10px;background:var(--ac-l);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ac)}
.ptn-item span{font-size:14px;font-weight:600;color:var(--t2)}

/* NEWS */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{border-radius:var(--r);background:var(--bg-card);border:1px solid rgba(79,125,249,.06);overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);text-decoration:none;color:inherit}
.news-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--sh-l);border-color:rgba(79,125,249,.15)}
.news-img{position:relative;height:180px;overflow:hidden}
.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.news-card:hover .news-img img{transform:scale(1.08)}
.news-date{position:absolute;top:16px;left:16px;background:var(--bg-card);border-radius:8px;padding:8px 12px;text-align:center;box-shadow:var(--sh-s)}
.news-date .d{display:block;font-size:22px;font-weight:800;color:var(--ac);line-height:1}
.news-date .m{display:block;font-size:11px;color:var(--t3);margin-top:2px}
.news-body{padding:24px}
.news-tag{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;background:var(--ac-l);color:var(--ac);margin-bottom:12px}
.news-card h3{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:10px;color:var(--t1);transition:color .2s}
.news-card:hover h3{color:var(--ac)}
.news-card p{font-size:14px;color:var(--t3);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* FAQ */
.faq-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}
.faq-tab{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;background:var(--bg-card);border:1px solid rgba(79,125,249,.08);color:var(--t2);cursor:pointer;transition:all .3s}
.faq-tab:hover{border-color:rgba(79,125,249,.2);color:var(--ac)}
.faq-tab.active{background:var(--ac);color:#fff;border-color:var(--ac);box-shadow:0 4px 15px rgba(79,125,249,.3)}
.faq-container{max-width:900px;margin:0 auto}
.faq-panel{display:none}
.faq-panel.active{display:block}
.faq-item{border:1px solid rgba(79,125,249,.06);border-radius:12px;margin-bottom:12px;overflow:hidden;background:var(--bg-card);transition:all .3s}
.faq-item:hover{border-color:rgba(79,125,249,.12)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;font-size:16px;font-weight:600;transition:background .2s}
.faq-q:hover{background:rgba(79,125,249,.02)}
.faq-q i{font-size:20px;color:var(--ac);transition:transform .3s}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s}
.faq-item.open .faq-a{max-height:300px;padding:0 24px 20px}
.faq-item.open .faq-q i{transform:rotate(45deg)}
.faq-a p{font-size:15px;color:var(--t2);line-height:1.8}

/* CTA */
.cta-sec{padding:120px 32px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0a0f1a 0%,#111827 100%)}
.cta-sec::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.12) 0%,transparent 40%),radial-gradient(circle at 80% 50%,rgba(59,130,246,.12) 0%,transparent 40%);animation:ctaBgPulse 8s ease-in-out infinite}
@keyframes ctaBgPulse{0%,100%{opacity:.6}50%{opacity:1}}
.cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;max-width:1200px;margin:0 auto}
.cta-left{position:relative}
.cta-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:13px;font-weight:600;margin-bottom:24px;animation:tagGlow 2s ease-in-out infinite}
@keyframes tagGlow{0%,100%{box-shadow:0 0 20px rgba(16,185,129,.2)}50%{box-shadow:0 0 30px rgba(16,185,129,.4)}}
.cta-tag i{font-size:16px}
.cta-left h2{font-size:clamp(32px,5vw,52px);font-weight:900;color:#fff;line-height:1.15;margin-bottom:20px;letter-spacing:-1px}
.cta-left h2 .hl{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}
.cta-left h2 .hl::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#10b981,transparent);border-radius:2px;opacity:.4}
.cta-desc{font-size:17px;color:rgba(255,255,255,.65);line-height:1.9;margin-bottom:36px;max-width:520px}
.cta-list{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.cta-item{display:flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s;cursor:default}
.cta-item:hover{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.3);transform:translateY(-2px)}
.cta-item i{font-size:20px;color:#10b981}
.cta-item span{font-size:14px;font-weight:500;color:rgba(255,255,255,.85)}
.cta-phone{display:flex;align-items:center;gap:12px;padding:16px 28px;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.15));border:1px solid rgba(255,255,255,.12);border-radius:16px;width:fit-content}
.cta-phone i{font-size:24px;color:#10b981}
.cta-phone .num{font-size:26px;font-weight:800;color:#fff;letter-spacing:1px}
.cta-phone .tip{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}
.cta-right{position:relative}
.cta-card{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:40px 36px;text-align:center;backdrop-filter:blur(10px);position:relative;overflow:hidden}
.cta-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg 120deg,rgba(16,185,129,.3) 120deg 180deg,transparent 180deg);animation:cardRotate 6s linear infinite;opacity:.3}
@keyframes cardRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.cta-card-inner{position:relative;z-index:1}
.cta-card h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}
.cta-card>p{font-size:14px;color:rgba(255,255,255,.55);margin-bottom:28px}
.cta-btn-main{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 32px;border-radius:14px;font-size:17px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;cursor:pointer;transition:all .3s;text-decoration:none;margin-bottom:14px;box-shadow:0 8px 30px rgba(16,185,129,.3)}
.cta-btn-main:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(16,185,129,.4)}
.cta-btn-main i{font-size:20px}
.cta-btn-sub{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 32px;border-radius:14px;font-size:15px;font-weight:600;background:transparent;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s;text-decoration:none}
.cta-btn-sub:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.cta-qrcode{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.cta-qrcode img{width:90px;height:90px;border-radius:10px;background:#fff;padding:6px}
.cta-qrcode p{font-size:11px;color:rgba(255,255,255,.45);margin-top:8px}
@media(max-width:1000px){.cta-grid{grid-template-columns:1fr;gap:48px;text-align:center}.cta-desc,.cta-phone{margin-left:auto;margin-right:auto}.cta-list,.cta-phone{justify-content:center}}
@media(max-width:480px){.cta-sec{padding:80px 20px}.cta-left h2{font-size:28px}.cta-phone .num{font-size:22px}}

/* FOOTER */
.footer{padding:64px 48px 0px;background:var(--bg-alt);position:relative}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.ft-brand p{font-size:14px;color:var(--t3);line-height:1.8;margin-top:14px;max-width:300px}
.footer h4{font-size:14px;font-weight:700;color:var(--t1);margin-bottom:14px}
.footer ul{list-style:none}
.footer ul li{margin-bottom:10px}
.footer ul a{font-size:14px;color:var(--t3);text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}
.footer ul a:hover{color:var(--ac)}
.ft-bottom-logo{text-align:center}
.ft-bl-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.ft-bl-orbit-box{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.ft-bl-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(16,185,129,.3)}
.ft-bl-orbit:nth-child(1){width:100%;height:100%;animation:orbitSpin 12s linear infinite}
.ft-bl-orbit:nth-child(2){width:75%;height:75%;animation:orbitSpin 8s linear infinite reverse}
.ft-bl-orbit:nth-child(3){width:125%;height:125%;border-style:dotted;animation:orbitSpin 18s linear infinite}
@keyframes orbitSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.ft-bl-dot{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 0 10px rgba(16,185,129,.6)}
.ft-bl-orbit:nth-child(1) .ft-bl-dot{top:-3px;left:50%;transform:translateX(-50%)}
.ft-bl-orbit:nth-child(2) .ft-bl-dot{bottom:-3px;left:50%;transform:translateX(-50%)}
.ft-bl-orbit:nth-child(3) .ft-bl-dot{top:50%;right:-3px;transform:translateY(-50%)}
.ft-bl-logo{position:relative;z-index:2}
.ft-bl-logo img{height:48px;width:auto}
.ft-bl-text{font-size:18px;font-weight:800;color:#fff;letter-spacing:3px}
.ft-bl-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:var(--ac);position:relative;z-index:1;background:var(--bg-alt);padding:12px 20px;border-radius:12px}
.ft-bl-logo img{height:28px;max-width:100px;object-fit:contain}
.ft-bl-logo i{font-size:24px}
.ft-bl-text{    margin-top: 10px;
    color: var(--t3);
    letter-spacing: 2px;
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-family: "Inter", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;}

/* 友链区域 */
.ft-links{/*padding: 0 48px 48px;*/
    background: var(--bg-alt);
    border-top: 1px solid rgba(79, 125, 249, .06);
    margin-top: 50px;
    padding: 0 48px 48px;
}
.ft-links-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;font-size:15px;font-weight:700;color:var(--t2)}
.ft-links-title i{font-size:20px;color:var(--ac)}
.ft-links-grid{/*display:flex;flex-wrap:wrap;justify-content:center;gap:16px*/}
/*.ft-link-item{display:flex;align-items:center;justify-content:center;width:140px;height:56px;border-radius:10px;background:#fff;border:1px solid rgba(79,125,249,.08);transition:all .3s;overflow:hidden}*/
.ft-link-item img{max-width:120px;max-height:36px;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:all .3s}
/*.ft-link-item:hover{border-color:var(--ac);box-shadow:var(--sh-m);transform:translateY(-3px)}
.ft-link-item:hover img{filter:grayscale(0);opacity:1}*/
.ft-links-grid a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    font-size: 12px;
    line-height: 22px;
    color: #495770;
    white-space: nowrap;
}
.ft-link-apply{display:flex;align-items:center;justify-content:center;width:140px;height:56px;border-radius:10px;background:linear-gradient(135deg,rgba(79,125,249,.06),rgba(124,58,237,.06));border:2px dashed rgba(79,125,249,.2);color:var(--ac);font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer}
.ft-link-apply:hover{background:var(--gd);color:#fff;border-color:var(--ac)}
.ft-link-apply i{margin-right:6px;font-size:16px}

/* 友链申请弹窗 */
.link-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);align-items:center;justify-content:center}
.link-modal.show{display:flex}
.link-modal-box{background:#fff;border-radius:16px;width:90%;max-width:480px;max-height:85vh;overflow:hidden;animation:modalSlideUp .3s ease}
@keyframes modalSlideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.link-modal-head{background:var(--gd);padding:20px 24px;display:flex;align-items:center;justify-content:space-between}
.link-modal-head h3{color:#fff;font-size:18px;font-weight:700}
.link-modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.8;transition:opacity .2s}
.link-modal-close:hover{opacity:1}
.link-modal-bd{padding:24px;max-height:calc(85vh - 70px);overflow-y:auto}
.link-modal-bd .form-group{margin-bottom:16px}
.link-modal-bd label{display:block;font-size:14px;font-weight:600;color:var(--t1);margin-bottom:6px}
.link-modal-bd input,.link-modal-bd textarea{border:1px solid rgba(79,125,249,.15);border-radius:8px;padding:12px;font-size:14px;width:100%;transition:border-color .2s}
.link-modal-bd input:focus,.link-modal-bd textarea:focus{outline:none;border-color:var(--ac)}
.link-modal-bd textarea{resize:vertical;min-height:80px}
.link-modal-btn{background:var(--gd);color:#fff;border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;width:100%;cursor:pointer;transition:all .3s}
.link-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,125,249,.3)}

/* BACK TOP */
#backTop{position:fixed;bottom:32px;right:32px;z-index:90;width:48px;height:48px;border-radius:12px;background:var(--bg-card);border:1px solid rgba(79,125,249,.1);color:var(--ac);font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-s)}
#backTop:hover{transform:translateY(-2px);box-shadow:var(--sh-m)}

/* REVEAL */
.rv{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.25,.8,.25,1),transform .7s cubic-bezier(.25,.8,.25,1)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv-l{opacity:0;transform:translateX(-36px);transition:opacity .7s ease,transform .7s ease}
.rv-l.vis{opacity:1;transform:translateX(0)}
.rv-r{opacity:0;transform:translateX(36px);transition:opacity .7s ease,transform .7s ease}
.rv-r.vis{opacity:1;transform:translateX(0)}
.rv-s{opacity:0;transform:scale(.9);transition:opacity .7s ease,transform .7s ease}
.rv-s.vis{opacity:1;transform:scale(1)}

/* PROCESS MODAL */
.proc-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s}
.proc-modal.show{display:flex;opacity:1}
.proc-modal.show .proc-modal-box{transform:scale(1) translateY(0)}
.proc-modal-box{background:var(--bg-w);border-radius:24px;max-width:560px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 80px rgba(79,125,249,.25);position:relative;transform:scale(.9) translateY(30px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.proc-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--bg-alt);border:none;font-size:20px;color:var(--t2);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}
.proc-modal-close:hover{background:var(--ac);color:#fff;transform:rotate(90deg)}
.proc-modal-head{padding:32px 32px 0;text-align:center}
.proc-modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;box-shadow:0 8px 30px rgba(79,125,249,.2)}
.proc-modal-head h3{font-size:26px;font-weight:800;margin-bottom:8px}
.proc-modal-head .step-num{font-size:14px;font-weight:600;color:var(--ac)}
.proc-modal-body{padding:32px}
.proc-modal-body p{font-size:15px;color:var(--t2);line-height:1.9;margin-bottom:20px}
.proc-modal-features{background:var(--bg-alt);border-radius:16px;padding:24px;margin-top:24px}
.proc-modal-features h4{font-size:15px;font-weight:700;margin-bottom:16px;color:var(--t1)}
.proc-modal-features ul{list-style:none}
.proc-modal-features li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(79,125,249,.06)}
.proc-modal-features li:last-child{border-bottom:none}
.proc-modal-features li i{color:var(--gn);font-size:18px;margin-top:2px}
.proc-modal-features li span{font-size:14px;color:var(--t2);line-height:1.6}

/* ABOUT SPLIT */
.about-split{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:start}
.about-info{display:flex;flex-direction:column;gap:24px}
.about-intro-card{background:linear-gradient(135deg,#fefefe,#f8fafc);border-radius:20px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid #e2e8f0}
.a-logo{text-align:center;margin-bottom:20px}
.a-logo img{height:56px;object-fit:contain}
.a-desc{font-size:15px;color:#475569;line-height:1.9;text-align:center;margin-bottom:24px}
.a-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.a-stat{text-align:center;padding:16px 8px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(236,72,153,.06));border-radius:12px}
.a-stat b{display:block;font-size:28px;font-weight:900;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.a-stat .plus{font-size:16px}
.a-stat span{font-size:12px;color:#94a3b8}
.about-values-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.av-card{background:#fff;padding:18px;border-radius:14px;text-align:center;border:1px solid #e2e8f0;transition:all .3s}
.av-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(99,102,241,.12);border-color:#6366f1}
.av-card i{font-size:26px;color:#6366f1;margin-bottom:8px}
.av-card h4{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:4px}
.av-card p{font-size:12px;color:#94a3b8}
/* About Timeline */
.about-timeline{background:linear-gradient(180deg,#6366f1,#8b5cf6,#ec4899);border-radius:20px;padding:28px;box-shadow:0 8px 32px rgba(99,102,241,.2);display:flex;flex-direction:column;overflow:hidden;align-self:start}
.tl-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.tl-title i{color:#fbbf24}
.tl-scroll{flex:1;overflow:hidden;position:relative}
.tl-track{display:flex;flex-direction:column;animation:tlScroll 25s linear infinite}
.tl-track:hover{animation-play-state:paused}
@keyframes tlScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.tl-item{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .3s}
.tl-item:hover{background:rgba(255,255,255,.1);padding-left:12px;border-radius:8px}
.tl-item:last-child{border-bottom:none}
.tl-year{display:inline-block;font-size:13px;font-weight:700;color:#fbbf24;background:rgba(255,255,255,.2);padding:4px 14px;border-radius:20px;margin-bottom:6px}
.tl-content h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}
.tl-content p{font-size:12px;color:rgba(255,255,255,.8);line-height:1.5}
@media(max-width:900px){.about-split{grid-template-columns:1fr}.about-info{order:2}.about-timeline{order:1}.tl-scroll{max-height:300px}}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* PROCESS ENHANCED */
.proc-steps{gap:0}
.proc-step{cursor:pointer;padding:24px 8px}
.proc-step .proc-c{position:relative;overflow:hidden}
.proc-step .proc-c::before{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:opacity .3s}
.proc-step:hover .proc-c::before{opacity:1}
.proc-step .proc-c::after{content:'点击查看详情';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--t3);white-space:nowrap;opacity:0;transition:all .3s}
.proc-step:hover .proc-c::after{bottom:-36px;opacity:1}
.proc-step h4{font-size:14px;margin-bottom:6px}
.proc-step p{font-size:12px}

/* RESPONSIVE */
@media(max-width:1024px){.srv-grid,.adv-grid{grid-template-columns:repeat(2,1fr)}.cases-grid{grid-template-columns:repeat(2,1fr)}.sol-panel.active{grid-template-columns:1fr}.proc-steps{grid-template-columns:repeat(2,1fr);gap:32px}.proc-steps::before{display:none}.ft-grid{grid-template-columns:1fr 1fr}.hl-in{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
/* 通用 */
.sec{padding:60px 20px}.ctn{padding:0 16px}
.sec-hd{margin-bottom:40px}
.sec-title{font-size:24px}
.sec-desc{font-size:14px}

/* 导航 */
.nav{padding:0 16px;height:60px}
.nav-links,.nav-cta{display:none}
.nav-mb{display:block}
.nav-logo img{height:28px}

/* Hero */
.hero{height:auto;padding-top:80px;min-height: 100px;}
.hero-slide{padding:60px 16px}
.hero-content{max-width:100%}
.hero-badge{padding:8px 16px;font-size:12px;margin-bottom:20px}
.hero h1{font-size:28px}
.hero-desc{font-size:15px;margin-bottom:32px}
.hero-actions{flex-direction:row;gap:12px;flex-wrap:nowrap;justify-content:center}
.btn-p,.btn-o{width:auto;min-width:160px;max-width:200px;padding:14px 24px;font-size:15px;justify-content:center;flex-shrink:0}
.hero-arr{display:none}
.hero-dots{bottom:16px;gap:8px}

/* 统计 */
.stats{padding:32px 16px}
.stats-in{grid-template-columns:repeat(2,1fr);gap:24px}
.stat-n{font-size:32px}
.stat-l{font-size:13px}
.stat:not(:nth-child(2))::after{display:none}

/* 服务 */
.srv-grid{grid-template-columns:1fr;gap:20px}
.srv-card{padding:24px}

/* 高亮条 */
.hl-strip{padding:48px 20px}
.hl-in{grid-template-columns:1fr;gap:24px}
.hl-item{padding:20px}
.hl-item i{font-size:32px}

/* 解决方案 */
.sol-tabs{gap:6px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.sol-tab{padding:8px 16px;font-size:13px;flex-shrink:0}
.sol-panel{gap:32px}
.sol-vis{padding:24px;min-height:200px}
.sol-info h3{font-size:22px}
.sol-poem{font-size:14px}

/* 优势 */
.adv-grid{grid-template-columns:1fr;gap:16px}
.adv-card{padding:24px 16px}
.adv-n{font-size:36px}

/* 合作流程 */
.proc-steps{grid-template-columns:1fr;gap:24px}
.proc-step{padding:16px}
.proc-c{width:60px;height:60px;font-size:24px}
.proc-n{font-size:11px}
.proc-step h4{font-size:14px}

/* 案例 */
.cases-grid{grid-template-columns:1fr;gap:20px}
.case-img{height:160px}
.case-body{padding:20px}
.case-body h3{font-size:16px}
.cases-more{margin-top:32px}

/* 合作伙伴 - 移动端网格布局 */
.ptn-scroll-wrap{mask-image:none;-webkit-mask-image:none;margin-top:0!important}
.ptn-section-grid .ptn-scroll-wrap{display:block;margin-bottom:12px}
.ptn-item{padding:12px 20px;min-width:auto;flex:1 1 calc(50% - 6px)}
.ptn-logo{width:32px;height:32px;font-size:16px}
.ptn-item span{font-size:13px}
.ptn-scroll{width:100%}
.ptn-row-inner{flex-wrap:wrap;gap:12px}
.ptn-logo-img{max-width:80px;height:auto}

/* 新闻 */
.news-grid{grid-template-columns:1fr;gap:20px}
.news-img{height:140px}
.news-body{padding:20px}
.news-card h3{font-size:16px}

/* 关于我们 */
.about-split{grid-template-columns:1fr;gap:24px}
.about-intro-card{padding:20px}
.a-logo img{height:40px}
.a-desc{font-size:14px;line-height:1.8}
.a-stats{grid-template-columns:repeat(2,1fr)}
.a-stat{padding:12px 6px}
.a-stat b{font-size:22px}
.a-stat span{font-size:11px}
.about-values-grid{grid-template-columns:1fr;gap:12px}
.av-card{padding:14px}
.av-card i{font-size:22px}
.av-card h4{font-size:13px}
.about-timeline{padding:20px}
.tl-title{font-size:15px;margin-bottom:16px}
.tl-item{padding:12px 0}
.tl-year{font-size:12px;padding:4px 12px}
.tl-content h4{font-size:13px}
.tl-content p{font-size:11px}

/* FAQ */
.faq-tabs{gap:6px;margin-bottom:24px}
.faq-tab{padding:8px 16px;font-size:13px}
.faq-q{padding:16px 20px;font-size:15px}
.faq-a{padding:0 20px 16px}
.faq-a p{font-size:14px}

/* CTA */
.cta-sec{padding:60px 20px}
.cta-grid{grid-template-columns:1fr;gap:40px;text-align:center}
.cta-left h2{font-size:26px}
.cta-desc{font-size:15px;margin-bottom:24px}
.cta-list{justify-content:center;gap:12px}
.cta-item{padding:10px 14px}
.cta-phone{flex-direction:column;gap:8px;padding:14px 20px;margin:0 auto}
.cta-phone .num{font-size:22px}
.cta-card{padding:28px 20px}
.cta-btn-main{padding:16px 24px;font-size:15px}
.cta-btn-sub{padding:14px 24px;font-size:14px}

/* 页脚 */
.footer{padding:40px 16px 160px}
.ft-grid{grid-template-columns:1fr;gap:32px}
.ft-bottom-logo{bottom:24px}
.ft-bl-orbit-box{width:100px;height:100px}
.ft-bl-logo img{height:36px}
.ft-bl-text{font-size:12px}

/* 弹窗 */
.proc-modal-box{max-width:100%;width:calc(100% - 32px);max-height:90vh}
.proc-modal-head{padding:24px 24px 0}
.proc-modal-icon{width:60px;height:60px;font-size:28px}
.proc-modal-head h3{font-size:22px}
.proc-modal-body{padding:24px}
.proc-modal-body p{font-size:14px}
.proc-modal-features{padding:20px}

/* 回到顶部 */
#backTop{width:44px;height:44px;bottom:80px;right:16px}
}

/* 超小屏幕 320px-375px */
@media(max-width:375px){
.sec{padding:48px 12px}
.nav{padding:0 12px;height:56px}
.nav-logo img{height:24px}
.hero-slide{padding:50px 12px}
.hero h1{font-size:24px}
.hero-desc{font-size:14px}
.btn-p,.btn-o{padding:12px 20px;font-size:14px}
.stats-in{grid-template-columns:1fr 1fr;gap:16px}
.stat-n{font-size:28px}
.srv-card{padding:20px}
.srv-ico{width:48px;height:48px;font-size:22px}
.sol-tab{padding:6px 12px;font-size:12px}
.about-intro-card{padding:16px}
.a-stats{grid-template-columns:repeat(2,1fr);gap:8px}
.a-stat b{font-size:20px}
.cta-left h2{font-size:22px}
.cta-item{padding:8px 12px;font-size:13px}
.cta-phone .num{font-size:20px}
.ft-bl-orbit-box{width:80px;height:80px}
.ft-bl-logo img{height:28px}

/* 友链移动端 */
.ft-links{padding:40px 16px 120px}
.ft-links-title{font-size:14px;margin-bottom:16px}
.ft-links-grid{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.ft-link-item,.ft-link-apply{width:110px;height:44px;flex-shrink:0}
.ft-link-item img{max-width:90px;max-height:28px}
}

/* 中等手机 376px-414px */
@media(min-width:376px) and (max-width:414px){
.hero h1{font-size:26px}
.stats-in{gap:20px}
.stat-n{font-size:30px}
}

/* 大屏手机 415px-480px */
@media(min-width:415px) and (max-width:480px){
.hero h1{font-size:30px}
.stats-in{gap:24px}
}

/* 小平板 481px-768px */
@media(min-width:481px) and (max-width:768px){
.hero h1{font-size:34px}
.srv-grid{grid-template-columns:repeat(2,1fr)}
.cases-grid{grid-template-columns:repeat(2,1fr)}
.news-grid{grid-template-columns:repeat(2,1fr)}
}

/* ========== 移动端全宽和紧凑布局 ========== */
/* 默认隐藏手风琴版（放在媒体查询前面） */
.srv-accordion{display:none!important}
.proc-accordion{display:none!important}

@media(max-width:768px){
/* 流程及以下板块全宽无padding */
#process,#advantages,#cases,#partners,#news,#about,#faq,#contact,.sec{padding-left:0;padding-right:0}
#process .ctn,#advantages .ctn,#cases .ctn,#partners .ctn,#news .ctn,#about .ctn,#faq .ctn,#contact .ctn,.sec .ctn{padding-left:16px;padding-right:16px;max-width:100%}

/* 服务卡片：隐藏网格，显示手风琴 */
.srv-grid{display:none!important}
.srv-accordion{display:block!important}

/* 合作流程：隐藏网格，显示手风琴 */
.proc-steps{display:none!important}
.proc-accordion{display:block!important}

/* 合作伙伴：显示全部6行，移动端使用grid布局 */
.ptn-section-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

/* Banner点位置修正 */
.hero-dots{bottom:10px}
.hero-dots button{width:8px;height:8px}

/* 按钮固定尺寸 */
.hero-actions .btn-p,.hero-actions .btn-o{min-width:120px;padding:10px 16px;font-size:14px}
}

/* 桌面端隐藏手风琴版 */
@media(min-width:769px){
.srv-accordion{display:none!important}
.proc-accordion{display:none!important}
}

/* 服务手风琴样式 */
.srv-acc-item{background:var(--bg-w);border:1px solid var(--bd);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:all .3s}
.srv-acc-item.open{box-shadow:var(--sh-m);border-color:var(--ac)}
.srv-acc-hd{display:flex;align-items:center;gap:14px;padding:16px;cursor:pointer}
.srv-acc-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.srv-acc-info{flex:1}
.srv-acc-info h4{font-size:16px;font-weight:700;color:var(--t1);margin-bottom:2px}
.srv-acc-info p{font-size:13px;color:var(--t3)}
.srv-acc-arrow{font-size:20px;color:var(--t3);transition:transform .3s}
.srv-acc-item.open .srv-acc-arrow{transform:rotate(180deg)}
.srv-acc-bd{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s}
.srv-acc-item.open .srv-acc-bd{max-height:400px;padding:0 16px 16px}
.srv-acc-feat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.srv-acc-feat span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--t2)}
.srv-acc-feat i{color:var(--gn);font-size:14px}

/* 流程手风琴样式 */
.proc-acc-item{background:var(--bg-w);border:1px solid var(--bd);border-radius:14px;margin-bottom:10px;overflow:hidden;transition:all .3s}
.proc-acc-item.open{box-shadow:var(--sh-m);border-color:var(--ac)}
.proc-acc-hd{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}
.proc-acc-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}
.proc-acc-info{flex:1}
.proc-acc-info h4{font-size:15px;font-weight:700;color:var(--t1)}
.proc-acc-info p{font-size:12px;color:var(--t3);margin-top:2px}
.proc-acc-arrow{font-size:18px;color:var(--t3);transition:transform .3s}
.proc-acc-item.open .proc-acc-arrow{transform:rotate(180deg)}
.proc-acc-bd{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s;background:var(--bg-alt)}
.proc-acc-item.open .proc-acc-bd{max-height:200px;padding:14px 16px}
.proc-acc-bd p{font-size:13px;color:var(--t2);line-height:1.7;margin-bottom:12px}
.proc-acc-bd ul{list-style:none}
.proc-acc-bd li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t2);padding:6px 0}
.proc-acc-bd i{color:var(--gn)}

/* ============================================================
   移动端底部悬浮菜单 - 4项布局
   ============================================================ */
.mb-sidebar { display: none; }

@media (max-width: 768px) {
  .rsidebar { display: none !important; }

  .mb-sidebar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
    background: #fff;
    box-shadow: 0 -4px 20px rgba(0,0,0,.1);
    padding: 10px 12px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
    justify-content: center;
    gap: 6px;
  }

  /* 前两项：渐变大按钮（与PC侧边栏风格一致） */
  .mb-sidebar .mb-special {
    flex: 1;
    max-width: calc(50% - 12px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 12px 8px;
    border-radius: 14px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
  }
  .mb-sidebar .mb-special:active { transform: scale(.96); opacity: .9; }
  .mb-sidebar .mb-special i { font-size: 22px; }
  .mb-special.mb-orange { background: linear-gradient(135deg,#ff6b35,#f97316); }
  .mb-special.mb-purple { background: linear-gradient(135deg,#b900ff,#76009d); }

  /* 后两项：小图标按钮 */
  .mb-sidebar .mb-item {
    flex: 1;
    max-width: calc(50% - 12px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 6px;
    border-radius: 14px;
    text-decoration: none;
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
    background: #f8fafc;
    transition: all .2s;
    cursor: pointer;
  }
  .mb-sidebar .mb-item:active { transform: scale(.95); background: #e2e8f0; }
  .mb-sidebar .mb-item i { font-size: 22px; }
  .mb-item.mb-green { color: #07c160; background: #eefaf4; }
  .mb-item.mb-purple-icon { color: #7c3aed; background: #f0eafe; }

  body, .page-content { padding-bottom: 70px; }
}
.footer-copyright {
    width: 100%;
    padding: 20px 15px;
    text-align: center;
    font-size: 13px;
    color: #666666;
    line-height: 1.8;
}

.footer-copyright p {
  margin: 4px 0;
  white-space: nowrap;
  overflow: hidden;
}

.footer-copyright img {
  width: 18px;
  height: auto;
  vertical-align: middle;
  margin: 0 6px;
}
/* 呼吸动画核心 */
@keyframes breathe {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.9; }
  100% { transform: scale(1); opacity: 1; }
}

/* 应用动画到按钮 */
.rs-special-btn {
  animation: breathe 2.2s ease-in-out infinite; /* 一直呼吸 */
  cursor: pointer;
  transition: all 0.3s;
}

/* 悬浮加强效果 */
.rs-special-btn:hover {
  animation-play-state: paused; /* 悬浮暂停呼吸 */
  transform: scale(1.12) !important;
}

/* 小提示也加轻微动画 */
.rs-special-tip {
  animation: breathe 2.6s ease-in-out infinite;
  animation-delay: 0.2s;
}
/* 呼吸动画核心 */
@keyframes breathe {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.9; }
  100% { transform: scale(1); opacity: 1; }
}

/* 应用动画到按钮 */
.rs-special-btn1 {
  animation: breathe 2.2s ease-in-out infinite; /* 一直呼吸 */
  cursor: pointer;
  transition: all 0.3s;
}

/* 悬浮加强效果 */
.rs-special-btn1:hover {
  animation-play-state: paused; /* 悬浮暂停呼吸 */
  transform: scale(1.12) !important;
}

/* 小提示也加轻微动画 */
.rs-special-tip {
  animation: breathe 2.6s ease-in-out infinite;
  animation-delay: 0.2s;
}
/* ========== 高颜值蓝色自定义鼠标｜低延迟跟手 ========== */
/* 保留默认鼠标兜底，防止不见 */
body{
  cursor: default;
}

/* 【1. 内层实心圆点 - 改色在这里】 */
.mouse-inner{
  position: fixed;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00b3ff, #0066ff);
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%,-50%);
}

/* 【2. 外层圆环边框色 - 改色在这里】 */
.mouse-outer{
  position: fixed;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #00b3ff;
  pointer-events: none;
  z-index: 99998;
  transform: translate(-50%,-50%);
  transition: 0.1s ease;
}

/* 悬浮激活蓝色效果 */
.mouse-outer.hover-active{
  transform: translate(-50%,-50%) scale(1.8);
  border-color: #0066ff;
  background: rgba(0, 102, 255, 0.08);
}

/* 【3. 点击波纹颜色 - 改色在这里】 */
.mouse-wave{
  position: fixed;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00b3ff, #0066ff);
  opacity: 0.6;
  pointer-events: none;
  z-index: 99997;
  animation: waveBig 0.9s ease-out;
}

@keyframes waveBig{
  0%{transform: translate(-50%,-50%) scale(1);opacity:0.6;}
  100%{transform: translate(-50%,-50%) scale(15);opacity:0;}
}

/* 手机端自动关闭 */
@media screen and (max-width:768px){
  .mouse-inner,.mouse-outer,.mouse-wave{
    display: none !important;
  }
}
/* 访问统计底部样式 */
.visit-stat{
    width: 100%;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    color: #666;
    background: #f8f9fa;
    border-top: 1px solid #eee;
}
.visit-stat span{
    margin: 0 12px;
}
.visit-stat b{
    color: #0066ff;
    font-weight: 600;
}
/* 手机端自适应 */
@media (max-width:768px){
    .visit-stat{
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
}