:root{--column-gap: 16px;--card-radius: 8px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f5f5;color:#1f1f1f}.app-loading,.board-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 0}.app-header{display:flex;align-items:center;justify-content:space-between;background:#001529;padding-inline:24px}.app-title{color:#fff;font-size:16px;font-weight:600}.app-user{color:#ffffffd9}.app-content{padding:16px 24px 32px}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{width:380px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014}.login-card h1{margin:0 0 16px;font-size:20px;text-align:center}.board-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--column-gap);margin-bottom:var(--column-gap)}.board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--column-gap);align-items:start}.board-column{background:#ebeef2;border-radius:var(--card-radius);padding:12px;min-height:320px}.board-column__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.board-column__header h2{margin:0;font-size:15px}.board-column__count{background:#fff;border-radius:10px;padding:0 10px;font-variant-numeric:tabular-nums}.board-column__body{display:flex;flex-direction:column;gap:10px;min-height:240px;border-radius:var(--card-radius);transition:background-color .12s ease,outline-color .12s ease;outline:2px dashed transparent;outline-offset:4px}.board-column__body.is-over{background:#dbeafe;outline-color:#1677ff}.board-column__empty,.board-column__loading{color:#8c8c8c;text-align:center;margin-top:24px}.workitem-card{background:#fff;border-radius:var(--card-radius);border:1px solid #e5e7eb;padding:10px 12px;cursor:default}.workitem-card.is-dragging{opacity:.5}.workitem-card.is-over{border-color:#1677ff}.workitem-card__title{all:unset;display:block;font-weight:600;cursor:pointer;width:100%}.workitem-card__title:focus-visible{outline:2px solid #1677ff;border-radius:4px}.workitem-card__meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#595959}.workitem-card__updated{margin-left:auto}.priority-tag--high{color:#cf1322}.priority-tag--medium{color:#d48806}.priority-tag--low{color:#389e0d}.workitem-card__handle{margin-top:8px;font-size:12px;color:#8c8c8c;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.detail-page{display:flex;flex-direction:column;gap:16px;max-width:960px}.detail-block{margin-top:0}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.comment-item{border-left:3px solid #1677ff;padding-left:12px}.comment-time,.activity-time{color:#8c8c8c;font-size:12px;margin-left:8px}.comment-content{margin:4px 0 0;white-space:pre-wrap}.activity-item{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.activity-actor{font-weight:600}.activity-field{color:#434343}.users-page{background:#fff;padding:16px;border-radius:var(--card-radius)}@media (max-width: 1280px){.board-columns{grid-template-columns:repeat(3,minmax(280px,1fr));overflow-x:auto}}
