*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;background:#f2f4f7;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul,li{list-style:none}:root{--primary:#ff4a4a;--primary-light:#ff6b6b;--primary-dark:#d93a3a;--secondary:#2196f3;--secondary-light:#64b5f6;--secondary-dark:#1565c0;--success:#0ba360;--success-light:#34d399;--warning:#f59e0b;--danger:#e53935;--bg:#f5f6f8;--card-bg:#fff;--text:#1a202c;--text-secondary:#718096;--border:#e2e8f0;--radius:12px;--shadow:0 2px 12px #0000000f;--accent:#ff4a4a;--gold:#f59e0b}main{min-height:100vh}.page-container{max-width:1200px;margin:0 auto;padding:24px 20px}.page-title{color:var(--text);margin-bottom:24px;font-size:24px;font-weight:700}.page-desc{color:var(--text-secondary);margin-top:-16px;margin-bottom:28px}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state .icon{margin-bottom:16px;font-size:48px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-sm{padding:6px 14px;font-size:13px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.tag{color:var(--secondary);background:#e3f2fd;border-radius:4px;margin-bottom:4px;margin-right:6px;padding:2px 10px;font-size:12px;display:inline-block}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.overlay-top{z-index:300}.blank-slot{color:#0000;text-align:center;vertical-align:bottom;border-bottom:3px solid #ff4a4a;min-width:60px;margin:0 4px;padding:0 6px;font-weight:700;display:inline-block;text-decoration:none!important}.blank-filled{color:#ff4a4a;border-bottom:3px solid #ff4a4a;margin:0 2px;padding:0 2px;font-weight:700;display:inline-block}.app-footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:40px;padding:28px 20px 32px;font-size:12px}.app-footer p{margin:4px 0}.beian-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.beian-row a{color:var(--text-secondary)}.beian-row a:hover{color:var(--primary)}.beian-split{color:#d1d5db}.rich-text img{border-radius:6px;max-width:100%;margin:8px 0}.rich-text video{background:#000;border-radius:6px;max-width:100%;margin:8px 0}.rich-text b,.rich-text strong{font-weight:700}.rich-text i,.rich-text em{font-style:italic}.rich-text u{text-decoration:underline}.rich-text ul,.rich-text ol{padding-left:20px}.rich-text h3{margin:10px 0;font-size:16px}