/* navbar 流内占位、滚动吸附顶部：浅底深字，banner 紧贴其下 */
  .lq-header{
    position:sticky;top:0;z-index:60;background:#fbf8f2;
    box-shadow:0 1px 0 rgba(169,127,60,.2);
    padding:18px 0;
  }
  .lq-header.scrolled{background:#fbf8f2;backdrop-filter:none;padding:18px 0;box-shadow:0 6px 20px rgba(120,90,40,.14)}
  .lq-header.on-light{color:var(--text-dark)}
  .lq-header .lq-menu a{color:var(--text-dark)}
  @media(max-width:900px){
    .lq-header.on-light .lq-menu a{color:#f0e7d6}
    .lq-header.on-light .lq-menu a.active{color:var(--gold-soft)}
    .lq-header.on-light .nav-toggle.open{color:#f0e7d6}
  }

  /* banner：整幅照片铺满整个区域，左暗渐变叠文字 */
  .mc-hero{
    position:relative;overflow:hidden;
    display:flex;align-items:center;
    min-height:78vh;padding:88px 0 96px;color:#f0e7d6;
    background:#100b06;
  }
  .mc-hero .hero-bg{position:absolute;inset:0;z-index:0}
  .mc-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center right}
  .mc-hero::after{
    content:none;
  }
  .mc-hero .container{position:relative;z-index:2}
  .mc-hero .grid{position:relative;display:grid;grid-template-columns:1fr;gap:0;align-items:center}
  .mc-kicker{display:block;font-size:19px;font-weight:700;letter-spacing:.34em;color:var(--gold);margin-bottom:24px}
  .mc-hero h1{font-family:var(--serif);font-size:clamp(38px,5vw,62px);letter-spacing:.1em;color:#111;margin-bottom:20px}
  .mc-lead{font-family:var(--serif);font-size:clamp(21px,2.4vw,30px);font-weight:700;letter-spacing:.06em;color:var(--gold);margin-bottom:28px}
  .mc-desc{max-width:520px;color:var(--muted-dark);font-size:15.5px;line-height:2.15}
  @media(max-width:900px){
    .mc-hero{min-height:0;padding:64px 0 70px}
    .mc-hero .hero-bg img{object-position:center center}
    .mc-kicker{font-size:15px;letter-spacing:.22em;margin-bottom:18px}
    .mc-hero h1{font-size:clamp(28px,7.5vw,40px);letter-spacing:.06em;margin-bottom:16px}
    .mc-lead{font-size:clamp(17px,4.6vw,23px);margin-bottom:20px;letter-spacing:.04em}
    .mc-desc{font-size:14px;line-height:2}
  }
  @media(max-width:520px){
    .mc-hero{padding:56px 0 56px}
    .mc-kicker{font-size:13px;letter-spacing:.16em}
    .mc-hero h1{font-size:clamp(24px,8vw,32px);letter-spacing:.04em}
    .mc-lead{font-size:clamp(16px,5.2vw,20px)}
    .mc-desc{font-size:13.5px}
  }

  .mc-sec{padding:52px 0}
  .mc-sectitle{font-family:var(--serif);font-size:clamp(22px,2.6vw,32px);letter-spacing:.06em;color:#2c2419}
  .mc-secsub{text-align:center;color:var(--muted-dark);font-size:14.5px;margin-top:10px}

  .mc-plat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:32px}
  .mc-plat{padding:30px 16px 26px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
  .mc-plat .plogo{height:56px;display:flex;align-items:center;justify-content:center}
  .mc-plat .plogo img{max-height:56px;max-width:100%;object-fit:contain}
  .mc-plat .shop b{display:block;font-family:var(--serif);font-size:16px;color:#2c2419;line-height:1.5}
  .mc-plat .shop span{font-size:12.5px;color:var(--muted-dark)}
  .mc-go{
    width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-deep);
    display:grid;place-items:center;transition:.35s;
  }
  .mc-go svg{width:18px;height:18px}
  .mc-plat:hover .mc-go{background:var(--gold);color:#1a1308}

  .mc-rows{display:flex;flex-direction:column;gap:18px;margin-top:32px}
  /* 渠道介绍卡：三栏，中间店铺图整格全出血，整卡仅外圆角 */
  .mc-row{padding:0 !important;overflow:hidden;display:grid;grid-template-columns:1.34fr 1.3fr .72fr;align-items:stretch;border-radius:16px}
  .mc-row>div{min-width:0}
  .mc-row .col-l{display:flex;align-items:stretch}
  .mc-numcol{flex:none;width:64px;padding:30px 0 26px;display:flex;justify-content:center;border-right:1px solid #ece2cc}
  .mc-body{flex:1;min-width:0;padding:30px 26px 26px 22px;display:flex;flex-direction:column;justify-content:center}
  .mc-row .col-m{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#efe6d0,#e6dabb)}
  .mc-row .col-m img{display:block;width:100%;height:auto;flex:none;border-radius:0;box-shadow:none}
  .mc-row .col-m .ph{display:block;width:100%;height:auto;flex:none;padding-bottom:52.63%;border-radius:0;background:linear-gradient(135deg,#f1ead9,#e4d9bf)}
  .mc-row .col-r{padding:30px 26px 26px;border-left:1px solid #efe6d2;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fffdf8,#fbf6ec)}
  .mc-num{font-family:var(--latin);font-size:40px;font-weight:600;line-height:1;color:var(--gold)}
  .mc-num::after{content:"";display:block;width:22px;height:2px;background:var(--gold);margin:10px auto 0}
  .mc-ttl{font-family:var(--serif);font-size:23px;letter-spacing:.01em;line-height:1.35;color:#2c2419;white-space:nowrap}
  .mc-ttl .b{font-family:var(--sans);font-weight:800;letter-spacing:-.01em;display:inline;margin-right:9px}
  .mc-ttl .sub{display:inline;font-size:20px;font-weight:700;color:#2c2419}
  .mc-row .desc{font-size:13px;line-height:2;color:var(--muted-dark);margin:14px 0 22px}
  .mc-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin-top:auto;list-style:none;padding:0;margin-bottom:0}
  .mc-feats li{display:flex;align-items:flex-start;gap:7px;min-width:0}
  .mc-feats .fi{display:inline-flex;margin-top:1px}
  .mc-feats svg{width:22px;height:22px;color:var(--gold-deep);flex:none}
  .mc-feats b{display:block;font-size:11.5px;font-weight:700;color:#3a2f1c;line-height:1.4}
  .mc-feats small{display:block;font-size:9.8px;color:var(--muted-dark);line-height:1.4}
  .mc-pop{font-family:var(--serif);font-size:18px;font-weight:600;color:#a97f3c;display:flex;align-items:center;gap:10px;margin-bottom:16px;letter-spacing:.06em}
  .mc-pop::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block}
  .mc-pops{font-size:12.8px;color:#6b5f47;line-height:2.15;flex:1}
  .mc-shop{
    margin-top:22px;border:1px solid var(--gold);color:var(--gold-deep);border-radius:8px;
    display:flex;align-items:center;justify-content:center;gap:10px;
    padding:13px 18px;font-size:13px;letter-spacing:.12em;transition:.3s;background:transparent;
  }
  .mc-shop svg{width:16px;height:16px;transition:transform .3s}
  .mc-shop:hover{background:var(--gold);color:#1a1308}
  .mc-shop:hover svg{transform:translateX(3px)}

  /* 各平台品牌名配色 */
  .mc-row[data-brand="yahoo-japan"] .b{color:#c01b27}
  .mc-row[data-brand="amazon"] .b{color:#111}
  .mc-row[data-brand="rakuten"] .b{color:#bf0000}
  .mc-row[data-brand="tiktok-shop"] .b{color:#111}
  .mc-row[data-brand="mercari"] .b{color:#111}
  @media(max-width:1200px){
    .mc-numcol{width:62px;padding:32px 0 26px}
    .mc-body{padding:32px 24px 26px 22px}
    .mc-row .col-r{padding:32px 22px 28px}
    .mc-num{font-size:34px}
    .mc-ttl{font-size:20px}
    .mc-ttl .sub{font-size:17px}
  }

  @media(max-width:980px){
    .mc-row{grid-template-columns:1fr}
    .mc-row .col-m{min-height:0;padding:0;order:2;display:block}
    .mc-row .col-l{order:1}
    .mc-row .col-m img{position:relative;width:100%;height:auto;border-radius:0;box-shadow:none}
    .mc-row .col-m .ph{position:relative;inset:auto;width:100%;height:0;padding-bottom:52.63%;border-radius:0}
    .mc-row .col-r{border-left:none;border-top:1px solid #ece2cc;order:3}
    .mc-feats{grid-template-columns:repeat(3,1fr);gap:16px 8px}
    .mc-ttl{white-space:normal}
    .mc-ttl .b{display:block;margin-right:0}
    .mc-ttl .sub{display:block;margin-top:2px}
  }
  @media(max-width:520px){
    .mc-feats{grid-template-columns:1fr}
    .mc-numcol{width:52px}
    .mc-num{font-size:30px}
  }

  .mc-vows-band{background:transparent;border-top:none}
  .mc-vows{
    display:grid;grid-template-columns:repeat(4,1fr) 1.12fr;gap:0;align-items:stretch;
    background:#fff;border:1px solid #e8ddc8;border-radius:16px;overflow:hidden;
    box-shadow:0 24px 50px -34px rgba(120,90,40,.5);
  }
  .mc-vow{display:flex;gap:13px;align-items:flex-start;padding:30px 22px}
  .mc-vow:not(:last-child){border-right:1px solid #f0e8d6}
  .mc-vow .ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px}
  .mc-vow .ic svg{width:38px;height:38px;color:var(--gold-deep)}
  .mc-vow b{display:block;font-family:var(--serif);font-size:15px;font-weight:600;color:#33281a;margin-bottom:6px;letter-spacing:.02em}
  .mc-vow small{display:block;font-size:11.6px;color:var(--muted-dark);line-height:1.8}
  .mc-more{
    margin:12px;background:linear-gradient(120deg,#b98d4e,var(--gold) 58%,#d9bd86);
    border-radius:12px;color:#2a2010;padding:26px 24px;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:10px;
    font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:.03em;line-height:1.7;transition:.4s;
    box-shadow:0 18px 40px -24px rgba(150,110,45,.7);
  }
  .mc-more:hover{transform:translateY(-4px);box-shadow:0 26px 52px -24px rgba(169,127,60,.85)}
  .mc-more .arr{flex:none;transition:transform .3s}
  .mc-more:hover .arr{transform:translateX(5px)}
  @media(max-width:1000px){
    .mc-plat-grid{grid-template-columns:repeat(2,1fr)}
    .mc-vows{grid-template-columns:1fr 1fr}
    .mc-vow:nth-child(2){border-right:none}
    .mc-vow:nth-child(-n+2){border-bottom:1px solid #f0e8d6}
    .mc-more{grid-column:1/-1;margin:0;border-radius:0;align-items:flex-end;justify-content:flex-start;padding:26px 30px}
  }
  @media(max-width:560px){
    .mc-plat-grid{grid-template-columns:1fr}
    .mc-vows{grid-template-columns:1fr}
    .mc-vow{border-right:none !important;border-bottom:1px solid #f0e8d6}
    .mc-vow:nth-last-child(2){border-bottom:none}
    .mc-more{grid-column:auto;flex-direction:row;align-items:flex-end;justify-content:flex-start}
  }