.dr-page{--red:#e60012;--deep-red:#c9151d;--soft-red:rgba(230,0,18,0.08);--line:#e7eaf0;--line-strong:#d9dee8;--text:#17191f;--muted:#7b8190;--green:#13b568;--blue:#2878ff;--orange:#f97316;--amber:#f59e0b;--purple:#8b5cf6;--panel:hsla(0,0%,100%,0.96);padding:16px 22px 30px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 82% 8%,rgba(230,0,18,.05),transparent 24%),-webkit-gradient(linear,left top,left bottom,from(#f6f7f9),to(#eef1f5));background:radial-gradient(circle at 82% 8%,rgba(230,0,18,.05),transparent 24%),linear-gradient(180deg,#f6f7f9,#eef1f5);font-family:HarmonyOS Sans SC,Source Han Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}.dr-page *{-webkit-box-sizing:border-box;box-sizing:border-box}.dr-page .topbar{height:44px;display:grid;grid-template-columns:minmax(300px,1fr) auto auto;gap:14px;margin-bottom:10px}.dr-page .topbar,.dr-page .topbar .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dr-page .topbar .title{font-size:22px;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;white-space:nowrap}.dr-page .status-pill,.dr-page .version-pill,.dr-page .warn-pill{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;border-radius:999px;font-weight:800}.dr-page .version-pill{padding:5px 12px;color:var(--red);background:var(--soft-red);font-size:13px}.dr-page .warn-pill{min-width:420px;padding:6px 16px;color:var(--red);background:#fff2f2;border:1px solid #ffd2d2;font-size:13px}.dr-page .date-text{font-weight:800;font-size:14px;white-space:nowrap}.dr-page .module-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:28px;padding:0 20px;margin-bottom:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;-webkit-box-shadow:0 8px 24px rgba(18,26,42,.04);box-shadow:0 8px 24px rgba(18,26,42,.04)}.dr-page .module-tab,.dr-page .module-tabs{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px}.dr-page .module-tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#4d5563;cursor:pointer;text-decoration:none;font-weight:800;font-size:14px;border-bottom:3px solid transparent;background:none;border-top:0;border-left:0;border-right:0;padding:0}.dr-page .module-tab.active{color:var(--red);border-bottom-color:var(--red)}.dr-page .card{background:var(--panel);border:1px solid var(--line);border-radius:8px;-webkit-box-shadow:0 8px 24px rgba(18,26,42,.045);box-shadow:0 8px 24px rgba(18,26,42,.045)}.dr-page .filter-card{padding:14px 16px;margin-bottom:10px;display:grid;grid-template-columns:repeat(6,minmax(126px,1fr)) auto auto;gap:14px;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.dr-page .filter-card.compact{grid-template-columns:150px repeat(4,minmax(130px,1fr)) minmax(220px,1.35fr) auto auto}.dr-page .filter-card.compact.dept{grid-template-columns:150px repeat(4,minmax(130px,1fr)) minmax(240px,1.5fr) auto auto}.dr-page .filter-card.system{grid-template-columns:repeat(3,minmax(160px,1fr)) auto auto auto}.dr-page .filter-card.system .filter-extra{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;padding-top:10px;border-top:1px dashed var(--line)}.dr-page .field label{display:block;margin-bottom:7px;color:#5f6674;font-size:12px;font-weight:800}.dr-page .control{width:100%;height:34px;padding:0 12px;border-radius:6px;border:1px solid var(--line-strong);background:#fff;color:#2a303a;font-size:13px;outline:none;-webkit-transition:.16s ease;transition:.16s ease}.dr-page .control:focus{border-color:rgba(230,0,18,.45);-webkit-box-shadow:0 0 0 3px rgba(230,0,18,.08);box-shadow:0 0 0 3px rgba(230,0,18,.08)}.dr-page .btn{height:34px;padding:0 14px;border-radius:6px;border:1px solid var(--line-strong);background:#fff;color:#222936;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:7px;font-weight:800;font-size:13px;white-space:nowrap;cursor:pointer;-webkit-transition:.16s ease;transition:.16s ease}.dr-page .btn:hover{border-color:rgba(230,0,18,.4);color:var(--red);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.dr-page .btn.primary{background:-webkit-gradient(linear,left top,left bottom,from(#f20a18),to(#d60010));background:linear-gradient(180deg,#f20a18,#d60010);border-color:transparent;color:#fff;-webkit-box-shadow:0 8px 16px rgba(230,0,18,.18);box-shadow:0 8px 16px rgba(230,0,18,.18)}.dr-page .btn.primary:hover{color:#fff}.dr-page .btn.danger{border-color:#ffcaca;color:var(--red);background:#fff7f7}.dr-page .btn.small{height:26px;padding:0 9px;font-size:12px}.dr-page .kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:10px}.dr-page .kpi-card{min-height:84px;padding:15px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}.dr-page .kpi-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:var(--red);background:rgba(230,0,18,.1)}.dr-page .kpi-icon.green{color:var(--green);background:rgba(19,181,104,.1)}.dr-page .kpi-icon.blue{color:var(--blue);background:rgba(40,120,255,.1)}.dr-page .kpi-icon.orange{color:var(--orange);background:rgba(249,115,22,.12)}.dr-page .kpi-icon.purple{color:var(--purple);background:rgba(139,92,246,.12)}.dr-page .kpi-icon.gray{color:var(--muted);background:rgba(123,129,144,.12)}.dr-page .kpi-label{color:#535b69;font-size:13px;font-weight:800}.dr-page .kpi-value{margin-top:4px;font-size:30px;line-height:1;font-weight:950;color:var(--red)}.dr-page .kpi-value.green{color:var(--green)}.dr-page .kpi-value.blue{color:var(--blue)}.dr-page .kpi-value.orange{color:var(--orange)}.dr-page .kpi-value.gray{color:var(--muted)}.dr-page .kpi-value.purple{color:var(--purple)}.dr-page .kpi-value small{font-size:14px;margin-left:3px;color:inherit}.dr-page .kpi-note{margin-top:5px;font-size:12px;color:var(--muted)}.dr-page .grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.dr-page .grid-2,.dr-page .grid-system{display:grid;gap:10px;margin-bottom:10px}.dr-page .grid-system{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.dr-page .grid-system>.card:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:860px}.dr-page .grid-system>.card:first-child>.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0}.dr-page .grid-system>.card:first-child>.card-head{-ms-flex-negative:0;flex-shrink:0;height:56px}.dr-page .card-head{height:44px;padding:0 14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--line)}.dr-page .card-head,.dr-page .card-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dr-page .card-title{gap:7px;font-size:15px;font-weight:900}.dr-page .card-body{padding:12px 14px}.dr-page .data-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.dr-page .data-table td,.dr-page .data-table th{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:middle}.dr-page .data-table th{color:#4d5563;font-weight:900;background:#fafbfc}.dr-page .data-table tr[data-row]{cursor:pointer}.dr-page .data-table tr[data-row]:hover{background:#fff8f8}.dr-page .data-table tr.active{background:#fff7f7;outline:1px solid rgba(230,0,18,.34);outline-offset:-1px}.dr-page .rate{font-weight:950;color:var(--green)}.dr-page .rate.warn{color:var(--orange)}.dr-page .rate.bad{color:var(--red)}.dr-page .detail-hero{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.dr-page .entity-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:26px;font-weight:950}.dr-page .entity-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#2684ff),to(#0c5bd8));background:linear-gradient(180deg,#2684ff,#0c5bd8);font-size:26px}.dr-page .entity-icon.red{background:-webkit-gradient(linear,left top,left bottom,from(#ff2b33),to(#cf0010));background:linear-gradient(180deg,#ff2b33,#cf0010)}.dr-page .meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.dr-page .meta-item{border-left:1px solid var(--line);padding-left:15px}.dr-page .meta-label{color:var(--muted);font-size:12px;font-weight:800}.dr-page .meta-value{margin-top:5px;font-size:14px;font-weight:900}.dr-page .mini-stat{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;text-align:center}.dr-page .mini-stat strong{display:block;font-size:22px;font-weight:950}.dr-page .mini-stat span{display:block;color:var(--muted);font-size:12px;font-weight:800}.dr-page .status-pill{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:4px 9px;font-size:12px;border:1px solid transparent}.dr-page .status-pill.green{color:var(--green);background:#ecfbf4;border-color:#c6f0d9}.dr-page .status-pill.blue{color:var(--blue);background:#eef5ff;border-color:#cddfff}.dr-page .status-pill.orange{color:var(--orange);background:#fff6ea;border-color:#ffdfb8}.dr-page .status-pill.red{color:var(--red);background:#fff0f0;border-color:#ffd0d0}.dr-page .status-pill.gray{color:#667085;background:#f3f4f6;border-color:#e4e7ec}.dr-page .table-wrap{width:100%;overflow-x:auto}.dr-page .table-tools{-ms-flex-wrap:wrap;flex-wrap:wrap}.dr-page .pagination,.dr-page .table-tools{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.dr-page .pagination{height:46px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:#5d6678;font-size:13px}.dr-page .page-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--line);background:#fff;color:#2b303a;font-weight:900;cursor:pointer}.dr-page .page-btn.active{background:var(--red);color:#fff;border-color:var(--red)}.dr-page .system-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto}.dr-page .system-list-item{min-height:42px;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto 24px;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.dr-page .system-list-item.active{background:#fff7f7;outline:1px solid rgba(230,0,18,.34);outline-offset:-1px}.dr-page .system-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--red)}.dr-page .risk-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.dr-page .risk-row{min-height:30px;padding:5px 10px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px}.dr-page .profile-kpi-grid{display:grid;grid-template-columns:minmax(260px,1.08fr) repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.dr-page .profile-card{min-height:106px;padding:15px 16px}.dr-page .profile-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:24px;font-weight:950}.dr-page .profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:12px;color:#394150;font-size:12px;font-weight:800}.dr-page .profile-meta>div span{display:block;color:var(--muted);font-weight:800;margin-bottom:3px}.dr-page .metric-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.dr-page .metric-split>div{padding:7px 6px;border-radius:7px;background:#f7f9fc;text-align:center;border:1px solid var(--line)}.dr-page .metric-split strong{display:block;font-size:20px;line-height:1;font-weight:950}.dr-page .metric-split span{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:800}.dr-page .metric-split.rank-split{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-page .architecture-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:10px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.dr-page .architecture-grid.tree-collapsed{grid-template-columns:minmax(0,1fr)}.dr-page .architecture-grid.tree-collapsed .tree-panel{display:none}.dr-page .detail-panel,.dr-page .tree-panel{min-height:460px}.dr-page .panel-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.dr-page .segmented{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:7px;background:#f8fafc}.dr-page .segmented .btn{height:26px;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent}.dr-page .segmented .btn.active{color:#fff;background:var(--red)}.dr-page .tree-search{padding:12px 14px 0}.dr-page .tree-list{padding:12px 14px 14px;max-height:560px;overflow:auto}.dr-page .node-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.dr-page .node-summary-strip .mini-stat{text-align:left}.dr-page .node-summary-strip strong{font-size:20px}.dr-page .node-detail-main{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.dr-page .node-title-block{padding:16px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe}.dr-page .node-title-block h3{margin:0;font-size:24px;font-weight:950}.dr-page .node-path{margin-top:10px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.7}.dr-page .detail-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dr-page .detail-meta{min-height:64px;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid var(--line)}.dr-page .detail-meta span{display:block;color:var(--muted);font-size:12px;font-weight:800}.dr-page .detail-meta strong{display:block;margin-top:6px;font-size:14px;font-weight:950}.dr-page .l5-table td,.dr-page .l5-table th{white-space:nowrap}.dr-page .l5-table td:first-child{white-space:normal;min-width:280px}.dr-page .inline-actions{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.dr-page .flow-relation{display:grid;grid-template-columns:minmax(240px,.8fr) 1fr;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dr-page .flow-system-card{min-height:96px;padding:12px 10px;border:1px solid rgba(230,0,18,.3);border-radius:8px;background:#fff7f7;display:grid;place-items:center;text-align:center;font-weight:950}.dr-page .flow-target-list{display:grid;gap:9px;max-height:260px;overflow-y:auto}.dr-page .flow-target{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.dr-page .flow-target.active{border-color:rgba(230,0,18,.4);background:#fff8f8}.dr-page .flow-target .sub{color:var(--muted);font-size:11px;font-weight:800;margin-top:3px}@media(max-width:1360px){.dr-page .topbar{grid-template-columns:1fr;height:auto;gap:8px}.dr-page .warn-pill{min-width:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dr-page .filter-card{grid-template-columns:repeat(3,minmax(140px,1fr))}.dr-page .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dr-page .grid-2,.dr-page .grid-system{grid-template-columns:1fr}.dr-page .profile-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-page .filter-card.compact,.dr-page .filter-card.compact.dept,.dr-page .filter-card.system{grid-template-columns:repeat(3,minmax(140px,1fr))}.dr-page .filter-card.system .filter-extra{grid-template-columns:repeat(2,minmax(140px,1fr))}.dr-page .architecture-grid,.dr-page .flow-relation,.dr-page .kpi-domain-grid,.dr-page .node-detail-main{grid-template-columns:1fr}.dr-page .kpi-domain-right{grid-template-rows:auto auto}}.dr-page .kpi-domain-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px;margin-bottom:10px}.dr-page .kpi-domain-group{padding:14px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.dr-page .kpi-domain-group.total{background:linear-gradient(135deg,#fff5f6,#fff 60%);border-color:#ffd4d8;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dr-page .kpi-domain-right{display:grid;grid-template-rows:1fr 1fr;gap:10px}.dr-page .kpi-domain-group-title{font-size:14px;font-weight:900;color:#535b69;padding-left:10px;border-left:3px solid var(--red);line-height:1.2}.dr-page .kpi-domain-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dr-page .kpi-domain-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;border-left:3px solid var(--red)}.dr-page .kpi-domain-card .kpi-icon{width:36px;height:36px;font-size:16px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.dr-page .kpi-domain-card .kpi-label{font-size:12px;font-weight:800;color:#5f6674;margin-bottom:4px}.dr-page .kpi-domain-card .kpi-value{font-size:22px;font-weight:950;color:var(--red);line-height:1}.dr-page .kpi-domain-card .kpi-value.green{color:var(--green)}.dr-page .kpi-domain-card .kpi-value.blue{color:var(--blue)}.dr-page .kpi-domain-card .kpi-value.orange{color:var(--orange)}.dr-page .kpi-domain-card .kpi-value.gray{color:var(--muted)}.dr-page .kpi-domain-card .kpi-value small{font-size:12px;margin-left:2px}.dr-page .governance-section{margin-bottom:10px}.dr-page .governance-section .section-title{font-size:16px;font-weight:900;color:var(--text);padding:4px 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.dr-page .governance-section .section-title:before{content:"";width:4px;height:16px;background:var(--red);border-radius:2px}.dr-page .governance-detail-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.dr-page .governance-detail-wrap>.card{border-radius:0;margin-bottom:0}.dr-page .governance-detail-wrap>.card:first-child{border-radius:8px 8px 0 0}.dr-page .governance-detail-wrap>.card:not(:first-child):not(:last-child){border-top:0}.dr-page .governance-detail-wrap>.card:last-child{border-radius:0 0 8px 8px;border-top:0}.dr-page .governance-detail-wrap>.card:only-child{border-radius:8px}.dr-page .detail-hero-row{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}