body{font-family:Microsoft YaHei,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background-color:#f5f5f5}h1{color:#2c3e50;text-align:center;margin-bottom:30px}.experiment-area{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}#cy{width:100%;height:500px;background-color:#e8f4f8;border-radius:5px;margin:20px 0;overflow:hidden}.controls{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}button{padding:10px 15px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s;flex:1;min-width:120px}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}button.repair{background-color:#2ecc71}button.repair:hover{background-color:#27ae60}button.manual{background-color:#9b59b6}button.manual:hover{background-color:#8e44ad}.status{background-color:#ecf0f1;padding:15px;border-radius:5px;margin-top:20px}.status h3{margin-top:0;color:#2c3e50}.alert{color:#e74c3c;font-weight:700;margin-top:10px}.failure-sign{position:absolute;width:60px;height:60px;background-color:#e74c3c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:3;opacity:0;transition:opacity .3s}.failure-sign.visible{opacity:1}.controls2{display:flex;justify-content:center;align-items:center;gap:20px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9em;font-family:Arial,sans-serif;box-shadow:0 0 20px #00000026}table thead tr{background-color:#009879;color:#fff;text-align:center}table th,table td{padding:12px 15px;text-align:center;vertical-align:middle}table tbody tr{border-bottom:1px solid #dddddd}table tbody tr:nth-of-type(2n){background-color:#f3f3f3}table tbody tr:last-of-type{border-bottom:2px solid #009879}table tbody tr:hover{color:#009879;background-color:#e8f6f3}