:root{--bg:#f4f5f8;--panel:#fff;--panel-soft:#fafafb;--text:#111827;--text-soft:#6b7280;--primary:#0f766e;--primary-strong:#0b5b55;--danger:#b91c1c;--border:#e5e7eb;--shadow:0 14px 40px #0f172a14}*{box-sizing:border-box}html,body,#app{min-height:100%;color:var(--text);background:radial-gradient(circle at top right, #e0f2fe 0%, var(--bg) 55%);margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit}button{cursor:pointer}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 12px;font-size:14px}.btn:hover{background:#f9fafb}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.94)}.status-published{color:#15803d}.status-pending{color:#b45309}.status-deleted{color:#b91c1c}.page-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.page-title{margin:0 0 8px;font-size:22px}.page-desc{color:var(--text-soft);margin:0 0 18px}.toolbar{flex-wrap:wrap;gap:10px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--border);background:#fff;border-radius:10px;min-height:36px;padding:8px 10px}.table-wrap{border-top:1px solid var(--border);overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 12px;font-size:14px}th{background:var(--panel-soft);color:var(--text-soft)}.actions{gap:8px;display:flex}.empty{color:var(--text-soft);padding:30px 14px}