/* 分类、标签及其文章列表页共享样式 */
*{box-sizing:border-box}
:root{--bg-card:rgba(255,255,255,.82);--text-primary:#0b1a33;--text-muted:#7a8aa3;--accent:#3b82f6;--accent-light:rgba(59,130,246,.1);--glass-border:rgba(148,163,184,.22)}
body.dark{--bg-card:rgba(30,41,59,.8);--text-primary:#f1f5f9;--text-muted:#7f8ea3;--accent:#60a5fa;--accent-light:rgba(96,165,250,.15);--glass-border:rgba(255,255,255,.08)}
a{text-decoration:none;color:inherit}
.main-wrapper{margin-left:calc(260px + 40px);max-width:1350px;min-height:100vh;padding:40px 28px 0;display:flex;flex-direction:column}
.main-wrapper>.page-header{display:none!important}
@media(min-width:1001px){.main-wrapper{margin-left:max(calc(var(--sidebar-width) + 40px),calc((100% - 1350px + var(--sidebar-width) + 40px)/2));max-width:1350px;margin-right:auto}}
.cat-layout,.tags-layout,.category-layout,.tag-layout{display:flex;gap:40px;align-items:flex-start;flex:1;justify-content:space-between}
.cat-main,.tags-main,.category-main,.tag-main{flex:1;min-width:0;max-width:920px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.cat-card{display:block;padding:20px;text-decoration:none;color:inherit;transition:all .25s;position:relative;overflow:hidden}
.cat-name{font-size:1.1rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.cat-name i{font-size:1.1rem;color:var(--accent)}
.cat-count{font-size:.85rem;color:var(--text-muted)}
.tags-cloud{display:flex;flex-wrap:wrap;gap:10px}
.tag-item{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:40px;color:var(--accent);font-size:.9rem;transition:all .25s;border:1px solid var(--glass-border)}
.tag-count{font-size:.75rem;opacity:.7}
.archive-card-cover{position:relative!important;top:auto!important;left:auto!important;width:auto!important;flex:0 0 140px!important;height:100px!important;border-radius:12px!important;overflow:hidden;background:var(--accent-light)}
.archive-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.archive-card-content{position:relative!important;z-index:1!important;flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0!important}
.archive-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.archive-card-desc{max-width:680px!important;font-size:.82rem;color:var(--text-muted);line-height:1.6;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.category-main .archive-list,.tag-main .archive-list{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}
.category-main .archive-card,.tag-main .archive-card{display:flex!important;align-items:center!important;width:100%!important;min-height:120px!important;box-sizing:border-box!important;overflow:hidden!important}
.category-main .archive-card-cover,.tag-main .archive-card-cover{position:relative!important;flex:0 0 140px!important;width:140px!important;height:100px!important;margin:0!important}
.category-main .archive-card-cover img,.tag-main .archive-card-cover img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;mask-image:none!important;-webkit-mask-image:none!important}
.category-main .archive-card-content,.tag-main .archive-card-content{position:relative!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;width:auto!important;padding:0!important}
.archive-card-meta{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--text-muted)}
.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding:16px 0 32px;border-top:1px solid var(--glass-border)}
.pagination-info{font-size:.8rem;color:var(--text-muted)}
.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-current{font-size:.85rem;color:var(--text-muted)}
.pagination-arrow{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent)}
.pagination-arrow svg{width:18px;height:18px}.pagination-arrow.disabled{opacity:.35;pointer-events:none}
.category-sidebar,.tag-sidebar,.cat-sidebar,.tags-sidebar{width:280px;flex-shrink:0}
.category-layout,.tag-layout{width:100%;align-items:flex-start}
.category-main,.tag-main{max-width:920px}
.cat-sidebar{display:flex;flex-direction:column;gap:12px;padding:18px 0}
.sidebar-widget{padding:20px 22px}.widget-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;color:var(--text-primary)}
.widget-icon{width:20px;height:20px;stroke:var(--accent)}.widget-tags,.widget-cats{display:flex;flex-wrap:wrap;gap:8px}.widget-tag,.widget-cat{display:inline-block;padding:4px 12px;border-radius:40px;background:var(--accent-light);color:var(--accent);font-size:.72rem}
.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}
body{background:linear-gradient(135deg,#EAF4FC 0%,#E8F2FB 48%,#E6F0F9 100%)!important}
.cat-layout,.tags-layout,.category-layout,.tag-layout{padding-top:86px!important}
.archive-list{gap:0!important}
.archive-card{gap:20px!important;background:transparent!important;backdrop-filter:none!important;border:0!important;border-top:1px solid rgba(148,163,184,.24)!important;border-bottom:1px solid rgba(148,163,184,.24)!important;border-radius:0!important;box-shadow:none!important;padding:18px 8px!important;transform:none!important;transition:background .2s ease,padding .2s ease!important}
.archive-card+.archive-card{border-top:0!important}
.archive-card:hover{background:rgba(255,255,255,.48)!important;box-shadow:none!important;transform:none!important;padding-left:14px!important;padding-right:14px!important}
.archive-card-date{background:transparent!important;padding:0!important;border-radius:0!important}
.archive-card-title{font-style:normal!important}
.sidebar-widget{background:transparent!important;backdrop-filter:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:4px!important;padding-right:4px!important;border-bottom:1px solid rgba(148,163,184,.22)!important}
.cat-card{background:rgba(255,255,255,.42)!important;backdrop-filter:none!important;box-shadow:none!important;border-color:rgba(148,163,184,.22)!important;border-radius:14px!important}
.cat-card:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important}
.cat-tag,.tag-item{background:rgba(255,255,255,.55)!important;border-color:rgba(148,163,184,.22)!important}
.cat-tag:hover,.tag-item:hover{background:#2563eb!important;color:#fff!important}
body.dark{background:#0b1120!important}
/* ===== 移动端统一收口 ===== */
@media(max-width:1000px){
  body{overflow-x:hidden}
  .container{margin-left:0!important;max-width:100%!important;padding:4px 16px 20px!important}
  .archive-layout{flex-direction:column!important;width:100%!important;gap:0!important}
  .archive-main{width:100%!important;max-width:none!important}
  .archive-sidebar{display:none!important}
  .main-wrapper{margin-left:0!important;max-width:100%!important;padding:4px 16px 20px!important}
  .cat-layout,.tags-layout,.category-layout,.tag-layout{flex-direction:column;padding-top:86px!important}
  .category-sidebar,.tag-sidebar,.cat-sidebar,.tags-sidebar{width:100%;display:none!important}
  .cat-layout,.tags-layout,.category-layout,.tag-layout{width:100%;gap:0}
  .cat-main,.tags-main,.category-main,.tag-main{width:100%;max-width:none}
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cat-card{padding:16px!important}
  .archive-card,.archive-main .archive-card{display:flex!important;align-items:center!important;gap:12px!important;min-height:0!important;width:100%!important;padding:14px 0!important;overflow:hidden!important}
  .archive-card-cover,.archive-main .archive-card-cover,.category-main .archive-card-cover,.tag-main .archive-card-cover{flex:0 0 92px!important;width:92px!important;height:74px!important;margin:0!important;border-radius:10px!important}
  .archive-card-content,.archive-main .archive-card-content,.category-main .archive-card-content,.tag-main .archive-card-content{flex:1 1 auto!important;min-width:0!important;width:auto!important;padding:0!important;justify-content:center!important}
  .archive-card-title{font-size:.94rem!important;line-height:1.4!important;margin-bottom:4px!important;-webkit-line-clamp:2!important}
  .archive-card-desc{font-size:.76rem!important;line-height:1.5!important;margin-bottom:5px!important;-webkit-line-clamp:2!important}
  .archive-card-meta{display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;min-width:0!important}
  .archive-card-tags,.archive-card-categories{flex-wrap:wrap!important;min-width:0!important}
  .archive-card-date{font-size:.7rem!important;border-left:0!important;padding-left:0!important}
  .archive-card-month,.archive-card-watermark{display:none!important}
  .archive-card:hover,.archive-main .archive-card:hover{padding-left:0!important;padding-right:0!important;background:transparent!important}
  .pagination{flex-wrap:wrap;gap:12px;margin-top:24px;padding:14px 0 24px}
  .pagination-info{font-size:.74rem}
  .pagination-controls{margin-left:auto;gap:8px}
}
@media(max-width:480px){
  .cat-grid{grid-template-columns:1fr}
  .cat-card{padding:14px!important}
  .archive-card-cover,.archive-main .archive-card-cover,.category-main .archive-card-cover,.tag-main .archive-card-cover{flex-basis:84px!important;width:84px!important;height:68px!important}
  .archive-card-title{font-size:.9rem!important}
  .archive-card-desc{font-size:.73rem!important;-webkit-line-clamp:2!important}
  .pagination{justify-content:center}
  .pagination-info{width:100%;text-align:center}
  .pagination-controls{margin-left:0}
}