/* 木兰辞口粮茶 · 全站样式
   色系：木兰符号三色 —— 木兰橙 #CA631D / 宣纸白 #EDE3CE / 松烟绿 #3E4A37
   底纹：dw01.png 无缝瓦片（69px 周期，品牌基因层） */
:root{
  --ink:#3E4A37;
  --ink-2:#354030;
  --ink-3:#46543E;
  --paper:#EDE3CE;
  --paper-2:#e2d5ba;
  --porcelain:#f5f0e2;
  --tea-gold:#CA631D;
  --tea-gold-dim:#a84f15;
  --orange:#CA631D;
  --on-ink:#EDE3CE;
  --on-ink-60:rgba(237,227,206,.62);
  --on-ink-40:rgba(237,227,206,.40);
  --on-ink-line:rgba(237,227,206,.18);
  --ink-70:rgba(62,74,55,.72);
  --ink-55:rgba(62,74,55,.58);
  --ink-40:rgba(62,74,55,.42);
  --ink-line:rgba(62,74,55,.16);
  --serif:"Cormorant Garamond","Didot","Bodoni 72","Bodoni MT","Noto Serif SC","Songti SC","STSong",SimSun,serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --wrap:min(1280px,90vw);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--porcelain) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px;color:var(--ink);font-family:var(--sans);line-height:1.75;font-size:16px}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--tea-gold);color:var(--ink)}

/* ---------- 页眉 ---------- */
.hd{position:sticky;top:0;z-index:90;background:#354030;color:var(--on-ink)}
.hd-in{width:var(--wrap);margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between}
.hd-right{display:flex;align-items:center;gap:34px}
.hd-burger{display:none}
.hd-menu{display:none}
.hd .back{font-size:12px;letter-spacing:.24em;color:var(--on-ink-60);border:1px solid var(--on-ink-line);padding:8px 16px;transition:all .35s var(--ease)}
.hd .back:hover{color:var(--on-ink);border-color:var(--tea-gold);background:rgba(202,99,29,.18)}
.logo{display:flex;align-items:center;gap:13px}
.logo .lg{width:44px;height:44px;border-radius:50%;flex:none}
.logo .lt{display:flex;flex-direction:column;line-height:1.1}
.logo .zh{font-family:var(--serif);font-size:22px;letter-spacing:.3em;padding-left:.3em}
.logo .sub{font-family:var(--serif);font-style:normal;font-size:12px;letter-spacing:.22em;color:var(--tea-gold);margin-left:12px;vertical-align:2px}
.logo .reg,.h1 .reg{font-size:9px;color:var(--on-ink-40);vertical-align:super;margin-left:-.28em;font-family:var(--sans)}
.h1 .reg{font-size:.32em;margin-left:.02em;color:var(--tea-gold)}
.nav{display:flex;gap:24px;font-size:13.5px;letter-spacing:.1em}
.nav a{position:relative;color:var(--on-ink-60);padding:6px 0;transition:color .35s var(--ease)}
.nav a:hover,.nav a.on{color:var(--on-ink)}
.nav a.on::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-2px;width:14px;height:1px;background:var(--tea-gold)}
.hd-burger{display:none}

/* ---------- 通用区块 ---------- */
.wrap{width:var(--wrap);margin:0 auto}
.sec{padding:110px 0}
.sec.dark{background:var(--ink) url(../../img/dw01-deep.png?v=20261101c) repeat 0 0/69px 69px;color:var(--on-ink)}

/* ---------- 人格板块背景视频 ---------- */
.persona-video{position:relative;overflow:hidden}
.persona-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.persona-vid{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;display:block;opacity:.85}
.persona-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,28,21,.95) 0%,rgba(9,28,21,.9) 42%,rgba(9,28,21,.74) 100%)}
.persona-video .wrap{position:relative;z-index:2}
.eyebrow{font-size:12px;letter-spacing:.5em;color:var(--tea-gold);text-transform:uppercase;margin-bottom:22px}
.h1{font-family:var(--serif);font-size:clamp(40px,6.4vw,76px);font-weight:500;letter-spacing:.06em;line-height:1.18}
.h2{font-family:var(--serif);font-size:clamp(30px,4.2vw,52px);font-weight:500;letter-spacing:.08em;line-height:1.25}
.h3{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:500;letter-spacing:.1em}
.lead{max-width:640px;color:var(--ink-70);font-size:16.5px;line-height:2}
.dark .lead{color:var(--on-ink-60)}
.rule{width:44px;height:1px;background:var(--tea-gold);margin:34px 0}

/* ---------- 首页 HERO ---------- */
.hero{position:relative;background:var(--ink) url(../../img/dw01-deep.png?v=20261101c) repeat 0 0/69px 69px;color:var(--on-ink);overflow:hidden;min-height:clamp(600px,88vh,860px);display:flex;align-items:center}
/* 背景视频层：铺满整个 HERO */
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;display:block}
/* 遮罩：整体轻压暗，仅左侧稍重保证文字可读，视频全区可见 */
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,28,21,.76) 0%,rgba(9,28,21,.5) 40%,rgba(9,28,21,.2) 100%),linear-gradient(180deg,rgba(9,28,21,.28) 0%,rgba(9,28,21,.06) 45%,rgba(9,28,21,.52) 100%)}
.hero-in{width:var(--wrap);margin:0 auto;padding:120px 0 110px;position:relative;z-index:2}
.hero .kicker{font-size:12px;letter-spacing:.6em;color:var(--tea-gold);margin-bottom:30px;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.hero .h1{text-shadow:0 3px 26px rgba(0,0,0,.62)}
.hero .h1 em{font-style:normal;color:var(--tea-gold)}
.hero .sub{margin-top:34px;max-width:460px;color:var(--on-ink-60);font-size:16px;line-height:2.15;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hero-nums{display:flex;flex-wrap:wrap;gap:34px 48px;margin-top:58px}
.hero-nums .n{font-family:var(--serif);font-size:46px;color:var(--on-ink);text-shadow:0 2px 16px rgba(0,0,0,.6)}
.hero-nums .t{font-size:12px;letter-spacing:.28em;color:var(--on-ink-40);margin-top:6px}

/* ---------- 首页四行茶单 ---------- */

.tea-list{margin-top:72px}
/* 导语 */
.g-intro{margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--ink-line)}
.g-intro .eyebrow{font-size:11px;letter-spacing:.4em;color:var(--tea-gold-dim)}
.g-intro .g-intro-t{font-family:var(--serif);font-size:38px;letter-spacing:.14em;margin:10px 0 14px}
.g-intro .g-intro-d{font-size:14px;line-height:2;color:var(--ink-60);margin:0;max-width:520px}
/* 每一行 */
.trow+.trow{margin-top:56px}
.trow-head{display:flex;align-items:baseline;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--ink-line)}
.trow-head .tr-no{font-family:var(--serif);font-size:12px;letter-spacing:.2em;color:var(--tea-gold)}
.trow-head .tr-nm{font-family:var(--serif);font-size:25px;letter-spacing:.14em;color:var(--ink)}
.trow-head .tr-meta{font-size:12px;letter-spacing:.16em;color:var(--ink-50)}
.trow-head .tr-more{margin-left:auto;font-size:12.5px;letter-spacing:.18em;color:var(--ink-70);transition:color .3s var(--ease)}
.trow-head .tr-more:hover{color:var(--tea-gold)}
.trow-grid{display:grid;gap:2px;background:var(--ink-line);margin-top:2px}
.r6 .trow-grid{grid-template-columns:repeat(6,1fr)}
.r5 .trow-grid{grid-template-columns:repeat(5,1fr)}
.r4 .trow-grid{grid-template-columns:repeat(4,1fr)}
.r3 .trow-grid{grid-template-columns:repeat(3,1fr)}
/* 产品卡：图片 1:1，与源图一致，零裁切 */
.t-card{background:var(--porcelain);display:flex;flex-direction:column;cursor:pointer;overflow:hidden}
.tc-img{aspect-ratio:1/1;overflow:hidden;background:#f4f1ea}
.tc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}
.t-card:hover .tc-img img{transform:scale(1.05)}
.tc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.tc-nm{font-family:var(--serif);font-size:17px;letter-spacing:.07em;margin:0;color:var(--ink);line-height:1.4}
.tc-ln{font-size:12px;line-height:1.75;color:var(--ink-55);margin:0;min-height:40px}
.tc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid var(--ink-line);margin-top:auto}
.tc-pr{font-family:var(--serif);font-size:19px;color:var(--ink)}
.tc-pr small{font-size:11px;color:var(--ink-55);margin-right:2px}
.tc-buy{font-size:11px;letter-spacing:.18em;color:var(--on-ink);background:var(--ink);padding:6px 13px;transition:all .3s var(--ease);white-space:nowrap}
.t-card:hover .tc-buy{background:var(--tea-gold);color:var(--ink)}
/* 六列、五行：紧凑，隐藏一句话 */
.r6 .tc-body,.r5 .tc-body{padding:13px 14px 14px;gap:8px}
.r6 .tc-nm,.r5 .tc-nm{font-size:15px}
.r6 .tc-ln,.r5 .tc-ln{display:none}
.r6 .tc-pr,.r5 .tc-pr{font-size:17px}
.r6 .tc-buy,.r5 .tc-buy{font-size:10.5px;padding:5px 11px;letter-spacing:.14em}
/* 四列：中等 */
.r4 .tc-nm{font-size:18px}
.r4 .tc-pr{font-size:20px}
/* 三列：大卡，字号最大 */
.r3 .tc-body{padding:22px 24px 24px;gap:12px}
.r3 .tc-nm{font-size:24px}
.r3 .tc-ln{font-size:13.5px;line-height:1.9;min-height:52px}
.r3 .tc-pr{font-size:26px}
.r3 .tc-buy{font-size:12.5px;padding:9px 20px}
@media (max-width:1020px){
  .g-intro .g-intro-t{font-size:30px}
  .r6 .trow-grid,.r5 .trow-grid{grid-template-columns:repeat(3,1fr)}
  .r4 .trow-grid,.r3 .trow-grid{grid-template-columns:repeat(2,1fr)}
  .r6 .tc-ln,.r5 .tc-ln{display:block}
}
@media (max-width:560px){
  .g-intro .g-intro-t{font-size:24px}
  .r6 .trow-grid,.r5 .trow-grid,.r4 .trow-grid,.r3 .trow-grid{grid-template-columns:repeat(2,1fr)}
  .trow-head{flex-wrap:wrap;gap:8px}
  .trow-head .tr-more{margin-left:0}
  .r3 .trow-grid{grid-template-columns:repeat(2,1fr)}
  .r3 .tc-body{padding:14px 16px 16px}
  .r3 .tc-nm{font-size:18px}
  .r3 .tc-pr{font-size:20px}
}

/* ---------- 人格荐茶 16 卡（一行两列：左图形右茶单） ---------- */
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ink-line);margin-top:36px}
.pc{background:var(--porcelain) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px;display:grid;grid-template-columns:228px 1fr;scroll-margin-top:96px}
.pc-l{padding:26px 22px;border-right:1px solid var(--ink-line);display:flex;flex-direction:column;gap:14px}
.pc-l img{width:100%;aspect-ratio:1/1;object-fit:contain}
.pc-tag{font-size:12.5px;line-height:1.9;color:var(--ink-70);letter-spacing:.04em}
.pc-meta{font-size:11.5px;letter-spacing:.22em;color:var(--tea-gold-dim)}
.pc-r{padding:26px 30px 30px}
.pc-nm{font-family:var(--serif);font-size:26px;letter-spacing:.14em}
.pc-nm small{font-size:12px;color:var(--ink-55);letter-spacing:.3em;margin-left:12px;font-family:var(--sans)}
.pc-dest{display:flex;align-items:baseline;gap:12px;margin-top:16px;padding:13px 18px;background:var(--ink);color:var(--on-ink);cursor:pointer}
.pc-dest .tt{font-size:11px;letter-spacing:.24em;color:var(--tea-gold)}
.pc-dest b{font-family:var(--serif);font-size:17px;letter-spacing:.08em;font-weight:500}
.pc-dest i{font-style:normal;font-size:12px;color:var(--on-ink-60);margin-left:auto;text-align:right}
.pc-rt{margin-top:20px;font-size:12px;letter-spacing:.24em;color:var(--ink-55)}
.pc-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.pc-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--ink-line);padding:5px 14px 5px 5px;cursor:pointer;background:transparent;transition:border-color .35s var(--ease),transform .35s var(--ease)}
.pc-chip img{width:38px;height:38px;object-fit:cover;display:block}
.pc-chip span{font-size:13.5px;letter-spacing:.06em;color:var(--ink)}
.pc-chip:hover{border-color:var(--tea-gold);transform:translateY(-2px)}
@media (max-width:1020px){.pc{grid-template-columns:190px 1fr}}
@media (max-width:860px){.pc-grid{grid-template-columns:1fr}}
@media (max-width:640px){.pc{grid-template-columns:1fr}.pc-l{border-right:0;border-bottom:1px solid var(--ink-line)}.pc-l img{max-width:280px;margin:0 auto}}

/* ---------- 品牌宣言：三条信条 ---------- */
.manifesto{background:var(--paper) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px}
.manifesto .eyebrow{margin-bottom:0}
/* 栏目页沿用的居中宣言 */
.manifesto .txt{font-family:var(--serif);font-size:clamp(22px,3vw,34px);line-height:2.1;letter-spacing:.1em;max-width:880px;margin:0 auto;color:var(--ink);text-align:center}
.manifesto .txt span{color:var(--tea-gold-dim)}
.mf-list{margin-top:20px;border-top:1px solid var(--ink-line);max-width:1000px}
.mf-item{display:grid;grid-template-columns:110px 1fr;align-items:start;padding:32px 0;border-bottom:1px solid var(--ink-line)}
.mf-no{font-family:var(--serif);font-size:15px;letter-spacing:.16em;color:var(--tea-gold);padding-top:14px}
.mf-txt{font-family:var(--serif);font-size:clamp(20px,2.35vw,30px);line-height:1.9;letter-spacing:.06em;color:var(--ink);margin:0}
.mf-txt em{font-style:normal;color:var(--tea-gold-dim)}
.mf-txt .reg{font-family:var(--sans);font-size:.34em;color:var(--tea-gold);vertical-align:super;margin-left:.04em}
.manifesto .sig{margin-top:30px;font-size:12.5px;letter-spacing:.3em;color:var(--ink-55);text-align:right}
@media (max-width:760px){
  .mf-item{grid-template-columns:56px 1fr;padding:24px 0}
  .mf-no{font-size:13px;padding-top:10px}
  .manifesto .sig{text-align:left;letter-spacing:.2em;line-height:2}
}

/* ---------- 人格九宫格（首页入口） ---------- */
.types{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:var(--on-ink-line);border:1px solid var(--on-ink-line)}
.types a,.types button{background:var(--ink-2);padding:30px 8px;text-align:center;color:var(--on-ink-60);font-family:var(--serif);font-size:19px;letter-spacing:.28em;padding-left:calc(8px + .28em);transition:background .4s var(--ease),color .4s var(--ease)}
.types a:hover,.types button:hover{background:var(--tea-gold);color:var(--ink)}
.tp-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px;background:var(--on-ink-line)}
.tp-quotes div{background:var(--ink);padding:30px 28px;font-family:var(--serif);font-size:15.5px;line-height:2;letter-spacing:.06em;color:var(--on-ink-60)}
.tp-quotes div b{display:block;font-weight:400;font-size:12px;letter-spacing:.34em;color:var(--tea-gold);margin-top:14px}
@media (max-width:760px){.tp-quotes{grid-template-columns:1fr}}

/* ---------- 列表页头 ---------- */
.page-hero{background:var(--ink) url(../../img/dw01-deep.png?v=20261101c) repeat 0 0/69px 69px;color:var(--on-ink);padding:120px 0 84px}
.page-hero .h1{margin-top:8px}
.page-hero .sub{margin-top:26px;color:var(--on-ink-60);max-width:620px;line-height:2.1}
/* 带视频的页头：视频全屏铺满，文字压在上面 */
.page-hero.has-video{position:relative;padding:0;overflow:hidden;min-height:clamp(520px,74vh,720px);display:flex;align-items:center}
/* 背景视频层：铺满整个页头 */
.ph-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.ph-video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;display:block;background:#0b1f17}
/* 遮罩：左侧略重保证标题可读，右侧留出画面 */
.ph-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,28,21,.84) 0%,rgba(9,28,21,.6) 40%,rgba(9,28,21,.24) 100%),linear-gradient(180deg,rgba(9,28,21,.26) 0%,rgba(9,28,21,.06) 48%,rgba(9,28,21,.5) 100%)}
.ph-in{width:var(--wrap);margin:0 auto;padding:96px 0 84px;position:relative;z-index:2}
.ph-txt{min-width:0;max-width:600px}
.ph-txt .eyebrow{text-shadow:0 2px 14px rgba(0,0,0,.6)}
.ph-txt .h1{margin-top:8px;text-shadow:0 3px 26px rgba(0,0,0,.62)}
.ph-txt .sub{margin-top:24px;color:var(--on-ink-60);max-width:540px;line-height:2.1;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.ph-src{display:block;margin-top:46px;font-size:10.5px;letter-spacing:.1em;line-height:1.7;color:var(--on-ink-40);text-align:right;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.page-hero.has-video:hover .ph-src{color:var(--tea-gold)}

/* ---------- 筛选 ---------- */
.filters{display:flex;gap:10px;flex-wrap:wrap;padding:34px 0 8px}
.filters button{border:1px solid var(--ink-line);padding:9px 24px;font-size:13.5px;letter-spacing:.18em;color:var(--ink-70);transition:all .35s var(--ease);background:transparent}
.filters button:hover{border-color:var(--tea-gold);color:var(--ink)}
.filters button.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}

/* ---------- 产品网格 ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:36px;background:var(--ink-line)}
.card{background:var(--porcelain) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px;padding:26px 26px 30px;cursor:pointer;position:relative;transition:background .45s var(--ease)}
.card:hover{background:var(--paper) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px}
.card .im{position:relative;overflow:hidden}
.card .im img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .im img{transform:scale(1.04)}
.card .cat{position:absolute;top:14px;left:14px;font-size:10.5px;letter-spacing:.3em;color:var(--on-ink);background:rgba(53,64,48,.85);padding:4px 10px 4px 13px}
.card .nm{font-family:var(--serif);font-size:21px;letter-spacing:.08em;margin:20px 0 4px}
.card .en{font-size:11px;letter-spacing:.14em;color:var(--ink-40);text-transform:capitalize}
.card .spec{margin-top:14px;font-size:12.5px;color:var(--ink-55);line-height:1.9}
.card .spec b{font-weight:500;color:var(--ink-70)}
.card .pr{margin-top:18px;padding-top:16px;border-top:1px solid var(--ink-line);display:flex;align-items:baseline;justify-content:space-between}
.card .pr .v{font-family:var(--serif);font-size:24px;color:var(--ink)}
.card .pr .v small{font-size:13px;color:var(--ink-55);margin-right:2px}
.card .pr .u{font-size:11.5px;color:var(--ink-40);letter-spacing:.12em}
.card .buybtn{display:block;margin-top:16px;padding:12px 0;text-align:center;font-size:13px;letter-spacing:.4em;color:var(--on-ink);background:var(--ink);transition:background .35s var(--ease),color .35s var(--ease)}
.card .buybtn:hover{background:var(--tea-gold);color:var(--ink)}

.grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1080px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){.grid-3{grid-template-columns:1fr}}

/* ---------- 抽屉详情 ---------- */
.drawer-bd{position:fixed;inset:0;background:rgba(40,48,36,.6);opacity:0;pointer-events:none;transition:opacity .45s var(--ease);z-index:120}
.drawer-bd.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(680px,100%);background:var(--porcelain) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px;z-index:130;transform:translateX(102%);transition:transform .6s var(--ease);overflow-y:auto;overscroll-behavior:contain}
.drawer.on{transform:none}
.drawer .x{position:sticky;top:0;margin-left:auto;display:block;width:100%;padding:22px 26px;background:linear-gradient(var(--porcelain) 70%,transparent);z-index:5}
.drawer .x button{font-size:13px;letter-spacing:.3em;color:var(--ink-55);transition:color .3s}
.drawer .x button:hover{color:var(--ink)}
.dw-img{padding:0 40px}
.dw-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.dw-body{padding:40px 40px 70px}
.dw-cat{font-size:11px;letter-spacing:.4em;color:var(--tea-gold-dim)}
.dw-nm{font-family:var(--serif);font-size:34px;letter-spacing:.08em;margin:10px 0 2px}
.dw-en{font-size:12px;letter-spacing:.2em;color:var(--ink-40);text-transform:uppercase}
.dw-desc{margin-top:26px;font-size:15.5px;line-height:2.15;color:var(--ink-70)}
.dw-rows{margin-top:30px;border-top:1px solid var(--ink-line)}
.dw-rows .row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--ink-line);font-size:14px}
.dw-rows .row .t{color:var(--ink-40);letter-spacing:.14em;flex:none}
.dw-rows .row .v{color:var(--ink-70);text-align:right}
.dw-price{margin-top:36px;padding:26px 28px;background:var(--ink);color:var(--on-ink);display:flex;align-items:baseline;justify-content:space-between}
.dw-price .l{font-size:12.5px;letter-spacing:.24em;color:var(--on-ink-60)}
.dw-price .p{font-family:var(--serif);font-size:38px}
.dw-price .p small{font-size:15px;color:var(--on-ink-60);margin-right:4px}
.dw-buy{padding:6px 28px 26px;background:var(--ink)}
.dw-buy a{display:block;text-align:center;font-family:var(--serif);font-size:17px;letter-spacing:.35em;color:var(--tea-gold);padding:15px 0;border:1px solid var(--tea-gold);transition:all .35s var(--ease)}
.dw-buy a:hover{background:var(--tea-gold);color:var(--ink)}
.dw-types{margin-top:34px}
.dw-types .tt{font-size:12px;letter-spacing:.3em;color:var(--ink-40);margin-bottom:14px}
.dw-types .chips{display:flex;flex-wrap:wrap;gap:8px}
.dw-types .chips a{border:1px solid var(--tea-gold);color:var(--tea-gold-dim);font-family:var(--serif);font-size:15px;letter-spacing:.2em;padding:6px 14px 6px 17px;transition:all .3s var(--ease)}
.dw-types .chips a:hover{background:var(--tea-gold);color:var(--ink)}

/* ---------- 人格页 ---------- */
.tp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--ink-line)}
.tp-grid button{background:var(--porcelain) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px;padding:34px 16px;text-align:left;transition:background .4s var(--ease)}
.tp-grid button:hover{background:var(--paper) url(../../img/dw01-faint.png?v=20261101c) repeat 0 0/69px 69px}
.tp-grid button.on{background:var(--ink);color:var(--on-ink)}
.tp-grid .n{font-family:var(--serif);font-size:26px;letter-spacing:.3em;padding-left:.3em}
.tp-grid .m{font-size:11px;letter-spacing:.18em;color:var(--ink-40);margin-top:8px}
.tp-grid button.on .m{color:var(--on-ink-40)}
.tp-panel{margin-top:2px;background:var(--ink) url(../../img/dw01-deep.png?v=20261101c) repeat 0 0/69px 69px;color:var(--on-ink);padding:64px 56px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}
.tp-panel .axis{font-size:12px;letter-spacing:.4em;color:var(--tea-gold);margin-bottom:22px}
.tp-panel .blind{margin-top:22px;font-size:13.5px;line-height:2;color:var(--on-ink-40)}
.tp-panel .blind b{color:var(--on-ink-60);font-weight:500;letter-spacing:.2em}
.tp-three{margin-top:30px;padding-top:26px;border-top:1px solid var(--on-ink-line)}
.tp-three .tt{font-size:12px;letter-spacing:.4em;color:var(--tea-gold);margin-bottom:16px}
.tp-three li{list-style:none;font-size:14px;line-height:2;color:var(--on-ink-60);padding:9px 0 9px 26px;position:relative;border-bottom:1px dashed rgba(237,227,206,.12)}
.tp-three li::before{content:"";position:absolute;left:2px;top:20px;width:10px;height:1px;background:var(--tea-gold)}
.tp-dest{margin-top:30px;padding:22px 26px;border:1px solid var(--tea-gold);display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.tp-dest .tt{font-size:11px;letter-spacing:.4em;color:var(--on-ink-40)}
.tp-dest .nm{font-family:var(--serif);font-size:22px;letter-spacing:.1em;color:var(--tea-gold)}
.tp-dest .ln{font-size:13.5px;color:var(--on-ink-60)}
.tp-panel .tag{font-family:var(--serif);font-size:clamp(22px,2.4vw,28px);line-height:1.9;letter-spacing:.06em;color:var(--on-ink)}
.tp-panel .meta{margin-top:26px;font-size:13px;color:var(--on-ink-40);letter-spacing:.1em;line-height:2.2}
.tp-panel .meta b{color:var(--tea-gold);font-weight:500}
.tp-panel .why{margin-top:28px;padding-top:26px;border-top:1px solid var(--on-ink-line);font-size:15px;line-height:2.1;color:var(--on-ink-60)}
.tp-rec .rt{font-size:12px;letter-spacing:.4em;color:var(--tea-gold);margin-bottom:18px}
.tp-rec .rt+.rt{margin-top:40px}
.tp-rec .items{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.tp-rec .it{background:var(--ink-2);padding:16px;display:flex;gap:14px;align-items:center;cursor:pointer;transition:background .35s var(--ease)}
.tp-rec .it:hover{background:var(--ink-3)}
.tp-rec .it img{width:64px;height:64px;object-fit:cover;flex:none}
.tp-rec .it .nm{font-family:var(--serif);font-size:17px;letter-spacing:.06em}
.tp-rec .it .pr{font-size:12px;color:var(--on-ink-40);margin-top:4px}

/* ---------- 冷泡页承诺区 ---------- */
.promise{background:var(--ink) url(../../img/dw01-deep.png?v=20261101c) repeat 0 0/69px 69px;color:var(--on-ink)}
.promise .zeros{display:flex;gap:2px;margin-top:50px;flex-wrap:wrap}
.promise .zeros div{flex:1;min-width:120px;background:var(--ink-2);padding:34px 10px;text-align:center;font-family:var(--serif);font-size:26px;letter-spacing:.1em;color:var(--tea-gold)}
.promise .note{margin-top:26px;font-size:12.5px;color:var(--on-ink-40);letter-spacing:.08em}
.howto{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--on-ink-line);margin-top:56px;border:1px solid var(--on-ink-line)}
.howto .st{background:var(--ink);padding:36px 32px}
.howto .st .no{font-family:var(--serif);font-size:14px;color:var(--tea-gold);letter-spacing:.3em}
.howto .st .ti{font-family:var(--serif);font-size:22px;margin:12px 0 10px;letter-spacing:.1em}
.howto .st .tx{font-size:14px;color:var(--on-ink-60);line-height:2}

/* ---------- 页脚 ---------- */
.ft{background:var(--ink-2) url(../../img/dw01-deep.png?v=20261101c) repeat 0 0/69px 69px;color:var(--on-ink-60);padding:84px 0 44px;border-top:1px solid rgba(202,99,29,.42)}
.ft-top{display:grid;grid-template-columns:1.75fr .82fr .82fr .88fr .92fr 1fr;gap:34px;padding-bottom:64px}
.ft-brand .lg{width:52px;height:52px;border-radius:50%;margin-bottom:18px}
.ft-brand b{display:block;font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:.3em;color:var(--on-ink)}
.ft-brand small{display:block;font-size:11px;letter-spacing:.22em;color:var(--on-ink-40);margin-top:8px}
.ft-brand .motto{font-family:var(--serif);font-size:19px;letter-spacing:.14em;color:var(--tea-gold);margin-top:26px}
.ft-brand .ft-contact{margin-top:26px}
.ft-brand .ft-contact h4{margin-bottom:0}
.ft-brand .ft-contact h4 span{margin-top:5px;margin-bottom:12px;font-size:15px}
.ft-brand .ft-contact p{font-size:12.5px;line-height:2}
.ft-col h4,.ft-contact h4{font-size:10.5px;font-weight:400;letter-spacing:.34em;color:var(--on-ink-40);text-transform:uppercase;margin-bottom:8px}
.ft-col h4 span,.ft-contact h4 span{display:block;font-family:var(--serif);font-size:16px;font-weight:500;letter-spacing:.26em;color:var(--on-ink);margin-top:6px;margin-bottom:22px}
.ft-col a{display:block;font-size:13.5px;letter-spacing:.1em;color:var(--on-ink-60);padding:7px 0;transition:color .3s var(--ease),padding-left .3s var(--ease)}
.ft-col a:hover{color:var(--tea-gold);padding-left:6px}
.ft-contact p{font-size:13px;line-height:2.2;color:var(--on-ink-60)}
.ft-contact a{color:var(--on-ink-60);border-bottom:1px solid var(--on-ink-line);transition:color .3s}
.ft-contact a:hover{color:var(--tea-gold)}
.ft-legal{border-top:1px solid var(--on-ink-line);padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;color:var(--on-ink-40)}
.ft-legal span:first-child{font-family:var(--serif);letter-spacing:.14em}
.ft-legal .beian{color:var(--on-ink-40);letter-spacing:.06em;transition:color .3s}
.ft-legal .beian:hover{color:var(--tea-gold)}
@media (max-width:1080px){.ft-top{grid-template-columns:1fr 1fr 1fr}.ft-brand{grid-column:1/-1}}
@media (max-width:760px){.ft-top{grid-template-columns:1fr 1fr;gap:38px}.ft-brand{grid-column:1/-1}}
@media (max-width:460px){.ft-top{grid-template-columns:1fr}}

/* ---------- 淡入 ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .tp-grid{grid-template-columns:repeat(4,1fr)}
  .hero-veil{background:linear-gradient(180deg,rgba(9,28,21,.8) 0%,rgba(9,28,21,.5) 55%,rgba(9,28,21,.82) 100%)}
  .page-hero.has-video{min-height:clamp(460px,66vh,600px)}
  .ph-veil{background:linear-gradient(180deg,rgba(9,28,21,.78) 0%,rgba(9,28,21,.48) 55%,rgba(9,28,21,.8) 100%)}
  .ph-in{padding:66px 0 58px}
}
@media (max-width:760px){
  .sec{padding:72px 0}
  .nav{display:none}
  .hd .back{display:none}
  .hd-burger{display:block;color:var(--on-ink);font-size:12px;letter-spacing:.2em;border:1px solid var(--on-ink-line);padding:8px 14px}
  .hd-menu{position:fixed;inset:72px 0 auto 0;background:rgba(53,64,48,.98);border-top:1px solid var(--on-ink-line);padding:10px 0 26px;display:none;z-index:89}
  .hd-menu.on{display:block}
  .hd-menu a{display:block;padding:15px 7vw;color:var(--on-ink-60);font-size:15px;letter-spacing:.2em}
  .hd-menu a:last-child{margin-top:8px;border-top:1px solid var(--on-ink-line);padding-top:20px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .tp-grid{grid-template-columns:repeat(2,1fr)}
  .tp-panel{grid-template-columns:1fr;padding:40px 26px;gap:36px}
  .tp-rec .items{grid-template-columns:1fr}
  .howto{grid-template-columns:1fr}
  .hero-in{padding:96px 0 80px}
  .hero-nums{gap:34px}
  .dw-body{padding:30px 24px 60px}
  .dw-img{padding:0 24px}
  .drawer{width:100%}
  .types{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:460px){
  .grid{grid-template-columns:1fr}
  .promise .zeros div{min-width:80px;font-size:20px;padding:22px 6px}
}