:root{--bg:#0a0e14;--surface:#131920;--text:#e6edf3;--text-muted:#8b949e;--accent:#58a6ff;--accent-glow:rgba(88,166,255,.15);--border:#21262d;--glass-bg:rgba(19,25,32,.75);--glass-border:rgba(255,255,255,.06)}
[data-theme="light"]{--bg:#e8ecf1;--surface:rgba(255,255,255,.7);--text:#1a1f26;--text-muted:#525c6b;--accent:#2563eb;--accent-glow:rgba(37,99,235,.12);--border:rgba(0,0,0,.08);--glass-bg:rgba(255,255,255,.65);--glass-border:rgba(0,0,0,.06)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:15px;min-height:100vh}
.container{max-width:1160px;margin:0 auto;padding:0 24px;padding-top:60px}
/* 固定导航栏 - 华尔街见闻风格：白底/深底、扁平链接、悬停下划线 */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;border-bottom:1px solid var(--nav-border);background:var(--nav-bg);transition:background .2s,border-color .2s;--nav-bg:#0d1117;--nav-border:rgba(255,255,255,.08);--nav-text:#e6edf3;--nav-text-muted:#8b949e;--nav-hover:#58a6ff}
[data-theme="light"] .site-header{--nav-bg:#fff;--nav-border:rgba(0,0,0,.08);--nav-text:#1a1a1a;--nav-text-muted:#666;--nav-hover:#2563eb}
.header-inner{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;min-height:56px}
/* 品牌区：Logo + 站点名，整体规整，无下划线 */
.site-brand{display:flex;align-items:center}
.site-brand a,
.site-brand .site-name,
.site-brand .site-name:hover,
.site-brand .site-name:focus,
.site-brand .site-name .site-name-text{text-decoration:none !important;border-bottom:none !important;box-shadow:none !important}
.site-brand .site-name{font-family:'Noto Sans SC',sans-serif;font-size:1.45rem;font-weight:700;display:inline-flex;align-items:center;gap:12px;letter-spacing:.06em;color:var(--nav-text);transition:color .2s}
.site-brand .site-name:hover,.site-brand .site-name:focus{color:var(--nav-hover)}
.site-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;overflow:visible}
.site-logo{width:40px;height:40px;object-fit:contain;display:block;border-radius:6px}
.site-brand .site-name:not(:has(.site-logo-wrap)) .site-name-text{margin-left:0}
.site-name-text{white-space:nowrap}
nav{display:flex;align-items:center;gap:0;font-size:14px;font-family:Inter,-apple-system,sans-serif;font-weight:500}
nav a{color:var(--nav-text-muted);text-decoration:none;padding:18px 16px;position:relative;transition:color .2s;white-space:nowrap}
nav a::after{content:'';position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--nav-hover);transform:scaleX(0);transition:transform .2s}
nav a:hover{color:var(--nav-text)}
nav a:hover::after{transform:scaleX(1)}
.theme-toggle{background:transparent;border:1px solid var(--nav-border);border-radius:6px;padding:6px 12px;font-size:1rem;cursor:pointer;color:var(--nav-text-muted);margin-left:8px;transition:color .2s,border-color .2s}
.theme-toggle:hover{color:var(--nav-hover);border-color:var(--nav-hover)}
/* 电脑端：主题切换在导航栏最右侧，与链接齐平不凹凸 */
.nav-desktop .theme-toggle-nav{border:none;border-radius:0;padding:18px 16px;margin:0;font-size:14px;font-weight:500}
.nav-desktop .theme-toggle-nav:hover{background:transparent}
.header-actions{display:flex;align-items:center;gap:8px}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--nav-border);border-radius:8px;cursor:pointer;color:var(--nav-text);transition:border-color .2s,color .2s}
.nav-toggle:hover{border-color:var(--nav-hover);color:var(--nav-hover)}
.nav-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:1px;transition:transform .2s,opacity .2s}
.nav-drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:198;opacity:0;transition:opacity .2s;pointer-events:none}
.nav-drawer-overlay.open{pointer-events:auto;opacity:1}
.nav-drawer{display:none;position:fixed;top:0;right:0;width:min(280px,85vw);height:100vh;background:var(--nav-bg);border-left:1px solid var(--nav-border);z-index:199;transform:translateX(100%);transition:transform .25s ease;overflow-y:auto}
.nav-drawer.open{transform:translateX(0)}
.nav-drawer-inner{display:flex;flex-direction:column;padding:60px 20px 24px}
.nav-drawer-link{display:block;padding:14px 16px;font-size:1rem;color:var(--nav-text);text-decoration:none;border-radius:8px;transition:background .2s,color .2s}
.nav-drawer-link:hover{background:var(--accent-glow);color:var(--nav-hover)}
.nav-drawer-theme{margin-top:12px;padding:14px 16px;border-top:1px solid var(--nav-border)}
.nav-drawer-theme .theme-toggle{border:1px solid var(--nav-border);border-radius:8px;padding:10px 16px;margin:0}
.nav-drawer-theme .theme-toggle:hover{background:var(--accent-glow);border-color:var(--nav-hover)}
/* 无障碍：跳过主内容链接（键盘聚焦时显示） */
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:12px 20px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 8px 0;transition:left .2s}
.skip-link:focus{left:0;outline:2px solid #fff;outline-offset:2px}
/* 无障碍：焦点可见（键盘/辅助技术） */
a:focus-visible,button:focus-visible,.filter-tab:focus-visible,.pagination-btn:focus-visible,.pagination-num:focus-visible,.theme-toggle:focus-visible,.site-brand .site-name:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.site-brand .site-name:focus-visible{outline-offset:4px}
.home-carousel{margin:0 -24px 40px;overflow:hidden;border-radius:0 0 16px 16px}
.home-carousel-inner{display:flex;gap:16px;overflow-x:auto;padding:0 24px 16px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.home-carousel-inner::-webkit-scrollbar{display:none}
.home-carousel-slide{flex:0 0 min(90%,420px);height:240px;border-radius:12px;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start;text-decoration:none;color:#fff;overflow:hidden}
.home-carousel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.88) 100%);pointer-events:none}
.home-carousel-caption{position:relative;z-index:1;padding:12px 14px;font-size:1rem;font-weight:600;line-height:1.4;text-align:left;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85) 20%);word-break:break-word;display:block}
.section-title{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--text-muted);letter-spacing:.15em;margin-bottom:20px}
.featured-section-title{display:block;margin-bottom:16px}
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.section-title-row .section-title{margin-bottom:0}
.section-more{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--accent);text-decoration:none;white-space:nowrap}
.section-more:hover{text-decoration:underline}
.list-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.filter-tab{display:inline-block;padding:6px 14px;font-size:.85rem;color:var(--text-muted);text-decoration:none;border:1px solid var(--border);border-radius:6px;transition:color .2s,border-color .2s,background .2s}
.filter-tab:hover{color:var(--accent);border-color:var(--accent)}
.filter-tab.active{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}
/* 前端列表分页 */
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}
.pagination-info{font-size:.85rem;color:var(--text-muted)}
.pagination-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pagination-btn,.pagination-num{display:inline-block;padding:8px 14px;font-size:.9rem;color:var(--text-muted);text-decoration:none;border:1px solid var(--border);border-radius:6px;transition:color .2s,border-color .2s,background .2s}
.pagination-btn:hover,.pagination-num:hover{color:var(--accent);border-color:var(--accent)}
.pagination-num.active{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}
.featured-block{margin-bottom:56px}
.featured-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:21/9;text-decoration:none;color:inherit}
.featured-card::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}
.featured-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.featured-card:hover .featured-cover img{transform:scale(1.05)}
.featured-body{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;z-index:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 15%,rgba(0,0,0,.92) 100%)}
.featured-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--accent);border:1px solid var(--accent);padding:3px 10px;border-radius:4px;margin-bottom:0;order:0}
.featured-title{font-size:1.65rem;font-weight:600;line-height:1.3;margin:0;order:1;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.featured-excerpt{color:rgba(255,255,255,.85);font-size:.95rem;margin:0;order:2}
.featured-meta{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:rgba(255,255,255,.65);order:3}
.featured-block--no-text .featured-body{display:none !important}
.featured-block--no-text .featured-card .featured-body{display:none !important;visibility:hidden !important;height:0 !important;min-height:0 !important;padding:0 !important;overflow:hidden !important}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;margin-bottom:56px;align-items:stretch}
.content-grid > div:first-child{min-height:0}
.titles-sidebar{display:flex;flex-direction:column;min-height:0}
.titles-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.post-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.post-card:hover{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}
.post-card a{text-decoration:none;color:inherit}
.post-cover{aspect-ratio:16/9;overflow:hidden}
.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post-card:hover .post-cover img{transform:scale(1.04)}
.post-body{padding:22px}
.post-tag{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--accent);margin-bottom:10px}
.post-title{font-size:1.05rem;font-weight:600;line-height:1.4;margin-bottom:8px}
.post-title:hover{color:var(--accent)}
.post-meta{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--text-muted)}
/* 栏目页列表：左图右文 */
.post-list.category-post-list{display:flex;flex-direction:column;gap:0}
.post-list.category-post-list .post-list-item{border-bottom:1px solid var(--border)}
.post-list.category-post-list .post-list-item:last-child{border-bottom:none}
.post-list.category-post-list .post-list-item a{display:flex;align-items:center;gap:20px;padding:20px 0;text-decoration:none;color:inherit;transition:background .2s}
.post-list.category-post-list .post-list-item a:hover{background:var(--glass-bg);color:var(--accent)}
.post-list.category-post-list .post-list-cover{flex-shrink:0;width:160px;height:90px;border-radius:8px;overflow:hidden;background:var(--surface)}
.post-list.category-post-list .post-list-cover img{width:100%;height:100%;object-fit:cover}
.post-list.category-post-list .post-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.post-list.category-post-list .post-list-title{font-size:1.05rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-list.category-post-list .post-list-meta{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--text-muted)}
/* 全部文章列表：复用左图右文 */
.post-list.all-articles-list{display:flex;flex-direction:column;gap:0}
.post-list.all-articles-list .post-list-item{border-bottom:1px solid var(--border)}
.post-list.all-articles-list .post-list-item:last-child{border-bottom:none}
.post-list.all-articles-list .post-list-item a{display:flex;align-items:center;gap:20px;padding:20px 0;text-decoration:none;color:inherit;transition:background .2s}
.post-list.all-articles-list .post-list-item a:hover{background:var(--glass-bg);color:var(--accent)}
.post-list.all-articles-list .post-list-cover{flex-shrink:0;width:160px;height:90px;border-radius:8px;overflow:hidden;background:var(--surface)}
.post-list.all-articles-list .post-list-cover img{width:100%;height:100%;object-fit:cover}
.post-list.all-articles-list .post-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.post-list.all-articles-list .post-list-title{font-size:1.05rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-list.all-articles-list .post-list-meta{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--text-muted)}
.titles-sidebar{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;padding:24px}
.titles-list a{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);font-size:.95rem;transition:color .2s;min-height:2.2em}
.titles-list a:last-child{border-bottom:none}
.titles-list a:hover{color:var(--accent)}
.titles-list .num{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--text-muted);width:22px;flex-shrink:0;text-align:right}
.titles-list .title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.titles-sidebar-more{flex-shrink:0;display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:.8rem;color:var(--accent);text-decoration:none;text-align:center;transition:color .2s}
.titles-sidebar-more:hover{color:var(--text)}
.titles-sidebar .section-title{flex-shrink:0}
.bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bottom-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;transition:all .2s}
.bottom-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.bottom-card a{text-decoration:none;color:inherit}
.bottom-card .post-cover{aspect-ratio:16/10}
.bottom-card .post-body{padding:20px}
.bottom-card .post-title{font-size:1rem}
/* 手机/平板：保持与 PC 相同的多列网格，仅缩小为“小版 PC”（断点 992px 内均生效） */
@media(max-width:992px){
  .container{padding:0 12px}
  .header-inner{min-height:52px;padding:0 16px;gap:8px}
  .site-brand .site-name{font-size:1.15rem;gap:10px}
  .site-logo-wrap{width:40px;height:40px}
  .site-logo{width:34px;height:34px;border-radius:5px}
  .header-actions{display:flex}
  .nav-toggle{display:flex}
  .nav-desktop{display:none !important}
  .nav-drawer-overlay,.nav-drawer{display:block}
  nav.nav-desktop{min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  nav.nav-desktop::-webkit-scrollbar{display:none}
  nav.nav-desktop a{flex-shrink:0;padding:14px 12px;font-size:13px}
  nav.nav-desktop a::after{left:12px;right:12px}
  .container{padding-top:56px}
  .pagination{flex-direction:column;align-items:flex-start}
  .pagination-links{margin-top:4px}
  .content-grid{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:16px;margin-bottom:32px;align-items:stretch}
  .content-grid .post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .post-card,.bottom-card,.video-card{min-width:0}
  .post-body{padding:12px}
  .post-title{font-size:.88rem}
  .post-tag,.post-meta{font-size:.65rem}
  .titles-sidebar{padding:12px 10px}
  .titles-sidebar .section-title{margin-bottom:8px}
  .titles-list a{padding:6px 0;font-size:.78rem;gap:6px;min-height:1.8em;align-items:center}
  .titles-list .num{font-size:.65rem;width:18px}
  .section-title{margin-bottom:12px;font-size:.75rem}
  .featured-block{margin-bottom:32px}
  .featured-block .section-title{margin-bottom:12px;display:block}
  .featured-card{aspect-ratio:21/9}
  .featured-body{padding:20px 16px;gap:6px}
  .featured-title{font-size:1.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .featured-excerpt{font-size:.8rem;margin-bottom:0;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .featured-meta{font-size:.7rem}
  .bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .bottom-card .post-body{padding:12px}
  .bottom-card .post-title{font-size:.82rem}
  .video-block{margin-bottom:32px}
  .video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
  .video-card .post-body{padding:12px}
  .video-card .post-title{font-size:.88rem}
  .video-play-icon{font-size:1.5rem}
}
/* 手机端：导航栏不裁切、筛选区不被顶栏遮挡、最新文章单列列表 */
@media(max-width:768px){
  .container{padding-top:100px}
  .home-carousel{margin:0 -12px 28px;border-radius:0 0 12px 12px}
  .home-carousel-slide{flex:0 0 min(88%,320px);height:180px;min-height:160px}
  .home-carousel-caption{padding:10px 12px;font-size:0.9rem;line-height:1.35;background:rgba(0,0,0,.88);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
  .featured-block .featured-section-title{font-size:.8rem;margin-bottom:12px;display:block}
  .featured-card{display:flex;flex-direction:column;justify-content:flex-end}
  .featured-card::after{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 40%,rgba(0,0,0,.92) 100%)}
  .featured-body{position:relative;padding:12px 14px;background:rgba(0,0,0,.92);display:flex;flex-direction:column;gap:4px;min-height:auto}
  .featured-body .featured-tag{display:none}
  .featured-body .featured-excerpt{display:none}
  .featured-body .featured-title{font-size:0.95rem;line-height:1.35;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:0;order:1}
  .featured-body .featured-meta{font-size:0.75rem;order:2}
  .featured-block--no-text .featured-card .featured-body{display:none !important;visibility:hidden !important;height:0 !important;min-height:0 !important;padding:0 !important;overflow:hidden !important}
  .page-content{margin-top:8px;padding-top:16px}
  .page-content h1{margin-bottom:16px;font-size:1.35rem;word-break:break-word;overflow-wrap:break-word}
  .list-filter{position:relative;z-index:50;margin-top:20px;margin-bottom:20px;padding:16px 0;background:var(--bg);gap:10px}
  .list-filter .filter-tab{padding:10px 16px;font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .post-grid.all-articles-grid,.page-content .post-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}
  .page-content .post-card{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border)}
  .page-content .post-card .post-cover{aspect-ratio:2/1}
  .page-content .post-card .post-body{padding:18px 20px}
  .page-content .post-card .post-tag{font-size:.75rem;margin-bottom:8px}
  .page-content .post-card .post-title{font-size:1.1rem;line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .page-content .post-card .post-meta{font-size:.8rem;color:var(--text-muted)}
  /* 手机端首页：单列布局，先最新文章（全宽列表），再热门文章 */
  .content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;grid-template-areas:"main" "sidebar"}
  .content-grid > div:first-child{grid-area:main;min-width:0}
  .content-grid > .titles-sidebar{grid-area:sidebar}
  .content-grid .post-grid{display:flex;flex-direction:column;gap:0;grid-template-columns:unset}
  .content-grid .post-grid .post-card{border-radius:8px;border:1px solid var(--border);border-bottom:none;margin-bottom:0}
  .content-grid .post-grid .post-card:last-child{border-bottom:1px solid var(--border)}
  .content-grid .post-grid .post-card a{display:flex;align-items:center;gap:16px;padding:0}
  .content-grid .post-grid .post-card .post-cover{width:100px;min-width:100px;max-width:100px;height:70px;aspect-ratio:auto;flex-shrink:0;border-radius:8px;overflow:hidden;margin:12px 0 12px 12px}
  .content-grid .post-grid .post-card .post-body{flex:1;min-width:0;padding:12px 16px 12px 0}
  .content-grid .post-grid .post-card .post-tag{display:none}
  .content-grid .post-grid .post-card .post-title{font-size:1rem;margin-bottom:4px;-webkit-line-clamp:2}
  .content-grid .post-grid .post-card .post-meta{font-size:.7rem}
  .post-list.category-post-list .post-list-cover{width:120px;height:68px}
  .post-list.category-post-list .post-list-item a{padding:14px 0;gap:14px}
  .post-list.all-articles-list .post-list-cover{width:120px;height:68px}
  .post-list.all-articles-list .post-list-item a{padding:14px 0;gap:14px}
  .article-breadcrumb{font-size:.78rem;margin-bottom:12px;flex-wrap:wrap}
  .article-breadcrumb .breadcrumb-current{max-width:min(100%,calc(100vw - 96px));display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* 页脚：半透明纹理背景，与主内容区分 */
footer{position:relative;padding:44px 0 56px;font-size:.8rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;text-align:center;overflow:hidden}
footer::before{content:'';position:absolute;inset:0;background:var(--footer-bg);opacity:.97;z-index:0}
footer::after{content:'';position:absolute;inset:0;z-index:0;opacity:.04;background-image:radial-gradient(circle at 1px 1px, currentColor 1px, transparent 0);background-size:20px 20px;background-position:0 0;pointer-events:none}
:root footer{--footer-bg:linear-gradient(180deg, rgba(19,25,32,.5) 0%, rgba(10,14,20,.6) 100%)}
[data-theme="light"] footer{--footer-bg:linear-gradient(180deg, rgba(232,236,241,.7) 0%, rgba(220,226,234,.85) 100%)}
footer > *{position:relative;z-index:1}
footer a{color:var(--accent)}
footer a:hover{text-decoration:underline}
.footer-disclaimer,.footer-icp{margin-bottom:8px}
.article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:.85rem;font-family:'JetBrains Mono',monospace;color:var(--text-muted);margin-bottom:16px}
.article-breadcrumb a{color:var(--accent);text-decoration:none}
.article-breadcrumb a:hover{text-decoration:underline}
.article-breadcrumb .breadcrumb-sep{color:var(--text-muted);opacity:.7}
.article-breadcrumb .breadcrumb-current{color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-cover{width:100%;aspect-ratio:21/9;border-radius:10px;overflow:hidden;margin-bottom:36px;border:1px solid var(--border)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-tag{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--accent);border:1px solid var(--accent);padding:3px 10px;border-radius:4px;display:inline-block;margin-bottom:16px}
.article-title{font-size:1.65rem;font-weight:600;margin-bottom:12px;line-height:1.35}
.article-meta{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}
.article-excerpt-wrap{margin-bottom:32px;padding:18px 20px;border-left:3px solid var(--accent);background:var(--glass-bg);backdrop-filter:blur(8px);border-radius:0 10px 10px 0;border:1px solid var(--glass-border);border-left:3px solid var(--accent)}
.article-excerpt-label{display:block;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--accent);letter-spacing:.1em;margin-bottom:10px}
.article-excerpt{font-size:.95rem;color:var(--text-muted);line-height:1.65;margin:0}
.article-content{margin-top:8px}
.article-content p{margin-bottom:1.6em}
.article-content h2{font-size:1.2rem;margin:2em 0 .8em}
.article-content a{color:var(--accent);text-decoration:none}
.article-content a:hover{text-decoration:underline}
.article-content code{font-family:'JetBrains Mono',monospace;font-size:.9em;background:var(--surface);padding:2px 8px;border-radius:4px;border:1px solid var(--border)}
.article-content blockquote{margin:1.5em 0;padding:16px 20px;border-left:3px solid var(--accent);background:var(--glass-bg);backdrop-filter:blur(8px);color:var(--text-muted);border-radius:0 8px 8px 0;border:1px solid var(--glass-border)}
.back-link{display:inline-block;margin-top:44px;font-size:.85rem;color:var(--text-muted);text-decoration:none;font-family:'JetBrains Mono',monospace}
.back-link:hover{color:var(--accent)}
.page-content{max-width:720px}
.legal-content{max-width:680px;padding:24px 0}
.legal-content h1{font-size:1.5rem;margin-bottom:24px}
.legal-content h2{font-size:1.1rem;margin:1.5em 0 .5em}
.legal-content p{margin-bottom:1em}
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1.5em 0}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.contact-text{margin-top:24px;padding:24px;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;white-space:pre-wrap}
.contact-placeholder{margin-top:24px;color:var(--text-muted)}
.contact-icons{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;align-items:center}
.contact-icon{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:10px;color:var(--text);text-decoration:none;transition:border-color .2s,color .2s}
.contact-icon:hover{border-color:var(--accent);color:var(--accent)}
.contact-icon .icon-svg{width:24px;height:24px}
.contact-posts{margin-top:40px}
.contact-grid{list-style:none;margin-top:16px}
.back-wrap{margin-top:32px}
.video-block{margin-bottom:56px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
.video-card .post-cover{position:relative}
.video-play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:rgba(255,255,255,.9);text-shadow:0 0 20px rgba(0,0,0,.5)}
/* 回到顶部：符合主题，向下滑动超过约一屏后再出现 */
.back-to-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;right:24px;z-index:150;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-muted);cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .25s,visibility .25s,transform .25s,color .2s,border-color .2s}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{color:var(--accent);border-color:var(--accent)}
.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.back-to-top svg{display:block}
@media(min-width:993px){
  .back-to-top{bottom:32px;right:32px}
}

/* ========== iOS Safari 兼容：14.0 及以下不支持 Flexbox gap，用 margin 模拟间距，避免栏目/文章乱序 ========== */
@supports not (gap: 1px) {
  .header-inner > * + *{margin-left:12px}
  .site-brand .site-name > * + *{margin-left:12px}
  .home-carousel-inner > * + *{margin-left:16px}
  .section-title-row > * + *{margin-left:12px}
  .list-filter > *{margin-right:8px;margin-bottom:8px}
  .pagination > * + *{margin-left:12px}
  .pagination-links > * + *{margin-left:8px}
  .featured-body > * + *{margin-top:6px}
  .titles-list a > * + *{margin-left:10px}
  .post-list.category-post-list .post-list-item a > * + *{margin-left:20px}
  .post-list.all-articles-list .post-list-item a > * + *{margin-left:20px}
  .post-list .post-list-body > * + *{margin-top:6px}
  .contact-icons > *{margin-right:20px;margin-bottom:20px}
  .contact-icon > * + *{margin-left:10px}
  .article-breadcrumb > *{margin-right:10px;margin-bottom:6px}
}
@supports not (gap: 1px) {
  @media (max-width:992px) {
    .header-inner > * + *{margin-left:8px}
    .site-brand .site-name > * + *{margin-left:10px}
    .titles-list a > * + *{margin-left:6px}
  }
  @media (max-width:768px) {
    .featured-body > * + *{margin-top:4px}
    .list-filter > *{margin-right:10px;margin-bottom:10px}
    .content-grid .post-grid .post-card a > * + *{margin-left:16px}
    .post-list.category-post-list .post-list-item a > * + *{margin-left:14px}
    .post-list.all-articles-list .post-list-item a > * + *{margin-left:14px}
    .titles-list a > * + *{margin-left:6px}
  }
}