*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#f0f5ff 0%,#e8f0fe 100%);color:#1a2b4c;line-height:1.6;overflow-x:hidden;min-height:100vh;transition:background 0.3s,color 0.2s}body.dark-theme{background:linear-gradient(145deg,#0f1419 0%,#1a2330 100%);color:#e0e6ed}body.dark-theme .tencent-header{background:#1a2330;border-bottom-color:#2a3645}body.dark-theme .logo-text-main{color:#e0e6ed}body.dark-theme .header-nav-item{color:#b0bed0}body.dark-theme .glass-card{background:rgba(26,35,48,0.7);border-color:rgba(60,80,100,0.3);color:#e0e6ed}body.dark-theme .tech-badge{background:rgba(40,55,75,0.7);border-color:rgba(80,110,140,0.3)}body.dark-theme .skill-tag{background:rgba(40,55,75,0.6);border-color:rgba(80,110,140,0.3)}body.dark-theme .form-input,body.dark-theme .form-select{background:rgba(30,42,58,0.6);border-color:rgba(80,110,140,0.3);color:#e0e6ed}body.dark-theme .form-input::placeholder,body.dark-theme .form-select{color:#6a7a8e}body.dark-theme .mobile-menu-overlay{background:rgba(20,28,38,0.98)}body.dark-theme .mobile-nav-item{color:#e0e6ed;border-bottom-color:#2a3645}body.dark-theme .project-img{background:linear-gradient(145deg,#1a2a3a,#223344)}body.dark-theme footer{border-top-color:#2a3645;background:#1a2330}body.dark-theme .btn-outline{border-color:#4d8aff;color:#4d8aff}body.dark-theme .theme-toggle{background:#232d3a;border-color:#3a4a5e;color:#e0e6ed}body.dark-theme .partner-card{background:rgba(26,35,48,0.5);border-color:rgba(60,80,100,0.3)}body.dark-theme .footer-links a{color:#a0b0c0}body.dark-theme .footer-bottom{border-top-color:#2a3645}body.dark-theme .mobile-nav-item:hover{background:rgba(26,92,255,0.1)}a{text-decoration:none!important}i,[class^="el-icon-"],[class*=" el-icon-"],.fab,.fas,.far{vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}.glass-card{background:rgba(255,255,255,0.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.6);transition:all 0.3s cubic-bezier(0.2,0.9,0.4,1);border-radius:0}.glass-card:hover{background:rgba(255,255,255,0.7);transform:translateY(-4px);box-shadow:0 30px 50px -20px rgba(0,100,200,0.25);border-color:rgba(100,180,255,0.5)}body.dark-theme .glass-card:hover{background:rgba(30,45,65,0.8);border-color:rgba(100,180,255,0.4)}:root{--primary:#1a5cff;--primary-light:#4d8aff;--primary-soft:#d9e8ff;--accent:#00c2ba;--text-main:#11223b;--text-soft:#3e5670}.container{max-width:1300px;margin:0 auto;padding:0 24px}.tencent-header{position:sticky;top:0;z-index:1000;background:#ffffff;border-bottom:1px solid #e5e8eb;box-shadow:0 2px 8px rgba(0,0,0,0.02);transition:background 0.3s,border-color 0.3s}.header-container{padding:0 24px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.header-logo{display:flex;align-items:center;gap:8px}.logo-img{width:36px;height:36px;object-fit:contain}.logo-text-main{font-size:18px;font-weight:700;color:#1a2b4c}.logo-text-main span{color:#1a5cff}.header-nav{display:flex;align-items:center;gap:4px;margin:0 16px;flex:1}.header-nav-item{padding:8px 12px;font-size:14px;font-weight:500;color:#1f2a3a;transition:color 0.2s;position:relative;white-space:nowrap}.header-nav-item:hover{color:#1a5cff}.header-nav-item.active{color:#1a5cff}.header-nav-item.active::after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:#1a5cff}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f5f7fa;border:1px solid #e0e4e8;color:#6c7a8a;font-size:16px;cursor:pointer;transition:all 0.2s}.theme-toggle:hover{background:#eef1f5;border-color:#1a5cff}body.dark-theme .theme-toggle:hover{background:#2a3848}.header-btn{padding:8px 16px;background:#1a5cff;color:white;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.header-btn:hover{background:#0e4ad0}.header-hamburger{display:none;background:none;border:none;font-size:20px;color:#1f2a3a;cursor:pointer;padding:8px}body.dark-theme .header-hamburger{color:#e0e6ed}.mobile-menu-overlay{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:999;padding:30px 20px;border-top:1px solid #e5e8eb;overflow-y:auto;opacity:0;transform:translateY(-10px);transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;align-items:center;visibility:hidden}.mobile-menu-overlay.active{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-content{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px}.mobile-nav-item{display:flex;align-items:center;justify-content:center;padding:16px 24px;font-size:18px;font-weight:500;color:#1f2a3a;border-bottom:1px solid rgba(26,92,255,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0;transform:translateX(-20px);animation:slideInRight 0.4s forwards;text-align:center;gap:12px;border-radius:12px;margin:0;background:transparent}.mobile-nav-item:nth-child(1){animation-delay:0.05s}.mobile-nav-item:nth-child(2){animation-delay:0.1s}.mobile-nav-item:nth-child(3){animation-delay:0.15s}.mobile-nav-item:nth-child(4){animation-delay:0.2s}.mobile-nav-item:nth-child(5){animation-delay:0.25s}.mobile-nav-item:nth-child(6){animation-delay:0.3s}.mobile-nav-item:nth-child(7){animation-delay:0.35s}.mobile-nav-item:nth-child(8){animation-delay:0.4s}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.mobile-nav-item:hover{background:rgba(26,92,255,0.08);transform:translateX(5px);border-bottom-color:#1a5cff}.mobile-nav-item i{font-size:22px;width:28px;color:#1a5cff;transition:transform 0.3s ease}.mobile-nav-item:hover i{transform:scale(1.1)}body.dark-theme .mobile-nav-item{color:#e0e6ed;border-bottom-color:rgba(77,138,255,0.2)}body.dark-theme .mobile-nav-item:hover{background:rgba(77,138,255,0.15)}.mobile-menu-footer{margin-top:30px;width:100%;max-width:400px;opacity:0;animation:fadeIn 0.5s 0.5s forwards;text-align:center}@keyframes fadeIn{to{opacity:1}}.mobile-menu-footer .header-btn{width:100%;justify-content:center;padding:16px;font-size:16px;border-radius:12px;background:linear-gradient(135deg,#1a5cff,#4d8aff);box-shadow:0 8px 20px rgba(26,92,255,0.3);transition:all 0.3s ease}.mobile-menu-footer .header-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(26,92,255,0.4)}.bg-animated{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none}.bg-blob{position:absolute;width:60vmax;height:60vmax;background:radial-gradient(circle at 30% 30%,rgba(26,92,255,0.2),rgba(0,194,186,0.08),transparent 70%);border-radius:50%;filter:blur(80px);animation:floatBlob 24s infinite alternate ease-in-out}.bg-blob2{background:radial-gradient(circle at 70% 60%,rgba(0,194,186,0.15),rgba(77,138,255,0.08),transparent 70%);animation-duration:28s;animation-delay:-5s;width:80vmax;height:80vmax}@keyframes floatBlob{0%{transform:translate(-10%,-10%) rotate(0deg)}100%{transform:translate(20%,20%) rotate(10deg)}}.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(26,92,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(26,92,255,0.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent)}.cursor-glow{position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(26,92,255,0.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:999;transform:translate(-50%,-50%);transition:0.05s}.btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;font-weight:600;transition:all 0.2s;font-size:14px}.btn-primary{background:#1a5cff;color:white;box-shadow:0 12px 24px -8px #1a5cff60;border:none;cursor:pointer}.btn-primary:hover{background:#0e4ad0}.btn-primary:disabled{opacity:0.6;cursor:not-allowed;background:#8a9ab0!important;box-shadow:none}.btn-outline{background:transparent;border:1px solid #1a5cff;color:#1a5cff}.hero{padding:40px 0 60px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}.badge-tech{display:inline-flex;flex-wrap:wrap;gap:12px;background:rgba(255,255,255,0.4);backdrop-filter:blur(8px);padding:8px 20px;border:1px solid rgba(255,255,255,0.8);margin-bottom:20px;align-items:center}.badge-tech i,.badge-tech span{display:inline-flex;align-items:center;gap:4px}h1{font-size:clamp(2rem,8vw,3.5rem);font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#1a2b4c 0%,#1a5cff 70%,#00c2ba 100%);-webkit-background-clip:text;background-clip:text;color:transparent}body.dark-theme .gradient-text{background:linear-gradient(135deg,#a0c0ff 0%,#4d8aff 70%,#00c2ba 100%);-webkit-background-clip:text;background-clip:text}.hero-desc{font-size:1rem;color:var(--text-soft);margin:20px 0 28px}body.dark-theme .hero-desc{color:#a0b0c0}.stat-group{display:flex;gap:30px;margin-top:32px;flex-wrap:wrap}.stat-item h3{font-size:2rem;color:#1a5cff}.preview-stack{display:flex;flex-direction:column;gap:16px}.tech-badge-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tech-badge{background:rgba(255,255,255,0.5);backdrop-filter:blur(8px);padding:8px 14px;font-weight:500;border:1px solid rgba(255,255,255,0.7);font-size:13px;display:inline-flex;align-items:center;gap:4px}section{padding:50px 0}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:clamp(1.8rem,6vw,2.5rem);font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-icon{font-size:32px;margin-bottom:16px;color:#1a5cff}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-img{height:180px;width:100%;object-fit:cover;display:block}.project-img-wrapper{height:180px;overflow:hidden;background:linear-gradient(145deg,#d9e8ff,#eef4ff);display:flex;align-items:center;justify-content:center}.project-content{padding:22px}.project-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.skill-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skill-tag{background:rgba(255,255,255,0.4);backdrop-filter:blur(12px);padding:10px 20px;font-weight:500;border:1px solid rgba(255,255,255,0.6);font-size:14px;display:inline-flex;align-items:center;gap:8px}.contact-glass{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.form-input,.form-select{padding:14px;border:1px solid rgba(255,255,255,0.8);background:rgba(255,255,255,0.3);backdrop-filter:blur(8px);font-size:14px;width:100%;transition:border-color 0.3s,background 0.3s}.form-input.error,.form-select.error{border-color:#f56c6c!important;background:rgba(245,108,108,0.05)!important}.form-input.success,.form-select.success{border-color:#00c2ba!important}.field-error{font-size:12px;color:#f56c6c;margin-top:4px;display:flex;align-items:center;gap:4px}#captcha-container{margin:10px 0;min-height:46px;display:flex;justify-content:center;align-items:center}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{padding:28px;text-align:center}.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:800px;margin:0 auto}.partner-card{background:rgba(255,255,255,0.4);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.5);padding:16px 20px;transition:all 0.3s;display:flex;align-items:center;gap:16px}.partner-card:hover{background:rgba(255,255,255,0.6);transform:translateY(-3px)}.partner-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.partner-info{flex:1}.partner-name{font-size:16px;font-weight:600;display:block;margin-bottom:4px}.partner-desc{font-size:12px;color:var(--text-soft);display:block}.friendly-links{padding:30px 0;border-top:1px solid rgba(26,92,255,0.1);border-bottom:1px solid rgba(26,92,255,0.1)}.friendly-links h4{font-size:14px;font-weight:600;color:var(--text-soft);margin-bottom:16px;display:flex;align-items:center;gap:6px}.links-list{display:flex;flex-wrap:wrap;align-items:center;gap:0}.link-item{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#3e5670;transition:color 0.2s}.link-item i{font-size:16px;width:18px;justify-content:center}.link-item:hover{color:#1a5cff}body.dark-theme .link-item{color:#a0b0c0}body.dark-theme .link-item:hover{color:#4d8aff}.links-list .link-wrapper{display:flex;align-items:center}.links-list .link-wrapper:not(:last-child)::after{content:"|";margin:0 12px;color:#a0b8d0;font-weight:300;opacity:0.6}body.dark-theme .links-list .link-wrapper:not(:last-child)::after{color:#5a7085}footer{border-top:1px solid rgba(26,92,255,0.15);margin-top:0;padding:40px 0 20px;transition:background 0.3s,border-color 0.3s}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;padding-bottom:30px}.footer-brand{max-width:280px}.footer-brand p{font-size:13px;color:var(--text-soft);margin-top:12px}.footer-links-group{display:flex;gap:50px}.footer-links h4{font-size:14px;font-weight:600;margin-bottom:16px;color:#1a2b4c}body.dark-theme .footer-links h4{color:#e0e6ed}.footer-links a{display:block;font-size:13px;color:#5a6880;margin-bottom:10px;transition:color 0.2s}.footer-links a:hover{color:#1a5cff}body.dark-theme .footer-links a{color:#a0b0c0}body.dark-theme .footer-links a:hover{color:#4d8aff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid rgba(26,92,255,0.1);font-size:12px;color:var(--text-soft)}.footer-bottom a{color:var(--text-soft);transition:color 0.2s}.footer-bottom a:hover{color:#1a5cff}body.dark-theme .footer-bottom{border-top-color:#2a3645}body.dark-theme .footer-bottom a{color:#a0b0c0}.footer-logo-img{width:28px;height:28px;object-fit:contain;vertical-align:middle}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{animation:fadeUp 0.6s forwards;opacity:0}.delay-1{animation-delay:0.1s}.delay-2{animation-delay:0.2s}.delay-3{animation-delay:0.3s}.form-input:focus,.form-select:focus{outline:none;border-color:#1a5cff;box-shadow:0 0 0 3px rgba(26,92,255,0.1)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-message{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:rgba(26,92,255,0.95);color:white;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:500;box-shadow:0 8px 20px rgba(26,92,255,0.3);z-index:10000;backdrop-filter:blur(10px);animation:slideDown 0.3s ease}.toast-message.error{background:rgba(245,108,108,0.95);box-shadow:0 8px 20px rgba(245,108,108,0.3)}.toast-message.success{background:rgba(0,194,186,0.95);box-shadow:0 8px 20px rgba(0,194,186,0.3)}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1024px){.header-nav{display:none}.header-hamburger{display:block}.features-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-links-group{gap:30px}}@media (max-width:768px){.container{padding:0 16px}.header-container{padding:0 16px}.hero-grid{grid-template-columns:1fr;gap:24px}.features-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.contact-glass{grid-template-columns:1fr}.partners-grid{grid-template-columns:repeat(2,1fr)}.badge-tech{justify-content:center}.btn-group{justify-content:center;flex-wrap:wrap}.stat-group{justify-content:center}.footer-content{flex-direction:column;gap:24px}.footer-links-group{flex-wrap:wrap;gap:30px}.footer-bottom{flex-direction:column;text-align:center}.cursor-glow{display:none}.mobile-nav-item{font-size:16px;padding:14px 20px}}@media (max-width:480px){.logo-text-main{font-size:16px}.header-btn{padding:8px 12px;font-size:12px}h1{font-size:1.8rem}.btn{padding:10px 20px;width:100%;justify-content:center}.btn-group{width:100%}.partners-grid{grid-template-columns:repeat(2,1fr)}.partner-card{padding:12px}.partner-icon{width:36px;height:36px;font-size:24px}.partner-name{font-size:14px}.partner-desc{font-size:11px}}.icp-logo {
width: 12px;
height: auto;
vertical-align: middle;
margin-right: 4px;
}
.icon-adaptive {
width: auto;
height: auto;
max-width: 100%;
vertical-align: middle;
}
.feature-icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
background: linear-gradient(135deg, #1a5cff20, #00c2ba20);
border-radius: 16px;
margin-bottom: 20px;
}
.feature-icon i {
font-size: 32px;
color: #1a5cff;
}
.feature-icon img {
width: 32px;
height: 32px;
object-fit: contain;
}
.partner-icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: linear-gradient(135deg, #f8fafc, #e8ecf0);
border-radius: 12px;
}
.partner-icon i {
font-size: 28px;
}
.partner-icon img {
width: 28px;
height: 28px;
object-fit: contain;
}
.skill-tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 18px;
background: var(--card-bg);
border: 1px solid var(--border-light);
border-radius: 40px;
font-size: 15px;
margin: 6px;
transition: all 0.2s;
}
.skill-tag i {
font-size: 18px;
}
.skill-tag img {
width: 18px;
height: 18px;
object-fit: contain;
}
.skill-tag:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
border-color: #1a5cff;
}
.badge-tech i {
margin-right: 4px;
}
.badge-tech img {
width: 16px;
height: 16px;
object-fit: contain;
margin-right: 4px;
}
.link-item {
display: inline-flex;
align-items: center;
gap: 6px;
}
.link-item i {
font-size: 14px;
}
.link-item img {
width: 14px;
height: 14px;
object-fit: contain;
}
@media (max-width: 768px) {
.feature-icon {
width: 48px;
height: 48px;
}
.feature-icon i {
font-size: 28px;
}
.feature-icon img {
width: 28px;
height: 28px;
}
.partner-icon {
width: 40px;
height: 40px;
}
.partner-icon i {
font-size: 24px;
}
.partner-icon img {
width: 24px;
height: 24px;
}
}