/* 岁月成书 · 0.5.19 设计精修层
   只覆盖视觉，不改结构；全部使用主题里已有的变量（--bg/--surface/--surface2/--ink/--muted/--accent/--line/--radius），
   因此浅色、深色以及五种自然配色都会自动跟着变。删除本文件即可回到 0.5.18 的观感。 */

:root{
  --ui-radius: calc(var(--radius) + 6px);
  --ui-radius-sm: calc(var(--radius) + 2px);
  --ui-shadow: 0 26px 64px -34px rgba(0, 0, 0, .55);
  --ui-shadow-sm: 0 14px 34px -22px rgba(0, 0, 0, .45);
  --ui-ring: 0 0 0 3px rgba(212, 180, 122, .24);
}

/* 1. 排版：正文更松，标题更稳 */
body{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "palt" 1;
}
h1, h2, h3, h4, .service-heading h2, .panel h2, .panel h3{
  font-family: var(--serif);
  letter-spacing: .02em;
  line-height: 1.32;
}
h1{letter-spacing:.06em}
p{line-height: 1.85}
small{letter-spacing: .01em}

/* 2. 按钮：统一高度、厚度与回弹 */
.primary, button.primary, a.primary{
  min-height: 48px;
  padding: 0 22px;
  border-radius: var(--ui-radius);
  letter-spacing: .02em;
  font-weight: 600;
  box-shadow: 0 12px 26px -16px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .16);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.primary:hover:not(:disabled){transform: translateY(-1px); filter: brightness(1.04)}
.primary:active:not(:disabled){transform: translateY(0)}
.secondary, button.secondary, a.secondary, .text-btn{
  min-height: 46px;
  border-radius: var(--ui-radius);
  border: 1px solid var(--line);
  background: var(--surface);
  transition: border-color .16s ease, background .16s ease;
}
.secondary:hover:not(:disabled){border-color: var(--accent)}
.text-btn{background: transparent; border-color: transparent}

/* 3. 表单：更安静、更好点 */
.field input, .field select, .field textarea, input[type="text"], input[type="tel"], input[type="number"]{
  min-height: 46px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--line);
  background: var(--surface2);
  padding: 10px 14px;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.field input:focus, .field select:focus, .field textarea:focus,
input:focus-visible, select:focus-visible, textarea:focus-visible{
  border-color: var(--accent);
  box-shadow: var(--ui-ring);
  outline: none;
}
.field > span, label.field{letter-spacing: .02em}

/* 4. 卡片与面板：一层纸、一道细边、一道远影 */
.panel, .plan-card, .service-center .panel, .photo-workbench{
  border-radius: var(--ui-radius);
  border: 1px solid var(--line);
  box-shadow: var(--ui-shadow-sm);
}
.plan-card{
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.plan-card:hover:not(:disabled){transform: translateY(-2px); border-color: var(--accent)}
.plan-card.chosen{
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent), var(--ui-shadow-sm);
}

/* 5. 服务页顶部与页签 */
.service-heading h2{font-size: clamp(22px, 2.4vw, 28px)}
.service-heading p{color: var(--muted)}
.service-tabs{
  border-bottom: 1px solid var(--line);
  gap: 4px;
  padding-bottom: 6px;
}
.service-tabs button{
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  letter-spacing: .02em;
  transition: background .16s ease, color .16s ease;
}
.service-tabs button.active{background: var(--surface2)}

/* 6. 阅读器：真正的“书感” */
.flipbook{
  font-family: var(--serif);
  line-height: 1.98;
  border-radius: 18px;
  box-shadow: 0 44px 90px -46px rgba(0, 0, 0, .6);
  background-image:
    radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .06), transparent 62%),
    linear-gradient(180deg, rgba(0, 0, 0, .02), transparent 18%);
}
.flipbook h1, .flipbook h2{
  letter-spacing: .08em;
  font-weight: 600;
  margin: 1.6em 0 .9em;
}
.flipbook h1::after{
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  margin-top: .8em;
  background: var(--accent);
  opacity: .7;
}
.flipbook p{
  text-align: justify;
  text-indent: 2em;
  margin: .9em 0;
  letter-spacing: .01em;
}
.flipbook p:first-of-type{text-indent: 0}
.flipbook p:first-of-type::first-letter{
  float: left;
  font-size: 3em;
  line-height: .92;
  padding: .04em .14em 0 0;
  color: var(--accent);
}
.flipbook img{
  border-radius: 10px;
  box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .65);
}
.flipbook blockquote{
  margin: 1.4em 0;
  padding-left: 1.1em;
  border-left: 2px solid var(--accent);
  color: var(--muted);
  font-style: normal;
}

/* 7. 首页英雄区与页脚：收一处圆角 */
.home .hero{border-radius: 0 0 30px 30px; overflow: hidden}
footer, .site-footer{padding-top: 28px; border-top: 1px solid var(--line)}

/* 8. 焦点、选区与滚动条：统一到品牌金 */
:focus-visible{outline: 2px solid var(--accent); outline-offset: 3px}
::selection{background: rgba(212, 180, 122, .32)}
::-webkit-scrollbar{width: 10px; height: 10px}
::-webkit-scrollbar-thumb{background: rgba(150, 150, 140, .35); border-radius: 999px; border: 3px solid transparent; background-clip: content-box}
::-webkit-scrollbar-thumb:hover{background: rgba(150, 150, 140, .55); background-clip: content-box}

/* 9. 大屏留白：内容不贴边 */
@media (min-width: 1100px){
  .container, .service-center{max-width: 1080px}
}

/* 10. 尊重减弱动效设置 */
@media (prefers-reduced-motion: reduce){
  *{transition: none !important; animation: none !important; scroll-behavior: auto !important}
}