:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#111827;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}*{box-sizing:border-box}.page{color:#111827;background:#fff;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.topbar{z-index:50;background:#fff;border-bottom:1px solid #e8e8ec;position:sticky;top:0}.topbar-inner{align-items:center;gap:36px;max-width:1500px;margin:0 auto;padding:16px 32px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-text{flex-direction:column;line-height:1.02;display:flex}.brand-text strong{letter-spacing:.02em;color:#1a1a1a;font-size:17px;font-weight:800}.nav{align-items:center;gap:30px;margin:0 auto;display:flex}.nav-link{color:#4b5563;align-items:center;gap:6px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:#111827}.nav-link.is-active{color:#1d4ed8;font-weight:600}.actions{align-items:center;gap:14px;margin-left:auto;display:flex}.btn{cursor:pointer;border:0;border-radius:13px;padding:14px 28px;font-size:15.5px;font-weight:700;transition:transform 60ms,box-shadow .2s}.btn:active{transform:translateY(1px)}.btn-ghost{color:#1d4ed8;background:#fff;box-shadow:0 2px 10px #1118271a}.btn-ghost:hover{box-shadow:0 4px 16px #11182724}.btn-primary{color:#fff;background:#1f5ef0;box-shadow:0 4px 14px #1f5ef059}.btn-primary:hover{background:#1a52d6}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:48px 32px 56px;display:flex}.headline{letter-spacing:-.02em;color:#131722;margin:0;font-size:clamp(46px,6vw,78px);font-weight:800;line-height:1.1}.grad{background:linear-gradient(92deg,#1f9ede 0%,#5b5bf0 45%,#b04cc4 75%,#e93a8d 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.search-wrap{width:min(880px,100%);margin-top:52px;position:relative}.searchbar{background:#fff;border:1px solid #eef1f6;border-radius:999px;align-items:center;gap:10px;padding:10px 10px 10px 28px;display:flex;box-shadow:0 12px 40px #465ac83d,0 2px 8px #11182714}.search-ico{flex:none}.searchbar input{color:#111827;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:19px}.searchbar input::placeholder{color:#9aa1ad}.clear{color:#4b5563;cursor:pointer;background:#eef2f7;border:0;border-radius:50%;flex:none;width:30px;height:30px;font-size:19px;line-height:1}.btn-search{border-radius:999px;flex:none;padding:17px 44px;font-size:16.5px}.panel{text-align:left;z-index:40;background:#fff;border:1px solid #e8ecf3;border-radius:22px;max-height:min(62vh,600px);position:absolute;top:calc(100% + 12px);left:0;right:0;overflow:hidden auto;box-shadow:0 24px 60px #1118272e}.panel-head{color:#6b7280;background:#f8fafc;border-bottom:1px solid #eef1f6;padding:15px 24px;font-size:15px}.panel-head strong{color:#1d4ed8}.loading{color:#4b5563;align-items:center;gap:12px;padding:26px 24px;font-size:16px;display:flex}.spinner{border:3px solid #dbe3f0;border-top-color:#1f5ef0;border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:#e8eefb;height:4px;overflow:hidden}.progress span{background:linear-gradient(92deg,#1f9ede,#6a6af0 55%,#e0529a);border-radius:0 4px 4px 0;width:40%;height:100%;animation:1.1s ease-in-out infinite slide;display:block}@keyframes slide{0%{margin-left:-40%}to{margin-left:100%}}.hit{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #f1f4f8;align-items:flex-start;gap:16px;width:100%;padding:17px 24px;display:flex}.hit:last-child{border-bottom:0}.hit.is-active{background:#eff4ff}.hit-cat{color:#1d4ed8;text-overflow:ellipsis;white-space:nowrap;background:#e4ebff;border-radius:999px;flex:none;max-width:210px;margin-top:3px;padding:5px 13px;font-size:12.5px;font-weight:700;overflow:hidden}.hit-body{flex-direction:column;gap:5px;min-width:0;display:flex}.hit-title{color:#131722;font-size:17px;font-weight:600}.hit-title mark{background:#ffef9e;border-radius:3px;padding:0 1px}.hit-ex{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;display:-webkit-box;overflow:hidden}.hit-go{color:#1d4ed8;flex:none;margin-left:auto;font-size:18px;font-weight:700}.empty{padding:26px}.empty p{color:#4b5563;margin:0 0 14px;font-size:15.5px}.empty-tags{flex-wrap:wrap;gap:10px;display:flex}.empty-tags button{color:#1d4ed8;cursor:pointer;background:#f6f9ff;border:1px solid #dbe3f0;border-radius:999px;padding:9px 18px;font-size:14.5px;font-weight:600}.quick{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.pill{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e3e6ec;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14.5px;display:inline-flex}.pill:hover{color:#1d4ed8;border-color:#c4cfef}.preview{text-align:left;background:linear-gradient(#f7faff,#fff);border:1px solid #e3e9f5;border-radius:22px;width:min(880px,100%);margin-top:30px;padding:28px 30px;box-shadow:0 14px 40px #1f5ef01a}.preview h2{letter-spacing:-.01em;margin:12px 0 10px;font-size:26px}.preview p{color:#4b5563;margin:0;font-size:16.5px;line-height:1.6}.preview-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.preview-meta code{color:#374151;background:#eef2f7;border-radius:8px;padding:6px 12px;font-size:13.5px}.demo-note{color:#92600a;background:#fef3c7;border-radius:8px;padding:6px 12px;font-size:13.5px}.scroll-cue{cursor:pointer;background:linear-gradient(135deg,#37b6e9,#6a6af0 55%,#e0529a);border:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-top:72px;display:flex;box-shadow:0 10px 26px #7864dc66}.stats{margin-top:38px}.stats-line{letter-spacing:-.01em;margin:0;font-size:clamp(28px,3.6vw,40px);font-weight:800}.stats-line .blue{color:#1d4ed8}.stats-line .dim{color:#4b5563;font-weight:600}.stats-line .sep{color:#4b5563}.stats-sub{color:#6b7280;margin:22px 0 0;font-size:19px}.index-note{color:#9aa1ad;margin:16px 0 0;font-size:14px}.corner{cursor:pointer;z-index:60;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:fixed;bottom:26px;box-shadow:0 6px 22px #11182729}.corner.left{left:22px}.corner.right{right:22px}@media (width<=900px){.nav{display:none}.topbar-inner{gap:12px;padding:12px 16px}.hero{justify-content:flex-start;padding:40px 16px}.btn{padding:11px 18px;font-size:14px}.btn-search{padding:13px 24px;font-size:15px}.searchbar input{font-size:16px}.scroll-cue{margin-top:48px}}