:root{--v8-text:#1d1d1f;--v8-muted:#777b82;--v8-line:#e9eaec;--v8-soft:#f7f8f9;--v8-green:#15966f;--v8-dark:#101214}
*{box-sizing:border-box}
body{background:#fff;color:var(--v8-text)}
.site-main-v8{min-height:60vh}
.site-header-v8{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(20,20,20,.07);backdrop-filter:saturate(180%) blur(18px);transition:box-shadow .2s ease,background .2s ease}
.site-header-v8.is-scrolled{box-shadow:0 8px 28px rgba(0,0,0,.06);background:rgba(255,255,255,.96)}
.site-header-shell{max-width:1480px;height:64px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:34px}
.site-brand-v8{font-size:24px;font-weight:760;letter-spacing:-.04em;color:#111;text-decoration:none;white-space:nowrap}
.site-nav-v8{display:flex;align-items:center;gap:28px;flex:1}
.site-nav-v8 a,.site-submit-v8{font-size:15px;color:#4d5156;text-decoration:none;white-space:nowrap;transition:color .18s ease}
.site-nav-v8 a:hover,.site-submit-v8:hover{color:var(--v8-green)}
.site-header-actions{display:flex;align-items:center;gap:16px}
.site-submit-v8{padding:9px 15px;border:1px solid #dfe8e4;border-radius:8px;background:#f4faf7;color:#16795f!important;font-weight:650}.site-submit-v8:hover{background:#eaf6f0;border-color:#cfe3da}
.site-menu-v8{display:none;width:42px;height:42px;border:1px solid var(--v8-line);border-radius:8px;background:#fff;padding:10px;cursor:pointer}
.site-menu-v8 span{display:block;height:2px;background:#222;margin:4px 0;transition:.2s}
.site-mobile-v8{display:none}.site-overlay-v8{display:none}
.site-footer-v8{margin-top:58px;background:var(--v8-dark);color:#c8cbd0}
.site-footer-shell{max-width:1480px;margin:auto;padding:52px 28px 38px;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(480px,1fr);gap:80px}
.site-footer-brand a{font-size:28px;font-weight:760;color:#fff;text-decoration:none;letter-spacing:-.04em}
.site-footer-brand p{max-width:430px;margin:16px 0 0;color:#93979d;font-size:15px;line-height:1.8}
.site-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.site-footer-links h3{margin:0 0 16px;color:#fff;font-size:15px}
.site-footer-links a{display:block;margin:10px 0;color:#aeb2b8;text-decoration:none;font-size:14px}
.site-footer-links a:hover{color:#fff}
.site-footer-bottom{max-width:1480px;margin:auto;padding:20px 28px 28px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#777c83}
@media(max-width:1100px){.site-nav-v8{gap:18px}.site-nav-v8 a{font-size:14px}}
@media(max-width:960px){body.menu-open-v8{overflow:hidden}.site-header-shell{height:60px;padding:0 18px}.site-nav-v8,.site-submit-v8{display:none}.site-header-actions{margin-left:auto}.site-menu-v8{display:block}.site-mobile-v8{display:block;position:fixed;top:60px;right:0;bottom:0;width:min(84vw,360px);padding:16px 18px 30px;background:#fff;z-index:1002;transform:translateX(104%);transition:transform .22s ease;overflow:auto;box-shadow:-18px 0 40px rgba(0,0,0,.08)}.site-mobile-v8 a{display:block;padding:14px 4px;border-bottom:1px solid var(--v8-line);color:#242629;text-decoration:none;font-size:17px}.site-overlay-v8{display:block;position:fixed;inset:60px 0 0;background:rgba(0,0,0,.28);z-index:1001;opacity:0;pointer-events:none;transition:.22s}.menu-open-v8 .site-mobile-v8{transform:none}.menu-open-v8 .site-overlay-v8{opacity:1;pointer-events:auto}.site-footer-shell{grid-template-columns:1fr;gap:40px}.site-footer-links{max-width:620px}}
@media(max-width:640px){.site-brand-v8{font-size:22px}.site-footer-shell{padding:40px 20px 28px}.site-footer-links{grid-template-columns:1fr 1fr;gap:28px}.site-footer-bottom{padding:18px 20px 24px;display:block}.site-footer-bottom span{display:block;margin:6px 0}}

/* V9 article cards: image-first, five columns */
.hao-news-grid-v8{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
.hao-news-card-v8{display:block;background:#fff;border:1px solid #eceeef;border-radius:10px;overflow:hidden;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hao-news-card-v8:hover{transform:translateY(-2px);border-color:#dfe5e2;box-shadow:0 10px 28px rgba(18,28,24,.07)}
.hao-news-cover-v8{aspect-ratio:16/10;background:#f1f3f4;overflow:hidden}
.hao-news-cover-v8 img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.hao-news-card-v8:hover .hao-news-cover-v8 img{transform:scale(1.025)}
.hao-news-body-v8{padding:13px 14px 15px}
.hao-news-body-v8>span{display:block;margin-bottom:6px;color:#15966f;font-size:12px}
.hao-news-body-v8 strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#2e3133;font-size:15px;line-height:1.5;text-decoration:underline;text-decoration-color:#d7dcda;text-underline-offset:4px}
.hao-news-body-v8 small{display:block;margin-top:10px;color:#9a9da2;font-size:12px}
@media(max-width:1200px){.hao-news-grid-v8{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.hao-news-grid-v8{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){.hao-news-grid-v8{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.hao-news-body-v8{padding:11px 11px 13px}.hao-news-body-v8 strong{font-size:14px}}

/* V10 AI tutorial image-title list */
.hao-news-grid-v10{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.hao-news-item-v10{min-width:0;background:#fff;border-bottom:1px solid #e8ebea;padding-bottom:16px}
.hao-news-image-v10{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#f2f4f3;text-decoration:none}
.hao-news-image-v10 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.hao-news-image-v10:hover img{transform:scale(1.035)}
.hao-news-image-v10 span{position:absolute;left:10px;bottom:10px;padding:4px 8px;background:rgba(255,255,255,.92);color:#18785f;font-size:12px;font-weight:650}
.hao-news-copy-v10{padding-top:12px}.hao-news-copy-v10 h3{margin:0}.hao-news-copy-v10 h3 a{color:#2c3032;font-size:16px;line-height:1.5;text-decoration:underline;text-decoration-color:#d7dcda;text-underline-offset:4px}.hao-news-copy-v10 p{margin:9px 0 10px;color:#7a7f84;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hao-news-copy-v10 small{color:#a0a4a8;font-size:12px}
@media(max-width:1200px){.hao-news-grid-v10{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.hao-news-grid-v10{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.hao-news-grid-v10{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hao-news-copy-v10 p{display:none}.hao-news-copy-v10 h3 a{font-size:14px}}

/* V11 category/filter and home density fixes */
.hao-quick{gap:9px 24px!important;margin-top:17px!important}
.hao-quick a{font-size:16px!important;font-weight:620!important;color:#4d5358!important;padding:3px 1px!important}
.hao-quick a:hover{color:var(--v8-green)!important}
.hao-news-image-v10 span{left:9px!important;right:9px!important;bottom:9px!important;width:max-content!important;max-width:calc(100% - 18px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:5px!important;line-height:1.25!important;z-index:2!important}
.category-filter{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:12px!important;background:#fafbfb!important;border:1px solid #e8ebea!important}
.category-filter a{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 11px!important;border:1px solid #e2e6e4!important;border-radius:6px!important;background:#fff!important;color:#555b5f!important;text-decoration:none!important;font-size:14px!important}
.category-filter a:hover,.category-filter a.active{border-color:#bcd9ce!important;background:#eef8f4!important;color:#15795f!important}
.category-filter small{color:#9aa09d!important;font-size:11px!important}
.category-empty{margin:22px 0;padding:34px 24px;border:1px dashed #dfe4e2;background:#fafcfa;text-align:center}
.category-empty h2{margin:0 0 8px;font-size:20px;color:#363a3d}.category-empty p{margin:0 0 14px;color:#7c8286}.category-empty a{color:#15795f}
.article-category-filter{margin-bottom:20px}
@media(max-width:640px){.hao-quick{gap:7px 16px!important}.hao-quick a{font-size:15px!important}.hao-news-image-v10 span{font-size:11px!important;padding:4px 7px!important}.category-filter{padding:9px!important;gap:6px!important}.category-filter a{padding:6px 8px!important;font-size:13px!important}}