/* =========================================================
   小旋风蜘蛛池Pro2.96 news_terracotta 陶土暖橙棕
   CSS 类名前缀: trc-
   ========================================================= */

:root{
  --trc-primary:#c1622d;      /* 陶土橙红 */
  --trc-primary-dark:#a24f22;
  --trc-deep:#8a4a32;         /* 赤陶棕 */
  --trc-bg:#f6ede2;           /* 米陶白 */
  --trc-olive:#7a8450;        /* 橄榄绿点缀 */
  --trc-olive-dark:#616b3d;
  --trc-paper:#fffaf3;
  --trc-border:#e3cfba;
  --trc-text:#40291d;
  --trc-text-soft:#7a6553;
  --trc-font-title:"Songti SC","STSong","Noto Serif SC","Microsoft YaHei",serif;
  --trc-font-body:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --trc-radius-jar:40% 40% 8px 8px / 30% 30% 8px 8px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body.trc-body{
  background:var(--trc-bg);
  color:var(--trc-text);
  font-family:var(--trc-font-body);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;margin:0;padding:0;}
img{max-width:100%;display:block;}
h1,h2,h3,h4{margin:0;font-family:var(--trc-font-title);}
p{margin:0;}

.trc-page{max-width:1200px;margin:0 auto;padding:0 20px 40px;}

/* -------------------- 顶部窑火色带 -------------------- */
.trc-kilnband{
  height:6px;
  background:
    linear-gradient(90deg,var(--trc-olive) 0 15%, var(--trc-primary) 15% 55%, var(--trc-deep) 55% 78%, var(--trc-olive) 78% 100%);
}

/* -------------------- 头部导航 -------------------- */
.trc-header{
  background:var(--trc-deep);
  border-bottom:3px solid var(--trc-primary-dark);
}
.trc-header-inner{
  max-width:1200px;
  margin:0 auto;
  padding:14px 20px;
  display:flex;
  align-items:center;
  gap:24px;
}
.trc-brand{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.trc-brand-logo{height:44px;width:auto;border-radius:8px;}
.trc-brand-name{
  font-family:var(--trc-font-title);
  font-size:22px;
  font-weight:700;
  color:var(--trc-paper);
  letter-spacing:.5px;
}

.trc-nav-toggle{
  display:none;
  margin-left:auto;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:36px;height:36px;
  background:transparent;
  border:1px solid rgba(255,250,243,.4);
  border-radius:8px;
  cursor:pointer;
  padding:8px;
}
.trc-nav-toggle span{
  display:block;height:2px;width:100%;
  background:var(--trc-paper);
  border-radius:2px;
}

.trc-nav{flex:1 1 auto; min-width:0;}
.trc-nav-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}
.trc-nav-item{
  position:relative;
  padding:6px 18px 6px 0;
  margin-right:14px;
}
.trc-nav-item:last-child{margin-right:0;padding-right:0;}
/* 绳结分隔符: 两个重叠圆点旋转45度 */
.trc-nav-item:not(:last-child)::before,
.trc-nav-item:not(:last-child)::after{
  content:'';
  position:absolute;
  top:50%;
  width:7px;height:7px;
  border-radius:50%;
  background:rgba(255,250,243,.7);
}
.trc-nav-item:not(:last-child)::before{right:2px; transform:translateY(-65%) rotate(45deg);}
.trc-nav-item:not(:last-child)::after{right:7px; transform:translateY(-35%) rotate(45deg);}
.trc-nav-link{
  color:var(--trc-paper);
  font-size:15px;
  font-weight:600;
  display:inline-block;
  transition:transform .2s ease, color .2s ease;
}
.trc-nav-link:hover{
  transform:translateY(-2px);
  color:#ffd9b0;
}

/* -------------------- 首页 陶匾介绍 -------------------- */
.trc-plaque{
  background:
    radial-gradient(circle at 12% 30%, rgba(122,132,80,.16) 0%, transparent 45%),
    radial-gradient(circle at 88% 70%, rgba(138,74,50,.18) 0%, transparent 50%),
    var(--trc-primary);
  padding:44px 20px 50px;
  text-align:center;
}
.trc-plaque-inner{max-width:820px;margin:0 auto;}
.trc-plaque-title{
  font-size:34px;
  font-weight:700;
  color:var(--trc-paper); /* 兜底色 */
  background:linear-gradient(120deg,#fff6ea 10%, #ffd9b0 45%, #f6ede2 85%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:12px;
}
.trc-plaque-desc{
  color:#fbe9d8;
  font-size:15px;
  line-height:1.9;
}

/* -------------------- 分类陶片架 -------------------- */
.trc-shelf{
  background:var(--trc-paper);
  border-bottom:1px solid var(--trc-border);
}
.trc-shelf-inner{max-width:1200px;margin:0 auto;padding:14px 20px;}
.trc-shelf-list{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scrollbar-width:thin;
  padding-bottom:4px;
}
.trc-shelf-item{flex:0 0 auto;}
.trc-shelf-link{
  display:inline-block;
  padding:8px 18px;
  background:var(--trc-bg);
  border:1px solid var(--trc-border);
  border-radius:16px 16px 4px 4px;
  color:var(--trc-deep);
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.trc-shelf-link:hover{
  background:var(--trc-olive);
  color:var(--trc-paper);
  transform:translateY(-2px);
}

/* -------------------- 通用两栏布局(侧栏在右) -------------------- */
.trc-layout{
  display:flex;
  align-items:flex-start;
  gap:28px;
  padding-top:28px;
}
.trc-main{flex:1 1 auto; min-width:0;}
.trc-side{flex:0 0 280px; min-width:0;}

.trc-main-head{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:10px;
  border-bottom:2px solid var(--trc-border);
}
.trc-main-title{font-size:22px;color:var(--trc-deep);}
.trc-main-note{font-size:13px;color:var(--trc-text-soft);}

/* -------------------- 陶罐卡片流(首页主内容) -------------------- */
.trc-jar-river{
  display:flex;
  flex-wrap:wrap;
  gap:22px 18px;
}
.trc-jar-card{
  position:relative;
  flex:1 1 280px;
  max-width:340px;
  background:var(--trc-paper);
  border:1px solid var(--trc-border);
  border-radius:var(--trc-radius-jar);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.trc-jar-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 28px rgba(138,74,50,.2);
  border-color:var(--trc-primary);
}
/* 首篇放大呈"主陶罐"效果 */
.trc-jar-card:first-child{
  flex:1 1 420px;
  max-width:460px;
}
.trc-jar-card:first-child .trc-jar-title{font-size:19px;-webkit-line-clamp:2;}

/* 釉彩流纹装饰 */
.trc-jar-glaze{
  height:8px;
  background:
    radial-gradient(circle at 12% 140%, var(--trc-olive) 0%, transparent 55%),
    radial-gradient(circle at 40% -60%, var(--trc-deep) 0%, transparent 60%),
    radial-gradient(circle at 70% 140%, var(--trc-primary) 0%, transparent 55%),
    radial-gradient(circle at 92% -50%, var(--trc-olive) 0%, transparent 45%);
  opacity:.9;
}
.trc-jar-link{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:26px 22px 20px;
  gap:8px;
}
.trc-jar-title{
  font-size:16px;
  font-weight:700;
  color:var(--trc-text);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.5;
  transition:color .2s ease;
}
.trc-jar-card:hover .trc-jar-title{color:var(--trc-primary-dark);}
.trc-jar-info{
  font-size:13px;
  color:var(--trc-text-soft);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.6;
}
.trc-jar-meta{
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:var(--trc-text-soft);
  padding-top:6px;
  border-top:1px dashed var(--trc-border);
}

/* -------------------- 侧栏公共 -------------------- */
.trc-side-block{
  background:var(--trc-paper);
  border:1px solid var(--trc-border);
  border-radius:14px 14px 6px 6px;
  padding:16px 18px;
  margin-bottom:20px;
}
.trc-side-title{
  font-size:15px;
  color:var(--trc-deep);
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:2px solid var(--trc-bg);
}
.trc-side-catlist li,
.trc-side-linklist li{
  padding:7px 0;
  border-bottom:1px dashed var(--trc-border);
  font-size:13px;
}
.trc-side-catlist li:last-child,
.trc-side-linklist li:last-child{border-bottom:none;}
.trc-side-catlist a,
.trc-side-linklist a{
  color:var(--trc-text-soft);
  transition:color .2s ease, padding-left .2s ease;
  display:block;
}
.trc-side-catlist a:hover,
.trc-side-linklist a:hover{
  color:var(--trc-primary);
  padding-left:4px;
}

/* 排行榜: flex + ellipsis 必须搭配 min-width:0 */
.trc-rank-list{counter-reset:trc-rank;}
.trc-rank-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 0;
  border-bottom:1px dashed var(--trc-border);
}
.trc-rank-item:last-child{border-bottom:none;}
.trc-rank-num{
  counter-increment:trc-rank;
  flex:0 0 auto;
  width:22px;height:22px;
  border-radius:50%;
  background:var(--trc-bg);
  color:var(--trc-deep);
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}
.trc-rank-num::before{content:counter(trc-rank);}
.trc-rank-item:nth-child(-n+3) .trc-rank-num{
  background:var(--trc-primary);
  color:var(--trc-paper);
}
.trc-rank-title{
  flex:1 1 auto;
  min-width:0;
  font-size:13px;
  color:var(--trc-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .2s ease;
}
.trc-rank-title:hover{color:var(--trc-primary);}

/* -------------------- 面包屑 -------------------- */
.trc-breadcrumb{padding:16px 0 6px;}
.trc-breadcrumb-inner{
  font-size:13px;
  color:var(--trc-text-soft);
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.trc-breadcrumb-inner a{color:var(--trc-deep); transition:color .2s ease;}
.trc-breadcrumb-inner a:hover{color:var(--trc-primary);}
.trc-breadcrumb-sep{
  color:var(--trc-olive);
  font-size:11px;
  opacity:.7;
}
.trc-breadcrumb-current{color:var(--trc-primary);font-weight:600;}

/* -------------------- 列表页: 陶版列表 -------------------- */
.trc-tablet-list{display:flex;flex-direction:column;gap:14px;}
.trc-tablet-item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  background:var(--trc-paper);
  border:1px solid var(--trc-border);
  border-radius:10px;
  padding:16px;
  transition:box-shadow .2s ease, border-color .2s ease;
}
.trc-tablet-item:hover{
  box-shadow:0 8px 18px rgba(138,74,50,.14);
  border-color:var(--trc-primary);
}
.trc-tablet-seal{
  flex:0 0 auto;
  width:46px;height:46px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, var(--trc-olive), var(--trc-deep) 75%);
  color:var(--trc-paper);
  font-size:13px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}
.trc-tablet-body{flex:1 1 auto; min-width:0;}
.trc-tablet-title{
  display:block;
  font-size:16px;
  font-weight:700;
  color:var(--trc-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:6px;
  transition:color .2s ease;
}
.trc-tablet-title:hover{color:var(--trc-primary);}
.trc-tablet-info{
  font-size:13px;
  color:var(--trc-text-soft);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.6;
  margin-bottom:8px;
}
.trc-tablet-meta{
  display:flex;
  gap:16px;
  font-size:12px;
  color:var(--trc-text-soft);
}

/* 分页 */
.trc-pager{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  margin-top:28px;
}
.trc-pager-btn{
  padding:8px 16px;
  background:var(--trc-paper);
  border:1px solid var(--trc-border);
  border-radius:14px 14px 4px 4px;
  font-size:13px;
  color:var(--trc-deep);
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.trc-pager-btn:hover{
  background:var(--trc-primary);
  color:var(--trc-paper);
  transform:translateY(-2px);
}

/* -------------------- 详情页 -------------------- */
.trc-article{
  background:var(--trc-paper);
  border:1px solid var(--trc-border);
  border-radius:16px 16px 8px 8px;
  overflow:hidden;
  margin-bottom:24px;
}
.trc-article-glaze{
  height:8px;
  background:
    radial-gradient(circle at 20% 130%, var(--trc-olive) 0%, transparent 55%),
    radial-gradient(circle at 55% -50%, var(--trc-deep) 0%, transparent 60%),
    radial-gradient(circle at 85% 130%, var(--trc-primary) 0%, transparent 55%);
}
.trc-article-head{padding:26px 28px 16px;border-bottom:1px dashed var(--trc-border);}
.trc-article-title{
  font-size:26px;
  color:var(--trc-text);
  line-height:1.5;
  margin-bottom:12px;
}
.trc-article-meta{font-size:13px;color:var(--trc-text-soft);}
.trc-article-body{
  padding:26px 28px 32px;
  font-size:15px;
  color:var(--trc-text);
  line-height:1.9;
}
.trc-article-body img{border-radius:8px;margin:12px 0;}

/* 上下篇导航 */
.trc-prevnext{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.trc-prevnext-item{
  flex:1 1 260px;
  background:var(--trc-paper);
  border:1px solid var(--trc-border);
  border-radius:12px 12px 4px 4px;
  padding:14px 18px;
}
.trc-prevnext-label{
  display:inline-block;
  font-size:12px;
  color:var(--trc-paper);
  background:var(--trc-olive);
  padding:2px 10px;
  border-radius:10px;
  margin-bottom:8px;
}
.trc-prevnext-item--prev .trc-prevnext-label{background:var(--trc-deep);}
.trc-prevnext-link{
  display:block;
  font-size:14px;
  color:var(--trc-text);
  transition:color .2s ease;
}
.trc-prevnext-link:hover{color:var(--trc-primary);}

/* -------------------- 页脚 -------------------- */
.trc-footer{
  background:var(--trc-deep);
  margin-top:20px;
}
.trc-footer-clay{
  height:10px;
  background:
    radial-gradient(circle at 10% -60%, var(--trc-olive) 0%, transparent 60%),
    radial-gradient(circle at 40% 140%, var(--trc-primary) 0%, transparent 55%),
    radial-gradient(circle at 75% -60%, var(--trc-olive) 0%, transparent 55%),
    radial-gradient(circle at 95% 140%, var(--trc-primary) 0%, transparent 50%);
}
.trc-footer-inner{
  max-width:1200px;
  margin:0 auto;
  padding:32px 20px 20px;
  display:flex;
  flex-wrap:wrap;
  gap:28px;
}
.trc-footer-col{flex:1 1 220px; min-width:0;}
.trc-footer-brand{flex:1 1 260px;}
.trc-footer-logo{height:40px;width:auto;margin-bottom:12px;border-radius:6px;}
.trc-footer-desc{
  font-size:13px;
  color:#e9d6c4;
  line-height:1.8;
}
.trc-footer-title{
  font-size:15px;
  color:var(--trc-paper);
  margin-bottom:14px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,250,243,.2);
}
.trc-footer-list li{padding:5px 0;}
.trc-footer-list a{
  font-size:13px;
  color:#e9d6c4;
  transition:color .2s ease, padding-left .2s ease;
  display:inline-block;
}
.trc-footer-list a:hover{color:#ffd9b0; padding-left:3px;}
.trc-footer-bottom{
  max-width:1200px;
  margin:0 auto;
  padding:16px 20px 22px;
  border-top:1px solid rgba(255,250,243,.15);
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  justify-content:space-between;
  font-size:12px;
  color:#d9c2ac;
}

/* =========================================================
   响应式断点: ~1024px / ~768px / ~480px
   ========================================================= */
@media (max-width:1024px){
  .trc-layout{flex-direction:column;}
  .trc-side{flex:1 1 auto;width:100%;}
  .trc-jar-card{flex-basis:260px;max-width:calc(33.333% - 15px);}
  .trc-jar-card:first-child{flex-basis:100%;max-width:100%;}
}

@media (max-width:768px){
  .trc-header-inner{flex-wrap:wrap;}
  .trc-nav-toggle{display:flex;}
  .trc-nav{
    flex:1 1 100%;
    order:3;
    max-height:0;
    overflow:hidden;
    transition:max-height .25s ease;
  }
  .trc-nav.trc-nav-open{max-height:400px;}
  .trc-nav-list{
    flex-direction:column;
    align-items:flex-start;
    padding:10px 0;
  }
  .trc-nav-item{
    width:100%;
    padding:8px 0;
    margin-right:0;
    border-bottom:1px dashed rgba(255,250,243,.2);
  }
  .trc-nav-item:not(:last-child)::before,
  .trc-nav-item:not(:last-child)::after{display:none;}

  .trc-plaque-title{font-size:26px;}
  .trc-jar-card{flex-basis:calc(50% - 9px);max-width:calc(50% - 9px);}
  .trc-jar-card:first-child{flex-basis:100%;max-width:100%;}

  .trc-tablet-item{flex-wrap:wrap;}
}

@media (max-width:480px){
  .trc-page{padding:0 14px 30px;}
  .trc-plaque{padding:34px 16px 38px;}
  .trc-plaque-title{font-size:22px;}
  .trc-jar-river{gap:16px 12px;}
  .trc-jar-card{flex-basis:100%;max-width:100%;}
  .trc-tablet-seal{width:38px;height:38px;font-size:11px;}
  .trc-article-title{font-size:21px;}
  .trc-article-head,.trc-article-body{padding-left:18px;padding-right:18px;}
  .trc-prevnext-item{flex-basis:100%;}
  .trc-footer-inner{padding:26px 16px 16px;}
}