:root{--bg:#f7f5ff;--surface:rgba(255,255,255,.78);--surface2:#fff;--text:#20213a;--muted:#777a9a;--line:rgba(96,77,170,.13);--primary:#7567ee;--pink:#ff7fbb;--blue:#71c9ff;--gold:#e6bd68;--shadow:0 16px 45px rgba(73,54,138,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 10% 10%,#efe9ff 0,transparent 30%),radial-gradient(circle at 90% 16%,#eaf8ff 0,transparent 26%),linear-gradient(180deg,#faf9ff,#f6f5fb 55%,#fbfbff);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(249,248,255,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;min-width:205px}.brand img{width:200px;height:64px;object-fit:contain;object-position:left center}.nav-links{display:flex;gap:5px;align-items:center;margin-left:auto}.nav-links a{padding:10px 13px;border-radius:13px;color:#4d4f70;font-weight:650;font-size:14px}.nav-links a:hover,.nav-links a.active{background:#fff;color:var(--primary);box-shadow:0 7px 22px rgba(92,75,176,.1)}.nav-actions{display:flex;gap:8px}.circle-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px}.mobile-toggle{display:none}.hero{padding:38px 0 18px}.hero-box{min-height:570px;border-radius:34px;overflow:hidden;position:relative;background:#161734;box-shadow:0 26px 80px rgba(60,42,130,.22)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-box:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,50,.88) 0%,rgba(18,25,60,.64) 38%,rgba(20,22,60,.12) 72%),linear-gradient(180deg,rgba(14,18,45,.05),rgba(20,17,52,.18))}.hero-content{position:relative;z-index:2;width:min(570px,90%);padding:88px 0 72px 62px;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(255,255,255,.1);font-size:13px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;margin:20px 0 16px;letter-spacing:-2px}.hero p{color:rgba(255,255,255,.84);font-size:17px;max-width:520px}.search{margin-top:28px;height:62px;border-radius:18px;background:#fff;display:flex;align-items:center;padding:0 9px 0 18px;box-shadow:0 16px 40px rgba(0,0,0,.16)}.search input{flex:1;border:0;outline:0;font:inherit;font-size:15px;color:#333;background:transparent}.search button{border:0;width:47px;height:47px;border-radius:15px;color:#fff;font-size:20px;background:linear-gradient(135deg,var(--pink),var(--primary));cursor:pointer}.quick-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.quick-tags a{padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);font-size:13px}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title{display:flex;gap:12px;align-items:center}.section-title .icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe1ef,#e5e5ff);font-size:20px}.section-title h2{margin:0;font-size:26px}.section-title p{margin:2px 0 0;color:var(--muted);font-size:14px}.more{color:var(--primary);font-weight:700;font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.category-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:22px 14px;border-radius:20px;text-align:center;transition:.25s transform,.25s box-shadow}.category-card:hover{transform:translateY(-5px);box-shadow:0 19px 46px rgba(73,54,138,.18)}.category-card b{display:block;margin-top:8px}.category-card span{font-size:12px;color:var(--muted)}.cat-emoji{font-size:30px}.sponsor{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(64,69,160,.15);background:#0e1747;box-shadow:var(--shadow)}.sponsor img{width:100%;height:auto}.sponsor-label{position:absolute;left:13px;top:10px;background:rgba(0,0,0,.52);color:#fff;border-radius:99px;padding:3px 8px;font-size:11px}.feature-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.feature-big,.feature-small{position:relative;border-radius:26px;overflow:hidden;min-height:410px;background:#ddd}.feature-big img,.feature-small img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.feature-big:after,.feature-small:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,15,51,.82),rgba(18,15,51,0) 65%)}.feature-text{position:absolute;z-index:2;left:26px;right:26px;bottom:23px;color:#fff}.feature-text h3{font-size:24px;margin:0 0 5px}.feature-text p{margin:0;color:rgba(255,255,255,.82)}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.site-card{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:14px;align-items:flex-start;transition:.2s}.site-card:hover{transform:translateY(-3px);border-color:rgba(117,103,238,.3);box-shadow:var(--shadow)}.site-icon{flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#e9e5ff,#e6f7ff);display:grid;place-items:center;color:var(--primary);font-weight:900}.site-card h3{margin:0;font-size:16px}.site-card p{margin:3px 0 8px;color:var(--muted);font-size:13px}.badge{display:inline-block;padding:3px 8px;border-radius:99px;background:#f2efff;color:#7567ee;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(68,55,130,.08)}.gallery-card img{aspect-ratio:4/3;width:100%;object-fit:cover}.gallery-card div{padding:14px}.gallery-card b{display:block}.gallery-card span{font-size:12px;color:var(--muted)}.page-hero{padding:56px 0 28px}.page-panel{padding:38px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,242,255,.88));border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.page-panel:after{content:"✦";position:absolute;right:34px;top:6px;font-size:140px;color:rgba(117,103,238,.06)}.page-panel h1{font-size:42px;margin:0 0 8px}.page-panel p{max-width:720px;color:var(--muted)}.footer{margin-top:48px;padding:56px 0 25px;background:#202042;color:#dad9f2}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer-brand img{width:250px}.footer p,.footer a{color:#aaa9c5;font-size:13px}.footer h4{margin:4px 0 14px;color:#fff}.footer a{display:block;margin:7px 0}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8888a8;display:flex;justify-content:space-between;gap:10px}.empty{padding:42px;text-align:center;color:var(--muted)}
body.dark{--bg:#15152b;--surface:rgba(33,31,65,.82);--surface2:#201f3c;--text:#f2f0ff;--muted:#aca8c7;--line:rgba(255,255,255,.08);background:radial-gradient(circle at 10% 10%,#29234d 0,transparent 30%),radial-gradient(circle at 90% 16%,#162b42 0,transparent 28%),#15152b}.dark .site-header{background:rgba(19,18,39,.76)}.dark .nav-links a:hover,.dark .nav-links a.active,.dark .circle-btn{background:#282645}.dark .site-card,.dark .gallery-card{background:rgba(31,30,60,.86)}.dark .page-panel{background:linear-gradient(135deg,rgba(34,32,67,.95),rgba(26,25,55,.95))}.dark .search{background:#242241}.dark .search input{color:#fff}.dark .badge{background:#35305f;color:#b9b1ff}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;background:#fff;border-radius:18px;padding:12px;box-shadow:var(--shadow)}.dark .nav-links{background:#242241}.nav-links.open{display:flex}.nav-links a{width:100%}.mobile-toggle{display:grid}.brand img{width:165px}.category-grid{grid-template-columns:repeat(3,1fr)}.site-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.feature-layout{grid-template-columns:1fr}.hero-box{min-height:590px}.hero-content{padding:70px 30px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{width:min(100% - 22px,1180px)}.nav{height:68px;gap:10px}.brand{min-width:0}.brand img{width:145px;height:54px}.nav-links{top:68px}.hero{padding-top:18px}.hero-box{min-height:620px;border-radius:24px}.hero-box:after{background:linear-gradient(180deg,rgba(20,20,55,.42),rgba(19,17,50,.86) 68%)}.hero-bg{object-position:65% center}.hero-content{padding:320px 18px 28px;width:100%}.hero h1{font-size:38px}.search{height:56px}.category-grid{grid-template-columns:repeat(2,1fr)}.site-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.section{padding:24px 0}.section-head{align-items:flex-start}.feature-big,.feature-small{min-height:320px}.page-panel{padding:27px 22px}.page-panel h1{font-size:34px}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.sponsor img{min-height:78px;object-fit:cover;object-position:center}}