/* ===== 骨宝堂 · 站点共享样式（中医国潮 · 重构版）=====
   墨红黑(#3d0e08) + 朱砂红(#c8302a) + 金(#c8a24c) + 宣纸米(#f6efe0)
   宣纸纹理 · 水墨晕染 · 朱砂印章 · 回纹分隔 · 方笺卡片 · 滚动渐显
   零外部依赖，下载即用、可直接部署。 */

:root{
  --ink:#3d0e08;          /* 墨红黑：主深背景 */
  --ink-soft:#5a1810;     /* 中墨红：渐变次深 */
  --ink-deep:#1a0604;     /* 极墨黑：导航/页脚/最深 */
  --red:#c8302a;          /* 朱砂红：主红，强调与点缀（取自 logo） */
  --red-2:#e25a4f;        /* 亮朱：渐变高光 */
  --red-deep:#8c1a14;     /* 深朱：CTA 暗色 */
  --gold:#c8a24c;         /* 金：边线/分隔/重点字 */
  --gold-2:#e2c574;       /* 亮金：按钮/标题点缀 */
  --gold-soft:#f3e6c4;    /* 浅金：纹理里的暖光 */
  --paper:#f6efe0;        /* 宣纸米：主背景 */
  --paper-2:#fbf6ea;      /* 浅米：卡片底 */
  --paper-3:#efe5d0;      /* 米灰：方笺纹理 */
  --ink-text:#2b2118;     /* 正文：暖墨 */
  --muted:#7a6e5a;        /* 次要文：暖灰 */
  --line:rgba(61,14,8,.16);    /* 描边线 */
  --line-gold:rgba(200,162,76,.45); /* 金线 */
  --shadow:0 22px 56px rgba(26,6,4,.22);
  --shadow-sm:0 10px 28px rgba(26,6,4,.14);
  --serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  --kai:"Kaiti SC","STKaiti","KaiTi",var(--serif);   /* 楷体：印章/点缀 */
  --sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Hiragino Sans GB",sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  color:var(--ink-text);
  background:var(--paper);
  line-height:1.78;
  -webkit-font-smoothing:antialiased;
  position:relative;
}

/* ===== 宣纸纹理（全局极淡颗粒，叠在纸色之上）===== */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  opacity:.05;mix-blend-mode:multiply;
}
/* 内容浮在纹理之上 */
.nav,.hero,.sec-paper,.sec-ink,footer,.join-hero{position:relative;z-index:1}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,92vw);margin:0 auto}

/* ===== 顶部导航 ===== */
.nav{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg,var(--ink-deep),var(--ink));
  border-bottom:2px solid var(--gold);
  box-shadow:0 8px 28px rgba(26,6,4,.4);
}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
/* 导航里的品牌区：宣纸米色圆角牌 + 金边，让黑/红/金 logo 完整显出 */
.brand{
  display:flex;align-items:center;gap:10px;color:#fff;
  padding:6px 14px 6px 10px;border-radius:12px;
  background:linear-gradient(180deg,var(--paper-2),var(--paper));
  border:1.5px solid var(--gold);
  box-shadow:0 4px 14px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.5);
  transition:.25s;
}
.brand:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.5)}
.brand .seal{
  width:42px;height:42px;border-radius:50%;
  border:2px solid var(--gold);
  display:grid;place-items:center;
  font-family:var(--serif);font-weight:700;color:var(--gold);
  background:radial-gradient(circle at 30% 25%,rgba(226,197,116,.25),transparent 60%);
  font-size:13px;letter-spacing:1px;
}
.brand b{font-family:var(--serif);font-size:21px;letter-spacing:3px}
.brand span{font-size:12px;color:var(--gold-2);letter-spacing:2px;opacity:.85}
.nav ul{display:flex;gap:26px;list-style:none}
.nav a{color:#ece3d3;font-size:15px;letter-spacing:1px;position:relative;padding:6px 0;transition:.25s}
.nav a:hover{color:var(--gold-2)}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:.25s}
.nav a:hover::after{width:100%}
.nav .cta{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:var(--ink-deep);font-weight:700;padding:9px 18px;border-radius:30px;
  font-size:14px;letter-spacing:1px;box-shadow:0 6px 18px rgba(200,162,76,.4)
}
.nav .cta:hover{color:var(--ink-deep);transform:translateY(-1px)}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}

/* ===== 通用区块 ===== */
section{padding:84px 0;position:relative}
.sec-ink{background:linear-gradient(160deg,var(--ink),var(--ink-soft));color:#f4f1e8}
.sec-paper{background:transparent}  /* 透出 body 宣纸纹理 */
.sec-line{max-width:760px;margin:14px auto 46px;text-align:center;color:var(--muted);font-size:16px}
.eyebrow{
  display:inline-block;font-family:var(--serif);color:var(--gold);
  letter-spacing:6px;font-size:14px;margin-bottom:14px;position:relative;padding:0 26px;
}
.eyebrow::before,.eyebrow::after{content:"";position:absolute;top:50%;width:18px;height:1px;background:var(--gold);opacity:.7}
.eyebrow::before{left:0}.eyebrow::after{right:0}
.sec-ink .eyebrow{color:var(--gold-2)}
.sec-ink .eyebrow::before,.sec-ink .eyebrow::after{background:var(--gold-2)}
h2.title{
  font-family:var(--serif);font-size:clamp(28px,4.4vw,42px);
  font-weight:800;letter-spacing:2px;text-align:center;line-height:1.3;position:relative;
}
h2.title .hl{color:var(--red)}
.sec-ink h2.title{color:#fff}
.sec-ink h2.title .hl{color:var(--gold-2)}
/* 标题下方金线 + 朱砂菱形 */
h2.title::after{
  content:"";display:block;width:70px;height:3px;margin:20px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.sec-ink h2.title::after{background:linear-gradient(90deg,transparent,var(--gold-2),transparent)}

/* ===== 章节顶部装饰：金线 + 朱砂菱形 ===== */
.sec-paper::before,.sec-ink::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:64px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.sec-paper::after,.sec-ink::after{
  content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-50%) rotate(45deg);
  width:11px;height:11px;background:var(--red);box-shadow:0 0 0 3px var(--paper);
}
.sec-ink::after{box-shadow:0 0 0 3px var(--ink)}

/* ===== Hero ===== */
.hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(900px 520px at 82% -8%,rgba(226,90,79,.24),transparent 60%),
    radial-gradient(900px 720px at 6% 118%,rgba(140,26,20,.55),transparent 60%),
    radial-gradient(640px 600px at 58% 64%,rgba(26,6,4,.28),transparent 70%),
    linear-gradient(150deg,var(--ink-deep),var(--ink-soft));
}
/* 顶部云纹细边 */
.hero::before{
  content:"";position:absolute;top:0;left:0;right:0;height:6px;z-index:3;
  background:linear-gradient(90deg,var(--gold),var(--gold-2),var(--gold));
  opacity:.85;
}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:88px 0}
.hero .badge{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--gold);color:var(--gold-2);
  padding:7px 16px;border-radius:30px;font-size:13px;letter-spacing:2px;margin-bottom:22px;
  background:rgba(26,6,4,.3);
}
.hero h1{
  font-family:var(--serif);font-weight:800;
  font-size:clamp(34px,5vw,58px);line-height:1.18;letter-spacing:2px;margin-bottom:20px;
}
.hero h1 .hl{color:var(--gold-2)}
.hero p.lead{font-size:18px;color:#ece3d3;max-width:560px;margin-bottom:30px;line-height:1.95}
.hero .btns{display:flex;gap:16px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 26px;border-radius:34px;font-size:16px;font-weight:700;
  letter-spacing:1px;cursor:pointer;transition:.3s var(--ease);border:0;position:relative;overflow:hidden;
}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--ink-deep);box-shadow:0 12px 30px rgba(200,162,76,.45)}
.btn-gold::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s var(--ease)}
.btn-gold:hover{transform:translateY(-2px)}
.btn-gold:hover::after{left:130%}
.btn-line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.btn-line:hover{border-color:var(--gold-2);color:var(--gold-2)}
.trust{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap}
.trust div{font-size:14px;color:#cdbfa9}
.trust b{display:block;font-family:var(--serif);font-size:24px;color:var(--gold-2);letter-spacing:1px}

/* Hero 右侧：朱红光晕 + 竖牌 logo */
.hero-art{position:relative;display:grid;place-items:center;min-height:360px}
.hero-art::before{
  content:"";position:absolute;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle,rgba(226,90,79,.6),rgba(200,48,42,.35) 42%,rgba(200,48,42,0) 72%);
  filter:blur(4px);z-index:0;
}
/* Hero 里的竖牌 logo：宣纸米色"印牌"底 + 金边，让黑字/红瓣/金 TM 全部显出 */
.hero-art .big-seal{
  display:flex;align-items:center;justify-content:center;position:relative;z-index:1;
  padding:24px 34px;border-radius:18px;
  background:linear-gradient(180deg,var(--paper-2),var(--paper));
  border:2px solid var(--gold);
  box-shadow:0 18px 48px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.5);
}
.hero-art .big-seal img{height:300px;width:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.25));animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero-art .leaf{position:absolute;opacity:.5}

/* ===== 朱砂印章组件 ===== */
.seal-stamp{
  display:inline-grid;place-items:center;width:76px;height:76px;border-radius:8px;
  background:var(--red);color:#fff7ef;font-family:var(--kai);font-weight:700;
  font-size:17px;letter-spacing:3px;line-height:1.15;text-align:center;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 8px 22px rgba(140,26,20,.4);
  transform:rotate(-5deg);position:relative;
}
.seal-stamp::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.45);border-radius:4px}
.hero .seal-stamp{position:absolute;right:6%;bottom:8%;z-index:2}

/* ===== 品牌故事 ===== */
.story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.story .txt p{margin-bottom:18px;font-size:16.5px;color:#4a3f30}
.story .txt .quote{
  font-family:var(--kai);font-size:21px;color:var(--ink);
  border-left:4px solid var(--red);padding:8px 0 8px 18px;margin:24px 0;letter-spacing:1px;
}
.story .frame{
  background:linear-gradient(160deg,var(--ink),var(--ink-soft));
  border:1px solid var(--gold);border-radius:18px;padding:34px;color:#f2efe6;
  box-shadow:var(--shadow);position:relative;overflow:hidden;
}
.story .frame::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(226,197,116,.18),transparent 70%)}
.herb-art{position:absolute;right:18px;bottom:14px;width:96px;opacity:.85;z-index:1}
.story .frame h3{font-family:var(--serif);color:var(--gold-2);font-size:22px;letter-spacing:2px;margin-bottom:14px;position:relative;z-index:2}
.story .frame ul{list-style:none;display:grid;gap:12px;position:relative;z-index:2}
.story .frame li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#e7ecf2}
.story .frame li::before{content:"❖";color:var(--gold);font-size:14px;line-height:1.6}

/* ===== 核心优势（方笺卡片）===== */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{
  background:linear-gradient(180deg,var(--paper-2),var(--paper-3));
  border:1px solid var(--line);border-radius:14px;
  padding:34px 26px;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;
}
.card::before,.card::after{content:"";position:absolute;width:14px;height:14px;border-color:var(--gold);opacity:.65;transition:.3s}
.card::before{top:10px;left:10px;border-top:1.5px solid var(--gold);border-left:1.5px solid var(--gold)}
.card::after{bottom:10px;right:10px;border-bottom:1.5px solid var(--gold);border-right:1.5px solid var(--gold)}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--red)}
.card .no{font-family:var(--serif);font-size:42px;color:var(--red);opacity:.32;position:absolute;top:14px;right:20px}
.card h3{font-family:var(--serif);font-size:21px;color:var(--ink);margin-bottom:12px;letter-spacing:1px;position:relative;z-index:1}
.card p{font-size:15px;color:var(--muted);position:relative;z-index:1}
.herbs{
  margin-top:34px;background:var(--ink);border-radius:14px;padding:22px 26px;
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;
  box-shadow:var(--shadow-sm);
}
.herbs span{color:#cdbfa9;font-size:14px}
.herbs b{background:rgba(226,197,116,.16);border:1px solid var(--gold);color:var(--gold-2);padding:6px 14px;border-radius:20px;font-size:14px;letter-spacing:1px}

/* ===== 服务价目（方笺）===== */
.price-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:30px}
.pcard{
  background:linear-gradient(180deg,#fffdf8,var(--paper-2));
  border:1px solid var(--line);border-radius:16px;
  padding:26px 18px 24px;text-align:center;position:relative;transition:transform .3s var(--ease),box-shadow .3s, border-color .3s;
}
.pcard::before{content:"";position:absolute;inset:7px;border:1px dashed rgba(200,48,42,.28);border-radius:11px;pointer-events:none}
.pcard::after{content:"方";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:6px;background:var(--red);color:#fff7ef;font-family:var(--kai);font-size:14px;display:grid;place-items:center;box-shadow:0 4px 10px rgba(140,26,20,.35)}
.pcard:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--gold)}
.pcard .tag{font-size:13px;color:var(--muted);min-height:42px;display:grid;place-items:center;margin-top:8px}
.pcard h4{font-family:var(--serif);font-size:18px;color:var(--ink);margin:10px 0;letter-spacing:1px}
.pcard .price{font-family:var(--serif);font-size:30px;color:var(--red);font-weight:800}
.pcard .price small{font-size:14px;color:var(--muted);font-weight:400}
.pcard .unit{font-size:13px;color:var(--gold);margin-top:4px;font-family:var(--serif)}
.note{text-align:center;color:var(--muted);font-size:14px;background:rgba(61,14,8,.05);border:1px dashed var(--line);border-radius:12px;padding:14px}

/* ===== 门店 ===== */
.locs{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}
.loc-main{
  background:linear-gradient(160deg,var(--ink),var(--ink-soft));color:#f2efe6;
  border:1px solid var(--gold);border-radius:18px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden;
}
.loc-main::before{content:"";position:absolute;top:-30px;left:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(226,197,116,.16),transparent 70%)}
.loc-main h3{font-family:var(--serif);color:var(--gold-2);font-size:24px;letter-spacing:2px;margin-bottom:18px;display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.loc-main .row{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15.5px;position:relative;z-index:1}
.loc-main .row span:first-child{color:var(--gold-2);min-width:74px;font-family:var(--serif)}
.loc-sub{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.loc-sub .box{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:24px;border-left:4px solid var(--red);position:relative}
.loc-sub .box::before,.loc-sub .box::after{content:"";position:absolute;width:12px;height:12px;border-color:var(--gold);opacity:.55}
.loc-sub .box::before{top:8px;left:8px;border-top:1.4px solid var(--gold);border-left:1.4px solid var(--gold)}
.loc-sub .box::after{bottom:8px;right:8px;border-bottom:1.4px solid var(--gold);border-right:1.4px solid var(--gold)}
.loc-sub .box h4{font-family:var(--serif);color:var(--ink);font-size:19px;margin-bottom:8px}
.loc-sub .box p{color:var(--muted);font-size:14.5px}
.loc-sub .box .todo{display:inline-block;margin-top:10px;background:rgba(140,26,20,.1);color:var(--red-deep);border:1px solid rgba(140,26,20,.3);padding:4px 12px;border-radius:20px;font-size:13px}
.loc-sub .box:last-child:nth-child(odd){grid-column:1 / -1}

/* ===== 技师 ===== */
.team{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.team .txt p{margin-bottom:16px;font-size:16px;color:#4a3f30}
.team .points{display:grid;gap:14px;margin-top:18px}
.team .points div{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}
.team .points div::before{content:"✔";color:var(--red);font-weight:700}
.team .avatars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.team .av{background:linear-gradient(160deg,var(--ink),var(--ink-soft));border-radius:14px;aspect-ratio:1;display:grid;place-items:center;color:var(--gold-2);font-family:var(--serif);font-size:15px;border:1px solid rgba(226,197,116,.4);position:relative;overflow:hidden}
.team .av::before{content:"";position:absolute;inset:6px;border:1px solid rgba(226,197,116,.25);border-radius:9px}
.team .av small{display:block;color:#cdbfa9;font-size:12px;font-family:var(--sans);margin-top:6px}

/* ===== 加盟 CTA（官网内嵌）===== */
.join-cta{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;border-radius:20px;padding:48px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.join-cta::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.3);border-radius:14px;pointer-events:none}
.join-cta h3{font-family:var(--serif);font-size:30px;letter-spacing:2px;margin-bottom:14px}
.join-cta p{font-size:16px;opacity:.94;max-width:620px;margin:0 auto 26px}
.join-cta .btn-gold{background:#fff;color:var(--red-deep)}
.join-cta .btn-gold:hover{background:var(--gold-soft)}

/* ===== 页脚 ===== */
footer{background:var(--ink-deep);color:#cdbfa9;padding:54px 0 30px;position:relative}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-2),var(--gold));opacity:.8}
footer .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
footer h4{color:var(--gold-2);font-family:var(--serif);font-size:18px;letter-spacing:2px;margin-bottom:16px}
footer p,footer li{font-size:14.5px;line-height:1.9;list-style:none}
footer a:hover{color:var(--gold-2)}
footer .comp{font-size:13px;color:#9a8a72;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;line-height:1.8}
footer .comp b{color:var(--gold-2)}
footer .beian{font-size:13px;color:#9a8a72;border-top:1px solid rgba(255,255,255,.1);margin-top:14px;padding-top:14px;line-height:1.8;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
footer .beian a{color:var(--gold-2);font-weight:600;letter-spacing:1px;text-decoration:none}
footer .beian a:hover{text-decoration:underline}
footer .beian .dot{color:rgba(255,255,255,.25)}

/* ===== 加盟页专属 ===== */
.join-hero{
  background:
    radial-gradient(820px 500px at 85% -10%,rgba(226,90,79,.3),transparent 60%),
    radial-gradient(700px 600px at 5% 120%,rgba(140,26,20,.5),transparent 60%),
    linear-gradient(150deg,var(--ink-deep),#3a1f1b);
  color:#fff;padding:84px 0;position:relative;overflow:hidden;
}
.join-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--gold),var(--gold-2),var(--gold));opacity:.85}
.join-hero .wrap{max-width:880px;text-align:center}
.join-hero h1{font-family:var(--serif);font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:2px;margin-bottom:18px}
.join-hero h1 .hl{color:var(--gold-2)}
.join-hero p{font-size:18px;color:#ece3d3;margin-bottom:28px}
.truth{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
.truth .t{background:linear-gradient(180deg,var(--paper-2),var(--paper-3));border:1px solid var(--line);border-radius:16px;padding:28px;border-top:4px solid var(--red);position:relative;overflow:hidden}
.truth .t::before{content:"";position:absolute;top:8px;right:8px;width:12px;height:12px;border-top:1.4px solid var(--gold);border-right:1.4px solid var(--gold);opacity:.6}
.truth .t h4{font-family:var(--serif);color:var(--ink);font-size:20px;margin-bottom:10px}
.truth .t p{font-size:15px;color:var(--muted)}
.offer{background:linear-gradient(160deg,var(--ink),var(--ink-soft));border-radius:18px;padding:42px;color:#f2efe6;border:1px solid var(--gold);box-shadow:var(--shadow);position:relative;overflow:hidden}
.offer::before{content:"";position:absolute;inset:9px;border:1px solid rgba(226,197,116,.3);border-radius:12px;pointer-events:none}
.offer .price-lg{font-family:var(--serif);font-size:54px;color:var(--gold-2);font-weight:800;text-align:center;margin-bottom:6px;position:relative;z-index:1}
.offer .price-lg small{font-size:18px;color:#cdbfa9}
.offer ul{list-style:none;display:grid;gap:14px;margin-top:22px;position:relative;z-index:1}
.offer li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.offer li::before{content:"★";color:var(--gold);font-size:15px;line-height:1.6}
.cost{width:100%;border-collapse:collapse;margin-top:16px;background:var(--paper-2);border-radius:14px;overflow:hidden}
.cost th,.cost td{border:1px solid var(--line);padding:14px 16px;text-align:left;font-size:15px}
.cost th{background:var(--ink);color:var(--gold-2);font-family:var(--serif);letter-spacing:1px}
.cost td b{color:var(--red)}
.warn{background:rgba(140,26,20,.07);border:1px solid rgba(140,26,20,.3);border-radius:14px;padding:28px;margin-top:20px;position:relative}
.warn::before{content:"";position:absolute;top:10px;left:10px;width:14px;height:14px;border-top:1.5px solid var(--red);border-left:1.5px solid var(--red);opacity:.6}
.warn h4{font-family:var(--serif);color:var(--red-deep);font-size:22px;margin-bottom:14px;letter-spacing:1px}
.warn ul{list-style:none;display:grid;gap:12px}
.warn li{display:flex;gap:12px;font-size:16px;align-items:flex-start}
.warn li::before{content:"✕";color:var(--red);font-weight:700}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}
.steps .s{background:linear-gradient(180deg,var(--paper-2),var(--paper-3));border:1px solid var(--line);border-radius:16px;padding:30px;text-align:center;position:relative;overflow:hidden}
.steps .s::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--gold))}
.steps .s .n{font-family:var(--serif);font-size:34px;color:var(--red);font-weight:800}
.steps .s h4{font-family:var(--serif);color:var(--ink);font-size:19px;margin:8px 0}
.steps .s p{font-size:14.5px;color:var(--muted)}

/* ===== Logo 图片适配 ===== */
.brand img.logo-h{height:46px;width:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}
footer .foot-logo{display:inline-block;padding:8px 16px;border-radius:12px;margin-bottom:14px;background:linear-gradient(180deg,var(--paper-2),var(--paper));border:1.5px solid var(--gold);box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.5)}
footer .foot-logo img{height:40px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}
@media(max-width:900px){.brand img.logo-h{height:38px}footer .foot-logo img{height:36px}.hero-art .big-seal img{height:240px}}
@media(max-width:520px){.brand img.logo-h{height:34px}}

/* ===== 加盟后支持（10 板块）===== */
.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}
.support-grid .sp{
  background:linear-gradient(180deg,var(--paper-2),var(--paper-3));
  border:1px solid var(--line);border-radius:14px;padding:22px 22px 22px 64px;
  position:relative;
}
.support-grid .sp b{
  position:absolute;left:18px;top:20px;
  font-family:var(--serif);font-size:30px;color:var(--seal);
  width:34px;height:34px;display:grid;place-items:center;
  border:1.5px solid var(--gold);border-radius:50%;
  background:rgba(200,162,76,.1);
}
.support-grid .sp h4{font-family:var(--serif);font-size:18px;color:var(--ink);margin-bottom:6px;font-weight:700}
.support-grid .sp p{color:var(--muted);font-size:14px;line-height:1.75}
@media(max-width:900px){.support-grid{grid-template-columns:1fr}}

/* ===== 创始人 ===== */
.founder{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;margin-top:24px}
.founder .portrait{position:relative}
.founder .portrait-photo{
  display:block;width:100%;aspect-ratio:3/4;
  border-radius:18px;
  object-fit:cover;object-position:center top;
  background:
    radial-gradient(circle at 30% 25%,rgba(226,197,116,.18),transparent 60%),
    linear-gradient(160deg,var(--ink-2),var(--ink));
  border:1.5px solid rgba(200,162,76,.45);
  box-shadow:0 20px 50px rgba(0,0,0,.45);
  position:relative;overflow:hidden;
}
.founder .portrait-photo::after{
  content:"";position:absolute;inset:14px;border:1px solid rgba(200,162,76,.25);border-radius:12px;pointer-events:none;
}
.founder .bio p{color:#e6dcc4;font-size:16px;line-height:1.95;margin-bottom:16px}
.founder .bio strong{color:var(--gold-2)}
.founder .titles{list-style:none;padding:0;margin:18px 0 24px;border-left:2px solid var(--gold);padding-left:18px}
.founder .titles li{color:#d6c89a;font-size:15px;line-height:2;letter-spacing:1px}
.founder .bio .note{
  color:#a89a78;font-size:13px;line-height:1.8;
  border:1px dashed rgba(200,162,76,.35);border-radius:8px;
  padding:12px 16px;background:rgba(0,0,0,.2);
}
@media(max-width:900px){
  .founder{grid-template-columns:1fr;gap:32px}
  .founder .portrait{max-width:240px;margin:0 auto}
}

/* ===== 滚动渐显 ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .btn-gold::after{display:none}
  .hero-art .big-seal img{animation:none}
}

/* ===== 响应式 ===== */
@media(max-width:900px){
  .nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink-deep);flex-direction:column;gap:0;padding:10px 0;border-bottom:2px solid var(--gold)}
  .nav ul.open{display:flex}
  .nav ul li{padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
  .loc-sub{grid-template-columns:1fr}
  .nav-toggle{display:block}
  .hero .wrap,.story,.locs,.team,.cards,.price-grid,.truth,.steps,.offer{grid-template-columns:1fr}
  .price-grid{grid-template-columns:1fr 1fr}
  .hero-art{min-height:260px}
  section{padding:60px 0}
}
@media(max-width:520px){
  .price-grid{grid-template-columns:1fr}
  .trust{gap:16px}
}