.advanced-animations[data-v-ed1ced56]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.advanced-animations .animation-demo[data-v-ed1ced56]{background:#fff;padding:20px;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center}.advanced-animations .animation-demo.full-width[data-v-ed1ced56]{grid-column:1/-1}.advanced-animations .animation-demo h3[data-v-ed1ced56]{margin:0 0 20px 0;color:#333;font-size:16px}.advanced-animations .animation-demo .controls[data-v-ed1ced56]{margin-top:15px}.advanced-animations .animation-demo .controls button[data-v-ed1ced56]{padding:8px 16px;margin:0 5px;border:none;border-radius:6px;background:#1890ff;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.advanced-animations .animation-demo .controls button[data-v-ed1ced56]:hover:not(:disabled){background:#40a9ff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.advanced-animations .animation-demo .controls button[data-v-ed1ced56]:disabled{background:#d9d9d9;cursor:not-allowed}.charging-station .progress-circle[data-v-ed1ced56]{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:stroke-dashoffset .3s ease;transition:stroke-dashoffset .3s ease}.charging-station .charging-icon-group .plug[data-v-ed1ced56]{-webkit-animation:plugPulse-data-v-ed1ced56 2s ease-in-out infinite;animation:plugPulse-data-v-ed1ced56 2s ease-in-out infinite}.charging-station .charging-icon-group .current-lines .current-line[data-v-ed1ced56]{opacity:0;-webkit-animation:currentFlow-data-v-ed1ced56 1.5s ease-in-out infinite;animation:currentFlow-data-v-ed1ced56 1.5s ease-in-out infinite}.charging-station .charging-icon-group .current-lines .line-1[data-v-ed1ced56]{-webkit-animation-delay:0s;animation-delay:0s}.charging-station .charging-icon-group .current-lines .line-2[data-v-ed1ced56]{-webkit-animation-delay:.2s;animation-delay:.2s}.charging-station .charging-icon-group .current-lines .line-3[data-v-ed1ced56]{-webkit-animation-delay:.4s;animation-delay:.4s}.network-status .data-packet[data-v-ed1ced56]{-webkit-filter:drop-shadow(0 0 3px #52c41a);filter:drop-shadow(0 0 3px #52c41a)}.network-status .device-online[data-v-ed1ced56]{-webkit-animation:devicePulse-data-v-ed1ced56 2s ease-in-out infinite;animation:devicePulse-data-v-ed1ced56 2s ease-in-out infinite}.network-status .status-indicator[data-v-ed1ced56]{-webkit-transition:fill .3s ease;transition:fill .3s ease}.data-chart .data-line[data-v-ed1ced56]{stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:drawLine-data-v-ed1ced56 2s ease-out forwards;animation:drawLine-data-v-ed1ced56 2s ease-out forwards}.data-chart .data-point[data-v-ed1ced56]{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:popIn-data-v-ed1ced56 .5s ease-out forwards;animation:popIn-data-v-ed1ced56 .5s ease-out forwards}@-webkit-keyframes plugPulse-data-v-ed1ced56{0%,to{-webkit-transform:scale(1);transform:scale(1);fill:#1890ff}50%{-webkit-transform:scale(1.1);transform:scale(1.1);fill:#40a9ff}}@keyframes plugPulse-data-v-ed1ced56{0%,to{-webkit-transform:scale(1);transform:scale(1);fill:#1890ff}50%{-webkit-transform:scale(1.1);transform:scale(1.1);fill:#40a9ff}}@-webkit-keyframes currentFlow-data-v-ed1ced56{0%{opacity:0;stroke-width:1}50%{opacity:1;stroke-width:3}to{opacity:0;stroke-width:1}}@keyframes currentFlow-data-v-ed1ced56{0%{opacity:0;stroke-width:1}50%{opacity:1;stroke-width:3}to{opacity:0;stroke-width:1}}@-webkit-keyframes devicePulse-data-v-ed1ced56{0%,to{fill:#fa8c16;-webkit-filter:drop-shadow(0 0 5px rgba(250,140,22,.3));filter:drop-shadow(0 0 5px rgba(250,140,22,.3))}50%{fill:#ffc53d;-webkit-filter:drop-shadow(0 0 10px rgba(250,140,22,.6));filter:drop-shadow(0 0 10px rgba(250,140,22,.6))}}@keyframes devicePulse-data-v-ed1ced56{0%,to{fill:#fa8c16;-webkit-filter:drop-shadow(0 0 5px rgba(250,140,22,.3));filter:drop-shadow(0 0 5px rgba(250,140,22,.3))}50%{fill:#ffc53d;-webkit-filter:drop-shadow(0 0 10px rgba(250,140,22,.6));filter:drop-shadow(0 0 10px rgba(250,140,22,.6))}}@-webkit-keyframes drawLine-data-v-ed1ced56{to{stroke-dashoffset:0}}@keyframes drawLine-data-v-ed1ced56{to{stroke-dashoffset:0}}@-webkit-keyframes popIn-data-v-ed1ced56{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popIn-data-v-ed1ced56{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media(max-width:768px){.advanced-animations[data-v-ed1ced56]{grid-template-columns:1fr}}