/* 若涟屋 · 烘焙资讯栏目样式 —— 与主站暖麦色系保持一致 */
:root{
  --brown:#5C3A1E; --brown-d:#3E2713; --wheat:#D4A055; --wheat-l:#E8C887;
  --accent:#B06A2C; --cream:#FBF6EF; --cream-2:#F6EDE0; --line:#EBDFD1;
  --text:#3D2B1F; --text-2:#6B5544; --text-3:#9B8B7A; --white:#fff;
}
@font-face{font-family:'RLSerif';src:url('/fonts/serif-700.woff2') format('woff2');font-weight:400 700;font-display:swap;}
@font-face{font-family:'RLSerif';src:url('/fonts/serif-900.woff2') format('woff2');font-weight:800 900;font-display:swap;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--cream);color:var(--text);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.serif{font-family:'RLSerif','Songti SC','STSong','SimSun',serif}

/* 顶部导航 */
.nav{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav-in{max-width:1440px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-brand{font-family:'RLSerif','Songti SC',serif;font-size:21px;font-weight:700;color:var(--brown-d);letter-spacing:1px}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{font-size:15px;color:var(--text-2);transition:.2s}
.nav-links a:hover{color:var(--accent)}
.nav-links a.on{color:var(--accent);font-weight:700}
.nav-cta{background:var(--accent);color:#fff;border-radius:24px;padding:10px 24px;font-size:15px}
.nav-cta:hover{background:#9a5a23;color:#fff}

/* 栏目头 */
.hero{background:linear-gradient(120deg,#F6E6CE 0%,#FBF6EF 70%);padding:56px 40px 46px}
.hero-in{max-width:1440px;margin:0 auto}
.hero-en{font-size:12px;letter-spacing:4px;color:var(--accent);margin-bottom:12px}
.hero h1{font-family:'RLSerif','Songti SC',serif;font-size:44px;color:var(--brown-d);letter-spacing:2px;line-height:1.3}
.hero p{margin-top:14px;font-size:16px;color:var(--text-2)}

/* 分类 Tab */
.tabs{background:var(--white);border-bottom:1px solid var(--line)}
.tabs-in{max-width:1440px;margin:0 auto;padding:0 40px;display:flex;gap:38px;overflow-x:auto}
.tab{position:relative;padding:18px 2px;font-size:16px;color:var(--text-2);white-space:nowrap}
.tab.on{color:var(--accent);font-weight:700}
.tab.on::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);border-radius:2px}

/* 两栏主体 */
.wrap{max-width:1440px;margin:0 auto;padding:44px 40px 64px;display:flex;gap:40px;align-items:flex-start}
.main-col{flex:1;min-width:0}
.side{width:320px;flex:none}

/* 文章列表 */
.post{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.post:first-child{padding-top:0}
.post-img{width:260px;height:172px;flex:none;border-radius:12px;overflow:hidden;background:var(--cream-2)}
.post-img img{width:100%;height:100%;object-fit:cover}
.post-body{display:flex;flex-direction:column;gap:10px}
.post-cat{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:1px}
.post h2{font-family:'RLSerif','Songti SC',serif;font-size:22px;line-height:1.5;color:var(--brown-d);font-weight:700}
.post h2 a:hover{color:var(--accent)}
.post p{font-size:14px;color:var(--text-2);line-height:1.75}
.post meta,.post .meta{font-size:12px;color:var(--text-3);margin-top:auto}

/* 首页头条卡片（也用于栏目首图） */
.feature{display:flex;gap:32px;margin-bottom:12px}
.feature-card{flex:1.35;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(62,39,19,.08)}
.feature-card img{width:100%;height:320px;object-fit:cover}
.feature-body{padding:26px 28px 28px;display:flex;flex-direction:column;gap:12px}
.feature-body h2{font-family:'RLSerif','Songti SC',serif;font-size:26px;line-height:1.45;color:var(--brown-d)}
.feature-body p{font-size:15px;color:var(--text-2)}
.feature-side{flex:1;display:flex;flex-direction:column;gap:20px}
.mini{display:flex;gap:18px;background:var(--white);border-radius:12px;padding:14px;transition:.2s}
.mini:hover{box-shadow:0 8px 24px rgba(62,39,19,.08);transform:translateY(-2px)}
.mini img{width:160px;height:110px;border-radius:8px;object-fit:cover;flex:none}
.mini-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.mini-cat{font-size:12px;color:var(--accent);font-weight:600}
.mini h3{font-family:'RLSerif','Songti SC',serif;font-size:17px;line-height:1.5;color:var(--brown-d);font-weight:700}
.mini time{font-size:12px;color:var(--text-3)}

/* 分页 */
.pager{display:flex;gap:10px;justify-content:center;padding-top:32px}
.pager a,.pager span{min-width:40px;height:40px;line-height:40px;text-align:center;border-radius:8px;background:var(--white);color:var(--text-2);font-size:14px;padding:0 14px}
.pager .cur{background:var(--accent);color:#fff}

/* 侧边栏 */
.card{background:var(--white);border-radius:16px;padding:24px;margin-bottom:24px}
.card h3{font-family:'RLSerif','Songti SC',serif;font-size:18px;color:var(--brown-d);margin-bottom:16px}
.hot{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}
.hot:last-child{border-bottom:0}
.hot b{font-family:'RLSerif',serif;font-size:17px;color:var(--accent);flex:none;width:26px}
.hot span{font-size:14px;color:var(--text-2);line-height:1.6}
.cat-list a{display:block;font-size:14px;color:var(--text-2);padding:8px 0}
.cat-list a:hover{color:var(--accent)}
.cta-card{background:var(--brown-d);border-radius:16px;padding:26px;color:var(--cream)}
.cta-card .en{font-size:11px;letter-spacing:3px;color:var(--wheat-l);margin-bottom:10px}
.cta-card h3{font-family:'RLSerif',serif;font-size:21px;line-height:1.45;color:var(--cream);margin-bottom:10px}
.cta-card p{font-size:14px;color:#C9B8A8;line-height:1.7;margin-bottom:16px}
.cta-card a{display:block;text-align:center;background:var(--accent);color:#fff;border-radius:24px;padding:12px;font-size:15px}

/* 文章详情 */
.article-wrap{max-width:800px;margin:0 auto;padding:40px 24px 64px}
.crumb{font-size:13px;color:var(--text-3);margin-bottom:18px}
.crumb a:hover{color:var(--accent)}
.article-wrap h1{font-family:'RLSerif','Songti SC',serif;font-size:36px;line-height:1.4;color:var(--brown-d);letter-spacing:1px}
.art-meta{display:flex;align-items:center;gap:14px;margin:18px 0 26px;font-size:13px;color:var(--text-3)}
.art-meta .tag{background:var(--cream-2);color:var(--accent);font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px}
.art-cover{width:100%;border-radius:16px;margin-bottom:32px;object-fit:cover;max-height:440px}
.art-body{font-size:16px;line-height:1.9;color:#4A382C}
.art-body p{margin:0 0 20px}
.art-body h2{font-family:'RLSerif','Songti SC',serif;font-size:23px;color:var(--brown-d);margin:34px 0 14px;line-height:1.5}
.art-body ul{margin:0 0 20px;padding-left:22px}
.art-body li{margin-bottom:8px}
.art-body blockquote{background:var(--cream-2);border-left:4px solid var(--wheat);border-radius:0 10px 10px 0;padding:18px 22px;margin:24px 0;font-family:'RLSerif',serif;font-weight:700;color:#8A5A28;font-size:16px}
.source{font-size:12px;color:var(--text-3);border-top:1px dashed var(--line);padding-top:14px;margin-top:30px;line-height:1.7}
.brand-box{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px;margin:32px 0}
.brand-box h3{font-family:'RLSerif',serif;font-size:19px;color:var(--brown-d);margin-bottom:10px}
.brand-box p{font-size:15px;color:var(--text-2);line-height:1.8}
.cta-banner{background:var(--brown-d);border-radius:16px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}
.cta-banner h3{font-family:'RLSerif',serif;font-size:21px;color:var(--cream);margin-bottom:6px}
.cta-banner p{font-size:14px;color:#C9B8A8}
.cta-banner a{background:var(--accent);color:#fff;border-radius:24px;padding:12px 26px;font-size:15px;flex:none}
.related{margin:36px 0 24px}
.related h3{font-family:'RLSerif',serif;font-size:21px;color:var(--brown-d);margin-bottom:16px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rel-card{background:var(--white);border-radius:12px;overflow:hidden;display:block}
.rel-card img{height:120px;width:100%;object-fit:cover}
.rel-card span{display:block;padding:12px 14px 16px;font-size:14px;line-height:1.6;color:var(--text)}
.rel-card:hover span{color:var(--accent)}
.pn{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--accent);padding-top:10px}

/* 页脚 */
.footer{background:var(--brown-d);color:rgba(251,246,239,.7);text-align:center;padding:34px 24px;font-size:13px;line-height:2}
.footer strong{display:block;font-family:'RLSerif',serif;font-size:19px;color:var(--cream);margin-bottom:6px}

/* 响应式 */
@media(max-width:1080px){
  .wrap{padding:32px 24px 48px;gap:28px}
  .side{width:280px}
  .nav-in,.hero,.tabs-in{padding-left:24px;padding-right:24px}
  .post-img{width:200px;height:140px}
}
@media(max-width:860px){
  .wrap{flex-direction:column}
  .side{width:100%}
  .feature{flex-direction:column}
  .feature-card img{height:240px}
  .hero h1{font-size:34px}
  .nav-links{display:none}
  .rel-grid{grid-template-columns:1fr}
  .article-wrap h1{font-size:26px}
  .cta-banner{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .post{flex-direction:column;gap:14px}
  .post-img{width:100%;height:190px}
  .feature-body h2{font-size:21px}
  .mini{flex-direction:column}
  .mini img{width:100%;height:150px}
  .art-cover{max-height:240px}
  .hero{padding:36px 20px 30px}
}