:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Source Han Sans SC,Arial,sans-serif;color:#f5f9ff;background:#010719;font-synthesis:none;text-rendering:geometricPrecision;--bg: #020b24;--surface: rgba(3, 24, 61, .94);--surface-strong: rgba(4, 31, 76, .96);--border: #087cd5;--border-soft: rgba(23, 145, 225, .52);--text: #f4f8ff;--muted: #8fb1d1;--blue: #1f8fff;--cyan: #1bd5e8;--green: #42d67f;--amber: #ffb52c;--violet: #9364ed;--danger: #ff5558}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100vh;background:#010719;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}.dashboard-viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#010719}.dashboard-stage{position:absolute;top:0;left:0;width:1920px;height:1080px;padding:16px 18px;transform-origin:0 0;display:grid;grid-template-rows:96px 142px 380px 382px;gap:16px;overflow:hidden;background-color:var(--bg);background-image:linear-gradient(180deg,#01081c38,#010a1fb3),radial-gradient(circle at 50% 0%,rgba(18,108,198,.2),transparent 38%),url(/assets/dashboard-underwater-bg-v2.avif);background-position:center,center,center;background-size:cover}.dashboard-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.28;background-image:radial-gradient(circle at 10% 12%,rgba(19,160,235,.22),transparent 18%),radial-gradient(circle at 89% 30%,rgba(15,100,210,.18),transparent 20%),linear-gradient(rgba(35,143,213,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(35,143,213,.1) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,transparent 72%)}.dashboard-stage:after{content:"";position:absolute;z-index:0;left:0;top:-210px;width:100%;height:210px;pointer-events:none;opacity:.26;background:linear-gradient(180deg,transparent,rgba(58,202,255,.08) 72%,rgba(76,216,255,.36) 100%);filter:blur(.2px);animation:dashboard-scan 14s linear infinite}.top-header,.metric-grid,.main-grid,.bottom-grid{position:relative;z-index:1}.top-header{position:relative;display:grid;grid-template-columns:410px 1fr 520px;align-items:center}.top-header:after{content:"";position:absolute;right:140px;bottom:4px;left:140px;height:1px;opacity:.65;background:linear-gradient(90deg,transparent,#138bea 20%,#26d8ff 50%,#138bea 80%,transparent);box-shadow:0 0 12px #27c6ffb8}.brand-lockup{position:relative;display:flex;align-items:center;min-width:0;gap:12px;padding-left:6px}.brand-lockup:before{content:"";position:absolute;left:-22px;top:50%;width:118px;height:118px;transform:translateY(-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(25,153,239,.16),transparent 67%)}.brand-lockup__mark{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(45,167,255,.34))}.brand-lockup div{display:flex;flex-direction:column;min-width:0}.brand-lockup strong{color:#fff;font-size:27px;line-height:1.15;letter-spacing:1px}.brand-lockup span{margin-top:8px;color:#a9c7e7;font-size:14px;white-space:nowrap}.title-lockup{position:relative;height:92px;display:grid;place-items:center}.title-lockup img{position:absolute;left:50%;bottom:-2px;width:min(100%,1000px);height:92px;object-fit:fill;transform:translate(-50%);opacity:.9}.title-lockup h1{position:relative;z-index:1;margin:0 0 13px;color:#f7fbff;font-size:46px;font-weight:800;line-height:1;letter-spacing:4px;text-shadow:0 0 10px rgba(68,171,255,.65),0 2px 0 rgba(255,255,255,.15);white-space:nowrap}.header-clock{position:relative;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;gap:24px;padding-top:8px;padding-right:208px}.clock{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}.clock span{color:#c6dbef;font-size:14px;letter-spacing:.4px}.clock strong{margin-top:6px;font-family:DIN Alternate,Roboto Condensed,Arial,sans-serif;font-size:28px;font-weight:500;letter-spacing:1px}.realtime-status{display:flex;gap:11px;align-items:center;margin-top:2px;padding:9px 13px;border:1px solid rgba(46,194,255,.24);border-radius:9px;background:linear-gradient(135deg,#08396c80,#041e4647)}.realtime-status>i{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#38de91;box-shadow:0 0 12px #38de91e6;animation:live-pulse 2.2s ease-in-out infinite}.realtime-status div{display:flex;flex-direction:column}.realtime-status strong{font-size:15px;font-weight:600;letter-spacing:.5px}.realtime-status span{margin-top:3px;color:#8eafcd;font-size:12px}.header-clock__crayfish{position:absolute;z-index:2;right:-10px;top:10px;width:225px;height:126px;object-fit:cover;object-position:72% center;mix-blend-mode:screen;filter:saturate(1.14) contrast(1.06);-webkit-mask-image:radial-gradient(ellipse at 76% 50%,#000 42%,transparent 79%);mask-image:radial-gradient(ellipse at 76% 50%,#000 42%,transparent 79%);pointer-events:none}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.metric-card,.data-panel{position:relative;isolation:isolate;background-image:linear-gradient(115deg,#041c45f0,#021130e0),url(/assets/panel-water-texture-v2.avif);background-position:center;background-size:cover;background-blend-mode:normal,soft-light;border:1px solid rgba(16,153,235,.88);box-shadow:inset 0 0 38px #0f69be24,inset 0 1px #70daff1f,0 8px 28px #00041533,0 0 16px #006fdc1a}.metric-card{min-width:0;height:100%;border-radius:12px;display:flex;align-items:center;gap:24px;padding:16px 28px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.metric-card:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.18;box-shadow:inset 4px 0 18px currentColor}.metric-card:after{content:"";position:absolute;z-index:2;top:-1px;right:24px;left:24px;height:2px;pointer-events:none;opacity:.7;background:linear-gradient(90deg,transparent,currentColor,transparent);box-shadow:0 0 12px currentColor}.metric-card:hover{transform:translateY(-2px);border-color:#35c7ff;box-shadow:inset 0 0 36px #1a8df429,0 0 20px #1690f02e}.metric-card__icon{position:relative;z-index:1;width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border:1px solid rgba(70,187,248,.38);border-radius:18px;background:linear-gradient(145deg,#0b4377a8,#04275285);box-shadow:inset 0 1px #7edeff14}.line-icon{display:block;color:currentColor;-webkit-user-select:none;user-select:none;pointer-events:none}.metric-card__icon .line-icon{width:42px;height:42px}.metric-card__content{position:relative;z-index:1;min-width:0}.metric-card__content>span{display:block;margin-bottom:9px;color:#e5f0fb;font-size:20px;white-space:nowrap}.metric-card__content p{display:flex;align-items:baseline;gap:8px;margin:0;white-space:nowrap}.metric-card__content strong{font-family:DIN Alternate,Roboto Condensed,Arial,sans-serif;color:#eef7ff;font-size:43px;font-weight:700;line-height:1;letter-spacing:.5px}.metric-card__content small{color:#c3d7eb;font-size:17px}.metric-card--blue{color:#1a9fff}.metric-card--cyan{color:#19d8e5}.metric-card--violet{color:#a173ff}.metric-card--green{color:#41db79}.metric-card--amber{color:#ffb529}.metric-card--green .metric-card__content strong{color:#79e7bd}.metric-card--amber .metric-card__content strong{color:#ffbd32}.main-grid,.bottom-grid{display:grid;min-height:0;gap:16px}.main-grid{grid-template-columns:430px 790px minmax(0,1fr)}.bottom-grid{grid-template-columns:430px 440px 480px minmax(0,1fr)}.data-panel{min-width:0;min-height:0;overflow:hidden;border-radius:12px;display:flex;flex-direction:column}.data-panel:after{content:"";position:absolute;z-index:3;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;opacity:.68;background:linear-gradient(#35cfff,#35cfff) left top / 24px 1px no-repeat,linear-gradient(#35cfff,#35cfff) left top / 1px 14px no-repeat,linear-gradient(#35cfff,#35cfff) right top / 24px 1px no-repeat,linear-gradient(#35cfff,#35cfff) right top / 1px 14px no-repeat,linear-gradient(#1388e8,#1388e8) left bottom / 18px 1px no-repeat,linear-gradient(#1388e8,#1388e8) right bottom / 18px 1px no-repeat}.data-panel__header{position:relative;z-index:1;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(28,139,214,.3);background:linear-gradient(90deg,rgba(11,77,139,.16),transparent 58%)}.data-panel__header h2{display:flex;align-items:center;gap:10px;margin:0;color:#eef6ff;font-size:22px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px rgba(52,171,255,.24)}.data-panel__header h2:before{content:"";width:3px;height:21px;border-radius:3px;background:linear-gradient(180deg,#58e5ff,#167fe8);box-shadow:0 0 10px #2ed5ffcc}.data-panel__as-of{display:flex;align-items:center;gap:7px;color:#7fa8cc;font-size:13px;letter-spacing:.5px}.data-panel__as-of:before{content:"";width:7px;height:7px;border-radius:50%;background:#3bdf8d;box-shadow:0 0 9px #3bdf8de6;animation:live-pulse 2.2s ease-in-out infinite}.data-panel__body{position:relative;z-index:1;flex:1;min-height:0}.chart-canvas{width:100%;height:100%}.status-chart-layout,.alert-layout{display:grid;grid-template-columns:62% 38%;height:100%}.status-legend,.alert-layout ul{list-style:none;margin:0;padding:42px 20px 20px 0;display:flex;flex-direction:column;justify-content:center;gap:30px}.status-legend li,.alert-layout li{display:grid;grid-template-columns:12px 58px 24px 1fr;align-items:center;gap:8px;color:#c8d9ea;font-size:16px;white-space:nowrap}.status-legend i,.alert-layout li i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.status-legend small,.alert-layout small{color:#87a7c5;font-size:13px}.trend-panel__toolbar{display:flex;align-items:center;gap:16px}.trend-metric-tabs{display:flex;gap:5px;padding:3px;border:1px solid rgba(37,148,222,.3);border-radius:7px;background:#02193d94}.trend-metric-tabs button{min-width:54px;padding:4px 8px;border:0;border-radius:5px;color:#86a9c9;background:transparent;font-size:12px;line-height:1.2;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.trend-metric-tabs button:hover,.trend-metric-tabs button:focus-visible{color:#dff7ff;outline:none}.trend-metric-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#117edb,#13aac8);box-shadow:0 0 10px #27c2eb5c}.trend-panel{height:100%;display:flex;flex-direction:column;min-height:0;padding:10px 12px 2px}.trend-latest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:0 0 54px}.trend-latest article{min-width:0;display:grid;grid-template-columns:7px 1fr auto auto;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(31,136,212,.3);border-radius:8px;background:linear-gradient(135deg,#08396c80,#041e464d)}.trend-latest i{width:7px;height:25px;border-radius:5px;box-shadow:0 0 7px currentColor}.trend-latest span{color:#b6cde2;font-size:13px;white-space:nowrap}.trend-latest strong{font-family:DIN Alternate,Arial,sans-serif;color:#f1f8ff;font-size:21px}.trend-latest small{color:#799ab9;font-size:10px}.trend-chart{min-height:0;flex:1;padding:0 4px}.pond-overview{height:100%;padding:12px 14px 14px;display:grid;gap:10px}.pond-row{min-height:0;display:grid;grid-template-columns:185px 1fr;align-items:center;padding:8px 14px;border:1px solid rgba(25,130,210,.34);border-radius:9px;background:linear-gradient(90deg,#0a3f768a,#041f4770),radial-gradient(circle at 85% 50%,rgba(31,146,228,.11),transparent 38%);box-shadow:inset 0 1px #6ccdff0f}.pond-row--warning{border-color:#ffad259e;background-color:#67430a2e}.pond-row__name{display:flex;align-items:center;gap:9px}.pond-row__name .line-icon{width:30px;height:30px;color:#4db4ff}.pond-row__name strong{font-size:19px}.pond-row__name span{color:var(--green);font-size:14px}.pond-row--warning .pond-row__name span{color:var(--amber)}.pond-row dl{display:grid;grid-template-columns:1.25fr 1fr .75fr;gap:16px;margin:0}.pond-row dl div{min-width:0}.pond-row dt{margin-bottom:2px;color:#8fb0ce;font-size:13px}.pond-row dd{margin:0;font-family:DIN Alternate,Arial,sans-serif;font-size:23px;font-weight:700}.pond-row--warning dl div:first-child dd{color:#ff665f}.pond-row dd small{margin-left:4px;color:#8fb0ce;font-size:11px;font-weight:400}.ranking-head{display:flex;justify-content:space-between;padding:20px 26px 8px 68px;color:#8eabc9;font-size:13px}.ranking-list{list-style:none;margin:0;padding:5px 24px 20px;display:grid;gap:24px}.ranking-list li{display:grid;grid-template-columns:26px 62px 1fr 35px;align-items:center;gap:10px}.ranking-list li>i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#fff;font-style:normal;font-size:13px;font-weight:700}.ranking-list li>span{font-size:17px}.ranking-list__bar{position:relative;height:18px;overflow:hidden;border-radius:3px;background-color:#0f4f8a5c}.ranking-list__bar b{position:relative;display:block;height:100%;box-shadow:0 0 10px currentColor}.ranking-list__bar b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.5) 50%,transparent 66%);transform:translate(-130%);animation:bar-shimmer 5.8s ease-in-out infinite}.ranking-list li>strong{font-family:DIN Alternate,Arial,sans-serif;text-align:right;font-size:18px}.alert-layout{grid-template-columns:58% 42%}.alert-layout ul{padding-top:38px;gap:24px}.alert-layout li{grid-template-columns:12px 62px 20px 1fr}.operation-grid{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.operation-card{min-width:0;display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid rgba(30,131,211,.34);border-radius:10px;background:linear-gradient(135deg,#0832639e,#021d4375);box-shadow:inset 0 1px #6fcfff14}.operation-card>.line-icon{width:42px;height:42px;flex:0 0 45px}.operation-card>div{min-width:0}.operation-card span{color:#b4cbe2;font-size:15px}.operation-card p{display:flex;align-items:baseline;gap:6px;margin:7px 0 0;white-space:nowrap}.operation-card strong{font-family:DIN Alternate,Arial,sans-serif;font-size:30px}.operation-card small{color:#9ebbd8;font-size:12px}.operation-card--green>.line-icon{color:var(--green)}.operation-card--blue>.line-icon{color:var(--blue)}.operation-card--cyan>.line-icon{color:var(--cyan)}.operation-card--amber>.line-icon{color:var(--amber)}.business-overview{height:100%;padding:16px;display:grid;grid-template-rows:120px 1fr;gap:14px}.business-overview__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.business-kpi{display:flex;align-items:center;gap:13px;min-width:0;padding:15px 14px;border:1px solid rgba(30,131,211,.34);border-radius:10px;background:linear-gradient(135deg,#0832639e,#021d4375);box-shadow:inset 0 1px #6fcfff14}.business-kpi>.line-icon{width:40px;height:40px;flex:0 0 42px}.business-kpi>div{min-width:0}.business-kpi span{color:#bbd0e4;font-size:14px;white-space:nowrap}.business-kpi p{margin:8px 0 0;display:flex;align-items:baseline;gap:5px}.business-kpi strong{font-family:DIN Alternate,Arial,sans-serif;font-size:27px;white-space:nowrap}.business-kpi small{color:#9ebbd8}.business-kpi--blue>.line-icon{color:var(--blue)}.business-kpi--amber>.line-icon{color:var(--amber)}.insight-list{list-style:none;margin:0;padding:4px 6px;display:grid;align-content:center;gap:18px}.insight-list li{display:flex;align-items:center;gap:14px;padding-bottom:16px;color:#c6d9ea;font-size:15px;border-bottom:1px dashed rgba(45,128,196,.35)}.insight-list li:last-child{border-bottom:0}.insight-list .line-icon{width:28px;height:28px;color:var(--cyan)}.insight-list strong{color:#42e090;font-size:18px}@keyframes dashboard-scan{0%{transform:translateY(0)}to{transform:translateY(1290px)}}@keyframes live-pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes bar-shimmer{0%,62%{transform:translate(-130%)}82%,to{transform:translate(130%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}