:root { color-scheme: dark; font-family: Inter, "Microsoft YaHei", system-ui, sans-serif; background: #101114; color: #f5f7fa; }
* { box-sizing: border-box; } body { margin: 0; } a { color: inherit; text-decoration: none; }
.site-header { height: 68px; padding: 0 5vw; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:2; border-bottom:1px solid #2b2e35; background:rgba(16,17,20,.92); backdrop-filter:blur(12px); }
.brand { font-weight:750; letter-spacing:.02em; }.more,.download { color:#bac8ff; font-size:.9rem; }.more:hover,.more:focus,.download:hover,.download:focus { color:#fff; text-decoration:underline; }
main { max-width:1440px; padding:56px 5vw 72px; margin:auto; }.hero { max-width:720px; margin-bottom:36px; }.hero p { color:#9daeff; margin:0 0 10px; font-size:.75rem; font-weight:700; letter-spacing:.14em; }.hero h1 { margin:0 0 14px; font-size:clamp(2rem,5vw,3.5rem); line-height:1.1; }.hero span { color:#b5b8c0; line-height:1.7; }
.featured,.wallpapers { display:grid; gap:22px; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }.feature,.wallpaper-card { overflow:hidden; border:1px solid #30333b; border-radius:12px; background:#181a1f; box-shadow:0 10px 30px rgba(0,0,0,.18); }.feature img,.wallpaper-card img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; display:block; transition:transform .25s ease; }.feature:hover img,.feature:focus img,.preview:hover img,.preview:focus img { transform:scale(1.045); }.feature div { padding:15px; }.feature b,.feature small { display:block; }.feature small { color:#afb3be; margin-top:8px; font-size:.8rem; line-height:1.5; }.preview { position:relative; display:block; overflow:hidden; }.preview span { position:absolute; right:12px; bottom:12px; padding:5px 9px; border-radius:999px; background:rgba(0,0,0,.6); font-size:.8rem; opacity:0; transition:opacity .2s; }.preview:hover span,.preview:focus span { opacity:1; }.download { display:block; padding:13px 14px; }
footer { padding:30px 5vw; color:#9599a4; border-top:1px solid #2b2e35; text-align:center; font-size:.85rem; } @media(max-width:560px){.site-header{height:58px}.featured,.wallpapers{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}main{padding-top:40px}.feature div{padding:11px;font-size:.86rem}.feature small{font-size:.72rem}.download{padding:10px;font-size:.8rem}}