/* Local refinements for the restored 官网圈 YIA layout. */
:root { --brand:#0bb27a; --ink:#202935; --body:#6b6970; --line:#e8ebee; --page:#f3f5f7; --muted:#989ead; }
body { padding-top:0; background:var(--page); color:var(--body); font-size:14px; }
a { color:var(--brand); }
a:hover { color:#078b60; text-decoration:none; }
.container { width:calc(100% - 48px); max-width:1240px; }
.header { position:sticky; top:0; z-index:50; min-height:68px; padding:0; background:#fff; }
.header .container { display:flex; align-items:center; min-height:68px; gap:20px; }
.logo { display:flex; flex:0 0 auto; align-items:center; height:68px; margin:0 10px 0 0; }
.logo a { display:flex; align-items:center; color:var(--brand); }
.site-wordmark { color:var(--brand); font-size:24px; font-weight:700; line-height:1; letter-spacing:0; white-space:nowrap; }
.header-description { flex:0 0 auto; margin:0; color:#8d8f96; font-size:13px; white-space:nowrap; }
.header nav { min-width:0; flex:1 1 auto; }
.yia-top-menu { display:flex; align-items:center; justify-content:flex-end; gap:2px; min-width:0; margin:0; padding:0; list-style:none; }
.yia-top-menu li { position:relative; margin:0; padding:0; }
.yia-top-menu li a { display:block; padding:23px 9px 21px; color:var(--ink); font-size:14px; line-height:24px; white-space:nowrap; }
.yia-top-menu li a:hover, .yia-top-menu .current-menu-item > a { color:var(--brand); }
.yia-top-menu .current-menu-item::after { position:absolute; right:9px; bottom:15px; left:9px; height:2px; background:var(--brand); content:""; }
.site-main { margin-top:24px; margin-bottom:24px; }
.page-intro { margin-bottom:24px; }
.page-intro .yia-card-title { margin-bottom:12px; }
.page-intro .yia-desc { margin:0; color:#7a7d85; line-height:1.8; }
.eyebrow { margin:0 0 12px; color:var(--brand); font-size:11px; font-weight:700; letter-spacing:.08em; }
.post-list.layout-default { margin-bottom:24px; overflow:hidden; background:#fff; }
.post-list.layout-default .post-item { display:flex; gap:20px; min-height:152px; padding:20px 24px; border-bottom:1px solid var(--line); background:#fff; }
.post-list.layout-default .post-item:last-child { margin-bottom:0; border-bottom:0; }
.post-thumb { display:block; flex:0 0 172px; align-self:center; width:172px; height:112px; overflow:hidden; border-radius:4px; background:#edf1f3; }
.post-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.post-body { display:flex; flex:1 1 auto; min-width:0; flex-direction:column; }
.post-category { margin:0 0 6px; font-size:12px; line-height:1.2; }
.post-category a { display:inline-block; padding:4px 8px; border:1px solid #ccefe1; border-radius:3px; background:#f1fbf7; color:#078b60; }
.post-title { display:-webkit-box; margin:0; overflow:hidden; color:var(--ink); font-size:17px; font-weight:600; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.post-title a { color:var(--ink); }
.post-title a:hover { color:var(--brand); }
.post-excerpt { display:-webkit-box; margin:8px 0 0; overflow:hidden; color:#85858b; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.post-info { display:flex; flex-wrap:wrap; gap:0 16px; margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.4; }
.post-info a { color:var(--body); }
.post-info a:hover { color:var(--brand); }
.sidebar .widget { margin-bottom:24px; padding:24px; background:#fff; }
.sidebar .yia-card-title { margin-bottom:18px; }
.category-links { margin:0; padding:0; list-style:none; }
.category-links li { border-bottom:1px solid #eef0f2; }
.category-links li:last-child { border-bottom:0; }
.category-links a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:39px; color:#555c66; }
.category-links a:hover, .category-links .is-active a { color:var(--brand); }
.category-links .is-active a { font-weight:700; }
.site-note p { margin:0; color:#85858b; line-height:1.9; }
.yia-crumbs { margin:0; border-bottom:1px solid #e8ecee; background:#fff; color:#8d8f96; }
.yia-crumbs .container { padding:12px 0; font-size:13px; }
.yia-crumbs span { margin:0 8px; color:#abb0b8; }
.yia-paginate { padding:4px 0; }
.yia-paginate .page-numbers { min-width:34px; height:32px; margin:0 2px; padding:0 8px; border:1px solid transparent; border-radius:3px; background:#fff; color:#6b6970; line-height:30px; }
.yia-paginate .page-numbers:hover, .yia-paginate .page-numbers.current { border-color:#ccefe1; background:#f1fbf7; color:var(--brand); }
.article { margin-bottom:24px; padding:30px 34px; background:#fff; }
.article-header { padding-bottom:20px; border-bottom:1px solid var(--line); }
.article .page-title { margin:0; color:var(--ink); font-size:28px; font-weight:600; line-height:1.5; letter-spacing:0; }
.article .post-info { margin-top:14px; }
.article-content { padding-top:24px; color:#484d56; font-size:16px; line-height:2; overflow-wrap:anywhere; }
.article-content > :first-child { margin-top:0; }
.article-content p { margin:0 0 20px; }
.article-content h2 { margin:28px 0 14px; padding-top:0; color:var(--ink); font-size:21px; line-height:1.5; }
.article-content h3 { margin:24px 0 12px; padding-top:0; color:var(--ink); font-size:18px; line-height:1.5; }
.article-content ul, .article-content ol { margin:0 0 20px 1.4em; }
.article-content img { display:block; width:auto !important; max-width:min(620px,100%) !important; height:auto !important; margin:20px auto; border-radius:4px; }
.article-content table { display:block; max-width:100%; margin:0 0 20px; overflow-x:auto; border-collapse:collapse; }
.article-content td, .article-content th { padding:8px 10px; border:1px solid #e5e8eb; }
.article-nav { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-bottom:24px; overflow:hidden; background:#e8ebee; }
.article-nav-item { min-width:0; min-height:92px; padding:16px 20px; background:#fff; }
.article-nav-item.next { text-align:right; }
.article-nav-item p { margin:0 0 7px; color:#989ead; font-size:12px; }
.article-nav-item a, .article-nav-item span { display:block; color:#5b626d; line-height:1.5; overflow-wrap:anywhere; }
.article-nav-item a:hover { color:var(--brand); }
.article-nav-item.is-disabled span { color:#b1b5bc; }
.article-relevant { margin-bottom:24px; padding:24px; background:#fff; }
.article-relevant .yia-card-title { margin-bottom:16px; }
.article-relevant ul { margin:0; padding:0; list-style:none; }
.article-relevant li { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px solid #eef0f2; }
.article-relevant li:last-child { border-bottom:0; }
.article-relevant a { color:#555c66; overflow-wrap:anywhere; }
.article-relevant a:hover { color:var(--brand); }
.article-relevant time { flex:0 0 auto; color:#a1a6ae; font-size:12px; }
.footer-main { margin-top:0; background:var(--brand); }
.footer .copyright p { margin:4px 0; }
.footer .copyright a { text-decoration:underline; text-underline-offset:3px; }
/* Keep YIA's legacy header and article navigation rules from affecting the new markup. */
.header { position:sticky !important; height:auto !important; min-height:0 !important; box-shadow:0 1px 4px rgba(32,41,53,.08) !important; }
.header .header-brand-row { display:flex !important; position:static !important; align-items:center !important; width:calc(100% - 48px) !important; max-width:1240px !important; min-height:64px !important; margin:0 auto !important; padding:0 !important; gap:16px !important; transform:none !important; }
.header .header-brand-row .logo { display:flex !important; position:static !important; float:none !important; align-items:center !important; flex:0 0 auto !important; width:auto !important; height:64px !important; margin:0 !important; padding:0 !important; overflow:visible !important; transform:none !important; }
.header .header-brand-row .logo a { display:flex !important; font-size:24px !important; }
.header .header-brand-row .header-description { display:block !important; flex:0 0 auto !important; margin:0 !important; }
.top-category-nav { display:block !important; width:100% !important; border-top:1px solid #edf0f1; border-bottom:1px solid #e5e9eb; background:#fff; overflow-x:auto; scrollbar-width:thin; }
.top-category-nav > .container { display:block !important; width:calc(100% - 48px) !important; max-width:none !important; min-height:43px !important; margin:0 auto !important; padding:0 !important; }
.header .top-category-nav .yia-top-menu { display:flex !important; float:none !important; align-items:stretch !important; justify-content:flex-start !important; width:max-content !important; min-width:100% !important; min-height:42px !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
.header .top-category-nav .yia-top-menu li { display:block !important; float:none !important; flex:0 0 auto !important; margin:0 !important; padding:0 !important; }
.header .top-category-nav .yia-top-menu li a { display:flex !important; align-items:center !important; height:42px !important; padding:0 10px !important; color:var(--ink) !important; font-size:13px !important; line-height:1 !important; }
.header .top-category-nav .yia-top-menu .current-menu-item > a, .header .top-category-nav .yia-top-menu li a:hover { color:var(--brand) !important; }
.header .top-category-nav .yia-top-menu .current-menu-item::after { right:10px !important; bottom:0 !important; left:10px !important; height:2px !important; }
.article-navigation { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; margin:0 0 24px !important; padding:0 !important; border:1px solid var(--line); border-radius:8px; background:#fff !important; }
.article-navigation .article-nav-item { display:flex !important; position:static !important; box-sizing:border-box !important; min-width:0 !important; min-height:104px !important; margin:0 !important; padding:18px 22px !important; border:0 !important; border-radius:0 !important; background:#fff !important; color:#202935 !important; flex:0 1 auto !important; flex-direction:column !important; justify-content:center !important; gap:8px !important; text-align:left !important; }
.article-navigation .article-nav-item.next { padding:18px 22px !important; border-left:1px solid var(--line) !important; text-align:right !important; }
.article-navigation .article-nav-label { display:block !important; margin:0 !important; color:#989ead !important; font-size:12px !important; font-weight:400 !important; line-height:1.4 !important; }
.article-navigation .article-nav-title { display:-webkit-box !important; margin:0 !important; overflow:hidden !important; color:#202935 !important; font-weight:600 !important; line-height:1.55 !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; }
.article-navigation a.article-nav-item:hover .article-nav-title { color:var(--brand) !important; }
.article-navigation .article-nav-item.is-disabled .article-nav-title { color:#a9afb6 !important; font-weight:400 !important; }
@media (max-width:640px) {
  .header .header-brand-row { width:calc(100% - 32px) !important; min-height:54px !important; }
  .header .header-brand-row .logo { height:54px !important; }
  .header .header-brand-row .logo a, .site-wordmark { font-size:21px !important; }
  .header .header-brand-row .header-description { display:none !important; }
  .top-category-nav > .container { width:100% !important; }
  .header .top-category-nav .yia-top-menu { padding:0 8px !important; }
  .header .top-category-nav .yia-top-menu li a { padding:0 9px !important; font-size:13px !important; }
  .article-navigation { grid-template-columns:1fr !important; margin-bottom:10px !important; border-radius:0 !important; }
  .article-navigation .article-nav-item, .article-navigation .article-nav-item.next { min-height:78px !important; padding:14px 16px !important; text-align:left !important; }
  .article-navigation .article-nav-item.next { border-top:1px solid var(--line) !important; border-left:0 !important; }
}
@media (max-width:1160px) { .header-description { display:none; } .yia-top-menu li a { padding-right:7px; padding-left:7px; font-size:13px; } .yia-top-menu .current-menu-item::after { right:7px; left:7px; } }
@media (max-width:960px) { .header { position:static; } .header .container { display:block; padding:13px 0 0; } .logo { height:auto; margin:0 0 12px; } .header nav { overflow-x:auto; } .yia-top-menu { justify-content:flex-start; width:max-content; min-width:100%; } .yia-top-menu li a { padding:10px 9px 12px; } .yia-top-menu .current-menu-item::after { bottom:6px; } }
@media (max-width:1024px) { .container .with-sidebar { float:none; width:100%; } .container .sidebar { float:none; width:100%; margin:0; } .sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } .sidebar .widget { margin-bottom:0; } }
@media (max-width:640px) { .container { width:100%; } .header .container { padding:12px 16px 0; } .site-main { margin:10px 0; } .yia-crumbs .container { padding:10px 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .page-intro, .sidebar .widget, .article-relevant { margin-right:0; margin-left:0; padding:20px 16px; } .post-list.layout-default { border-radius:0; } .post-list.layout-default .post-item { gap:12px; min-height:0; padding:16px; } .post-thumb { flex-basis:92px; width:92px; height:72px; align-self:flex-start; } .post-title { font-size:16px; } .post-excerpt { margin-top:6px; font-size:13px; -webkit-line-clamp:2; } .post-info { margin-top:8px; } .sidebar { display:block; } .sidebar .widget { margin-bottom:10px; } .article { margin-bottom:10px; padding:22px 16px; border-radius:0; } .article .page-title { font-size:22px; } .article-content { font-size:16px; line-height:1.9; } .article-content img { max-width:100% !important; } .article-nav { margin-bottom:10px; border-radius:0; } .article-nav-item { min-height:84px; padding:14px 16px; } .article-relevant { margin-bottom:10px; border-radius:0; } .article-relevant li { align-items:flex-start; } .article-relevant time { display:none; } .footer { padding:18px 16px; } .footer .container { width:100%; } }