.theme-icon1{width:48px;height:48px;filter:invert(61%) sepia(14%) saturate(3166%) hue-rotate(176deg) brightness(101%) contrast(101%)}.theme-icon0{width:48px;height:48px;filter:invert(0%) brightness(0) sepia(100%) hue-rotate(180deg) saturate(1000%) brightness(1.5)}.square-box{display:flex;justify-content:center;align-items:center;height:150px;width:180px;border:8px solid rgba(127,127,127,.233);box-sizing:border-box}.custom-tab{font-size:24px}.flex{height:800px;width:450px;display:flex;justify-content:center}.image-container{display:flex;justify-content:center;align-items:flex-start;height:60vh;width:100vw}img{max-width:40%;height:auto}.v-card[data-v-6b55623f]{transition:all .3s}.v-card[data-v-6b55623f]:hover{box-shadow:0 8px 16px #0003!important}.white--text[data-v-6b55623f]{font-size:20px;color:#fff}.red--text[data-v-6b55623f]{font-size:20px;color:red}.v-progress-circular{display:flex;justify-content:center;align-items:center;position:relative}.theme-icon{width:48px;height:48px;filter:invert(61%) sepia(14%) saturate(3166%) hue-rotate(176deg) brightness(101%) contrast(101%)}.square-box{display:flex;align-content:center;justify-content:center;align-items:center;height:180px;width:400px;border:8px solid rgba(127,127,127,.233);box-sizing:border-box;margin:auto}.square-box1{flex:1;max-width:150px;margin:auto}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center;justify-content:center;text-align:center}.auto-center{display:flex;justify-content:center;align-items:center;height:100%}.video-item[data-v-8e966b7c]{width:100%;height:100%;object-fit:cover;pointer-events:auto}.grid-1 .v-col[data-v-8e966b7c]{height:80vh}.grid-4 .v-col[data-v-8e966b7c]{height:40vh}.grid-9 .v-col[data-v-8e966b7c]{height:30vh}.grid-16 .v-col[data-v-8e966b7c]{height:22vh}.video-container[data-v-8e966b7c]{display:flex;justify-content:center;align-items:center;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-element[data-v-8e966b7c]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}body,html{padding:0;width:100%;height:100%;margin:0}*{box-sizing:border-box}.full-width-grid-layout{width:100%;background:#fff}.container{overflow:hidden;white-space:nowrap;flex:none;display:block;margin:0}.content{width:100%;overflow:auto;border:2px solid blue;background-color:green}.panel{width:100%;height:103%;border:2px solid burlywood;position:relative;margin:0;overflow-x:auto;overflow-y:hidden;background-color:#fff}.remove-btn{position:absolute;top:5px;right:5px;z-index:10}.image-container{display:flex;align-items:flex-start;gap:8px;width:100%;margin-bottom:16px}.remove-btn-container{flex-shrink:0}.remove-btn2{position:absolute!important;top:8px;right:8px;z-index:2;box-shadow:0 2px 4px #000c!important}.remove-btn:hover{transform:scale(1.1);transition:transform .2s ease}.image-holder{position:relative;background-color:#000}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.layoutJSON{background:#000;border:1px solid black;margin-top:10px;padding:10px}.columns{display:flex;flex-wrap:wrap}.layoutItem{margin:0}.droppable-element{width:300px;text-align:center;background:#d3d3d3;border:1px solid white;margin:0;padding:10px;cursor:move;font-size:larger;color:#000}:root{--dark-bg: #1a1a1a;--dark-surface: #2d2d2d;--dark-border: #404040;--dark-text: #e0e0e0;--dark-text-secondary: #a0a0a0;--dark-primary: #3d5afe;--dark-hover: #3d3d3d;--dark-danger: #ff4444}.custom-select{position:relative;width:100%}.custom-select select{width:100%;padding:8px 32px 8px 12px;background:var(--dark-bg);color:var(--dark-text);border:1px solid var(--dark-border);border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.custom-select:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark-text);pointer-events:none}.custom-select select:hover{border-color:var(--dark-primary)}.custom-select select:focus{border-color:var(--dark-primary);outline:none;box-shadow:0 0 0 1px var(--dark-primary)}.weather-panel{padding:10px;margin-top:0;background:var(--dark-surface);color:var(--dark-text);border-radius:8px}.icon-selector{margin-top:10px}.selected-icon{position:relative;width:30px;height:50px;background:var(--dark-surface);padding:6px;border-radius:6px;border:1px solid var(--dark-border)}.weather-panel{padding:10px;margin-top:20px;background:var(--dark-surface);color:var(--dark-text);border-radius:8px}.icon-selector select{width:100%;padding:8px;background:var(--dark-bg);color:var(--dark-text);border:1px solid var(--dark-border);border-radius:4px}.icon-selector select:focus{border-color:var(--dark-primary);outline:none}.icon-selector select option{background:var(--dark-bg);color:var(--dark-text)}.selected-icons-container{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:var(--dark-bg);border-radius:6px;border:1px solid var(--dark-border)}.selected-icon{position:relative;width:50px;height:50px;background:var(--dark-surface);padding:6px;border-radius:6px;border:1px solid var(--dark-border)}.icon-image{width:100%;height:100%;object-fit:contain;filter:brightness(.9)}.remove-icon{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--dark-danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .2s}.remove-icon:hover{background:#f66}.vue-grid-layout{background:var(--dark-bg)}.vue-grid-item{background:var(--dark-surface);border:1px solid var(--dark-text-secondary);padding:12px;border-radius:8px;color:var(--dark-text)}.vue-grid-item:hover{border-color:var(--dark-primary)}.vue-grid-item select{width:100%;padding:8px;margin-top:24px;background:var(--dark-bg);color:var(--dark-text);border:1px solid var(--dark-border);border-radius:4px}.vue-grid-item select:focus{border-color:var(--dark-primary);outline:none}.vue-grid-item .add{cursor:pointer}.vue-draggable-handle{position:absolute;width:50px;height:50px;top:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>") no-repeat;background-position:bottom right;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:pointer}.text{font-size:24px;position:absolute;top:0;left:50%;transform:translate(-50%);height:24px;color:var(--dark-text);text-align:center;width:100%;padding:5px 0}.remove{position:absolute;right:8px;top:8px;cursor:pointer;color:var(--dark-danger);font-size:16px;font-weight:700;transition:color .2s}.remove:hover{color:#f66}.vue-grid-item.vue-grid-placeholder{background:var(--dark-primary);opacity:.2;border-radius:8px}.grid-input{position:absolute;top:80px;left:0;width:calc(100% - 20px);margin:10px;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;z-index:1}.image-wrapper{display:flex;flex-wrap:wrap;overflow-y:scroll;overflow-x:hidden;max-height:600px}.carousel-container[data-v-205bfe11]{height:100%;width:100%;align-items:center}.v-carousel-item img[data-v-205bfe11]{width:100%;height:100%;object-fit:contain}.current-time[data-v-205bfe11]{text-align:center;vertical-align:middle;width:100%;height:100%;font-family:新細明體;font-size:var(--time-font-size);font-weight:700;margin:0;color:red;display:flex;align-items:center;justify-content:center}.dashboard-layout[data-v-205bfe11]{width:100%;height:100vh;background-color:#2f4f4f}.grid-item[data-v-205bfe11]{width:100%;height:100%;overflow:hidden}.fill-height[data-v-205bfe11]{height:100%}.video-container[data-v-205bfe11]{position:relative;width:100%;height:100%;box-sizing:border-box}.video-loading[data-v-205bfe11]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}.video-player[data-v-205bfe11]{width:100%;height:100%;object-fit:cover;border:2px solid red}.weather-container[data-v-205bfe11]{height:100%;overflow-y:auto;box-sizing:border-box}.marquee-container[data-v-205bfe11]{width:100%;height:100%;overflow:hidden;white-space:nowrap;position:relative;display:flex;align-items:center}.marquee[data-v-205bfe11]{display:inline-block;animation:marquee-205bfe11 var(--marquee-speed) linear infinite;padding:0;transform:translate(0)}@keyframes marquee-205bfe11{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee[data-v-205bfe11]:hover{animation-play-state:paused}.marquee-text[data-v-205bfe11]{font-family:標楷體;font-size:var(--marquee-font-size);line-height:1;display:inline-flex;align-items:center}.aspect-ratio-box[data-v-205bfe11]{position:relative;width:100%;height:100%;overflow:hidden}.carousel-container[data-v-205bfe11]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.carousel-item-wrapper[data-v-205bfe11],.carousel-image-wrapper[data-v-205bfe11]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.carousel-image[data-v-205bfe11]{max-height:100%;max-width:100%;object-fit:contain}.custom-carousel[data-v-205bfe11]{display:flex;flex-direction:column;align-items:center}html[data-v-205bfe11],body[data-v-205bfe11]{margin:0;padding:0;height:100%;display:flex;justify-content:center;align-items:center}#app[data-v-205bfe11]{width:100%;max-width:1920px;height:100vh;display:flex;justify-content:center;align-items:center}.v-container.fill-height[data-v-205bfe11]{display:flex;justify-content:center;align-items:center}.dashboard-layout[data-v-205bfe11],.grid-layout[data-v-205bfe11]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.label-container[data-v-b02f0734]{display:inline-block;margin-left:15px;vertical-align:top}.field-container[data-v-b02f0734]{display:inline-flex;flex-wrap:wrap;margin-left:10px}.text-field-wrapper[data-v-b02f0734]{flex:1;min-width:100px;margin-right:10px}@media (max-width: 600px){.text-field-wrapper[data-v-b02f0734]{flex:0 1 45%;margin-bottom:10px}}.selected-row[data-v-b02f0734]{background-color:#e0f7fa}tr.v-data-table__selected[data-v-b02f0734]{background:#7d92f5!important}.label-container[data-v-8252f749]{display:inline-block;margin-left:15px;vertical-align:top}.field-container[data-v-8252f749]{display:inline-flex;flex-wrap:wrap;margin-left:10px}.text-field-wrapper[data-v-8252f749]{flex:1;min-width:100px;margin-right:10px}@media (max-width: 600px){.text-field-wrapper[data-v-8252f749]{flex:0 1 45%;margin-bottom:10px}}.selected-row[data-v-8252f749]{background-color:#e0f7fa}tr.v-data-table__selected[data-v-8252f749]{background:#7d92f5!important}