:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;position:relative;overflow:hidden}.icon{font-size:16px}.iframe[data-v-d7d52ebc]{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.header[data-v-d7d52ebc]{width:100%}#root[data-v-d7d52ebc]{pointer-events:none}.main[data-v-7d20d352]{border-radius:8px;background-color:#000000b3;color:#fff;height:315px}.main .info[data-v-7d20d352]{height:115px;padding:20px 20px 10px;border-bottom:1px solid #eee}.main .info .info-top[data-v-7d20d352]{display:flex;align-items:center;justify-content:space-between}.main .info .info-top .weather[data-v-7d20d352]{display:flex;align-items:center;font-size:24px}.main .info .info-top .weather img[data-v-7d20d352]{width:48px}.main .info .info-top .weather span[data-v-7d20d352]{margin-left:12px}.main .info .info-top .temperature span[data-v-7d20d352]{color:green;font-size:34px;font-weight:700}.main .info .site[data-v-7d20d352]{margin-top:8px;font-size:14px;text-align:center}.main .other[data-v-7d20d352]{display:flex}.main .other .item[data-v-7d20d352]{flex:1;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.main .other .item img[data-v-7d20d352]{width:26px}.main .other .item .label[data-v-7d20d352]{margin-top:16px;font-size:18px;color:#fff}.main .other .item .value[data-v-7d20d352]{margin-top:26px;font-size:18px;color:green}.main .other .item[data-v-7d20d352]:not(:first-child):before{content:"";display:block;position:absolute;width:1px;height:100%;left:0;top:0;background-color:#888}.greenhouse[data-v-db3b4a82]{margin-top:4px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:1px;grid-column-gap:1px;overflow:hidden}.greenhouse .cell-box[data-v-db3b4a82]{background-color:#000000b3;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.greenhouse .cell-box img[data-v-db3b4a82]{width:24px}.greenhouse .cell-box .label[data-v-db3b4a82]{margin-top:16px;font-size:14px;color:#bbb}.greenhouse .cell-box .value[data-v-db3b4a82]{margin-top:26px;font-size:24px;color:#fff}.greenhouse .cell-box .value .unit[data-v-db3b4a82]{font-size:14px;color:#bbb}.greenhouse .cell-box[data-v-db3b4a82]:first-child{padding:20px;grid-column-end:span 2;align-items:flex-start}.greenhouse .cell-box .select-box[data-v-db3b4a82]{width:100%;display:flex;align-items:center}.greenhouse .cell-box .select-box .select-label[data-v-db3b4a82]{font-size:14px;color:#0ff}.greenhouse .cell-box .select-box .select-input[data-v-db3b4a82]{flex:1;margin-left:10px;padding:4px 8px;border-radius:4px;border:1px solid #bbb;background-color:#000;font-size:12px;text-align:center;color:#fff;position:relative;cursor:pointer}.greenhouse .cell-box .select-box .select-input[data-v-db3b4a82]:before{content:"";display:block;margin-top:-2px;border-top:5px solid #bbb;border-bottom:5px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:8px;z-index:9;transition:all .4s ease;transform-origin:center 3px}.greenhouse .cell-box .select-box .select-input.show[data-v-db3b4a82]:before{transform:rotate(180deg)}.greenhouse .cell-box .select-box .select-input .select-list[data-v-db3b4a82]{width:100%;background-color:#000;border-radius:6px;border:1px solid #888;position:absolute;top:calc(100% + 5px);left:0;z-index:10;overflow:hidden}.greenhouse .cell-box .select-box .select-input .select-list ul[data-v-db3b4a82]{padding:0;list-style:none}.greenhouse .cell-box .select-box .select-input .select-list ul li[data-v-db3b4a82]{padding:4px 8px;font-size:12px;color:#fff;cursor:pointer}.greenhouse .cell-box .select-box .select-input .select-list ul li[data-v-db3b4a82]:hover{background-color:#0ff}.greenhouse .cell-box .cell[data-v-db3b4a82]{margin-top:4px;width:100%;display:flex;align-items:center}.greenhouse .cell-box .cell .cell-label[data-v-db3b4a82]{font-size:14px;color:#bbb}.greenhouse .cell-box .cell .cell-value[data-v-db3b4a82]{flex:1;margin-left:10px;padding:4px 8px;border-radius:4px;border:1px solid #bbb;background-color:#000;font-size:12px;color:#fff;text-align:center}.monitoring[data-v-9b04f558]{padding:10px;border-radius:8px;background-color:#000000b3;height:315px}.monitoring .video-js[data-v-9b04f558]{width:100%;height:100%}.main[data-v-b45b6d29]{width:100%;height:100%;background-color:#333;border-radius:8px}.header[data-v-01a7c961]{width:100%}.title[data-v-01a7c961]{font-size:26px;color:#fff;text-align:center}.title h1[data-v-01a7c961]{font-weight:700;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.container[data-v-01a7c961]{display:flex;justify-content:space-between}.container .baseInfo[data-v-01a7c961],.container .otherInfo[data-v-01a7c961]{width:400px;pointer-events:all}.container .otherInfo .chart-box[data-v-01a7c961]{margin-top:4px;padding:10px;height:602px;border-radius:8px;background-color:#000000b3}.container .otherInfo .chart-box .item[data-v-01a7c961]{width:100%;height:286px}.container .otherInfo .chart-box .item[data-v-01a7c961]:last-child{margin-top:10px}.main[data-v-ad3a7081]{display:flex;width:100vw;height:100vh}#containers[data-v-ad3a7081]{flex:1;width:0;height:100vh}.rightNav[data-v-ad3a7081]{display:flex;flex-direction:column;justify-content:center;width:150px}.rightNav .cell[data-v-ad3a7081]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.rightNav .cell .icon[data-v-ad3a7081]{width:44px;height:44px}.rightNav .cell .title[data-v-ad3a7081]{margin-top:15px;font-size:20px;color:#382825}.rightNav .cell[data-v-ad3a7081]:not(:first-child){margin-top:54px}.info-cell{display:flex;align-items:center;position:relative;z-index:1005}.info-cell .logo{margin-right:15px;width:65px;height:65px;flex-shrink:0}.info-cell .info{text-align:left;flex:1}.info-cell .info .title{font-size:16px;color:#111;font-weight:500}.info-cell .info .other{margin-top:15px;font-size:12px;color:#666}