.hd{position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.hd-inner{height:60px;gap:30px}.brand,.hd-inner{display:flex;align-items:center}.brand{gap:8px;font-weight:700;font-size:18px}.brand-mark{width:32px;height:32px;color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-family:serif}.brand-mark,.brand-text{background:var(--gradient-primary)}.brand-text{-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:24px;flex:1}.nav a{color:var(--text-secondary);font-size:14px;padding:6px 0;position:relative;transition:var(--transition)}.nav a.active,.nav a:hover{color:var(--primary)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--gradient-primary);border-radius:2px}.right{gap:10px}.right,.user{display:flex;align-items:center}.user{gap:8px;padding:4px 10px 4px 4px;border-radius:20px;background:var(--primary-soft)}.user img{width:30px;height:30px;border-radius:50%}.user .name{font-size:13px}.user .points{font-size:12px;color:var(--primary);font-weight:600;padding:2px 8px;background:#fff;border-radius:10px}@media (max-width:768px){.nav{gap:12px;overflow-x:auto}.brand-text,.user .name{display:none}}.ft{background:#2a1730;color:hsla(0,0%,100%,.7);padding:40px 0 0;margin-top:60px}.ft-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:30px}.ft-title{font-size:15px;color:#fff;font-weight:600;margin-bottom:12px}.ft .col a{display:block;padding:4px 0;font-size:13px;transition:var(--transition)}.ft .col a:hover{color:var(--primary-light)}.ft-desc{font-size:13px;line-height:1.8}.copyright{border-top:1px solid hsla(0,0%,100%,.1);padding:20px 0;text-align:center;font-size:12px;color:hsla(0,0%,100%,.5)}@media (max-width:768px){.ft-inner{grid-template-columns:1fr;gap:20px}}:root{--primary:#7b2c8f;--primary-light:#b084cc;--primary-dark:#5a1f6b;--primary-soft:#f3e9f7;--gradient-primary:linear-gradient(135deg,#7b2c8f,#b084cc);--gradient-hero:linear-gradient(135deg,#4a1758,#7b2c8f 50%,#b084cc);--text-primary:#1f1b24;--text-secondary:#6b6478;--text-muted:#9b94a8;--bg-page:#faf7fc;--bg-card:#fff;--bg-soft:#f3e9f7;--border:#ebe3f0;--success:#67c23a;--warning:#e6a23c;--danger:#f56c6c;--info:#909399;--radius-sm:6px;--radius:12px;--radius-lg:20px;--shadow-sm:0 2px 6px rgba(123,44,143,.06);--shadow:0 6px 16px rgba(123,44,143,.1);--shadow-lg:0 12px 28px rgba(123,44,143,.18);--transition:all 0.25s ease}*{box-sizing:border-box;margin:0;padding:0}#app,body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:var(--bg-page);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page{min-height:calc(100vh - 60px);padding:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid transparent;gap:6px;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--primary);background:var(--primary-soft)}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:12px 30px;font-size:16px}.btn-block,.input{width:100%}.input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;font-size:14px;transition:var(--transition)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(123,44,143,.15)}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary);font-weight:500}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:var(--transition)}.tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-lg);font-size:12px;background:var(--primary-soft);color:var(--primary)}.tag-success{background:#eaf7de;color:var(--success)}.tag-warning{background:#fdf5e6;color:var(--warning)}.tag-danger{background:#fde9e9;color:var(--danger)}.grid{display:grid;gap:20px}.grid-books{grid-template-columns:repeat(4,1fr)}.grid-cats{grid-template-columns:repeat(6,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-books{grid-template-columns:repeat(2,1fr)}.grid-cats{grid-template-columns:repeat(3,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}.page-title{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.page-title:before{content:"";display:inline-block;width:4px;height:22px;background:var(--gradient-primary);border-radius:2px}.section-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.empty{padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:48px;margin-bottom:10px}.loading{padding:60px;text-align:center;color:var(--text-muted)}.spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast-container{position:fixed;top:30px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 20px;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);font-size:14px;border-left:4px solid var(--primary);animation:toastIn .3s}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:rgba(31,27,36,.55);z-index:8000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s}.modal{background:#fff;border-radius:var(--radius);padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalIn .25s}.modal-title{font-size:18px;font-weight:700;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table td,.table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--bg-soft);color:var(--text-secondary);font-weight:600;font-size:13px}.table tr:hover td{background:#fbf7fe}.table tr:last-child td{border-bottom:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f3f3}::-webkit-scrollbar-thumb{background:#c7b8d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}