*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-bg:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--accent:#8b5cf6;--accent-light:#c4b5fd;--bg:#f0f2f5;--card-bg:#fff;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-hover:0 10px 25px -5px #6366f126, 0 8px 10px -6px #00000014;--shadow-lg:0 20px 40px -12px #6366f133;--radius:14px;--radius-sm:8px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.waterfall{column-count:3;column-gap:24px}@media (width<=1024px){.waterfall{column-count:2}}@media (width<=640px){.waterfall{column-count:1}}.waterfall-item{break-inside:avoid;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border:1px solid var(--border);margin-bottom:24px;overflow:hidden}.waterfall-item:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-light);transform:translateY(-4px)}.card-cover{object-fit:cover;width:100%;height:200px;display:block}.card-body{padding:20px}.card-body h3{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.card-body p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.card-meta{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;font-size:12px;display:flex}.tag{color:var(--primary);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:6px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.load-more{text-align:center;padding:48px 0}.load-more button{background:var(--primary-bg);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:12px 48px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #6366f14d}.load-more button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.load-more button:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-header{text-align:center;padding:48px 0 32px}.page-header h1{background:var(--primary-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:15px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s forwards fadeInUp}