.BannerGrid{gap:14px;display:grid}.BannerGrid.cols-2{grid-template-columns:1fr 1fr}.BannerGrid.cols-3{grid-template-columns:1fr 1fr 1fr}.BannerGrid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.BannerGrid.cols-22{grid-template-columns:2fr 1fr}.BannerGrid.cols-4 .BannerItem.wide{aspect-ratio:815/190;grid-column:span 2}.BannerItem{border-radius:var(--r-lg);box-shadow:var(--shadow-xs);border:1px solid var(--border);transition:transform .2s var(--ease),box-shadow .25s var(--ease);aspect-ratio:403/190;display:block;position:relative;overflow:hidden}.BannerItem:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.BannerItem img{object-fit:cover;object-position:right center;width:100%;height:100%;transition:transform .35s var(--ease),opacity .3s}.BannerItem:hover img{transform:scale(1.04)}.BannerItem-skeleton{border-radius:0;position:absolute;inset:0}@media (width<=900px){.BannerGrid.cols-3,.BannerGrid.cols-4,.BannerGrid.cols-22{grid-template-columns:1fr 1fr}}@media (width<=560px){.BannerGrid.cols-2,.BannerGrid.cols-3,.BannerGrid.cols-4,.BannerGrid.cols-22{grid-template-columns:1fr}.BannerItem{aspect-ratio:16/8}.BannerGrid.cols-4 .BannerItem.wide{aspect-ratio:16/8;grid-column:auto}}.BlogSection{margin-top:40px}.BlogSection-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.BlogSection-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform .2s var(--ease),box-shadow .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.BlogSection-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.BlogSection-cover{aspect-ratio:16/9;background:var(--accent-grad);overflow:hidden}.BlogSection-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.BlogSection-card:hover .BlogSection-cover img{transform:scale(1.05)}.BlogSection-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:34px;display:flex}.BlogSection-info{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.BlogSection-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:700;line-height:1.8;display:-webkit-box;overflow:hidden}.BlogSection-meta{color:var(--text-3);gap:6px;font-size:11.5px;display:flex}@media (width<=900px){.BlogSection-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.BlogSection-grid{grid-template-columns:1fr}}.HomeCats{scrollbar-width:none;width:100%;max-width:var(--container);gap:8px;margin:0 auto;padding:18px 20px 6px;display:flex;overflow-x:auto}.HomeCats::-webkit-scrollbar{display:none}.HomeCat{white-space:nowrap;background:var(--surface);border:1px solid var(--border);padding:8px 18px;font-weight:500}.HomeCat:hover{border-color:var(--accent-2);color:var(--accent);background:var(--accent-soft)}.container>.BannerGrid{margin-top:40px}.HomeIntro{text-align:center;padding:26px 20px 4px}.HomeIntro h1{color:var(--text);margin:0;font-size:22px;font-weight:800;line-height:1.8}.HomeIntro p{max-width:720px;color:var(--text-3);margin:8px auto 0;font-size:13.5px;line-height:2}.HomeFaq{margin-top:48px}.HomeFaq-list{flex-direction:column;gap:10px;display:flex}.HomeFaq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.HomeFaq-item summary{cursor:pointer;color:var(--text);padding:15px 18px 15px 40px;font-size:14px;font-weight:700;list-style:none;position:relative}.HomeFaq-item summary::-webkit-details-marker{display:none}.HomeFaq-item summary:after{content:"+";color:var(--accent);font-size:18px;font-weight:500;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.HomeFaq-item[open] summary:after{content:"−"}.HomeFaq-item p{color:var(--text-3);margin:0;padding:0 18px 16px;font-size:13px;line-height:2.1}@media (width<=600px){.HomeIntro h1{font-size:18px}}