:root{--nav: #0d3455;--nav-deep: #082d4c;--nav-hover: #0e4569;--nav-active: #165477;--nav-line: #4f8db7;--ink: #122940;--ink-strong: #073760;--muted: #65798c;--line: #d8e2ec;--surface: #ffffff;--surface-soft: #f5f8fb;--accent: #064d7d;--button: #06456f;--blue: #0968ad;--gold: #8c6b20;--font-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;--font-serif: Georgia, "Times New Roman", "Songti SC", serif}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;color:var(--ink);background:#fff;font-family:var(--font-sans)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{display:grid;grid-template-columns:304px minmax(0,1fr);width:100vw;height:100vh;overflow:hidden;background:#fff}.sidebar{position:relative;display:flex;flex-direction:column;gap:16px;padding:18px 18px 20px;color:#fff;background:var(--nav);border-right:1px solid #113f62}.brand-block{display:flex;align-items:center;gap:12px}.brand-seal{display:grid;place-items:center;width:48px;height:48px;color:#e5b45c;background:#164c73;border:1px solid #2a638e;border-radius:12px;font-size:16px;font-weight:800}.brand-block p{margin:0 0 4px;color:#9ab4ca;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.brand-block h1{margin:0;font-size:22px;line-height:1.1;letter-spacing:0}.section-label{margin:4px 0 -4px;color:#d3e1ec;font-size:14px;font-weight:800}.source-nav{display:grid;gap:10px}.source-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:72px;padding:12px;color:#e9f3fb;text-align:left;background:#0e4569;border:1px solid #15587e;border-radius:10px}.source-card.active{background:var(--nav-active);border-color:var(--nav-line);box-shadow:inset 0 0 0 1px #81b6da47}.source-logo{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;background:#eef5fb;border-radius:10px}.source-logo img{width:38px;height:38px;object-fit:contain}.source-card strong,.source-card small{display:block}.source-card strong{margin-bottom:4px;font-size:15px;line-height:1.15}.source-card small{color:#bfd3e3;font-size:12px;line-height:1.35}.api-status{margin-top:auto;padding:12px;color:#d7e8f4;background:#0b3e60;border:1px solid #1b5c83;border-radius:12px}.api-status span,.api-status strong{display:block}.api-status span{margin-bottom:4px;color:#9fc0d8;font-size:12px;font-weight:900;letter-spacing:.08em}.api-status strong{overflow-wrap:anywhere;font-size:13px;line-height:1.35}.sidebar-menu{position:absolute;right:24px;bottom:24px;width:42px;height:42px;color:#d6e8f4;background:#0f5277;border:1px solid #1d6b94;border-radius:14px;font-size:22px;font-weight:800}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:88px;padding:16px 22px;background:#fff;border-bottom:1px solid var(--line)}.title-block p,.title-block h2,.title-block span{display:block;margin:0}.title-block p{margin-bottom:5px;color:#63829b;font-size:12px;font-weight:800}.title-block h2{margin-bottom:5px;color:#102c48;font-size:24px;line-height:1.15;letter-spacing:0}.title-block span{color:#63798d;font-size:13px;font-weight:700}.header-controls,.language-control{display:flex;align-items:center;gap:8px}.language-control span{color:#526c83;font-size:14px;font-weight:800}.language-control select,.header-button,.page-button{min-height:36px;border:1px solid #d3e0ea;border-radius:8px;background:#f7fbff;color:#183d5d;font-weight:800}.language-control select{min-width:132px;padding:0 32px 0 12px;font-size:13px}.header-button{min-width:58px;padding:0 12px;font-size:13px}.header-button:disabled,.page-button:disabled{color:#a2b1bf;background:#f8fafc}.header-button.primary{min-width:58px;color:#fff;background:var(--blue);border-color:var(--blue)}.content-scroll{min-height:0;overflow:auto;padding:16px 22px 20px;background:#fff}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.list-tools strong,.list-tools span{display:block}.list-tools strong{color:var(--ink-strong);font-size:16px}.list-tools span{margin-top:3px;color:var(--muted);font-size:13px}.list-tools input{width:min(340px,100%);min-height:34px;padding:0 12px;color:var(--ink);background:#f8fbfd;border:1px solid var(--line);border-radius:8px;outline:none}.list-tools input:focus{border-color:#87aac8;box-shadow:0 0 0 3px #0968ad1f}.sync-note{margin:0 0 16px;padding:12px 14px;color:#6f4e16;background:#fff8e8;border:1px solid #ecd9a7;border-radius:12px;font-size:14px;font-weight:700}.cards-list{display:grid;gap:8px}.case-card{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:12px;align-items:center;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.case-copy{display:grid;gap:6px;min-width:0}.case-title-row,.case-data-row{display:grid;align-items:center;min-width:0}.case-title-row{grid-template-columns:auto minmax(0,1fr);gap:10px}.case-data-row{grid-template-columns:minmax(0,1fr) minmax(180px,auto);gap:12px}.case-copy p{margin:0;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:0;white-space:nowrap}.case-copy h3{display:block;margin:0;overflow:hidden;color:var(--ink-strong);font-size:17px;line-height:1.3;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis}.case-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;color:#344b60;font-size:12px;line-height:1.25}.case-meta span{display:flex;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.case-meta strong{display:inline;flex:0 0 auto;margin-bottom:0;color:#60798f;font-size:12px;font-weight:900}.case-badges{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:5px;min-width:0;margin-top:0;overflow:hidden}.status-badge{display:inline-flex;align-items:center;min-height:21px;max-width:100%;padding:0 7px;color:#526b80;background:#f2f6f9;border:1px solid #dbe6ee;border-radius:999px;font-size:11px;font-weight:900;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-badge.ok{color:#1f6a45;background:#eff9f3;border-color:#bee3cc}.status-badge.work{color:#775819;background:#fff8e8;border-color:#ead8a7}.status-badge.bad{color:#8a2d2d;background:#fff0f0;border-color:#efc2c2}.status-badge.idle{color:#526b80;background:#f5f8fb}.detail-button{width:64px;min-height:34px;margin-top:0;padding:0;color:#fff;background:var(--button);border:0;border-radius:8px;font-size:13px;font-weight:900}.pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:14px;color:#62788b;font-size:12px;font-weight:800}.pagination label{display:flex;align-items:center;gap:8px}.pagination select{min-width:72px;min-height:34px;padding:0 26px 0 10px;color:#123d63;background:#fff;border:1px solid #d4e1ec;border-radius:8px;font-weight:900}.page-button{min-width:72px;padding:0 12px;background:#fff;border-radius:8px}.page-number-strip{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.page-number{width:34px;min-height:34px;padding:0;color:#244a66;background:#fff;border:1px solid #d4e1ec;border-radius:8px;font-size:12px;font-weight:900}.page-number.active{color:#fff;background:var(--button);border-color:var(--button)}.page-number:disabled{color:#9aacba;background:#f8fafc}.page-gap{min-width:14px;color:#8ba0b2;text-align:center}.empty-state{padding:48px 20px;color:var(--muted);text-align:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:18px}.detail-page{padding-top:22px}.detail-back{min-height:38px;margin-bottom:18px;padding:0 16px;color:var(--accent);background:#eef6fb;border:1px solid #d3e2ed;border-radius:999px;font-weight:900}.detail-head{margin-bottom:18px}.detail-head p{margin:0 0 8px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.1em}.detail-head h3{max-width:1100px;margin:0;color:var(--ink-strong);font-family:var(--font-serif);font-size:42px;line-height:1.08;letter-spacing:0}.detail-panel{margin-bottom:24px;padding:22px;background:#f6f9fc;border:1px solid var(--line);border-radius:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.detail-grid div,.summary-box{padding:16px;background:#fff;border:1px solid #e2eaf2;border-radius:14px}.detail-grid span,.summary-box span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.05em}.detail-grid strong,.summary-box strong{color:var(--ink-strong);font-size:18px;line-height:1.35}.document-section header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.document-section h3{margin:0;color:var(--ink-strong);font-family:var(--font-serif);font-size:28px;line-height:1.1}.document-list{display:grid;gap:14px}.document-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.document-copy{min-width:0}.document-card h4,.document-card p{margin:0}.document-card h4{color:var(--ink-strong);font-size:18px}.document-card p{margin-top:6px;color:var(--muted);font-size:14px}.document-error{max-width:880px;overflow-wrap:anywhere}.document-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:150px}.doc-button{min-height:38px;padding:0 15px;color:var(--accent);background:#eef6fb;border:1px solid #d3e2ed;border-radius:999px;font-weight:900}.doc-button:disabled{color:#9aacba;background:#f8fafc}@media(max-width:1180px){.app-shell{grid-template-columns:264px minmax(0,1fr)}.page-header{grid-template-columns:1fr}.header-controls{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:860px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{min-height:auto}.source-nav,.cards-list{gap:8px}.source-card,.detail-grid,.document-card{grid-template-columns:1fr}.case-card{grid-template-columns:minmax(0,1fr) 64px}.case-title-row,.case-data-row{grid-template-columns:1fr}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-badges{flex-wrap:wrap;justify-content:flex-start}.document-card{align-items:flex-start;flex-direction:column}.document-actions{justify-content:flex-start;min-width:0}.workspace{height:auto}.content-scroll{overflow:visible}.list-tools{align-items:stretch;flex-direction:column}.case-copy h3{font-size:16px}.detail-head h3{font-size:32px}}
