.introduce-pc{--color-primary:#1765ff;--color-primary-dark:#3c10ff;--color-primary-light:#5384ff;--color-secondary:#9783fe;--color-secondary-dark:#846cfe;--color-success:#009758;--color-danger:#ef4444;--color-warning:#861985;--color-text-primary:#303133;--color-text-secondary:#606266;--color-text-light:#909399;--color-text-lighter:#c0c4cc;--color-bg-primary:#fff;--color-bg-secondary:#f0f5ff;--color-bg-light:#f3f7ff;--color-bg-card:#ffffff80;--color-border:#e4e7ed;--color-shadow:#0000001a;--color-dark-blue:#061178;--color-geekblue-6:#2f54eb;--color-geekblue-8:#10239e;--color-geekblue-10:#030852;--color-dark-bg:#131921;--color-light-bg:#f5f7fa;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--font-size-4xl:56px;--font-size-5xl:64px;--font-size-6xl:80px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:64px;--spacing-5xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:32px;--shadow-sm:0px 1px 3px 0px var(--color-shadow);--shadow-md:0px 2px 6px 0px var(--color-shadow);--shadow-lg:0px 4px 12px 0px var(--color-shadow);--shadow-xl:0px 3.2px 9.6px 0px var(--color-shadow);--shadow-cell:0px 2px 20px 0px #0003}.introduce-pc .container{width:100%;max-width:1512px;padding:0 var(--spacing-2xl);margin:0 auto}.introduce-pc header{background-color:var(--color-bg-primary);z-index:1000;border-bottom:1px solid var(--color-border);position:sticky;top:0}.introduce-pc .header-container{justify-content:space-between;align-items:center;height:80px;padding:0;display:flex}.introduce-pc .logo{align-items:center;display:flex}.introduce-pc .logo img{width:auto;height:32px}.introduce-pc .nav-links{align-items:center;gap:40px;display:flex}.introduce-pc .nav-links a{color:var(--color-text-primary);font-size:16px;font-weight:500;text-decoration:none}.introduce-pc .nav-cta{background-color:var(--color-primary);color:#fff;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none}.introduce-pc .hero{padding:var(--spacing-5xl)0;background:radial-gradient(49% 100% at 50% 0,#2f54eb1a 0%,#2f54eb0d 100%);position:relative;overflow:hidden}.introduce-pc .hero-container{justify-content:space-between;align-items:center;gap:var(--spacing-2xl);padding:0 var(--spacing-4xl);display:flex}.introduce-pc .hero-content{flex:1;max-width:656px}.introduce-pc .hero-title{font-size:var(--font-size-5xl);background:linear-gradient(270deg,var(--color-primary-dark)0%,var(--color-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-weight:800;line-height:1.2}.introduce-pc .hero-subtitle{color:var(--color-dark-blue);font-size:26px;font-weight:700}.introduce-pc .hero-subtitleB{color:#2f54eb;margin-bottom:20px;font-size:22px;font-weight:700}.introduce-pc .hero-description{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px;line-height:20px}.introduce-pc .hero-cta{gap:var(--spacing-lg);display:flex}.introduce-pc .btn-primary{color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;letter-spacing:.3px;background:linear-gradient(270deg,#3c10ff 0%,#5384ff 100%);border:none;justify-content:center;align-items:center;min-width:200px;padding:18px 40px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.introduce-pc .hero-media{flex:1;max-width:656px}.introduce-pc .hero-image img{object-fit:cover;width:100%;height:100%}.introduce-pc .section{padding:var(--spacing-5xl)0}.introduce-pc .section-title{text-align:center;margin-bottom:20px;font-size:56px;font-weight:700;line-height:64px}.introduce-pc .section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-4xl);max-width:800px;margin-left:auto;margin-right:auto}.introduce-pc .student-section{background-color:#ffffff80;background-image:url(/images/imgxingmo/BG@1x.png),radial-gradient(99% 50% at 100% 0,#cbd9fc1a 0%,#cbd9fc0d 100%),none;background-position:50%,0 0,0 0;background-repeat:no-repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.introduce-pc .student-section .section-title{color:var(--color-primary)}.introduce-pc .student-section .section-title span{color:var(--color-text-primary)}.introduce-pc .image-grid{gap:var(--spacing-lg);grid-template-columns:1fr;max-width:800px;margin:0 auto;display:grid}.introduce-pc .image-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;transition:opacity .8s,transform .8s;overflow:hidden;transform:translateY(30px)}.introduce-pc .image-card.visible{opacity:1;transform:translateY(0)}.introduce-pc .image-card img{width:100%;height:auto;display:block}.introduce-pc .teacher-section{background-color:#ffffff80;background-image:url(/images/imgxingmo/BG@1x.png),radial-gradient(99% 50% at 100% 0,#cbd9fc1a 0%,#cbd9fc0d 100%),none;background-position:50%,0 0,0 0;background-repeat:no-repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.introduce-pc .teacher-section .section-title{color:var(--color-primary)}.introduce-pc .teacher-section .section-title span{color:var(--color-text-primary)}.introduce-pc .teacher-images{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);max-width:1140px;margin:0 auto;display:grid}.introduce-pc .teacher-image-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;transition:opacity .8s,transform .8s;overflow:hidden;transform:translateY(30px)}.introduce-pc .teacher-image-card.visible{opacity:1;transform:translateY(0)}.introduce-pc .teacher-image-card img{object-fit:contain;width:100%;height:100%}.introduce-pc .ai-problems-section{background-color:#1765ff0d}.introduce-pc .ai-problems-container{gap:var(--spacing-4xl);align-items:stretch;max-width:1140px;margin:0 auto;display:flex}.introduce-pc .ai-problems-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.introduce-pc .ai-problems-title{font-size:var(--font-size-xl);color:var(--color-geekblue-8);margin-bottom:20px;font-weight:700}.introduce-pc .ai-problems-subtitle{color:var(--color-text-primary);margin-bottom:20px;font-size:30px;font-weight:700;line-height:1.3}.introduce-pc .ai-problems-description{font-size:var(--font-size-lg);color:var(--color-text-primary);line-height:1.6}.introduce-pc .ai-problems-card{border-radius:var(--radius-xl);cursor:pointer;flex:1;align-items:stretch;min-height:340px;transition:transform .5s;display:flex;position:relative;overflow:hidden}.introduce-pc .ai-problems-card:hover{transform:scale(1.02)}.introduce-pc .ai-problems-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#7c8fa800 50%,#030852b3 71%);position:absolute;inset:0}.introduce-pc .ai-problems-card img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.introduce-pc .ai-problems-card:hover img{transform:scale(1.1)}.introduce-pc .card-content{padding:var(--spacing-xl);color:#fff;z-index:2;position:absolute;bottom:0;left:0;right:0}.introduce-pc .card-badge{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm);border-radius:100px;padding:6px 12px;font-weight:700;display:inline-block}.introduce-pc .card-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);font-weight:700}.introduce-pc .card-description{font-size:var(--font-size-xs);opacity:.9}.introduce-pc .card-arrow{right:var(--spacing-xl);bottom:var(--spacing-xl);opacity:0;z-index:10;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s,transform .3s;display:flex;position:absolute;transform:scale(.5)}.introduce-pc .ai-problems-card:hover .card-arrow{opacity:1;transform:scale(1)}.introduce-pc .card-arrow svg{width:24px;height:24px}.introduce-pc .value-summary-section{background-color:var(--color-geekblue-6);color:#fff}.introduce-pc .value-summary-container{text-align:center;max-width:1140px;margin:0 auto}.introduce-pc .value-badge{background-color:var(--color-geekblue-10);color:#fff;padding:var(--spacing-lg)var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3xl);font-weight:700;display:inline-block}.introduce-pc .value-points{gap:var(--spacing-2xl);margin-bottom:var(--spacing-4xl);flex-direction:column;display:flex}.introduce-pc .value-point{flex-direction:column;align-items:center;display:flex}.introduce-pc .value-point-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);font-weight:700}.introduce-pc .value-point-description{font-size:var(--font-size-base);opacity:.9}.introduce-pc .form-container{max-width:420px;margin:0 auto}.introduce-pc .form-title{font-size:var(--font-size-lg);color:var(--color-text-primary);text-align:center;margin-bottom:10px;padding:18px 0;font-weight:700}.introduce-pc .form-group{margin-bottom:var(--spacing-lg)}.introduce-pc .form-label{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.introduce-pc .form-input{width:100%;padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary)}.introduce-pc .form-input::placeholder{color:var(--color-text-lighter)}.introduce-pc .form-submit{background-color:var(--color-geekblue-8);color:#fff;border-radius:var(--radius-lg);width:100%;font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--spacing-lg);border:none;padding:18px 24px;font-weight:700}.introduce-pc .footer{padding:var(--spacing-4xl)0;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border)}.introduce-pc .footer-container{text-align:center}.introduce-pc .footer-logo{margin-bottom:var(--spacing-lg)}.introduce-pc .footer-logo img{width:auto;height:40px}.introduce-pc .footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-light)}@media (max-width:1200px){.introduce-pc .hero-container{text-align:center;flex-direction:column}.introduce-pc .hero-content,.introduce-pc .hero-media{max-width:100%}.introduce-pc .ai-problems-container{flex-direction:column}.introduce-pc .teacher-images{grid-template-columns:1fr}}@media (max-width:768px){.introduce-pc .container,.introduce-pc .header-container{padding:0 var(--spacing-lg)}.introduce-pc .nav-links{display:none}.introduce-pc .hero-title{font-size:var(--font-size-3xl)}.introduce-pc .hero-subtitle{font-size:var(--font-size-xl)}.introduce-pc .hero-cta{flex-direction:column;align-items:center}.introduce-pc .section-title{font-size:var(--font-size-3xl)}.introduce-pc .ai-problems-subtitle{font-size:var(--font-size-xl)}.introduce-pc .value-badge{font-size:var(--font-size-xl);padding:var(--spacing-md)var(--spacing-lg)}}@media (max-width:480px){.introduce-pc .hero-title{font-size:var(--font-size-2xl)}.introduce-pc .hero-subtitle{font-size:var(--font-size-lg)}.introduce-pc .section-title{font-size:var(--font-size-2xl)}.introduce-pc .value-point-title{font-size:var(--font-size-lg)}}