/* ============================================
   MapleCrest · 站点共用样式 v1
   宋式美学 × 西方设计感  |  米白 · 青瓷 · 朱砂 · 淡金
   ============================================ */
:root{
  --paper:#F5F2EC;--paper-2:#EFEBE2;--paper-3:#E9E4D9;--ink:#2C2C2C;--ink-2:#4a463e;--muted:#8a8578;
  --celadon:#21565F;--celadon-2:#2d6b75;--cinnabar:#A63A2E;--gold:#B89B6A;
  --line:rgba(44,44,44,.10);--line-2:rgba(44,44,44,.06);
  --nav-h:76px;--pad:72px;--sec:130px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:auto}
body{background:var(--paper);color:var(--ink);
  font-family:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:15px;line-height:1.95;letter-spacing:.015em;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;position:relative;min-height:100%}
h1,h2,h3,h4{font-family:"Playfair Display","Noto Serif SC",serif;font-weight:300;line-height:1.28;letter-spacing:.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad)}
.en-i{font-family:"Playfair Display",serif;font-style:italic;color:var(--muted)}

/* ---------- 导航 ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:rgba(245,242,236,.86);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line-2)}
nav .logo img{height:34px;width:auto}
nav .links{display:flex;gap:34px;align-items:center}
nav .links a{font-size:12.5px;letter-spacing:.14em;color:var(--muted);position:relative;padding:4px 0;transition:color .25s}
nav .links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--cinnabar);transition:width .3s}
nav .links a:hover,nav .links a.active{color:var(--celadon)}
nav .links a:hover::after,nav .links a.active::after{width:100%}
nav .links a .en{font-family:"Playfair Display",serif;font-style:italic;opacity:.6;margin-left:6px;font-size:11.5px}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.burger span{width:22px;height:1px;background:var(--ink);display:block}

/* ---------- 内页头 ---------- */
.page-hero{padding:calc(var(--nav-h) + 110px) 0 76px;position:relative;border-bottom:1px solid var(--line-2)}
.page-hero .crumb{font-size:11.5px;letter-spacing:.2em;color:var(--muted);margin-bottom:30px;text-transform:uppercase}
.page-hero .crumb a:hover{color:var(--cinnabar)}
.page-hero h1{font-size:clamp(34px,4.6vw,58px);letter-spacing:.05em;line-height:1.22;margin-bottom:24px}
.page-hero h1 .en{font-family:"Playfair Display",serif;font-style:italic;font-size:.5em;color:var(--muted);display:block;margin-top:14px;letter-spacing:.02em}
.page-hero .lead{max-width:60ch;color:var(--muted);font-size:16px;line-height:2.05}
.page-hero .num{font-family:"Playfair Display",serif;font-size:12px;letter-spacing:.4em;color:var(--gold);margin-bottom:20px;display:block}

/* ---------- 通用节 ---------- */
section{padding:var(--sec) 0;position:relative}
section.tight{padding:76px 0}
.sec-head{margin-bottom:70px;max-width:900px}
.sec-num{font-family:"Playfair Display",serif;font-size:12px;letter-spacing:.4em;color:var(--gold);margin-bottom:20px;display:block}
.sec-head h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:.05em;line-height:1.32;margin-bottom:16px}
.sec-head h2 .en{font-family:"Playfair Display",serif;font-style:italic;font-size:.6em;color:var(--muted);display:block;margin-top:10px}
.sec-head p{color:var(--muted);max-width:54ch;line-height:2.05}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;padding:15px 34px;border:1px solid var(--ink);color:var(--ink);transition:.35s cubic-bezier(.4,0,.2,1);cursor:pointer;background:transparent}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.ghost{border-color:var(--line);color:var(--muted)}
.btn.ghost:hover{background:var(--celadon);color:#fff;border-color:var(--celadon)}
.btn .arr{transition:transform .35s}
.btn:hover .arr{transform:translateX(5px)}

/* ---------- 栅格 ---------- */
.grid{display:grid;gap:2px;background:var(--line-2)}
.grid.g2{grid-template-columns:repeat(2,1fr)}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.grid.g4{grid-template-columns:repeat(4,1fr)}
.cell{background:var(--paper);padding:0}

/* ---------- 图片卡（工艺/作品通用） ---------- */
.pcard{display:block;background:var(--paper);position:relative;overflow:hidden}
.pcard .pic{aspect-ratio:4/5;overflow:hidden}
.pcard .pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,0,.2,1)}
.pcard:hover .pic img{transform:scale(1.06)}
.pcard .body{padding:34px 30px 40px}
.pcard .no{font-family:"Playfair Display",serif;font-size:12px;letter-spacing:.3em;color:var(--cinnabar);margin-bottom:12px;display:block}
.pcard h3{font-size:22px;letter-spacing:.06em;margin-bottom:8px}
.pcard h3 .en{font-family:"Playfair Display",serif;font-style:italic;font-size:.58em;color:var(--muted);display:block;margin-top:6px}
.pcard p{color:var(--muted);font-size:13.5px;line-height:1.95;margin-top:14px}
.pcard .more{margin-top:20px;font-size:11.5px;letter-spacing:.16em;color:var(--celadon);display:inline-flex;gap:9px}

/* ---------- 深色区块 ---------- */
.dark{background:var(--celadon);color:#EDE9E0}
.dark .sec-head h2{color:#EDE9E0}
.dark .sec-head p{color:rgba(237,233,224,.72)}
.dark .sec-num{color:var(--gold)}
.dark h1,.dark h3,.dark h4{color:#fff}
.dark .btn{border-color:rgba(237,233,224,.5);color:#EDE9E0}
.dark .btn:hover{background:#EDE9E0;color:var(--celadon);border-color:#EDE9E0}

/* ---------- 详情块（图文并排） ---------- */
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:88px;align-items:center}
.split.rev{direction:rtl}
.split.rev>*{direction:ltr}
.split .pic{aspect-ratio:4/5;overflow:hidden;position:relative}
.split .pic img{width:100%;height:100%;object-fit:cover}
.split .pic.wide{aspect-ratio:4/3}
.split h2{font-size:clamp(24px,3vw,38px);letter-spacing:.05em;margin-bottom:22px;line-height:1.35}
.split p{color:var(--muted);line-height:2.05;margin-bottom:16px}
.split .quote{font-family:"Playfair Display","Noto Serif SC",serif;font-size:18px;line-height:1.9;color:var(--ink-2);border-left:2px solid var(--cinnabar);padding-left:24px;margin:26px 0}

/* ---------- 数据/信息条 ---------- */
.facts{display:flex;gap:48px;flex-wrap:wrap;margin-top:38px}
.fact .n{font-family:"Playfair Display",serif;font-size:32px;color:var(--celadon);line-height:1}
.dark .fact .n{color:var(--gold)}
.fact .l{font-size:11px;letter-spacing:.18em;color:var(--muted);margin-top:10px;text-transform:uppercase}
.dark .fact .l{color:rgba(237,233,224,.6)}

/* ---------- 表格 ---------- */
.spec{width:100%;border-collapse:collapse;margin-top:34px}
.spec th,.spec td{text-align:left;padding:15px 4px;border-bottom:1px solid var(--line-2);font-size:13.5px;vertical-align:top}
.spec th{width:140px;color:var(--muted);font-weight:400;letter-spacing:.08em}

/* ---------- 表单 ---------- */
.form{max-width:640px}
.field{margin-bottom:26px}
.field label{display:block;font-size:11.5px;letter-spacing:.14em;color:var(--muted);margin-bottom:9px;text-transform:uppercase}
.field input,.field textarea,.field select{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:11px 2px;font-size:15px;font-family:inherit;color:var(--ink);transition:border-color .3s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-bottom-color:var(--celadon)}
.field textarea{min-height:110px;resize:vertical}
.form .btn{margin-top:12px}

/* ---------- Footer ---------- */
footer{background:var(--ink);color:rgba(245,242,236,.6);padding:72px 0 38px}
.foot-top{display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap;margin-bottom:52px}
.foot-brand img{height:30px;filter:brightness(0) invert(1);opacity:.9;margin-bottom:18px}
.foot-brand p{font-size:12.5px;line-height:1.95;max-width:34ch;color:rgba(245,242,236,.45)}
.foot-cols{display:flex;gap:76px;flex-wrap:wrap}
.foot-col h5{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(245,242,236,.85);margin-bottom:18px;font-weight:400}
.foot-col a{display:block;font-size:13px;margin-bottom:10px;color:rgba(245,242,236,.5);transition:color .25s}
.foot-col a:hover{color:var(--gold)}
.foot-bot{border-top:1px solid rgba(245,242,236,.12);padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11.5px;letter-spacing:.05em;color:rgba(245,242,236,.35)}


/* ---------- 在途工艺列表 ---------- */
.up-list{border-top:1px solid var(--line-2);margin-top:8px}
.up-item{display:flex;align-items:center;gap:26px;padding:22px 4px;border-bottom:1px solid var(--line-2)}
.up-pic{width:74px;height:74px;flex-shrink:0;overflow:hidden;background:var(--paper-2);position:relative}
.up-pic img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .8s,opacity .4s;mix-blend-mode:multiply}
.up-item:hover .up-pic img{transform:scale(1.08);opacity:1}
.up-item .up-no{font-family:"Playfair Display",serif;font-size:12px;letter-spacing:.3em;color:var(--gold);min-width:36px;flex-shrink:0}
.up-item h4{font-size:19px;letter-spacing:.05em;margin-bottom:5px}
.up-item h4 .en-i{font-size:.8em}
.up-item p{font-size:13px;color:var(--muted);line-height:1.7}
.up-item .up-tag{margin-left:auto;font-size:10.5px;letter-spacing:.16em;color:var(--muted);border:1px solid var(--line);padding:5px 14px;white-space:nowrap;flex-shrink:0}
@media(max-width:768px){.up-item{gap:16px}.up-item .up-tag{display:none}}

/* ---------- 渐显（安全版） ---------- */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,0,.2,1),transform .8s cubic-bezier(.2,0,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  :root{--pad:40px;--sec:96px}
  .grid.g3,.grid.g4{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:44px}
  .split.rev{direction:ltr}
  nav .links{gap:20px}
  nav .links a .en{display:none}
}
@media(max-width:768px){
  :root{--pad:20px;--sec:68px;--nav-h:62px}
  nav .links{display:none;position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;background:rgba(245,242,236,.98);backdrop-filter:blur(20px);padding:28px var(--pad);gap:18px;border-bottom:1px solid var(--line);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.3s}
  nav .links.open{transform:none;opacity:1;pointer-events:auto}
  nav .links a{font-size:15px;letter-spacing:.1em}
  nav .links a .en{display:inline}
  .burger{display:flex}
  .grid.g2,.grid.g3,.grid.g4{grid-template-columns:1fr}
  .page-hero{padding:calc(var(--nav-h) + 70px) 0 54px}
  .facts{gap:30px}
}