.tank-dashboard{height:100%;background-color:#f5f9ff;padding:16px;font-family:PingFang SC,Microsoft YaHei,sans-serif}.tank-dashboard .dashboard-header{margin-bottom:16px}.tank-dashboard .dashboard-header .header-gradient{background:linear-gradient(90deg,#1a9bfc,#00c6a2);color:#fff;padding:16px 24px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(26,155,252,.2)}.tank-dashboard .dashboard-header .header-gradient h1{margin:0;font-size:22px;font-weight:500}.tank-dashboard .dashboard-header .header-gradient .header-actions{display:flex;align-items:center}.tank-dashboard .dashboard-header .header-gradient .header-actions .update-time{margin-left:16px;font-size:14px;opacity:.9}.tank-dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.tank-dashboard .dashboard-stats .stats-card{background:#fff;border-radius:4px;padding:16px;display:flex;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}.tank-dashboard .dashboard-stats .stats-card .stats-icon{font-size:28px;margin-right:16px}.tank-dashboard .dashboard-stats .stats-card .stats-content .stats-title{color:#666;font-size:14px}.tank-dashboard .dashboard-stats .stats-card .stats-content .stats-value{font-size:24px;font-weight:700;color:#333}.tank-dashboard .dashboard-toolbar{background:#fff;padding:16px;margin-bottom:16px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.tank-dashboard .tank-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:16px}.tank-dashboard .tank-container .tank-card{background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s;cursor:pointer;position:relative;overflow:hidden}.tank-dashboard .tank-container .tank-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.tank-dashboard .tank-container .tank-card.status-rented{border-top:3px solid #faad14}.tank-dashboard .tank-container .tank-card.status-1{border-top:3px solid #666}.tank-dashboard .tank-container .tank-card .tank-header{display:flex;justify-content:space-between;margin-bottom:12px}.tank-dashboard .tank-container .tank-card .tank-header .tank-id{font-weight:700;color:#333}.tank-dashboard .tank-container .tank-card .tank-header .tank-type{color:#1a9bfc;font-size:14px}.tank-dashboard .tank-container .tank-card .tank-visual{height:120px;margin:16px 0;position:relative}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge{width:80%;height:100%;margin:0 auto;background:#f0f2f5;border-radius:8px;position:relative;overflow:hidden}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .gauge-fill{position:absolute;bottom:0;left:0;right:0;transition:all .5s ease-in-out}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .gauge-fill .liquid-wave{position:absolute;top:-10px;left:0;right:0;height:20px;border-radius:50%;animation:ripple 3s linear infinite}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .gauge-fill .bubbles{position:absolute;bottom:0;left:0;right:0;height:100%}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .gauge-fill .bubbles .bubble{position:absolute;bottom:0;background:hsla(0,0%,100%,.6);border-radius:50%;animation:bubble-rise 4s ease-in infinite}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .gauge-fill .bubbles .bubble:nth-child(odd){background:hsla(0,0%,100%,.8)}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .gauge-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0) 70%,hsla(0,0%,100%,.3))}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .gauge-value{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.tank-dashboard .tank-container .tank-card .tank-visual .tank-gauge .status-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;background:hsla(0,0%,100%,.8);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tank-dashboard .tank-container .tank-card .tank-info .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.tank-dashboard .tank-container .tank-card .tank-info .info-row span:first-child{color:#666}.tank-dashboard .tank-container .tank-card .tank-info .info-row .high-temp{color:#f5222d;font-weight:700}.tank-dashboard .tank-container .tank-card .tank-info .info-row .low-temp{color:#1a9bfc;font-weight:700}.tank-dashboard .tank-container .tank-card .tank-status{margin-top:12px;padding-top:8px;border-top:1px dashed #e8f1f8;display:flex;align-items:center;justify-content:center;font-size:14px}.tank-dashboard .tank-container .tank-card .tank-status .anticon{margin-right:6px;font-size:16px}.tank-dashboard .tank-detail{padding:16px}.tank-dashboard .tank-detail .detail-section{margin-bottom:24px}.tank-dashboard .tank-detail .detail-section h3{margin-bottom:16px;color:#1890ff}.tank-dashboard .tank-detail .detail-section .chart-container{background:#fff;padding:16px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}@keyframes ripple{0%{transform:translateX(-10%) scale(1)}50%{transform:translateX(10%) scale(1.2)}to{transform:translateX(-10%) scale(1)}}@keyframes bubble-rise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(-100px) scale(1.2);opacity:0}}@media (max-width:1200px){.tank-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}@media (max-width:768px){.dashboard-stats{grid-template-columns:1fr 1fr!important}.tank-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}