.topology-wrapper[data-v-399b70f8]{position:relative;background:#fff;border-radius:40rpx;height:850rpx;width:100%;overflow:hidden}.pipes-svg[data-v-399b70f8]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.pipe-bg[data-v-399b70f8]{stroke:#eee;stroke-width:5px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:1;vector-effect:non-scaling-stroke}.pipe-energy[data-v-399b70f8]{stroke:#ff7d00;stroke-width:5px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160 280;opacity:1;vector-effect:non-scaling-stroke}.anim-flow[data-v-399b70f8]{animation:flowMove-399b70f8 5s linear infinite}.anim-flow-reverse[data-v-399b70f8]{animation:flowMoveReverse-399b70f8 5s linear infinite}@keyframes flowMove-399b70f8{0%{stroke-dashoffset:440}to{stroke-dashoffset:0}}@keyframes flowMoveReverse-399b70f8{0%{stroke-dashoffset:0}to{stroke-dashoffset:440}}.device-card[data-v-399b70f8]{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1rpx solid hsla(0,0%,87.8%,.8);border-radius:16rpx;width:130rpx;padding:12rpx 0;display:flex;flex-direction:column;align-items:center;box-shadow:0 4rpx 8rpx rgba(0,0,0,.02);z-index:10;transition:all .3s ease;backdrop-filter:blur(2rpx);background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(0,0%,98%,.9))}.device-card.active-card[data-v-399b70f8]{border-width:2rpx}.device-card.pcs-card[data-v-399b70f8]{width:80rpx;padding:6rpx 0;background:rgba(224,242,254,.9);border-color:#b0e0ff}.device-card.pcs-card .icon-circle[data-v-399b70f8]{width:52rpx;height:52rpx;font-size:26rpx;margin-bottom:8rpx}.device-card.pcs-card .name[data-v-399b70f8]{font-size:18rpx}.device-card .icon-circle[data-v-399b70f8]{width:65rpx;height:65rpx;display:flex;justify-content:center;align-items:center;font-size:24rpx;margin-bottom:6rpx;backdrop-filter:blur(2rpx)}.device-card .icon-circle.solar-c[data-v-399b70f8]{width:65rpx!important;height:50rpx!important}.device-card .icon-circle.diesel-c[data-v-399b70f8]{width:60rpx!important;height:45rpx!important;margin-top:10rpx}.device-card .icon-circle.home-c[data-v-399b70f8]{width:55rpx;height:45rpx;margin-bottom:0}.device-card .card-content[data-v-399b70f8]{display:flex;align-items:baseline;justify-content:center;gap:2rpx;flex-wrap:nowrap;width:100%;padding:0 2rpx}.device-card .name[data-v-399b70f8]{font-size:20rpx;color:#95a5a6;white-space:nowrap}.device-card .power[data-v-399b70f8]{margin-left:5rpx;font-size:24rpx;font-weight:700;color:#2c3e50;white-space:nowrap}.device-card .unit[data-v-399b70f8]{font-size:.7em;margin-left:1rpx;font-weight:400;color:#95a5a6}.device-card .flow-arrow[data-v-399b70f8]{position:absolute;bottom:-28rpx;font-size:16rpx;color:#ff7d00;font-weight:700;white-space:nowrap}.solar-card[data-v-399b70f8]{background:linear-gradient(145deg,rgba(255,251,230,.9),rgba(255,249,196,.7))}.diesel-card[data-v-399b70f8]{background:linear-gradient(145deg,rgba(255,253,245,.93),rgba(255,241,219,.77))}.grid-card[data-v-399b70f8]{background:linear-gradient(145deg,rgba(227,253,248,.9),rgba(225,254,251,.7))}.battery-card[data-v-399b70f8]{background:linear-gradient(145deg,rgba(232,245,233,.9),rgba(200,230,201,.7))}.home-card[data-v-399b70f8]{background:linear-gradient(145deg,rgba(255,240,224,.9),rgba(255,235,215,.7))}.solar-card.active-card[data-v-399b70f8]{border-color:gold;box-shadow:0 0 25rpx rgba(255,215,0,.5)}.diesel-card.active-card[data-v-399b70f8]{border-color:#f59e0b;box-shadow:0 0 25rpx rgba(245,158,11,.5)}.grid-card.active-card[data-v-399b70f8]{border-color:#09c5b6;box-shadow:0 0 25rpx rgba(59,246,196,.3)}.battery-card.active-card[data-v-399b70f8]{border-color:#10b981;box-shadow:0 0 25rpx rgba(16,185,129,.5)}.home-card.active-card[data-v-399b70f8]{border-color:#ff7d00;box-shadow:0 0 25rpx rgba(255,125,0,.5)}.page[data-v-06c65a10]{min-height:100vh;background-color:#f7f8fa;padding:15px;box-sizing:border-box}.header-dashboard[data-v-06c65a10]{margin-bottom:20px}.battery-hero[data-v-06c65a10]{background:linear-gradient(135deg,#f90,#ff7d00);border-radius:15px;padding:15px 80px 15px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center}.battery-circle[data-v-06c65a10]{width:110px;height:110px;border-radius:50%;border:4px solid hsla(0,0%,100%,.55);background:rgba(204,85,0,.27);position:relative;overflow:hidden;z-index:2;box-shadow:inset 0 0 20px rgba(0,0,0,.12)}.battery-circle .liquid[data-v-06c65a10]{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:1;transition:height .5s ease;background:linear-gradient(180deg,#ffc48c 0,#ff5900)}.battery-circle .liquid .wave[data-v-06c65a10]{position:absolute;left:0;top:-10%;width:300%;height:200%;background:inherit;border-radius:35%;transform:translateX(-10%)}.battery-circle .liquid .w1[data-v-06c65a10]{background:hsla(0,0%,100%,.3);animation:waveMove1-06c65a10 6s ease-in-out infinite;z-index:12;opacity:.8}.battery-circle .liquid .w2[data-v-06c65a10]{background:hsla(0,0%,100%,.15);animation:waveMove2-06c65a10 8s ease-in-out infinite;z-index:11;top:-25%}.battery-circle .liquid .w3[data-v-06c65a10]{background:rgba(255,125,0,.25);animation:waveMove3-06c65a10 9s ease-in-out infinite;z-index:10;top:-28%}.battery-circle .text-layer[data-v-06c65a10]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes waveMove1-06c65a10{0%{transform:translateX(-10%) translateY(0)}25%{transform:translateX(-20%) translateY(-1px)}50%{transform:translateX(-30%) translateY(0)}75%{transform:translateX(-20%) translateY(1px)}to{transform:translateX(-10%) translateY(0)}}@keyframes waveMove2-06c65a10{0%{transform:translateX(-15%) translateY(.5px)}25%{transform:translateX(-25%) translateY(-.5px)}50%{transform:translateX(-35%) translateY(.5px)}75%{transform:translateX(-25%) translateY(1px)}to{transform:translateX(-15%) translateY(.5px)}}@keyframes waveMove3-06c65a10{0%{transform:translateX(-5%) translateY(-.5px)}25%{transform:translateX(-15%) translateY(.5px)}50%{transform:translateX(-25%) translateY(-.5px)}75%{transform:translateX(-15%) translateY(1px)}to{transform:translateX(-5%) translateY(-.5px)}}@keyframes rotateWave-06c65a10{0%{transform:translate(-50%) rotate(0deg)}to{transform:translate(-50%) rotate(1turn)}}.soc-text[data-v-06c65a10]{font-size:32px;font-weight:700}.status-text[data-v-06c65a10]{font-size:13px;background:rgba(0,0,0,.1);padding:4px 12px;border-radius:20px;margin-top:8px}.battery-meta[data-v-06c65a10]{flex:1;padding-left:60px;display:flex;flex-direction:column;gap:20px}.meta-item[data-v-06c65a10]{display:flex;justify-content:space-between;color:#fff;font-size:18px}.section-title[data-v-06c65a10]{font-size:20px;font-weight:700;margin-bottom:20px;padding-left:10px;border-left:6px solid #ff7d00}.grid-box[data-v-06c65a10]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-item[data-v-06c65a10]{background:#fff;padding:30px;border-radius:24px}.popup-mask[data-v-06c65a10]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:flex;justify-content:center;align-items:center}.popup-content[data-v-06c65a10]{width:600px;background:#fff;border-radius:30px;padding:40px;animation:popUp-06c65a10 .3s ease}.popup-content .popup-header[data-v-06c65a10]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:20px}.popup-content .popup-header .p-title[data-v-06c65a10]{font-size:34px;font-weight:700;color:#333}.popup-content .popup-header .p-close[data-v-06c65a10]{font-size:40px;color:#999;padding:0 10px}.popup-content .info-row[data-v-06c65a10]{display:flex;justify-content:space-between;margin-bottom:20px;font-size:30px}.popup-content .info-row .label[data-v-06c65a10]{color:#666}.popup-content .info-row .val[data-v-06c65a10]{font-weight:700;color:#333}.popup-content .info-row .status-tag[data-v-06c65a10]{padding:4px 16px;border-radius:10px;font-size:24px}.popup-content .control-panel[data-v-06c65a10]{margin-top:30px}.popup-content .control-panel .divider[data-v-06c65a10]{height:1px;background:#eee;margin:20px 0}.popup-content .control-panel .sub-title[data-v-06c65a10]{font-size:28px;color:#999;margin-bottom:20px;display:block}.popup-content .control-panel .ctrl-row[data-v-06c65a10]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.popup-content .control-panel .ctrl-row .switch-btn[data-v-06c65a10]{margin:0;font-size:26px;background:#f5f5f5;color:#333}.popup-content .control-panel .ctrl-row .switch-btn.btn-on[data-v-06c65a10]{background:#ff7d00;color:#fff}.popup-content .control-panel .ctrl-row-col .slider-header[data-v-06c65a10]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:28px}@keyframes popUp-06c65a10{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}