.contact-section{padding:80px 0 60px;width:100%;background:linear-gradient(135deg,#f6f8ff,#f0f4ff);position:relative;z-index:0;isolation:isolate;overflow-x:hidden;overflow-y:visible}.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;position:relative;z-index:1;margin-bottom:48px}.contact-card{background:#fff;border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-light);transition:var(--transition);border:1px solid var(--gray-light);text-align:center;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:180px;position:relative;z-index:0}.contact-card:hover{transform:translateY(-8px);box-shadow:none;border-color:var(--primary-light)}.contact-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary);font-size:28px;transition:var(--transition);background:linear-gradient(135deg,var(--primary-ultralight),rgba(129,140,248,.2))}.contact-card:hover .contact-icon{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;transform:scale(1.05)}.contact-cards .contact-card:nth-child(1):hover .contact-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.contact-cards .contact-card:nth-child(2):hover .contact-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.contact-cards .contact-card:nth-child(3):hover .contact-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.contact-cards .contact-card:nth-child(4):hover .contact-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.contact-card h3{font-size:1.3rem;margin-bottom:12px;color:var(--dark);font-weight:700}.contact-card p{color:var(--dark-light);font-size:1rem;line-height:1.6;margin-bottom:15px}.contact-card.qq-contact p.contact-info,.contact-card.email-contact p.contact-info{font-size:1.15rem;color:var(--dark);margin:8px 0;word-break:break-all}.contact-card:not(:last-child) p.description{color:var(--dark-light);font-size:.9rem;line-height:1.5;margin-top:auto;padding-top:12px;opacity:.8}.contact-card:last-child{min-height:220px}.qrcode-container{margin-top:15px;width:100%;display:flex;justify-content:center;align-items:center}.qrcode-img{width:180px;height:180px;border-radius:12px;object-fit:cover;border:1px solid var(--gray-light);display:block;transition:var(--transition)}.contact-card:hover .qrcode-img{border-color:var(--primary-light);transform:scale(1.02)}.contact-section.fade-in,.contact-cards .contact-card.fade-in{animation:none!important;opacity:1!important;transform:none!important}.contact-cards .contact-card.delay-1,.contact-cards .contact-card.delay-2,.contact-cards .contact-card.delay-3{animation:none!important}@keyframes softFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.contact-section .section-title,.contact-section .contact-card,.contact-section .contact-note{animation:softFadeUp .5s ease both;will-change:opacity,transform}.contact-section .contact-cards .contact-card:nth-child(1){animation-delay:.06s}.contact-section .contact-cards .contact-card:nth-child(2){animation-delay:.12s}.contact-section .contact-cards .contact-card:nth-child(3){animation-delay:.18s}.contact-section .contact-cards .contact-card:nth-child(4){animation-delay:.24s}@media (prefers-reduced-motion: reduce){.contact-section .section-title,.contact-section .contact-card,.contact-section .contact-note{animation:none!important}}.contact-note{text-align:center;margin-top:20px;padding:24px;background:#4f46e50d;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border:1px solid var(--gray-light);box-shadow:var(--shadow-light)}.contact-note p{color:var(--dark-light);font-size:1.05rem;line-height:1.6;margin:0}.contact-note i{color:var(--primary);margin-right:10px;font-size:1.2rem}@media (max-width: 1100px){.contact-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.contact-section{padding:80px 0}.section-title h2{font-size:2.3rem}.contact-cards{grid-template-columns:1fr}.contact-card{padding:28px;min-height:260px}.contact-note{padding:20px}.qrcode-img{width:150px;height:150px}.contact-card.qq-contact p.contact-info,.contact-card.email-contact p.contact-info{font-size:1.3rem}}@media (max-width: 576px){.section-title h2{font-size:2rem}.section-subtitle{font-size:1rem}.contact-card.qq-contact p.contact-info,.contact-card.email-contact p.contact-info{font-size:1.2rem}}:root{--primary: #4F46E5;--primary-dark: #3730A3;--primary-light: #818CF8;--primary-ultralight: #F0F4FF;--secondary: #10B981;--secondary-dark: #059669;--dark: #1F2937;--dark-light: #374151;--light: #F9FAFB;--gray: #9CA3AF;--gray-light: #E5E7EB;--transition: .3s ease;--shadow: 0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-light: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--radius: 16px;--radius-sm: 10px}.btn{padding:14px 32px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:16px;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-3px);box-shadow:0 8px 20px #4f46e566}.join-section{padding:80px 0;width:100%;position:relative}.join-intro{text-align:center;max-width:900px;margin:0 auto 64px}.join-intro h2{font-size:2.6rem;font-weight:800;margin-bottom:20px;color:var(--dark)}.intro-text{font-size:1.2rem;color:var(--dark-light);line-height:1.7;margin-bottom:32px;padding:0 20px}.features-section{margin-bottom:120px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:#fff;border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-light);border:1px solid var(--gray-light);transition:var(--transition);text-align:center;height:100%}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--primary-light)}.feature-icon{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,var(--primary-ultralight),rgba(129,140,248,.2));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary);font-size:28px;transition:var(--transition)}.feature-card:hover .feature-icon{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;transform:scale(1.05)}.features-grid .feature-card:nth-child(1):hover .feature-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.features-grid .feature-card:nth-child(2):hover .feature-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.features-grid .feature-card:nth-child(3):hover .feature-icon{background:linear-gradient(135deg,#10b981,#059669)}.feature-card h3{font-size:1.4rem;margin-bottom:15px;color:var(--dark);font-weight:700}.feature-card p{color:var(--dark-light);font-size:1rem;line-height:1.6}.qualities-section{margin-top:64px;margin-bottom:120px}.qualities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:46px}.quality-card{background:#fff;border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-light);border:1px solid var(--gray-light);transition:var(--transition);text-align:center;height:auto;min-height:280px}.quality-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--primary-light)}.quality-icon{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,var(--primary-ultralight),rgba(129,140,248,.2));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary);font-size:28px;transition:var(--transition)}.quality-card:hover .quality-icon{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;transform:scale(1.05)}.qualities-grid .quality-card:nth-child(1):hover .quality-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.qualities-grid .quality-card:nth-child(2):hover .quality-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.qualities-grid .quality-card:nth-child(3):hover .quality-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.quality-card h4{font-size:1.4rem;margin-bottom:15px;color:var(--dark);font-weight:700}.quality-card p{color:var(--dark-light);font-size:1rem;line-height:1.6}.audience-section{margin-top:44px}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:46px}.audience-card{background:#fff;border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-light);border:1px solid var(--gray-light);transition:var(--transition);text-align:center;height:auto;min-height:280px}.audience-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--primary-light)}.audience-icon{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,var(--primary-ultralight),rgba(129,140,248,.2));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary);font-size:28px;transition:var(--transition)}.audience-card:hover .audience-icon{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;transform:scale(1.05)}.audience-grid .audience-card:nth-child(1):hover .audience-icon{background:linear-gradient(135deg,#818cf8,#4f46e5)}.audience-grid .audience-card:nth-child(2):hover .audience-icon{background:linear-gradient(135deg,#10b981,#059669)}.audience-grid .audience-card:nth-child(3):hover .audience-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.audience-grid .audience-card:nth-child(4):hover .audience-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.audience-card h4{font-size:1.3rem;margin-bottom:15px;color:var(--dark);font-weight:700}.audience-card p{color:var(--dark-light);font-size:1rem;line-height:1.6}@media (max-width: 1100px){.features-grid,.audience-grid,.qualities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.join-section{padding:80px 0}.join-intro h2{font-size:2.5rem}.intro-text{font-size:1.2rem;padding:0}.join-section .features-grid,.join-section .qualities-grid,.join-section .audience-grid{display:flex!important;flex-direction:column!important;gap:0!important}.join-section .features-grid>*{margin-top:0!important}.join-section .qualities-grid>*{margin-top:0!important}.join-section .audience-grid>*{margin-top:0!important}.join-section .features-grid>*+*,.join-section .qualities-grid>*+*,.join-section .audience-grid>*+*{margin-top:36px!important}.feature-card,.audience-card,.quality-card{padding:30px}}@media (max-width: 576px){.join-intro h2{font-size:2rem}.intro-text{font-size:1.05rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.95rem}.quality-card h4{font-size:1.2rem}.quality-card p{font-size:.95rem}.audience-card h4{font-size:1.15rem}.audience-card p{font-size:.95rem}.join-section .features-grid,.join-section .qualities-grid,.join-section .audience-grid{display:flex!important;flex-direction:column!important;gap:0!important}.join-section .features-grid>*{margin-top:0!important}.join-section .qualities-grid>*{margin-top:0!important}.join-section .audience-grid>*{margin-top:0!important}.join-section .features-grid>*+*,.join-section .qualities-grid>*+*,.join-section .audience-grid>*+*{margin-top:36px!important}}:root{--primary: #4F46E5;--primary-dark: #3730A3;--primary-light: #818CF8;--dark: #1F2937;--dark-light: #374151;--gray-light: #E5E7EB;--radius: 16px;--transition: .3s ease;--shadow-light: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow: 0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.rules-section{padding:80px 0;width:100%;background:linear-gradient(135deg,#f6f8ff,#f0f4ff);position:relative;isolation:isolate;overflow-x:hidden}.section-title{text-align:center;margin-bottom:56px}.section-title h2{font-size:2.6rem;font-weight:800;margin-bottom:18px;color:var(--dark)}.section-subtitle{font-size:1.2rem;color:var(--dark-light);max-width:700px;margin:16px auto 0;line-height:1.7}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;align-items:stretch;margin-bottom:24px}.rule-card{background:#fff;border-radius:var(--radius);padding:24px 22px;box-shadow:var(--shadow-light);border:1px solid var(--gray-light);transition:var(--transition);height:100%;text-align:left}.rule-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--primary-light)}.rule-card h3{font-size:1.4rem;margin-bottom:16px;color:var(--dark);display:flex;align-items:center;font-weight:700}.rule-card h3 i{margin-right:12px;color:var(--primary);background:#4f46e51a;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.rule-card ul{list-style-type:none;padding-left:0;margin:0}.rule-card li{margin-bottom:10px;padding-left:26px;position:relative;color:var(--dark-light);font-size:1rem;line-height:1.7;word-break:break-word}.rule-card li:before{content:"✓";position:absolute;left:0;top:2px;color:var(--primary);font-weight:700;font-size:14px;background:#4f46e514;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.calculation-example{background:#4f46e50d;border-radius:12px;padding:16px;margin-top:16px}.calculation-title{font-size:1.1rem;color:var(--dark);margin-bottom:15px;font-weight:600}.calculation-content{color:var(--dark-light);font-size:.95rem;line-height:1.6}.calculation-formula{background:#f8fafc;border-left:4px solid var(--primary);padding:15px;margin:15px 0;border-radius:0 8px 8px 0;font-size:.95rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s ease forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@media (max-width: 1100px){.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.rules-section{padding:60px 0}.rules-section .rules-grid{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:30px}.rules-section .rules-grid>*{margin-top:0!important}.rules-section .rules-grid>*+*{margin-top:36px!important}.rules-section .rule-card{padding:28px}}@media (max-width: 576px){.section-title h2{font-size:2rem}.section-subtitle{font-size:1rem}.rule-card h3{font-size:1.2rem}.rule-card li{font-size:.95rem}.rules-section .rules-grid{display:flex!important;flex-direction:column!important;gap:0!important}.rules-section .rules-grid>*{margin-top:0!important}.rules-section .rules-grid>*+*{margin-top:36px!important}}:root{--primary: #4F46E5;--primary-dark: #3730A3;--primary-light: #818CF8;--sky-blue: #60a5fa;--secondary: #10B981;--secondary-dark: #059669;--dark: #1F2937;--dark-light: #374151;--light: #F9FAFB;--gray: #9CA3AF;--gray-light: #E5E7EB;--transition: .3s ease;--shadow: 0 10px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--shadow-light: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif}html,body{margin:0;padding:0;background:#fff}#app{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}section.contact-section{background:linear-gradient(135deg,#f6f8ff,#f0f4ff)!important;padding:80px 0 100px!important;position:relative;isolation:isolate}section.join-section{background:#fff!important;padding:80px 0!important}section.rules-section{background:linear-gradient(135deg,#f6f8ff,#f0f4ff)!important;padding:80px 0!important}main,section{margin:0}.social-icon{width:40px;height:40px;border-radius:50%;background:var(--dark-light);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:var(--transition)}.social-icon:hover{color:var(--sky-blue)!important;transform:translateY(-3px)}.footer-section{background:var(--dark);color:#fff;padding:80px 0 30px!important;width:100%}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-logo{font-size:28px;font-weight:700;color:#fff;margin-bottom:15px;display:block;text-decoration:none;transition:var(--transition)}.footer-logo:hover{color:var(--sky-blue)!important}.footer-description{color:var(--gray);margin-bottom:30px;font-size:.9rem;line-height:1.5}.footer-heading{font-size:1.1rem;font-weight:600;margin-bottom:20px;color:#fff}.footer-links{list-style:none;padding-left:0;margin-left:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--gray);text-decoration:none;transition:var(--transition);font-size:.9rem}.footer-links a:hover{color:var(--sky-blue)!important;padding-left:5px}.footer-bottom{border-top:1px solid var(--dark-light);padding-top:30px;text-align:center;color:var(--gray);font-size:.9rem;line-height:1.4}.social-icons{display:flex;gap:12px;margin-top:20px}.wechat-icon{position:relative}.qrcode-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-15px);background:#fff;border-radius:var(--radius-sm);padding:15px;box-shadow:0 10px 30px #0003;opacity:0;visibility:hidden;transition:var(--transition);z-index:1000;width:180px;text-align:center;margin-bottom:15px}.qrcode-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#fff transparent transparent transparent}.qrcode-popup img{width:150px;height:150px;border-radius:8px;margin-bottom:10px}.qrcode-popup p{font-size:12px;color:var(--dark-light);margin:0;font-weight:500}.wechat-icon:hover .qrcode-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}@media (max-width: 992px){.footer-content{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:20px}.footer-links{list-style:none;padding-left:0;margin-left:0}.footer-links a{word-break:break-word;white-space:normal}.footer-links li{margin-bottom:10px}.footer-heading{margin-bottom:12px}.footer-bottom{text-align:center}.footer-description{font-size:.85rem}}main[data-v-182060c7]{width:100%}.back-to-top[data-v-182060c7]{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:none;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s ease;z-index:1000}.back-to-top[data-v-182060c7]:hover{background:var(--primary-dark);transform:translateY(6px)}.back-to-top.show[data-v-182060c7]{opacity:1;visibility:visible;transform:translateY(0)}