:root{
  --bg:#FFF7D6;--blue:#5DB7FF;--pink:#FF8FB3;
  --yellow:#FFD447;--green:#77D982;--text:#2C2C34;--white:#FFFFFF;--muted:#7a7a85;
  --radius:18px;--shadow:0 4px 16px rgba(44,44,52,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:"Nunito","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.7;padding-bottom:40px;
}
a{color:var(--blue);text-decoration:none}
a:focus-visible{outline:3px solid var(--pink);outline-offset:2px;border-radius:4px}
img{max-width:100%;height:auto;display:block}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* 顶部导航 */
.site-header{
  background:linear-gradient(135deg,var(--blue),#7AC8FF);
  color:#fff;text-align:center;padding:22px 16px 18px;
  border-bottom-left-radius:28px;border-bottom-right-radius:28px;
  box-shadow:0 6px 20px rgba(93,183,255,.30);
}
.site-header .logo{font-size:1.35rem;font-weight:800;letter-spacing:.5px}
.site-header .logo a{color:#fff}
.site-header .tagline{font-size:.85rem;opacity:.92;margin-top:4px}

/* 面包屑（DedeCMS position 标签输出） */
.breadcrumb{
  max-width:720px;margin:14px auto 0;padding:0 16px;
  font-size:.82rem;color:#888;line-height:1.8;
}
.breadcrumb a{color:var(--blue)}
.breadcrumb span{margin:0 4px;color:#bbb}

/* 栏目标题 */
.page-title{
  max-width:720px;margin:18px auto 6px;padding:0 16px;
  font-size:1.4rem;font-weight:800;color:var(--text);
  display:flex;align-items:center;gap:8px;
}
.page-title::before{
  content:"";width:10px;height:24px;border-radius:6px;
  background:linear-gradient(var(--pink),var(--yellow));
  display:inline-block;flex-shrink:0;
}

/* 文章列表 */
.article-list{max-width:720px;margin:0 auto;padding:10px 16px;display:grid;gap:16px}
.article-card{
  background:var(--white);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
  border:2px solid transparent;
}
.article-card:active{transform:scale(.98)}
.article-card a{display:block;color:inherit;padding:16px 16px 14px}
.card-title{font-size:1.05rem;font-weight:700;line-height:1.5;margin-bottom:8px}
.card-meta{font-size:.78rem;color:#999;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.card-meta .dot{width:4px;height:4px;border-radius:50%;background:#ccc}
.card-abstract{font-size:.85rem;color:var(--muted);margin-top:8px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 分页 —— 独立一行，不套框，兼容 DedeCMS pagelist 裸 li 结构 */
.pagination{
  max-width:720px;margin:24px auto 0;padding:0 16px;
  font-size:.85rem;color:#888;
}
.pagination .page-list{
  text-align:center;
  list-style:none;
}
.pagination .page-list ul,
.pagination .page-list .pagelist{
  list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;
  margin:0;padding:0;
}
.pagination .page-list li,
.pagination .page-list > li{
  list-style:none!important;
  display:inline-block;
  margin:0;padding:0;
}
.pagination .page-list a,
.pagination .page-list span,
.pagination .page-list li a,
.pagination .page-list li span,
.pagination .page-list li.thisclass,
.pagination .page-list li.thisclass a{
  display:inline-block;background:var(--white);border-radius:8px;
  padding:6px 14px;box-shadow:var(--shadow);
  font-size:.85rem;color:var(--text);text-decoration:none;
  border:1.5px solid transparent;line-height:1.4;
  transition:background .15s,color .15s,border-color .15s;
}
.pagination .page-list a:hover,
.pagination .page-list li a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.pagination .page-list .pageinfo,
.pagination .page-list li.pageinfo,
.pagination .page-list li.pageinfo span,
.pagination .page-list li:has(.pageinfo),
.pagination .page-list .pageinfo strong{
  background:none!important;box-shadow:none!important;color:#999!important;
  border:none!important;padding:4px 6px!important;font-weight:400!important;
}
.pagination .page-list .pageinfo strong{color:var(--pink);font-weight:700;padding:0 2px}
.pagination .page-list .thisclass,
.pagination .page-list li.thisclass,
.pagination .page-list li.thisclass span,
.pagination .page-list li.thisclass a{
  background:var(--pink)!important;color:#fff!important;font-weight:700;border-color:var(--pink)!important;
}

/* 底部 */
.site-footer{
  max-width:720px;margin:36px auto 0;padding:0 16px;text-align:center;
  font-size:.78rem;color:#aaa;line-height:1.8;
}
.site-footer .brand{color:var(--blue);font-weight:700}
.site-footer .brand a{color:var(--blue);margin:0 6px}

/* 桌面端 */
@media(min-width:768px){
  .site-header{padding:32px 24px 26px}
  .site-header .logo{font-size:1.7rem}
  .page-title{font-size:1.7rem}
  .article-list{gap:20px}
  .card-title{font-size:1.2rem}
  .article-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 28px rgba(44,44,52,.13);
    border-color:var(--yellow);
  }
}

/* 打印 */
@media print{
  body{background:#fff}
  .site-header{box-shadow:none;border-radius:0}
  .article-card{box-shadow:none;border:1px solid #eee;break-inside:avoid}
}