@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

:root{
  --ink:#2B2E31;
  --ink-soft:#5C6066;
  --paper:#FCFBF7;
  --paper-2:#F3F1EA;
  --line:#DAD6CB;
  --citrus:#C75B1E;      /* 非荧光橙：焙茶柑皮 */
  --citrus-deep:#9E4514;
  --citrus-wash:#F7E3D4;
  --serif:'Noto Serif SC',serif;
  --sans:'Noto Sans SC',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:
    radial-gradient(1100px 500px at 85% -5%, rgba(199,91,30,.07), transparent 60%),
    radial-gradient(900px 600px at -10% 30%, rgba(120,110,90,.06), transparent 55%),
    repeating-linear-gradient(90deg, rgba(90,80,60,.022) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(0deg, rgba(90,80,60,.022) 0 1px, transparent 1px 44px),
    linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 55%, #EFECE2 100%);
  line-height:1.75;
  font-size:16px;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

.page-shell{max-width:1120px;margin:0 auto;padding:0 24px}

/* ---------- 入场 ---------- */
.page-ready .masthead,.page-ready .hero,.page-ready .module,.page-ready .about-head,
.page-ready .about-body,.page-ready .about-list,.page-ready .contact-cards,
.page-ready .contact-note,.page-ready .fb-form,.page-ready .detail-root{
  animation:rise .7s ease both;
}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- 刊头 ---------- */
.masthead{
  border-bottom:3px solid var(--ink);
  background:linear-gradient(180deg,#FFFDF8, rgba(255,253,248,.6));
  margin:0 -24px;padding:0 24px;
}
.masthead-inner{
  max-width:1120px;margin:0 auto;
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;padding:26px 0 18px;flex-wrap:wrap;
}
.brand{
  font-family:var(--serif);font-weight:900;font-size:34px;letter-spacing:.06em;
  color:var(--ink);display:inline-block;line-height:1.2;
}
.brand::first-letter{color:var(--citrus)}
.tagline{font-size:13px;color:var(--ink-soft);letter-spacing:.08em;margin-top:6px}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{
  font-size:15px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;
  background:#fff;transition:.25s;font-weight:500;
}
.nav a:hover{background:var(--citrus);border-color:var(--citrus);color:#fff}

/* ---------- 首页刊头区 ---------- */
.hero{padding:56px 0 40px;border-bottom:1px solid var(--line)}
.hero-kicker{
  display:inline-block;font-size:13px;color:var(--citrus-deep);
  border-left:4px solid var(--citrus);padding-left:12px;margin-bottom:18px;letter-spacing:.1em;
}
.hero-title{
  font-family:var(--serif);font-weight:900;font-size:clamp(30px,4.6vw,50px);
  line-height:1.28;max-width:20em;
}
.hero-lede{max-width:38em;margin:22px 0 0;color:var(--ink-soft);font-size:17px}
.hero-facts{display:flex;gap:44px;margin-top:34px;flex-wrap:wrap}
.fact strong{font-family:var(--serif);font-size:38px;font-weight:900;color:var(--citrus);display:block;line-height:1.1}
.fact em{font-style:normal;font-size:13px;color:var(--ink-soft);letter-spacing:.1em}
.topic-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.topic-strip span{
  font-size:13px;padding:5px 14px;background:var(--citrus-wash);
  border-radius:3px;color:var(--citrus-deep);border:1px solid #EBD0BC;
}

/* ---------- 模块通用 ---------- */
.main{padding:20px 0 60px}
.module{margin-top:56px}
.mod-head{display:flex;align-items:baseline;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:26px;flex-wrap:wrap}
.mod-title{font-family:var(--serif);font-weight:900;font-size:26px}
.mod-title::before{content:"";display:inline-block;width:12px;height:12px;background:var(--citrus);margin-right:12px;transform:rotate(45deg)}
.mod-sub{font-size:13px;color:var(--ink-soft)}

.news-item{list-style:none}
.news-title a:hover{color:var(--citrus)}
.thumb{width:100%;height:100%;object-fit:cover}

/* 模块一：本周聚焦 —— 大图横排 */
.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
[data-news-slot="focus"] .news-item{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}
[data-news-slot="focus"] .news-media{aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:var(--paper-2);border:1px solid var(--line)}
[data-news-slot="focus"] .news-title{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.4}
[data-news-slot="focus"] .news-sum{color:var(--ink-soft);font-size:14.5px;margin-top:8px}
[data-news-slot="focus"] .news-meta{display:inline-block;font-size:12.5px;color:var(--citrus-deep);margin-top:12px;border-bottom:1px solid var(--citrus);padding-bottom:2px}

/* 模块二：工坊纪事 —— 竖线时间线 */
.timeline{position:relative;padding-left:34px}
.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--citrus),var(--line))}
[data-news-slot="timeline"] .news-item{position:relative;padding:0 0 30px 0}
[data-news-slot="timeline"] .news-item::before{
  content:"";position:absolute;left:-32px;top:8px;width:12px;height:12px;border-radius:50%;
  background:var(--paper);border:3px solid var(--citrus);
}
[data-news-slot="timeline"] .news-meta{font-size:12.5px;color:var(--citrus-deep);letter-spacing:.06em}
[data-news-slot="timeline"] .news-title{font-family:var(--serif);font-size:19px;font-weight:700;margin-top:4px}
[data-news-slot="timeline"] .news-sum{font-size:14px;color:var(--ink-soft);margin-top:6px;max-width:44em}
[data-news-slot="timeline"] .news-media{display:none}

/* 模块三：手艺深读 —— 双栏编号式文摘 */
.deep-cols{columns:2;column-gap:52px;column-rule:1px solid var(--line)}
[data-news-slot="deep"] .news-item{break-inside:avoid;padding:18px 0;border-bottom:1px dashed var(--line)}
[data-news-slot="deep"] .news-media{display:none}
[data-news-slot="deep"] .news-title{font-size:17px;font-weight:700;font-family:var(--serif)}
[data-news-slot="deep"] .news-title::before{content:"◆";color:var(--citrus);font-size:11px;margin-right:8px;vertical-align:2px}
[data-news-slot="deep"] .news-sum{font-size:13.5px;color:var(--ink-soft);margin-top:6px}
[data-news-slot="deep"] .news-meta{font-size:12px;color:var(--ink-soft);opacity:.8}

/* 模块四：现场速递 —— 小图紧凑网格 */
.flash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
[data-news-slot="flash"] .news-item{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.25s}
[data-news-slot="flash"] .news-item:hover{border-color:var(--citrus);transform:translateY(-3px);box-shadow:0 10px 24px rgba(60,40,20,.08)}
[data-news-slot="flash"] .news-media{aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
[data-news-slot="flash"] .news-body{padding:14px 16px 16px}
[data-news-slot="flash"] .news-title{font-size:15.5px;font-weight:700;line-height:1.5}
[data-news-slot="flash"] .news-sum{display:none}
[data-news-slot="flash"] .news-meta{font-size:12px;color:var(--citrus-deep)}

.more-row{text-align:center;margin-top:36px}
.more-row a{font-size:15px;color:var(--citrus-deep);border-bottom:1px solid var(--citrus);padding-bottom:2px}
.more-row a:hover{color:var(--citrus)}

/* ---------- 内页 ---------- */
.main-narrow{max-width:760px;margin:0 auto}
.about-head{padding:56px 0 8px}
.page-title{font-family:var(--serif);font-weight:900;font-size:36px}
.page-lede{color:var(--ink-soft);margin-top:14px;font-size:17px;max-width:34em}
.about-body{margin-top:28px}
.about-body p{margin-bottom:18px;color:#3B3E42}
.about-list{list-style:none;margin:32px 0 60px;border-top:2px solid var(--ink)}
.about-list li{display:flex;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line);align-items:baseline}
.about-list strong{font-family:var(--serif);color:var(--citrus-deep);white-space:nowrap}
.about-list span{color:var(--ink-soft);font-size:14.5px}

.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}
.contact-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--citrus);border-radius:4px;padding:20px}
.contact-card h2{font-size:14px;color:var(--ink-soft);font-weight:500;margin-bottom:8px}
.contact-card p{font-size:15px;font-weight:500;word-break:break-all}
.contact-note{background:var(--citrus-wash);border-radius:6px;padding:24px 26px;margin-bottom:60px}
.contact-note h3{font-family:var(--serif);margin-bottom:8px}
.contact-note p{font-size:14.5px;color:#6B4A2E}

.fb-form{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px;margin:32px 0 60px;box-shadow:0 8px 30px rgba(60,40,20,.05)}
.fb-field{display:block;margin-bottom:20px}
.fb-field span{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.fb-field input,.fb-field textarea{
  width:100%;border:1px solid var(--line);border-radius:4px;padding:11px 14px;
  font-family:var(--sans);font-size:15px;background:var(--paper);color:var(--ink);transition:.2s;
}
.fb-field input:focus,.fb-field textarea:focus{outline:none;border-color:var(--citrus);background:#fff}
.fb-submit{
  background:var(--citrus);color:#fff;border:none;border-radius:4px;padding:12px 34px;
  font-size:15px;font-weight:500;cursor:pointer;font-family:var(--sans);transition:.2s;
}
.fb-submit:hover{background:var(--citrus-deep)}
.fb-msg{margin-top:16px;font-size:14px;color:var(--citrus-deep);min-height:1.4em}

.detail-root{padding:48px 0 20px}
.detail-root h1{font-family:var(--serif);font-weight:900;font-size:32px;line-height:1.4;margin-bottom:16px}
.detail-root .detail-meta{color:var(--citrus-deep);font-size:13.5px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:16px}
.detail-root .detail-cover{border-radius:6px;margin-bottom:26px;border:1px solid var(--line)}
.detail-root p{margin-bottom:18px;color:#3B3E42;font-size:16.5px}
.detail-back{margin-bottom:60px}
.detail-back a{color:var(--citrus-deep);font-size:14.5px;border-bottom:1px solid var(--citrus)}
.err{color:var(--citrus-deep);font-size:14px}

/* ---------- 页脚：整块水平居中 ---------- */
.site-foot{
  margin-top:40px;padding:44px 24px 40px;text-align:center;
  background:linear-gradient(180deg,#33363A,#26282B);color:#C9CBCD;
}
.site-foot a{color:#E8E6E0}
.site-foot a:hover{color:#F0A878}
.ft-brand{font-family:var(--serif);font-weight:900;font-size:22px;color:#fff;letter-spacing:.08em}
.ft-nav,.ft-link-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:16px;font-size:13.5px}
.ft-link-list{color:#8F9296}
.ft-copyright,.ft-icp{font-size:12.5px;color:#8F9296;margin-top:14px}
.ft-icp a{text-decoration:underline;text-underline-offset:3px}

/* ---------- 响应式 ---------- */
@media (max-width:860px){
  .focus-grid,.flash-grid{grid-template-columns:1fr}
  .deep-cols{columns:1}
  .contact-cards{grid-template-columns:1fr}
  .masthead-inner{align-items:flex-start;flex-direction:column}
  [data-news-slot="focus"] .news-item{grid-template-columns:1fr}
}
</style>