*{box-sizing:border-box} :root{--blue:#1261ff;--ink:#182946;--muted:#8592a8;--line:#e4e9f2;--page:#eef1f8} body{margin:0;background:var(--page);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:relative;z-index:2}.brand,.top-actions{display:flex;align-items:center;gap:12px}.brand{font-size:15px;color:#32425d}.brand i{font-style:normal;color:#a7b0c0}.brand-icon{height:42px;width:42px;border:1px solid #edf0f6;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#1661ff}.space-icon{color:#56c779;background:#e9f8ed;padding:3px 5px;border-radius:5px}.top-actions{gap:24px}.global-search{height:38px;width:242px;border:1px solid #e0e5ed;border-radius:10px;color:#8390a6;display:flex;align-items:center;padding:0 12px;font-size:22px}.global-search input{border:0;outline:0;min-width:0;flex:1;font-size:14px;padding-left:8px}.global-search kbd{font:11px monospace}.icon-button{border:0;background:none;color:#76849c;font-size:20px}.user-avatar{width:42px;height:42px;border-radius:50%;background:#f2f5f9;display:grid;place-items:center;font-size:24px;border:1px solid #e6eaf0}main{min-height:calc(100vh - 72px)}.workflow-area{height:463px;position:relative;padding:18px;overflow:hidden;background-color:#f0f2f9;background-image:radial-gradient(#dfe4ed 1px,transparent 1.3px);background-size:20px 20px}.watermark{position:absolute;inset:-40px;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(158deg,transparent 0 138px,rgba(150,160,180,.18) 139px 140px,transparent 141px 276px)}.watermark:after{content:"陈嘉嘉  15:53  3367";position:absolute;inset:12px 0;color:#b4bdcc;font-weight:700;font-size:18px;letter-spacing:3px;word-spacing:120px;line-height:155px;transform:rotate(-18deg);white-space:pre-wrap}.page-actions,.flow-track,.task-card{position:relative;z-index:1}.page-actions{display:flex;justify-content:space-between;align-items:center}.back-group,.tool-group{height:36px;border-radius:10px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 14px;color:#344867}.back-group button,.tool-group button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}.back-group b{color:#213550}.back{padding:0}.divider,.vline{height:20px;border-left:1px solid #d8e0ec}.start-btn{background:#e6efff!important;color:var(--blue)!important;border-radius:5px!important;padding:4px 11px!important;font-weight:600!important}.tool-group{gap:18px;color:#78869d}.flow-track{display:flex;align-items:center;justify-content:center;margin:39px auto 22px}.flow-node{width:200px;height:38px;border-radius:9px;border:1px solid #edf0f5;background:#fff;color:#263957;display:flex;align-items:center;gap:13px;padding:0 18px;font-size:15px;font-weight:600}.flow-node i{width:11px;height:11px;border-radius:50%;background:#00c451}.flow-node.current{border-color:var(--blue);box-shadow:0 0 0 1px #d6e4ff}.flow-node.current i{background:#ff710c}.flow-arrow{width:56px;height:1px;background:#cbd3e0;position:relative}.flow-arrow:after{content:"";position:absolute;right:0;top:-4px;border:4px solid transparent;border-left-color:#b5bfd0}.task-card{max-width:1276px;margin:auto;background:#fff;border-radius:12px;box-shadow:0 2px 6px #23355608;overflow:hidden}.task-title{height:66px;background:#fff;display:flex;align-items:center;gap:14px;padding:0 26px;border-bottom:1px solid #edf0f4}.collapse{border:0;background:none;color:#8390a5;font-size:16px}.orange-dot{width:11px;height:11px;background:#ff710c;border-radius:50%}.task-title strong{font-size:16px;color:#223755}.owner-label{margin-left:24px;color:#435775}.owner-label em,em{font-style:normal;color:#fa5151}.person-chip{display:inline-flex;align-items:center;gap:5px;background:#1261ff;color:#fff;border-radius:16px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}.person-chip span{width:18px;height:18px;border-radius:50%;background:#d6e5f5;display:grid;place-items:center;font-size:12px}.add-icon,.more{border:0;background:none;color:#73829a;font-size:19px}.vline{margin-left:0}.spacer{flex:1}.more{font-size:15px;font-weight:700}.task-inner{margin:0 26px 21px;border:1px solid #e3e8f0;border-radius:13px;overflow:hidden}.assignee-row{height:45px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid #e7ebf2}.collapse.small{font-size:14px}.online{width:7px;height:7px;border-radius:50%;background:#00c451;margin-left:-9px;margin-top:-18px}.primary,.dropdown{height:27px;border:0;background:var(--blue);color:#fff;font-weight:600;cursor:pointer}.primary{border-radius:9px 0 0 9px;padding:0 18px}.dropdown{border-left:1px solid #8db3ff;border-radius:0 9px 9px 0;padding:0 12px;margin-left:-12px}.table-scroll{overflow:auto;padding:12px 18px 0}table{width:100%;min-width:960px;border-collapse:collapse;table-layout:fixed}th,td{height:45px;border:1px solid #e4e9f1;padding:0 9px;text-align:left;white-space:nowrap;color:#8995a8}th{height:44px;background:#f4f6f9;font-weight:600}td{color:#8b97a9}th:nth-child(1){width:13%}th:nth-child(2){width:13%}th:nth-child(3){width:16%}th:nth-child(4){width:18%}th:nth-child(5){width:9%}th:nth-child(6){width:16%}th:nth-child(7){width:3%}th:nth-child(8){width:12%}td b{color:#172b49}.text-link{border:0;background:none;padding:0;color:#99a5b8;font:inherit;cursor:pointer}.muted{color:#a4aebe}.right{float:right}.success{border:0;background:#00c84e;color:#fff;border-radius:9px;padding:6px 12px;font-weight:600;cursor:pointer}.add-task{height:43px;width:100%;text-align:left;padding:0 26px;background:#fff;border:0;border-top:1px solid #e8ecf3;color:var(--blue);font-weight:600;cursor:pointer}.status{color:#f08a24}.detail-tabs{height:54px;background:#fff;border-radius:16px 16px 0 0;display:flex;align-items:stretch;padding-left:max(calc((100vw - 1276px)/2),32px);gap:48px;border-bottom:1px solid #e1e6ef}.detail-tabs button{background:none;border:0;padding:0;color:#5b6880;font-size:14px;font-weight:600;position:relative;cursor:pointer}.detail-tabs button.active{color:var(--blue)}.detail-tabs button.active:after{content:"";position:absolute;bottom:0;height:2px;background:var(--blue);left:0;right:0}.details{padding:18px 20px;background:var(--page);min-height:420px}.info-card{max-width:1276px;margin:auto;background:#fff;border-radius:16px;padding:20px 18px;display:grid;gap:19px}.info-card label{position:relative;display:block;color:#40516d}.info-card label>input,.info-card label>select,.info-card textarea{display:block;width:100%;height:36px;margin-top:7px;background:#eff1f4;border:0;border-radius:8px;padding:0 13px;color:#253957;font:600 14px inherit;outline-color:#8db3ff}.info-card label>select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9aa6b7 50%),linear-gradient(135deg,#9aa6b7 50%,transparent 50%);background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-size:5px 5px;background-repeat:no-repeat}.info-card .placeholder{color:#aab3c1;font-weight:500}.view-mode{position:absolute;right:0;top:0;border:0;background:none;color:#7185a5;cursor:pointer}.info{display:inline-grid;place-items:center;width:14px;height:14px;background:#58677e;color:#fff;border-radius:50%;font-size:10px;font-weight:700}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-card textarea{height:auto;padding:10px;resize:vertical}.secondary-panel{display:none;color:#576781}.secondary-panel h3{margin:0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#253957;color:white;padding:10px 18px;border-radius:8px;opacity:0;transition:.2s;pointer-events:none;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.topbar{padding:0 12px}.brand{gap:7px;font-size:12px}.global-search{width:130px}.top-actions{gap:10px}.workflow-area{height:auto;min-height:485px;padding:12px}.flow-track{margin:25px auto 18px}.flow-node{width:145px;padding:0 10px}.flow-arrow{width:24px}.task-title{padding:0 12px;gap:8px}.owner-label{margin-left:2px}.task-inner{margin:0 10px 12px}.detail-tabs{padding-left:20px;gap:28px}.details{padding:12px}.info-card{padding:16px 12px}.field-row{grid-template-columns:1fr}}