/* home.css — 由 views/home.php 抽离 */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        :root{--primary:#0052D9;--primary-hover:#0045b8;--primary-bg:#eef4ff;--text:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--bg:#fff;--bg-page:#f8fafc;--border:#e2e8f0;--border-light:#f1f5f9}
        body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
        a{text-decoration:none;color:inherit}
        .nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}
        .nav-inner{max-width:100%;margin:0;padding:0 40px;display:flex;align-items:center;height:64px}
        .nav-left{display:flex;align-items:center;gap:0;flex:1;min-width:0}
        .nav-brand{font-size:18px;font-weight:700;color:var(--text);flex-shrink:0;margin-right:32px}.nav-brand span{color:var(--primary)}
        .nav-links{display:flex;gap:28px;font-size:14px;color:var(--text-secondary)}.nav-links a{transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--text)}
        .nav-link-new{position:relative;display:inline-flex;align-items:center;gap:6px}
        .nav-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600;line-height:1.4;background:linear-gradient(135deg,#ff4d4f,#ff7a45);color:#fff;letter-spacing:.5px;box-shadow:0 2px 6px rgba(255,77,79,.35);transform:translateY(-6px)}
        .nav-badge.nav-badge-new{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px rgba(16,185,129,.35)}
        .nav-actions{display:flex;gap:10px;flex-shrink:0;margin-left:auto}
        .btn-ghost{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:#cbd5e1;background:var(--bg-page)}
        .btn-solid{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:all .2s}.btn-solid:hover{background:var(--primary-hover)}
        .hero{position:relative;padding:130px 32px 110px;background:#f0f5ff;overflow:hidden;min-height:560px}
        .hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
        .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:60px;min-height:340px}
        .hero-tabs{flex:0 0 280px;display:flex;flex-direction:column;gap:4px;padding-top:6px}
        .hero-tab{position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:transparent;border:1px solid transparent;font-size:14px;color:var(--text);cursor:pointer;transition:background .2s,color .2s;overflow:hidden}
        .hero-tab:hover{background:rgba(255,255,255,.45)}
        .hero-tab.active{background:#fff;border-color:#dbeafe;box-shadow:0 6px 20px rgba(0,82,217,.12);color:var(--primary);font-weight:600}
        .hero-tab-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .hero-tab-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;line-height:1.4;flex-shrink:0}
        .hero-tab-tag.tag-hot{background:#fff1f0;color:#f5222d;border:1px solid #ffccc7}
        .hero-tab-tag.tag-new{background:#e6f7ff;color:#1677ff;border:1px solid #91caff}
        .hero-tab-tag.tag-rec{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}
        .hero-tab-tag.tag-promo{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}
        .hero-tab-tag.tag-up{background:#f0f5ff;color:#722ed1;border:1px solid #d3adf7}
        .hero-tab-bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--primary);transition:width 0s linear}
        .hero-tab.active .hero-tab-bar{width:100%;transition:width 3s linear}
        .hero-content{flex:1;min-width:0;position:relative;min-height:340px}
        .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
        .hero-slide.active{position:relative;opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .5s ease,visibility 0s}
        .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-size:13px;background:var(--primary-bg);border:1px solid #dbeafe;color:var(--primary);margin-bottom:24px;font-weight:500}
        .hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse 2s infinite}
        @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
        .hero-slide h1{font-size:48px;font-weight:800;line-height:1.2;letter-spacing:-1px;margin-bottom:20px;color:var(--text)}
        .hero-slide p{font-size:16px;color:var(--text-secondary);max-width:580px;margin:0 0 36px;line-height:1.7}
        .hero-btns{display:flex;gap:14px;justify-content:center}
        .hero-slide .hero-btns{justify-content:flex-start}
        .btn-hero-primary{padding:14px 36px;border-radius:8px;font-size:16px;font-weight:600;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px rgba(0,82,217,.2)}.btn-hero-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,82,217,.25)}
        .btn-hero-secondary{padding:14px 36px;border-radius:8px;font-size:16px;font-weight:600;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;transition:all .2s}.btn-hero-secondary:hover{border-color:#cbd5e1;background:var(--bg-page)}
        .stats-bar{max-width:1200px;margin:-48px auto 0;padding:0 32px;position:relative;z-index:2}
        .stats-inner{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.04)}
        .stat-item{padding:32px;text-align:center;border-right:1px solid var(--border-light)}.stat-item:last-child{border-right:none}
        .stat-num{font-size:36px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.stat-num span{color:var(--primary);font-size:20px;font-weight:600}
        .stat-label{font-size:14px;color:var(--text-secondary);margin-top:6px}
        .section{max-width:1200px;margin:0 auto;padding:100px 32px}
        .section-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--primary);font-weight:600;letter-spacing:1px;margin-bottom:12px}
        .section-title{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.3;color:var(--text)}
        .section-desc{font-size:16px;color:var(--text-secondary);max-width:560px;line-height:1.7}
        .products-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
        .product-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:36px;transition:all .3s;box-shadow:0 1px 3px rgba(0,0,0,.03)}.product-card:hover{border-color:#bfdbfe;box-shadow:0 4px 16px rgba(0,82,217,.06);transform:translateY(-2px)}
        .product-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.product-icon.blue{background:#eff6ff;color:var(--primary)}.product-icon.green{background:#ecfdf5;color:#059669}
        .product-card h3{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text)}.product-card p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}
        .product-tags{display:flex;gap:8px;flex-wrap:wrap}.product-tag{padding:4px 12px;border-radius:4px;font-size:12px;background:var(--bg-page);color:var(--text-secondary);border:1px solid var(--border-light)}
        .product-price{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:16px}.product-price span{font-size:13px;font-weight:400;color:var(--text-secondary)}
        .features-section{background:var(--bg-page)}
        .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
        .feature-card{background:#fff;border:1px solid var(--border-light);border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{border-color:#dbeafe;box-shadow:0 2px 12px rgba(0,82,217,.04)}
        .feature-num{font-size:13px;font-weight:700;color:var(--primary);margin-bottom:16px}
        .feature-card h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text)}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}
        .flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
        .flow-steps::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border),var(--border),transparent)}
        .flow-step{text-align:center;position:relative}
        .flow-dot{width:72px;height:72px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);font-size:24px;position:relative;z-index:1;color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.04)}
        .flow-step h4{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text)}.flow-step p{font-size:13px;color:var(--text-secondary);padding:0 12px}
        .pricing-section{background:var(--bg-page)}
        .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
        .pricing-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:40px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.03)}
        .pricing-card.featured{border-color:var(--primary);border-width:2px}
        .pricing-card.featured::before{content:'推荐';position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;background:var(--primary);color:#fff}
        .pricing-type{font-size:13px;color:var(--primary);font-weight:600;margin-bottom:8px}
        .pricing-card h3{font-size:22px;font-weight:700;margin-bottom:8px;color:var(--text)}
        .pricing-card .desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}
        .pricing-price{font-size:40px;font-weight:800;margin-bottom:4px;color:var(--text)}.pricing-price span{font-size:14px;font-weight:400;color:var(--text-secondary)}
        .pricing-unit{font-size:13px;color:var(--text-tertiary);margin-bottom:28px}
        .pricing-features{list-style:none;margin-bottom:28px}
        .pricing-features li{padding:8px 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-light)}
        .pricing-features li::before{content:'✓';color:#059669;font-weight:700;font-size:13px}
        .btn-pricing{display:block;width:100%;padding:12px;border-radius:8px;font-size:15px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;border:none}
        .btn-pricing.primary{background:var(--primary);color:#fff}.btn-pricing.primary:hover{background:var(--primary-hover)}
        .btn-pricing.outline{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-pricing.outline:hover{border-color:#cbd5e1;background:var(--bg-page)}
        .product-nav-section{background:#f8fafc;padding:80px 32px 60px}
        .product-nav-inner{max-width:1200px;margin:0 auto}
        .product-nav-header{text-align:center;margin-bottom:48px}
        .product-nav-header h2{font-size:32px;font-weight:700;color:var(--text);margin-bottom:12px}
        .product-nav-header p{font-size:15px;color:var(--text-secondary);max-width:480px;margin:0 auto}
        .product-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
        .product-nav-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 16px;background:#fff;border:1px solid #eef1f6;border-radius:14px;transition:all .3s;text-decoration:none;cursor:pointer}
        .product-nav-item:hover{border-color:#c7d2fe;box-shadow:0 6px 24px rgba(0,82,217,.08);transform:translateY(-4px)}
        .product-nav-item span{font-size:14px;font-weight:600;color:var(--text);letter-spacing:.5px}
        .product-nav-icon{width:70px;height:70px;background-size:cover;background-position:0 0;background-repeat:no-repeat}
        .scenarios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
        .scenario-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:28px 24px;text-align:center;transition:all .3s}.scenario-card:hover{border-color:#dbeafe;box-shadow:0 2px 12px rgba(0,82,217,.04);transform:translateY(-2px)}
        .scenario-icon{font-size:32px;margin-bottom:14px}.scenario-card h4{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text)}.scenario-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}
        .pricing-section{background:var(--bg-page);padding:100px 32px}
        .pricing-container{max-width:1200px;margin:0 auto}
        .pricing-header{text-align:center;margin-bottom:48px}
        .pricing-label{display:inline-flex;align-items:center;padding:6px 16px;border-radius:20px;font-size:13px;background:var(--primary-bg);border:1px solid #dbeafe;color:var(--primary);margin-bottom:12px;font-weight:600;letter-spacing:1px}
        .pricing-title{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.3;color:var(--text);background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .pricing-subtitle{font-size:16px;color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.7}
        .pricing-layout{display:flex;gap:32px;align-items:flex-start}
        .pricing-sidebar{flex:0 0 220px;position:sticky;top:80px}
        .pricing-nav{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--border-light);border-radius:16px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
        .pricing-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .25s;text-align:left;width:100%}
        .pricing-nav-item svg{width:20px;height:20px;flex-shrink:0;transition:transform .25s}
        .pricing-nav-item:hover{background:var(--bg-page);color:var(--text)}
        .pricing-nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(0,82,217,.2)}
        .pricing-nav-item.active svg{transform:scale(1.1)}
        .pricing-content{flex:1;min-width:0}
        .pricing-grid-wrapper{position:relative}
        .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
        .pricing-card-modern{background:#fff;border:1px solid var(--border-light);border-radius:16px;padding:28px;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.03)}
        .pricing-card-modern:hover{border-color:#bfdbfe;box-shadow:0 8px 24px rgba(0,82,217,.1);transform:translateY(-4px)}
        .pricing-card-modern.hidden{display:none}
        .pricing-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}
        .pricing-card-icon.icon-identity{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}
        .pricing-card-icon.icon-enterprise{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}
        .pricing-card-icon.icon-bankcard{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}
        .pricing-card-icon.icon-message{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#9333ea}
        .pricing-card-icon svg{width:28px;height:28px}
        .pricing-card-name{font-size:18px;font-weight:600;color:var(--text);margin:0 0 6px}
        .pricing-card-desc{font-size:13px;color:var(--text-secondary);margin:0 0 20px;line-height:1.6}
        .pricing-card-body{flex:1;display:flex;flex-direction:column}
        .pricing-card-price{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}
        .price-symbol{font-size:20px;font-weight:600;color:var(--primary)}
        .price-value{font-size:36px;font-weight:800;color:var(--primary);line-height:1;font-variant-numeric:tabular-nums}
        .price-unit{font-size:14px;font-weight:400;color:var(--text-secondary);margin-left:2px}
        .pricing-card-billing{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;margin-bottom:16px;align-self:flex-start}
        .pricing-card-billing.mode-normal{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}
        .pricing-card-billing.mode-package-only{background:#fef3c7;color:#d97706;border:1px solid #fde68a}
        .pricing-card-billing svg{width:14px;height:14px}
        .pricing-card-notice{padding:10px 12px;border-radius:8px;background:#eff6ff;border:1px solid #dbeafe;font-size:12px;color:#1e40af;line-height:1.6;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}
        .pricing-card-notice svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:#3b82f6}
        .pricing-card-features{list-style:none;margin:0 0 20px;padding:0}
        .feature-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-secondary)}
        .feature-item svg{width:16px;height:16px;color:#10b981;flex-shrink:0}
        .pricing-card-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border-radius:8px;font-size:14px;font-weight:600;background:var(--primary);color:#fff;border:none;cursor:pointer;transition:all .2s;text-decoration:none;margin-top:auto}
        .pricing-card-cta:hover{background:var(--primary-hover);transform:translateX(2px)}
        .pricing-card-cta svg{width:16px;height:16px;transition:transform .2s}
        .pricing-card-cta:hover svg{transform:translateX(3px)}
        .help-section{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
        .help-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}
        .help-head .section-desc{max-width:640px}
        .help-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary)}
        .help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
        .help-card{display:flex;flex-direction:column;height:100%;padding:28px;background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.03);transition:all .3s}
        .help-card:hover{border-color:#bfdbfe;box-shadow:0 8px 24px rgba(0,82,217,.08);transform:translateY(-3px)}
        .help-card-tag{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--primary-bg);color:var(--primary);font-size:12px;font-weight:600;margin-bottom:16px}
        .help-card h3{font-size:18px;font-weight:700;line-height:1.5;color:var(--text);margin-bottom:12px}
        .help-card p{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:20px;flex:1}
        .help-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-light);font-size:13px;color:var(--text-tertiary)}
        .help-card-more{font-weight:600;color:var(--primary)}
        .cta{text-align:center;padding:100px 32px;background:linear-gradient(180deg,#fff 0%,#f0f5ff 100%);position:relative}
        .cta h2{font-size:36px;font-weight:700;margin-bottom:16px;color:var(--text)}.cta p{font-size:16px;color:var(--text-secondary);margin-bottom:36px}
        .trust-bar{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:40px 32px}
        .trust-bar-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
        .trust-bar-item{display:flex;align-items:flex-start;gap:14px}
        .trust-bar-item svg{width:28px;height:28px;flex-shrink:0;color:#3b82f6;margin-top:2px}
        .trust-bar-item strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
        .trust-bar-item span{font-size:12px;color:var(--text-secondary);line-height:1.6}
        .footer-wrap{background:#fff;border-top:1px solid #e2e8f0}.footer{padding:48px 32px;max-width:1200px;margin:0 auto}
        .footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
        .footer-brand{grid-column:1;grid-row:1 / span 2}
        .footer-brand h3{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--text)}.footer-brand h3 span{color:var(--primary)}
        .footer-brand p{font-size:13px;color:var(--text-secondary);line-height:1.7}
        .footer-col h4{font-size:13px;font-weight:600;color:var(--text-tertiary);margin-bottom:14px;letter-spacing:.5px}
        .footer-col a{display:block;font-size:14px;color:var(--text-secondary);padding:4px 0;transition:color .2s}.footer-col a:hover{color:var(--text)}
        .footer-license{grid-column:3;grid-row:2;align-self:start;justify-self:start;margin-top:-162px;margin-left:-18px}
        .footer-license-item{text-align:center}
        .footer-license-thumb{width:160px;height:112px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;object-fit:contain;padding:6px}
        .footer-license-thumb:hover{transform:scale(1.04);box-shadow:0 2px 12px rgba(0,0,0,.1)}
        .footer-license-item p{font-size:11px;color:#94a3b8;margin-bottom:6px}
        .footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-light);font-size:13px;color:var(--text-tertiary);text-align:center;display:flex;align-items:center;justify-content:center;gap:16px}
        .footer-icp{display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary);text-decoration:none;transition:color .2s}.footer-icp:hover{color:var(--primary)}
        .footer-qr:hover{transform:scale(1.08);box-shadow:0 2px 12px rgba(0,0,0,.1)}
        .qr-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .2s}
        .qr-overlay.show{opacity:1;visibility:visible}
        .qr-modal{position:relative;background:#fff;border-radius:16px;padding:18px;text-align:center;width:min(92vw,360px);transform:scale(.9);transition:transform .2s;box-shadow:0 20px 60px rgba(15,23,42,.22)}
        .qr-overlay.show .qr-modal{transform:scale(1)}
        .qr-modal.qr-mode img{width:220px;height:220px;object-fit:cover}
        .qr-modal.certificate-mode{width:min(92vw,780px)}
        .qr-modal img{max-width:100%;max-height:70vh;height:auto;border-radius:10px;background:#f8fafc;display:block;margin:0 auto}
        .qr-modal p{margin-top:12px;font-size:14px;color:#334155;font-weight:500}
        .qr-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:999px;background:#f8fafc;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
        .qr-close:hover{background:#e2e8f0;color:#0f172a}
        .mobile-hamburger{display:none;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;flex-shrink:0}
        .mobile-hamburger svg{width:20px;height:20px;color:var(--text)}
        .mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200}
        .mobile-nav-overlay.show{display:block}
        .mobile-nav-panel{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;z-index:201;transition:right .28s ease;padding:16px 20px 24px;box-shadow:-4px 0 24px rgba(0,0,0,.1);overflow-y:auto;box-sizing:border-box}
        .mobile-nav-panel.show{right:0}
        .mobile-nav-panel>a{display:block;padding:12px 0;font-size:15px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);text-decoration:none}
        .mobile-nav-panel>a:last-of-type{border-bottom:none}
        .mobile-nav-close{display:flex;justify-content:flex-end;margin-bottom:8px}
        .mobile-nav-close button{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary)}
        .mobile-nav-group{border-bottom:1px solid var(--border-light)}
        .mobile-nav-group-title{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:15px;color:var(--text-secondary);text-decoration:none;-webkit-tap-highlight-color:transparent}
        .mobile-nav-group-arrow{transition:transform .2s ease;color:var(--text-secondary)}
        .mobile-nav-group.open .mobile-nav-group-arrow{transform:rotate(180deg)}
        .mobile-nav-group-body{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-left:12px}
        .mobile-nav-group.open .mobile-nav-group-body{max-height:420px}
        .mobile-nav-group-body a{display:block;padding:10px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);text-decoration:none}
        .mobile-nav-group-body a:last-child{border-bottom:none}
        .mobile-nav-actions{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px}
        .mobile-nav-actions a{display:block;padding:10px 14px;border-radius:8px;text-align:center;font-size:14px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);background:#fff;text-decoration:none}
        .mobile-nav-actions a.mobile-nav-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
        /* 笔记本及以下：菜单项过多无法容纳，切换汉堡菜单，右侧登录/注册按钮保留 */
        @media(max-width:1440px){
            .nav-inner{padding:0 24px}
            .nav-brand{margin-right:16px}
            .nav-badge{padding:1px 5px;font-size:9px}
            .btn-ghost,.btn-solid{padding:8px 16px}
            .nav-links{display:none}
            .mobile-hamburger{display:flex}
            .mega-dropdown{display:none!important}
            .hero{padding:110px 28px 80px}
            .hero-inner{gap:40px}
            .hero-tabs{flex:0 0 240px}
            .hero-slide h1{font-size:42px}
            .section{padding:80px 28px}
            .product-nav-section{padding:64px 28px 48px}
            .product-nav-grid{grid-template-columns:repeat(4,1fr)}
            .scenarios-grid{grid-template-columns:repeat(3,1fr)}
            .pricing-section{padding:80px 28px}
            .pricing-layout{flex-direction:column;gap:24px}
            .pricing-sidebar{flex:none;width:100%;position:static}
            .pricing-nav{flex-direction:row;overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
            .pricing-nav::-webkit-scrollbar{display:none}
            .pricing-nav-item{flex-shrink:0;padding:12px 16px;font-size:13px}
            .pricing-grid{grid-template-columns:repeat(2,1fr);gap:16px}
        }
        /* iPad 横屏 / 小屏平板：导航汉堡 + 内容布局全面收紧 */
        @media(max-width:1024px) and (min-width:769px){
            .hero{padding:100px 24px 60px;min-height:460px}
            .hero-inner{gap:24px;min-height:280px}
            .hero-tabs{flex:0 0 200px}
            .hero-tab{padding:10px 12px;font-size:13px}
            .hero-slide h1{font-size:34px;letter-spacing:-.5px;margin-bottom:16px}
            .hero-slide p{font-size:15px;margin-bottom:28px}
            .stats-bar{padding:0 24px;margin-top:-36px}
            .stats-inner{grid-template-columns:repeat(4,1fr)}
            .stat-item{padding:24px 12px}
            .stat-num{font-size:28px}
            .stat-num span{font-size:16px}
            .section{padding:70px 24px}
            .section-title{font-size:30px}
            .section-desc{font-size:15px}
            .product-nav-section{padding:56px 24px 44px}
            .product-nav-header h2{font-size:28px}
            .product-nav-grid{grid-template-columns:repeat(4,1fr);gap:14px}
            .product-nav-item{padding:22px 12px}
            .product-nav-icon{width:60px;height:60px}
            .features-grid{grid-template-columns:repeat(2,1fr);gap:16px}
            .feature-card{padding:28px 24px}
            .flow-steps{grid-template-columns:repeat(4,1fr);gap:10px}
            .flow-dot{width:62px;height:62px;font-size:20px}
            .scenarios-grid{grid-template-columns:repeat(3,1fr);gap:14px}
            .scenario-card{padding:24px 18px}
            .pricing-section{padding:70px 24px}
            .pricing-layout{flex-direction:column;gap:20px}
            .pricing-sidebar{flex:none;width:100%;position:static}
            .pricing-nav{flex-direction:row;overflow-x:auto;padding:8px;gap:4px}
            .pricing-nav-item{flex-shrink:0;padding:12px 14px;font-size:13px}
            .pricing-grid{grid-template-columns:repeat(2,1fr);gap:16px}
            .pricing-card-modern{padding:24px}
            .help-grid{grid-template-columns:repeat(2,1fr);gap:16px}
            .help-card{padding:24px}
            .trust-bar{padding:36px 24px}
            .trust-bar-inner{grid-template-columns:repeat(2,1fr);gap:24px}
            .cta{padding:70px 24px}
            .footer{padding:40px 24px}
        }
        /* 平板/iPad 横屏以下：连同右侧按钮一并收起，全部走汉堡菜单 */
        @media(max-width:1024px){
            .nav-links{display:none}
            .nav-actions .btn-ghost,.nav-actions .btn-solid{display:none}
            .mobile-hamburger{display:flex}
            .mega-dropdown{display:none!important}
        }
        @media(max-width:768px){
            .nav-links{display:none}
            .nav-actions .btn-ghost,.nav-actions .btn-solid{display:none}
            .mobile-hamburger{display:flex}
            .nav-inner{padding:0 14px}
            .nav-brand{display:flex;align-items:center;min-width:0;flex:1;margin-right:10px}
            .nav-brand img{height:32px!important;flex-shrink:0}
            .nav-brand span{font-size:14px!important;margin-left:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
            .hero{padding:90px 16px 50px;min-height:auto}
            .hero-inner{flex-direction:column;gap:18px;min-height:auto}
            .hero-tabs{flex:none;width:100%;flex-direction:row;overflow-x:auto;gap:6px;padding:4px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
            .hero-tabs::-webkit-scrollbar{display:none}
            .hero-tab{flex:0 0 auto;padding:8px 14px;font-size:13px}
            .hero-tab-text{white-space:nowrap}
            .hero-content{min-height:auto}
            .hero-slide{position:relative;opacity:1;visibility:visible;transform:none;display:none}
            .hero-slide.active{display:block}
            .hero-slide h1{font-size:26px;letter-spacing:0;line-height:1.3;margin-bottom:14px}
            .hero-slide p{font-size:13.5px;margin-bottom:22px;line-height:1.7}
            .hero-badge{padding:5px 13px;font-size:12px;margin-bottom:16px}
            .hero-btns{flex-direction:column;align-items:stretch;gap:10px}
            .hero-btns a,.hero-btns button{width:100%;max-width:none}
            .btn-hero-primary,.btn-hero-secondary{width:100%;padding:12px 0;font-size:15px}
            .stats-bar{padding:0 14px;margin-top:-28px}
            .stats-inner{grid-template-columns:repeat(2,1fr)}
            .stat-item{padding:18px 12px}
            .stat-item:nth-child(2){border-right:none}
            .stat-num{font-size:22px}
            .stat-num span{font-size:14px}
            .stat-label{font-size:12px}
            .section{padding:48px 14px}
            .section-title{font-size:22px}
            .section-desc{font-size:13.5px}
            .products-grid,.pricing-grid{grid-template-columns:1fr}
            .product-card,.pricing-card{padding:22px}
            .pricing-section{padding:48px 14px}
            .pricing-header{margin-bottom:32px}
            .pricing-label{font-size:12px;padding:5px 14px}
            .pricing-title{font-size:22px}
            .pricing-subtitle{font-size:13.5px}
            .pricing-layout{flex-direction:column;gap:20px}
            .pricing-sidebar{width:100%;position:static}
            .pricing-nav{flex-direction:row;overflow-x:auto;padding:6px;gap:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
            .pricing-nav::-webkit-scrollbar{display:none}
            .pricing-nav-item{flex-shrink:0;padding:10px 14px;font-size:12px;gap:8px}
            .pricing-nav-item svg{width:18px;height:18px}
            .pricing-grid{gap:16px}
            .pricing-card-modern{padding:22px}
            .pricing-card-icon{width:48px;height:48px;margin-bottom:16px}
            .pricing-card-icon svg{width:24px;height:24px}
            .pricing-card-name{font-size:16px}
            .pricing-card-desc{font-size:12px;margin-bottom:16px}
            .price-symbol{font-size:18px}
            .price-value{font-size:30px}
            .price-unit{font-size:13px}
            .pricing-card-billing{font-size:11px;padding:5px 10px}
            .pricing-card-notice{font-size:11px;padding:8px 10px}
            .feature-item{font-size:12px;padding:4px 0}
            .pricing-card-cta{padding:11px;font-size:13px}
            .features-grid{grid-template-columns:1fr;gap:12px}
            .feature-card{padding:20px 18px}
            .flow-steps{grid-template-columns:repeat(2,1fr);gap:20px}
            .flow-steps::before{display:none}
            .flow-dot{width:52px;height:52px;font-size:18px;margin-bottom:14px}
            .flow-step h4{font-size:14px}
            .flow-step p{font-size:12px;padding:0 6px}
            .scenarios-grid{grid-template-columns:repeat(2,1fr);gap:10px}
            .scenario-card{padding:18px 14px}
            .scenario-icon{font-size:26px;margin-bottom:10px}
            .scenario-card h4{font-size:14px}
            .scenario-card p{font-size:12px}
            .help-head{flex-direction:column;align-items:flex-start;margin-bottom:24px;gap:12px}
            .help-grid{grid-template-columns:1fr;gap:12px}
            .help-card{padding:20px 18px}
            .help-card h3{font-size:16px}
            .product-nav-section{padding:42px 14px 32px}
            .product-nav-header h2{font-size:20px}
            .product-nav-header p{font-size:12.5px}
            .product-nav-header{margin-bottom:24px}
            .product-nav-grid{grid-template-columns:repeat(3,1fr);gap:10px}
            .product-nav-item{padding:16px 8px;gap:8px;border-radius:10px}
            .product-nav-icon{width:46px;height:46px}
            .product-nav-item span{font-size:11.5px;letter-spacing:0}
            .pricing-card{padding:24px 18px}
            .cta{padding:50px 18px}
            .cta h2{font-size:22px}
            .trust-bar{padding:24px 16px}
            .trust-bar-inner{grid-template-columns:1fr 1fr;gap:18px}
            .cta p{font-size:13px}
            .footer{padding:28px 14px}
            .footer-inner{grid-template-columns:1fr;gap:20px}
            .footer-brand,.footer-license{grid-column:auto;grid-row:auto}
            .footer-license{justify-self:start;margin-top:0;margin-left:0}
            .footer-bottom{flex-direction:column;gap:8px;font-size:12px}
            .srv-specs{padding:12px 16px}
            .srv-header{padding:16px 16px 12px}
            .srv-footer{padding:12px 16px}
            .mega-dropdown{display:none!important}
            .footer-col .footer-h4-wrap{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent}
            .footer-col .footer-h4-wrap .footer-arrow{display:none;font-size:16px;color:var(--text-secondary);transition:transform .3s;flex-shrink:0;padding:4px}
            .footer-col .footer-h4-wrap .footer-arrow.open{transform:rotate(90deg)}
            .footer-collapse{max-height:500px;overflow:hidden;transition:max-height .3s ease}
            .footer-collapse.collapsed{max-height:0}
        }
        /* iPad 竖屏 / 小屏平板：在通用移动样式基础上优化为双列布局 */
        @media(max-width:768px) and (min-width:481px){
            .nav-inner{padding:0 18px;height:56px}
            .nav-brand img{height:34px!important}
            .nav-brand span{font-size:15px!important;max-width:200px}
            .hero{padding:92px 18px 56px}
            .hero-inner{gap:20px}
            .hero-slide h1{font-size:32px;line-height:1.25;margin-bottom:16px}
            .hero-slide p{font-size:14px;margin-bottom:26px}
            .hero-btns{flex-direction:row;gap:12px;align-items:center}
            .hero-btns a,.hero-btns button{width:auto;max-width:none}
            .btn-hero-primary,.btn-hero-secondary{padding:12px 28px;font-size:15px;width:auto}
            .stats-bar{padding:0 18px;margin-top:-32px}
            .stats-inner{grid-template-columns:repeat(4,1fr)}
            .stat-item{padding:20px 8px}
            .stat-num{font-size:24px}
            .stat-num span{font-size:14px}
            .stat-label{font-size:11px}
            .section{padding:60px 18px}
            .section-title{font-size:26px}
            .section-desc{font-size:14px}
            .pricing-section{padding:60px 18px}
            .pricing-header{margin-bottom:36px}
            .pricing-title{font-size:26px}
            .pricing-layout{flex-direction:column;gap:20px}
            .pricing-sidebar{width:100%;position:static}
            .pricing-nav{flex-direction:row;overflow-x:auto;padding:8px;gap:4px}
            .pricing-nav-item{flex-shrink:0;padding:11px 16px;font-size:13px}
            .pricing-grid{grid-template-columns:repeat(2,1fr);gap:14px}
            .features-grid{grid-template-columns:repeat(2,1fr);gap:14px}
            .feature-card{padding:22px 18px}
            .flow-steps{grid-template-columns:repeat(4,1fr);gap:10px}
            .flow-dot{width:56px;height:56px;font-size:18px}
            .scenarios-grid{grid-template-columns:repeat(2,1fr);gap:12px}
            .scenario-card{padding:20px 16px}
            .help-grid{grid-template-columns:repeat(2,1fr);gap:14px}
            .product-nav-section{padding:48px 18px 36px}
            .product-nav-header h2{font-size:24px}
            .product-nav-grid{grid-template-columns:repeat(4,1fr);gap:12px}
            .product-nav-icon{width:54px;height:54px}
            .product-nav-item span{font-size:12px}
            .cta{padding:60px 18px}
            .cta h2{font-size:26px}
            .trust-bar{padding:28px 18px}
            .trust-bar-inner{grid-template-columns:repeat(2,1fr);gap:20px}
            .footer{padding:32px 18px}
        }
        /* 小屏手机：进一步收紧间距与字号 */
        @media(max-width:480px){
            .nav-inner{padding:0 12px;height:54px}
            .nav-brand span{max-width:140px;font-size:13px!important}
            .mobile-hamburger{width:34px;height:34px}
            .hero{padding:82px 12px 44px}
            .hero-slide h1{font-size:24px}
            .hero-slide p{font-size:13px;margin-bottom:20px}
            .btn-hero-primary,.btn-hero-secondary{padding:12px 0;font-size:14px}
            .stats-bar{padding:0 12px;margin-top:-24px}
            .stat-item{padding:16px 8px}
            .stat-num{font-size:20px}
            .stat-num span{font-size:12px}
            .section{padding:40px 12px}
            .section-title{font-size:20px}
            .section-desc{font-size:13px}
            .pricing-section{padding:40px 12px}
            .pricing-header{margin-bottom:28px}
            .pricing-label{font-size:11px;padding:4px 12px}
            .pricing-title{font-size:20px}
            .pricing-subtitle{font-size:13px}
            .pricing-layout{flex-direction:column;gap:16px}
            .pricing-sidebar{width:100%;position:static}
            .pricing-nav{flex-direction:row;overflow-x:auto;padding:6px;gap:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
            .pricing-nav::-webkit-scrollbar{display:none}
            .pricing-nav-item{flex-shrink:0;padding:9px 12px;font-size:11px;gap:6px;border-radius:8px}
            .pricing-nav-item svg{width:16px;height:16px}
            .pricing-nav-item span{white-space:nowrap}
            .pricing-grid{grid-template-columns:1fr;gap:12px}
            .pricing-card-modern{padding:20px}
            .pricing-card-icon{width:48px;height:48px;margin-bottom:16px}
            .pricing-card-icon svg{width:24px;height:24px}
            .pricing-card-name{font-size:16px}
            .pricing-card-desc{font-size:12px;margin-bottom:16px}
            .price-symbol{font-size:16px}
            .price-value{font-size:28px}
            .price-unit{font-size:12px}
            .pricing-card-billing{font-size:11px;padding:5px 10px}
            .pricing-card-billing svg{width:12px;height:12px}
            .pricing-card-notice{font-size:11px;padding:8px 10px}
            .pricing-card-notice svg{width:14px;height:14px}
            .feature-item{font-size:12px;padding:4px 0}
            .feature-item svg{width:14px;height:14px}
            .pricing-card-cta{padding:10px;font-size:13px}
            .price-value{font-size:30px}
            .price-symbol{font-size:18px}
            .price-unit{font-size:13px}
            .features-grid{grid-template-columns:1fr;gap:12px}
            .feature-card{padding:18px 16px}
            .flow-steps{grid-template-columns:repeat(2,1fr);gap:16px}
            .flow-dot{width:48px;height:48px;font-size:16px}
            .flow-step h4{font-size:13px}
            .flow-step p{font-size:11px;padding:0}
            .scenarios-grid{grid-template-columns:repeat(2,1fr);gap:10px}
            .scenario-card{padding:16px 12px}
            .scenario-icon{font-size:24px}
            .scenario-card h4{font-size:13px}
            .scenario-card p{font-size:11px}
            .help-grid{grid-template-columns:1fr;gap:12px}
            .help-card{padding:18px 16px}
            .help-card h3{font-size:15px}
            .product-nav-section{padding:36px 12px 28px}
            .product-nav-header h2{font-size:18px}
            .product-nav-header p{font-size:12px}
            .product-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px}
            .product-nav-item{padding:14px 6px;gap:6px;border-radius:8px}
            .product-nav-icon{width:42px;height:42px}
            .product-nav-item span{font-size:11px}
            .cta{padding:44px 12px}
            .cta h2{font-size:20px}
            .cta p{font-size:13px}
            .trust-bar{padding:22px 12px}
            .trust-bar-inner{grid-template-columns:1fr 1fr;gap:14px}
            .footer{padding:28px 12px}
        }
        /* 超小屏手机 */
        @media(max-width:360px){
            .nav-brand span{max-width:110px;font-size:12px!important}
            .hero-slide h1{font-size:22px}
            .product-nav-grid{grid-template-columns:repeat(2,1fr);gap:8px}
            .product-nav-item span{font-size:10.5px}
        }
        .fade-in-visible{opacity:1!important;transform:translateY(0)!important}
        .srv-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;flex-direction:column}
        .srv-card:hover{border-color:#bfdbfe;box-shadow:0 4px 16px rgba(0,82,217,.06);transform:translateY(-2px)}
        .srv-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-light)}
        .srv-icon{width:36px;height:36px;border-radius:8px;background:#eff6ff;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .srv-name{font-size:15px;font-weight:600;color:var(--text);margin:0}
        .srv-region{font-size:11px;padding:2px 10px;border-radius:4px;background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7;flex-shrink:0}
        .srv-specs{padding:16px 24px;flex:1}
        .srv-spec-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border-light)}
        .srv-spec-row:last-child{border-bottom:none}
        .srv-spec-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}
        .srv-spec-val{font-size:13px;color:var(--text);font-weight:500;text-align:right;max-width:60%;word-break:break-all}
        .srv-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-light);background:var(--bg-page)}
        .srv-price{font-size:22px;font-weight:700;color:var(--primary)}.srv-price span{font-size:13px;font-weight:400;color:var(--text-secondary)}
        .srv-buy-btn{display:inline-block;padding:8px 24px;border-radius:6px;font-size:13px;font-weight:500;background:var(--primary);color:#fff;transition:background .2s;text-decoration:none}.srv-buy-btn:hover{background:var(--primary-hover)}
        .mega-trigger{position:relative}
        .mega-trigger-link{display:inline-flex;align-items:center;cursor:pointer}
        .mega-dropdown{display:none;position:fixed;top:64px;left:0;right:0;background:#fff;border-top:1px solid var(--border);box-shadow:0 8px 32px rgba(0,0,0,.08);z-index:9999}
        .mega-dropdown.show{display:block}
        .mega-inner{max-width:1200px;margin:0 auto;display:flex;min-height:280px;padding:0}
        .mega-sidebar{width:180px;border-right:1px solid var(--border-light);padding:20px 0;flex-shrink:0}
        .mega-cat{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s;border-left:3px solid transparent}
        .mega-cat:hover,.mega-cat.active{color:var(--text);background:var(--bg-page);border-left-color:var(--primary)}
        .mega-cat.active{font-weight:600}
        .mega-content{flex:1;padding:24px 32px;position:relative}
        .mega-panel{display:none}.mega-panel.active{display:block}
        .mega-panel-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}
        .mega-panel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
        .mega-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:8px;transition:background .15s;text-decoration:none;color:inherit}
        .mega-item:hover{background:var(--bg-page)}
        .mega-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .mega-item strong{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}
        .mega-item span{font-size:12px;color:var(--text-secondary);line-height:1.5}
        .mega-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .15s}
        .mega-close-btn:hover{background:var(--bg-page);color:var(--text)}

.partners-section .ps-title{text-align:center;margin-bottom:36px}
.partners-section .ps-title h2{font-size:32px;font-weight:700;color:#0b1b39;margin:0 0 10px}
.partners-section .ps-title p{font-size:14px;color:#5b6475;margin:0}
.partners-scroll-wrap{overflow:hidden;position:relative;max-width:1200px;margin:0 auto}
.partners-scroll-row{display:flex;align-items:center;position:relative;margin-bottom:30px}
.partners-scroll-row:last-child{margin-bottom:0}
.partners-scroll-track{display:flex;animation:partnerScroll 40s linear infinite}
.partners-scroll-row:nth-child(2) .partners-scroll-track{animation-duration:45s}
.partners-scroll-row:nth-child(3) .partners-scroll-track{animation-duration:50s}
.partners-scroll-item{flex:0 0 150px;height:78px;margin-right:22px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid #eaf0fc}
.partners-scroll-item img{width:92px;height:auto;max-height:32px;object-fit:contain}
.partners-scroll-wrap::before,.partners-scroll-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.partners-scroll-wrap::before{left:0;background:linear-gradient(to right,#f4f5f9 20%,transparent)}
.partners-scroll-wrap::after{right:0;background:linear-gradient(to left,#f4f5f9 20%,transparent)}
@keyframes partnerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:768px){
.partners-scroll-item{flex:0 0 140px;height:76px;margin-right:16px}
.partners-scroll-item img{width:88px;max-height:30px}
.partners-section{padding:36px 0 50px}
.partners-section .ps-title h2{font-size:22px}
}