#diagnosticAgentPage { --da-app-page:#0b1725; --da-app-panel:#132436; --da-app-wash:#1b3045; --da-app-line:#30495f; --da-app-text:#dce9f5; --da-app-muted:#a5bbce; --da-app-accent:#72b3e8; --da-app-user:#224867; } #diagnosticAgentPage .da-alarm-empty { color:var(--da-app-muted); background:var(--da-app-wash); border-color:var(--da-app-line); } body.light #diagnosticAgentPage { --da-app-page:#f4f7fb; --da-app-panel:#fff; --da-app-wash:#eef4fa; --da-app-line:#d4e1ed; --da-app-text:#243d54; --da-app-muted:#5b7389; --da-app-accent:#246da8; --da-app-user:#e5f0fc; } #diagnosticAgentPage, body.light #diagnosticAgentPage { --da-app-page:var(--workspace-page-background,#111827); } #diagnosticAgentPage.active, body.light #diagnosticAgentPage.active { --da-aov-page:var(--workspace-page-background,#111827); } #diagnosticAgentPage :is(.da-shell,.da-workspace,.da-hub-main), body.light #diagnosticAgentPage :is(.da-shell,.da-workspace,.da-hub-main) { background:var(--da-app-page); } #diagnosticAgentPage .da-workspace.is-hub-view { grid-template-columns:178px minmax(0,1fr); min-height:calc(100svh - 110px); } #diagnosticAgentPage .da-workspace.is-hub-view.is-left-collapsed { grid-template-columns:64px minmax(0,1fr); } #diagnosticAgentPage .da-hub-main { min-width:0; overflow:hidden; border:1px solid var(--da-app-line); border-radius:16px; color:var(--da-app-text); background:var(--da-app-page); } #diagnosticAgentPage .da-hub-main button { color:var(--da-app-accent); background:var(--da-app-wash); border:1px solid var(--da-app-line); border-radius:9px; padding:9px 14px; font:inherit; font-size:13px; cursor:pointer; box-shadow:none; } #diagnosticAgentPage .da-hub-main button:hover:not(:disabled) { border-color:var(--da-app-accent); } #diagnosticAgentPage .da-hub-main button:disabled { opacity:.55; cursor:not-allowed; } #diagnosticAgentPage .da-hub-main :is(button,input,textarea):focus-visible { outline:2px solid #568fbf; outline-offset:2px; } #diagnosticAgentPage .da-home { display:flex; flex-direction:column; min-height:calc(100svh - 113px); padding:20px 30px; } #diagnosticAgentPage .da-home-top { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:14px; } #diagnosticAgentPage .da-home-top > span { font-weight:700; } #diagnosticAgentPage .da-home-welcome { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:44px 12px 30px; text-align:center; } #diagnosticAgentPage .da-home-welcome > img { width:76px; height:76px; object-fit:contain; } #diagnosticAgentPage .da-home-welcome > p { margin:0; color:var(--da-app-muted); font-size:14px; } #diagnosticAgentPage .da-home h1 { margin:0; font-size:clamp(24px,2.7vw,36px); line-height:1.5; color:var(--da-app-text); } #diagnosticAgentPage .da-mode-switch { position:relative; display:flex; flex:0 0 auto; align-self:center; width:288px; max-width:100%; padding:4px; box-sizing:border-box; border:1px solid var(--da-app-line); border-radius:14px; background:var(--da-app-wash); isolation:isolate; } #diagnosticAgentPage .da-mode-thumb { position:absolute; inset:4px auto 4px 4px; width:calc((100% - 8px)/2); border-radius:10px; background:#2563eb; box-shadow:0 3px 10px #2563eb26; transform:translateX(0); pointer-events:none; } #diagnosticAgentPage .da-mode-switch.is-diagnosis .da-mode-thumb { transform:translateX(100%); } #diagnosticAgentPage .da-mode-switch button, body.light #diagnosticAgentPage .da-mode-switch button { position:relative; flex:1; min-width:0; min-height:44px; padding:10px 18px; border:0; border-radius:10px; background:transparent; color:var(--da-app-muted); font:inherit; font-size:15px; line-height:1.5; font-weight:600; box-shadow:none; cursor:pointer; transform:none; } #diagnosticAgentPage .da-mode-switch button[aria-pressed=true], body.light #diagnosticAgentPage .da-mode-switch button[aria-pressed=true] { color:#fff; background:transparent; } #diagnosticAgentPage .da-mode-switch button:hover:not(:disabled), body.light #diagnosticAgentPage .da-mode-switch button:hover:not(:disabled) { background:transparent; color:var(--da-app-text); transform:none; } #diagnosticAgentPage .da-mode-switch button[aria-pressed=true]:hover:not(:disabled), body.light #diagnosticAgentPage .da-mode-switch button[aria-pressed=true]:hover:not(:disabled) { color:#fff; } #diagnosticAgentPage .da-mode-switch button:focus-visible { outline:2px solid var(--da-app-accent); outline-offset:3px; } #diagnosticAgentPage .da-mode-switch button:disabled { cursor:wait; opacity:.65; } #diagnosticAgentPage .da-conversation-mode { display:flex; flex:0 0 auto; justify-content:center; padding:12px 24px; border-bottom:1px solid var(--da-app-line); } #diagnosticAgentPage .da-home-composer { box-sizing:border-box; width:min(900px,100%); margin:24px auto 0; padding:16px; border:1px solid var(--da-app-line); border-radius:16px; background:var(--da-app-panel); box-shadow:0 8px 28px #3263960d; } #diagnosticAgentPage :is(.da-home-composer,.da-conversation-composer) label { display:block; margin-bottom:8px; color:var(--da-app-muted); font-size:12px; } #diagnosticAgentPage :is(.da-home-composer,.da-conversation-composer) textarea { box-sizing:border-box; display:block; width:100%; min-height:82px; max-height:240px; resize:vertical; border:0; padding:6px 0; background:transparent; color:var(--da-app-text); font:inherit; font-size:14px; line-height:1.7; } #diagnosticAgentPage :is(.da-home-composer,.da-conversation-composer) footer { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; } #diagnosticAgentPage :is(.da-home-composer,.da-conversation-composer) small { color:var(--da-app-muted); font-size:11px; } #diagnosticAgentPage :is(.da-home-composer,.da-conversation-composer) button[type=submit] { color:#fff; background:#2474b6; border-color:#2474b6; } #diagnosticAgentPage .da-home-note { color:var(--da-app-muted); font-size:12px; text-align:center; margin:14px 0 4px; line-height:1.6; } #diagnosticAgentPage .da-conversation { display:flex; flex-direction:column; height:calc(100svh - 115px); min-height:620px; } #diagnosticAgentPage .da-conversation-header { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; border-bottom:1px solid var(--da-app-line); } #diagnosticAgentPage .da-conversation-header > div { min-width:0; } #diagnosticAgentPage .da-conversation-header h1 { margin:0; font-size:21px; line-height:1.5; color:var(--da-app-text); overflow-wrap:anywhere; } #diagnosticAgentPage .da-conversation-header p { margin:5px 0 0; font-size:12px; color:var(--da-app-muted); } #diagnosticAgentPage .da-conversation-header > div:last-child { display:flex; flex-wrap:wrap; gap:8px; } #diagnosticAgentPage .da-chat-context { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 24px; color:var(--da-app-muted); font-size:12px; } #diagnosticAgentPage .da-chat-context > span { flex:1 1 240px; overflow-wrap:anywhere; } #diagnosticAgentPage .da-chat-context button { padding:5px 8px; font-size:11px; } #diagnosticAgentPage .da-conversation-messages { flex:1 1 auto; min-height:120px; overflow-y:auto; padding:18px max(24px,calc((100% - 900px)/2)); scroll-behavior:smooth; } #diagnosticAgentPage .da-conversation-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:38px 18px; min-height:200px; text-align:center; } #diagnosticAgentPage .da-conversation-empty img { width:64px; height:64px; object-fit:contain; } #diagnosticAgentPage .da-conversation-empty h2 { font-size:23px; margin:0; color:var(--da-app-text); } #diagnosticAgentPage .da-conversation-empty p { margin:0; font-size:13px; line-height:1.7; color:var(--da-app-muted); } #diagnosticAgentPage .da-conversation-message { margin-bottom:24px; min-width:0; } #diagnosticAgentPage .da-message-author { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--da-app-muted); } #diagnosticAgentPage .da-message-author img { width:30px; height:30px; object-fit:contain; } #diagnosticAgentPage .da-conversation-message p { margin:8px 0; padding:12px 16px; border-radius:13px; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--da-app-text); font-size:14px; line-height:1.9; background:var(--da-app-wash); } #diagnosticAgentPage .da-conversation-message.is-user { margin-left:15%; } #diagnosticAgentPage .da-conversation-message.is-user .da-message-author { justify-content:flex-end; } #diagnosticAgentPage .da-conversation-message.is-user p { background:var(--da-app-user); } #diagnosticAgentPage .da-conversation-message.is-assistant { margin-right:5%; } #diagnosticAgentPage .da-conversation-message > button { padding:3px 7px; font-size:11px; background:transparent; border-color:transparent; color:var(--da-app-muted); } #diagnosticAgentPage .da-chat-thinking { padding:8px 0 18px; font-size:13px; color:var(--da-app-muted); } #diagnosticAgentPage .da-conversation-status { min-height:18px; margin:4px 24px 8px; font-size:12px; line-height:1.6; color:var(--da-app-muted); overflow-wrap:anywhere; } #diagnosticAgentPage .da-conversation-composer { flex:0 0 auto; margin:0 24px 18px; padding:12px 16px; border:1px solid var(--da-app-line); border-radius:14px; background:var(--da-app-panel); } #diagnosticAgentPage .da-conversation-composer footer > div { display:flex; gap:8px; flex-wrap:wrap; } #diagnosticAgentPage .da-conversation-history { min-height:calc(100svh - 113px); } #diagnosticAgentPage .da-history-search { display:flex; gap:12px; align-items:center; padding:20px 24px 12px; color:var(--da-app-muted); font-size:13px; } #diagnosticAgentPage .da-history-search input { flex:1; min-width:0; max-width:650px; padding:10px 12px; border:1px solid var(--da-app-line); border-radius:9px; background:var(--da-app-wash); color:var(--da-app-text); font:inherit; } #diagnosticAgentPage .da-conversation-records { display:grid; gap:12px; padding:12px 24px 24px; } #diagnosticAgentPage .da-conversation-record { display:flex; align-items:center; gap:12px; border:1px solid var(--da-app-line); border-radius:12px; padding:8px; } #diagnosticAgentPage .da-conversation-record > button:first-child { flex:1; min-width:0; display:grid; gap:8px; background:transparent; border-color:transparent; text-align:left; } #diagnosticAgentPage .da-conversation-record strong { color:var(--da-app-text); font-size:15px; overflow-wrap:anywhere; } #diagnosticAgentPage .da-conversation-record span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--da-app-muted); font-size:12px; } #diagnosticAgentPage .da-conversation-record small { color:var(--da-app-muted); font-size:11px; } #diagnosticAgentPage .da-conversation-record .da-chat-delete { flex:0 0 auto; color:#bc6670; background:transparent; } #diagnosticAgentPage .da-workspace.is-diagnosis-view { grid-template-columns:178px minmax(0,1fr) clamp(310px,24vw,370px); column-gap:14px; } #diagnosticAgentPage .da-workspace.is-diagnosis-view.is-left-collapsed { grid-template-columns:64px minmax(0,1fr) clamp(310px,24vw,370px); } #diagnosticAgentPage .is-diagnosis-view > .da-left-panel { grid-column:1; grid-row:1; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-main { grid-column:2; grid-row:1; min-width:0; padding:0; border:0; background:transparent; box-shadow:none; gap:12px; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-context { grid-column:3; grid-row:1; display:flex; flex-direction:column; gap:10px; min-width:0; padding:10px; border:1px solid var(--da-app-line); border-radius:14px; color:var(--da-app-text); background:var(--da-app-panel); } #diagnosticAgentPage .da-diagnosis-main > .da-right-panel { display:flex; flex-direction:column; min-width:0; width:100%; padding:18px; gap:12px; } #diagnosticAgentPage .da-diagnosis-main .da-right-head { margin:0; } #diagnosticAgentPage .da-diagnosis-main .da-right-head h3 { font-size:22px; } #diagnosticAgentPage .da-diagnosis-main .da-result-empty { min-height:clamp(270px,32vh,400px); margin:0; padding:32px 20px; justify-content:center; } #diagnosticAgentPage .da-diagnosis-main .da-result-empty strong { font-size:21px; } #diagnosticAgentPage .da-diagnosis-main .da-result-empty p { text-align:center; overflow-wrap:anywhere; } #diagnosticAgentPage .da-diagnosis-main > .da-right-panel.is-waiting { min-height:clamp(600px,calc(100svh - 225px),850px); } #diagnosticAgentPage .da-diagnosis-welcome { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:12px 0 24px; min-width:0; } #diagnosticAgentPage .da-diagnosis-welcome .da-result-empty { width:100%; min-height:210px; padding:24px 12px 12px; background:transparent; border:0; box-shadow:none; } #diagnosticAgentPage .da-diagnosis-input-area { margin-top:18px; min-width:0; width:100%; } #diagnosticAgentPage .da-diagnosis-input-area .da-toolbar { display:block; padding:14px 0 12px; border-top:1px solid var(--da-app-line); } #diagnosticAgentPage .da-diagnosis-input-area .da-global-search-control { display:grid; grid-template-columns:minmax(210px,1fr) minmax(0,1fr); gap:6px 18px; align-items:center; } #diagnosticAgentPage .da-diagnosis-input-area .da-control > label { color:var(--da-app-muted); font-size:12px; } #diagnosticAgentPage .da-diagnosis-input-area #daGlobalSearch { box-sizing:border-box; width:100%; min-width:0; font-size:13px; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-copy > strong { font-size:20px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-summary { margin:4px 0 0; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-summary > div { display:grid; grid-template-columns:54px minmax(0,1fr); gap:6px; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-summary :is(dt,dd) { margin:0; font-size:11px; line-height:1.6; white-space:normal; overflow-wrap:anywhere; } #diagnosticAgentPage .da-diagnosis-input-area .da-home-composer { width:100%; margin:0; padding:14px; box-shadow:none; } #diagnosticAgentPage .da-diagnosis-composer .da-diagnosis-controls { border-top:0; padding-top:0; margin-top:12px; } #diagnosticAgentPage .da-diagnosis-controls { display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin-top:4px; } #diagnosticAgentPage .da-diagnosis-controls .da-result-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); flex:1 1 240px; gap:10px; padding:0; margin:0; } #diagnosticAgentPage .da-diagnosis-controls .da-result-actions button { width:100%; min-width:0; min-height:42px; padding:10px 8px; font-size:13px; } #diagnosticAgentPage .da-diagnosis-run-controls { display:flex; flex:1 1 330px; align-items:end; gap:10px; } #diagnosticAgentPage .da-diagnosis-run-controls .da-control { flex:1; min-width:0; } #diagnosticAgentPage .da-diagnosis-run-controls .da-control > label { display:block; color:var(--da-app-muted); font-size:12px; margin-bottom:6px; } #diagnosticAgentPage .da-diagnosis-run-controls .da-range { display:flex; width:100%; min-width:0; } #diagnosticAgentPage .da-diagnosis-run-controls .da-range button { flex:1; min-width:0; padding:10px 8px; font-size:12px; white-space:nowrap; } #diagnosticAgentPage .da-diagnosis-run-controls .start-btn { flex:0 0 auto; min-width:90px; min-height:42px; padding:10px 13px; font-size:14px; } #diagnosticAgentPage .da-diagnosis-run-controls .start-btn:not(:disabled) { color:#fff; background:#2563eb; border:1px solid #2563eb; box-shadow:0 4px 12px #2563eb26; font-weight:700; transform:none; } #diagnosticAgentPage .da-diagnosis-run-controls .start-btn:not(:disabled):hover { background:#1d4ed8; border-color:#1d4ed8; } body.light #diagnosticAgentPage .da-diagnosis-run-controls .start-btn:not(:disabled) { color:#fff; background:#2563eb; border-color:#2563eb; box-shadow:0 4px 12px #2563eb26; } body.light #diagnosticAgentPage .da-diagnosis-run-controls .start-btn:not(:disabled):hover { background:#1d4ed8; border-color:#1d4ed8; } #diagnosticAgentPage .da-diagnosis-run-controls .start-btn:disabled { background:var(--da-app-wash); border:1px solid var(--da-app-line); color:var(--da-app-muted); box-shadow:none; cursor:not-allowed; opacity:.7; } #diagnosticAgentPage .da-diagnosis-run-controls .start-btn:focus-visible { outline:2px solid var(--da-app-accent); outline-offset:3px; } #diagnosticAgentPage .da-diagnosis-context .da-card { min-width:0; min-height:0; height:auto; padding:12px; } #diagnosticAgentPage .da-diagnosis-context .da-card-title { font-size:14px; margin-bottom:10px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-summary { flex-wrap:wrap; gap:6px; margin-bottom:6px; } #diagnosticAgentPage .da-diagnosis-context .alarm-pill { font-size:11px; padding:4px 6px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-list { height:auto!important; max-height:190px!important; min-height:0; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row { display:grid; grid-template-columns:6px minmax(0,1fr); gap:6px; padding:8px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row strong { font-size:12px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row small { font-size:11px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row time { grid-column:2; font-size:10px; white-space:normal; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-empty { padding:12px 6px; min-height:0; font-size:12px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card { grid-template-columns:72px minmax(0,1fr); gap:9px; min-height:112px; padding:10px 0; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-visual { width:72px; height:88px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card.is-inverter .da-overview-device-visual img { width:72px; height:76px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card.is-gateway .da-overview-device-visual img { width:35px; height:88px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-title { flex-wrap:wrap; gap:5px; margin-bottom:6px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-title strong { font-size:13px; white-space:nowrap; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card dl { gap:5px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card dl div { grid-template-columns:58px minmax(0,1fr); gap:5px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card :is(dt,dd) { margin:0; font-size:11px; line-height:1.5; min-width:0; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card dt { white-space:nowrap; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card dd { white-space:normal; overflow-wrap:anywhere; } #diagnosticAgentPage .da-diagnosis-context .da-device-online-status { font-size:10px; padding:2px 4px; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-item { display:grid; grid-template-columns:28px minmax(0,1fr); gap:7px; padding:8px 6px; min-height:70px; height:auto; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-icon { width:28px; height:32px; margin:0; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-art { width:28px!important; height:32px!important; max-width:100%; object-fit:contain; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-item > div { min-width:0; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-item small { font-size:11px; white-space:normal; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-item strong { font-size:14px; line-height:1.5; overflow-wrap:anywhere; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-detail { font-size:10px; white-space:normal; overflow-wrap:anywhere; } #diagnosticAgentPage .da-diagnosis-main .da-chart-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #diagnosticAgentPage .da-subpage-heading { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; font-size:12px; color:var(--da-app-muted); } #diagnosticAgentPage .da-subpage-heading > span { flex:1; } #diagnosticAgentPage .da-subpage-heading button { border:1px solid var(--da-app-line); border-radius:6px; padding:6px 9px; color:var(--da-app-accent); background:var(--da-app-wash); cursor:pointer; } @media(min-width:1800px) { #diagnosticAgentPage .da-diagnosis-main .da-chart-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media(max-width:1100px) { #diagnosticAgentPage .da-workspace.is-diagnosis-view { grid-template-columns:158px minmax(0,1fr); } #diagnosticAgentPage .is-diagnosis-view > .da-left-panel { grid-column:1; grid-row:1 / span 2; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-context { grid-column:2; grid-row:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-main { grid-column:2; grid-row:1; } #diagnosticAgentPage .da-workspace.is-diagnosis-view.is-left-collapsed { grid-template-columns:64px minmax(0,1fr); } } @media(max-width:720px) { #diagnosticAgentPage .da-workspace:is(.is-hub-view,.is-diagnosis-view),#diagnosticAgentPage .da-workspace:is(.is-hub-view,.is-diagnosis-view).is-left-collapsed { display:flex; flex-direction:column; gap:10px; } #diagnosticAgentPage .da-workspace:is(.is-hub-view,.is-diagnosis-view) > * { width:100%; box-sizing:border-box; } #diagnosticAgentPage .da-workspace:is(.is-hub-view,.is-diagnosis-view) .da-left-panel { display:flex; flex-direction:column; padding:10px; } #diagnosticAgentPage .da-workspace:is(.is-hub-view,.is-diagnosis-view) .da-menu-group { display:flex; flex-wrap:wrap; gap:5px; } #diagnosticAgentPage .da-workspace:is(.is-hub-view,.is-diagnosis-view) .da-menu-item { width:auto; min-width:40px; padding:8px; } #diagnosticAgentPage .da-workspace:is(.is-hub-view,.is-diagnosis-view) :is(.da-chat-entry,.da-menu-group-title,.da-left-subtitle) { display:none; } #diagnosticAgentPage .is-diagnosis-view > .da-left-panel { order:0; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-context { order:2; display:flex; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-main { order:1; } #diagnosticAgentPage .da-diagnosis-main .da-right-panel { padding:12px; } #diagnosticAgentPage .da-diagnosis-main > .da-right-panel.is-waiting { min-height:0; } #diagnosticAgentPage .da-diagnosis-input-area .da-global-search-control { display:flex; flex-direction:column; align-items:stretch; gap:6px; } #diagnosticAgentPage .da-diagnosis-input-area .da-station-context { width:100%; margin-top:6px; } #diagnosticAgentPage .da-diagnosis-input-area .da-home-composer { padding:12px; } #diagnosticAgentPage .da-diagnosis-controls { flex-direction:column; align-items:stretch; } #diagnosticAgentPage .da-diagnosis-controls :is(.da-result-actions,.da-diagnosis-run-controls) { flex:0 0 auto; min-width:0; } #diagnosticAgentPage .da-diagnosis-run-controls { flex-wrap:wrap; } #diagnosticAgentPage .da-diagnosis-run-controls .da-control { flex:1 1 190px; } #diagnosticAgentPage .da-diagnosis-main .da-chart-grid { grid-template-columns:minmax(0,1fr); } #diagnosticAgentPage .da-home { padding:14px; min-height:620px; } #diagnosticAgentPage .da-home-welcome { padding:28px 0 18px; } #diagnosticAgentPage .da-mode-switch { width:260px; } #diagnosticAgentPage .da-conversation { height:730px; min-height:620px; } #diagnosticAgentPage .da-conversation-header { padding:14px; align-items:flex-start; flex-wrap:wrap; } #diagnosticAgentPage .da-conversation-messages { padding:12px; } #diagnosticAgentPage .da-chat-context { padding:10px 14px; } #diagnosticAgentPage .da-conversation-composer { margin:0 10px 12px; padding:10px; } #diagnosticAgentPage .da-conversation-records { padding:10px; } #diagnosticAgentPage .da-conversation-record { gap:4px; } #diagnosticAgentPage .da-conversation-record strong { font-size:13px; } #diagnosticAgentPage .da-history-search { padding:12px; flex-wrap:wrap; } } @media(prefers-reduced-motion:reduce) { #diagnosticAgentPage .da-mode-switch, #diagnosticAgentPage .da-mode-thumb, #diagnosticAgentPage [data-da-mode-surface] { animation:none!important; transition:none!important; } } /* 诊断页右侧告警卡片与历史弹窗；保持与发电总览历史表一致的深色信息层级。 */ #diagnosticAgentPage .da-card-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; min-width:0; } #diagnosticAgentPage .da-card-head .da-card-title { margin-bottom:0; min-width:0; } #diagnosticAgentPage .da-alarm-history-button { flex:0 0 auto; min-height:25px; padding:3px 7px; color:var(--da-app-accent); border:1px solid var(--da-app-line); border-radius:6px; background:var(--da-app-wash); font-size:11px; line-height:1.2; cursor:pointer; white-space:nowrap; } #diagnosticAgentPage .da-alarm-history-button:hover:not(:disabled) { color:#fff; border-color:#4f9bdf; background:#1b5a88; } #diagnosticAgentPage .da-alarm-history-button:disabled { opacity:.5; cursor:not-allowed; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls { margin-top:12px; padding:0; border-top:0; } .da-alarm-history-modal { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:28px; background:rgba(5,10,18,.68); backdrop-filter:blur(4px); } .da-alarm-history-modal[hidden] { display:none!important; } .da-alarm-history-dialog { width:min(1534px,calc(100vw - 56px)); max-height:82vh; display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; color:#eaf2ff; border:1px solid rgba(146,169,194,.22); border-radius:14px; background:linear-gradient(180deg,#131d2d,#0f1725); box-shadow:0 24px 70px rgba(0,0,0,.46); } .da-alarm-history-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; border-bottom:1px solid rgba(146,169,194,.16); } .da-alarm-history-dialog h3 { margin:0; color:#f2f7ff; font-size:20px; line-height:1.2; } .da-alarm-history-dialog header span { display:block; margin-top:5px; color:#93a4b8; font-size:13px; } .da-alarm-history-dialog header button { display:grid; place-items:center; width:32px; height:32px; color:#aeb8c5; border:1px solid rgba(146,169,194,.22); border-radius:9px; background:rgba(255,255,255,.04); font-size:24px; line-height:1; cursor:pointer; } .da-alarm-history-dialog header button:hover { color:#fff; background:rgba(225,83,97,.16); border-color:rgba(225,83,97,.44); } .da-alarm-history-table-wrap { overflow:auto; } .da-alarm-history-table-wrap table { width:100%; min-width:1120px; border-collapse:collapse; font-size:13px; } .da-alarm-history-table-wrap th { padding:11px 12px; color:#9fb0c3; background:rgba(22,35,53,.86); border-bottom:1px solid rgba(146,169,194,.14); text-align:left; white-space:nowrap; } .da-alarm-history-table-wrap td { padding:11px 12px; color:#dce7f5; border-bottom:1px solid rgba(146,169,194,.11); white-space:nowrap; } .da-alarm-history-table-wrap tbody tr:hover { background:rgba(91,225,201,.05); } .da-alarm-history-type,.da-alarm-history-status { display:inline-flex; align-items:center; min-width:48px; justify-content:center; padding:3px 8px; border-radius:999px; font-size:12px; } .da-alarm-history-type.is-fault { color:#ffdce1; background:rgba(225,83,97,.18); } .da-alarm-history-type.is-alarm { color:#ffe9b6; background:rgba(232,184,79,.18); } .da-alarm-history-status.is-active { color:#ffdce1; background:rgba(225,83,97,.16); } .da-alarm-history-status.is-recovered { color:#bff4df; background:rgba(24,201,135,.14); } .da-alarm-history-mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; } .da-alarm-history-empty { padding:32px!important; color:#9fb0c3!important; text-align:center!important; } .da-alarm-history-dialog > footer { display:flex; align-items:center; justify-content:flex-end; gap:10px; padding:10px 20px; border-top:1px solid rgba(146,169,194,.16); color:#9fb0c3; font-size:13px; } .da-alarm-history-dialog > footer[hidden] { display:none!important; } .da-alarm-history-dialog > footer button { min-width:64px; height:28px; color:#dce7f5; border:1px solid rgba(146,169,194,.24); border-radius:8px; background:rgba(255,255,255,.04); cursor:pointer; } .da-alarm-history-dialog > footer button:hover:not(:disabled) { color:#5be1c9; border-color:rgba(91,225,201,.44); background:rgba(91,225,201,.10); } .da-alarm-history-dialog > footer button:disabled { opacity:.45; cursor:not-allowed; } @media (min-width:721px) and (max-width:1100px) { #diagnosticAgentPage .da-workspace.is-diagnosis-view { grid-template-columns:132px minmax(0,1fr) minmax(220px,260px); column-gap:8px; } #diagnosticAgentPage .da-workspace.is-diagnosis-view.is-left-collapsed { grid-template-columns:56px minmax(0,1fr) minmax(220px,260px); } #diagnosticAgentPage .is-diagnosis-view > .da-left-panel { grid-column:1; grid-row:1; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-main { grid-column:2; grid-row:1; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-context { grid-column:3; grid-row:1; display:flex; flex-direction:column; } } @media (max-width:720px) { .da-alarm-history-modal { padding:8px; } .da-alarm-history-dialog { width:100%; max-height:90vh; } .da-alarm-history-dialog > header { padding:14px; } } /* 中等屏幕紧凑诊断布局：压缩首屏空白并保留右侧上下文栏。 */ @media (min-width:680px) and (max-width:1100px) { #diagnosticAgentPage .da-workspace.is-diagnosis-view, #diagnosticAgentPage .da-workspace.is-diagnosis-view.is-left-collapsed { display:grid; grid-template-columns:clamp(104px,13vw,132px) minmax(0,1fr) clamp(174px,24vw,260px); column-gap:6px; row-gap:0; } #diagnosticAgentPage .da-workspace.is-diagnosis-view > * { width:auto; box-sizing:border-box; } #diagnosticAgentPage .da-workspace.is-diagnosis-view.is-left-collapsed { grid-template-columns:56px minmax(0,1fr) clamp(174px,24vw,260px); } #diagnosticAgentPage .is-diagnosis-view > .da-left-panel { grid-column:1; grid-row:1; order:initial; padding:8px 6px; gap:8px; border-radius:10px; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-main { grid-column:2; grid-row:1; order:initial; gap:6px; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-context { grid-column:3; grid-row:1; order:initial; display:flex; flex-direction:column; gap:6px; padding:6px; border-radius:10px; } #diagnosticAgentPage .da-left-top { gap:4px; padding-bottom:6px; } #diagnosticAgentPage .da-left-title { font-size:14px; } #diagnosticAgentPage .da-left-subtitle { display:block; margin-top:2px; font-size:9px; line-height:1.3; } #diagnosticAgentPage .da-sidebar-toggle { flex-basis:20px; width:20px; height:20px; border-radius:6px; } #diagnosticAgentPage .da-sidebar-toggle svg { width:12px; height:12px; } #diagnosticAgentPage .da-menu-group-title { display:block; margin-bottom:4px; font-size:9px; } #diagnosticAgentPage .da-menu-group + .da-menu-group { padding-top:5px; } #diagnosticAgentPage .da-menu-item { min-height:28px; margin-bottom:3px; padding:0 5px; gap:4px; border-radius:6px; font-size:10px; } #diagnosticAgentPage .da-menu-item svg { width:13px; height:13px; } #diagnosticAgentPage .da-diagnosis-main > .da-right-panel { padding:8px; gap:6px; border-radius:10px; } #diagnosticAgentPage .da-diagnosis-main > .da-right-panel.is-waiting { min-height:0; } #diagnosticAgentPage .da-diagnosis-main .da-right-head { padding:0 0 2px; } #diagnosticAgentPage .da-diagnosis-main .da-right-head h3 { font-size:14px; } #diagnosticAgentPage .da-diagnosis-welcome { flex:0 0 auto; gap:4px; padding:0 0 4px; } #diagnosticAgentPage .da-diagnosis-welcome .da-result-empty { min-height:112px; padding:10px 8px 8px; gap:4px; } #diagnosticAgentPage .da-diagnosis-main .da-result-empty strong { font-size:13px; } #diagnosticAgentPage .da-diagnosis-main .da-result-empty p { font-size:10px; line-height:1.4; } #diagnosticAgentPage .da-diagnosis-welcome .da-ai-orb { width:44px; height:44px; } #diagnosticAgentPage .da-diagnosis-welcome .da-ai-art { width:56px!important; height:56px!important; } #diagnosticAgentPage .da-diagnosis-welcome .da-mode-switch { width:178px; padding:2px; border-radius:8px; } #diagnosticAgentPage .da-diagnosis-welcome .da-mode-thumb { inset:2px auto 2px 2px; width:calc((100% - 4px)/2); border-radius:6px; } #diagnosticAgentPage .da-diagnosis-welcome .da-mode-switch button { min-height:25px; padding:3px 8px; border-radius:6px; font-size:10px; } #diagnosticAgentPage .da-diagnosis-input-area { margin-top:4px; } #diagnosticAgentPage .da-diagnosis-input-area .da-toolbar { padding:6px 0 4px; } #diagnosticAgentPage .da-diagnosis-input-area .da-global-search-control { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:3px 8px; } #diagnosticAgentPage .da-diagnosis-input-area .da-control > label { font-size:9px; } #diagnosticAgentPage .da-diagnosis-input-area #daGlobalSearch { min-height:25px; padding:0 7px; font-size:10px; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-copy > strong { font-size:13px; line-height:1.2; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-summary { margin-top:2px; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-summary > div { grid-template-columns:32px minmax(0,1fr); gap:4px; } #diagnosticAgentPage .da-diagnosis-input-area .go-station-summary :is(dt,dd) { font-size:9px; line-height:1.25; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls { gap:4px; margin-top:4px; align-items:center; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-result-actions { flex:0 0 142px; gap:4px; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-result-actions button { min-height:26px; padding:4px 3px; font-size:9px; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-diagnosis-run-controls { flex:1 1 auto; gap:4px; align-items:center; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-diagnosis-run-controls .da-control > label { margin-bottom:2px; font-size:9px; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-range { padding:2px; gap:2px; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-range button { min-height:25px; padding:4px 2px; font-size:9px; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .start-btn { min-width:56px; min-height:28px; padding:4px 6px; font-size:10px; } #diagnosticAgentPage .da-diagnosis-context .da-card { padding:7px; border-radius:8px; } #diagnosticAgentPage .da-diagnosis-context .da-card-title { font-size:11px; margin-bottom:5px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-card-head { margin-bottom:5px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-history-button { min-height:20px; padding:2px 4px; font-size:9px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-summary { gap:3px; margin-bottom:4px; } #diagnosticAgentPage .da-diagnosis-context .alarm-pill { min-height:18px; padding:2px 4px; font-size:9px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-list { max-height:76px!important; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row { grid-template-columns:4px minmax(0,1fr); gap:4px; min-height:0; padding:5px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row .dot { width:6px; height:6px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row strong { font-size:10px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row small { margin-top:1px; font-size:9px; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-row time { display:none; } #diagnosticAgentPage .da-diagnosis-context .da-overview-equipment-grid { display:block; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card { grid-template-columns:42px minmax(0,1fr); gap:5px; min-height:0; padding:5px 0; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-visual { width:42px; height:50px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card.is-inverter .da-overview-device-visual img { width:42px; height:46px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card.is-gateway .da-overview-device-visual img { width:20px; height:50px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-title { gap:3px; margin-bottom:3px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-title strong { font-size:10px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card dl { gap:2px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card dl div { grid-template-columns:33px minmax(0,1fr); gap:3px; } #diagnosticAgentPage .da-diagnosis-context .da-overview-device-card :is(dt,dd) { font-size:8px; line-height:1.25; } #diagnosticAgentPage .da-diagnosis-context .da-device-online-status { font-size:8px; padding:1px 3px; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-grid { gap:4px; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-item { grid-template-columns:18px minmax(0,1fr); gap:4px; min-height:46px; padding:5px 3px; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-icon { width:18px; height:22px; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-art { width:18px!important; height:22px!important; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-item small { font-size:8px; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-item strong { font-size:10px; line-height:1.2; } #diagnosticAgentPage .da-diagnosis-context .da-runtime-detail { font-size:8px; } #diagnosticAgentPage .da-diagnosis-main .da-charts-panel { min-height:0; } #diagnosticAgentPage .da-diagnosis-main .da-tabs { padding:0 5px; } #diagnosticAgentPage .da-diagnosis-main .da-tabs button { min-height:23px; padding:0 6px; font-size:10px; } #diagnosticAgentPage .da-diagnosis-main .da-chart-grid { min-height:0; } #diagnosticAgentPage .da-diagnosis-main .da-chart-card { min-height:0; padding:4px 5px 3px; } #diagnosticAgentPage .da-diagnosis-main .da-chart-head { gap:3px; margin-bottom:2px; } #diagnosticAgentPage .da-diagnosis-main .da-chart-head strong, #diagnosticAgentPage .da-diagnosis-main .da-chart-head small { font-size:9px; } #diagnosticAgentPage .da-diagnosis-main .da-chart-dot { width:5px; height:5px; } #diagnosticAgentPage .da-diagnosis-main svg.da-trend-svg { min-height:64px; height:64px; } #diagnosticAgentPage .da-diagnosis-main .da-chart-footer { padding:3px 5px 5px; font-size:8px; } } /* 紧凑诊断布局覆盖全局按钮基线，避免导航和操作按钮被放大。 */ @media (min-width:680px) and (max-width:1100px) { #diagnosticAgentPage .da-sidebar-toggle { min-height:20px!important; padding:0!important; font-size:10px!important; } #diagnosticAgentPage .da-menu-item { min-height:28px!important; padding:0 5px!important; font-size:10px!important; white-space:nowrap; } #diagnosticAgentPage .da-diagnosis-welcome .da-mode-switch button { min-height:25px!important; padding:3px 8px!important; font-size:10px!important; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-result-actions button { min-height:26px!important; padding:4px 3px!important; font-size:9px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .da-range button { min-height:25px!important; padding:4px 2px!important; font-size:9px!important; } #diagnosticAgentPage .da-diagnosis-input-area > .da-diagnosis-controls .start-btn { min-width:56px; min-height:28px!important; padding:4px 6px!important; font-size:10px!important; white-space:nowrap; } #diagnosticAgentPage .da-diagnosis-context .da-alarm-history-button { min-height:20px!important; padding:2px 4px!important; font-size:9px!important; } #diagnosticAgentPage .da-diagnosis-main .da-tabs button { min-height:23px!important; padding:0 6px!important; font-size:10px!important; } } /* 工作台与对话共用会话布局，欢迎区和消息区在同一位置切换。 */ #diagnosticAgentPage .da-unified-workbench { padding:0; } #diagnosticAgentPage .da-unified-workbench .da-home-welcome { padding:32px 16px;min-height:220px; } #diagnosticAgentPage .da-unified-workbench .da-home-welcome img { width:84px;height:84px; } #diagnosticAgentPage .da-unified-workbench .da-home-welcome h2 { font-size:clamp(24px,2.6vw,40px); } #diagnosticAgentPage .da-unified-workbench .da-conversation-composer { width:calc(100% - 32px);max-width:900px;align-self:center;box-sizing:border-box; } /* 两个入口采用原工作台外观：简洁页头、居中欢迎与模式切换、底部固定宽度输入区。 */ #diagnosticAgentPage .da-unified-workbench { padding:20px 30px;box-sizing:border-box;height:calc(100svh - 115px);min-height:620px; } #diagnosticAgentPage .da-unified-workbench .da-home-top { flex:none; } #diagnosticAgentPage .da-unified-workbench .da-home-top > div { display:flex;gap:8px; } #diagnosticAgentPage .da-unified-workbench.is-welcome .da-conversation-messages { display:flex;align-items:stretch;justify-content:center;padding:0; } #diagnosticAgentPage .da-unified-workbench .da-home-welcome { flex:1;min-height:240px;padding:24px 12px;gap:16px; } #diagnosticAgentPage .da-unified-workbench .da-home-welcome h2 { margin:8px 0 2px; } #diagnosticAgentPage .da-unified-workbench .da-conversation-composer { width:min(900px,100%);margin:16px auto 0;padding:16px;flex:none; } #diagnosticAgentPage .da-unified-workbench .da-conversation-mode { border:0;padding:10px; } #diagnosticAgentPage .da-unified-workbench .da-conversation-status:empty { display:none; } #diagnosticAgentPage .da-workbench-options { margin:4px 0 10px;color:var(--da-app-muted);font-size:11px; } #diagnosticAgentPage .da-workbench-options summary { cursor:pointer;width:fit-content; } #diagnosticAgentPage .da-workbench-options[open] { max-height:230px;overflow:auto; } #diagnosticAgentPage .da-workbench-options .da-chat-context { padding:8px 0; } @media(max-width:700px) { #diagnosticAgentPage .da-unified-workbench { padding:14px;height:auto;min-height:calc(100svh - 115px); } #diagnosticAgentPage .da-unified-workbench.has-messages .da-conversation-messages { max-height:55svh; } } /* 桌面侧栏填满顶部导航下方的可视高度；菜单过长时只滚动侧栏，折叠后保持同高。 */ @media(min-width:721px) { #diagnosticAgentPage .da-workspace > .da-left-panel { position:sticky; top:var(--da-sidebar-top,74px); height:calc(100dvh - var(--da-sidebar-top,74px)); min-height:0; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; align-self:start; } #diagnosticAgentPage .da-left-panel > * { flex-shrink:0; } } /* 避免页面末尾的外层留白把满高侧栏向上推离视口底部。 */ @media(min-width:721px) { #diagnosticAgentPage .da-shell { padding-bottom:0; } } /* 智能诊断纵向六步布局：移动已有操作组件，避免复制控件和事件。 */ #diagnosticAgentPage .da-workflow-panel { aspect-ratio:auto; overflow:visible; padding:18px!important; } #diagnosticAgentPage .da-workflow-panel > h2 { margin:0 0 16px; font-size:18px; color:var(--da-app-accent); } #diagnosticAgentPage .da-workflow-steps { position:static; display:flex; flex-direction:column; gap:16px; overflow:visible; } #diagnosticAgentPage .da-workflow-steps > .da-mode-switch { align-self:center; margin-bottom:4px; } #diagnosticAgentPage .da-workflow-steps .da-diagnosis-input-area, #diagnosticAgentPage .da-workflow-special { display:contents; } #diagnosticAgentPage .da-workflow-row { display:grid; grid-template-columns:158px minmax(0,1fr); gap:20px; align-items:stretch; position:relative; } #diagnosticAgentPage .da-workflow-label { position:relative; display:flex; align-self:center; align-items:center; gap:10px; flex-wrap:wrap; padding:8px; border:1px solid var(--da-app-line); border-radius:24px; background:var(--da-app-wash); color:var(--da-app-text); font-size:14px; } #diagnosticAgentPage .da-workflow-number { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; border-radius:50%; background:#205dcc; color:#fff; font-weight:700; } #diagnosticAgentPage .da-workflow-label .da-process-state { position:static; margin-left:40px; font-size:10px; padding:0 4px; } #diagnosticAgentPage .da-workflow-label .da-process-state:empty { display:none; } #diagnosticAgentPage .da-workflow-row:not([data-workflow-step="5"])::after { content:''; position:absolute; top:calc(50% + 26px); bottom:-34px; left:23px; width:1px; background:var(--da-app-line); pointer-events:none; } #diagnosticAgentPage .da-workflow-content { min-width:0; padding:16px; border:1px solid var(--da-app-line); border-radius:12px; background:var(--da-app-wash); transition:background .2s,box-shadow .2s; } #diagnosticAgentPage .da-workflow-row.is-current > .da-workflow-content, #diagnosticAgentPage .da-workflow-row.is-current > .da-workflow-label { background:linear-gradient(110deg,#228bff30,#228bff12); border-color:#409df2; box-shadow:inset 0 0 25px #238aff24,0 0 12px #238aff20; } #diagnosticAgentPage .da-workflow-row.is-done > .da-workflow-content, #diagnosticAgentPage .da-workflow-row.is-done > .da-workflow-label { background:linear-gradient(110deg,#15b89e20,#15b89e09); border-color:#16ac8f70; } #diagnosticAgentPage .da-workflow-row.has-error > .da-workflow-content, #diagnosticAgentPage .da-workflow-row.has-error > .da-workflow-label { background:#e34e4e18; border-color:#e87575; } #diagnosticAgentPage .da-workflow-steps .da-toolbar { border:0; margin:0; padding:0; } #diagnosticAgentPage .da-workflow-steps .da-diagnosis-controls { margin:0; padding:0; border:0; } #diagnosticAgentPage .da-workflow-steps .da-diagnosis-run-controls { width:100%; flex:1; } #diagnosticAgentPage .da-workflow-steps .da-flash-card { border:0; padding:0; background:transparent; } #diagnosticAgentPage .da-workflow-steps .da-flash-heading h2 { display:none; } #diagnosticAgentPage .da-workflow-steps .da-flash-heading p { margin:0; } #diagnosticAgentPage .da-workflow-steps .da-flash-settings { margin-bottom:0; } #diagnosticAgentPage .da-workflow-steps [data-da-open-results] { width:100%; padding:10px; } #diagnosticAgentPage .da-workflow-steps .da-result-actions { margin-top:10px; } @media(max-width:1100px) { #diagnosticAgentPage .da-workflow-panel { padding:12px!important; } #diagnosticAgentPage .da-workflow-row { grid-template-columns:112px minmax(0,1fr); gap:10px; } #diagnosticAgentPage .da-workflow-label { gap:5px; font-size:12px; } #diagnosticAgentPage .da-workflow-content { padding:10px; } } @media(max-width:720px) { #diagnosticAgentPage .da-workflow-row { grid-template-columns:minmax(0,1fr); gap:8px; } #diagnosticAgentPage .da-workflow-label { justify-self:start; min-width:130px; } #diagnosticAgentPage .da-workflow-row::after { display:none; } } @media(prefers-reduced-motion:reduce) { #diagnosticAgentPage .da-workflow-content { transition:none; } } /* 智能诊断桌面三栏同高：中间流程独立滚动，右侧上下文与左侧导航对齐。 */ @media(min-width:721px) { body:has(#diagnosticAgentPage.active .is-diagnosis-view) { overflow-y:hidden; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-main, #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-context { height:calc(100dvh - var(--da-sidebar-top,74px)); min-height:0; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scrollbar-gutter:stable; } #diagnosticAgentPage .is-diagnosis-view > .da-diagnosis-context { align-self:start; border:1px solid var(--da-app-line); border-radius:22px; background:var(--da-app-panel); } #diagnosticAgentPage .da-diagnosis-context > *, #diagnosticAgentPage .da-diagnosis-main > .da-workflow-panel { flex-shrink:0; } }