.header{width:100%;height:70px;background-color:#fff;box-shadow:0 2px 10px #0000000a;flex-shrink:0;position:sticky;top:0;z-index:100;transition:box-shadow var(--transition-normal)}.header-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 48px}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;cursor:pointer;transition:opacity var(--transition-fast)}.logo:hover{opacity:.8}.logo-text{font-size:22px;font-weight:800;color:#202b46;letter-spacing:-.5px}.logo-highlight{color:#7c6cff}.header-center{flex:1;display:flex;justify-content:center}.nav-list{display:flex;gap:4px}.nav-item{white-space:nowrap}.nav-link{display:block;padding:10px 16px;font-size:18px;font-weight:500;color:#6e7280;border-radius:8px;position:relative;transition:color var(--transition-normal),background-color var(--transition-normal)}.nav-link:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;background-color:#7c6cff;border-radius:2px;transform:scaleX(0);transition:transform var(--transition-normal)}.nav-link:hover{color:#202b46;background-color:#f5f4ff}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:#7c6cff;font-weight:600}.nav-link.active:after{transform:scaleX(1)}.header-right{display:flex;align-items:center;gap:20px}.login-link{font-size:16px;font-weight:500;color:#6e7280;cursor:pointer;padding:8px 4px;border-radius:8px;transition:color var(--transition-normal)}.login-link:hover{color:#202b46}.register-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 28px;background:linear-gradient(135deg,#7c6cff,#5e9bff);color:#fff;font-size:16px;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.register-btn:hover{box-shadow:0 8px 24px #6366f140;transform:translateY(-1px)}.register-btn:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px #6366f126}.mobile-menu-btn{display:none;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color var(--transition-normal)}.mobile-menu-btn:hover{background-color:#f5f4ff}.mobile-menu-btn svg{width:24px;height:24px;color:#202b46}.mobile-nav{display:none}@media (max-width: 1280px){.header-inner{padding:0 32px}.nav-link{padding:10px 12px;font-size:16px}}@media (max-width: 1024px){.header-center{display:none}.header-inner{padding:0 24px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.header-right .login-link,.header-right .register-btn{display:none}.mobile-nav.open{display:flex;flex-direction:column;position:fixed;top:70px;left:0;right:0;bottom:0;background:#fff;z-index:99;padding:24px;gap:8px;animation:fadeIn .2s ease}.mobile-nav .nav-link{font-size:18px;padding:14px 16px;border-radius:12px}.mobile-nav .mobile-auth{margin-top:auto;padding-top:24px;border-top:1px solid #E6E8F2;display:flex;flex-direction:column;gap:12px}.mobile-nav .mobile-auth .login-link{display:block;font-size:16px;padding:14px 16px;text-align:center;border:1px solid #E6E8F2;border-radius:var(--radius-pill)}.mobile-nav .mobile-auth .register-btn{display:flex;width:100%;height:48px;font-size:16px}}@media (max-width: 640px){.header-inner{padding:0 16px}.logo-text{font-size:18px}}.footer{width:100%;background-color:#f8f9fc;border-top:1px solid #E6E8F2}.footer-top{display:flex;gap:60px;max-width:1200px;margin:0 auto;padding:60px 40px 40px}.footer-col-left{flex:2;min-width:0}.footer-col-center,.footer-col-right{flex:1;min-width:0}.footer-logo{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.footer-logo-text{font-size:20px;font-weight:800;color:#202b46}.footer-logo-highlight{color:#7c6cff}.footer-logo-domain{font-size:14px;color:#9ca0b0}.footer-company{font-size:12px;color:#9ca0b0;margin-bottom:16px}.footer-desc{font-size:14px;color:#6e7280;line-height:1.8;margin-bottom:20px;max-width:420px}.footer-tags{display:flex;gap:10px;margin-bottom:20px}.tag{display:inline-flex;align-items:center;padding:5px 14px;font-size:12px;color:#6e7280;background-color:#fff;border:1px solid #E6E8F2;border-radius:var(--radius-pill);cursor:default;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.tag:hover{background-color:#f5f4ff;color:#7c6cff;border-color:#c7d2fe}.footer-social{display:flex;gap:10px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:12px;color:#6e7280;background-color:#fff;border:1px solid #E6E8F2;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-normal),color var(--transition-normal)}.social-icon:hover{transform:scale(1.1);background-color:#f5f4ff;color:#7c6cff}.footer-heading{font-size:16px;font-weight:600;color:#202b46;margin-bottom:20px}.footer-nav{display:flex;flex-direction:column;gap:14px}.footer-nav-link{font-size:14px;color:#6e7280;transition:color var(--transition-normal)}.footer-nav-link:hover{color:#6366f1}.footer-contact{display:flex;flex-direction:column;gap:14px;font-size:14px;color:#6e7280}.footer-address{line-height:1.6}.footer-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 40px;border-top:1px solid #E6E8F2;font-size:12px;color:#9ca0b0}.footer-bottom-left{display:flex;gap:16px}.footer-icp{color:#6e7280;text-decoration:none;transition:color var(--transition-normal)}.footer-icp:hover{color:#6366f1;text-decoration:underline}.footer-bottom-right{display:flex;gap:20px}.footer-bottom-right a{color:#9ca0b0;font-size:12px;transition:color var(--transition-normal)}.footer-bottom-right a:hover{color:#6366f1}@media (max-width: 1024px){.footer-top{gap:40px;padding:48px 32px 32px}}@media (max-width: 768px){.footer-top{flex-direction:column;gap:32px;padding:40px 24px 24px}.footer-col-left,.footer-col-center,.footer-col-right{flex:none;width:100%}.footer-bottom{flex-direction:column;gap:12px;text-align:center;padding:16px 24px}.footer-bottom-left,.footer-bottom-right{justify-content:center;flex-wrap:wrap}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:680px;padding:80px 40px;background:linear-gradient(180deg,#f5f4ff,#ede9ff,#f5f4ff)}.hero-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:900px}.hero-title{font-size:64px;font-weight:800;color:#202b46;text-align:center;line-height:1.35;background:linear-gradient(135deg,#7c6cff,#5e9bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:13px;color:#9ca0b0;text-align:center;max-width:700px;line-height:1.6}.hero-buttons{display:flex;gap:16px;margin-top:12px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 36px;background:linear-gradient(135deg,#7c6cff,#5e9bff);color:#fff;font-size:16px;font-weight:600;border-radius:var(--radius-pill);box-shadow:var(--shadow-button);cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f147}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 36px;background-color:#fff;color:#202b46;font-size:16px;font-weight:500;border-radius:var(--radius-pill);border:1px solid #E6E8F2;cursor:pointer;transition:border-color var(--transition-normal),color var(--transition-normal),background-color var(--transition-normal)}.btn-secondary:hover{border-color:#7c6cff;color:#7c6cff;background-color:#f5f4ff}.btn-secondary:active{background-color:#ede9ff;transform:scale(.98)}@media (max-width: 1024px){.hero-title{font-size:48px}.hero{min-height:560px;padding:60px 32px}}@media (max-width: 768px){.hero-title{font-size:36px}.hero{min-height:480px;padding:48px 24px}.hero-buttons{flex-direction:column;width:100%;max-width:320px}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.hero-title{font-size:28px}.hero{min-height:400px;padding:40px 16px}.hero-subtitle{font-size:12px}}.stats{padding:0 40px 80px;margin-top:-40px;position:relative;z-index:10}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;background-color:#fff;border:1px solid #E6E8F2;border-radius:var(--radius-lg);gap:8px;box-shadow:var(--shadow-card);cursor:default;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.stat-value{font-size:36px;font-weight:800;color:#6366f1}.stat-label{font-size:14px;color:#6e7280}@media (max-width: 1024px){.stats-grid{gap:16px}.stat-card{height:120px}.stat-value{font-size:28px}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stats{padding:0 24px 60px}}.services-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl) var(--space-3xl);text-align:center}.services-hero-inner{max-width:800px}.services-hero-tag{display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--primary-light);margin-bottom:var(--space-md)}.services-hero-title{font-size:48px;font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.3}.services-hero-plus{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-extrabold)}.services-hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);line-height:1.7}.core-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.core-service-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column}.core-service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.core-service-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-light);margin-bottom:var(--space-lg)}.core-service-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.core-service-desc{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.core-service-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:auto}.core-feature-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--text-secondary)}.protection-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.protection-header-icon{color:var(--text-muted)}.protection-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.protection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.protection-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:left;box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden}.protection-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-light)}.protection-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-light);margin-bottom:var(--space-md);transition:background-color var(--transition-normal)}.protection-card:hover .protection-icon{background:var(--primary-bg-deep)}.protection-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.protection-desc{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6}.process-wrapper{background:var(--bg-section);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-2xl)}.process-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-2xl)}.process-grid{display:flex;align-items:flex-start;justify-content:center;gap:0}.process-step{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;flex:1;max-width:200px;padding:0 var(--space-sm)}.process-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-light);margin-bottom:var(--space-md)}.process-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.process-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6;max-width:160px}.process-arrow{position:absolute;right:-12px;top:16px;color:var(--border);display:flex;align-items:center;z-index:1}.cta-section{padding:var(--space-3xl) var(--space-xl) var(--space-4xl);text-align:center}.cta-btn-large{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:60px;padding:0 48px;background:var(--primary-gradient);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);box-shadow:0 8px 32px #6366f140;cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal);text-decoration:none}.cta-btn-large:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6366f159}.cta-btn-large:active{transform:translateY(0) scale(.98);box-shadow:0 4px 16px #6366f133}@media (max-width: 1024px){.services-hero-title{font-size:36px}.core-services-grid,.protection-grid{grid-template-columns:repeat(2,1fr)}.process-arrow{display:none}.process-grid{flex-wrap:wrap;gap:var(--space-xl)}}@media (max-width: 768px){.services-hero{padding:var(--space-3xl) var(--space-lg) var(--space-2xl)}.services-hero-title{font-size:var(--font-size-2xl)}.core-services-grid,.protection-grid{grid-template-columns:1fr}.process-wrapper{padding:var(--space-xl) var(--space-md)}.process-grid{flex-direction:column;align-items:center;gap:var(--space-lg)}.process-arrow{display:none}.cta-btn-large{width:100%;max-width:320px}}.detection-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl) var(--space-xl);text-align:center}.detection-hero-inner{max-width:800px}.detection-hero-tag{display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--primary-light);margin-bottom:var(--space-md)}.detection-hero-title{font-size:48px;font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.3}.detection-hero-title .gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detection-hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);line-height:1.7}.detection-tabs-section{display:flex;justify-content:center;padding:0 var(--space-xl) var(--space-2xl)}.detection-tab-switcher{display:inline-flex;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px;gap:4px}.detection-tab{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 24px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.detection-tab:hover{color:var(--text-primary);background:var(--primary-bg)}.detection-tab.active{background:var(--primary-gradient);color:#fff;font-weight:var(--font-weight-semibold);box-shadow:0 4px 16px #6366f133}.detection-content{padding:0 var(--space-xl) var(--space-4xl)}.detection-content-inner{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl);align-items:start}.detection-main-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card)}.detection-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.detection-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-light);flex-shrink:0}.detection-card-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.detection-badge-free{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-light);background:var(--primary-bg);border:1px solid #C7D2FE;border-radius:var(--radius-pill);margin-left:auto}.detection-requirements{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--primary-bg);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.detection-req-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--text-secondary)}.detection-upload-area{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:border-color var(--transition-normal),background-color var(--transition-normal)}.detection-upload-area:hover{border-color:var(--primary-light);background-color:var(--primary-bg)}.detection-upload-icon{width:56px;height:56px;border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.detection-upload-icons-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.detection-upload-type-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center}.detection-upload-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.detection-upload-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.detection-pricing-panel{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);position:sticky;top:calc(var(--header-height) + var(--space-lg))}.pricing-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pricing-header svg{color:var(--primary-light)}.pricing-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.pricing-tiers{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pricing-tier{display:flex;flex-direction:column;gap:2px;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative}.pricing-tier:hover{border-color:var(--primary-light)}.pricing-tier.selected{border-color:var(--primary-light);background:var(--primary-bg)}.pricing-popular-badge{position:absolute;top:-8px;right:12px;display:inline-flex;align-items:center;padding:2px 10px;font-size:11px;font-weight:var(--font-weight-semibold);color:#fff;background:var(--primary-gradient);border-radius:var(--radius-pill)}.pricing-tier-top{display:flex;justify-content:space-between;align-items:baseline}.pricing-tier-count{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.pricing-tier-price{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--primary)}.pricing-tier-bottom{display:flex;justify-content:space-between;align-items:center}.pricing-tier-detail{font-size:var(--font-size-sm);color:var(--text-muted)}.pricing-tier-validity{font-size:var(--font-size-xs);color:var(--text-muted)}.pricing-promo{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--primary-bg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.pricing-pay-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:52px;background:var(--primary-gradient);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal);box-shadow:var(--shadow-button)}.pricing-pay-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.pricing-pay-btn:active{transform:translateY(0) scale(.98)}.pricing-note{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-md)}@media (max-width: 1024px){.detection-hero-title{font-size:36px}.detection-content-inner{grid-template-columns:1fr}.detection-pricing-panel{position:static}}@media (max-width: 768px){.detection-hero{padding:var(--space-3xl) var(--space-lg) var(--space-xl)}.detection-hero-title{font-size:var(--font-size-2xl)}.detection-tabs-section{padding:0 var(--space-lg) var(--space-xl)}.detection-tab-switcher{flex-direction:column;width:100%;max-width:320px}.detection-tab{justify-content:center;width:100%}.detection-content{padding:0 var(--space-lg) var(--space-3xl)}.detection-card-header{flex-direction:column;align-items:flex-start}.detection-badge-free{margin-left:0}}.auth-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl) var(--space-xl);text-align:center}.auth-hero-inner{max-width:800px}.auth-hero-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-pill);margin-bottom:var(--space-lg)}.auth-hero-title{font-size:48px;font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.3}.auth-hero-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-hero-highlight{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.auth-hero-desc{font-size:var(--font-size-md);color:var(--text-muted);line-height:1.7}.auth-search-section{padding:0 var(--space-xl) var(--space-2xl);max-width:800px;margin:0 auto}.auth-search-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-card);text-align:center;margin-bottom:var(--space-lg)}.auth-search-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.auth-search-subtitle{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-xl)}.auth-search-bar{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 4px 4px 16px;background:var(--bg-page);max-width:400px;width:100%}.auth-search-prefix{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.auth-search-input{flex:1;border:none;outline:none;font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background:transparent;padding:8px;min-width:0}.auth-search-input::placeholder{color:var(--text-muted)}.auth-search-btn{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.auth-search-btn:hover{box-shadow:0 4px 16px #6366f14d;transform:scale(1.05)}.auth-demo-codes{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--text-muted);flex-wrap:wrap}.auth-demo-code{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--primary-light);background:transparent;border:none;cursor:pointer;transition:color var(--transition-normal);font-family:inherit}.auth-demo-code:hover{color:var(--primary);text-decoration:underline}.auth-content{padding:0 var(--space-xl) var(--space-3xl)}.auth-content-inner{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:var(--space-3xl);align-items:start}.auth-flow-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xl)}.auth-flow-steps{display:flex;flex-direction:column;gap:var(--space-md)}.auth-flow-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-section);border-radius:var(--radius-lg);transition:background-color var(--transition-normal)}.auth-flow-step:hover{background:var(--primary-bg)}.auth-flow-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-light);flex-shrink:0}.auth-flow-content{flex:1}.auth-flow-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--primary-light);background:var(--primary-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.auth-flow-step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.auth-flow-step-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.auth-examples-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.auth-examples-desc{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-xl)}.auth-examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.auth-example-card{display:flex;flex-direction:column;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.auth-example-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.auth-example-image{position:relative;aspect-ratio:3/4;overflow:hidden}.auth-example-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.auth-example-card:hover .auth-example-image img{transform:scale(1.05)}.auth-example-overlay{position:absolute;top:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.auth-example-en{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff}.auth-example-info{padding:var(--space-md)}.auth-example-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.auth-example-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5;margin-bottom:var(--space-xs)}.auth-example-code{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-light)}.auth-cta{padding:0 var(--space-xl) var(--space-4xl)}.auth-cta-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.auth-cta-primary{display:inline-flex;align-items:center;gap:var(--space-sm);height:52px;padding:0 36px;background:var(--primary-gradient);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);text-decoration:none;box-shadow:var(--shadow-button);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.auth-cta-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.auth-cta-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);height:52px;padding:0 36px;background:var(--bg-page);color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border:1px solid var(--border);border-radius:var(--radius-pill);text-decoration:none;transition:border-color var(--transition-normal),color var(--transition-normal),background-color var(--transition-normal)}.auth-cta-secondary:hover{border-color:var(--primary-light);color:var(--primary-light);background:var(--primary-bg)}.auth-search-clear{width:24px;height:24px;border:none;background:var(--bg-section);color:var(--text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color var(--transition-normal)}.auth-search-clear:hover{background:var(--border)}.auth-result{margin-top:var(--space-xl);animation:fadeInUp .4s ease}.auth-result-success{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.auth-result-success strong{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:#16a34a;display:block;margin-bottom:2px}.auth-result-success p{font-size:var(--font-size-sm);color:#15803d;margin:0}.auth-result-info{background:var(--primary-bg);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.auth-result-info-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--primary-light);margin-bottom:var(--space-md)}.auth-result-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-lg)}.auth-result-label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:4px}.auth-result-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.auth-result-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;background:var(--primary-gradient);border-radius:var(--radius-pill)}.auth-result-faces{margin-bottom:var(--space-xl)}.auth-result-faces-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-lg)}.auth-face-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-md);box-shadow:var(--shadow-card)}.auth-face-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.auth-face-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);color:#fff;font-size:16px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-face-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.auth-face-id{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:var(--space-sm)}.auth-face-price{margin-left:auto;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--primary)}.auth-face-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.auth-face-detail{display:flex;align-items:flex-start;gap:6px}.auth-face-detail-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:2px}.auth-face-detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.auth-face-hash{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-section);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.auth-face-hash code{flex:1;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.auth-hash-copy{width:28px;height:28px;border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--transition-normal)}.auth-hash-copy:hover{color:var(--primary-light)}.auth-hash-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:var(--font-weight-semibold);color:#22c55e;white-space:nowrap}.auth-face-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);height:44px;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,#f43f5e,#fb923c);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.auth-face-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f43f5e4d}.auth-result-actions{display:flex;gap:var(--space-md)}.auth-action-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);height:52px;border:none;border-radius:var(--radius-pill);background:var(--primary-gradient);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.auth-action-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.auth-action-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);height:52px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-page);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:border-color var(--transition-normal),color var(--transition-normal)}.auth-action-secondary:hover{border-color:var(--primary-light);color:var(--primary-light)}@media (max-width: 1024px){.auth-hero-title{font-size:36px}.auth-content-inner{grid-template-columns:1fr}.auth-examples-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.auth-hero{padding:var(--space-3xl) var(--space-lg) var(--space-xl)}.auth-hero-title{font-size:var(--font-size-2xl)}.auth-search-section{padding:0 var(--space-lg) var(--space-xl)}.auth-search-card{padding:var(--space-xl)}.auth-content{padding:0 var(--space-lg) var(--space-2xl)}.auth-examples-grid{grid-template-columns:1fr}.auth-cta-inner{flex-direction:column}.auth-cta-primary,.auth-cta-secondary{width:100%;max-width:320px;justify-content:center}}.about-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl) var(--space-3xl);text-align:center}.about-hero-inner{max-width:800px}.about-hero-tag{display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--primary-light);margin-bottom:var(--space-md)}.about-hero-company{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-md)}.about-hero-title{font-size:48px;font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.3}.about-hero-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-desc{font-size:var(--font-size-md);color:var(--text-muted);line-height:1.7}.about-section{padding:0 var(--space-xl) var(--space-3xl)}.about-section-alt{padding:0 var(--space-xl) var(--space-4xl)}.about-section-inner{max-width:var(--container-max);margin:0 auto}.about-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.about-section-header svg{color:var(--primary-light)}.about-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.about-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.about-team-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.about-team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.about-team-top{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.about-team-avatar{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0}.about-team-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.about-team-role{font-size:var(--font-size-sm);color:var(--primary-light);font-weight:var(--font-weight-medium)}.about-team-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.about-team-detail{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.about-team-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.about-team-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:var(--font-weight-medium);color:var(--primary-light);background:var(--primary-bg);border-radius:var(--radius-pill)}.about-bottom-grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.about-timeline{display:flex;flex-direction:column;gap:0}.about-timeline-item{display:flex;gap:var(--space-lg);position:relative;padding-bottom:var(--space-lg)}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-dot{width:14px;height:14px;border-radius:50%;border:3px solid var(--primary-light);background:var(--bg-page);flex-shrink:0;margin-top:4px;position:relative;z-index:1}.about-timeline-item:not(:last-child) .about-timeline-dot:after{content:"";position:absolute;left:50%;top:14px;transform:translate(-50%);width:2px;height:calc(100% + var(--space-lg));background:var(--border)}.about-timeline-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);flex:1}.about-timeline-year{display:inline-block;padding:2px 10px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--primary-light);background:var(--primary-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.about-timeline-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.about-timeline-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.about-contact-cards{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.about-contact-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal)}.about-contact-card:hover{border-color:var(--primary-light)}.about-contact-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-light);flex-shrink:0}.about-contact-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:2px}.about-contact-card-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.about-contact-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-light);text-decoration:none;transition:color var(--transition-normal)}.about-contact-link:hover{color:var(--primary)}.about-contact-info{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);background:var(--bg-section);border-radius:var(--radius-lg)}.about-contact-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}@media (max-width: 1024px){.about-hero-title{font-size:36px}.about-team-grid{grid-template-columns:repeat(2,1fr)}.about-bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.about-hero{padding:var(--space-3xl) var(--space-lg) var(--space-xl)}.about-hero-title{font-size:var(--font-size-2xl)}.about-section,.about-section-alt{padding-left:var(--space-lg);padding-right:var(--space-lg)}.about-team-grid{grid-template-columns:1fr}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease}.auth-modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--bg-page);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:0 20px 60px #0000001f;animation:scaleIn .25s ease}.auth-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-section);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal)}.auth-close:hover{background:var(--border);color:var(--text-primary)}.auth-logo{text-align:center;margin-bottom:var(--space-sm)}.auth-logo-text{font-size:24px;font-weight:800;color:var(--text-primary)}.auth-logo-highlight{color:var(--primary-light)}.auth-subtitle{text-align:center;font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-xl)}.auth-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:var(--space-xl)}.auth-tab{flex:1;text-align:center;padding:12px 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-muted);background:none;border:none;font-family:inherit;cursor:pointer;position:relative;transition:color var(--transition-normal)}.auth-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:2px;transition:background var(--transition-normal)}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{color:var(--primary-light);font-weight:var(--font-weight-semibold)}.auth-tab.active:after{background:var(--primary-light)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-field{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.auth-input-wrap{position:relative}.auth-input{width:100%;height:48px;padding:0 16px;font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.auth-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #7c6cff1a}.auth-input::placeholder{color:var(--text-muted)}.auth-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--transition-normal)}.auth-eye-btn:hover{color:var(--text-secondary)}.auth-submit{width:100%;height:52px;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,#7c6cff,#5e9bff);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal);box-shadow:0 6px 20px #6366f133;margin-top:var(--space-sm)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f14d}.auth-submit:active{transform:translateY(0) scale(.98)}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.auth-remember{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer}.auth-remember input{width:16px;height:16px;accent-color:var(--primary-light);cursor:pointer}.auth-forgot{font-size:var(--font-size-sm);color:var(--primary-light);text-decoration:none;transition:color var(--transition-normal)}.auth-forgot:hover{color:var(--primary)}@media (max-width: 480px){.auth-overlay{padding:var(--space-md);align-items:flex-start;padding-top:60px}.auth-modal{padding:var(--space-xl)}}.auth-code-row{display:flex;gap:12px}.auth-code-row .auth-input{flex:1}.auth-code-btn{height:48px;padding:0 20px;white-space:nowrap;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--primary-light);background:var(--bg-page);border:1px solid var(--primary-light);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal)}.auth-code-btn:hover{background:var(--primary-bg);color:var(--primary)}.auth-agreement{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.auth-agreement a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-normal)}.auth-agreement a:hover{color:var(--primary);text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}.main{flex:1;display:flex;flex-direction:column}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366F1;--primary-light: #7C6CFF;--primary-dark: #5E9BFF;--primary-gradient: linear-gradient(135deg, #7C6CFF, #5E9BFF);--primary-bg: #F5F4FF;--primary-bg-deep: #EDE9FF;--text-primary: #202B46;--text-secondary: #6E7280;--text-muted: #9CA0B0;--bg-page: #fff;--bg-section: #F8F9FC;--bg-hero: linear-gradient(180deg, #F5F4FF 0%, #EDE9FF 50%, #F5F4FF 100%);--border: #E6E8F2;--border-light: #F0F1F5;--font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 36px;--font-size-3xl: 48px;--font-size-hero: 64px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .04);--shadow-card: 0 6px 20px rgba(0, 0, 0, .06);--shadow-card-hover: 0 10px 30px rgba(0, 0, 0, .08);--shadow-button: 0 8px 24px rgba(99, 102, 241, .18);--shadow-button-hover: 0 12px 32px rgba(99, 102, 241, .28);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--header-height: 70px;--container-max: 1200px;--container-wide: 1400px}html{scroll-behavior:smooth}html,body{width:100%;min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}ul{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}:focus:not(:focus-visible){outline:none}.page-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:var(--space-4xl) var(--space-xl);background:var(--bg-hero);text-align:center}.page-hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.3}.page-hero-subtitle{font-size:var(--font-size-base);color:var(--text-muted);max-width:600px;line-height:1.7}.section{padding:var(--space-4xl) var(--space-xl)}.section-inner{max-width:var(--container-max);margin:0 auto}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-sm)}.section-subtitle{font-size:var(--font-size-base);color:var(--text-muted);text-align:center;margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto}.card-grid{display:grid;gap:var(--space-lg)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card{background-color:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);font-size:24px}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.card-desc{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 36px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px #6366f126}.btn-outline{background-color:var(--bg-page);color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary-light);color:var(--primary-light);background-color:var(--primary-bg)}.btn-outline:active{background-color:var(--primary-bg-deep);transform:scale(.98)}.btn-sm{height:40px;padding:0 24px;font-size:var(--font-size-base)}.tag{display:inline-flex;align-items:center;padding:5px 14px;font-size:var(--font-size-xs);color:var(--text-secondary);background-color:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:default;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.tag:hover{background-color:var(--primary-bg);color:var(--primary-light);border-color:#c7d2fe}.cta-section{padding:var(--space-4xl) var(--space-xl);background:var(--primary-bg);text-align:center}.cta-section .section-title{margin-bottom:var(--space-lg)}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-sm)}.form-input{width:100%;height:48px;padding:0 var(--space-md);font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background-color:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition-normal)}.form-input:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px #7c6cff1a}.form-input::placeholder{color:var(--text-muted)}@media (max-width: 1024px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-hero{min-height:240px;padding:var(--space-3xl) var(--space-lg)}.page-hero-title{font-size:var(--font-size-2xl)}.section{padding:var(--space-3xl) var(--space-lg)}.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:320px}}@media (max-width: 480px){.page-hero{min-height:200px;padding:var(--space-2xl) var(--space-md)}.page-hero-title{font-size:var(--font-size-xl)}.section{padding:var(--space-2xl) var(--space-md)}.section-title{font-size:var(--font-size-lg)}.card{padding:var(--space-lg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .6s ease,transform .6s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .6s ease,transform .6s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-children.visible>*:nth-child(1){transition-delay:0s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(3){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(4){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(5){transition-delay:.4s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(6){transition-delay:.5s;opacity:1;transform:translateY(0)}.header.scrolled{box-shadow:0 4px 20px #00000014}.shimmer-text{background:linear-gradient(90deg,#7c6cff,#5e9bff,#7c6cff 80%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a}.page{animation:fadeIn .4s ease}@keyframes pulse{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 8px #6366f100}}.btn-primary:hover{animation:pulse 1.5s ease infinite}