:root{color:#17242b;background:#f4f7f8;font-family:Inter,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Segoe UI,Arial,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #ffffff;--panel-muted: #f7fafb;--panel-border: #d8e3e7;--text: #17242b;--muted: #62727f;--soft: #eef6f6;--accent: #0f8b8d;--accent-dark: #0b6c6f;--accent-soft: #dff1f0;--rose: #d1495b;--amber: #edae49;--blue: #4c78a8;--green: #59a14f;--ink: #0f242b;--shadow: 0 12px 30px rgba(28, 37, 44, .08);--shadow-strong: 0 18px 44px rgba(28, 37, 44, .13);--ring: 0 0 0 3px rgba(15, 139, 141, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#eaf7f6 0,#f5f8f900 340px),linear-gradient(90deg,rgba(15,139,141,.055) 0 1px,transparent 1px),linear-gradient(180deg,rgba(76,120,168,.045) 0 1px,transparent 1px),#f5f7f8;background-size:auto,56px 56px,56px 56px,auto}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.app-shell{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.panel{background:linear-gradient(180deg,#fff 0,#fbfdfd);border:1px solid var(--panel-border);border-radius:8px;box-shadow:var(--shadow)}.import-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:118px;padding:22px;color:#fff;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.09) 0 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(135deg,#073b3d,#14546a 58%,#65502a);border-color:#0f8b8d3d;box-shadow:0 20px 46px #0f242b2e}.import-panel:before{position:absolute;inset:0 0 auto;width:100%;height:4px;content:"";background:linear-gradient(90deg,var(--accent),var(--amber),var(--rose))}.source-block{display:flex;align-items:center;gap:14px;min-width:0}.source-icon,.kpi-icon{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),#13a4a0);border-radius:8px;box-shadow:0 10px 18px #0f8b8d2e}.import-panel .source-icon{color:#e9fbfa;background:#ffffff21;border:1px solid rgba(255,255,255,.2);box-shadow:none}.source-block h1,.section-title h2,.panel-heading h2,.drawer-header h2{margin:0;color:var(--text);letter-spacing:0}.source-block h1{font-size:26px;line-height:1.25}.import-panel .source-block h1,.import-panel .eyebrow{color:#fff}.source-block p{margin:4px 0 0;color:var(--muted);font-size:14px}.import-panel .source-block p{color:#ffffffc2}.eyebrow{display:block;color:var(--accent-dark);font-size:12px;font-weight:700;letter-spacing:.02em}.import-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.primary-button,.ghost-button,.icon-button,.table-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:6px;border:1px solid transparent;white-space:nowrap;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease,transform .16s ease}.primary-button{padding:0 15px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);box-shadow:0 10px 18px #0f8b8d2e}.primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 24px #0f8b8d38}.import-panel .primary-button{color:var(--accent-dark);background:#fff;border-color:#fff9;box-shadow:0 12px 24px #0000002e}.ghost-button,.table-action{padding:0 13px;color:var(--text);background:#fff;border-color:var(--panel-border)}.import-panel .ghost-button{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.ghost-button:hover,.table-action:hover,.icon-button:hover{border-color:var(--accent);color:var(--accent-dark);box-shadow:0 8px 16px #1c252c0f}.import-panel .ghost-button:hover{color:#fff;background:#ffffff29;border-color:#ffffff70;box-shadow:0 10px 22px #00000024}.field input:focus,.field select:focus,.search-input:focus-within{border-color:var(--accent);box-shadow:var(--ring);outline:0}button:focus-visible,.table-action:focus-visible{outline:0;box-shadow:var(--ring)}.icon-button{width:38px;height:38px;color:var(--muted);background:#fff;border-color:var(--panel-border)}.error-banner{flex-basis:100%;padding:10px 12px;color:#8f1f32;background:#fff0f2;border:1px solid #f4b8c1;border-radius:6px;font-size:14px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}.filter-panel{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 32px);padding:18px;overflow:auto;background:linear-gradient(180deg,#0f8b8d09,#fff0 120px),#fff;scrollbar-color:#b9c8ce transparent;scrollbar-width:thin}.filter-panel::-webkit-scrollbar{width:8px}.filter-panel::-webkit-scrollbar-thumb{background:#b9c8ce;border-radius:999px}.filter-heading{padding-bottom:12px;border-bottom:1px solid #e7eef1}.filter-heading,.panel-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-heading strong{display:block;margin-top:3px;color:var(--text);font-size:20px;line-height:1.15}.field{display:grid;gap:7px}.field span,.checkbox-group legend,.checkbox-row span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.search-input{width:100%;min-height:40px;color:var(--text);background:#fbfdfd;border:1px solid var(--panel-border);border-radius:6px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.field input,.field select{padding:0 10px}.field input:hover,.field select:hover,.search-input:hover{background:#fff;border-color:#c6d7dc}.search-input{display:flex;align-items:center;gap:8px;padding:0 10px}.search-input svg{flex:0 0 auto;color:var(--muted)}.search-input input{min-height:34px;padding:0;border:0;outline:0}.search-input input::placeholder{color:#9aa8b0}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns label{display:grid;gap:7px}.checkbox-row{display:flex;align-items:center;gap:9px}.checkbox-row input,.chip-checkbox input{accent-color:var(--accent)}.checkbox-group{min-width:0;margin:0;padding:0;border:0}.checkbox-group legend{margin-bottom:8px;padding-top:2px}.chip-grid,.tag-list{display:flex;flex-wrap:wrap;gap:8px}.chip-checkbox{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:30px;padding:6px 9px;background:#f5f8f9;border:1px solid #e5ecef;border-radius:6px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.chip-checkbox:hover{background:#fff;border-color:#b8d9d8;transform:translateY(-1px)}.chip-checkbox:has(input:checked){color:var(--accent-dark);background:linear-gradient(180deg,#e5f5f4,#dff1f0);border-color:#8fcac8;box-shadow:inset 0 0 0 1px #0f8b8d14}.chip-checkbox span{max-width:112px;overflow:hidden;color:var(--text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.analysis-area{display:grid;gap:20px;min-width:0}.section-title{min-height:48px;padding:2px 2px 0}.section-title h2{font-size:22px;line-height:1.25}.section-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;color:var(--accent-dark);background:#e9f5f5;border:1px solid #cce5e5;border-radius:6px;font-weight:700;white-space:nowrap;box-shadow:0 8px 16px #0f8b8d0f}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-card{--card-accent: var(--accent);--card-soft: rgba(15, 139, 141, .08);position:relative;display:flex;align-items:center;gap:12px;min-height:106px;padding:16px;overflow:hidden;background:linear-gradient(180deg,#ffffffe0,#fbfdfdfa),linear-gradient(135deg,var(--card-soft),rgba(255,255,255,0) 54%);border:1px solid var(--panel-border);border-radius:8px;box-shadow:var(--shadow);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.kpi-card:before{position:absolute;inset:0 0 auto;height:3px;content:"";background:var(--card-accent)}.kpi-card:hover,.chart-panel:hover{border-color:#c8d7dc;box-shadow:var(--shadow-strong);transform:translateY(-1px)}.kpi-card--rose .kpi-icon{background:linear-gradient(135deg,var(--rose),#b9384c)}.kpi-card--rose:before{background:var(--rose)}.kpi-card--rose{--card-accent: var(--rose);--card-soft: rgba(209, 73, 91, .08)}.kpi-card--blue .kpi-icon{background:linear-gradient(135deg,var(--blue),#315c88)}.kpi-card--blue:before{background:var(--blue)}.kpi-card--blue{--card-accent: var(--blue);--card-soft: rgba(76, 120, 168, .09)}.kpi-card--amber .kpi-icon{background:linear-gradient(135deg,var(--amber),#d99328);color:#3b2b09}.kpi-card--amber:before{background:var(--amber)}.kpi-card--amber{--card-accent: var(--amber);--card-soft: rgba(237, 174, 73, .14)}.kpi-card--teal .kpi-icon{background:linear-gradient(135deg,var(--accent),#13a4a0)}.kpi-card--teal{--card-accent: var(--accent);--card-soft: rgba(15, 139, 141, .09)}.kpi-card span,.kpi-card small{display:block;color:var(--muted);font-size:13px}.kpi-card strong{display:block;margin:2px 0;color:var(--text);font-size:26px;line-height:1.1;letter-spacing:0}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-panel{position:relative;min-width:0;padding:16px;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.chart-panel:before{position:absolute;inset:0 0 auto;height:3px;content:"";background:linear-gradient(90deg,#0f8b8db8,#edae4961);opacity:0;transition:opacity .16s ease}.chart-panel:hover:before{opacity:1}.panel-heading{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #edf2f4}.panel-heading h2{display:inline-flex;align-items:center;gap:8px;font-size:18px}.panel-heading h2:before{display:inline-block;width:4px;height:16px;background:var(--accent);border-radius:4px;content:""}.panel-heading span{color:var(--muted);font-size:13px;font-weight:700;padding:4px 8px;background:#f2f6f7;border:1px solid #e6eef1;border-radius:6px}.echart{width:100%;min-height:220px}.empty-chart{display:grid;min-height:260px;place-items:center;color:var(--muted);background:linear-gradient(135deg,#0f8b8d0a,#edae490d),#f8fafb;border:1px dashed var(--panel-border);border-radius:6px}.word-cloud{display:flex;flex-wrap:wrap;min-height:300px;align-content:center;align-items:center;justify-content:center;gap:14px 18px;padding:20px 16px 24px;overflow:hidden;background:linear-gradient(180deg,#0f8b8d0a,#fff0 44%),#fbfdfd;border:1px solid #edf2f4;border-radius:8px}.word-cloud-token{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:7px 9px;line-height:1;border-radius:6px;font-weight:900;white-space:nowrap;transition:background .15s ease,transform .15s ease}.word-cloud-token:hover{background:#fff;box-shadow:0 8px 18px #1c252c14}.word-cloud-token small{color:var(--muted);font-size:11px;font-weight:800}.table-panel{min-width:0;padding:16px}.table-scroll{width:100%;overflow-x:auto;background:#fff;border:1px solid #e6eef1;border-radius:8px}table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0}th,td{padding:12px 10px;border-bottom:1px solid #e8eef1;text-align:left;vertical-align:top}th{position:sticky;top:0;z-index:1;color:var(--muted);font-size:12px;font-weight:800;background:linear-gradient(180deg,#f8fbfb,#f1f6f7)}thead th:first-child{border-top-left-radius:6px}thead th:last-child{border-top-right-radius:6px}tbody tr{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}tbody tr:nth-child(2n){background:#fbfdfd}tbody tr:hover{background:#f2f9f8}tbody tr.selected-row{background:#e9f5f5}td{color:var(--text);font-size:14px}td strong{display:block;max-width:220px;line-height:1.35}td small,.tag-line{display:block;margin-top:3px;color:var(--muted);font-size:12px}.salary-text{display:block;color:var(--rose);font-weight:800;white-space:nowrap}.table-tag{display:inline-flex;align-items:center;max-width:100%;min-height:26px;padding:3px 8px;color:var(--accent-dark);background:#e9f5f5;border:1px solid #cce5e5;border-radius:6px;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-cell{max-width:360px;color:#40505a}.sort-button{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0;color:inherit;background:transparent;border:0;font-weight:inherit}.sort-button.active{color:var(--accent-dark)}.sort-button span{font-size:11px}.table-action{min-height:32px;padding:0 10px;font-size:13px;background:#f9fbfb}.empty-table{height:92px;color:var(--muted);text-align:center}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr minmax(320px,480px)}.drawer-backdrop{width:100%;height:100%;background:#1c252c57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0}.detail-drawer{height:100vh;padding:20px;overflow-y:auto;background:linear-gradient(180deg,#0f8b8d0d,#fff0 160px),#fff;border-left:1px solid var(--panel-border);box-shadow:-16px 0 32px #1c252c24}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #e8eef1}.drawer-header h2{margin-top:2px;font-size:22px}.drawer-summary{display:grid;gap:8px;margin:16px 0}.drawer-summary div{display:flex;align-items:flex-start;gap:8px;color:#40505a}.drawer-summary svg{flex:0 0 auto;margin-top:2px;color:var(--accent)}.salary-card{display:grid;gap:4px;padding:14px;background:linear-gradient(180deg,#fff8ea,#fff3d7);border:1px solid #f4d9a3;border-radius:8px}.salary-card span,.salary-card small,.detail-grid span{color:var(--muted);font-size:13px}.salary-card strong{color:#9b3d10;font-size:24px}.detail-section{margin-top:20px}.detail-section h3{margin:0 0 8px;color:var(--text);font-size:15px}.detail-section p{margin:0;color:#40505a;white-space:pre-wrap}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-grid div{display:grid;gap:3px;padding:11px;background:#f8fafb;border:1px solid #e8eef1;border-radius:6px}.detail-grid strong{overflow-wrap:anywhere;font-size:14px}.tag-list span{max-width:100%;padding:6px 9px;color:var(--accent-dark);background:#e9f5f5;border:1px solid #cce5e5;border-radius:6px;font-size:13px;font-weight:700;overflow-wrap:anywhere}.source-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;margin-top:22px;padding:0 13px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:6px;font-weight:700;text-decoration:none;box-shadow:0 10px 20px #0f8b8d2e}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.filter-panel{position:static;max-height:none}}@media(max-width:860px){.app-shell{width:min(100% - 20px,1500px);padding-top:12px}.import-panel,.section-title{align-items:flex-start;flex-direction:column}.import-panel{min-height:auto;padding:18px}.import-actions{justify-content:flex-start;width:100%}.kpi-strip,.charts-grid,.drawer-layer{grid-template-columns:1fr}.drawer-backdrop{display:none}.detail-drawer{width:100%}}@media(max-width:560px){.source-block{align-items:flex-start;width:100%}.source-block h1{font-size:20px}.source-icon{width:38px;height:38px}.two-columns,.detail-grid{grid-template-columns:1fr}.primary-button,.ghost-button{flex:1 1 120px}.import-actions .primary-button,.import-actions .ghost-button{flex:1 1 calc(50% - 8px)}.kpi-card{min-height:92px}.panel-heading{align-items:flex-start;flex-direction:column}}