:root{--color-primary:#e85d75;--color-primary-hover:#d04a62;--color-primary-light:#e85d751a;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-price:#ef4444;--color-accent:#d4a574;--color-category-love:#ff6b81;--color-category-marriage:#d4a574;--color-category-psychology:#9b59b6;--color-category-story:#e85d75;--color-category-repair:#5dade2;--color-category-intimacy:#f39c12;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#fffaf5;--bg-hover:#f3f4f6;--bg-mask:#00000073;--border-color:#e5e7eb;--border-light:#f3f4f6;--header-bg:#ffffffd9;--card-bg:#fff;--card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--max-width:1120px;--page-padding:24px;--header-height:56px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", Menlo, Consolas, monospace;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}a{color:var(--color-primary);text-decoration:none}img{max-width:100%;height:auto}button{font-family:inherit}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-price{color:var(--color-price);font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;line-height:1.5;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{color:var(--text-primary);border-color:var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--text-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-lg{padding:12px 32px;font-size:16px}.btn-sm{padding:4px 12px;font-size:13px}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--border-light)}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:border-color var(--transition);outline:none;padding:10px 14px;font-size:15px}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--text-muted)}.form-error{color:var(--color-danger);margin-top:4px;font-size:13px}.loading-center{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state p{margin-top:8px;font-size:15px}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pagination button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition);padding:6px 12px;font-size:14px}.pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){:root{--page-padding:16px;--header-height:48px}html{font-size:15px}body{font-size:14px}.btn{padding:8px 16px;font-size:14px}.btn-lg{padding:10px 24px;font-size:15px}.form-input{padding:10px 12px;font-size:16px}.card{border-radius:var(--radius-sm)}}@media (width<=480px){:root{--page-padding:12px}body{font-size:14px}}