/* 首页（NexT 页面）作品区样式。仅作用于 .works-page 内部，不污染主题全局。
   该文件由 source/_data/head.njk 通过 <link> 引入（避免 markdown 渲染器向内联 <style> 注入 <br>）。 */


body.home .site-nav{display: none;}
body.home .site-brand-container{background: none; ;padding: 80px 0 0 0;}
body.home  .brand{color: var(--text-soft);}
body.home  .site-subtitle{ font-size: 16px;color: var(--text-soft);}
body.home  .brand{  font-size: 32px;}


body.home .main-inner .post-block{box-shadow:initial}



.works-page{
  --bg:#ffffff; --bg-soft:#faf7fc; --panel:#ffffff;
  --text:#2c2540; --text-soft:#5a536b; --text-mute:#9a90ad;
  --border:#efe9f5; --border-strong:#e2d8ee;
  --primary:#542a6a; --primary-2:#7a4dc4; --primary-soft:#f3eafa;
  --shadow:0 1px 2px rgba(60,30,80,.05); --shadow-hover:0 14px 34px rgba(84,42,106,.14);
  --radius:16px;
  max-width:1140px;margin:0 auto;padding:0 22px 10px;
}
@media (prefers-color-scheme: dark){
  .works-page{
    --bg:#171520; --bg-soft:#1d1926; --panel:#211c2c;
    --text:#efe9f6; --text-soft:#bcb2cd; --text-mute:#8a7fa0;
    --border:#2f2940; --border-strong:#3a3350;
    --primary:#b98fe0; --primary-2:#9a6fe0; --primary-soft:#2a2138;
    --shadow:0 1px 3px rgba(0,0,0,.4); --shadow-hover:0 16px 40px rgba(0,0,0,.55);
  }
}

/* Hero */
.works-hero{position:relative;overflow:hidden;text-align:center;padding:200px 20px 40px;margin:-225px 0 36px;border-radius:22px;}
.works-hero::before,.works-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;z-index:0;pointer-events:none;}
.works-hero::before{width:280px;height:280px;background:radial-gradient(circle,#c9a8ee,transparent 70%);top:-90px;left:-60px;}
.works-hero::after{width:240px;height:240px;background:radial-gradient(circle,#a8c8ee,transparent 70%);bottom:-80px;right:-50px;}
.works-hero>*{position:relative;z-index:1;}
.works-hero .avatar{width:84px;height:84px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;background:linear-gradient(135deg,#fff,#f3eafa);border:1px solid var(--border-strong);box-shadow:0 8px 24px rgba(84,42,106,.16);}
.works-hero h1{margin:0 0 10px;font-size:2.25em;font-weight:800;letter-spacing:-.5px;color:var(--text);}
.works-hero .lead{margin:0 auto;max-width:680px;font-size:1.26em;line-height:1.8;color:var(--text-soft);}
.works-hero .lead b{color:var(--primary);font-weight:700;}
.works-hero .tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.works-hero .tags span{background:var(--panel);border:1px solid var(--border-strong);color:var(--text-soft);border-radius:999px;padding:5px 14px;font-size:.82em;box-shadow:var(--shadow);}
.works-hero .cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.works-hero .cta a{text-decoration:none;font-weight:600;font-size:.96em;padding:12px 26px;border-radius:999px;transition:.22s ease;}
.works-hero .cta .primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 8px 20px rgba(84,42,106,.28);}
.works-hero .cta .primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(84,42,106,.4);}
.works-hero .cta .ghost{background:var(--panel);color:var(--primary);border:1px solid var(--primary);}
.works-hero .cta .ghost:hover{background:var(--primary);color:#fff;}

/* 区块标题（markdown ## 生成的 h2） */
.works-page h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:1.55em;font-weight:800;margin:42px 0 6px;color:var(--text);}
.works-page .headerlink{display:none;}
.section-note{margin:4px 0 20px;font-size:.9em;color:var(--text-mute);}
.section-note::before{content:"";color:var(--primary);}

/* 作品卡片 */
.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;}
.work-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px 18px;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:var(--shadow);}
.work-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:linear-gradient(var(--primary),var(--primary-2));opacity:0;transition:opacity .22s ease;}
.work-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-strong);}
.work-card:hover::before{opacity:1;}
.wc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.work-card .code{font-size:.72em;font-weight:700;letter-spacing:.5px;color:var(--primary);background:var(--primary-soft);border-radius:6px;padding:3px 9px;}
.work-card h3{margin:0 0 4px;font-size:1.18em;line-height:1.35;color:var(--text);}
.work-card .tagline{margin:0 0 10px;font-size:.92em;font-weight:600;color:var(--primary);}
.work-card .desc{margin:0 0 14px;font-size:.9em;line-height:1.68;color:var(--text-soft);flex:1;}
.work-card .tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
.work-card .tech span{background:var(--bg-soft);color:var(--text-soft);font-size:.74em;border-radius:7px;padding:3px 9px;border:1px solid var(--border);}
.work-card .foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.work-card .foot .more{font-size:.8em;color:var(--text-mute);}
.badge{font-size:.74em;font-weight:700;border-radius:999px;padding:4px 12px;white-space:nowrap;}
.badge.done{background:#e7f7ee;color:#1f8a4c;}
.badge.dev{background:#e8f0fe;color:#2766d8;}
.badge.probe{background:#fff4e0;color:#b9770a;}
.badge.opt{background:#f1e9fb;color:#7a4dc4;}
.badge.tool{background:#eef0f2;color:#5b6470;}
@media (prefers-color-scheme: dark){
  .works-page .badge.done{background:#13301f;color:#7ee2a8;}
  .works-page .badge.dev{background:#15243f;color:#8fb6ff;}
  .works-page .badge.probe{background:#332708;color:#e6b35a;}
  .works-page .badge.opt{background:#2a2138;color:#c9a8ee;}
  .works-page .badge.tool{background:#26242e;color:#aab0bc;}
}

/* 最近文章：模仿 /archives/ 的日期+标题列表 */
#recent-posts{list-style:none;padding:0;margin:0;border-top:1px dashed var(--border);}
#recent-posts li{display:flex;align-items:center;gap:18px;padding:10px 2px;border-bottom:1px dashed var(--border);}
#recent-posts li:last-child{border-bottom:none;}
#recent-posts .rp-date{flex-shrink:0;width:46px;font-size:.9em;color:var(--text-mute);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
#recent-posts .rp-title{flex:1;color:var(--text);border:none;text-decoration:none;font-size:1.05em;line-height:1.5;transition:color .2s ease;}
#recent-posts .rp-title:hover{color:var(--primary);}
#recent-posts .rp-empty{padding:16px 2px;color:var(--text-mute);font-size:.92em;}
.more-link{display:inline-block;margin-top:18px;color:var(--primary);font-weight:600;text-decoration:none;border:none;}
.more-link:hover{text-decoration:underline;}

/* 入场动画 */
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.works-hero{animation:rise .6s ease both;}
.works-grid .work-card{animation:rise .5s ease both;}
.works-grid .work-card:nth-child(2){animation-delay:.05s;}
.works-grid .work-card:nth-child(3){animation-delay:.1s;}
.works-grid .work-card:nth-child(4){animation-delay:.15s;}
.works-grid .work-card:nth-child(5){animation-delay:.2s;}
.works-grid .work-card:nth-child(6){animation-delay:.25s;}
.works-grid .work-card:nth-child(7){animation-delay:.3s;}
.works-grid .work-card:nth-child(8){animation-delay:.35s;}
.works-grid .work-card:nth-child(9){animation-delay:.4s;}
.works-grid .work-card:nth-child(10){animation-delay:.45s;}

/* 响应式：移动端紧凑化 + 触屏无 hover 适配 */
@media (max-width:640px){
  .works-page{padding:0 16px 10px;}
  .works-hero{padding:38px 18px 30px;margin:18px 0 28px;border-radius:18px;}
  .works-hero h1{font-size:1.7em;}
  .works-hero .lead{font-size:1em;}
  .works-hero .cta a{padding:11px 20px;font-size:.92em;}
  .works-page h2{font-size:1.3em;margin:32px 0 4px;}
  .work-card{padding:18px 16px 16px;}
}
/* 触屏设备（无 hover）：让作品卡左侧装饰条静态显示，避免"悬停才出现"的空白感 */
@media (hover:none){
  .work-card::before{opacity:.55;}
  .work-card:active{transform:translateY(-2px);box-shadow:var(--shadow-hover);}
}
/* 极窄屏：最新文章日期与标题纵向堆叠，保证可读 */
@media (max-width:420px){
  #recent-posts li{flex-direction:column;gap:2px;align-items:flex-start;}
  #recent-posts .rp-date{width:auto;}
}

/* 首页作为 NexT 页面时，隐藏侧栏与切换按钮，保持干净落地页
   （NexT 的 page.sidebar:false 在本版被 || '' 吞掉不生效，故用作用域 CSS） */
body.home .sidebar,
body.home .sidebar-toggle,
body.home .sidebar-dimmer{display:none !important;}

/* 首页彻底去掉"侧栏"观感：NexT Pisces/Gemini 的 .main 是 flex 行布局，
   .column（280px，装 header）在右、.main-inner（内容）在左（sidebar 在右 → row-reverse）。
   去掉 widgets 后，这 280px 右列只剩 header，宽屏下像一条侧栏。
   改为块级纵向排列：header 顶部通栏、内容单列铺满。 */
body.home .main{
  display:block;
  width:auto;
}
body.home .column{
  width:100%;
  max-width:100%;
}
body.home .main-inner{
  width:100%;
  max-width:100%;
  margin:0 auto;
}
/* 首页 header 作为顶部通栏，去掉 NexT 浮起卡片的圆角/阴影，更干净 */
body.home .header{
  border-radius:0;
  box-shadow:none;
}

/* 分类页（/categories/）：一级分类横向排列 + 增加行高 */
.category-all-page .category-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px 28px;                 /* 纵向行距 + 横向间距 */
  line-height:2.4;               /* 增加行高 */
  margin:10px 0 14px;
  padding:0;
  list-style:none;
}
.category-all-page .category-list > .category-list-item{
  line-height:2.4;               /* 一级项行高 */
}
.category-all-page .category-list > .category-list-item > .category-list-link{
  font-size:1.06em;
  font-weight:600;
}
.category-all-page .category-list-count{
  margin-left:5px;
}
/* 子分类保留纵向缩进（在父项内部） */
.category-all-page .category-list-child{
  line-height:2.2;
  margin-top:6px;
  padding-left:16px;
  list-style:none;
}