/* 动态站补充样式：在 style.css 之后加载，覆盖/增补。 */

/* 首页 FAQ：两栏 */
.hfaq .faqmain{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-content:start}
@media(max-width:820px){.hfaq .faqmain{grid-template-columns:1fr}}

/* 页脚：HOUSES 两栏，收紧长列 */
.fwrap>.fcol:nth-of-type(3){display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:start}
.fwrap>.fcol:nth-of-type(3)>h4{grid-column:1 / -1}

/* 联系页：礼宾面板 + 信息卡 + 三步 */
.cpage{max-width:940px;margin-top:34px;display:flex;flex-direction:column;gap:20px}
.cbox{border:1px solid var(--line2);border-radius:24px;overflow:hidden;
  background:linear-gradient(180deg,#fffdf8,#fbf7ee);
  box-shadow:0 30px 64px -38px rgba(85,62,26,.5),var(--sh-soft)}
.cb-main{display:flex;align-items:center;gap:24px;padding:30px 32px}
.cb-ic{width:60px;height:60px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 30% 20%,#fffefb,#f2e9d6);border:1px solid var(--line2);color:#1eb356;
  box-shadow:inset 0 1px 0 #fff}
.cb-ic svg{width:29px;height:29px}
.cb-tx{flex:1;min-width:0}
.cb-k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--brass2)}
.cb-num{display:block;font-family:var(--fd);font-size:clamp(24px,2.8vw,32px);letter-spacing:.01em;line-height:1.15;
  color:var(--ink);text-decoration:none;margin:3px 0 6px;transition:color .3s}
.cb-num:hover{color:var(--brass)}
.cb-s{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.65;max-width:44ch}
.cb-btn{flex:none;display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:100px;
  background:#1eb356;color:#fff;font-weight:600;font-size:14px;text-decoration:none;
  box-shadow:0 18px 36px -18px rgba(20,140,70,.8);transition:transform .45s var(--ease),box-shadow .45s}
.cb-btn:hover{transform:translateY(-2px);box-shadow:0 24px 46px -20px rgba(20,140,70,.9)}
.cb-alt{display:flex;align-items:center;gap:12px;padding:15px 32px;border-top:1px solid var(--line);
  background:rgba(255,255,255,.55);font-size:13.5px;color:var(--ink2)}
.cb-alt a{color:var(--brass2);font-weight:600;text-decoration:none;border-bottom:1px solid var(--brass3);transition:color .3s}
.cb-alt a:hover{color:var(--brass)}
.cinfo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ci{border:1px solid var(--line2);border-radius:18px;padding:22px;background:var(--card);box-shadow:var(--sh-soft);
  transition:transform .35s var(--ease),border-color .3s}
.ci:hover{transform:translateY(-3px);border-color:var(--brass3)}
.ci-ic{display:flex;width:40px;height:40px;border-radius:11px;align-items:center;justify-content:center;
  background:#f4ecdc;border:1px solid var(--line2);color:var(--brass2);margin-bottom:14px}
.ci-ic svg{width:19px;height:19px}
.ci h3{font-family:var(--fd);font-weight:400;font-size:18px;margin:0 0 6px}
.ci p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.65}
.csteps-h{margin-top:6px}
.csteps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.csteps:before{content:"";position:absolute;top:31px;left:14%;right:14%;height:1px;
  background:linear-gradient(90deg,transparent,var(--line2) 18%,var(--line2) 82%,transparent);z-index:0}
.cstep{position:relative;z-index:1;border:1px solid var(--line2);border-radius:16px;padding:24px;
  background:var(--card);box-shadow:var(--sh-soft)}
.cstep .n{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  background:#fbf6ea;border:1px solid var(--line2);font-family:var(--fd);font-size:18px;color:var(--brass2);margin-bottom:14px}
.cstep h3{font-family:var(--fd);font-weight:400;font-size:19px;margin:0 0 8px}
.cstep p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.7}
@media(max-width:760px){
  .cpage{gap:16px}
  .cb-main{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}
  .cb-btn{width:100%;justify-content:center}
  .cb-alt{flex-wrap:wrap;padding:14px 24px}
  .cinfo{grid-template-columns:1fr}
  .csteps{grid-template-columns:1fr}
  .csteps:before{display:none}
}

/* 首页叙事带节奏 */
.editorial{margin:26px 0 8px}
.section-gap{height:6px}

/* 优惠宣传带：包邮 + 注册领券 */
.promo{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:22px 0 4px;padding:20px 26px;
  border:1px solid var(--line2);border-radius:18px;background:linear-gradient(180deg,#fffdf7,#fbf5e9);box-shadow:var(--sh-soft)}
.promo-i{display:flex;align-items:center;gap:12px;min-width:210px}
.promo-i .pi-ic{width:38px;height:38px;border-radius:10px;background:#f4ecdc;border:1px solid var(--line2);
  color:var(--brass2);display:flex;align-items:center;justify-content:center;flex:none}
.promo-i .pi-ic svg{width:20px;height:20px}
.promo-i b{display:block;font-family:var(--fd);font-weight:400;font-size:17px}
.promo-i span{display:block;font-size:12.5px;color:var(--ink2)}
.promo-cta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:100px;
  background:var(--brass);color:#fff;font-weight:600;font-size:13.5px;text-decoration:none;
  transition:transform .4s var(--ease),background .3s}
.promo-cta:hover{transform:translateY(-2px);background:var(--brass2)}
@media(max-width:760px){.promo{gap:16px;padding:18px}.promo-cta{margin-left:0;width:100%;justify-content:center}}

/* 产品页包邮提示 */
.shipnote{display:inline-flex;align-items:center;gap:8px;margin:2px 0 14px;color:var(--brass2);font-size:13px;font-weight:600}
.shipnote svg{width:18px;height:18px}

/* 我的优惠券 */
.cpwrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 4px}
@media(max-width:640px){.cpwrap{grid-template-columns:1fr}}
.coupon{border:1px dashed var(--brass3);border-radius:14px;padding:16px 18px;position:relative;
  background:linear-gradient(180deg,#fffdf7,#fbf5e9)}
.coupon.off{opacity:.55;filter:grayscale(.4);border-style:solid}
.coupon .cp-v{font-family:var(--fd);font-size:30px;color:var(--brass);line-height:1}
.coupon .cp-v i{font-size:12px;font-style:normal;letter-spacing:.16em;text-transform:uppercase;margin-left:6px;color:var(--brass2)}
.coupon .cp-c{margin-top:8px;font-weight:600;letter-spacing:.04em}
.coupon .cp-m{font-size:12.5px;color:var(--ink2);margin-top:3px}

/* 查单页 */
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.tgrid{grid-template-columns:1fr}}
.tgrid p{margin:0}
.cwrap .ccard input{width:100%;padding:10px 12px;border:1px solid var(--line2);border-radius:9px;font:inherit;background:#fff}
.track{width:100%;border-collapse:collapse;margin:10px 0}
.track th,.track td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13.5px}
.track th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.tl{list-style:none;padding:0;margin:12px 0 0}
.tl li{border-left:2px solid var(--line2);padding:0 0 14px 14px;position:relative}
.tl li:before{content:"";position:absolute;left:-5px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--brass)}
.tl .t{font-size:11.5px;color:var(--ink3)}
.muted{color:var(--ink3);font-size:12.5px}

/* 购物车优惠券盒 */
.cpbox{border:1px solid var(--line2);border-radius:14px;padding:16px 18px;background:var(--card);box-shadow:var(--sh-soft);margin:16px 0}
.cpbox h4{font-family:var(--fd);font-weight:400;font-size:16px;margin:0 0 10px}
.cprow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cprow input{flex:1;min-width:150px;padding:9px 12px;border:1px solid var(--line2);border-radius:9px;font:inherit}
.cpmsg{font-size:12.5px;margin-top:8px}
.cpmsg.ok{color:#2c7a4b}.cpmsg.bad{color:#b23b3b}
.cpopt{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cpopt button{border:1px dashed var(--brass3);background:#fffdf7;color:var(--brass2);font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:30px;cursor:pointer}
.cpopt button[aria-pressed=true]{background:var(--brass);color:#fff;border-style:solid;border-color:var(--brass)}

/* 答案页 */
.ansgrid{max-width:940px}
.anscat{margin:22px 0}
.ansrow{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 16px;
  border:1px solid var(--line2);border-radius:12px;background:var(--card);margin-bottom:8px;text-decoration:none;
  color:var(--ink);box-shadow:var(--sh-soft);transition:border-color .3s,transform .3s}
.ansrow:hover{border-color:var(--brass3);transform:translateY(-2px)}
.ansrow .q{font-size:14.5px}
.ansrow b{color:var(--brass2)}
.ans{max-width:760px}
.ansbody{margin:14px 0 20px;color:var(--ink2);font-size:15.5px;line-height:1.8}
.anslink{margin:0 0 22px}
.ansrel{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}
.ansrel a{border:1px solid var(--line2);border-radius:30px;padding:7px 13px;font-size:13px;color:var(--ink2);text-decoration:none;background:#fff}
.ansrel a:hover{border-color:var(--brass3);color:var(--brass2)}
.anscta{color:var(--ink2);font-size:14px}

/* 关键词索引页 */
.kwgrid{max-width:940px}
.kwcat{margin:20px 0}

/* 答案页语言切换 */
.langswitch{font-size:13px;color:var(--ink2);margin:8px 0 18px}
.langswitch b{color:var(--ink)}
.langswitch a{color:var(--brass2);text-decoration:none}
.langswitch a:hover{color:var(--brass)}

/* 枢纽页（who 型）*/
.hub{max-width:940px}
.hub-intro{color:var(--ink2);font-size:15px;line-height:1.75;max-width:70ch;margin:12px 0 16px}
.hubgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:700px){.hubgrid{grid-template-columns:1fr}}
.hubcard{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;
  border:1px solid var(--line2);border-radius:12px;background:var(--card);text-decoration:none;color:var(--ink);
  box-shadow:var(--sh-soft);transition:border-color .3s,transform .3s}
.hubcard:hover{border-color:var(--brass3);transform:translateY(-2px)}
.hubcard .hh{font-size:14.5px}
.hubcard b{color:var(--brass2)}

/* 产品页相关问答 */
.relans{margin:26px 0 6px}
.relans .relh{font-family:var(--fd);font-weight:400;font-size:20px;margin:0 0 10px}
.relans .relrow{display:flex;flex-wrap:wrap;gap:8px}