.hi-page{display:grid;gap:16px}
.hi-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;border:1px solid #dfe8f1;border-radius:20px;background:linear-gradient(135deg,#f8fffd,#f7f8ff)}
.hi-hero span{display:block;color:#0d9488;font-size:11px;font-weight:800;letter-spacing:.08em}
.hi-hero h1{margin:6px 0;color:#10213d;font-size:28px}.hi-hero p{margin:0;color:#6d7b90;font-size:13px;line-height:1.7}
.hi-actions{display:flex;gap:8px;flex-wrap:wrap}.hi-actions button,.hi-actions a{border:1px solid #dbe4ef;border-radius:10px;background:#fff;color:#334b68;padding:9px 13px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}
.hi-actions .primary{border-color:#1d6fe8;background:#1d6fe8;color:#fff}
.hi-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hi-kpis article{padding:15px;border:1px solid #e1e8f1;border-radius:14px;background:#fff}.hi-kpis span{color:#748398;font-size:12px}.hi-kpis strong{display:block;margin-top:7px;color:#162c49;font-size:24px}.hi-kpis small{color:#8b98aa}
.hi-card{padding:19px;border:1px solid #e0e8f1;border-radius:17px;background:#fff}.hi-card>h2{margin:0 0 4px;color:#172d4a;font-size:19px}.hi-card>p{margin:0 0 14px;color:#7b889b;font-size:12px}
.hi-timeline{position:relative;display:grid;gap:12px;padding-left:26px}.hi-timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#dce5ef}
.hi-event{position:relative;padding:14px 16px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfcfe}.hi-event:before{content:"";position:absolute;left:-24px;top:19px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#80a2c8;box-shadow:0 0 0 2px #dce5ef}.hi-event.attention:before{background:#ec7869}.hi-event.context:before{background:#8b70db}
.hi-event-head{display:flex;align-items:center;gap:9px}.hi-event-head time{color:#193453;font-weight:800}.hi-event-head span{padding:3px 7px;border-radius:999px;background:#eef3f8;color:#62758c;font-size:11px}.hi-event-head small{margin-left:auto;color:#8a96a7}
.hi-event-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.hi-event-grid span{padding:6px 9px;border-radius:8px;background:#f0f4f8;color:#4f637d;font-size:12px}.hi-event-grid span.warn{background:#fff0ed;color:#c04a3c}.hi-event-grid span.period{background:#f7efff;color:#7453a0}
.hi-change{margin:9px 0 0;padding:8px 10px;border-left:3px solid #6c88af;background:#f4f7fb;color:#50647d;font-size:12px;line-height:1.6}
.hi-report{display:grid;gap:12px}.hi-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hi-report-head h2{margin:0;color:#172d4a}.hi-report-head p{margin:5px 0 0;color:#76869a;font-size:12px}.hi-report-result{padding:8px 12px;border-radius:10px;background:#e8f8f2;color:#07815d;font-weight:800}
.hi-abnormal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hi-abnormal article{padding:12px;border-radius:11px;background:#fff3ef}.hi-abnormal b{display:block;color:#b84c3c;font-size:13px}.hi-abnormal span{display:block;margin-top:4px;color:#7b625f;font-size:12px}
.hi-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:12px}.hi-table{width:100%;border-collapse:collapse;min-width:760px}.hi-table th{position:sticky;top:0;background:#f3f6fa;color:#586b83;font-size:12px;text-align:left}.hi-table th,.hi-table td{padding:10px 12px;border-bottom:1px solid #e8edf3}.hi-table td{color:#31465f;font-size:12px}.hi-table tr:last-child td{border-bottom:0}.hi-status{display:inline-block;padding:3px 7px;border-radius:999px;background:#edf6f2;color:#20815f}.hi-status.high,.hi-status.low,.hi-status.abnormal{background:#fff0ed;color:#c34d3e}.hi-status.informational{background:#eef3f8;color:#60728a}
.hi-baselines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hi-baseline{padding:14px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.hi-baseline-head{display:flex;align-items:center;justify-content:space-between}.hi-baseline h3{margin:0;color:#1d3553;font-size:15px}.hi-baseline-head span{font-size:11px;color:#667991}.hi-baseline strong{display:block;margin:9px 0;color:#18304f;font-size:20px}.hi-baseline p{margin:0;color:#77869a;font-size:12px;line-height:1.6}.hi-baseline .persist{color:#c34d3e;font-weight:700}.hi-baseline .single{color:#d78c22;font-weight:700}.hi-baseline .normal{color:#138364;font-weight:700}
.hib-chart-card{padding:0;overflow:hidden}.hib-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 19px 12px}.hib-title h2{margin:0;color:#172d4a;font-size:19px}.hib-title p{margin:5px 0 0;color:#7b889b;font-size:12px}.hib-title>span{padding:6px 10px;border-radius:999px;background:#e9f8f5;color:#087a70;font-size:12px;font-weight:800;white-space:nowrap}
.hib-metric-tabs{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:7px;padding:0 19px 15px;overflow:auto}.hib-metric-tabs button{min-width:92px;padding:9px 8px;border:1px solid #e0e7ef;border-radius:10px;background:#f8fafc;color:#40566f;text-align:left;cursor:pointer}.hib-metric-tabs button span,.hib-metric-tabs button small{display:block}.hib-metric-tabs button span{font-weight:750}.hib-metric-tabs button small{margin-top:3px;color:#8a98a9;font-size:10px}.hib-metric-tabs button.active{border-color:#20a49a;background:#e9f8f5;color:#087a70;box-shadow:0 0 0 1px #20a49a inset}.hib-metric-tabs button:disabled{cursor:not-allowed;opacity:.45}
.hib-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;border-top:1px solid #e8edf3}.hib-chart-wrap{min-width:0;padding:14px 14px 4px}.hib-legend{display:flex;flex-wrap:wrap;gap:14px;padding:0 12px;color:#6e7e92;font-size:11px}.hib-legend span{display:flex;align-items:center;gap:5px}.hib-legend i{display:inline-block;width:17px;height:7px;border-radius:5px}.hib-legend i.band{background:#d9f3ed}.hib-legend i.line{height:2px;background:#3e78bd}.hib-legend i.single{width:8px;height:8px;background:#e49a2f}.hib-legend i.persist{width:8px;height:8px;background:#d95043}
.hib-chart{display:block;width:100%;height:auto;min-height:270px;overflow:visible}.hib-grid{stroke:#e9eef4;stroke-width:1}.hib-axis-y,.hib-axis-x{fill:#8391a3;font-size:10px}.hib-axis-y{text-anchor:end}.hib-axis-x{text-anchor:middle}.hib-baseline-band{fill:#daf4ee;opacity:.8}.hib-limit{stroke:#55b5a9;stroke-width:1;stroke-dasharray:5 5}.hib-trend-line{fill:none;stroke:#4078ba;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.hib-point{fill:#fff;stroke:#4078ba;stroke-width:2;cursor:pointer;transition:r .15s,stroke-width .15s}.hib-point:hover,.hib-point:focus,.hib-point.selected{r:8;stroke-width:3;outline:none}.hib-point.single{fill:#eaa23b;stroke:#fff}.hib-point.persist{fill:#d95043;stroke:#fff}.hib-point.selected{stroke:#172d4a}
.hib-detail{padding:18px;border-left:1px solid #e8edf3;background:#f8fafc}.hib-detail-label{color:#8190a3;font-size:11px}.hib-detail>strong{display:block;margin-top:6px;color:#203954;font-size:15px}.hib-detail-value{margin:9px 0;color:#132b48;font-size:25px;font-weight:850}.hib-detail>p{margin:0;color:#687a90;font-size:12px;line-height:1.65}.hib-detail>p.single{color:#c77d16;font-weight:700}.hib-detail>p.persist{color:#bd4339;font-weight:700}.hib-detail>p.normal{color:#138364;font-weight:700}.hib-detail dl{margin:14px 0;padding:10px;border-radius:10px;background:#fff}.hib-detail dl div{display:flex;justify-content:space-between;gap:8px;padding:4px 0}.hib-detail dt{color:#8290a2;font-size:11px}.hib-detail dd{margin:0;color:#40566f;font-size:11px;font-weight:700;text-align:right}.hib-detail h4{margin:13px 0 5px;color:#42576f;font-size:12px}
.hib-deviation-strip{display:flex;align-items:stretch;gap:7px;padding:12px 19px 17px;border-top:1px solid #e8edf3;overflow:auto}.hib-deviation-strip>span{display:flex;align-items:center;min-width:52px;color:#728298;font-size:11px;font-weight:700}.hib-deviation-strip>p{margin:0;padding:8px;color:#718297;font-size:12px}.hib-deviation-strip button{min-width:98px;padding:7px 9px;border:1px solid #ead8ba;border-radius:9px;background:#fffaf2;color:#916119;text-align:left;cursor:pointer}.hib-deviation-strip button.persist{border-color:#efd0cc;background:#fff5f3;color:#aa4238}.hib-deviation-strip button.active{box-shadow:0 0 0 2px currentColor inset}.hib-deviation-strip b,.hib-deviation-strip small{display:block}.hib-deviation-strip b{font-size:11px}.hib-deviation-strip small{margin-top:2px;font-size:10px;white-space:nowrap}
.hib-legend i.single,.hib-legend i.mild{width:8px;height:8px;background:#e5a031}.hib-legend i.moderate{width:8px;height:8px;background:#e66b43}.hib-legend i.persist,.hib-legend i.severe{width:8px;height:8px;background:#c9363c}
.hib-baseline-band-path{fill:#daf4ee;opacity:.82}.hib-limit-path{fill:none;stroke:#55b5a9;stroke-width:1;stroke-dasharray:5 5}.hib-gap-line{stroke:#a9b7c7;stroke-width:1;stroke-dasharray:3 5}.hib-gap-text{fill:#8997a8;font-size:9px;text-anchor:middle}.hib-point.mild{fill:#e5a031;stroke:#fff}.hib-point.moderate{fill:#e66b43;stroke:#fff}.hib-point.severe{fill:#c9363c;stroke:#fff}
.hib-detail>p.mild{color:#b87515;font-weight:700}.hib-detail>p.moderate{color:#cf5a35;font-weight:700}.hib-detail>p.severe{color:#b93037;font-weight:700}.hib-severity{padding:2px 7px;border-radius:999px}.hib-severity.mild{background:#fff4dd;color:#a96809}.hib-severity.moderate{background:#ffede6;color:#bd4e2c}.hib-severity.severe{background:#ffe5e6;color:#ae2930}
.hib-linked{display:grid;gap:5px}.hib-linked>div{display:flex;justify-content:space-between;gap:9px;padding:6px 8px;border-radius:8px;background:#fff}.hib-linked span{color:#7c8b9e;font-size:10px}.hib-linked b{color:#3d536c;font-size:10px;text-align:right}.hib-linked .warn{background:#fff0ed}.hib-linked .warn b{color:#bd4339}.hib-linked>p{margin:0;color:#7a899c;font-size:11px}
.hib-deviation-strip button{min-width:108px}.hib-deviation-strip button.moderate{border-color:#f1c7b7;background:#fff5f0;color:#b85230}.hib-deviation-strip button.severe{border-color:#eebfc2;background:#fff0f1;color:#aa2e34}
.hib-review{padding:17px 19px 19px;border-top:1px solid #e8edf3;background:#fbfcfe}.hib-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hib-review-head h3{margin:0;color:#253e5b;font-size:16px}.hib-review-head p{margin:4px 0 0;color:#7a899c;font-size:11px}.hib-review-head>span{color:#8593a5;font-size:10px}.hib-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.hib-review-grid label{display:grid;gap:5px;color:#63758b;font-size:11px}.hib-review-grid label.wide{grid-column:span 3}.hib-review-grid select,.hib-review-grid textarea{width:100%;box-sizing:border-box;border:1px solid #dce5ee;border-radius:9px;background:#fff;color:#304760;font:12px "Microsoft YaHei",sans-serif;padding:9px}.hib-review-grid textarea{min-height:62px;resize:vertical}.hib-review-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.hib-review-actions button{border:0;border-radius:9px;background:#1976d2;color:#fff;padding:9px 15px;font-weight:700;cursor:pointer}.hib-review-actions button:disabled{opacity:.6}.hib-review-actions span{color:#17805f;font-size:11px}
.hib-alerts{padding:0;overflow:hidden}.hib-alert-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 19px 19px}.hib-alert-list button{padding:12px;border:1px solid #efd6d7;border-radius:11px;background:#fff8f8;text-align:left;cursor:pointer}.hib-alert-list span,.hib-alert-list b,.hib-alert-list small{display:block}.hib-alert-list span{color:#7a5360;font-size:11px}.hib-alert-list b{margin:5px 0;color:#a52c34}.hib-alert-list small{color:#896c73;font-size:10px}.hib-method>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hib-method p{margin:0;padding:12px;border-radius:10px;background:#f7f9fc;color:#61738a;font-size:11px;line-height:1.7}
.hi-summary{display:grid;gap:14px}.hi-summary-title{padding:24px;border-radius:17px;background:#173453;color:#fff}.hi-summary-title h1{margin:0;font-size:26px}.hi-summary-title p{margin:7px 0 0;color:#c6d4e2}.hi-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hi-summary-grid article{padding:14px;border:1px solid #e1e8f1;border-radius:13px;background:#fff}.hi-summary-grid h3{margin:0 0 7px;color:#223b59}.hi-summary-grid p{margin:0;color:#65768c;font-size:12px;line-height:1.7}.hi-summary-list{margin:0;padding-left:20px;color:#4e627a;font-size:13px;line-height:1.8}
.hi-empty{padding:36px;text-align:center;color:#77879b;background:#fff;border-radius:15px}
@media(max-width:1000px){.hi-kpis,.hi-abnormal{grid-template-columns:repeat(2,minmax(0,1fr))}.hi-baselines,.hi-summary-grid{grid-template-columns:1fr}.hib-chart-layout{grid-template-columns:1fr}.hib-detail{border-top:1px solid #e8edf3;border-left:0}.hib-metric-tabs{grid-template-columns:repeat(8,112px)}.hib-alert-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hib-method>div{grid-template-columns:1fr}}
@media(max-width:680px){.hi-hero,.hi-report-head,.hib-review-head{display:block}.hi-actions{margin-top:14px}.hi-kpis,.hi-abnormal,.hib-alert-list{grid-template-columns:1fr}.hib-review-grid{grid-template-columns:1fr}.hib-review-grid label.wide{grid-column:auto}.hib-title{display:block}.hib-title>span{display:inline-block;margin-top:8px}}
@media print{.topbar-v2,.health-sidebar-v5,.hi-actions{display:none!important}.health-body-v5,.health-main-v5,.health-v3{display:block!important;width:100%!important;margin:0!important;padding:0!important}.hi-page>*:not(.hi-summary){display:none!important}.hi-summary{display:grid!important}}