/* =====================================================================
   湛仙窖酒 · 品牌官网重设计  —  设计系统 / 全局样式
   风格：闽北酱香 · 生动大气  |  主色 酒红 + 鎏金  |  衬线标题 + 无衬线正文
   规范：全站禁用 emoji 图标，统一使用内联 SVG；顶部两行布局
   ===================================================================== */

:root{
  /* 品牌色 */
  --c-wine:        #7c1f1f;   /* 主酒红 */
  --c-wine-600:    #6a1a1a;
  --c-wine-700:    #521313;
  --c-wine-900:    #361010;   /* 深邃背景 */
  --c-gold:        #c6a15b;   /* 鎏金 */
  --c-gold-300:    #e3c98f;
  --c-gold-100:    #f3e7c8;

  --c-cream:       #f8f3ea;   /* 暖米底 */
  --c-cream-2:     #f1e9da;
  --c-paper:       #fffdf8;

  --c-ink:         #211a16;   /* 正文墨色 */
  --c-ink-2:       #2e2420;
  --c-muted:       #8c7c6b;
  --c-line:        rgba(124,31,31,.14);

  /* 阴影（暖调） */
  --sh-sm: 0 2px 10px rgba(54,16,16,.08);
  --sh-md: 0 10px 30px rgba(54,16,16,.12);
  --sh-lg: 0 24px 60px rgba(54,16,16,.18);
  --sh-gold: 0 12px 34px rgba(198,161,91,.30);

  /* 圆角 */
  --r-sm: 8px;
  --r:    14px;
  --r-lg: 22px;

  --container: 1200px;
  --header-h: 116px;

  --ff-serif: "Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --ff-sans:  "Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--ff-sans);
  color:var(--c-ink);
  background:var(--c-cream);
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--ff-serif);font-weight:700;line-height:1.25;margin:0;color:var(--c-ink);}
p{margin:0 0 1em;}
ul{margin:0;padding:0;list-style:none;}

.container{max-width:var(--container);margin:0 auto;padding:0 24px;}

/* ---------- 通用文字/装饰 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:14px;letter-spacing:.28em;color:var(--c-gold);
  font-weight:600;text-transform:uppercase;
}
.eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--c-gold),transparent);}
.section-title{
  font-size:clamp(28px,4vw,44px);
  margin:.5em 0 .35em;letter-spacing:.02em;
}
.section-title .accent{color:var(--c-wine);}
.section-sub{color:var(--c-muted);max-width:640px;margin:0 auto;font-size:15.5px;}
.section-head{text-align:center;max-width:760px;margin:0 auto 48px;}
.section-head .eyebrow{justify-content:center;}
.section-head .eyebrow::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--c-gold));}

/* ---------- 按钮（全站统一） ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 30px;border-radius:999px;font-weight:600;font-size:15.5px;
  cursor:pointer;border:1.5px solid transparent;transition:.28s ease;
  font-family:var(--ff-sans);white-space:nowrap;
}
.btn svg{width:18px;height:18px;}
.btn-primary{background:linear-gradient(135deg,var(--c-wine),var(--c-wine-700));color:#fff;box-shadow:var(--sh-md);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);background:linear-gradient(135deg,var(--c-wine-600),var(--c-wine-900));}
.btn-gold{background:linear-gradient(135deg,var(--c-gold-300),var(--c-gold));color:var(--c-wine-900);box-shadow:var(--sh-gold);}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(198,161,91,.45);}
.btn-ghost{border-color:var(--c-gold);color:var(--c-gold);background:transparent;}
.btn-ghost:hover{background:rgba(198,161,91,.12);transform:translateY(-3px);}
.btn-ghost-light{border-color:rgba(255,255,255,.55);color:#fff;background:transparent;}
.btn-ghost-light:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);}
.btn-lg{padding:17px 40px;font-size:17px;}
.btn-block{width:100%;}

/* =====================================================================
   顶部两行布局：第一行 信息栏  /  第二行 主导航
   ===================================================================== */
.topbar{
  background:var(--c-wine-900);color:rgba(255,255,255,.82);
  font-size:13.5px;
}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:42px;}
.topbar .tb-left{display:flex;align-items:center;gap:22px;}
.topbar .tb-left span{display:inline-flex;align-items:center;gap:7px;}
.topbar .tb-left svg{width:15px;height:15px;color:var(--c-gold-300);}
.topbar a:hover{color:var(--c-gold-300);}
.topbar .tb-right{display:flex;align-items:center;gap:8px;color:var(--c-gold-100);font-weight:600;}
.topbar .tb-right svg{width:16px;height:16px;}

/* 主导航 */
.header{
  position:sticky;top:0;z-index:80;
  background:rgba(255,253,248,.92);
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--c-line);
  transition:.3s;
}
.header.scrolled{box-shadow:var(--sh-sm);}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  height:74px;
}
.brand{display:flex;align-items:center;gap:13px;}
.brand img{height:46px;width:auto;}
.brand .b-text{display:flex;flex-direction:column;line-height:1.1;}
.brand .b-name{font-family:var(--ff-serif);font-size:23px;font-weight:900;color:var(--c-wine);letter-spacing:.06em;}
.brand .b-slogan{font-size:11.5px;color:var(--c-muted);letter-spacing:.32em;margin-top:3px;}

.nav-menu{display:flex;align-items:center;gap:4px;}
.nav-menu>li{position:relative;}
.nav-menu>li>a{
  display:flex;align-items:center;gap:6px;
  padding:10px 16px;font-size:15.5px;font-weight:500;color:var(--c-ink-2);
  border-radius:999px;transition:.22s;position:relative;
}
.nav-menu>li>a:hover{color:var(--c-wine);background:rgba(124,31,31,.06);}
.nav-menu>li.active>a{color:var(--c-wine);font-weight:700;}
.nav-menu .caret{width:12px;height:12px;opacity:.5;}
/* 下拉 */
.nav-menu .sub{
  position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(8px);
  min-width:170px;background:var(--c-paper);border:1px solid var(--c-line);
  border-radius:var(--r);box-shadow:var(--sh-md);padding:8px;
  opacity:0;visibility:hidden;transition:.22s;z-index:90;
}
.nav-menu>li:hover .sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-menu .sub li a{padding:10px 14px;border-radius:10px;font-size:14.5px;color:var(--c-ink-2);display:block;}
.nav-menu .sub li a:hover{background:rgba(124,31,31,.06);color:var(--c-wine);}

.nav-cta{display:flex;align-items:center;gap:14px;}
.nav-phone{display:flex;align-items:center;gap:8px;color:var(--c-wine);font-weight:700;font-size:16px;}
.nav-phone svg{width:18px;height:18px;}
/* 移动端汉堡 */
.hamburger{display:none;width:44px;height:44px;border:none;background:transparent;cursor:pointer;flex-direction:column;gap:5px;justify-content:center;align-items:center;}
.hamburger span{width:24px;height:2px;background:var(--c-wine);border-radius:2px;transition:.3s;}

/* =====================================================================
   首屏 HERO
   ===================================================================== */
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1200px 600px at 78% 18%, rgba(198,161,91,.22), transparent 60%),
    radial-gradient(900px 500px at 12% 90%, rgba(124,31,31,.35), transparent 55%),
    linear-gradient(160deg,var(--c-wine-900),var(--c-wine-700) 55%,var(--c-wine-900));
  color:#fff;
  padding:0;
}
/* 山形装饰 */
.hero-mountains{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;opacity:.5;pointer-events:none;}
.hero-cloud{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%23c6a15b' stroke-opacity='0.10' stroke-width='1.2'%3E%3Cpath d='M10 60q15-18 30 0t30 0 30 0'/%3E%3Cpath d='M10 90q15-18 30 0t30 0 30 0'/%3E%3C/g%3E%3C/svg%3E");background-size:120px;pointer-events:none;}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:78px 24px 96px;}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;
  background:rgba(198,161,91,.16);border:1px solid rgba(198,161,91,.4);
  color:var(--c-gold-100);font-size:13.5px;letter-spacing:.05em;margin-bottom:22px;
}
.hero-badge svg{width:16px;height:16px;color:var(--c-gold-300);}
.hero h1{
  color:#fff;font-size:clamp(36px,5.4vw,62px);line-height:1.18;letter-spacing:.02em;font-weight:900;
  text-shadow:0 6px 30px rgba(0,0,0,.35);
}
.hero h1 .hl{color:var(--c-gold-300);}
.hero p.lead{margin:22px 0 34px;font-size:17px;color:rgba(255,255,255,.85);max-width:520px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.hero-trust{display:flex;gap:30px;margin-top:46px;flex-wrap:wrap;}
.hero-trust div{display:flex;flex-direction:column;}
.hero-trust b{font-family:var(--ff-serif);font-size:26px;color:var(--c-gold-300);}
.hero-trust span{font-size:13px;color:rgba(255,255,255,.7);letter-spacing:.04em;}

/* HERO 右侧酒瓶视觉 */
.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:440px;}
.hero-glow{position:absolute;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,rgba(198,161,91,.55),transparent 62%);filter:blur(6px);animation:pulse 5s ease-in-out infinite;}
.hero-bottle{
  position:relative;z-index:2;width:min(320px,72%);border-radius:18px;
  box-shadow:0 30px 70px rgba(0,0,0,.45);border:1px solid rgba(198,161,91,.4);
  animation:floaty 6s ease-in-out infinite;
}
.hero-ring{position:absolute;z-index:1;width:300px;height:300px;border:1px dashed rgba(198,161,91,.5);border-radius:50%;animation:spin 26s linear infinite;}
.hero-seal{
  position:absolute;top:8%;right:6%;width:96px;height:96px;border-radius:50%;
  background:linear-gradient(135deg,var(--c-wine),var(--c-wine-900));border:2px solid var(--c-gold);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:var(--ff-serif);color:var(--c-gold-100);font-size:13px;line-height:1.3;letter-spacing:.1em;
  box-shadow:var(--sh-md);
}

@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}

/* =====================================================================
   数据信任区
   ===================================================================== */
.stats{background:var(--c-ink);color:#fff;padding:54px 0;border-top:1px solid rgba(198,161,91,.2);border-bottom:1px solid rgba(198,161,91,.2);}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.stats .num{font-family:var(--ff-serif);font-size:clamp(34px,4vw,48px);color:var(--c-gold-300);font-weight:900;line-height:1;}
.stats .num small{font-size:20px;margin-left:2px;}
.stats .lab{margin-top:10px;font-size:14px;color:rgba(255,255,255,.72);letter-spacing:.05em;}
.stats .item{position:relative;}
.stats .item:not(:last-child)::after{content:"";position:absolute;right:-12px;top:18%;height:64%;width:1px;background:rgba(198,161,91,.25);}

/* =====================================================================
   产品展示
   ===================================================================== */
.section{padding:84px 0;}
.section.alt{background:var(--c-cream-2);}
.product-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:42px;}
.product-tabs button{
  border:1.5px solid var(--c-line);background:var(--c-paper);color:var(--c-ink-2);
  padding:10px 24px;border-radius:999px;font-size:15px;cursor:pointer;font-family:var(--ff-sans);font-weight:500;transition:.25s;
}
.product-tabs button:hover{border-color:var(--c-gold);color:var(--c-wine);}
.product-tabs button.active{background:var(--c-wine);color:#fff;border-color:var(--c-wine);box-shadow:var(--sh-sm);}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.product-card{
  background:var(--c-paper);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);
  box-shadow:var(--sh-sm);transition:.3s;position:relative;
}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg);border-color:rgba(198,161,91,.5);}
.product-card .pic{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 35%,var(--c-cream-2),#fff);overflow:hidden;}
.product-card .pic img{width:100%;height:100%;object-fit:contain;padding:22px;transition:.4s;}
.product-card:hover .pic img{transform:scale(1.06);}
.product-card .tag{position:absolute;top:14px;left:14px;background:var(--c-wine);color:#fff;font-size:12px;padding:5px 12px;border-radius:999px;letter-spacing:.05em;}
.product-card .body{padding:20px 20px 22px;}
.product-card .body h3{font-size:19px;color:var(--c-wine);}
.product-card .body .desc{font-size:13.5px;color:var(--c-muted);margin:8px 0 14px;min-height:42px;}
.product-card .body .meta{display:flex;align-items:center;justify-content:space-between;}
.product-card .body .price{font-family:var(--ff-serif);color:var(--c-gold);font-weight:700;font-size:17px;}
.product-card .body .price small{font-size:12px;color:var(--c-muted);font-weight:400;}
.product-card .body .more{font-size:13.5px;color:var(--c-wine);display:inline-flex;align-items:center;gap:5px;font-weight:600;}
.product-card .body .more svg{width:14px;height:14px;}

/* =====================================================================
   四大优势
   ===================================================================== */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.feat-card{
  background:var(--c-paper);border-radius:var(--r-lg);padding:34px 28px;border:1px solid var(--c-line);
  box-shadow:var(--sh-sm);transition:.3s;position:relative;overflow:hidden;
}
.feat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-gold),var(--c-wine));transform:scaleX(0);transform-origin:left;transition:.35s;}
.feat-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);}
.feat-card:hover::before{transform:scaleX(1);}
.feat-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--c-wine),var(--c-wine-700));display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--sh-sm);}
.feat-icon svg{width:32px;height:32px;color:var(--c-gold-300);}
.feat-card h3{font-size:20px;margin-bottom:10px;color:var(--c-wine);}
.feat-card p{font-size:14.5px;color:var(--c-muted);margin:0;}

/* =====================================================================
   酿酒工艺 时间轴
   ===================================================================== */
.craft{background:linear-gradient(160deg,var(--c-wine-900),var(--c-wine-700));color:#fff;position:relative;overflow:hidden;}
.craft .section-title,.craft .section-sub{color:#fff;}
.craft .section-sub{color:rgba(255,255,255,.78);}
.craft-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:20px;}
.craft-step{text-align:center;position:relative;padding-top:14px;}
.craft-step .dot{width:58px;height:58px;border-radius:50%;background:rgba(198,161,91,.15);border:1.5px solid var(--c-gold);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;z-index:2;}
.craft-step .dot svg{width:28px;height:28px;color:var(--c-gold-300);}
.craft-step h4{color:#fff;font-size:17px;margin-bottom:6px;}
.craft-step p{font-size:13px;color:rgba(255,255,255,.72);margin:0;}
.craft-step:not(:last-child)::after{content:"";position:absolute;top:42px;left:58%;width:84%;height:2px;background:repeating-linear-gradient(90deg,var(--c-gold),var(--c-gold) 6px,transparent 6px,transparent 12px);opacity:.5;}

/* =====================================================================
   新闻预览
   ===================================================================== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.news-card{background:var(--c-paper);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);box-shadow:var(--sh-sm);transition:.3s;display:flex;flex-direction:column;}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);}
.news-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--c-wine-700),var(--c-wine-900));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.news-card .thumb svg{width:54px;height:54px;color:var(--c-gold-300);opacity:.85;}
.news-card .thumb .cat{position:absolute;top:14px;left:14px;background:rgba(198,161,91,.92);color:var(--c-wine-900);font-size:12px;padding:4px 12px;border-radius:999px;font-weight:600;}
.news-card .body{padding:22px;flex:1;display:flex;flex-direction:column;}
.news-card .date{font-size:13px;color:var(--c-gold);font-weight:600;letter-spacing:.04em;}
.news-card h3{font-size:18px;margin:10px 0 10px;line-height:1.5;color:var(--c-ink);}
.news-card p{font-size:14px;color:var(--c-muted);margin:0 0 14px;flex:1;}
.news-card .more{font-size:14px;color:var(--c-wine);font-weight:600;display:inline-flex;align-items:center;gap:6px;}
.news-card .more svg{width:15px;height:15px;}

/* =====================================================================
   招商加盟 CTA
   ===================================================================== */
.franchise{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c-wine),var(--c-wine-900));color:#fff;text-align:center;}
.franchise .container{position:relative;z-index:2;padding:76px 24px;}
.franchise h2{color:#fff;font-size:clamp(28px,4vw,42px);}
.franchise p{color:rgba(255,255,255,.82);max-width:620px;margin:16px auto 30px;}
.franchise-points{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:36px;}
.franchise-points div{display:flex;flex-direction:column;align-items:center;gap:8px;}
.franchise-points b{font-family:var(--ff-serif);font-size:20px;color:var(--c-gold-300);}
.franchise-points span{font-size:14px;color:rgba(255,255,255,.78);}
.franchise-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(198,161,91,.3),transparent 60%);top:-160px;right:-120px;}

/* =====================================================================
   页脚
   ===================================================================== */
.footer{background:var(--c-ink);color:rgba(255,255,255,.78);padding:64px 0 0;}
.footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:34px;}
.footer .f-brand .b-name{font-family:var(--ff-serif);font-size:24px;color:#fff;font-weight:900;letter-spacing:.06em;}
.footer .f-brand p{font-size:14px;margin:14px 0 18px;color:rgba(255,255,255,.62);max-width:300px;}
.footer .f-brand .socials{display:flex;gap:12px;}
.footer .f-brand .socials a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:.25s;}
.footer .f-brand .socials a:hover{background:var(--c-wine);border-color:var(--c-wine);}
.footer .f-brand .socials svg{width:20px;height:20px;color:var(--c-gold-300);}
.footer h4{color:var(--c-gold-300);font-size:16px;margin-bottom:18px;font-family:var(--ff-sans);font-weight:700;letter-spacing:.04em;}
.footer .col a{display:block;font-size:14.5px;color:rgba(255,255,255,.72);padding:7px 0;transition:.2s;}
.footer .col a:hover{color:var(--c-gold-300);padding-left:6px;}
.footer .f-contact li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;padding:7px 0;color:rgba(255,255,255,.72);}
.footer .f-contact svg{width:18px;height:18px;color:var(--c-gold-300);flex-shrink:0;margin-top:3px;}
.footer .qr{display:flex;gap:14px;margin-top:6px;}
.footer .qr .q{width:84px;text-align:center;}
.footer .qr .q .box{width:84px;height:84px;border-radius:12px;border:2px dashed var(--c-gold);background:linear-gradient(135deg,#f5efe6,#e9dcc6);display:flex;align-items:center;justify-content:center;color:#8a6a37;font-size:11px;line-height:1.3;text-align:center;white-space:pre;}
.footer .qr .q .box::after{content:"码图\A待上传";}
.footer .qr .q span{font-size:12px;color:rgba(255,255,255,.7);display:block;margin-top:6px;}
.footer .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding:22px 0;text-align:center;font-size:13.5px;color:rgba(255,255,255,.55);}
.footer .bottom a{color:rgba(255,255,255,.7);}
.footer .bottom a:hover{color:var(--c-gold-300);}
.footer .bottom .links{margin-top:8px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}

/* =====================================================================
   联系表单 / 通用块
   ===================================================================== */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.form-card{background:var(--c-paper);border-radius:var(--r-lg);padding:38px;box-shadow:var(--sh-md);border:1px solid var(--c-line);}
.form-card h3{font-size:24px;color:var(--c-wine);margin-bottom:8px;}
.form-card p.hint{font-size:14px;color:var(--c-muted);margin-bottom:24px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--c-ink-2);}
.field label .req{color:var(--c-wine);margin-left:3px;}
.field input,.field textarea,.field select{
  width:100%;padding:13px 16px;border:1.5px solid var(--c-line);border-radius:var(--r-sm);
  font-family:var(--ff-sans);font-size:15px;color:var(--c-ink);background:#fff;transition:.2s;
}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--c-gold);box-shadow:0 0 0 3px rgba(198,161,91,.18);}
.field textarea{resize:vertical;min-height:120px;}
.form-note{font-size:13px;color:var(--c-muted);margin-top:6px;}

.info-card{background:linear-gradient(160deg,var(--c-wine-900),var(--c-wine-700));color:#fff;border-radius:var(--r-lg);padding:38px;box-shadow:var(--sh-lg);}
.info-card h3{color:#fff;font-size:24px;margin-bottom:20px;}
.info-card ul li{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.info-card ul li:last-child{border-bottom:none;}
.info-card ul li svg{width:22px;height:22px;color:var(--c-gold-300);flex-shrink:0;margin-top:2px;}
.info-card ul li b{display:block;font-size:14px;color:rgba(255,255,255,.7);font-weight:500;}
.info-card ul li span{font-size:16px;color:#fff;font-weight:600;}

/* 通用内页头图 */
.page-hero{position:relative;background:linear-gradient(150deg,var(--c-wine-900),var(--c-wine-700));color:#fff;padding:70px 0 64px;overflow:hidden;}
.page-hero .container{position:relative;z-index:2;}
.page-hero h1{color:#fff;font-size:clamp(30px,4.5vw,46px);}
.page-hero p{color:rgba(255,255,255,.82);margin-top:14px;max-width:620px;}
.page-hero .crumbs{font-size:13.5px;color:rgba(255,255,255,.6);margin-bottom:14px;letter-spacing:.04em;}
.page-hero .crumbs a:hover{color:var(--c-gold-300);}
.page-hero .cloud{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%23c6a15b' stroke-opacity='0.10' stroke-width='1.2'%3E%3Cpath d='M10 60q15-18 30 0t30 0 30 0'/%3E%3C/g%3E%3C/svg%3E");background-size:120px;}

/* 品牌故事 / 时间轴 */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.story-grid .pic{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);aspect-ratio:4/3;background:linear-gradient(135deg,var(--c-wine-700),var(--c-wine-900));display:flex;align-items:center;justify-content:center;}
.story-grid .pic svg{width:90px;height:90px;color:var(--c-gold-300);opacity:.7;}
.timeline{position:relative;margin-top:20px;padding-left:30px;}
.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--c-gold),var(--c-wine));}
.timeline li{position:relative;padding:0 0 26px 14px;}
.timeline li::before{content:"";position:absolute;left:-26px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--c-gold);border:3px solid var(--c-cream);box-shadow:var(--sh-sm);}
.timeline li b{font-family:var(--ff-serif);color:var(--c-wine);font-size:17px;}
.timeline li span{display:block;font-size:14px;color:var(--c-muted);margin-top:4px;}

/* 详情锚点卡片 */
.detail-card{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--sh-sm);}
.detail-card h3{color:var(--c-wine);font-size:22px;margin-bottom:12px;}

/* 面包屑（内容页） */
.crumbs-inline{font-size:13px;color:var(--c-muted);margin-bottom:24px;}
.crumbs-inline a:hover{color:var(--c-wine);}
.crumbs-inline span{margin:0 8px;color:var(--c-line);}

/* 相关推荐 */
.related{margin-top:56px;}
.related h3{font-size:22px;color:var(--c-wine);margin-bottom:24px;}

/* 浮动客服 */
.float-cta{position:fixed;right:22px;bottom:26px;z-index:120;display:flex;flex-direction:column;gap:12px;}
.float-cta a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-md);transition:.25s;}
.float-cta a svg{width:24px;height:24px;}
.float-cta .chat{background:linear-gradient(135deg,var(--c-wine),var(--c-wine-700));color:#fff;}
.float-cta .top{background:var(--c-gold);color:var(--c-wine-900);opacity:0;pointer-events:none;transform:translateY(10px);}
.float-cta .top.show{opacity:1;pointer-events:auto;transform:translateY(0);}
.float-cta a:hover{transform:scale(1.08);}

/* 产品详情布局 */
.pd-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.pd-gallery .pd-main{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);background:radial-gradient(circle at 50% 35%,var(--c-cream-2),#fff);box-shadow:var(--sh-md);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
.pd-gallery .pd-main img{width:72%;object-fit:contain;}
.pd-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
.pd-thumbs img{border-radius:var(--r);border:1px solid var(--c-line);background:#fff;aspect-ratio:1/1;object-fit:contain;padding:12px;cursor:pointer;transition:.25s;}
.pd-thumbs img:hover{border-color:var(--c-gold);box-shadow:var(--sh-sm);}
.pd-info .pd-price{font-family:var(--ff-serif);color:var(--c-wine);font-size:30px;font-weight:900;margin:8px 0 18px;}
.pd-info .pd-price small{font-size:14px;color:var(--c-muted);font-weight:400;font-family:var(--ff-sans);}
.spec-list{margin:20px 0 26px;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;}
.spec-list li{display:flex;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--c-line);font-size:15px;}
.spec-list li:last-child{border-bottom:none;}
.spec-list li span{color:var(--c-muted);}
.spec-list li b{color:var(--c-ink-2);}
.pd-actions{display:flex;gap:14px;flex-wrap:wrap;}

/* 滚动动效 */
.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}

/* =====================================================================
   响应式断点（7 档覆盖）
   ===================================================================== */
@media (max-width:1100px){
  .product-grid{grid-template-columns:repeat(3,1fr);}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
  .footer .top{grid-template-columns:1fr 1fr 1fr;}
  .footer .f-brand{grid-column:1/-1;}
}
@media (max-width:980px){
  :root{--header-h:auto;}
  .nav-menu,.nav-cta .nav-phone{display:none;}
  .hamburger{display:flex;}
  .header.open .nav-menu{
    display:flex;flex-direction:column;align-items:stretch;gap:2px;
    position:absolute;top:74px;left:0;right:0;background:var(--c-paper);
    padding:14px 18px;box-shadow:var(--sh-md);border-top:1px solid var(--c-line);max-height:80vh;overflow:auto;
  }
  .header.open .nav-menu>li>a{padding:13px 14px;border-radius:10px;}
  .header.open .nav-menu .sub{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;background:var(--c-cream);margin-top:4px;padding:4px 0 4px 14px;}
  .header.open .nav-menu .caret{transform:rotate(90deg);}
  .hero .container{grid-template-columns:1fr;padding-top:54px;padding-bottom:70px;}
  .hero-visual{min-height:340px;order:-1;}
  .stats .grid{grid-template-columns:repeat(2,1fr);gap:30px 16px;}
  .stats .item:nth-child(2)::after{display:none;}
  .craft-steps{grid-template-columns:repeat(3,1fr);gap:30px 18px;}
  .craft-step:nth-child(3)::after{display:none;}
  .news-grid{grid-template-columns:1fr 1fr;}
  .contact-wrap,.story-grid,.pd-wrap{grid-template-columns:1fr;gap:30px;}
  .franchise-points{gap:26px;}
}
@media (max-width:680px){
  .product-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .feat-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .footer .top{grid-template-columns:1fr 1fr;}
  .section{padding:60px 0;}
  .section-head{margin-bottom:34px;}
  .hero h1{font-size:clamp(30px,8vw,42px);}
  .hero-trust{gap:20px;}
  .craft-steps{grid-template-columns:repeat(2,1fr);}
  .craft-step::after{display:none !important;}
  .float-cta{right:14px;bottom:16px;}
}
@media (max-width:420px){
  .product-grid{grid-template-columns:1fr;}
  .container{padding:0 18px;}
  .topbar .tb-left{display:none;}
  .topbar .container{justify-content:center;}
  .btn{padding:13px 22px;font-size:14.5px;}
}

/* =====================================================================
   新增模块：品牌视频 / 产区风土 / 资质徽章 / 招商 / 购买 / 防伪 / 新闻tab
   ===================================================================== */

/* 品牌视频 */
.brand-video{background:linear-gradient(160deg,var(--c-wine-900),var(--c-wine-700));color:#fff;position:relative;overflow:hidden;}
.brand-video .section-head .eyebrow{color:var(--c-gold-300);}
.brand-video .section-title,.brand-video .section-sub{color:#fff;}
.brand-video .section-sub{color:rgba(255,255,255,.78);}
.video-frame{position:relative;max-width:920px;margin:0 auto;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%,var(--c-wine-700),#2a0c0c);border:1px solid rgba(198,161,91,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;}
.video-frame:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(0,0,0,.4);}
.video-frame .play{width:84px;height:84px;border-radius:50%;background:rgba(198,161,91,.92);display:flex;align-items:center;justify-content:center;transition:.3s;}
.video-frame:hover .play{transform:scale(1.08);background:var(--c-gold);}
.video-frame .play svg{width:34px;height:34px;color:var(--c-wine-900);margin-left:4px;}
.video-frame .vtag{position:absolute;top:16px;left:16px;background:rgba(198,161,91,.92);color:var(--c-wine-900);font-size:12px;padding:5px 13px;border-radius:999px;font-weight:600;}
.video-frame .vcap{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;background:linear-gradient(transparent,rgba(0,0,0,.62));font-size:15px;color:rgba(255,255,255,.9);}

/* 产区风土 */
.terroir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;}
.terroir-card{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--sh-sm);transition:.3s;}
.terroir-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);}
.terroir-card .ti{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--c-wine),var(--c-wine-700));display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.terroir-card .ti svg{width:28px;height:28px;color:var(--c-gold-300);}
.terroir-card h3{font-size:19px;color:var(--c-wine);margin-bottom:8px;}
.terroir-card p{font-size:14px;color:var(--c-muted);margin:0;}

/* 品牌视频（真实视频） */
.video-frame video{width:100%;height:100%;object-fit:cover;display:block;background:#000;}
/* 荣誉资质 */
.honor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.honor-card{margin:0;background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--c-line);transition:.3s;}
.honor-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);}
.honor-card .ph{aspect-ratio:4/3;overflow:hidden;background:#f7f1e6;}
.honor-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.honor-card:hover img{transform:scale(1.04);}
.honor-card figcaption{padding:14px 16px;font-size:14px;color:var(--c-ink);text-align:center;font-weight:600;line-height:1.5;}
@media (max-width:900px){.honor-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}
@media (max-width:520px){.honor-grid{grid-template-columns:1fr;}}
/* 页脚二维码（真实图片） */
.footer .qr .q img{width:84px;height:84px;border-radius:12px;border:3px solid #fff;display:block;object-fit:cover;}
/* 厂区掠影 / 品牌投放 图组 */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
.gallery-grid figure{margin:0;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--sh-sm);position:relative;}
.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.gallery-grid figure:hover img{transform:scale(1.05);}
.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,.62));color:#fff;font-size:13px;letter-spacing:.03em;}
.mall-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px;}
.mall-grid figure{margin:0;}
.mall-grid .ph{border-radius:var(--r-md);overflow:hidden;aspect-ratio:3/4;box-shadow:var(--sh-sm);}
.mall-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.mall-grid figure:hover img{transform:scale(1.04);}
.mall-grid figcaption{padding:12px 4px 0;font-size:13.5px;color:var(--c-muted);text-align:center;line-height:1.5;}
.news-card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
@media (max-width:900px){.mall-grid{grid-template-columns:repeat(2,1fr);}.gallery-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.mall-grid,.gallery-grid{grid-template-columns:1fr;}}

/* 资质徽章带 */
.badges{background:var(--c-ink);color:#fff;padding:30px 0;border-top:1px solid rgba(198,161,91,.2);border-bottom:1px solid rgba(198,161,91,.2);}
.badges .grid{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.badges .b{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border:1px solid rgba(198,161,91,.4);border-radius:999px;font-size:14.5px;color:var(--c-gold-100);transition:.25s;}
.badges a.b:hover{border-color:var(--c-gold);color:#fff;}

/* 招商页 */
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.flow-item{position:relative;background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:30px 24px 26px;box-shadow:var(--sh-sm);}
.flow-item .n{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--c-gold-300),var(--c-gold));color:var(--c-wine-900);font-family:var(--ff-serif);font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.flow-item h3{font-size:18px;color:var(--c-wine);margin-bottom:8px;}
.flow-item p{font-size:13.5px;color:var(--c-muted);margin:0;}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.support-card{background:var(--c-cream-2);border-radius:var(--r-lg);padding:28px;border:1px solid var(--c-line);}
.support-card h3{font-size:17px;color:var(--c-wine);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.support-card h3 svg{width:20px;height:20px;color:var(--c-gold);flex-shrink:0;}
.support-card ul li{padding:7px 0;font-size:14px;color:var(--c-ink-2);border-bottom:1px dashed var(--c-line);}
.support-card ul li:last-child{border-bottom:none;}
.franchise-form{background:var(--c-paper);border-radius:var(--r-lg);padding:38px;box-shadow:var(--sh-md);border:1px solid var(--c-line);}
.franchise-form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

/* 购买渠道页 */
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.channel-card{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--sh-sm);text-align:center;transition:.3s;}
.channel-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);}
.channel-card .qr-big{width:158px;height:158px;margin:0 auto 18px;border-radius:16px;background:repeating-conic-gradient(#fff 0% 25%,#ddd 0% 50%) 50%/16px 16px;border:4px solid #fff;box-shadow:var(--sh-sm);overflow:hidden;}
.channel-card .qr-big img{display:block;width:100%;height:100%;object-fit:cover;}
.channel-card h3{font-size:20px;color:var(--c-wine);margin-bottom:8px;}
.channel-card p{font-size:14px;color:var(--c-muted);margin:0 0 14px;}
.channel-card .plat{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.channel-card .plat span{font-size:12.5px;padding:5px 12px;border-radius:999px;background:var(--c-cream-2);color:var(--c-ink-2);}

/* 防伪溯源页 */
.af-box{max-width:660px;margin:0 auto;background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:38px;box-shadow:var(--sh-md);}
.af-box .field{text-align:left;margin-bottom:20px;}
.af-result{margin-top:8px;padding:16px 18px;border-radius:var(--r);font-size:14.5px;display:none;}
.af-result.ok{display:block;background:rgba(99,153,34,.12);color:#3b6d11;border:1px solid rgba(99,153,34,.4);}
.af-result.no{display:block;background:rgba(226,75,74,.12);color:#a32d2d;border:1px solid rgba(226,75,74,.4);}
.af-note{font-size:13.5px;color:var(--c-muted);text-align:center;margin-top:18px;}
.af-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.af-point{text-align:center;padding:24px 18px;background:var(--c-cream-2);border-radius:var(--r-lg);border:1px solid var(--c-line);}
.af-point .ti{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--c-wine),var(--c-wine-700));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.af-point .ti svg{width:26px;height:26px;color:var(--c-gold-300);}
.af-point h3{font-size:17px;color:var(--c-wine);margin-bottom:8px;}
.af-point p{font-size:13.5px;color:var(--c-muted);margin:0;}

/* 新闻分类 tab 复用 product-tabs */
.news-tabs{margin-bottom:38px;}

/* 响应式补充 */
@media (max-width:980px){
  .terroir-grid,.support-grid,.channel-grid,.af-points{grid-template-columns:repeat(2,1fr);}
  .flow-grid{grid-template-columns:repeat(2,1fr);}
  .franchise-form .row{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .terroir-grid,.support-grid,.channel-grid,.af-points,.flow-grid{grid-template-columns:1fr;}
}