/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;scroll-padding-top:var(--nav-height)}
body{font-family:"PingFang SC","Source Han Sans",-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;color:#344054;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:138%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

.isshow{display:none}

/* ===== VARIABLES ===== */
:root{
  --brand:#057DFF;
  --brand-light:#168CFF;
  --brand-dark:#0B1F3A;
  --accent-purple:#5B5BD6;
  --accent-teal:#00C2A8;
  --accent-gold:#C8963E;
  --accent-orange:#FF8A3D;
  --bg-white:#FFFFFF;
  --bg-light:#F3F9FF;
  --bg-gray:#F6F8FB;
  --border:#E6EEF7;
  --text:#344054;
  --text-secondary:#667085;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --shadow-sm:0 1px 3px rgba(5,125,255,.08);
  --shadow-md:0 4px 20px rgba(5,125,255,.12);
  --shadow-lg:0 12px 40px rgba(5,125,255,.15);
  --nav-height:72px;
  --transition:all .35s cubic-bezier(.4,0,.2,1)
}

/* ===== TYPOGRAPHY ===== */
h1,h2,h3,h4{color:var(--brand-dark);font-weight:700;line-height:1.25}
.section-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.03em;color:var(--brand);text-transform:uppercase;margin-bottom:16px}
.section-label::before,.section-label::after{content:'';width:24px;height:2px;background:var(--brand);border-radius:2px}
.section-title{font-size:clamp(28px,3.6vw,44px);margin-bottom:16px;letter-spacing:-.01em}
.section-desc{font-size:clamp(15px,1.1vw,18px);color:var(--text);line-height:1.7;max-width:720px}

/* ===== LAYOUT ===== */
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}
@media(max-width:768px){.container{padding:0 20px}}

.section{padding:clamp(60px,7vw,120px) 0;position:relative}
.section-header{text-align:center;margin-bottom:clamp(40px,4vw,64px)}
.section-header .section-desc{margin:0 auto}
@media(max-width:640px){.section{padding:clamp(40px,8vw,72px) 0}.section-title{font-size:clamp(22px,5.5vw,32px)}.section-desc{font-size:14px}}

/* ===== NAVIGATION ===== */
nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(5,125,255,.08);transition:var(--transition)}
nav.scrolled{background:rgba(255,255,255,.97);box-shadow:0 1px 20px rgba(5,125,255,.1)}
.nav-inner{display:flex;align-items:center;height:var(--nav-height);gap:32px}
.nav-logo-text{font-size:20px;font-weight:700;color:var(--brand-dark);letter-spacing:-.01em}
.nav-logo-text span{color:var(--brand)}
.nav-links{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.nav-links>li{position:relative}
.nav-link{display:flex;align-items:center;gap:4px;padding:8px 14px;font-size:14.5px;font-weight:500;color:var(--text);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;white-space:nowrap}
.nav-link:hover{color:var(--brand);background:var(--bg-light)}
.nav-link .arrow{font-size:10px;transition:transform .3s;display:inline-block;margin-left:2px}
.nav-link:hover .arrow{transform:rotate(180deg)}
.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.btn-qqly{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--brand);background:var(--bg-light);border:1.5px solid var(--brand);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;white-space:nowrap}
.btn-qqly:hover{background:rgba(5,125,255,.12)}
.btn-demo-nav{display:inline-flex;align-items:center;padding:9px 22px;font-size:14px;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;white-space:nowrap}
.btn-demo-nav:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-mobile-toggle span{display:block;width:24px;height:2px;background:var(--brand-dark);border-radius:2px;transition:var(--transition)}
.nav-mobile-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-mobile-toggle.open span:nth-child(2){opacity:0}
.nav-mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
@media(max-width:1024px){.nav-links,.nav-actions{display:none}.nav-mobile-toggle{display:flex}}

/* Mega Menu */
.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);width:640px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(5,125,255,.18);border:1px solid var(--border);padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease}
.nav-links>li:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mega-group h4{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;padding:0 12px}
.mega-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;text-decoration:none;color:inherit}
.mega-item:hover{background:var(--bg-light)}
.mega-item-text strong{display:block;font-size:14px;color:var(--brand-dark);font-weight:600;margin-bottom:2px}
.mega-item-text span{font-size:12px;color:var(--text-secondary)}
.mega-divider{grid-column:1/-1;height:1px;background:var(--border);margin:8px 0}

/* ===== HERO ===== */
.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,var(--bg-light) 50%,#fff 100%)}
.hero-bg-deco{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.hero-bg-deco .deco-ring{position:absolute;border-radius:50%;border:1px solid rgba(5,125,255,.06)}
.hero-bg-deco .deco-ring:nth-child(1){width:600px;height:600px;top:-200px;right:-100px}
.hero-bg-deco .deco-ring:nth-child(2){width:400px;height:400px;bottom:-150px;right:20%}
.hero-bg-deco .deco-ring:nth-child(3){width:200px;height:200px;top:20%;left:-60px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:calc(100vh - var(--nav-height))}
.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(5,125,255,.08);border:1px solid rgba(5,125,255,.15);border-radius:100px;font-size:13px;font-weight:600;color:var(--brand);margin-bottom:24px;letter-spacing:.02em}
.hero-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(32px,3.8vw,52px);margin-bottom:24px;letter-spacing:-.02em;line-height:1.35}
.hero h1 .highlight{color:var(--brand);position:relative}
.hero h1 .highlight::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:6px;background:rgba(5,125,255,.15);border-radius:3px}
.hero-desc{font-size:clamp(15px,1.1vw,18px);line-height:1.8;color:var(--text);margin-bottom:36px;max-width:560px}
.hero-actions{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}
.btn-primary:hover{background:var(--brand-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(5,125,255,.3)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;color:var(--brand);background:transparent;border:1.5px solid var(--brand);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}
.btn-secondary:hover{background:var(--bg-light);transform:translateY(-2px)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.hero-stat{text-align:center}
.hero-stat-num{font-size:clamp(22px,2vw,32px);font-weight:800;color:var(--brand);line-height:1.2}
.hero-stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.4;white-space:nowrap}
@media(max-width:1024px){.hero-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:32px;text-align:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto;padding-bottom:60px}}
@media(max-width:480px){.hero-actions{flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center}.hero-stats{gap:8px;padding:16px}}

/* Hero Right - Architecture Diagram */
/* ===== HERO DIAGRAM - CONCENTRIC RINGS ===== */
.hero-diagram{position:relative;width:100%;aspect-ratio:1;max-width:520px;margin:0 auto}
.hero-dia-bg{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle at center,rgba(5,125,255,.08) 0%,rgba(5,125,255,.04) 30%,rgba(5,125,255,.015) 60%,transparent 80%);z-index:0;animation:dialog-pulse 4s ease-in-out infinite}
@keyframes dialog-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}

.hero-dia-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.hero-dia-ring.r1{width:86%;height:86%;border:1px solid rgba(5,125,255,.08);z-index:0}
.hero-dia-ring.r2{width:72%;height:72%;border:1.5px solid rgba(5,125,255,.12);z-index:0;animation:spin-slow 30s linear infinite}
.hero-dia-ring.r3{width:56%;height:56%;border:2px solid rgba(5,125,255,.18);z-index:0;animation:spin-slow 20s linear infinite reverse}
.hero-dia-ring.r4{width:38%;height:38%;border:2.5px solid rgba(5,125,255,.25);box-shadow:0 0 30px rgba(5,125,255,.08),inset 0 0 30px rgba(5,125,255,.04);z-index:0;animation:spin-slow 15s linear infinite}

@keyframes spin-slow{to{transform:translate(-50%,-50%) rotate(360deg)}}

.hero-dia-ring .orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.4}
.hero-dia-ring.r2 .orbit-dot:nth-child(1){top:-3px;left:50%;transform:translateX(-50%)}
.hero-dia-ring.r2 .orbit-dot:nth-child(2){bottom:-3px;left:50%;transform:translateX(-50%)}
.hero-dia-ring.r2 .orbit-dot:nth-child(3){top:50%;left:-3px;transform:translateY(-50%)}
.hero-dia-ring.r2 .orbit-dot:nth-child(4){top:50%;right:-3px;transform:translateY(-50%)}

.hero-dia-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;z-index:5;box-shadow:0 4px 30px rgba(5,125,255,.35),0 0 60px rgba(5,125,255,.15)}
.hero-dia-center::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(5,125,255,.2);animation:ring-pulse 3s ease-in-out infinite}
.hero-dia-center::after{content:'';position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(5,125,255,.1);animation:ring-pulse 3s ease-in-out infinite .6s}
@keyframes ring-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.04)}}

.hero-dia-label{position:absolute;padding:7px 14px;background:#fff;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;color:var(--brand-dark);box-shadow:0 2px 12px rgba(5,125,255,.08);z-index:3;transition:var(--transition);cursor:default;white-space:nowrap}
.hero-dia-label:hover{border-color:var(--brand);box-shadow:0 4px 20px rgba(5,125,255,.18);transform:translate(-50%,-50%) scale(1.08);z-index:6;color:var(--brand)}
.hero-dia-label .l-dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}
.hero-dia-label .l-dot.brand{background:var(--brand)}
.hero-dia-label .l-dot.teal{background:var(--accent-teal)}
.hero-dia-label .l-dot.purple{background:var(--accent-purple)}
.hero-dia-label .l-dot.orange{background:var(--accent-orange)}
.hero-dia-label.special{font-weight:700}

/* Decorative UI mockups */
.hero-dia-deco{position:absolute;z-index:1;pointer-events:none}
.hero-dia-deco .deco-card{border-radius:8px;background:#fff;border:1px solid var(--border);box-shadow:0 4px 16px rgba(5,125,255,.1);overflow:hidden}
.hero-dia-deco .deco-card .dc-head{padding:6px 10px;font-size:9px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}
.hero-dia-deco .deco-card .dc-head .hc-dot{width:5px;height:5px;border-radius:50%}
.hero-dia-deco .deco-card .dc-body{padding:8px 10px}
.hero-dia-deco .deco-bar{height:4px;border-radius:2px;margin-bottom:5px}

/* AI bubble deco */
.hero-dia-deco.ai-bubble{top:2%;right:8%;width:100px}
.hero-dia-deco.ai-bubble .dc-head{background:linear-gradient(90deg,rgba(0,194,168,.1),transparent);color:var(--accent-teal)}
.hero-dia-deco.ai-bubble .dc-body{font-size:10px;line-height:1.5;color:var(--text-secondary)}
.hero-dia-deco.ai-bubble .dc-body .ai-msg{padding:4px 6px;border-radius:6px;margin-bottom:3px;font-size:8px;line-height:1.3}
.hero-dia-deco.ai-bubble .dc-body .ai-msg.in{background:var(--bg-light)}
.hero-dia-deco.ai-bubble .dc-body .ai-msg.out{background:rgba(0,194,168,.1);text-align:right}

/* Dashboard deco */
.hero-dia-deco.dashboard{bottom:2%;right:2%;width:100px}
.hero-dia-deco.dashboard .dc-body{padding:6px 8px}
.hero-dia-deco.dashboard .db-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid var(--border)}
.hero-dia-deco.dashboard .db-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.hero-dia-deco.dashboard .db-label{font-size:7.5px;color:var(--text-secondary)}
.hero-dia-deco.dashboard .db-val{font-size:10px;font-weight:700;color:var(--brand)}
.hero-dia-deco.dashboard .db-dot{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:6px;color:#fff;font-weight:700}

/* Ledger deco */
.hero-dia-deco.ledger{bottom:2%;left:2%;width:100px}
.hero-dia-deco.ledger .dc-head{font-size:7.5px}
.hero-dia-deco.ledger .dc-body{padding:6px 8px}
.hero-dia-deco.ledger .lg-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3px;padding:2px 0;font-size:7px;border-bottom:1px solid var(--border);color:var(--text-secondary)}
.hero-dia-deco.ledger .lg-row:last-child{border-bottom:none}
.hero-dia-deco.ledger .lg-row.head{font-weight:600;color:var(--text);border-bottom-color:var(--border);font-size:7px}
.hero-dia-deco.ledger .lg-row .lg-status{font-size:6px;padding:1px 4px;border-radius:3px;display:inline-block;text-align:center}
.hero-dia-deco.ledger .lg-row .lg-status.active{background:rgba(0,194,168,.1);color:var(--accent-teal)}
.hero-dia-deco.ledger .lg-row .lg-status.pending{background:rgba(255,138,61,.1);color:var(--accent-orange)}

/* ===== TREND INSIGHTS ===== */
.trend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1024px){.trend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.trend-grid{grid-template-columns:1fr}}
.trend-card{padding:32px 24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);position:relative;overflow:hidden}
.trend-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand);opacity:0;transition:var(--transition)}
.trend-card:hover::before{opacity:1}
.trend-card:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:var(--shadow-md)}
.trend-card .icon{font-size:32px;margin-bottom:16px;display:block}
.trend-card h3{font-size:18px;margin-bottom:8px}
.trend-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}

/* ===== PAIN POINTS ===== */
.pain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1024px){.pain-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.pain-grid{grid-template-columns:1fr}}
.pain-card{padding:28px 20px;background:var(--bg-gray);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);position:relative}
.pain-card:hover{transform:translateY(-4px);border-color:var(--accent-orange);background:#fff;box-shadow:var(--shadow-md)}
.pain-card .num{font-size:36px;font-weight:800;color:rgba(5,125,255,.08);position:absolute;top:12px;right:16px;line-height:1}
.pain-card h3{font-size:16px;margin-bottom:8px;color:var(--brand-dark)}
.pain-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}

/* ===== PLATFORM POSITIONING ===== */
.platform-section{background:var(--bg-light)}
.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1024px){.platform-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.platform-grid{grid-template-columns:1fr}}
.platform-card{padding:32px 24px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border);text-align:center;transition:var(--transition)}
.platform-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.platform-card .p-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}
.platform-card:nth-child(1) .p-icon{background:rgba(5,125,255,.1);color:var(--brand)}
.platform-card:nth-child(2) .p-icon{background:rgba(91,91,214,.1);color:var(--accent-purple)}
.platform-card:nth-child(3) .p-icon{background:rgba(0,194,168,.1);color:var(--accent-teal)}
.platform-card:nth-child(4) .p-icon{background:rgba(255,138,61,.1);color:var(--accent-orange)}
.platform-card h3{font-size:18px;margin-bottom:8px}
.platform-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}

/* ===== PRODUCT SYSTEM ===== */
.product-system{background:var(--brand-dark);color:#fff}
.product-system .section-title,.product-system .section-label{color:#fff}
.product-system .section-label::before{background:#fff}
.product-system .section-desc{color:rgba(255,255,255,.7);max-width:640px;margin:0 auto}
.product-arch{position:relative;padding:40px 0}
.product-arch-layer{display:flex;justify-content:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.arch-top{padding:16px 40px;background:rgba(5,125,255,.2);border:1px solid rgba(5,125,255,.3);border-radius:var(--radius-md);font-size:18px;font-weight:700;text-align:center;color:#fff}
.arch-mid-item{padding:14px 24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:14px;font-weight:600;text-align:center;color:#fff;transition:var(--transition)}
.arch-mid-item:hover{background:rgba(5,125,255,.2);border-color:var(--brand);transform:translateY(-2px)}
@media(max-width:480px){.arch-mid-item{min-width:0!important;width:100%!important}}
.arch-bot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 0}
.arch-bot-item{padding:8px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:12px;color:rgba(255,255,255,.65);transition:var(--transition)}
.arch-bot-item:hover{background:rgba(5,125,255,.15);border-color:rgba(5,125,255,.3);color:#fff}
.arch-connector{display:flex;justify-content:center;gap:8px;margin:8px 0 12px}
.arch-connector span{width:6px;height:6px;border-radius:50%;background:rgba(5,125,255,.3)}
.arch-ai-badge{position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(90deg);padding:5px 24px;font-size:12px;font-weight:700;letter-spacing:8px;white-space:nowrap;z-index:2;background:linear-gradient(135deg,var(--accent-teal),rgba(5,125,255,.7));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:768px){.arch-ai-badge{position:static;transform:none;margin:16px auto 0;display:inline-flex;padding:4px 20px;font-size:12px;letter-spacing:6px}}

/* ===== PLATFORM ARCHITECTURE ===== */
.arch-4layer{position:relative;padding:20px 0}
.arch-layer{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}
@media(max-width:640px){.arch-layer{flex-direction:column;gap:4px}.arch-layer-label{width:100%;margin-bottom:4px}}
.arch-layer-label{width:100px;flex-shrink:0;font-size:13px;font-weight:600;color:var(--text-secondary);padding:8px 0}
.arch-layer-items{flex:1;display:flex;flex-wrap:wrap;gap:6px}
.arch-layer-items span{padding:8px 14px;font-size:13px;border-radius:var(--radius-sm);transition:var(--transition);cursor:default}
.arch-layer-items span:hover{transform:translateY(-2px)}
.arch-l1 .arch-layer-items span{background:rgba(5,125,255,.08);color:var(--brand-dark)}
.arch-l2 .arch-layer-items span{background:rgba(91,91,214,.08);color:var(--accent-purple)}
.arch-l3 .arch-layer-items span{background:rgba(0,194,168,.08);color:var(--accent-teal)}
.arch-l4 .arch-layer-items span{background:rgba(255,138,61,.08);color:var(--accent-orange)}

/* ===== THREE CLOSED LOOPS ===== */
.loops-section{background:var(--bg-light)}
.loops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1024px){.loops-grid{grid-template-columns:1fr}}
.loop-card{padding:36px 28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);position:relative}
.loop-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.loop-card .loop-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}
.loop-card:nth-child(1) .loop-icon{background:rgba(5,125,255,.1);color:var(--brand)}
.loop-card:nth-child(2) .loop-icon{background:rgba(91,91,214,.1);color:var(--accent-purple)}
.loop-card:nth-child(3) .loop-icon{background:rgba(0,194,168,.1);color:var(--accent-teal)}
.loop-card h3{font-size:20px;margin-bottom:12px}
.loop-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}
.loop-summary{margin-top:40px;padding:28px 36px;background:var(--brand-dark);border-radius:var(--radius-md);text-align:center;color:rgba(255,255,255,.85);font-size:15px;line-height:1.7}

/* ===== AI CAPABILITY ===== */
.ai-section{background:linear-gradient(135deg,var(--bg-light) 0%,#fff 50%,var(--bg-light) 100%)}
.ai-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
@media(max-width:768px){.ai-principles{grid-template-columns:repeat(2,1fr)}}
.ai-principle{padding:20px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border);text-align:center;transition:var(--transition)}
.ai-principle:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--brand)}
.ai-principle h4{font-size:16px;margin-bottom:4px}
.ai-principle p{font-size:12px;color:var(--text-secondary)}
.ai-scenes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:768px){.ai-scenes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.ai-scenes{grid-template-columns:repeat(2,1fr)}}
.ai-scene{padding:24px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;transition:var(--transition);cursor:default}
.ai-scene:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:var(--shadow-md)}
.ai-scene .emoji{font-size:28px;display:block;margin-bottom:8px}
.ai-scene h4{font-size:14px;color:var(--brand-dark)}

/* ===== PRODUCT CARDS ===== */
.prod-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1024px){.prod-cards{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
.prod-card{padding:36px 28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);position:relative;overflow:hidden}
.prod-card::after{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:var(--bg-light);border-radius:0 0 0 80px;opacity:.5}
.prod-card:hover{transform:translateY(-6px);border-color:var(--brand);box-shadow:var(--shadow-lg)}
.prod-card .badge{display:inline-flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.prod-card .badge span{padding:3px 10px;font-size:11px;font-weight:600;color:var(--brand);background:rgba(5,125,255,.08);border-radius:100px}
.prod-card h3{font-size:22px;margin-bottom:8px}
.prod-card .tagline{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;min-height:44px}
.prod-card .arrow-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--brand);transition:var(--transition)}
.prod-card .arrow-link:hover{gap:12px}

/* ===== QIANQIANLVYUE ===== */
.qqly-section{background:linear-gradient(135deg,var(--bg-light) 0%,#f0faf8 100%);overflow:hidden}
.qqly-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:1024px){.qqly-grid{grid-template-columns:1fr;gap:32px}}
.qqly-desc{font-size:15px;line-height:1.8;color:var(--text);margin:16px 0 24px}
.qqly-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:20px 0}
.qqly-note{padding:16px 20px;background:rgba(5,125,255,.05);border-left:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;color:var(--text-secondary);line-height:1.6}
.qqly-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 20px}
.qqly-cap{padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;transition:var(--transition);font-size:13px;font-weight:600;color:var(--brand-dark)}
.qqly-cap:hover{transform:translateY(-2px);border-color:var(--accent-teal);box-shadow:var(--shadow-sm)}
@media(max-width:480px){.qqly-cap-grid{grid-template-columns:repeat(2,1fr)}}
.qqly-visual{position:relative;padding:20px}
.qqly-phone{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;max-width:320px;margin:0 auto}
.qqly-phone-header{padding:16px 20px;background:var(--accent-teal);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.qqly-phone-body{padding:20px}
.qqly-msg{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;margin-bottom:10px;max-width:85%}
.qqly-msg.ai{background:var(--bg-light);border-bottom-left-radius:4px}
.qqly-msg.user{background:var(--accent-teal);color:#fff;margin-left:auto;border-bottom-right-radius:4px}

/* ===== CUSTOMER ENDORSEMENT ===== */
#customers{background:var(--bg-light);padding-bottom:clamp(32px,4vw,64px)}
.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:1024px){.customer-grid{grid-template-columns:1fr;gap:32px}}
.customer-text{font-size:15px;line-height:1.8;color:var(--text);margin-bottom:20px}
.customer-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.customer-tags span{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:16px;font-weight:600;color:var(--brand-dark);transition:var(--transition);cursor:default;box-shadow:0 1px 2px rgba(5,125,255,.04);letter-spacing:.02em}
.customer-tags span::before{content:'';display:inline-block;width:6px;height:6px;background:var(--brand);border-radius:50%;flex-shrink:0;opacity:.5}
.customer-tags span:hover{border-color:var(--brand);background:var(--bg-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
@media(max-width:768px){.customer-tags{grid-template-columns:repeat(2,1fr);gap:12px}.customer-tags span{font-size:14px;padding:12px 16px}}
@media(max-width:480px){.customer-tags{grid-template-columns:1fr;gap:10px}}
/* ── Logo Marquee ── */
.customer-grid .reveal:last-child {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.customer-grid .reveal:last-child::before,
.customer-grid .reveal:last-child::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}
.customer-grid .reveal:last-child::before {
  left: 0;
  background: linear-gradient(90deg, var(--bg-light) 0%, transparent 100%);
}
.customer-grid .reveal:last-child::after {
  right: 0;
  background: linear-gradient(270deg, var(--bg-light) 0%, transparent 100%);
}
.logo-wall {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: marquee-scroll 45s linear infinite;
  align-items: center;
}
.logo-wall:hover {
  animation-play-state: paused;
}
.logo-item {
  height: 180px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.logo-item img {
  height: 100%;
  max-width: 200px;
  width: auto;
  object-fit: contain;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.logo-item:hover img {
  opacity: 1;
}
@keyframes marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 1024px) {
  .logo-wall { gap: 32px; }
  .logo-item { height: 48px; }
  .customer-grid .reveal:last-child::before,
  .customer-grid .reveal:last-child::after { width: 50px; }
}
@media (max-width: 640px) {
  .logo-wall { gap: 40px; }
  .logo-item { height: 34px; }
  .customer-grid .reveal:last-child::before,
  .customer-grid .reveal:last-child::after { width: 30px; }
}
@media (max-width: 400px) {
  .logo-wall { gap: 28px; }
  .logo-item { height: 26px; }
}

/* ===== SERVICE DELIVERY ===== */
.delivery-section{background:var(--bg-light)}
.steps{display:flex;justify-content:space-between;gap:0;position:relative;padding:20px 0}
@media(max-width:768px){.steps{flex-wrap:wrap;gap:16px}.steps::before{display:none}.step-item{flex:1 1 20%;min-width:80px}}
.steps::before{content:'';position:absolute;top:44px;left:5%;width:90%;height:2px;background:linear-gradient(90deg,var(--brand),var(--accent-teal));z-index:0}
.step-item{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;position:relative;z-index:1}
.step-num{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--brand);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--brand);transition:var(--transition)}
.step-item:hover .step-num{background:var(--brand);color:#fff;box-shadow:0 0 0 6px rgba(5,125,255,.12)}
.step-label{font-size:13px;font-weight:600;color:var(--brand-dark);text-align:center}


/* ===== FOOTER ===== */
footer{background:linear-gradient(180deg,#0A1E35 0%,#071528 100%);color:rgba(255,255,255,.7);position:relative;padding-top:0}
.footer-top-divider{height:3px;background:linear-gradient(90deg,var(--brand) 0%,var(--accent-gold) 50%,transparent 100%);opacity:.5}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding:56px 0 44px}
@media(max-width:1024px){.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-main>:first-child{grid-column:1/-1}}
@media(max-width:640px){.footer-main{grid-template-columns:1fr;gap:32px}}
.footer-brand-info{display:flex;flex-direction:column;gap:14px}
.footer-logo-row{display:flex;align-items:center;gap:10px}
.footer-logo-row img{height:34px;width:auto;flex-shrink:0}
.footer-logo-row span{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em}
.footer-tagline{font-size:13px;line-height:1.7;color:rgba(255,255,255,.38);max-width:300px}
.footer-contact-list{display:flex;flex-direction:column;gap:10px}
.footer-contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.42);line-height:1.5}
.footer-contact-item .fci-icon{width:18px;flex-shrink:0;text-align:center}
.footer-qr-block{display:flex;align-items:center;gap:14px;padding:12px 14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-top:4px}
.footer-qr-block img{width:60px;height:60px;border-radius:6px;object-fit:contain;flex-shrink:0}
.footer-qr-text{display:flex;flex-direction:column;gap:2px;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.35)}
.footer-qr-text strong{color:rgba(255,255,255,.65);font-weight:500}
.footer-links-col h4{font-size:12px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px;position:relative;padding-bottom:10px}
.footer-links-col h4::after{content:'';position:absolute;left:0;bottom:0;width:18px;height:2px;border-radius:2px}
.footer-links-col:nth-child(2) h4::after{background:var(--brand)}
.footer-links-col:nth-child(3) h4::after{background:var(--accent-teal)}
.footer-links-col:nth-child(4) h4::after{background:var(--accent-gold)}
.footer-links-col ul{list-style:none;padding:0;margin:0}
.footer-links-col li{margin-bottom:10px}
.footer-links-col a{font-size:13px;color:rgba(255,255,255,.42);transition:all .3s ease;position:relative;display:inline-block}
.footer-links-col a::after{content:'';position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--accent-gold);transition:width .3s ease}
.footer-links-col a:hover{color:#fff;transform:translateX(5px)}
.footer-links-col a:hover::after{width:100%}
.footer-address-bar{display:flex;align-items:center;gap:24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.footer-address-bar .fab-item{display:flex;align-items:baseline;gap:10px;font-size:12.5px;color:rgba(255,255,255,.35);line-height:1.5}
.footer-address-bar .fab-item .fab-label{font-weight:600;color:rgba(255,255,255,.55);white-space:nowrap;flex-shrink:0}
.footer-address-bar .fab-divider{width:1px;height:24px;background:rgba(255,255,255,.06);flex-shrink:0}
@media(max-width:768px){.footer-address-bar{flex-direction:column;align-items:flex-start;gap:10px}.footer-address-bar .fab-divider{display:none}}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:12px;color:rgba(255,255,255,.22)}
@media(max-width:640px){.footer-bottom{flex-direction:column;text-align:center;gap:8px}}
.footer-bottom-links{display:flex;gap:20px;align-items:center}
.footer-bottom-links a{color:rgba(255,255,255,.25);transition:color .3s ease;font-size:12px}
.footer-bottom-links a:hover{color:var(--accent-gold)}
.footer-bottom-links .fb-phone{color:rgba(255,255,255,.18)}

/* ===== FLOATING SIDEBAR ===== */
.floating-bar{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:4px}
@media(max-width:1024px){.floating-bar{display:none}}
.floating-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-size:14px;position:relative}
.floating-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-md);transform:scale(1.1)}
.floating-btn .tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:6px 12px;background:var(--brand-dark);color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition)}
.floating-btn .tooltip::after{content:'';position:absolute;top:50%;right:-4px;transform:translateY(-50%);width:8px;height:8px;background:var(--brand-dark);clip-path:polygon(0 0,100% 50%,0 100%)}
.floating-btn:hover .tooltip{opacity:1;visibility:visible}
.floating-btn.top{background:var(--bg-gray);font-size:18px;margin-top:8px}

/* ===== MOBILE BOTTOM BAR ===== */
.mobile-bottom{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:999;background:#fff;border-top:1px solid var(--border);padding:8px 0;box-shadow:0 -4px 20px rgba(0,0,0,.06)}
@media(max-width:1024px){.mobile-bottom{display:block}}
.mobile-bottom-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px}
.mobile-bottom-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font-size:11px;font-weight:500;color:var(--text-secondary);transition:var(--transition)}
.mobile-bottom-btn .icon{font-size:20px}
.mobile-bottom-btn.primary{background:var(--brand);color:#fff}

/* ===== MODALS ===== */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:rgba(11,31,58,.5);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.active{display:flex}
.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px rgba(11,31,58,.25);animation:modal-in .3s ease}
@keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}
.modal-header h3{font-size:20px}
.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);transition:var(--transition)}
.modal-close:hover{background:rgba(5,125,255,.1);color:var(--brand)}
.modal-body{padding:24px 28px 28px}
.modal-sub{font-size:14px;color:var(--text-secondary);margin-bottom:20px}
.wechat-qr-placeholder,.wechat-qr-img{width:180px;height:180px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:16px auto}
.wechat-qr-placeholder{background:var(--bg-gray);border:1px dashed var(--border);font-size:12px;color:var(--text-secondary);text-align:center;line-height:1.5}
.wechat-qr-img{border:1px solid var(--border);padding:8px;background:#fff}
.wechat-qr-img img{width:100%;height:100%;object-fit:contain;border-radius:4px}
.wechat-tip{text-align:center;font-size:14px;color:var(--text-secondary)}
.phone-number{text-align:center;font-size:36px;font-weight:800;color:var(--brand);letter-spacing:2px;margin:16px 0 8px}
.phone-hours{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:20px}
.phone-actions{display:flex;gap:12px;justify-content:center}
@media(max-width:480px){.phone-actions{flex-direction:column;align-items:center}}
.phone-actions .btn-primary,.phone-actions .btn-secondary{padding:12px 24px;font-size:14px;min-width:140px;justify-content:center}
.form-group{margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.form-row{grid-template-columns:1fr}}
.form-label{display:block;font-size:13px;font-weight:600;color:var(--brand-dark);margin-bottom:6px}
.form-label .required{color:#e53e3e;margin-left:2px}
.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--brand-dark);font-family:inherit;transition:var(--transition);-webkit-appearance:none;appearance:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(5,125,255,.1)}
.form-textarea{resize:vertical;min-height:80px}
.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23667085' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.form-submit{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);margin-top:8px}
.form-submit:hover{background:var(--brand-light)}
.success-icon{width:64px;height:64px;border-radius:50%;background:rgba(0,194,168,.1);color:var(--accent-teal);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px}
.success-title{text-align:center;font-size:22px;font-weight:700;color:var(--brand-dark);margin-bottom:8px}
.success-desc{text-align:center;font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}
@media(max-width:640px){.modal{max-width:calc(100vw - 24px);margin:12px;border-radius:var(--radius-md)}.modal-header{padding:20px 16px 0}.modal-body{padding:20px 16px}.modal-header h3{font-size:18px}.phone-number{font-size:28px}}
.success-contact{text-align:center;font-size:14px;color:var(--text);margin-bottom:16px;white-space:nowrap}
.success-contact strong{color:var(--brand);font-size:18px;letter-spacing:1px}

/* ===== ANIMATIONS ===== */
.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}
.reveal-delay-5{transition-delay:.5s}

/* ===== HERO DIAGRAM RESPONSIVE ===== */
@media(max-width:1024px){
  .hero-dia-label{font-size:10px;padding:5px 10px;white-space:nowrap}
  .hero-dia-center{width:90px;height:90px;font-size:11px}
  .hero-dia-deco.dashboard,.hero-dia-deco.ledger{display:none}
  .hero-dia-deco.ai-bubble{right:2%;width:100px}
  .hero-dia-deco.ai-bubble .dc-body .ai-msg{font-size:8px}
}
@media(max-width:640px){
  .hero-diagram{max-width:340px;margin:0 auto}
  .hero-dia-label{font-size:9px;padding:4px 8px}
  .hero-dia-center{width:70px;height:70px;font-size:9px;white-space:normal}
  .hero-dia-ring.r1,.hero-dia-ring.r2,.hero-dia-ring.r3,.hero-dia-ring.r4{display:block}
  .hero-dia-deco{display:none}
  .hero-dia-label .l-dot{width:4px;height:4px;margin-right:3px}
}

/* ===== ACCESSIBILITY ===== */
@media (prefers-reduced-motion: reduce) {
  .reveal,.reveal.visible{opacity:1;transform:none;transition:none}
  *,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ===== PARTNER / ADVANTAGES ===== */
.partner-section{background:linear-gradient(135deg,var(--bg-light) 0%,#fff 50%,var(--bg-light) 100%);position:relative}
.partner-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image: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' fill-rule='evenodd'%3E%3Cg fill='%23056DFF' fill-opacity='.02'%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");pointer-events:none;opacity:.5}
.advantages-new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1160px;margin:0 auto;position:relative}
@media(max-width:1023px){.advantages-new-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:640px){.advantages-new-grid{grid-template-columns:1fr}}
.adv-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px 28px;transition:var(--transition);position:relative;overflow:hidden}
.adv-card::before{content:'';position:absolute;top:0;left:20px;right:20px;height:3px;background:linear-gradient(90deg,var(--brand),rgba(5,109,255,.08));border-radius:0 0 3px 3px;opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translateY(-3px)}
.adv-card:hover::before{opacity:1;transform:translateY(0)}
.adv-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(5,109,255,.1)}
.adv-num{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(5,109,255,.08),rgba(5,109,255,.04));color:var(--brand);font-size:15px;font-weight:800;font-family:'DM Sans','PingFang SC',sans-serif;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:var(--transition)}
.adv-card:hover .adv-num{background:linear-gradient(135deg,var(--brand),rgba(5,109,255,.7));color:#fff}
.adv-card h3{font-size:19px;font-weight:700;color:var(--brand-dark);margin-bottom:6px;letter-spacing:-.01em}
.adv-card .adv-sub{font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);line-height:1.5}
.adv-card ul{list-style:none;padding:0;margin:0}
.adv-card ul li{position:relative;padding-left:16px;font-size:14px;color:var(--text);line-height:1.65;margin-bottom:12px}
.adv-card ul li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:.4}
.adv-card ul li:last-child{margin-bottom:0}

/* ===== NEWS SECTION ===== */
.news-section{background:var(--bg-light)}
.news-tabs{display:flex;justify-content:center;gap:8px;margin:-16px 0 48px;border-bottom:1px solid var(--border)}
.news-tab{position:relative;padding:14px 28px;font-size:16px;font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .25s ease;letter-spacing:.02em}
.news-tab:hover{color:var(--brand)}
.news-tab.active{color:var(--brand)}
.news-tab.active::after{content:'';position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:56px;height:3px;background:var(--brand);border-radius:3px}
.news-tab[data-tab="product"].active{color:var(--accent-teal)}
.news-tab[data-tab="product"].active::after{background:var(--accent-teal)}

.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.news-card{position:relative;display:flex;flex-direction:column;padding:32px 28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;cursor:pointer;text-decoration:none;color:inherit;overflow:hidden}
.news-card::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--brand),var(--brand-light));opacity:0;transition:opacity .35s ease}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(5,125,255,.25)}
.news-card:hover::before{opacity:1}
.news-card.product::before{background:linear-gradient(180deg,var(--accent-teal),rgba(0,194,168,.6))}
.news-card.product:hover{border-color:rgba(0,194,168,.25)}

.news-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.news-num{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:rgba(5,125,255,.1);color:var(--brand);font-weight:700;font-size:15px;border-radius:8px;font-feature-settings:"tnum"}
.news-card.product .news-num{background:rgba(0,194,168,.1);color:var(--accent-teal)}
.news-tag{flex-shrink:0;padding:3px 10px;background:var(--bg-gray);color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:100px}
.news-card.product .news-tag{background:rgba(0,194,168,.08);color:var(--accent-teal)}

.news-title{font-size:18px;font-weight:600;color:var(--brand-dark);line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;transition:color .25s ease}
.news-card:hover .news-title{color:var(--brand)}
.news-card.product:hover .news-title{color:var(--accent-teal)}

.news-date{font-size:13px;color:var(--text-secondary);margin-bottom:14px;font-feature-settings:"tnum";display:flex;align-items:center;gap:6px}
.news-date::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--text-secondary);opacity:.5}

.news-desc{font-size:14px;color:var(--text);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}

.news-card .arrow{position:absolute;right:24px;bottom:24px;font-size:18px;color:var(--brand);opacity:0;transform:translateX(-6px);transition:all .35s ease}
.news-card:hover .arrow{opacity:1;transform:translateX(0)}
.news-card.product .arrow{color:var(--accent-teal)}

.news-empty,.news-error{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:14px;background:#fff;border:1px dashed var(--border);border-radius:var(--radius-md)}
.news-error{color:#D14343;background:#FFF6F6;border-color:rgba(209,67,67,.25)}
.news-error button{margin-left:12px;padding:6px 14px;font-size:13px;color:#fff;background:var(--brand);border:none;border-radius:6px;cursor:pointer}

/* 骨架屏 */
.news-card.skeleton{cursor:default;pointer-events:none}
.news-card.skeleton::before{display:none}
.sk-line{height:12px;background:linear-gradient(90deg,#EEF2F7 25%,#F8FAFC 50%,#EEF2F7 75%);background-size:200% 100%;animation:sk-shimmer 1.4s infinite;border-radius:6px;margin-bottom:10px}
.sk-num{width:36px;height:36px;border-radius:8px;margin-bottom:16px}
.sk-title{height:18px;width:80%}
.sk-date{width:120px;height:11px}
.sk-desc{width:100%}
.sk-desc.short{width:60%}
@keyframes sk-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.news-footer{text-align:center;margin-top:48px}
.news-more{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;font-size:15px;font-weight:600;color:var(--brand);background:#fff;border:1.5px solid var(--brand);border-radius:var(--radius-sm);text-decoration:none;transition:all .25s ease}
.news-more:hover{background:var(--brand);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(5,125,255,.25)}
.news-more.alt{color:var(--accent-teal);border-color:var(--accent-teal)}
.news-more.alt:hover{background:var(--accent-teal);color:#fff;box-shadow:0 8px 24px rgba(0,194,168,.25)}

@media(max-width:768px){
  .news-grid{grid-template-columns:1fr;gap:16px}
  .news-card{padding:24px 20px}
  .news-title{font-size:16px}
  .news-tabs{margin-bottom:32px}
  .news-tab{padding:12px 18px;font-size:15px}
}

/* ===== CTA SECTION ===== */
.cta-section{background:linear-gradient(135deg,var(--brand-dark) 0%,#0D2B4A 50%,var(--brand-dark) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image: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' fill-rule='evenodd'%3E%3Cg fill='%23FFFFFF' fill-opacity='.02'%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");pointer-events:none;opacity:.4}
.cta-section .section-title{color:#fff;position:relative}
.cta-section .section-desc{color:rgba(255,255,255,.65);margin:0 auto 40px;position:relative}
.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}
.cta-btn.primary{background:#fff;color:var(--brand-dark);box-shadow:0 4px 16px rgba(0,0,0,.15)}
.cta-btn.primary:hover{background:var(--bg-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.cta-btn.outline{background:transparent;border:1.5px solid rgba(255,255,255,.25);color:rgba(255,255,255,.9)}
.cta-btn.outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.cta-btn.solid-brand{background:var(--brand);color:#fff}
.cta-btn.solid-brand:hover{background:#0055CC;transform:translateY(-2px);box-shadow:0 8px 30px rgba(5,109,255,.35)}
.cta-btn.solid-gold{background:var(--accent-gold);color:#fff}
.cta-btn.solid-gold:hover{background:#B8862E;transform:translateY(-2px);box-shadow:0 8px 30px rgba(200,150,62,.35)}
@media(max-width:640px){.cta-buttons{flex-direction:column;align-items:stretch}.cta-btn{justify-content:center}}

/* Mobile nav */
.mobile-nav{display:none;position:fixed;top:var(--nav-height);left:0;width:100%;height:calc(100vh - var(--nav-height));background:#fff;z-index:999;padding:24px 20px;overflow-y:auto;border-top:1px solid var(--border)}
.mobile-nav.open{display:block}
.mobile-nav .nav-link{display:flex;justify-content:space-between;padding:14px 0;font-size:16px;border-bottom:1px solid var(--border);border-radius:0}
.mobile-nav .nav-link .arrow{font-size:12px}
.mobile-sub{display:none;padding:8px 0 8px 16px}
.mobile-sub.open{display:block}
.mobile-sub a{display:block;padding:10px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border)}
.mobile-nav-actions{padding-top:20px;display:flex;flex-direction:column;gap:12px}
.mobile-nav-actions .btn-qqly,.mobile-nav-actions .btn-demo-nav{justify-content:center;padding:14px;font-size:15px}
.mobile-nav-actions .btn-demo-nav{width:100%}