html,body{width:100%;max-width:100%;min-width:320px;overflow-x:hidden;margin:0;height:100%;box-sizing:border-box}#app{height:100%}.app-wrap{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}header{height:70px;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:800;line-height:18.75px;text-align:left}main{display:flex;flex-direction:column;flex:1;background:#ffffff}footer{padding-top:15px;padding-bottom:35px;display:flex;flex-direction:column;align-items:center}footer img{height:40px}footer span{font-size:11px;font-weight:400;line-height:13.31px;text-align:center;padding-top:5px}body{margin:0}.btn-top{padding:10px;display:flex;justify-content:flex-end}.btn-top button{background-color:var(--system-color, #FFFFFF);height:30px;width:80px;border-radius:6px;color:#fff;font-size:11px;text-align:center;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;transition:background-color .3s ease}.pay-button,.cancel-button{width:210px!important}.back-button{margin-top:10px;margin-bottom:10px}.logo{display:flex;flex-direction:column;align-items:center;padding-top:10px}.logo .title{font-weight:700;font-size:16px;padding-top:30px}.logo .qr{background:#CCCCCC;width:150px;height:150px;display:flex;justify-content:center;align-items:center;margin:10px 0;font-weight:700}.logo .desc{font-size:14px}.logo .url-title{width:100%;padding-top:20px;text-align:left;padding-left:30px;box-sizing:border-box}.logo .url-input{width:100%;padding-left:30px;padding-right:30px;box-sizing:border-box;gap:10px;display:flex}.logo .url-input input{flex:1}.logo .url-input button{width:70px;height:35px;background:var(--system-color, #FFFFFF);color:#fff;border-radius:35px;border:none}.logo img{width:96px}.wrap-box{color:#4d4d4d;background:#F2F2F2;margin-top:20px;border-top-left-radius:25px;border-top-right-radius:25px}@media (max-width: 999px){.wrap-box{margin-left:20px;margin-right:20px}}.wrap-box .header{position:relative;width:100%;text-align:center;padding:15px 10px;box-sizing:border-box}.wrap-box .header h1{padding:0;margin:0;font-size:20px;font-weight:900}.footer button{height:50px;width:210px;background:var(--system-color, #FFFFFF);text-align:center;color:#fff;font-size:18px;font-weight:900;border:none;border-radius:25px;margin-bottom:24px;margin-top:10px}.wrap-box .header .right-text{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--system-color, #FFFFFF)}.wrap-box .body{background-color:#fff;padding:15px;font-size:12px;display:flex;flex-direction:column;margin:0 10px 10px}.wrap-box .body .row{display:flex;flex-direction:row;align-items:center}.wrap-box .body .row input{border:1px dashed #888888;height:26px;width:100%;font-size:14px}.wrap-box .body .row input::-moz-placeholder{color:#b3b3b3;font-size:14px;font-weight:400}.wrap-box .body .row input::placeholder{color:#b3b3b3;font-size:14px;font-weight:400}.wrap-box .body .row .img-logo{border:1px solid #4D4D4D;height:68px;width:68px}.wrap-box .body .row .icon{height:36px}.wrap-box .body .slide-paging{justify-content:flex-end}.wrap-box .body .slide-paging .page{background:#000000;height:22px;width:22px;border-radius:11px;cursor:pointer}.wrap-box .body textarea{margin-top:12px;width:100%;min-height:100px;border:1px dashed #B3B3B3;font-size:12px}.wrap-box .body .slide-paging .active{background:#ffffff;border:1px solid #000000}.preview-link{height:50px;display:flex;justify-content:center;align-items:center}.preview-link a{color:var(--system-color, #FFFFFF);text-decoration:none;font-weight:700;font-size:16px}.wrap-box .footer .button{width:calc(100% - 40px);display:inline-flex;justify-content:center;align-items:center;padding:15px 20px;background-color:var(--system-color, #FFFFFF);border:none;color:#fff;font-size:21px;font-weight:900;cursor:pointer;transition:background-color .3s ease;margin-top:30px}.wrap-box .footer .button:hover{background-color:#2980b9}.wrap-box .footer .button img{margin-left:8px;width:28px;height:28px}.menu-setting{color:#4d4d4d;display:flex;flex-direction:column;gap:10px;padding-bottom:50px}.menu-setting button{height:42px;background:#4D4D4D;color:#fff;font-size:20px;border:none;border-radius:21px;flex:1}.menu-setting .menu-link{flex-direction:column!important;position:relative}.menu-setting .menu-link span{width:80px!important;font-size:11px}.menu-setting .menu-link input{width:100%;border:1px solid #888888!important}.menu-setting .menu-link .index{position:absolute;left:0;font-size:23px;font-weight:700;color:#d9d9d9}.link-setting .link{display:flex;background:#ffffff;margin-bottom:18px}.link-setting .link .panel{flex:1;display:flex;flex-direction:column;gap:10px}.btn-add{margin:0 auto;display:flex;justify-content:center}.btn-add button{width:144px;height:32px;background:var(--system-color, #3fa9f5);border-radius:25px;color:#fff;font-size:16px;font-weight:500;border:none}.footer{text-align:center;font-size:14px;padding-top:8px}.footer-logo{margin-top:60px;margin-bottom:10px;width:40px}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup-content .title{padding:0;font-size:16px;font-weight:700}.popup-content .item{padding:10px 20px;margin:8px 0;background-color:#f0f0f0;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.popup-content .item:hover{background-color:#007bff;color:#fff;transform:translateY(-3px);box-shadow:0 4px 6px #0000001a}.popup-content .item:active{transform:translateY(0);box-shadow:none}.wrap{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.wrap img{width:96px}.wrap .title{font-size:18px;font-weight:700;line-height:30px;letter-spacing:-.011em;text-align:center;color:#3fa9f5;margin-top:40px}.wrap .price{margin-top:16px;display:flex;gap:10px;align-items:center;color:#3fa9f5;font-weight:900;height:50px}.wrap .price .left{font-size:14px;display:flex;flex-direction:column;align-items:flex-end}.wrap .price .middle{font-size:40px}.wrap .price .right{font-size:16px;display:flex;align-items:flex-end;height:100%}.wrap .desc{color:#3fa9f5;font-size:16px;font-weight:900;margin-top:22px}.wrap .desc-sub{color:#3fa9f5;font-size:12px;margin-top:6px}.wrap .subtitle{font-size:11px;font-weight:600;line-height:13.31px;text-align:center;color:#3fa9f5;padding-top:48px}.policy{font-weight:14px;font-weight:700;margin-top:56px;color:#4d4d4d}.top-logo-container{margin-top:0}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(14px)}main{width:100%;max-width:1000px;margin:0 auto}.ql-editor{height:300px!important}.header-top{padding:10px 20px;color:#fff;box-sizing:border-box;height:76px;display:flex;justify-content:space-between;width:100%;max-width:1000px;margin:0 auto}.header-container{width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{font-size:21px;font-weight:900}.header-right .logout-button{background-color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s}.header-right .logout-button:hover{background-color:#fff;opacity:.8}.back-button{background:none;color:#fff;border:none;font-size:20px;font-weight:700;cursor:pointer;margin-right:0;transition:color .3s}.back-arrow{width:10px;height:auto;display:block}.global-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center}.global-popup-content{background:#525252;color:#fff;font-size:14px;width:240px;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.global-popup-content .title{padding:0}.app-wrap header{background:var(--system-color, #3fa9f5)!important}.app-wrap footer{background:var(--system-color, #3fa9f5)!important}.global-popup-content .item{padding:10px 20px;margin:8px 0;background-color:#f0f0f0;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.global-popup-content .item:hover{background-color:#007bff;color:#fff;transform:translateY(-3px);box-shadow:0 4px 6px #0000001a}.global-popup-content .item:active{transform:translateY(0);box-shadow:none}.title{margin-top:0!important}.header-right .template-management-button{background-color:#fff;border:none;border-radius:5px;padding:5px 10px;margin-right:10px;font-size:11px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s}.header-right .template-management-button:hover{background-color:#fff;opacity:.8}.header-right{display:flex;align-items:center;gap:10px}