/* 华德出版社 Ward Ray Press
   配色取自首页三幅图：米白灰华石、日光暖调、墨色书法字、赭红点缀。
   版面：浅色页头 → 通栏轮播图 → 白色书页式内容；页脚为深墨棕。整站单一暖色主题，与图片保持一致。 */
@font-face{font-family:"WR Serif";src:url("fonts/wr-serif-light.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"WR Serif";src:url("fonts/wr-serif-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"WR Serif";src:url("fonts/wr-serif-semibold.woff2") format("woff2");font-weight:600;font-display:swap}

:root{
  color-scheme:light;
  --paper:#FBF7F1;      /* 页面底色：暖白 */
  --stone:#F1E7D8;      /* 石材米色：区块底 */
  --stone-2:#E6D6BF;    /* 深一层石色 */
  --ink:#2B231C;        /* 墨色：正文、标题 */
  --muted:#7A6A59;      /* 次要文字 */
  --rule:#E2D5C2;       /* 细线 */
  --terra:#A9532E;      /* 赭红：强调色 */
  --terra-dark:#8C4224;
  --gold:#B48F5A;       /* 暖金：装饰线 */
  --deep:#2B231C;       /* 页脚底色 */
  --on-deep:#EFE6D8; --on-deep-muted:#B3A28C;
  --serif:"WR Serif","Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",serif;
  --latin:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--terra);outline-offset:4px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(24px, env(safe-area-inset-left, 0px));padding-right:max(24px, env(safe-area-inset-right, 0px))}

/* ===== 页头 ===== */
.site-head{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:env(safe-area-inset-top, 0px);z-index:20}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:12px}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink)}
.brand img{height:64px;width:auto}
.brand .cn{font-family:var(--serif);font-size:15px;letter-spacing:.42em;color:var(--ink);padding-left:16px;border-left:1px solid var(--gold);line-height:1.4}
nav{display:flex;gap:40px;flex-wrap:wrap}
nav a{font-family:var(--serif);font-size:16px;letter-spacing:.24em;text-decoration:none;color:var(--muted);padding-block:4px;border-bottom:1px solid transparent}
nav a:hover{color:var(--ink)}
nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--terra)}

/* ===== 轮播 ===== */
.carousel{position:relative;background:var(--stone);overflow:hidden}
.slides{position:relative;aspect-ratio:1942/809;max-width:100%}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s}
.slide.on{opacity:1;visibility:visible;transition:opacity 1s ease,visibility 0s}
.slide a,.slide picture{display:block;height:100%}
.slide img{width:100%;height:100%;object-fit:cover}
.c-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(43,35,28,.18);background:rgba(251,247,241,.72);color:var(--ink);font-size:20px;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s,background .3s}
.carousel:hover .c-arrow,.c-arrow:focus-visible{opacity:1}
.c-arrow:hover{background:var(--paper)}
.c-prev{left:max(20px, env(safe-area-inset-left, 0px))}
.c-next{right:max(20px, env(safe-area-inset-right, 0px))}
.dots{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:12px}
.dots button{width:34px;height:3px;padding:0;border:0;background:rgba(43,35,28,.22);cursor:pointer;position:relative;overflow:hidden}
.dots button::after{content:"";position:absolute;inset:0;background:var(--terra);transform:scaleX(0);transform-origin:left}
.dots button.on::after{transform:scaleX(1)}
.dots button::before{content:"";position:absolute;inset:-12px 0}

/* ===== 内页顶部横幅（保持原图比例） ===== */
.banner-img{background:var(--stone);border-bottom:1px solid var(--rule)}
.banner-img img{width:100%;height:auto}

/* 横幅下的导语 */
.lead{border-bottom:1px solid var(--rule)}
.lead .wrap{padding-block:64px;text-align:center}
.lead p{font-family:var(--serif);font-size:clamp(17px,1.6vw,20px);line-height:2.2;letter-spacing:.06em;margin:0 auto;max-width:44em;color:var(--ink)}
@media (max-width:900px){.lead br{display:none}.lead .wrap{padding-block:44px;text-align:left}}

/* ===== 栏目标签 ===== */
.kicker{font-family:var(--serif);font-size:14px;letter-spacing:.42em;color:var(--terra);margin:0 0 22px;display:flex;align-items:center;gap:16px}
.kicker::before{content:"";width:32px;height:1px;background:currentColor}
.center .kicker{justify-content:center}
.center .kicker::after{content:"";width:32px;height:1px;background:currentColor}

/* 首页引言 */
.intro{padding-block:104px 96px;text-align:center}
.intro h1{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.8vw,48px);letter-spacing:.12em;line-height:1.6;margin:0 0 28px;text-wrap:balance}
.intro h1 b{font-weight:600;color:var(--terra)}
.intro p{font-family:var(--serif);font-size:18px;line-height:2.15;color:var(--muted);max-width:32em;margin:0 auto}
.intro p.two{max-width:none}
.intro p.two span{display:block}
@media (min-width:901px){.intro p.two span{white-space:nowrap}}
@media (max-width:900px){.intro p.two span{display:inline}}
.genres{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 0;margin-top:48px;font-family:var(--serif);font-size:16px;letter-spacing:.3em;color:var(--ink)}
.genres span{padding-inline:26px;border-left:1px solid var(--rule)}
.genres span:first-child{border-left:0}

/* 内页页首 */
.pagehead{background:var(--stone);border-bottom:1px solid var(--rule)}
.pagehead .wrap{padding-block:88px 84px}
.pagehead h1{font-family:var(--serif);font-weight:300;font-size:clamp(34px,4.6vw,58px);letter-spacing:.14em;line-height:1.4;margin:0 0 20px}
.pagehead h1 b{font-weight:600;color:var(--terra)}
.pagehead p{font-family:var(--serif);font-size:18px;color:var(--muted);margin:0;max-width:30em;line-height:2}

/* 区块 */
.sec{padding-block:104px}
.sec.stone{background:var(--stone)}
.sec + .sec:not(.stone){border-top:1px solid var(--rule)}

/* 书 */
.feature{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:88px;align-items:center}
.coverimg{width:100%;max-width:320px;height:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:0 1px 0 var(--stone-2),0 34px 60px -26px rgba(60,40,20,.55);border-radius:2px}
.feature h2{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.2vw,42px);letter-spacing:.1em;line-height:1.45;margin:0 0 10px}
.byline{font-family:var(--serif);color:var(--muted);letter-spacing:.2em;font-size:15px;margin:0 0 32px}
.blurb{font-family:var(--serif);font-size:18px;line-height:2.15;max-width:28em;margin:0 0 32px}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 32px;margin:0 0 40px;padding:22px 0;border-block:1px solid var(--rule);max-width:28em;font-size:14px}
.facts dt{color:var(--muted);letter-spacing:.24em;font-family:var(--serif)}
.facts dd{margin:0}

.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif);font-size:15px;letter-spacing:.2em;padding:13px 30px;text-decoration:none;border:1px solid var(--terra);color:var(--terra);background:transparent;cursor:pointer}
.btn:hover{background:var(--terra);color:var(--paper)}
.btn.fill{background:var(--terra);color:var(--paper)}
.btn.fill:hover{background:var(--terra-dark);border-color:var(--terra-dark)}

/* 关于 */
.about-h{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.2vw,40px);letter-spacing:.08em;line-height:1.6;margin:0 0 40px;text-wrap:balance}
.about-body{display:grid;gap:8px}
@media (min-width:901px){.about-body p{white-space:nowrap}}
.about-body p{font-family:var(--serif);font-size:18px;line-height:2.15;margin:0}

/* 回忆录 */
.m-prose{display:grid;gap:14px}
.m-prose p{font-family:var(--serif);font-size:18px;line-height:2.15;margin:0}
.m-h{font-family:var(--serif);font-weight:600;font-size:clamp(24px,2.6vw,32px);letter-spacing:.1em;line-height:1.5;margin:0 0 44px}
.m-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.m-three > div{border-top:1px solid var(--ink);padding-top:26px}
.m-three h3{font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:.1em;margin:0 0 14px;color:var(--terra)}
.m-three p{font-family:var(--serif);font-size:16px;line-height:2.05;margin:0;color:var(--ink)}
.steps li b{display:block;font-weight:600;font-size:19px;letter-spacing:.1em;margin-bottom:10px}
.m-cta{text-align:center}
.m-cta .m-h{margin-bottom:22px}
.m-cta > p{font-family:var(--serif);font-size:18px;line-height:2.1;max-width:34em;margin:0 auto 36px}
.m-cta .btn{font-size:17px;padding:16px 40px}
.mailbox.small{justify-content:center;margin-top:36px;gap:18px}
.mailbox.small code{font-size:22px}
.m-cta .note{margin-top:12px;font-size:14px}

/* 即将出版 */
.ups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}
.up{display:flex;flex-direction:column}
.ph{aspect-ratio:2/3;width:100%;max-width:240px;position:relative;margin-bottom:28px;padding:12% 10%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;box-shadow:0 26px 44px -26px rgba(60,40,20,.5);border-radius:2px}
.ph::before{content:"";position:absolute;inset:5%;border:1px solid currentColor;opacity:.35}
.ph-t{writing-mode:vertical-rl;font-family:var(--serif);font-weight:600;font-size:17px;letter-spacing:.24em;line-height:1.4}
.ph-p{font-family:var(--serif);font-size:11px;letter-spacing:.4em;align-self:flex-start;opacity:.75}
.ph.c1{background:#E6D6BF;color:#2B231C}
.ph.c2{background:#A9532E;color:#FBF7F1}
.ph.c3{background:#2B231C;color:#EFE6D8}
.up .tag{font-family:var(--serif);font-size:13px;letter-spacing:.3em;color:var(--terra);margin:0 0 8px}
.up h3{font-family:var(--serif);font-weight:600;font-size:22px;letter-spacing:.08em;line-height:1.5;margin:0 0 12px}
.up h3 .sub{display:block;font-weight:400;font-size:15px;color:var(--muted);letter-spacing:.06em;margin-top:4px}
.up p{font-family:var(--serif);color:var(--muted);margin:0;font-size:15px;line-height:2}

/* 理念 */
.statement{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.2vw,40px);line-height:1.8;letter-spacing:.06em;margin:0 0 64px;text-wrap:balance}
.statement b{font-weight:600}
.areas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ink)}
.area{padding:26px 22px 8px;border-left:1px solid var(--rule)}
.area:first-child{border-left:0;padding-left:0}
.area h3{font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:.14em;margin:0 0 10px;white-space:nowrap}
.area p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}

/* 征稿横栏 */
.callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.callout h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.6vw,46px);letter-spacing:.08em;line-height:1.45;margin:0 0 10px}
.callout h2 b{font-weight:600;color:var(--terra);font-family:var(--latin);font-size:1.2em;letter-spacing:.02em}
.callout p{font-family:var(--serif);color:var(--muted);margin:0;letter-spacing:.1em;font-size:17px}

/* 征稿页 */
.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
.twocol h3{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:.16em;margin:0 0 18px}
.twocol ul{list-style:none;margin:0;padding:0}
.twocol li{font-family:var(--serif);font-size:17px;padding-block:15px;border-top:1px solid var(--rule)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.steps li{border-top:1px solid var(--ink);padding-top:24px;font-family:var(--serif);font-size:17px;line-height:1.9}
.steps li span{display:block;font-weight:300;font-size:44px;color:var(--terra);line-height:1;margin-bottom:20px}
.mailbox{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.mailbox code{font-family:var(--latin);font-size:clamp(24px,3.2vw,36px);letter-spacing:.03em;color:var(--ink);user-select:all}
.mailnote{font-family:var(--serif);color:var(--muted);margin:20px 0 0;font-size:16px;letter-spacing:.06em}
.note{font-family:var(--serif);color:var(--muted)}

/* 页脚 */
footer{background:var(--deep);color:var(--on-deep-muted)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding-block:52px 60px}
footer .brand{color:var(--on-deep)}
footer .brand .cn{color:var(--on-deep)}
footer .brand img{height:46px}
footer .meta{font-family:var(--serif);font-size:13px;letter-spacing:.14em;display:flex;flex-wrap:wrap;gap:8px 28px}

@media (max-width:900px){
  nav{gap:24px}
  .intro{padding-block:68px 64px}
  .pagehead .wrap{padding-block:60px 56px}
  .sec{padding-block:68px}
  .feature{grid-template-columns:1fr;gap:44px}
  .coverimg{max-width:240px}
  .areas{grid-template-columns:1fr 1fr}
  .ups{grid-template-columns:1fr;gap:56px}
  .m-three{grid-template-columns:1fr;gap:32px}
  .m-cta{text-align:left}
  .mailbox.small{justify-content:flex-start}
  .ph{max-width:200px}
  .area,.area:first-child{padding:20px 14px 16px 0;border-left:0;border-bottom:1px solid var(--rule)}
  .callout{grid-template-columns:1fr;gap:28px}
  .twocol{grid-template-columns:1fr;gap:48px}
  .steps{grid-template-columns:1fr 1fr;gap:32px}
  .genres span{padding-inline:14px;letter-spacing:.16em}
  .c-arrow{display:none}
  .dots{bottom:10px}
}
@media (max-width:560px){
  .intro h1{font-size:26px;letter-spacing:.04em}
  .kicker{letter-spacing:.24em;font-size:13px}
  .center .kicker::before,.center .kicker::after{width:20px}
  .intro p{font-size:16px}
  .site-head .wrap{justify-content:center}
  .brand img{height:50px}
  .brand .cn{font-size:13px;letter-spacing:.3em;padding-left:12px}
}
@media (prefers-reduced-motion:reduce){.slide,.slide.on{transition:none}}
@media (prefers-reduced-motion:no-preference){.btn,nav a{transition:background .25s,color .25s,border-color .25s}}