html,body,#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#e5e7eb;min-height:100vh;margin:0;padding:0;overflow:hidden;background:radial-gradient(1200px 600px at 10% -10%,rgba(99,102,241,.25),transparent 60%),radial-gradient(900px 500px at 110% 20%,rgba(16,185,129,.2),transparent 55%),radial-gradient(800px 600px at 50% 120%,rgba(236,72,153,.18),transparent 55%),linear-gradient(180deg,#0b1020,#0a0f1e)}#app{position:relative;overflow:hidden}#app:before,#app:after{content:"";position:absolute;inset:-20% -10% auto -10%;height:60vh;background:radial-gradient(closest-side,rgba(99,102,241,.12),transparent 65%);filter:blur(40px);animation:float1 14s ease-in-out infinite alternate;pointer-events:none}#app:after{display:none}@keyframes float1{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,4%,0) scale(1.08)}}@keyframes float2{0%{transform:translate3d(2%,3%,0) scale(1)}to{transform:translate3d(-2%,-2%,0) scale(1.06)}}.guide{max-width:none;margin:0;text-align:left;padding-top:180px;overflow:hidden}.tag-filter{position:fixed;top:120px;left:0;right:0;z-index:100;background-color:#0b1020f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 150px;border-bottom:1px solid rgba(99,102,241,.1)}.tag-filter-title{font-size:12px;color:#c7d2fe;margin-bottom:8px;font-weight:600}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-item{background:#1e293b99;border:1px solid rgba(99,102,241,.35);border-radius:999px;padding:4px 12px;color:#c7d2fe;cursor:pointer;font-size:11px;transition:all .2s ease;box-shadow:inset 0 0 8px #6366f11f;white-space:nowrap}.tag-item:hover{background:#1e293bcc;border-color:#6366f199;transform:scale(1.05)}.tag-item.active{background:#ef4444cc;border-color:#ef4444e6;color:#fff;box-shadow:inset 0 0 8px #ef44444d}.tag-item.active:hover{background:#ef4444e6;border-color:#ef4444}.title{margin:0 0 12px;font-weight:800;letter-spacing:.3px;background:linear-gradient(90deg,#60a5fa,#34d399,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;position:fixed;top:0;left:0;right:0;z-index:100;background-color:#0b1020f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 150px 12px;border-bottom:1px solid rgba(99,102,241,.2)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:fixed;top:60px;left:0;right:0;z-index:100;background-color:#0b1020f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 150px;border-bottom:1px solid rgba(99,102,241,.1)}@media (max-width: 1200px){.toolbar{padding:12px 50px}.title{padding:16px 50px 12px}.tag-filter{padding:12px 50px}.content-scroll{padding:16px 50px 100px}}@media (max-width: 1024px){.toolbar{padding:12px 30px}.title{padding:16px 30px 12px}.tag-filter{padding:12px 30px}.content-scroll{padding:16px 30px 100px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.search{width:400px;max-width:100%}}.search{width:520px;max-width:100%;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:#0f172a8c;color:#e5e7eb;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='7.5' r='4.8'/%3E%3Cpath d='M11.5 11.5L15 15'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px 50%;padding:10px 12px 10px 36px}.search::placeholder{color:#94a3b8}.search:focus{border-color:#6366f1b3;box-shadow:0 0 0 4px #6366f126,inset 0 0 24px #6366f11a;background:#0f172ab3}.count{margin-left:auto;font-size:12px;color:#c7d2fe;background:#1e293b99;border:1px solid rgba(99,102,241,.35);border-radius:999px;padding:6px 10px;box-shadow:inset 0 0 8px #6366f11f}.theme-toggle,.changelog-btn{margin-left:8px;background:#1e293b99;border:1px solid rgba(99,102,241,.35);border-radius:999px;padding:4px 8px;color:#c7d2fe;cursor:pointer;font-size:12px;transition:all .2s ease;box-shadow:inset 0 0 8px #6366f11f}.theme-toggle:hover,.changelog-btn:hover{background:#1e293bcc;border-color:#6366f199;transform:scale(1.05)}.grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}@media (max-width: 1200px){.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}}.content-scroll{padding:16px 150px 80px;height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.content-scroll::-webkit-scrollbar{display:none}.section{margin:18px 0 8px;font-size:14px;font-weight:700;letter-spacing:.3px;color:#c7d2fe;text-transform:none}.card{border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:16px;background:linear-gradient(180deg,#0f172a99,#0f172a73);box-shadow:0 8px 24px #02061799,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;cursor:pointer;min-height:80px;display:flex;flex-direction:column}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,#6366f159,#34d39940 40%,#f472b640);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.name{font-weight:700;color:#e5e7eb;letter-spacing:.2px}.chs{color:#a5b4fc;font-weight:600}.desc{margin-top:8px;font-size:13px;color:#cbd5e1;line-height:1.5;flex:1}.card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:0 14px 36px #020617b3,0 0 0 1px #6366f114 inset}[data-theme=light]{--bg-primary: #fafbfc;--bg-secondary: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--border-color: #e2e8f0;--border-light: #f1f5f9;--accent-primary: #3182ce;--accent-secondary: #38a169;--accent-tertiary: #d69e2e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}[data-theme=light] html,[data-theme=light] body,[data-theme=light] #app{background:#f7fafc;color:var(--text-primary)}[data-theme=light] .title{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));-webkit-background-clip:text;background-clip:text;color:transparent;background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}[data-theme=light] .toolbar,[data-theme=light] .tag-filter{background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}[data-theme=light] .tag-filter-title{color:var(--text-primary)}[data-theme=light] .tag-item{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-sm)}[data-theme=light] .tag-item:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .tag-item.active{background:#ef4444e6;border-color:#ef4444;color:#fff;box-shadow:inset 0 0 8px #ef44444d}[data-theme=light] .tag-item.active:hover{background:#ef4444;border-color:#ef4444}[data-theme=light] .search{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .search::placeholder{color:var(--text-muted)}[data-theme=light] .search:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3182ce1a;background:var(--bg-secondary)}[data-theme=light] .search{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background-repeat:no-repeat;background-position:10px 50%;padding-left:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%234a5568' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='7.5' r='4.8'/%3E%3Cpath d='M11.5 11.5L15 15'/%3E%3C/svg%3E")}[data-theme=light] .count,[data-theme=light] .theme-toggle,[data-theme=light] .changelog-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-sm)}[data-theme=light] .count:hover,[data-theme=light] .theme-toggle:hover,[data-theme=light] .changelog-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .section{color:var(--text-primary);font-weight:600}[data-theme=light] .card{background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:all .2s ease}[data-theme=light] .card:before{background:linear-gradient(135deg,#3182ce1a,#38a16914 40%,#d69e2e14)}[data-theme=light] .name{color:var(--text-primary);font-weight:600}[data-theme=light] .chs{color:var(--accent-primary);font-weight:500}[data-theme=light] .desc{color:var(--text-secondary);line-height:1.5}[data-theme=light] .card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}