*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#222;color:#fff;font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif}body{min-height:100vh}.site-header{background:#303030;border-bottom:1px solid #383838}.nav-wrap{max-width:1440px;min-height:66px;padding:0 36px;margin:auto;display:flex;gap:30px;align-items:center}.brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;gap:3px;white-space:nowrap;font-size:22px;font-weight:800;letter-spacing:-1px;color:white}.brand b{color:#ffb429;font-size:30px;font-style:italic}.brand img{width:100px;height:32px;object-fit:contain}nav{display:flex;align-items:center;gap:26px;white-space:nowrap}nav a{font-size:15px;color:#e9e9e9;text-decoration:none;padding:23px 0;line-height:20px}nav a:hover,nav a.active{color:#ffba38}.search{display:flex;align-items:center;border:1px solid #464646;border-radius:22px;padding:0 11px 0 16px;height:36px;background:#222;margin-left:auto;min-width:200px;width:285px;flex-shrink:0}.search input{width:100%;min-width:0;background:transparent;border:0;outline:none;font-family:inherit;font-size:16px;color:white}.search input::placeholder{color:#a8a8a8}.search button{display:grid;place-items:center;border:0;background:none;color:#bbb;padding:6px;cursor:pointer}.search svg{width:19px;height:19px}main{padding:44px 20px}h1{text-align:center;font-size:40px;font-weight:300;letter-spacing:2px;margin:0;line-height:1.5}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ffba38;outline-offset:4px}@media(max-width:1050px){.nav-wrap{gap:20px;padding:0 20px;flex-wrap:wrap}nav{gap:22px}.search{width:230px}.brand{font-size:20px}}@media(max-width:800px){.nav-wrap{padding:12px 16px;gap:10px 15px}.brand{order:0}.search{order:1;flex:1;min-width:170px;height:34px}nav{order:2;width:100%;overflow-x:auto;scrollbar-width:none;gap:25px}nav a{padding:13px 0 4px;font-size:14px}main{padding-top:32px}h1{font-size:28px}}@media(max-width:360px){.brand{font-size:17px}.brand b{font-size:25px}.search{min-width:150px;padding-left:10px}.search input{font-size:16px}}

#search-results{max-width:900px;margin:30px auto;color:#eee}#search-results[hidden]{display:none}#search-status{color:#aaa;font-size:14px}.search-result{padding:20px 0;border-bottom:1px solid #3d3d3d;overflow-wrap:anywhere}.search-result a{color:#ffba38;font-size:19px;text-decoration:none}.search-result a:hover{text-decoration:underline}.search-result p{color:#bbb;font-size:15px;line-height:1.8;margin:10px 0 0}

.brand{gap:8px;letter-spacing:0}.brand img{width:36px;height:36px;flex-shrink:0}@media(max-width:360px){.brand{gap:6px}.brand img{width:30px;height:30px}}

.home-intro{max-width:1200px;margin:0 auto;text-align:center;overflow-wrap:anywhere}.home-intro h1{font-size:30px;letter-spacing:1px;line-height:1.5}.home-intro p{font-size:16px;line-height:1.6;margin:4px 0 0;color:#eee;white-space:pre-line}@media(max-width:600px){.home-intro h1{font-size:24px;letter-spacing:0}.home-intro p{font-size:14px}}

.home-banners{max-width:1200px;margin:28px auto 0;display:grid;gap:2px}.home-banners a,.home-banners>div{display:block;min-width:0}.home-banners img{display:block;width:100%;aspect-ratio:auto;height:auto;object-fit:contain;background:transparent;border-radius:0;border:0;padding:0}

.ad-group{max-width:1200px;margin:28px auto 0;scroll-margin-top:16px}.ad-group .home-banners{margin:0}.half-height-ads .home-banners img{aspect-ratio:auto}.ad-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:25px 0 30px;white-space:normal}.ad-pagination form{display:flex;align-items:center;gap:6px}.ad-pagination a,.ad-pagination button{font:inherit;color:#eee;border:1px solid #bbb;background:transparent;border-radius:3px;padding:8px 10px;text-decoration:none;line-height:22px;cursor:pointer}.ad-pagination .prev-page{justify-self:start}.ad-pagination .next-page{justify-self:end}.ad-pagination input[type=number]{background:transparent;color:#fff;border:1px solid #bbb;border-radius:3px;width:64px;padding:8px;line-height:22px;min-width:0}.ad-pagination .page-count{font-size:16px}.ad-pagination a:hover,.ad-pagination button:hover{border-color:#ffba38;color:#ffba38}@media(max-width:420px){.ad-pagination{gap:6px}.ad-pagination a,.ad-pagination button{font-size:14px;padding:7px}.ad-pagination input[type=number]{width:49px;padding:7px}.ad-pagination form{gap:4px}}

#banner-ads .home-banners img{aspect-ratio:32/15;height:auto;object-fit:cover;object-position:center}
