:root{--page: #f3f5f8;--card: #ffffff;--ink: #17202d;--muted: #7b8798;--line: #e5e9ef;--line-strong: #d8dee7;--blue: #4d8ff7;--blue-soft: #edf5ff;--red: #df4d55;--red-soft: #fff0f1;--green: #2d9a67;--green-soft: #ecf8f1;--shadow: 0 8px 24px rgba(32, 48, 70, .06);--radius: 13px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:38px;height:38px;flex:0 0 auto;object-fit:cover;border-radius:8px}.brand-title{overflow:hidden;font-size:16px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.brand-user{display:flex;align-items:center;gap:12px;min-width:0}.user-chip{color:#667386;font-size:12px;white-space:nowrap}.primary-button,.secondary-button,.text-button,.danger-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.primary-button{min-height:38px;padding:0 15px;color:#fff;background:var(--blue);border:1px solid var(--blue);font-weight:700;box-shadow:0 5px 12px #4d8ff72e}.primary-button:hover{background:#3279e7;border-color:#3279e7}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{min-height:38px;padding:0 15px;color:#465365;background:#fff;border:1px solid var(--line-strong);font-weight:650}.secondary-button:hover{background:#f8fafc;border-color:#bcc6d2}.text-button{min-height:30px;padding:0 8px;color:#667386;background:transparent;border:0;font-size:12px}.text-button:hover{color:#2d6fda;background:var(--blue-soft)}.text-button.complete{color:var(--green)}.danger-button{min-height:36px;padding:0 12px;color:var(--red);background:#fff;border:1px solid #f0c8cb}.icon-button{width:34px;height:34px;color:#6e7a8c;background:#f7f9fb;border:1px solid var(--line);font-size:19px}.workspace{display:flex;flex-direction:column;height:calc(100dvh - 64px);min-height:600px;padding:16px 18px 18px;overflow:auto}.board{display:grid;grid-template-rows:minmax(330px,2fr) minmax(190px,1fr);gap:14px;flex:1;min-height:0}.panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;align-items:center;gap:9px;min-height:50px;padding:0 16px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:15px;font-weight:750}.count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:21px;padding:0 7px;color:#60728a;background:#eef2f7;border-radius:11px;font-size:11px;font-weight:750}.completed-panel .count{color:var(--green);background:var(--green-soft)}.sort-note{color:#8b96a5;font-size:11px;white-space:nowrap}.table-viewport{flex:1;min-height:0;overflow:auto;scrollbar-color:#c9d1dd transparent;scrollbar-width:thin}.table{min-width:1260px}.table-head,.ticket-row{display:grid;align-items:center;column-gap:12px}.pending-columns{grid-template-columns:128px 72px minmax(320px,1fr) 90px 165px 175px 112px}.completed-columns{grid-template-columns:128px 66px minmax(270px,1fr) 86px 155px 160px 160px 112px}.table-head{position:sticky;top:0;z-index:4;min-height:36px;padding:0 14px 0 18px;color:#8792a2;background:#fafbfd;border-bottom:1px solid var(--line);font-size:11px;font-weight:700}.table-head span:last-child{text-align:right}.ticket-row{position:relative;min-height:54px;padding:6px 14px 6px 18px;background:#fff;border-bottom:1px solid var(--line);transition:background .12s ease,box-shadow .12s ease}.ticket-row:before{content:"";position:absolute;top:7px;bottom:7px;left:0;width:4px;background:var(--blue);border-radius:0 3px 3px 0}.ticket-row.urgent:before{background:var(--red)}.ticket-row.completed:before{background:var(--green)}.ticket-row:hover{z-index:1;background:#fcfdff;box-shadow:0 4px 14px #26374e0f}.ticket-row.draggable-row{cursor:grab;-webkit-user-select:none;user-select:none}.ticket-row.draggable-row:active{cursor:grabbing}.ticket-row.draggable-row:focus-visible{outline:2px solid #82b0f6;outline-offset:-2px}.ticket-row.is-dragging{opacity:.42;background:var(--blue-soft)}.ticket-row.drag-before{box-shadow:inset 0 3px 0 var(--blue)}.ticket-row.drag-after{box-shadow:inset 0 -3px 0 var(--blue)}.status-cell,.actions,.image-cell{display:flex;align-items:center}.status-cell{gap:5px;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;height:22px;padding:0 7px;color:#336aa9;background:var(--blue-soft);border-radius:6px;font-size:10px;font-weight:700}.status-chip.urgent{color:var(--red);background:var(--red-soft)}.status-chip.done{color:var(--green);background:var(--green-soft)}.sequence-cell{display:inline-flex;align-items:center;gap:7px;width:fit-content;height:30px;padding:0 7px;color:#8792a2;background:transparent;border-radius:7px;font-size:15px}.sequence-cell span{color:#59677a;font-size:12px;font-weight:750}.ticket-row.draggable-row:hover .sequence-cell{color:var(--blue);background:var(--blue-soft)}.sequence{color:#667386;font-size:12px;font-weight:700}.content-cell{color:#263345;font-weight:600;line-height:1.55;overflow-wrap:anywhere;white-space:normal;padding:6px 0}.image-cell{min-width:0}.thumb{width:36px;height:32px;margin-left:-6px;padding:0;background:#eef2f6;border:2px solid #fff;border-radius:7px;overflow:hidden;cursor:zoom-in;box-shadow:0 1px 5px #1e2d4121}.thumb:first-child{margin-left:0}.thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}.image-count{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;margin-left:-6px;padding:0;color:#647286;background:#edf1f5;border:2px solid #fff;border-radius:7px;cursor:zoom-in;font-size:10px;font-weight:750}.no-image{color:#adb5c1;font-size:11px}.time-cell{overflow:hidden;color:#687588;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.time-cell.overdue{color:var(--red);font-weight:650}.actions{justify-content:flex-end;gap:2px;white-space:nowrap}.empty-row{display:grid;place-items:center;min-height:120px;color:#9ba5b3;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#1119266b;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.open{opacity:1;visibility:visible}.modal{width:min(540px,100%);max-height:calc(100dvh - 40px);background:#fff;border-radius:14px;box-shadow:0 22px 60px #131d2c38;overflow:hidden;transform:translateY(10px) scale(.985);transition:transform .18s ease}.overlay.open .modal{transform:translateY(0) scale(1)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between}.modal-header{min-height:58px;padding:0 18px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:16px}.form{display:flex;flex-direction:column;max-height:calc(100dvh - 100px)}.form-body{padding:18px;overflow-y:auto}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.label{display:block;margin:0 0 7px;color:#3b4859;font-size:12px;font-weight:700}.label.required:after{content:" *";color:var(--red)}.input,.textarea,.select{width:100%;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:8px;outline:none}.input,.select{height:40px;padding:0 11px}.textarea{min-height:104px;padding:10px 11px;line-height:1.6;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:#83b1f7;box-shadow:0 0 0 3px #4d8ff71a}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px}.urgent-toggle{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 11px;color:#6d4246;background:#fff7f7;border:1px solid #f1d5d7;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}.urgent-toggle input{width:15px;height:15px;accent-color:var(--red)}.upload{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;color:#657286;background:#fafbfd;border:1px dashed #bfc9d6;border-radius:8px;cursor:pointer}.upload:hover,.upload.dragging{color:#2d6fda;background:var(--blue-soft);border-color:var(--blue)}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload strong{font-size:12px}.preview-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.preview-item{position:relative;width:58px;height:58px;background:#eef2f6;border:1px solid var(--line);border-radius:8px;overflow:hidden}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-remove{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:20px;height:20px;padding:0;color:#fff;background:#171f2bb8;border:0;border-radius:50%;cursor:pointer}.modal-footer{min-height:64px;padding:10px 18px;border-top:1px solid var(--line)}.footer-actions{display:flex;gap:8px;margin-left:auto}.toast{position:fixed;right:18px;bottom:18px;z-index:200;max-width:calc(100vw - 36px);padding:11px 14px;color:#fff;background:#253246;border-radius:9px;box-shadow:0 12px 28px #131c2838;opacity:0;transform:translateY(12px);pointer-events:none;transition:.18s ease;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#9f3941}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:grid;place-items:center;padding:28px;background:#080d15e0;opacity:0;visibility:hidden;transition:.18s ease}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:16px;right:18px;color:#fff;background:#ffffff1f;border-color:#ffffff38}.lightbox-nav{position:absolute;top:50%;width:46px;height:46px;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);border-radius:50%;cursor:pointer;transform:translateY(-50%);font-size:30px;line-height:1}.lightbox-nav:hover{background:#ffffff38}.lightbox-nav:disabled{opacity:.25;cursor:default}.lightbox-prev{left:22px}.lightbox-next{right:22px}.lightbox-counter{position:absolute;bottom:17px;left:50%;min-width:54px;padding:6px 10px;color:#fff;background:#0c121c94;border-radius:15px;text-align:center;transform:translate(-50%);font-size:12px}.login-page{display:grid;place-items:center;min-height:100dvh;padding:20px;background:radial-gradient(1100px 480px at 85% -10%,rgba(77,143,247,.14),transparent 60%),radial-gradient(900px 420px at -10% 110%,rgba(45,154,103,.12),transparent 60%),var(--page)}.login-card{width:min(400px,100%);padding:36px 34px 30px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;text-align:center}.login-logo img{width:54px;height:54px;object-fit:cover;border-radius:12px}.login-logo h1{margin:0;font-size:19px;font-weight:750}.login-logo p{margin:-4px 0 0;color:var(--muted);font-size:12px}.login-field{margin-bottom:14px}.login-error{margin:0 0 14px;padding:9px 11px;color:var(--red);background:var(--red-soft);border:1px solid #f4d4d7;border-radius:8px;font-size:12px}.login-hint{margin:16px 0 0;color:#9aa4b2;font-size:11px;text-align:center;line-height:1.7}.login-submit{width:100%;min-height:42px;font-size:14px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width: 720px){.topbar{position:sticky;top:0;z-index:20;height:58px;padding:0 12px}.brand-logo{width:34px;height:34px}.brand-title{font-size:14px}.primary-button{min-height:36px;padding:0 11px}.workspace{height:auto;min-height:calc(100dvh - 58px);padding:10px;overflow:visible}.board{display:flex;flex-direction:column;gap:10px}.board>.panel:first-child{height:56dvh;min-height:360px}.completed-panel{height:36dvh;min-height:260px}.panel-header{min-height:46px;padding:0 12px}.table-viewport{overflow-x:hidden}.table{width:100%;min-width:0}.table-head{display:none}.ticket-row.pending-columns,.ticket-row.completed-columns{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;min-height:0;margin:8px;padding:11px 10px 10px 14px;border:1px solid var(--line);border-radius:10px}.ticket-row.pending-columns{grid-template-areas:"status sequence" "content content" "images actions" "submitted due"}.ticket-row.completed-columns{grid-template-areas:"status sequence" "content content" "images actions" "submitted due" "completed-time completed-time"}.ticket-row:before{top:9px;bottom:9px}.status-cell{grid-area:status}.sequence-cell,.sequence{grid-area:sequence;justify-self:end}.content-cell{grid-area:content;min-height:0;white-space:normal;line-height:1.5}.image-cell{grid-area:images}.submitted-time{grid-area:submitted}.due-time{grid-area:due;justify-self:end;text-align:right}.completed-time{grid-area:completed-time;justify-self:end}.actions{grid-area:actions}.time-cell{font-size:10px}.submitted-time:before{content:"提交 ";color:#a0a9b6}.due-time:before{content:"截止 ";color:#a0a9b6}.completed-time:before{content:"完成 ";color:#7eb495}.modal{max-height:calc(100dvh - 20px)}.form-grid{grid-template-columns:1fr;gap:0}.form-body{padding:15px}.modal-header,.modal-footer{padding-right:15px;padding-left:15px}.lightbox{padding:54px 12px}.lightbox img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 108px)}.lightbox-nav{width:40px;height:40px;background:#0c121c80}.lightbox-prev{left:8px}.lightbox-next{right:8px}.user-chip{display:none}.login-card{padding:28px 22px 24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}