*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#111827;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.header{max-width:1280px;margin:auto;padding:24px 16px 0}.site-logo{display:block;width:200px;height:100px;margin-bottom:16px;transition:transform .2s}.site-logo:hover{transform:scale(1.03)}.site-logo img{width:200px;height:100px;object-fit:fill}.ad-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .2s,box-shadow .2s}.ad-banner:hover,.link-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.ad-banner div{flex:1;min-width:200px}.ad-banner h3{font-size:20px;font-weight:700;margin:0 0 8px}.ad-banner p{font-size:16px;margin:0}.ad-banner span{color:#165dff;font-size:14px;font-weight:600}.top-ad{background:linear-gradient(to right,#eff6ff,#faf5ff);margin-bottom:24px}.top-ad h3{color:#ef4444}.top-ad p{color:#eab308;font-weight:600}.intro{text-align:center}.intro h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.5;letter-spacing:-.025em;color:#165dff;margin:0 0 24px;font-weight:700}.notices{margin-bottom:24px;color:#ef4444;font-size:16px;font-weight:700}.notices p{margin:0 0 8px}.search{position:relative;max-width:448px;margin:0 auto 32px}.search input{width:100%;height:42px;background:white;padding:8px 42px 8px 16px;border:1px solid #e5e6eb;border-radius:8px;outline:none;transition:box-shadow .2s}.search input:focus{border-color:#165dff;box-shadow:0 0 0 3px #165dff40}.search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:#86909c;display:flex;align-items:center;padding:4px}.categories{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:0 12px}.category-btn{border:0;background:#e5e6eb;color:#86909c;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500;line-height:21px;transition:background .2s,color .2s}.category-btn:hover{background:#d1d5db}.category-btn.active{background:#165dff;color:white}.links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.link-card{display:block;min-width:0;background:#fff;border-radius:8px;padding:12px;text-align:center;box-shadow:0 4px 12px #00000014;transition:transform .2s,box-shadow .2s}.link-card h3{font-size:14px;font-weight:600;line-height:20px;margin:0 0 4px}.link-card p{font-size:12px;line-height:16px;color:#86909c;margin:0;overflow-wrap:anywhere}.link-card[hidden],[hidden]{display:none!important}.bottom-ad{margin:32px 0 24px;background:linear-gradient(to right,#f0fdf4,#eff6ff)}.bottom-ad h3{color:#1f2937}.bottom-ad p{color:#4b5563}footer{text-align:center;color:#86909c;font-size:14px;margin:48px 0 24px}.empty-state{text-align:center;color:#86909c;padding:48px 16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #165dff;outline-offset:3px}@media(max-width:1023px){.links-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-logo{width:160px;height:auto;margin-left:auto;margin-right:auto}.site-logo img{width:160px;height:auto}.ad-banner h3{font-size:18px}.ad-banner p{font-size:14px}.search{margin-left:16px;margin-right:16px}.notices p{padding:0 4px}}@media(max-width:639px){.links-grid{grid-template-columns:1fr}.ad-banner{padding:24px}.intro h1{margin-top:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}