.seo-hub{display:grid;gap:24px}.seo-hub-intro{max-width:1120px;width:100%;margin-inline:auto;padding:clamp(20px,4vw,42px)}.seo-hub-intro h1{font-size:clamp(28px,4.2vw,46px);color:var(--gold);line-height:1.2}.seo-hub-intro p,.seo-hub-intro li{font-size:17px;line-height:1.8}.seo-hub-intro h2{margin-top:24px}.seo-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.seo-hub-grid .article-cover{aspect-ratio:3/2;overflow:hidden}.seo-hub-grid .article-image{width:100%;height:100%;object-fit:cover}.seo-topic-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;margin-bottom:18px}.seo-topic-links a{padding:8px 12px;border:1px solid var(--line);border-radius:20px;min-height:40px;font-size:14px}.seo-hub-links .seo-topic-links{margin-bottom:0}.library-pagination [aria-disabled=true]{opacity:.55;pointer-events:none}.seo-app-directory{margin-top:24px;margin-bottom:24px}.seo-app-directory ul{padding-left:22px}.seo-app-directory li{margin:10px 0}@media(max-width:900px){.seo-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.seo-hub-grid{grid-template-columns:1fr}.seo-hub-intro p,.seo-hub-intro li{font-size:16px}.seo-topic-links a{font-size:13px}.seo-hub-intro h1{font-size:29px}}

.library-pagination a[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* DAOQUAN_R236_FEATURES_GRID_FIX */
.seo-hub-grid{display:grid}
.seo-hub-grid > a.panel{display:flex;flex-direction:column;gap:12px;min-width:0;height:100%;padding:22px;border-radius:18px;text-decoration:none;color:var(--cream);background:linear-gradient(145deg,#082738,#021827);transition:transform .2s,border-color .2s}
.seo-hub-grid > a.panel h3{margin:0;font-size:24px;line-height:1.3;color:var(--cream)}
.seo-hub-grid > a.panel p{flex:1;margin:0;font:16px/1.7 var(--font-body);overflow-wrap:anywhere}
.seo-hub-grid > a.panel .text-link{align-self:flex-start;margin-top:4px;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.4}
.seo-hub-grid > a.panel:hover{transform:translateY(-3px);border-color:var(--gold)}
.seo-hub-grid > a.panel:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:500px){.seo-hub-grid > a.panel{padding:18px}.seo-hub-grid > a.panel h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.seo-hub-grid > a.panel{transition:none}.seo-hub-grid > a.panel:hover{transform:none}}