*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background:#f5f6fa;color:#333;font-size:14px}:root{--primary: #1677ff;--success: #52c41a;--warning: #faad14;--danger: #ff4d4f;--text: #333;--text-secondary: #999;--border: #e8e8e8;--bg: #f5f6fa;--white: #fff;--radius: 8px}a{color:var(--primary);text-decoration:none}.page{padding:16px;min-height:100vh}.card{background:var(--white);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000f}.btn{display:inline-block;padding:8px 20px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-default{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-block{display:block;width:100%;text-align:center}.btn-small{padding:4px 12px;font-size:12px}.btn-disabled{opacity:.5;pointer-events:none}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;outline:none}.input:focus{border-color:var(--primary)}.textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;outline:none;resize:vertical;min-height:80px}.textarea:focus{border-color:var(--primary)}.label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary)}.form-group{margin-bottom:16px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-12{margin-bottom:12px}.text-center{text-align:center}.text-secondary{color:var(--text-secondary);font-size:12px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px}.tag-draft{background:#f0f0f0;color:#999}.tag-pending{background:#fff7e6;color:#fa8c16}.tag-progress{background:#e6f7ff;color:#1890ff}.tag-done{background:#f6ffed;color:#52c41a}.tag-reject{background:#fff2f0;color:#ff4d4f}.navbar{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.navbar-title{font-size:16px;font-weight:600}.navbar-back{font-size:20px;cursor:pointer;padding:4px}.tabs{display:flex;background:var(--white);border-bottom:1px solid var(--border);overflow-x:auto}.tab{flex-shrink:0;padding:10px 16px;font-size:14px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.empty{padding:48px 20px;text-align:center;color:var(--text-secondary)}.search-bar{padding:12px 16px;background:var(--white)}.status-bar{display:flex;align-items:center;padding:12px 16px;background:var(--white);gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.active{background:var(--primary)}.status-dot.done{background:var(--success)}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:16px}.timeline-item:before{content:"";position:absolute;left:-17px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline-item:last-child:before{background:var(--success)}.timeline-time{font-size:12px;color:var(--text-secondary)}.loading{text-align:center;padding:24px;color:var(--text-secondary)}