.header-flex[data-v-03e4fb0a]{display:flex;justify-content:space-between;align-items:center;padding:10px}.connected-style[data-v-03e4fb0a]{color:#48ff00}.bel-style[data-v-03e4fb0a]{color:#022af3}.nav-items[data-v-03e4fb0a]{display:flex;gap:10px;padding-top:12px;flex-direction:column;padding-right:20px}.gap[data-v-03e4fb0a]{margin:0 10px}.btulet[data-v-03e4fb0a]{margin:0 10px;padding-top:18px}.gallery[data-v-03e4fb0a]{display:flex;justify-content:center;align-items:center;gap:200px;margin-top:150px}.image-container[data-v-03e4fb0a]{position:relative;width:500px;height:600px;overflow:hidden;cursor:pointer}.image-txt[data-v-03e4fb0a]{color:red;font-size:20px;font-weight:700}.active[data-v-03e4fb0a],.inactive[data-v-03e4fb0a]{opacity:1}.description[data-v-03e4fb0a]{position:absolute;bottom:16px;left:0;width:100%;margin-bottom:-30px;background-color:hsla(0,0%,85%,.5);color:#727272;text-align:center;font-weight:700}.text-line[data-v-03e4fb0a]{margin-bottom:5px}.icon-line[data-v-03e4fb0a]{font-size:15px}.header[data-v-03e4fb0a]{display:flex;justify-content:space-between;align-items:center;padding-left:80px;padding-top:0;margin-top:-12px}.modal{background:rgba(0,0,0,.5)}.modal-content{background:#fff;padding:20px;border-radius:5px;width:100%}.response-list{list-style-type:none;padding:0}.response-list li{margin-bottom:10px}.container{display:flex;min-height:100vh;width:100%}.white-content{flex:1;background-color:#fff;display:flex;flex-direction:column;padding:-30px;align-items:center}.gray-bg{width:80%;flex:5;background-color:#f4f4f4;padding-left:20px;justify-content:flex-start;align-items:flex-end}.gray-bg,.header1{display:flex;flex-direction:column}.header1{justify-content:space-between;align-items:center;width:100%;padding-right:5px}.nav-items1{display:flex;align-items:center;gap:40px;margin-top:12px;margin-right:42px}.gray-divider{color:gray;font-weight:700;margin:0 5px}.function-container{display:flex;flex-direction:column;gap:30px;padding:20px;padding-top:150px;padding-left:24px;width:114px}.function-item{display:flex;align-items:center;padding:10px;cursor:pointer;border:1px solid #ccc;border-radius:18px;transition:background-color .3s}.function-item:hover{background-color:#f8f9fa}.function-item p{margin-left:5px}.TJ i:before{content:"\f067"}.LJ i:before{content:"\f1e6"}.UP i:before{content:"\f093"}.icon-line{padding-top:50px;padding-left:25px}.img-div{width:420px;margin-right:350px;margin-top:280px;cursor:pointer;transition:transform .3s}.showProgress{display:flex;align-items:center}.progress-bar-container{flex-grow:1;height:20px;background-color:#f3f3f3;border-radius:10px;overflow:hidden;margin-right:10px}.progress-bar{height:100%;background-color:#4caf50;transition:width .5s}.swiperbox{height:100%;display:flex;flex-direction:column;align-items:center}.mySwiper{width:60%;height:auto}.swiper-slide{width:60%;display:flex;justify-content:center;align-items:center;font-size:18px;height:100%}.text-img{margin-left:300px;font-size:20 Georgia,serif;background-color:#818181e3;color:#fff;border-radius:10px;padding:5px;font-family:Georgia,serif;font-weight:700}.delete-button{position:absolute;bottom:28px;left:0;background-color:red;color:#fff;border:none;padding:15px 15px;border-radius:10px;cursor:pointer}.delete-button:hover{background-color:darkred}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);z-index:9999}.modal-content{background-color:#fff;padding:30px;border-radius:15px;width:80%;max-width:600px;box-shadow:0 8px 16px rgba(0,0,0,.3);z-index:10000;animation:fadeIn .3s ease-out}.modal-content p{font-size:16px;line-height:1.6;color:#333}.modal-content .button-container{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.modal-content button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;margin-left:10px;transition:background-color .3s ease}.modal-content button:first-child{margin-left:0}.modal-content button:hover{background-color:#45a049}.modal-content .close-button{background-color:#f44336}.modal-content .close-button:hover{background-color:#d32f2f}.container1 *{box-sizing:border-box;margin:0;padding:0}.container1{display:flex;flex-wrap:wrap;width:100%;height:100%}.left-half,.right-half{width:50%;height:100%;display:flex;padding:20px}.left-half{padding:0;background-color:#f4f4f4;color:#000;flex-direction:column}.jiantou{display:inline-block;padding:0 0 20px 20px}.right-half{padding:0;background-color:#fff;width:50%}.header2{width:100%;height:50px;text-align:left;border-bottom:1px solid #eee;padding-left:28px;padding-top:10px}.white-content2{width:100%;height:100%;display:flex;flex-direction:column}.white-content2 .header2{background-color:#ccc}.img-div2{padding-left:120px;padding-top:120px}.list-container{display:flex;justify-content:space-around;padding-top:100px}.ule,.ulea{list-style-type:none;padding:0;display:flex;flex-direction:column}.switch-icon{font-size:24px;margin-right:15px}.ule li,.ulea li{margin-bottom:15px;margin-right:200px}.ule li:last-child,.ulea li:last-child{margin-right:0}.nav-items2{width:10%;display:flex;background-color:#fff;border:1px solid #000;border-radius:10px;padding:10px;margin-left:330px;margin-top:-150px}.input-group{display:flex;align-items:center;padding-left:28px;padding-top:48px}.input-group input[type=text]{width:150px;height:50px;margin-right:35px}#customCheckbox{position:absolute;opacity:0}#customCheckbox+label{position:relative;cursor:pointer;padding-left:30px}#customCheckbox+label:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid #ccc;background-color:#fff}#customCheckbox:checked+label:before{background-color:#2196f3;border-color:#2196f3}#customCheckbox:checked+label:after{content:"\2713";position:absolute;top:50%;left:5px;transform:translateY(-50%);color:#fff;font-size:14px;line-height:0}.switch-list{padding-left:28px;padding-top:18px}.switch-icon.fa-toggle-off{color:gray}.switch-icon.fa-toggle-on{color:#06c706}.text-box{display:inline-block;padding:5px;margin:5px;border:1px solid #000;background-color:#fff;cursor:pointer}.text-box.selected,.text-box:hover{border-color:red}.switch-container{display:flex;align-items:center;gap:5px}.hidden2,.txtClass{display:none}.txtClass{margin-top:-24px;margin-left:37px;font-size:19px}.img-text{margin-left:210px;padding:5px;font-family:Georgia,serif;font-weight:700;font-size:20px}.clear-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-left:18px}.clear-button:hover{background-color:#0056b3}.clear-button:active{background-color:#003d80}.swiperbox[data-v-070bfb2f]{width:100%;height:500px;display:flex;flex-direction:column;align-items:center}.mySwiper[data-v-070bfb2f]{width:100%;height:100%}.swiper-slide[data-v-070bfb2f]{display:flex;justify-content:center;align-items:center;font-size:18px;background-color:#f0f0f0;height:100%}.controls[data-v-070bfb2f]{margin-top:20px}.container[data-v-f004a704]{display:flex;min-height:100vh;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5}.white-content[data-v-f004a704]{flex:0 0 200px;background-color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:2px 0 5px rgba(0,0,0,.05);padding-top:20px}.header1[data-v-f004a704]{width:100%;text-align:center;padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:30px}.header1 h2[data-v-f004a704]{font-size:24px;color:#333;margin:0;font-weight:600}.function-container[data-v-f004a704]{display:flex;flex-direction:column;gap:15px;width:80%}.function-item[data-v-f004a704]{display:flex;align-items:center;padding:12px 15px;cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease-in-out;justify-content:center;background-color:#f9f9f9}.function-item[data-v-f004a704]:hover{background-color:#e6f7ff;border-color:#91d5ff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,150,255,.1)}.function-item.selected[data-v-f004a704]{background-color:#00c853;border-color:#00c853;color:#fff;box-shadow:0 4px 8px rgba(0,200,83,.3)}.function-item p[data-v-f004a704]{margin:0;font-size:16px;font-weight:500}.gray-bg[data-v-f004a704]{flex:1;background-color:#f0f2f5;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column}.content[data-v-f004a704]{display:flex;gap:50px;flex-wrap:wrap;justify-content:center;max-width:1200px}.settings-grid[data-v-f004a704]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:0 0 auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.08);margin-top:50px;align-self:flex-start;width:450px;padding:30px}.setting-item[data-v-f004a704]{width:130px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;background-color:#fff;transition:all .2s ease-in-out}.setting-item[data-v-f004a704]:hover{transform:translateY(-3px);box-shadow:0 5px 12px rgba(0,0,0,.1);border-color:#00c853}.setting-item img[data-v-f004a704]{max-width:60px;margin-bottom:8px}.setting-item span[data-v-f004a704]{font-size:16px;font-weight:500;color:#555}.setting-item.active[data-v-f004a704]{background-color:#00c853;color:#fff;border-color:#00c853;box-shadow:0 5px 12px rgba(0,200,83,.3)}.setting-item.active span[data-v-f004a704]{color:#fff}.control-panel[data-v-f004a704]{min-width:400px;min-height:450px;background:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.08);padding:25px;display:flex;flex-direction:column;margin-top:50px;align-self:flex-start;transition:min-width .3s ease,min-height .3s ease}.control-panel>div[data-v-f004a704]{flex-grow:1;display:flex;flex-direction:column}.title-and-button-container[data-v-f004a704]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.setting-title[data-v-f004a704]{font-size:20px;font-weight:600;color:#333;margin:0}.apply-button[data-v-f004a704]{padding:10px 20px;background-color:#00c853;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.apply-button[data-v-f004a704]:hover{background-color:#009624;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,150,36,.2)}.slider-container[data-v-f004a704]{width:100%;margin-bottom:30px}.slider-container label[data-v-f004a704]{display:block;margin-bottom:10px;font-size:16px;color:#555;font-weight:500}input[type=range][data-v-f004a704]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#e0e0e0;border-radius:5px;outline:none;transition:background .2s ease-in-out}input[type=range][data-v-f004a704]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#00c853;cursor:grab;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);margin-top:-6px;-webkit-transition:background .2s ease-in-out,box-shadow .2s ease-in-out;transition:background .2s ease-in-out,box-shadow .2s ease-in-out}input[type=range][data-v-f004a704]::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 0 8px rgba(0,200,83,.5)}input[type=range][data-v-f004a704]::-moz-range-thumb{width:20px;height:20px;background:#00c853;cursor:grab;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);border:none;-moz-transition:background .2s ease-in-out,box-shadow .2s ease-in-out;transition:background .2s ease-in-out,box-shadow .2s ease-in-out}input[type=range][data-v-f004a704]::-moz-range-thumb:active{cursor:grabbing;box-shadow:0 0 8px rgba(0,200,83,.5)}input[type=range][data-v-f004a704]::-ms-thumb{width:20px;height:20px;background:#00c853;cursor:grab;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);margin-top:-6px;-ms-transition:background .2s ease-in-out,box-shadow .2s ease-in-out;transition:background .2s ease-in-out,box-shadow .2s ease-in-out}input[type=range][data-v-f004a704]::-ms-thumb:active{cursor:grabbing;box-shadow:0 0 8px rgba(0,200,83,.5)}.color-options[data-v-f004a704]{margin-bottom:30px}.color-options label[data-v-f004a704]{display:block;margin-bottom:10px;font-size:16px;color:#555;font-weight:500}.color-grid[data-v-f004a704]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.color-swatch[data-v-f004a704]{width:45px;height:45px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.color-swatch[data-v-f004a704]:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.color-swatch.selected-color[data-v-f004a704]{border-color:#00c853;box-shadow:0 0 12px rgba(0,200,83,.6);transform:scale(1.05)}.light-mode-selector[data-v-f004a704]{margin-bottom:30px}.light-mode-selector>label[data-v-f004a704]{font-size:16px;color:#555;font-weight:500;margin-bottom:10px;display:block}.checkbox-row[data-v-f004a704]{display:flex;flex-direction:column;gap:10px}.checkbox-row label[data-v-f004a704]{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#444;margin-bottom:0}.checkbox-row input[type=radio][data-v-f004a704]{margin-right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;outline:none;cursor:pointer;transition:all .2s ease-in-out;position:relative;top:0}.checkbox-row input[type=radio][data-v-f004a704]:checked{border-color:#00c853;background-color:#00c853}.checkbox-row input[type=radio][data-v-f004a704]:checked:before{content:"";display:block;width:8px;height:8px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-row label:hover input[type=radio][data-v-f004a704]{border-color:#00c853}