body{padding-top:72px;background:radial-gradient(46.85% 48.11% at 75.21% 37.74%, rgba(236, 58, 252, 0.12) 0%, rgba(255, 37, 246, 0) 78.11%),radial-gradient(65.05% 62.11% at 62.55% 62.07%, #a7a5ff 8%, #fbfcff 97%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body::before{content:"";position:fixed;z-index:-1;top:0;left:0;right:0;bottom:0;background:radial-gradient(46.85% 48.11% at 75.21% 37.74%, rgba(236, 58, 252, 0.12) 0%, rgba(255, 37, 246, 0) 78.11%),radial-gradient(65.05% 62.11% at 62.55% 62.07%, #a7a5ff 8%, #fbfcff 97%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.title{margin:48px 0 36px;font-size:48px;font-weight:500;line-height:60px;text-align:center}.tab{display:flex;flex-direction:column;align-items:center}.tab .tab-headers{display:flex;align-items:center;border:1px solid #3021d9;border-radius:36px;height:36px;padding:0 1px;background:#fff}.tab .tab-headers .tab-header{display:flex;align-items:center;justify-content:center;height:32px;color:#3021d9;border-radius:36px;cursor:pointer;font-family:Poppins;font-size:16px;font-weight:600}.tab .tab-headers .tab-header.active{background:#3021d9;color:#fff}.tab .tab-headers .monthly{width:114px}.tab .tab-headers .yearly{width:138px}.tab .tab-headers .yearly .off{font-size:14px;font-weight:500;line-height:20px;padding:0 4px;margin:0 2px;border-radius:2px;background:rgba(48,33,217,.16)}.tab .tab-headers .yearly.active .off{background:rgba(255,255,255,.3)}.plan-box{display:flex;justify-content:space-between;list-style:none;padding:0 80px;margin:36px 0 10px 0;gap:12px}.plan-box .hot-badge{position:absolute;top:36px;right:20px}.plan-box .hot-badge span{position:absolute;left:50%;top:calc(50% - 2px);transform:translate(-50%, -50%) rotate(35deg);color:#fff;font-family:Poppins;font-size:10px;font-weight:800;line-height:10px;white-space:nowrap}.plan-box .plan-panel{flex:1 1;border-radius:16px;background:#f9f8ff;box-shadow:0px .2px 1px 0px rgba(3,4,71,.08),0px 1.5px 3px 0px rgba(3,4,71,.1);position:relative}.plan-box .plan-panel .content{width:100%;height:100%;background:#fff;padding:36px 16px;border-radius:16px}.plan-box .plan-panel .plan-type{color:#1f1f1f;font-size:28px;font-weight:500;line-height:36px;margin-bottom:12px}.plan-box .plan-panel .plan-price{display:flex;height:56px;align-items:center}.plan-box .plan-panel .plan-price .unit-price{color:#333;font-family:Outfit;font-size:46px;font-style:normal;font-weight:600;line-height:40px;margin-right:8px}.plan-box .plan-panel .plan-price .box{display:flex;flex-direction:column}.plan-box .plan-panel .plan-price .box .row{color:#56565c;font-family:Poppins;font-size:14px;font-weight:500;line-height:28px;margin:0}.plan-box .plan-panel .plan-price .box .row .original-price{color:#aaa;font-family:Outfit;font-size:18px;font-weight:600;line-height:normal;text-decoration:line-through;display:inline-block}.plan-box .plan-panel .credit-count{color:#3021d9;font-family:Poppins;font-size:14px;font-weight:500;line-height:28px;margin-top:4px}.plan-box .plan-panel .start-button{width:100%;height:40px;display:flex;justify-content:center;align-items:center;border-radius:36px;border:1px solid #1f1f1f;box-shadow:0px .8px 4px 0px rgba(3,4,71,.08),0px 6px 12px 0px rgba(3,4,71,.1);backdrop-filter:blur(50px);background:rgba(0,0,0,0);margin:24px 0;cursor:pointer}.plan-box .plan-panel .prev-des{color:#000;font-family:Outfit;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.plan-box .plan-panel .des-list{display:flex;flex-direction:column;gap:4px;list-style:none;padding:0;margin-top:4px}.plan-box .plan-panel .des-list li{display:flex;justify-content:space-between;align-items:center;min-height:22px;color:#1f1f1f;font-family:Outfit;font-size:14px;font-weight:400}.plan-box .plan-panel .des-list li.break{flex-wrap:wrap}.plan-box .plan-panel .des-list li>p{display:flex;align-items:center}.plan-box .plan-panel .des-list li .icon{width:16px;height:16px;margin-right:4px}.plan-box .plan-panel .des-list li .highlight{color:#3021d9}.plan-box .plan-panel .des-list li .coming-soon{width:100%;color:rgba(0,0,0,.6);font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-left:20px}.plan-box .plan-panel .des-list li .tool-tip-box{display:flex;align-items:center;position:relative}.plan-box .plan-panel .des-list li .tool-tip-box .tip-icon{width:16px;height:16px;cursor:pointer;pointer-events:fill}.plan-box .plan-panel .des-list li .tool-tip-box .tip{width:240px;height:52px;padding:6px 8px;top:20px;right:0;display:none;position:absolute;background:#fff;border-radius:4px;box-shadow:0 .8px 4px 0 rgba(3,4,71,.0784313725),0 6px 12px 0 rgba(3,4,71,.1019607843);font-size:12px;line-height:20px}.plan-box .plan-panel .des-list li .tool-tip-box:hover .tip{display:block}.plan-box .plan-panel.hot{background:linear-gradient(180deg, #b133ff 0, #4232ff 30%, #55008a);padding:6px}.plan-box .plan-panel.hot .content{padding:30px 10px}.plan-box.hidden{display:none !important}.edu-banner-box{display:flex;justify-content:center}.edu-banner-box .edu-banner{width:auto;height:66px;display:inline-flex;justify-content:center;gap:24px;padding:12px 0;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 30%, #fff 60%, rgba(255, 255, 255, 0) 100%);list-style:none}.edu-banner-box .edu-banner .item{min-height:42px}.edu-banner-box .edu-banner .item.left .row:first-child{color:#1f1f1f;font-size:16px;font-weight:600;line-height:normal;display:flex;align-items:center}.edu-banner-box .edu-banner .item.left .row:first-child .icon{width:20px;height:20px;margin-right:4px}.edu-banner-box .edu-banner .item.left .row:nth-child(2){color:#56565c;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.edu-banner-box .edu-banner .item.left .row:nth-child(2) .highlight{color:#1f1f1f;font-family:Outfit;font-size:14px;font-weight:400;line-height:normal}.edu-banner-box .edu-banner .item.center{border-right:1px solid #ababab;padding-right:24px}.edu-banner-box .edu-banner .item.center .row:first-child{color:#000;font-family:Outfit;font-size:14px;font-weight:600;line-height:normal}.edu-banner-box .edu-banner .item.center .row:nth-child(2){color:#1f1f1f;font-family:Outfit;font-size:14px;font-weight:400;line-height:22px;display:flex;align-items:center}.edu-banner-box .edu-banner .item.center .row:nth-child(2) .icon{width:16px;height:16px;margin-right:4px}.edu-banner-box .edu-banner .item.right .row:first-child{color:#1f1f1f;font-family:Outfit;font-size:14px;font-weight:500;line-height:normal}.edu-banner-box .edu-banner .item.right .row:first-child .bold{color:#333;font-family:Outfit;font-size:16px;font-weight:600;line-height:normal}.edu-banner-box .edu-banner .item.right .row:nth-child(2){color:#56565c;font-family:Outfit;font-size:14px;font-weight:400;line-height:normal}.edu-banner-box .edu-banner .apply-button{color:#3021d9;line-height:42px;font-size:14px;font-weight:500}.edu-banner-box.hidden{display:none !important}.back{transform:translateX(calc(50vw - 50%));margin:0 auto;flex-direction:column;align-items:center;color:#56565c;font-family:Poppins;font-size:16px;font-weight:500;line-height:normal;cursor:pointer;display:none}@media screen and (min-width: 640px)and (max-width: 1440px){.plan-box{display:grid;flex-wrap:wrap;padding:0;grid-template-columns:repeat(2, 1fr);gap:12px}.plan-box .plan-panel{width:100%;min-height:622px}}@media screen and (min-width: 1009px)and (max-width: 1440px){.plan-box{width:calc(100% - 160px);margin:36px 80px 10px}}@media screen and (min-width: 640px)and (max-width: 1008px){.plan-box{width:calc(100% - 80px);margin:36px 40px 10px}}@media screen and (max-width: 640px){.plan-box{width:calc(100% - 80px);display:grid;flex-wrap:wrap;padding:0;margin:36px 40px 10px;grid-template-columns:repeat(1, 1fr);gap:12px}.edu-banner-box{width:calc(100% - 80px);margin:0 auto}.edu-banner-box .edu-banner{width:100%;border-radius:16px;background:rgba(255,255,255,.6);flex-direction:column;height:auto;padding:12px 24px;gap:12px}.edu-banner-box .edu-banner .center{border-right-color:rgba(0,0,0,0) !important}.edu-banner-box .edu-banner .apply-button{height:40px;text-align:center}.back{display:inline-flex}}