@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap";:root{--primary-color: #165dff;--primary-color-light: #4080ff;--text-color-primary: #ffffff;--text-color-secondary: #8195b3;--bg-color-dark: #0a1929;--bg-color-light: #0f2a42;--grid-line-color: #1e3a5f;--status-normal: #36d399;--status-warning: #ff4d4f;--font-family-main: "Microsoft YaHei", "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:auto}#app{width:100%;height:100%;font-family:var(--font-family-main);color:var(--text-color-primary);background-color:var(--bg-color-dark);position:relative}.module-card{background-color:#0a1929b3;border:1px solid var(--primary-color-light);border-radius:8px;padding:20px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 10px #165dff4d,0 4px 12px #000a1e80}.module-card:before{content:"";position:absolute;inset:-1px;border:1px solid var(--primary-color);border-radius:8px;pointer-events:none}.module-title{font-size:18px;font-weight:500;color:var(--text-color-primary);margin-bottom:16px}.app-header-reimagined[data-v-bb11ef07]{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 30px;position:relative;background:transparent}.header-left-info[data-v-bb11ef07],.header-right-info[data-v-bb11ef07]{display:flex;align-items:center;gap:25px;z-index:2}.info-item[data-v-bb11ef07]{display:flex;align-items:center;font-size:18px;color:var(--text-color-secondary)}.info-item .icon[data-v-bb11ef07]{margin-right:10px;font-size:26px;color:#40c4ff}.title-container[data-v-bb11ef07]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%}.title-background[data-v-bb11ef07]{position:relative;padding:8px 40px;background-color:#0a192f99;background-image:linear-gradient(rgba(0,229,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.1) 1px,transparent 1px);background-size:20px 20px;border:1px solid rgba(0,229,255,.3);border-radius:4px;box-shadow:0 0 20px #00e5ff33 inset,0 0 20px #00e5ff33}.main-title-reimagined[data-v-bb11ef07]{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;color:#e0f7fa;text-shadow:0 0 10px rgba(0,229,255,.8),0 0 15px rgba(0,229,255,.6);letter-spacing:4px;position:relative;z-index:1;white-space:nowrap}.decorative-spacer[data-v-bb11ef07]{flex-shrink:0;width:200px;height:50px;position:relative;margin:0 20px}.decorative-spacer .particle[data-v-bb11ef07]{position:absolute;width:3px;height:3px;border-radius:50%;background-color:#73e8ff;box-shadow:0 0 5px #73e8ff,0 0 10px #73e8ff;opacity:0}.decorative-spacer.left .particle[data-v-bb11ef07]{animation:particle-flow-left-bb11ef07 3s linear infinite}.decorative-spacer.right .particle[data-v-bb11ef07]{animation:particle-flow-right-bb11ef07 3s linear infinite}@keyframes particle-flow-left-bb11ef07{0%{transform:translate(200px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(0);opacity:0}}@keyframes particle-flow-right-bb11ef07{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(200px);opacity:0}}.bottom-border-animation[data-v-bb11ef07]{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#40c4ff,transparent);animation:animate-border-bb11ef07 4s linear infinite}@keyframes animate-border-bb11ef07{0%{transform:translate(-100%)}to{transform:translate(100%)}}.module-card[data-v-79cf824f]{height:100%;box-sizing:border-box;background-color:#0a1929b3;border:1px solid var(--primary-color-light);border-radius:8px;padding:20px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 10px #165dff4d,0 4px 12px #000a1e80;display:flex;flex-direction:column}.module-card[data-v-79cf824f]:before{content:"";position:absolute;inset:-1px;border:1px solid var(--primary-color);border-radius:8px;pointer-events:none}.module-title[data-v-79cf824f]{font-size:18px;font-weight:500;color:var(--text-color-primary);margin-bottom:16px;flex-shrink:0}.chart-container[data-v-db223aa8]{flex-grow:1;width:100%;height:220px;min-height:180px}.env-monitoring-reimagined[data-v-c85776af]{--glow-color: #00e5ff;padding:20px;background:transparent}.env-monitoring-reimagined[data-v-c85776af]>.card-content{padding:16px;background:#01173080;border:1px solid var(--border-color-dark);box-shadow:inset 0 0 15px #00e5ff33,0 0 15px #00e5ff1a}.content-wrapper-reimagined[data-v-c85776af]{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;align-items:center;height:100%;gap:12px}.center-column[data-v-c85776af]{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.weather-display[data-v-c85776af]{text-align:center;z-index:2;animation:fadeIn-c85776af 1s ease-out}.weather-icon[data-v-c85776af]{font-size:60px;line-height:1;color:var(--glow-color);text-shadow:0 0 20px var(--glow-color),0 0 30px #fff;font-style:normal}.temperature[data-v-c85776af]{font-size:48px;font-weight:700;font-family:Orbitron,sans-serif;color:#fff;line-height:1.2;text-shadow:0 0 10px var(--glow-color)}.temperature .unit[data-v-c85776af]{font-size:24px}.condition[data-v-c85776af],.precipitation[data-v-c85776af]{font-size:16px;color:var(--text-color-secondary)}.holographic-rings[data-v-c85776af]{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:1000px}.ring[data-v-c85776af]{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--glow-color);box-shadow:0 0 15px var(--glow-color),inset 0 0 15px var(--glow-color);opacity:.3;animation:rotate3D-c85776af 12s linear infinite}.ring[data-v-c85776af]:nth-child(2){width:80%;height:80%;animation-delay:-4s;animation-direction:reverse;opacity:.5}.ring[data-v-c85776af]:nth-child(3){width:60%;height:60%;animation-delay:-8s;opacity:.7}.side-column[data-v-c85776af]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:8px;align-items:center;height:100%}.data-item[data-v-c85776af]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;opacity:0;animation:slideIn-c85776af .5s ease-out forwards;text-align:center}.data-label[data-v-c85776af]{font-size:12px;color:var(--text-color-secondary);word-break:break-word}.data-value-bar[data-v-c85776af]{display:flex;align-items:baseline;gap:2px;justify-content:center}.data-value[data-v-c85776af]{font-size:18px;font-weight:700;color:#fff;font-family:Orbitron,sans-serif}.data-unit[data-v-c85776af]{font-size:12px;color:var(--text-color-secondary)}.data-icon[data-v-c85776af]{font-size:24px;color:var(--glow-color);text-shadow:0 0 10px var(--glow-color);font-style:normal}@keyframes fadeIn-c85776af{0%{opacity:0}to{opacity:1}}@keyframes slideIn-c85776af{0%{opacity:0;transform:translate(var(--slide-direction, 20px))}to{opacity:1;transform:translate(0)}}.left-column .data-item[data-v-c85776af]{--slide-direction: -20px}.right-column .data-item[data-v-c85776af]{--slide-direction: 20px}@keyframes rotate3D-c85776af{0%{transform:rotateY(0) rotateX(70deg)}to{transform:rotateY(360deg) rotateX(70deg)}}.greenhouse-view-card[data-v-e484df59]{padding:0;height:100%}.image-placeholder[data-v-e484df59]{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px}.image-placeholder img[data-v-e484df59]{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.placeholder-text[data-v-e484df59]{color:var(--text-color-secondary);font-size:16px;z-index:1}.image-overlay[data-v-e484df59]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;transition:opacity .5s ease;pointer-events:none;border-radius:8px;opacity:1}.greenhouse-view-card:hover .image-overlay[data-v-e484df59]{opacity:.1}.monitoring-grid[data-v-d67fdbf5]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;height:100%}.monitoring-window[data-v-d67fdbf5]{position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden;border:1px solid var(--border-color-light);background-color:var(--bg-color-dark);padding:1px;display:flex;justify-content:center;align-items:center}.monitoring-window[data-v-d67fdbf5]:before{content:"";position:absolute;inset:0;border-radius:3px;border:1px solid var(--border-color-dark);pointer-events:none}.monitoring-image[data-v-d67fdbf5]{width:65%;height:100%;object-fit:cover;background-color:#001a3a}.title-bar[data-v-d67fdbf5]{position:absolute;bottom:0;left:0;width:100%;height:24px;background-color:#00000080;color:#fff;font-size:12px;line-height:24px;text-align:center}.device-status-grid[data-v-01ed4283]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:20px;height:100%;padding:20px;place-items:center}.hexagon-wrapper[data-v-01ed4283]{position:relative;width:100px;height:115.47px}.hexagon[data-v-01ed4283]{position:relative;width:100%;height:100%;background-color:#14315980;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid #1a5a8e}.hexagon[data-v-01ed4283]:before{content:"";position:absolute;inset:-2px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(145deg,#00f6ff,#00a2ff);z-index:-1;filter:blur(3px);opacity:.7}.hexagon[data-v-01ed4283]:hover{transform:scale(1.1);background-color:#1a5a8ecc}.hexagon-content[data-v-01ed4283]{text-align:center;color:#fff}.device-icon[data-v-01ed4283]{font-size:24px;line-height:1;filter:drop-shadow(0 0 5px #00f6ff)}.device-name[data-v-01ed4283]{font-size:14px;font-weight:500;margin-top:8px}.device-status[data-v-01ed4283]{font-size:12px;color:#a7c5e8;margin-top:4px;animation:number-anim-01ed4283 1s ease-out}@keyframes number-anim-01ed4283{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container[data-v-435e1fab]{width:100%;flex:1;min-height:0}.chart[data-v-435e1fab]{width:100%;height:100%}.container[data-v-855f431f]{width:100%}.fertilizer-line-chart[data-v-855f431f]{width:100%;height:180px;min-width:120px}.responsive-root[data-v-c4baa177]{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg-main);display:flex;justify-content:center;align-items:center}#tsparticles[data-v-c4baa177]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.fixed-container[data-v-c4baa177]{width:1920px;height:1080px;font-family:var(--font-family);color:#fff;box-sizing:border-box;display:flex;flex-direction:column;position:relative;z-index:1}.main-grid[data-v-c4baa177]{flex:1;display:grid;grid-template-columns:540px 445px 445px 410px;grid-template-rows:80px 260px 420px 240px;gap:16px;padding:16px;box-sizing:border-box;grid-template-areas:"header header header header" "production greenhouse greenhouse monitoring" "environment greenhouse greenhouse planting" "environment pest-pie pest-line fertilizer";background:transparent}.grid-header[data-v-c4baa177]{grid-area:header}.grid-production[data-v-c4baa177]{grid-area:production}.grid-environment[data-v-c4baa177]{grid-area:environment}.grid-greenhouse[data-v-c4baa177]{grid-area:greenhouse}.grid-pest-pie[data-v-c4baa177]{grid-area:pest-pie}.grid-monitoring[data-v-c4baa177]{grid-area:monitoring}.grid-planting[data-v-c4baa177]{grid-area:planting}.grid-pest-line[data-v-c4baa177]{grid-area:pest-line}.grid-fertilizer[data-v-c4baa177]{grid-area:fertilizer}