.site-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.site-card{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:20px;transition:.32s;box-shadow:0 8px 30px rgba(30,34,80,.03)}.site-card:before{content:'';position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(135deg,transparent,var(--primary2),var(--primary));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;opacity:0;transition:.3s}.site-card:hover{transform:translateY(-5px) scale(1.012);box-shadow:var(--shadow)}.site-card:hover:before{opacity:1}.site-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;background:var(--surface-solid);border-radius:14px}.site-icon img{width:28px;height:28px;object-fit:contain}.site-info{min-width:0}.site-name{font-weight:750;display:flex;align-items:center;gap:6px}.site-info p{font-size:13px;color:var(--muted);margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-url{display:block;font-size:11px;color:#a0a4b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:10px;color:#fff;background:linear-gradient(135deg,#ff8a4c,#ff4d8d);padding:1px 5px;border-radius:5px}.arrow{margin-left:auto;color:var(--muted);transition:.3s}.site-card:hover .arrow{color:var(--primary);transform:translate(2px,-2px)}.category-section{margin-bottom:44px;padding:28px;background:rgba(255,255,255,.25);border:1px solid var(--line);border-radius:26px}.dark .category-section{background:rgba(255,255,255,.015)}.category-title,.category-title>div{display:flex;align-items:center;gap:12px}.category-title{justify-content:space-between;margin-bottom:20px}.category-title span{width:38px;height:38px;display:grid;place-items:center;background:rgba(109,93,252,.1);border-radius:12px}.category-title h3{margin:0}.category-title small{color:var(--muted)}.category-title>a{font-size:13px;color:var(--primary)}.page-hero{padding:70px 0 10px}.page-hero .container{display:flex;align-items:center;gap:20px}.page-hero .page-icon{width:70px;height:70px;font-size:30px}.page-hero span{color:var(--primary);font-size:12px;font-weight:800}.page-hero h1{font-size:40px;margin:2px 0}.page-hero p{margin:0;color:var(--muted)}.inner-search{display:flex;max-width:700px;margin:0 auto 35px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.inner-search input{flex:1;border:0;background:transparent;color:var(--text);outline:0;padding:0 16px}.empty-state,.empty-page{text-align:center;padding:90px 20px;color:var(--muted)}.empty-page h1{color:var(--text)}.empty-code{font-size:100px;font-weight:900;color:var(--primary)}.primary-btn{display:inline-flex;align-items:center;height:48px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.pagination a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px}.pagination a.active{background:var(--primary);color:#fff}.footer{margin-top:100px;padding:55px 0 20px;background:var(--surface);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer p,.friend-links a{color:var(--muted);font-size:13px}.friend-links{display:flex;flex-wrap:wrap;gap:12px}.copyright{text-align:center;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.toast{position:fixed;right:24px;top:92px;z-index:100;padding:12px 18px;color:#fff;background:#18a875;border-radius:12px;box-shadow:var(--shadow)}.toast.error{background:#e55353}.reveal{opacity:0;transform:translateY(18px);transition:.55s}.reveal.visible{opacity:1;transform:none}