*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-border: #e5e5e7;--color-accent: #0071e3;--color-tag-bg: #f0f0f2;--color-tag-text: #1d1d1f;--color-tag-active-bg: #0071e3;--color-tag-active-text: #ffffff;--radius: 12px;--max-width: 768px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.header{background:var(--color-surface);padding:32px 20px 20px;text-align:center;border-bottom:1px solid var(--color-border)}.header-logo{font-size:28px;font-weight:700;color:var(--color-text);letter-spacing:2px}.header-sub{font-size:14px;color:var(--color-text-secondary);margin-top:6px}.filter-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:16px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-tag{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s}.filter-tag:hover{background:#e8e8ed}.filter-tag.active{background:var(--color-tag-active-bg);color:var(--color-tag-active-text);border-color:var(--color-tag-active-bg)}.card-list{max-width:var(--max-width);margin:0 auto;padding:0 16px 40px;display:flex;flex-direction:column;gap:12px}.card{background:var(--color-surface);border-radius:var(--radius);padding:20px;border:1px solid var(--color-border);transition:box-shadow .15s}.card:active{box-shadow:0 2px 12px #00000014}.card-name{font-size:17px;font-weight:600;color:var(--color-text);margin-bottom:8px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.card-tag{padding:2px 8px;border-radius:4px;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:11px}.card-meta{font-size:12px;color:var(--color-text-secondary);margin-bottom:12px}.card-link{display:inline-block;padding:8px 16px;border-radius:8px;background:var(--color-accent);color:#fff;font-size:14px;text-decoration:none;font-weight:500;transition:opacity .15s}.card-link:hover{opacity:.9}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.count-badge{font-size:12px;color:var(--color-text-secondary);margin-left:4px}.footer{text-align:center;padding:24px 16px;font-size:12px;color:var(--color-text-secondary);border-top:1px solid var(--color-border)}@media(max-width:480px){.header{padding:24px 16px 16px}.header-logo{font-size:24px}.header-sub{font-size:13px}.filter-bar{padding:12px;gap:6px}.filter-tag{padding:8px 14px;font-size:13px}.card-list{padding:0 12px 32px}.card{padding:16px}.card-name{font-size:16px}.card-link{display:block;text-align:center;padding:10px 16px;font-size:15px}.footer{padding:20px 12px;font-size:11px}}@media(min-width:768px){.filter-bar{justify-content:center;padding:20px}.card-list{flex-direction:row;flex-wrap:wrap;gap:16px}.card{flex:0 0 calc(50% - 8px)}}