.page-wrap{color:#333;-webkit-font-smoothing:antialiased;box-sizing:border-box;max-width:900px;min-height:100vh;margin:0 auto;padding:56px 24px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.card{margin-bottom:16px}.hero-card{text-align:center;box-shadow:none;background:0 0;border-radius:0;padding:60px 48px 52px}.site-title{color:#1e293b;letter-spacing:-1.5px;margin:0 0 12px;font-size:48px;font-weight:800;line-height:1}.site-dot{color:#2563eb}.site-subtitle{color:#64748b;margin:0 0 36px;font-size:17px;font-weight:400}.search-form{max-width:480px;margin:0 auto 14px;position:relative}.search-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:14px 70px 14px 20px;font-size:16px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000f}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.search-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:7px;padding:8px 18px;font-size:14px;font-weight:600;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.search-hint{color:#94a3b8;font-size:13px}.search-hint code{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.popular-card{background:#fff;border-radius:14px;padding:24px 32px 28px;box-shadow:0 1px 4px #00000012,0 1px 2px #0000000d}.popular-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.popular-title{color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;margin:0;font-size:11px;font-weight:700}.popular-line{background:#f1f5f9;flex:1;height:1px}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-link{color:#475569;letter-spacing:.3px;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.tag-link:hover{color:#fff;background:#2563eb;border-color:#2563eb}footer{text-align:center;color:#cbd5e1;padding:20px 0 8px;font-size:13px}@media (max-width:480px){.page-wrap{padding:28px 12px 24px}.hero-card{padding:32px 20px 36px}.site-title{letter-spacing:-1px;font-size:36px}.site-subtitle{margin-bottom:28px;font-size:15px}.card{border-radius:12px}.popular-card{padding:20px 16px 24px}}