:root{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;color:#202033;background:#f7f7fc;font-synthesis:none;--violet: #635bff;--violet-hover: #5148e8;--violet-soft: #efedff;--violet-icon: #9e9bd2;--canvas: #f7f7fc;--line: #e9e9f2;--line-strong: #ddddeb;--muted: #85859a;--text: #202033;--green: #55cc72;--orange: #eea33d}*{box-sizing:border-box}body{margin:0;min-width:1080px;min-height:100vh;background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh;background:var(--canvas)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:18px 10px 14px;border-right:1px solid #ececf3;background:#fff}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.sidebar-bottom button{display:flex;align-items:center;gap:13px;width:100%;min-height:42px;border:0;border-radius:9px;padding:0 14px;background:transparent;color:#7777a5;text-align:left;font-size:13px;transition:background .16s ease,color .16s ease}.sidebar nav button:hover,.sidebar-bottom button:hover{background:#f7f6ff;color:var(--violet)}.sidebar nav button.selected{background:var(--violet-soft);color:var(--violet);font-weight:600}.sidebar nav button svg,.sidebar-bottom button svg{width:17px;color:var(--violet-icon);font-size:16px}.sidebar nav button.selected svg{color:var(--violet)}.sidebar nav button b{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:auto;border-radius:10px;background:var(--violet);color:#fff;font-size:10px}.nav-group-label{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 15px 0 14px;color:#7777a5;font-size:13px}.nav-group-label span{display:flex;align-items:center;gap:13px}.nav-group-label svg{color:var(--violet-icon);font-size:16px}.nav-group-label>svg{font-size:10px}.sidebar-bottom{display:grid;gap:4px;margin-top:auto}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 12px 0 14px;border-bottom:1px solid #ececf3;background:#fffffffa;box-shadow:0 1px 4px #27274a0a}.workspace-switcher{display:flex;align-items:center;gap:10px;color:#9b9bb4}.workspace-switcher>button{display:grid;place-items:center;width:38px;height:38px;margin-right:18px;border:0;border-radius:8px;background:#fff;color:#666676;box-shadow:0 1px 7px #25254709}.workspace-switcher>span{color:var(--violet-icon);font-size:16px}.workspace-switcher strong{color:#242433;font-size:18px}.workspace-switcher>svg{margin-left:2px;font-size:9px}.topbar-actions{display:flex;align-items:center;gap:9px;color:#555567;font-size:13px}.topbar-user-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#c9cbd5;color:#fff;font-size:16px}.page-body{padding:18px 20px 12px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;min-height:52px;padding:0 2px 13px}.page-heading p{margin:0 0 4px;color:#9a9aac;font-size:10px}.page-heading h1{margin:0;color:var(--text);font-size:20px;letter-spacing:-.01em}.page-heading>span{color:#9a9aac;font-size:11px}.detail-page-heading{align-items:center;justify-content:flex-start;gap:10px}.detail-page-heading>button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:#6f6f83}.list-page{padding-top:0}.list-card{min-height:calc(100vh - 62px);overflow:hidden;border:1px solid #efeff5;border-radius:0 0 10px 10px;background:#fff}.list-card-heading{display:flex;align-items:flex-end;justify-content:space-between;min-height:48px;padding:0 16px;border-bottom:1px solid var(--line)}.list-card-heading>span{padding-bottom:13px;color:#8f8fa2;font-size:11px}.status-tabs{display:flex;align-items:stretch;gap:22px;height:48px}.status-tabs button{position:relative;display:flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;padding:2px 0 0;background:transparent;color:#aaabb8;font-size:14px}.status-tabs button.active{border-bottom-color:var(--violet);color:#242433;font-weight:700}.status-tabs button b{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:17px;border-radius:9px;background:#f0f0f5;color:#9898aa;font-size:9px}.status-tabs button.active b{background:var(--violet-soft);color:var(--violet)}.filter-row{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:8px 16px;background:#fafaff}.filter-controls{display:flex;align-items:center;gap:9px}.search-box input,.select-box select{height:34px;border:1px solid transparent;border-radius:7px;background:#fff;color:#4f4f62;outline:none;font-size:12px}.search-box input{width:210px;padding:0 12px}.select-box select{width:150px;padding:0 10px}.search-box input::placeholder{color:#b7b7c4}.search-box input:focus,.select-box select:focus{border-color:#a9a4ff;box-shadow:0 0 0 2px #635bff14}.filter-button{display:flex;align-items:center;justify-content:center;gap:5px;height:34px;border:0;border-radius:7px;padding:0 15px;background:#ededf4;color:#373748;font-size:12px;font-weight:600}.filter-button:hover{background:#e6e4ff;color:var(--violet)}.ticket-table-wrap{position:relative;min-height:calc(100vh - 160px);padding-bottom:48px}.ticket-table{width:100%;border-collapse:collapse;table-layout:fixed}.ticket-table th{height:39px;padding:0 12px;border-bottom:1px solid var(--line);background:#f8fbff;color:#222234;text-align:left;font-size:12px;font-weight:700}.ticket-table th:first-child,.ticket-table td:first-child{width:6%;padding-left:23px;white-space:nowrap}.ticket-table th:nth-child(2){width:29%}.ticket-table th:nth-child(3){width:9%}.ticket-table th:nth-child(4){width:24%}.ticket-table th:nth-child(5){width:13%}.ticket-table th:nth-child(6){width:10%}.ticket-table th:last-child{width:7%}.ticket-table tbody tr{border-bottom:1px solid var(--line);outline:none;transition:background .14s ease}.ticket-table tbody tr:hover,.ticket-table tbody tr:focus{background:#faf9ff}.ticket-table td{height:61px;padding:9px 12px;color:#454558;font-size:12px;vertical-align:middle}.ticket-table td strong,.ticket-table td b,.ticket-table td span{display:block}.ticket-table td strong{overflow:hidden;color:#242436;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ticket-table td b{margin-bottom:4px;color:#424255;font-size:12px;font-weight:500}.ticket-table td span{margin-top:4px;overflow:hidden;color:#9c9cad;font-size:10px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.number-cell{color:#727285!important;font-size:12px!important}.ticket-table time{color:#646477;font-size:11px}.ticket-table td:last-child button{border:0;padding:5px 0;background:transparent;color:var(--violet);font-size:11px}.ticket-table td:last-child button:hover{color:var(--violet-hover);text-decoration:underline}.type-tag{display:inline-flex!important;width:fit-content;margin:0!important;border-radius:5px;padding:4px 8px;background:#f0f0f7;color:#68687c!important;font-size:9px!important;font-weight:600!important}.type-人事{background:#e6f7f3;color:#197e78!important}.type-行政{background:#fff0e7;color:#ae5a32!important}.type-财务{background:#fff5d9;color:#9a7117!important}.type-法务{background:#eceefa;color:#56608e!important}.type-IT-支持{background:#e8f2fd;color:#3b6e9f!important}.status-tag{display:inline-flex!important;align-items:center;justify-content:center;width:61px;min-height:22px;margin:0!important;border-radius:6px;padding:3px 8px;background:#fff1dc;color:#b97420!important;font-size:10px!important;font-weight:600!important}.status-tag.completed{background:var(--green);color:#fff!important}.empty-state{display:grid;place-items:center;align-content:center;gap:8px;min-height:320px;color:#a9a9b8}.empty-state>svg{color:var(--violet-icon);font-size:23px}.empty-state strong{color:#68687a;font-size:12px}.empty-state span{font-size:10px}.table-footer{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;height:47px;padding:0 17px;border-top:1px solid var(--line);background:#fff;color:#666678;font-size:10px}.table-footer button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:5px;background:transparent;color:#b1b1bf}.table-footer button:disabled{cursor:default}.table-footer b{display:grid;place-items:center;width:29px;height:29px;border-radius:5px;background:var(--violet);color:#fff;font-size:11px}.table-footer select{width:90px;height:29px;border:1px solid var(--line-strong);border-radius:5px;padding:0 8px;background:#fff;color:#666678;outline:none;font-size:10px}.table-footer i{display:grid;place-items:center;min-width:24px;height:24px;border-bottom:1px solid #d8d8e4;color:#444457;font-style:normal}.detail-page{padding-top:14px}.detail-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 2px 14px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#fff}.source-note{display:inline-flex;align-items:center;gap:5px;color:#5c55c9;font-size:10px;font-weight:600}.detail-intro h2{margin:6px 0 4px;color:#242436;font-size:17px}.detail-intro p{margin:0;color:#aaaabc;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.72fr);align-items:start;gap:14px}.detail-main{display:grid;gap:12px}.detail-card,.handling-panel{border:1px solid var(--line);border-radius:9px;background:#fff}.ticket-information{padding:18px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--line)}.section-heading h3{margin:0;color:#303043;font-size:13px}.section-heading p{margin:4px 0 0;color:#9a9aac;font-size:9px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 26px;margin:17px 0}.info-grid div{display:grid;grid-template-columns:67px 1fr;gap:8px}.info-grid dt{color:#9393a5;font-size:10px}.info-grid dd{margin:0;color:#38384c;font-size:10px;font-weight:600}.info-grid dd span{margin-left:5px;color:#aaaabc;font-size:9px;font-weight:400}.urgency{color:#bc7120!important}.urgency.high{color:#d64e46!important}.description-block{padding:13px;border-radius:7px;background:#fafaff}.description-block>span,.attachment-block>span{display:block;margin-bottom:8px;color:#68687d;font-size:10px;font-weight:600}.description-block p{margin:0;color:#46465a;font-size:11px;line-height:1.75}.attachment-block{margin-top:16px}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attachment-item{display:grid;grid-template-columns:30px 1fr 12px;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:7px;padding:9px;background:#fff;text-align:left}.attachment-item:hover{border-color:#c6c2ff;background:#faf9ff}.attachment-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--violet-soft);color:var(--violet)}.attachment-item div{min-width:0}.attachment-item strong,.attachment-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item strong{color:#454559;font-size:9px}.attachment-item small{margin-top:4px;color:#aaaabc;font-size:8px}.attachment-item>svg{color:#b0b0c0;font-size:9px}.no-attachment{margin:0;padding:11px;border:1px dashed var(--line-strong);border-radius:7px;color:#aaaabc;font-size:9px;text-align:center}.source-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px}.source-card-copy{display:flex;align-items:center;gap:10px}.source-icon,.handling-heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--violet-soft);color:var(--violet);font-size:15px}.source-card h3{margin:0;color:#343447;font-size:12px}.source-card p{margin:4px 0 0;color:#9a9aac;font-size:9px}.source-card>button{border:0;background:transparent;color:var(--violet);font-size:9px;font-weight:600}.handling-panel{position:sticky;top:68px;padding:17px}.handling-heading{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line)}.handling-heading h3{margin:0;color:#343447;font-size:13px}.handling-heading p{margin:4px 0 0;color:#9a9aac;font-size:9px}.reply-label{position:relative;display:block;margin-top:15px;color:#646477;font-size:10px;font-weight:600}.reply-label b{color:#dd5b55}.reply-label textarea{display:block;width:100%;height:118px;margin-top:7px;resize:none;border:1px solid var(--line-strong);border-radius:7px;padding:10px;color:#454559;outline:none;font-size:10px;line-height:1.6}.reply-label textarea:focus{border-color:#aaa5ff;box-shadow:0 0 0 2px #635bff14}.reply-label textarea::placeholder{color:#b7b7c4}.reply-label>small{position:absolute;right:8px;bottom:7px;color:#aaaabc;font-size:8px;font-weight:400}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.quick-replies>span{width:100%;color:#9b9bac;font-size:9px}.quick-replies button{border:1px solid var(--line);border-radius:6px;padding:5px 7px;background:#fafaff;color:#737386;font-size:8px;text-align:left}.quick-replies button:hover{border-color:#c5c1ff;color:var(--violet)}.notify-note{display:flex;align-items:center;gap:8px;margin-top:14px;border-radius:7px;padding:9px;background:#f7f6ff;color:var(--violet)}.notify-note>svg{font-size:14px}.notify-note p{margin:0}.notify-note strong,.notify-note span{display:block}.notify-note strong{font-size:9px}.notify-note span{margin-top:2px;color:#8f8aa8;font-size:8px}.complete-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:13px;border:0;border-radius:7px;padding:10px;background:var(--violet);color:#fff;font-size:10px;font-weight:600}.complete-button:hover:not(:disabled){background:var(--violet-hover)}.complete-button:disabled{cursor:not-allowed;background:#cbcbd5}.back-list-button{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:8px;border:0;border-radius:7px;padding:8px;background:transparent;color:#88889a;font-size:9px}.back-list-button:hover{background:#f7f6ff;color:var(--violet)}.completed-result>span{display:block;margin-top:15px;color:#68687d;font-size:10px;font-weight:600}.completed-result>p{margin:7px 0 0;border-radius:7px;padding:11px;background:#fafaff;color:#49495d;font-size:10px;line-height:1.7}.completed-result>div{display:flex;align-items:center;gap:8px;margin-top:12px;border-radius:7px;padding:10px;background:#effaf2;color:#2a9258}.completed-result>div>svg{font-size:18px}.completed-result>div p{margin:0}.completed-result>div strong,.completed-result>div small{display:block}.completed-result>div strong{font-size:9px}.completed-result>div small{margin-top:3px;color:#639578;font-size:8px}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#2d2b4c38}.conversation-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:390px;height:100%;padding:20px;border-left:1px solid var(--line);background:#fff;box-shadow:-12px 0 26px #2e2b551a;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(18px);opacity:.45}to{transform:translate(0);opacity:1}}.conversation-drawer header{display:flex;align-items:center;justify-content:space-between}.conversation-drawer header>div{display:flex;align-items:center;gap:9px}.conversation-drawer header>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--violet-soft);color:var(--violet)}.conversation-drawer header p{margin:0 0 3px;color:#9b9bac;font-size:9px}.conversation-drawer header h2{margin:0;color:#343447;font-size:14px}.conversation-drawer header button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:#f5f5f9;color:#7a7a8e}.conversation-meta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#858598;font-size:9px}.conversation-meta b{color:#aaaabc;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:400}.conversation-thread{display:grid;align-content:start;gap:11px;flex:1;overflow-y:auto;padding:16px 0}.employee-message{justify-self:end;max-width:80%;border-radius:10px 3px 10px 10px;padding:8px 10px;background:var(--violet-soft);color:#4d487a;font-size:10px;font-weight:500;line-height:1.6}.assistant-message{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:7px}.assistant-message>img{width:27px;height:27px;border:1px solid #e3e2f5;border-radius:50%;object-fit:cover}.assistant-message p{margin:0;border-radius:3px 10px 10px;padding:8px 10px;background:#f7f7fb;color:#5b5b70;font-size:10px;line-height:1.65}.conversation-summary{border:1px solid #e2e0ff;border-radius:7px;padding:10px;background:#f8f7ff}.conversation-summary>span{display:block;margin-bottom:7px;color:#6861ca;font-size:9px;font-weight:600}.conversation-summary div{display:flex;flex-wrap:wrap;gap:5px}.conversation-summary i{border-radius:5px;padding:4px 6px;background:#fff;color:#6d6892;font-size:8px;font-style:normal;font-weight:600}.drawer-close-button{width:100%;margin-top:10px;border:0;border-radius:7px;padding:9px;background:var(--violet);color:#fff;font-size:10px;font-weight:600}.toast{position:fixed;top:14px;left:50%;z-index:30;display:flex;align-items:center;gap:7px;transform:translate(-50%);border-radius:8px;padding:10px 14px;background:#353348;color:#fff;box-shadow:0 8px 24px #25234229;font-size:10px;animation:toast-in .16s ease-out}.toast svg{color:#75dd91}@keyframes toast-in{0%{transform:translate(-50%,-6px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.page-body{padding-right:14px;padding-left:14px}.detail-layout{grid-template-columns:minmax(0,1.15fr) 315px}.ticket-table th:nth-child(4),.ticket-table td:nth-child(4){width:21%}}