.image-container{position:relative;width:512px;height:512px;margin:0 auto;border-radius:20px;overflow:hidden}.switch-container{display:flex;justify-content:center}.content-title-container{display:flex;align-items:center;width:270px;flex-direction:column}.content-title-container h3{font-size:18px;font-weight:700;letter-spacing:1px;line-height:24px;margin-bottom:10px;margin-top:5px}.content-title-container span{font-size:16px;font-weight:200;margin-top:10px}.switch{box-shadow:inset 0 0 0 2px #ccc;border:none;border-radius:18px;width:155px;height:36px;position:relative;background:hsla(0,0%,100%,0);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.button-bg{background-color:#e3e2dd;transition:left .3s;left:0}.button,.button-bg{position:absolute;width:50%;height:100%;border-radius:18px}.button{display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;transition:color .3s}.button#monthly{left:0;z-index:1}.button#yearly{left:50%;z-index:1}.image{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;transition:clip-path 0s}#imageA1{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/16526c5317234.png);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}#imageB1{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/0b890b5051fd5.png);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}#imageA2{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/e4c480e88e68f.jpg);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}#imageB2{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/ccf791063975c.jpg);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}#imageA3{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/ea3bf51cb1389.png);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}#imageB3{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/cfc5e6a34222e.jpg);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}#imageA4{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/138a6ded0623d.jpg);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}#imageB4{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/9d750791a338f.jpg);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}#imageA5{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/02f851fbfde5c.png);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}#imageB5{background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/5b99132ce868c.jpg);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.image-divider{position:absolute;width:5px;height:100%;top:0;left:50%;background-color:#212121;transform:translateX(-50%);z-index:1;cursor:ew-resize;opacity:.5}.arrow-container{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(https://cdn.imweb.me/upload/S20230524064ab1854d61f/34348f1a4bfa2.png);background-size:contain;background-repeat:no-repeat;opacity:.8}.category-content.active-category{display:flex;align-items:center;justify-content:center}.category-content{display:none}.active-category{display:flex;align-items:center}.category-button{padding:15px 25px;cursor:pointer;opacity:1;border:0 solid rgba(38,120,227,.5);border-radius:10px;box-sizing:border-box;color:#000}.button-container{text-align:center;margin-top:20px;margin-bottom:20px}@media only screen and (max-width:600px){.content-container{flex-direction:column;align-items:center}.image-container{width:100vw;height:100vw}.shuoming{margin-top:20px}.shuoming div{margin:0 50px 0 auto;max-width:90%}}.card-container{display:flex;justify-content:center;gap:20px;margin:20px}.card{padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:400px;background:#fff;text-align:left}.featured{background:#ccc8c8;color:#000}.feature-item{display:flex;align-items:center}.feature-icon{color:#000;margin-right:.5rem;width:1.25rem;height:1.25rem}.price{font-size:48px;font-weight:700;color:#000}.price span{font-size:16px;color:#6b7280}.price-pro{font-size:40px;font-weight:700;color:#000}.price-pro p{font-size:16px}.price-pro span{font-size:16px;color:#6b7280}.price-type{color:#000;font-size:16px}.stable-button{background:#000;border:1px solid #ccc;border-radius:5px}.pro-button,.stable-button{color:#fff;padding:10px 20px;cursor:pointer}.pro-button{background-color:#000;border:none;border-radius:5px}.pro-button:hover,.stable-button:hover{background:#7a7e81}ul{list-style:none;padding:0}li{margin-bottom:10px;line-height:1.5}.disabled{text-decoration:line-through;color:#ccc}@media (max-width:768px){.image-container{width:90vw;height:90vw;margin:10px auto;border-radius:10px}.content-title-container{width:100%;align-items:center;padding:0 10px}.content-title-container h3{font-size:16px}.content-title-container span{font-size:14px}.switch{width:100px;height:28px}.button,.button-bg{width:50%}.optionsContainer,.submit-parent,.switch-container{padding:0;width:100%}.option{width:auto}.submit-parent{display:flex;justify-content:center}.submitButton{width:90%}.gallery{flex-direction:column;padding:0}.column{width:100%;margin:0}}.submenu{display:none;position:absolute;top:100%;left:0;width:190px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1000;transition:opacity .3s ease,top .3s ease}.submenu.block{display:block}@media (min-width:1024px){.submenu{display:none}.lg:group-hover .submenu{display:block}}.pay-container{flex-direction:column;gap:30px;justify-content:center;width:100%;height:100%;padding:30px}.pay-container,.pay-item{display:flex;align-items:center}.pay-item{cursor:pointer;width:300px;border:1px solid #a1b0d8;border-radius:6px;justify-content:space-between;position:relative;padding:20px 30px;height:60px}.pay-item-text{display:flex;align-items:center;font-size:18px;font-weight:bolder;color:#333}.pay-item-price{display:flex;flex-direction:column;text-align:right;font-size:14px;color:#0f0f0f}.pay-item-circle{display:inline-block;width:15px;height:15px;border-radius:50%;background-color:#12171e;margin-right:.5rem}.pay-item-circle,.pay-overlay-container{position:relative}.pay-loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#6b58e4;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s linear infinite}@keyframes l3{to{transform:rotate(1turn)}}.pay-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);justify-content:center;z-index:1000}.pay-loading-box,.pay-overlay{display:flex;align-items:center}.pay-loading-box{flex-direction:column}.pay-spinner{margin-top:10px;color:#fff;font-size:16px}@media (max-width:768px){.modal-content{width:90%}h1,h2,p{font-size:smaller}.card-container{display:flex;flex-direction:column}.card{width:100%;margin-bottom:20px}}