.details{box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif;padding:30px 0}.details body{background-color:#f8fbfe;color:#333;line-height:1.6}.details-header{background:linear-gradient(135deg,#326fae,#1a4e8a);color:#fff;text-align:center;padding:2rem 1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;overflow:hidden}.details-header-picture h5{font-size:1.1rem;margin-bottom:15px;font-weight:500}.details-header-picture p{margin-top:20px;font-size:1.1rem;background:hsla(0,0%,72.5%,.25);padding:10px;border-radius:8px;display:inline-block}.details-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 70%);z-index:0}.details-header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.details h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.details .subtitle{font-size:1.2rem;max-width:800px;margin:0 auto 1.5rem;opacity:.9}.details .section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2.5rem;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease;border-top:4px solid #326fae}.details .section:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.details-title{color:#326fae;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:2rem;position:relative;text-align:center;padding:60px 0 20px}.details-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#f8961e;border-radius:2px}.details .countdown-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#e6f0ff,#fff);border-radius:10px;margin-bottom:1.5rem}.details .price-highlight{text-align:center}.details .original-price{text-decoration:line-through;color:#777;font-size:1.5rem;font-weight:700}.details .discount-price{color:#e74c3c;font-size:2.5rem;font-weight:700;margin:10px 0}.details .discount-badge{display:inline-block;background:#e74c3c;color:#fff;padding:5px 15px;border-radius:20px;font-size:1rem;font-weight:700;margin-top:10px}.details .countdown{display:flex;gap:15px;justify-content:center}.details .countdown-box{background:#326fae;color:#fff;padding:15px;border-radius:8px;min-width:80px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2)}.details .countdown-value{font-size:2rem;font-weight:700;letter-spacing:1px}.details .countdown-label{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-top:5px}.details .pricing-plans{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:2rem}.details .pricing-card{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);width:100%;max-width:375px;transition:transform .3s ease;border:1px solid #e0e7ff}.details .pricing-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.15)}.details .pricing-card .btn{display:inline-block;background:#f8961e;color:#fff;padding:12px 25px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s;border:none;cursor:pointer;text-align:center}.details .pricing-header{background:linear-gradient(135deg,#326fae,#1a4e8a);padding:1.5rem;text-align:center}.details .pricing-name{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.details .pricing-price{font-size:2.5rem;font-weight:700;margin:1rem 0}.details .pricing-price span{font-size:1rem;font-weight:400}.details .pricing-features{padding:1.5rem}.details .pricing-features ul{list-style:none;padding:0}.details .pricing-features li{padding:.8rem 0}.details .pricing-features li i{color:#4caf50;margin-right:10px;font-size:1.2rem}.details .pricing-footer{padding:1.5rem;text-align:center}.details .highlight-card{position:relative;border:2px solid #ffc107;transform:scale(1.05)}.details .highlight-card:before{content:"最受欢迎";position:absolute;top:-12px;right:20px;background:#ffc107;color:#1a4e8a;padding:5px 15px;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:10}.details .curriculum{margin-top:2rem}.details .chapter{background:#f0f7ff;border-radius:8px;margin-bottom:1rem;overflow:hidden;border-left:4px solid #326fae}.details .chapter-header{padding:1.2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;background:#e6f0ff;transition:background .3s}.details .chapter-header:hover{background:#d4e4ff}.details .chapter-content{padding:0 1.2rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.details .chapter.open .chapter-content{max-height:1000px}.details .subchapter{padding:1rem 0 1rem 1.5rem;border-bottom:1px dashed #c1d7f0;font-weight:600;color:#1a4e8a}.details .subchapter:last-child{border-bottom:none}.details .step{padding:.8rem 0 .8rem 2.5rem;position:relative}.details .step:before{content:"✓";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#ffc107;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a4e8a;font-size:.9rem;font-weight:700}.details .toggle-icon{transition:transform .3s ease;color:#326fae}.details .chapter.open .toggle-icon{transform:rotate(180deg)}.details .badge{display:inline-block;background:#ffc107;color:#1a4e8a;padding:5px 12px;border-radius:20px;font-size:.8rem;margin-left:10px;font-weight:700}.details .features{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.details .feature-card{background:#fff;border-radius:10px;padding:1.5rem;width:250px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.05);border-top:3px solid #326fae}.details .feature-card i{font-size:2.5rem;color:#326fae;margin-bottom:1rem}.details .feature-card h3{color:#1a4e8a;margin-bottom:.5rem}.details footer{background:#0d2c4a;color:#fff;text-align:center;padding:2.5rem;margin-top:3rem}.details .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem}.details .footer-section{flex:1;min-width:250px}.details .footer-section h3{font-size:1.3rem;margin-bottom:1rem;color:#ffc107}.details .contact-info{list-style:none}.details .contact-info li{margin-bottom:.8rem;display:flex;align-items:center;justify-content:center}.details .contact-info i{margin-right:10px;color:#ffc107}.details .copyright{margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}@media(max-width:768px){.details .pricing-plans{flex-direction:column;align-items:center}.details .countdown{flex-wrap:wrap;justify-content:center}.details h1{font-size:2.2rem}.details .countdown-box{min-width:70px}.details .highlight-card{transform:scale(1)}}.details .pricing{background:linear-gradient(180deg,#f8f9fa 0,#e9ecef)}.details .pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.details .pricing-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;text-align:center;transition:all .3s ease}.details .pricing-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.details .popular{position:absolute;top:15px;right:-40px;background:#e63946;color:#fff;padding:8px 40px;transform:rotate(45deg);font-weight:700;font-size:.9rem;z-index:2}.details .group-buy{background:#f8961e}.details .pricing-header{background:#326fae;color:#fff;padding:30px 20px;position:relative}.details .pricing-header h3{font-size:1.8rem;margin-bottom:10px}.details .price{font-size:3rem;font-weight:700;margin-bottom:5px}.details .price span{font-size:1.2rem;font-weight:400}.details .pricing-body{padding:30px 20px}.details .pricing-features{list-style:none;margin-bottom:30px;text-align:left}.details .pricing-features li{padding:10px 0;border-bottom:1px solid #eee;display:flex;align-items:center}.details .pricing-features li:before{content:"✓";color:var(--success);font-weight:700;margin-right:10px;font-size:1.2rem}.details .pricing-features li:last-child{border-bottom:none}.details .price-duration{font-size:1.1rem;margin-bottom:15px;color:var(--gray)}.details .savings-badge{display:inline-block;background:#f8961e;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;margin-bottom:15px;font-weight:600}.details .group-price{display:flex;justify-content:center;align-items:center;margin:15px 0}.details .group-price .price{font-size:2.2rem;margin:0 10px}.details .group-price .original{text-decoration:line-through;color:var(--gray);font-size:1.8rem}.details .renewal-info{background:#f8f9fa;padding:20px;margin-top:20px;border-radius:8px;border:1px solid #eee;text-align:center}.details .renewal-info .price{font-size:1.8rem;color:#f8961e;margin:5px 0}.details .reward-card{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border-radius:10px;padding:25px;margin:30px 0;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.1)}.details .reward-title{font-size:2rem;color:#e63946;margin-bottom:20px;font-weight:700}.details .reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.details .reward-item{background:hsla(0,0%,100%,.9);border-radius:10px;padding:20px;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.08)}.details .reward-item h4{font-size:1.5rem;margin-bottom:15px;color:var(--dark)}.details .reward-amount{font-size:2.5rem;font-weight:700;color:#e63946;margin:10px 0}.details .reward-desc{font-size:1.1rem;color:var(--gray)}