/* ===========================================================
   高笛 GAODI · 内页样式（关于 / 实力 / 门店 / 联系）
   依赖 style.css 的变量，请在其后引入
   =========================================================== */

/* ---------- 内页页头 ---------- */
.page-hero{
  margin-top:76px;
  background:linear-gradient(150deg,#4B3628 0%,#33261B 100%);
  color:#EFE6D8; padding:clamp(64px,8vw,104px) 0 clamp(58px,7vw,88px);
  text-align:center; position:relative; overflow:hidden;
}
.page-hero::after{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.030) 0 2px,transparent 2px 16px);
}
.page-hero .in{position:relative; z-index:1;}
.page-hero .en{font-size:11.5px; letter-spacing:7px; color:#8E7A62; margin-bottom:18px;}
.page-hero h1{
  font-family:var(--serif); font-size:clamp(26px,3.4vw,42px);
  letter-spacing:5px; color:#F6EFE4; margin-bottom:20px;
}
.page-hero p{
  font-size:15px; letter-spacing:1.6px; color:#B6A48C; margin:0;
  max-width:660px; margin-left:auto; margin-right:auto;
}
.crumb{
  background:var(--paper-2); border-bottom:1px solid var(--line);
  font-size:12.5px; color:var(--ink-3); letter-spacing:1px;
}
.crumb .wrap{padding-top:16px; padding-bottom:16px;}
.crumb a:hover{color:var(--brand);}
.crumb span{margin:0 9px; color:var(--line);}

/* ---------- 长文排版 ---------- */
.prose{max-width:820px; margin:0 auto;}
.prose p{
  font-size:16.5px; line-height:2.25; color:var(--ink-2);
  letter-spacing:.6px; margin-bottom:1.5em;
}
.prose p.lead{
  font-family:var(--serif); font-size:clamp(19px,2vw,23px); line-height:2;
  color:var(--brand-d); letter-spacing:1.5px; margin-bottom:1.6em;
}
.prose .quote{
  border-left:3px solid var(--gold); padding:6px 0 6px 26px;
  margin:1.8em 0; font-family:var(--serif); font-size:18px;
  line-height:2.1; color:var(--brand); letter-spacing:1px;
}
.prose .em{color:var(--brand); font-weight:600;}
.prose .end{
  font-family:var(--serif); font-size:19px; color:var(--brand-d);
  letter-spacing:1.5px; text-align:center; margin:2.4em 0 0;
}

/* ---------- 创始人 ---------- */
.founder{display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(30px,5vw,76px); align-items:start;}
.founder.solo{grid-template-columns:1fr; max-width:840px; margin:0 auto;}
.founder .pic{aspect-ratio:4/5; overflow:hidden; position:sticky; top:110px;}
.founder .bigquote{
  font-family:var(--serif); font-size:clamp(20px,2.3vw,28px); line-height:1.95;
  color:var(--brand-d); letter-spacing:2px; margin-bottom:34px;
  padding-bottom:30px; border-bottom:1px solid var(--line);
}
.founder h2{
  font-family:var(--serif); font-size:22px; color:var(--brand);
  letter-spacing:2.5px; margin-bottom:24px;
}
.founder .sign{margin-top:34px; text-align:right;}
.founder .sign b{font-family:var(--serif); font-size:22px; letter-spacing:5px; color:var(--brand-d);}
.founder .sign span{display:block; font-size:12.5px; color:var(--ink-3); letter-spacing:2px; margin-top:6px;}

/* ---------- 时间轴 ---------- */
.timeline{position:relative; max-width:760px; margin:0 auto; padding-left:34px;}
.timeline::before{
  content:""; position:absolute; left:7px; top:8px; bottom:8px; width:1.5px; background:var(--line);
}
.tl-item{position:relative; padding-bottom:38px;}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{
  content:""; position:absolute; left:-34px; top:9px; width:15px; height:15px;
  border-radius:50%; background:var(--paper); border:3px solid var(--brand-l);
}
.tl-item.now::before{background:var(--brand-d); border-color:var(--brand-d);}
.tl-year{
  font-family:var(--serif); font-size:19px; color:var(--brand-d);
  letter-spacing:2px; margin-bottom:6px;
}
.tl-txt{font-size:15px; color:var(--ink-2); line-height:1.95; letter-spacing:.4px;}
.tl-txt .todo{color:#B07A5A; font-size:13.5px;}

/* ---------- 使命 / 价值观 / 愿景 ---------- */
.mvv{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.mvv .box{
  background:var(--white); border:1px solid var(--line);
  padding:clamp(26px,3.4vw,42px);
}
.mvv .box.wide{grid-column:span 2; background:linear-gradient(150deg,#F7F2E9,#EFE6D8);}
.mvv .k{font-size:11.5px; letter-spacing:4px; color:var(--gold); margin-bottom:16px;}
.mvv .box h3{
  font-family:var(--serif); font-size:19px; color:var(--brand-d);
  letter-spacing:2px; margin-bottom:14px;
}
.mvv .box p{font-size:15px; color:var(--ink-2); line-height:2.05; letter-spacing:.4px; margin:0;}
.val-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--line); margin-top:2px;}
.val-grid .v{background:var(--white); padding:34px 22px; text-align:center;}
.val-grid .v .t{
  font-family:var(--serif); font-size:17px; color:var(--brand-d);
  letter-spacing:2px; margin-bottom:10px;
}
.val-grid .v .d{font-size:13px; color:var(--ink-3); line-height:1.8; letter-spacing:.4px;}

/* ---------- 实力四模块 ---------- */
.s4{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
.s4 .card{
  background:var(--white); border:1px solid var(--line); padding:clamp(26px,3.2vw,40px);
  transition:.3s;
}
.s4 .card:hover{border-color:var(--brand-l); box-shadow:0 12px 30px rgba(75,54,40,.08);}
.s4 .no{
  font-family:var(--serif); font-size:34px; color:var(--line);
  line-height:1; margin-bottom:16px;
}
.s4 h3{
  font-family:var(--serif); font-size:20px; color:var(--brand-d);
  letter-spacing:2.5px; margin-bottom:14px;
}
.s4 p{font-size:15px; color:var(--ink-2); line-height:2.05; letter-spacing:.4px; margin:0 0 10px;}
.s4 .fill{
  font-size:13px; color:#B07A5A; background:#FBF3EC;
  border-left:3px solid #E0BFA6; padding:10px 14px; line-height:1.85; margin-top:14px;
}
.s4 .more{
  font-size:14.5px; color:#5A4E48; line-height:1.95; letter-spacing:.3px;
  margin-top:16px; padding-top:16px; border-top:1px dashed #E0D5CC;
}

/* ---------- 门店详情 ---------- */
.store-list{display:grid; grid-template-columns:1fr 1fr; gap:26px;}
.sd{
  background:var(--white); border:1px solid var(--line);
  display:grid; grid-template-columns:1fr 1fr; overflow:hidden;
}
.sd:nth-child(1){grid-column:span 2; grid-template-columns:1.25fr 1fr;}
.sd .pics{display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:1px; background:var(--line-2);}
.sd .pics .ph:first-child{grid-column:span 2;}
.sd .info{padding:clamp(24px,2.6vw,36px); display:flex; flex-direction:column; justify-content:center;}
.sd .city{font-size:11.5px; letter-spacing:4px; color:var(--gold); margin-bottom:12px;}
.sd h3{font-family:var(--serif); font-size:21px; color:var(--brand-d); letter-spacing:1.5px; margin-bottom:18px;}
.sd dl{display:grid; grid-template-columns:auto 1fr; gap:8px 16px; margin:0; font-size:14px;}
.sd dt{color:var(--ink-3); letter-spacing:1px;}
.sd dd{margin:0; color:var(--ink-2);}
.sd dd .todo{color:#B07A5A;}
.sd .tagline{
  margin-top:20px; font-size:13.5px; color:var(--brand);
  border-top:1px solid var(--line-2); padding-top:16px; line-height:1.9;
}

/* ---------- 联系页 ---------- */
.contact-grid{display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(30px,5vw,72px); align-items:start;}
.ci-block{margin-bottom:34px;}
.ci-block .k{font-size:11.5px; letter-spacing:4px; color:var(--gold); margin-bottom:12px;}
.ci-block h3{font-family:var(--serif); font-size:19px; color:var(--brand-d); letter-spacing:1.5px; margin-bottom:12px;}
.ci-block p{font-size:15px; color:var(--ink-2); line-height:2; margin:0 0 4px; letter-spacing:.4px;}
.ci-block .todo{color:#B07A5A;}
.qr-row{display:flex; gap:18px; margin-top:6px;}
.qr-row .q{
  width:112px; height:112px; background:var(--paper-2); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; text-align:center;
  font-size:11.5px; color:var(--ink-3); line-height:1.5;
}
.form-card{background:var(--white); border:1px solid var(--line); padding:clamp(26px,3.4vw,44px);}
.form-card h3{font-family:var(--serif); font-size:20px; color:var(--brand-d); letter-spacing:2px; margin-bottom:8px;}
.form-card .hint{font-size:13.5px; color:var(--ink-3); margin-bottom:28px; letter-spacing:.4px;}
.field{margin-bottom:20px;}
.field label{display:block; font-size:13.5px; color:var(--ink-2); letter-spacing:1.2px; margin-bottom:9px;}
.field label i{color:#C0392B; font-style:normal; margin-left:3px;}
.field input,.field select,.field textarea{
  width:100%; font-family:inherit; font-size:15px; color:var(--ink);
  background:var(--paper); border:1px solid var(--line); padding:14px 16px;
  outline:none; transition:.2s; letter-spacing:.4px;
}
.field textarea{min-height:120px; resize:vertical; line-height:1.8;}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--brand-l); background:var(--white);
}
.form-2{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.form-tip{font-size:12.5px; color:var(--ink-3); line-height:1.9; margin-top:18px;}
.form-tip a{color:var(--brand); border-bottom:1px solid var(--brand-l);}
.submit{
  width:100%; font-family:inherit; font-size:15.5px; letter-spacing:4px;
  background:var(--brand-d); color:#F6EFE4; border:none; padding:17px; cursor:pointer; transition:.3s;
}
.submit:hover{background:var(--brand); letter-spacing:5px;}

/* 表单提交提示 */
.form-ok{
  display:none; margin-top:20px; padding:16px 20px; border-radius:8px;
  background:#EDF6EF; border:1px solid #C6DFCB; border-left:4px solid #5D8A66;
  font-size:14px; color:#3D6B45; line-height:1.9;
}
.form-ok.show{display:block;}
.form-ok b{display:block; margin-bottom:4px;}
.form-ok .mail-btn{
  display:inline-block; margin:12px 0 2px; padding:11px 26px;
  background:#5D8A66; color:#fff !important; font-size:14px; letter-spacing:2px;
  border-radius:4px; transition:.25s;
}
.form-ok .mail-btn:hover{background:#4B7353;}
.form-ok .cp{
  display:block; margin-top:10px; font-size:13px; color:#3D6B45;
  text-decoration:underline; text-underline-offset:3px; cursor:pointer;
}
.form-ok .cp:hover{color:#2C5334;}
.form-ok .cp-tip{display:block; margin-top:5px; font-size:12.5px; color:#5A7F61;}

/* ---------- 隐私政策 ---------- */
.policy{max-width:820px; margin:0 auto;}
.policy h2{
  font-family:var(--serif); font-size:20px; color:var(--brand-d);
  letter-spacing:2px; margin:38px 0 14px;
}
.policy h2:first-child{margin-top:0;}
.policy p,.policy li{font-size:15px; color:var(--ink-2); line-height:2.1; letter-spacing:.4px;}
.policy ul{padding-left:22px; margin:0 0 1.2em;}

/* ---------- 移动端 ---------- */
@media (max-width:900px){
  .page-hero{margin-top:76px;}
  .founder{grid-template-columns:1fr;}
  .founder .pic{position:static; max-width:400px; margin:0 auto;}
  .mvv{grid-template-columns:1fr;}
  .mvv .box.wide{grid-column:span 1;}
  .val-grid{grid-template-columns:repeat(2,1fr);}
  .s4{grid-template-columns:1fr;}
  .store-list{grid-template-columns:1fr;}
  .sd,.sd:nth-child(1){grid-column:span 1; grid-template-columns:1fr;}
  .sd .pics{grid-auto-rows:120px;}
  .contact-grid{grid-template-columns:1fr;}
  .form-2{grid-template-columns:1fr;}
  .timeline{padding-left:28px;}
  .tl-item::before{left:-28px;}
}

/* ---------- 门店页图片与二维码 ---------- */
.sd .pics{grid-auto-rows:clamp(170px, 19vw, 250px);}
.sd .pics .pi:first-child{grid-column:span 2;}
@media (max-width:820px){.sd .pics{grid-auto-rows:120px;}}
.sd .pics .pi{overflow:hidden;}
.sd .pics .pi img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease;}
.sd .pics .pi:hover img{transform:scale(1.03);}
.sd-qr{margin-top:16px; display:flex; align-items:center; gap:14px;}
.sd-qr img{width:86px; height:86px; object-fit:cover; border:1px solid var(--line); background:#fff; flex:0 0 auto;}
.sd-qr b{display:block; font-size:13.5px; color:var(--brand-d); letter-spacing:1px; margin-bottom:4px;}
.sd-qr span{font-size:12px; color:var(--ink-3); letter-spacing:.5px;}
.qr-row .q{width:112px; height:auto; flex-direction:column; background:#fff; overflow:hidden;}
.qr-row .q img{width:112px; height:112px; object-fit:cover; display:block;}
.qr-row .q figcaption{font-size:11.5px; color:var(--ink-3); padding:6px 0 7px; letter-spacing:1px;}
.qr-note{margin-top:14px; font-size:12.5px; color:var(--ink-3); letter-spacing:.6px;}
.f-qr .q{background:#fff; overflow:hidden;}
.f-qr .q img{width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; display:block;}
.f-qr .q.qt{background:#3A322A; border-color:#4A4038; color:#8A7E70;}