.fa-page{max-width:1300px;margin:0 auto;color:var(--text-color)}.fa-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:center;height:230px;margin-bottom:24px;padding:30px 34px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 9%,var(--card-bg)),var(--card-bg) 72%);border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:22px;box-shadow:0 8px 24px #0f172a0a}.fa-hero-content{min-width:0}.fa-hero-title{margin:0 0 8px;font-size:2rem;line-height:1.2;letter-spacing:-.02em;color:var(--text-color)}.fa-hero-desc{max-width:560px;margin:0;font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.fa-hero-stats{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.fa-hero-stat{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;font-size:.9rem;font-weight:600;line-height:1.5;color:var(--text-secondary)}.fa-hero-stat-label,.fa-hero-stat-value{font:inherit}.fa-hero-stat-value{color:var(--primary-color)}.fa-hero-random{display:flex;flex-direction:column;gap:8px;min-width:0}.fa-hero-random-head{display:flex;align-items:center;gap:6px;margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--text-secondary)}.fa-hero-random-head>svg{width:13px;height:13px;color:var(--primary-color)}.fa-random-shuffle{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;padding:0;color:var(--text-secondary);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:color .2s ease,background .2s ease,transform .3s ease}.fa-random-shuffle svg{width:13px;height:13px}.fa-random-shuffle:hover{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,transparent);transform:rotate(180deg)}.fa-hero-random-list{display:flex;flex-direction:column;gap:6px;min-width:0}.fa-random-item{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 8px;margin-left:-8px;border-radius:10px;color:inherit;text-decoration:none;transition:background .18s ease}.fa-random-item:hover{background:color-mix(in srgb,var(--primary-color) 7%,transparent);text-decoration:none}.fa-random-item .fa-avatar,.fa-random-item .fa-avatar-fallback{width:20px;height:20px;font-size:.65rem}.fa-random-title{flex:1;min-width:0;font-size:.78rem;line-height:1.5;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s ease}.fa-random-item:hover .fa-random-title{color:var(--primary-color)}.fa-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.fa-search{position:relative;flex:1 1 240px;min-width:0;display:flex;align-items:center}.fa-search svg{position:absolute;left:13px;width:15px;height:15px;color:var(--text-secondary);pointer-events:none}.fa-search input{width:100%;padding:9px 14px 9px 35px;font:inherit;font-size:.875rem;color:var(--text-color);background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.fa-search input::placeholder{color:var(--text-light, var(--text-secondary))}.fa-search input:focus{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 14%,transparent)}.fa-select{padding:9px 34px 9px 14px;font:inherit;font-size:.875rem;color:var(--text-color);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;max-width:190px;text-overflow:ellipsis}.fa-select:focus{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 14%,transparent)}.fa-panel{padding:0;background:none;border:none;box-shadow:none}.fa-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fa-card{position:relative;display:flex;flex-direction:column;gap:9px;min-height:118px;padding:14px 16px 12px;overflow:hidden;color:inherit;text-decoration:none;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.fa-card:before{content:"";position:absolute;inset:-45% 45% 45% -25%;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary-color) 24%,transparent),transparent);opacity:0;transition:opacity .25s ease;pointer-events:none}.fa-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color));box-shadow:0 16px 30px -20px color-mix(in srgb,var(--primary-color) 55%,rgba(15,23,42,.45));text-decoration:none}.fa-card:hover:before{opacity:.6}.fa-card>*{position:relative}.fa-card-head{display:flex;align-items:center;gap:8px;min-width:0}.fa-card-site{font-size:.78rem;font-weight:600;color:color-mix(in srgb,var(--primary-color) 68%,var(--text-secondary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-card-time{margin-left:auto;flex:0 0 auto;font-size:.72rem;color:var(--text-light, var(--text-secondary));font-variant-numeric:tabular-nums}.fa-card-title{font-size:.95rem;font-weight:600;line-height:1.55;color:var(--text-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;transition:color .2s ease}.fa-card:hover .fa-card-title{color:var(--primary-color)}.fa-card-foot{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:2px;font-size:.72rem;color:var(--text-light, var(--text-secondary))}.fa-card-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-card-go{margin-left:auto;flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--text-secondary);background:color-mix(in srgb,var(--border-color) 55%,transparent);transition:color .2s ease,background .2s ease,transform .2s ease}.fa-card:hover .fa-card-go{color:#fff;background:var(--primary-color);transform:translate(1px,-1px)}.fa-avatar,.fa-avatar-fallback{width:22px;height:22px;flex:0 0 auto;border-radius:50%}.fa-avatar{object-fit:cover;background:var(--bg-secondary)}.fa-avatar-fallback{display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,transparent)}.fa-skeleton{display:flex;flex-direction:column;gap:10px;min-height:118px;padding:14px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px}.fa-skeleton-head{display:flex;align-items:center;gap:8px}.fa-skeleton-avatar,.fa-skeleton-line{background:linear-gradient(90deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 55%,var(--border-color)),var(--bg-secondary));background-size:200% 100%;animation:fa-shimmer 1.4s ease-in-out infinite}.fa-skeleton-avatar{width:22px;height:22px;flex:0 0 auto;border-radius:50%}.fa-skeleton-line{height:11px;border-radius:6px}.fa-skeleton-head .fa-skeleton-line{width:38%}.fa-skeleton-line.is-mid{width:62%}@keyframes fa-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fa-more{display:block;width:100%;margin:16px 0 2px;padding:11px;font:inherit;font-size:.875rem;font-weight:600;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 7%,transparent);border:1px dashed color-mix(in srgb,var(--primary-color) 32%,transparent);border-radius:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.fa-more:hover{background:color-mix(in srgb,var(--primary-color) 14%,transparent);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent)}.fa-more[hidden],.fa-empty[hidden]{display:none}.fa-empty{padding:44px 16px;text-align:center;font-size:.875rem;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:14px}.fa-retry{margin-left:8px;padding:4px 12px;font:inherit;font-size:.8125rem;font-weight:600;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:none;border-radius:999px;cursor:pointer}@media(max-width:1099px){.fa-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.fa-hero{grid-template-columns:1fr;height:auto;gap:20px;padding:24px 22px}}@media(max-width:640px){.fa-hero-title{font-size:1.6rem}.fa-hero-desc{font-size:.875rem}.fa-hero-stats{gap:6px 14px}.fa-list{grid-template-columns:1fr;gap:10px}.fa-select{flex:1 1 100%;max-width:none}.fa-card-title{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.fa-skeleton-avatar,.fa-skeleton-line{animation:none}.fa-card,.fa-card-go,.fa-random-shuffle,.fa-random-item{transition:none}.fa-card:hover,.fa-random-shuffle:hover{transform:none}}