@charset "UTF-8";
/* ============================================================================
   styles-refine.css — 视觉精修叠加层 / Refinement overlay  (完整版)
   ----------------------------------------------------------------------------
   不改动 styles.css，在其之后加载即可叠加生效。
   用法见文末「接入 3 步」。不喜欢？删掉那行 <link> 即可，原设计完好无损。
   ============================================================================ */

:root{
  --color-gold:#a9854c;            /* 唯一签名色：沉稳黄铜 */
  --color-cyan:#4d7d8a;            /* 青降为安静钢蓝，不与金抢戏 */
  --display:"Noto Serif JP",Georgia,"Times New Roman",serif;
}

/* ① 大标题与品牌名改明朝体 —— 权威感 + 日本感（最大的气质变化） */
h1,h2,.feature-card h3,.brand__text span{
  font-family:var(--display);
  font-feature-settings:"palt" 1;  /* 日文比例间距，标题更紧致 */
  font-weight:700;
}
h1{line-height:1.26;letter-spacing:.012em}
h2{letter-spacing:.012em}
h3{letter-spacing:.01em}
.brand__text span{font-size:1.4rem;letter-spacing:.04em}

/* ② Eyebrow 小标签：统一为签名金、更克制的字距 */
.eyebrow{color:var(--color-gold);letter-spacing:.14em;font-size:.74rem}

/* ③ 按钮：去渐变改纯色块面，更"实"、更有分量 */
.button--primary{background:var(--color-navy);box-shadow:0 10px 26px rgba(11,31,54,.16)}
.button--primary:hover{background:#0a2a47;transform:translateY(-2px)}
.button--secondary{border-color:rgba(169,133,76,.45);color:var(--color-navy)}
.button--secondary:hover{border-color:var(--color-navy)}

/* ④ 装饰细节 + 城市点统一金色 */
.feature-card::after{height:2px;width:34%}
.map-lines__dot::before{background:var(--color-gold)}

/* ⑤ 焦点态：可访问性 + 与签名色呼应 */
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(169,133,76,.16)}
a:focus-visible,button:focus-visible,.button:focus-visible{
  outline:2px solid var(--color-gold);outline-offset:2px}

/* ⑥ 阴影收一档：减少"飘浮毛玻璃"感，更贴地 */
.feature-card,.pain-card,.price-card{box-shadow:0 12px 34px rgba(13,31,52,.06)}
.section-heading{margin-bottom:clamp(34px,4.5vw,50px)}

/* ⑦ 首屏面板减配饰：去掉柱状图，让中日地图成为唯一焦点 */
.visual-bars{display:none}

/* ⑧ 首屏战绩证据条 —— 需配合 HTML 改动（见「接入 3 步」第 2 步） */
.hero__stats{margin-top:30px}
.hero__stats-label{margin:0 0 10px;color:var(--color-muted);font-size:.72rem;
  font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero__stats-row{display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--color-line);border-radius:8px;overflow:hidden;
  background:var(--color-white);box-shadow:var(--shadow-card)}
.hero-stat{padding:16px 18px;border-right:1px solid var(--color-line)}
.hero-stat:last-child{border-right:0}
.hero-stat strong{display:block;font-family:var(--display);font-size:1.65rem;
  font-weight:700;color:var(--color-navy);line-height:1.12;letter-spacing:.01em}
.hero-stat strong em{font-style:normal;font-size:.95rem;color:var(--color-gold);margin-left:2px}
.hero-stat span{display:block;margin-top:6px;color:var(--color-muted);font-size:.78rem;line-height:1.45}
@media (max-width:680px){
  .hero__stats-row{grid-template-columns:1fr}
  .hero-stat{border-right:0;border-bottom:1px solid var(--color-line)}
  .hero-stat:last-child{border-bottom:0}
}

/* ヘッダーの DUYUN 司 バッジ（ロゴ横・固定ヘッダーに常駐） */
.brand-group{display:flex; align-items:center; gap:14px; min-width:0}

.header-duyun-badge{
  display:inline-flex;
  flex:none;
  align-items:center;
  gap:9px;
  padding:6px 16px 6px 7px;
  border:1px solid rgba(169,133,76,.4);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  white-space:nowrap;
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.header-duyun-badge:hover{border-color:var(--color-gold); background:#fff; transform:translateY(-1px)}

.header-duyun-badge__mark{ display:block; height:26px; width:26px; max-height:100%; flex-shrink:0; object-fit:contain; }

.header-duyun-badge__text{
  font-family:var(--display);
  font-weight:700;
  font-size:.92rem;
  letter-spacing:.02em;
  color:var(--color-navy);
}
.header-duyun-badge__text small{
  margin-left:3px;
  font-family:"Noto Serif JP",serif;
  font-weight:700;
  font-size:.86em;
  color:var(--color-navy);
}

@media (max-width:680px){
  .header-duyun-badge{display:none}
}

/* ============================================================================
   DUYUN 司 — 品牌世界観セクション / brand worldview section
   ----------------------------------------------------------------------------
   navy + gold + 朱印(--shu) の既存トーンを継承。落ち着き優先、装飾は最小限。
   ============================================================================ */
.duyun-section{
  background:
    linear-gradient(180deg, rgba(251,250,247,.92), rgba(245,247,250,.96)),
    var(--color-ivory);
  border-top:1px solid rgba(169,133,76,.26);
  border-bottom:1px solid rgba(169,133,76,.26);
}

.duyun-intro{max-width:760px;margin-bottom:clamp(36px,5vw,54px)}

.duyun-intro__tagline{
  margin-bottom:18px;
  color:var(--color-navy);
  font-family:var(--display);
  font-size:clamp(1.3rem,2.2vw,1.7rem);
  font-weight:700;
  letter-spacing:.02em;
}

.duyun-intro p:not(.duyun-intro__tagline){margin-bottom:12px;color:var(--color-muted)}
.duyun-intro p:last-child{margin-bottom:0}

.duyun-products{
  display:grid;
  gap:22px;
  margin-bottom:30px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.duyun-card{
  position:relative;
  padding:clamp(26px,3vw,34px);
  border:1px solid var(--color-line);
  border-top:3px solid var(--color-gold);
  border-radius:var(--radius);
  background:var(--color-white);
  box-shadow:var(--shadow-card);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.duyun-card:hover{
  border-color:rgba(169,133,76,.42);
  box-shadow:0 22px 54px rgba(13,31,52,.1);
  transform:translateY(-3px);
}

.duyun-card__label{
  margin-bottom:10px;
  color:var(--color-cyan);
  font-size:.82rem;
  font-weight:700;
}

.duyun-card__title{
  margin-bottom:8px;
  color:var(--color-navy);
  font-family:var(--display);
  font-size:clamp(1.3rem,2vw,1.6rem);
  font-weight:700;
}

.duyun-card__title small{
  margin-left:6px;
  color:var(--color-muted);
  font-family:"Noto Sans JP",sans-serif;
  font-size:.58em;
  font-weight:500;
}

.duyun-card__subtitle{margin-bottom:14px;color:var(--color-navy);font-size:.98rem;font-weight:600}
.duyun-card__body{margin-bottom:0;color:var(--color-muted)}

.duyun-card__link{
  display:inline-block;margin-top:14px;
  color:var(--color-navy);font-weight:700;font-size:.9rem;
  border-bottom:1px solid rgba(169,133,76,.5);
}
.duyun-card__link:hover{color:var(--color-gold)}

.duyun-section__mark{
  display:block;
  height:100px;
  width:100px;
  margin:0 auto 20px;
}

.duyun-more{
  padding-top:20px;
  border-top:1px solid var(--color-line);
  color:var(--color-navy);
  font-weight:700;
  text-align:center;
}

.duyun-readmore-wrap{margin-top:22px;text-align:center}

@media (max-width:680px){
  .duyun-products{grid-template-columns:1fr}
}