* { box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background: #f7f8fa; margin: 0; color: #1d2129; }
.container { max-width: 860px; margin: 24px auto; padding: 0 16px; }
h1 { font-size: 22px; margin: 8px 0 16px; }
.card { background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 16px; }
.form-row { display: flex; gap: 12px; align-items: center; margin: 8px 0; }
label { width: 64px; color: #86909c; font-size: 14px; }
input, textarea { flex: 1; border: 1px solid #e5e6eb; border-radius: 8px; padding: 10px 12px; font-size: 14px; }
textarea { min-height: 88px; }
.actions { display: flex; gap: 10px; }
button { background: #165dff; color: #fff; border: none; border-radius: 8px; padding: 10px 14px; font-size: 14px; cursor: pointer; }
button.secondary { background: #f2f3f5; color: #1d2129; }
.list-header { display: flex; align-items: center; justify-content: space-between; }
.item { border: 1px solid #f2f3f5; border-radius: 10px; padding: 12px; margin: 8px 0; display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.item-title { font-weight: 600; }
.item-meta { color: #86909c; font-size: 12px; }
.item-actions { display: flex; gap: 8px; align-items: start; }
.tip { margin-top: 8px; color: #4e5969; font-size: 13px; }
.error { color: #e5484d; }