/* =========================================================
   寂寞的鸭子 LONELY DUCK - 品牌官网样式
   基于设计稿(PSD 1920px)还原
   ========================================================= */
:root{
  --yellow:#FFC90E;
  --yellow-deep:#F5B100;
  --cream:#FBF4E2;
  --cream-light:#FFFDF6;
  --brown:#2C1E12;
  --brown-deep:#241708;
  --text:#3B3B3B;
  --muted:#8C8578;
  --line:#EFE6CF;
  --container:1400px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  color:var(--text);
  background:var(--cream-light);
  font-size:16px;
  line-height:1.7;
  min-width:1200px;
}
img{max-width:100%;display:block;border:0;}
a{color:inherit;text-decoration:none;transition:color .25s;}
ul,ol{list-style:none;}
.container{width:var(--container);margin:0 auto;}
.clearfix:after{content:"";display:block;clear:both;}

/* ---------- 通用标题 ---------- */
.sec-title{
  text-align:center;
  font-size:34px;
  font-weight:700;
  color:#2B2B2B;
  letter-spacing:2px;
  position:relative;
  padding-bottom:18px;
}
.sec-title::after{
  content:"";
  display:block;
  width:46px;height:5px;border-radius:3px;
  background:var(--yellow);
  margin:14px auto 0;
}
.sec-sub{text-align:center;color:var(--muted);font-size:15px;margin-top:10px;}

/* ---------- 顶部导航（内页）：与首页导航完全一致 ---------- */
.site-header{
  position:relative;
  background:var(--cream);
  z-index:100;
}
.site-header .nav-wrap{
  width:var(--container);
  margin:0 auto;
  padding:36px 0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:150px;
}
.main-nav{display:flex;align-items:center;gap:52px;font-size:19px;font-weight:500;color:#4A4A4A;}
.main-nav .nav-item{
  font-size:19px;
  color:#4A4A4A;
  font-weight:500;
  position:relative;
  padding-bottom:6px;
}
.main-nav .nav-item::after{
  content:"";display:inline-block;margin-left:7px;
  border:4px solid transparent;border-top-color:#B49B5F;
  vertical-align:middle;transform:translateY(-2px);
}
.main-nav .nav-item.plain::after{display:none;}
.main-nav .nav-item:hover,
.main-nav .nav-item.active{color:#1F1F1F;font-weight:700;}
.nav-logo{flex:0 0 auto;display:block;}
.nav-logo img{height:84px;width:auto;}

/* ---------- 首页 Mega 头部 ---------- */
.home-header{
  position:relative;z-index:90;
  background:var(--cream);
  padding:36px 0 28px;
}
.home-topbar{
  width:var(--container);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:150px;
}
.home-topbar .top-links{display:flex;align-items:center;gap:52px;font-size:19px;font-weight:500;color:#4A4A4A;}
.home-topbar .top-links a{position:relative;padding-bottom:6px;}
.home-topbar .top-links a.plain::after{display:none;}
.home-topbar .top-links a::after{
  content:"";display:inline-block;margin-left:7px;
  border:4px solid transparent;border-top-color:#B49B5F;
  vertical-align:middle;transform:translateY(-2px);
  transition:transform .25s;
}
.home-header.mega-open .top-links a::after{
  transform:translateY(2px) rotate(180deg);
}
.home-topbar .top-links a:hover{color:#1F1F1F;font-weight:700;}
.home-topbar .top-logo img{height:84px;}
/* 首页大菜单：默认收起，悬停/点按对应栏目时向下弹出该栏目内容 */
.home-mega{
  position:absolute;left:50%;top:calc(100% - 10px);
  transform:translateX(-50%) translateY(-12px);
  width:var(--container);z-index:95;
  background:#FFFDF6;
  border:1px solid #EFE3C2;border-top:3px solid var(--yellow-deep);
  border-radius:18px;
  box-shadow:0 26px 50px rgba(44,30,18,.18);
  padding:30px 44px 32px;box-sizing:border-box;
  flex-direction:column;align-items:center;
  visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity .25s ease,transform .3s ease,visibility 0s linear .3s;
}
.home-header.mega-open .home-mega{
  visibility:visible;opacity:1;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
  transition:opacity .25s ease,transform .3s ease;
}
.mega-cols{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;width:100%;}
.mega-col{display:block;flex:1;text-align:left;}
.mega-col.active{border-radius:12px;background:rgba(255,201,14,.12);}
.mega-col.active h5{color:var(--yellow-deep);}
.mega-col h5{
  font-size:16px;font-weight:700;color:#2B2B2B;
  padding-bottom:10px;margin-bottom:12px;
  border-bottom:1px solid #E4D6B4;
}
.mega-col a{
  display:block;
  font-size:14px;color:#7A6F58;
  line-height:2.1;
}
.mega-col a:hover{color:var(--yellow-deep);}

/* ---------- Banner ---------- */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;height:auto;}
.banner .banner-title{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  font-size:52px;
  font-weight:700;
  letter-spacing:8px;
  text-shadow:0 4px 18px rgba(0,0,0,.35);
  white-space:nowrap;
}
.banner .banner-title.left{
  left:180px;transform:translateY(-50%);
  letter-spacing:4px;
}

/* ---------- 首页 ---------- */
.home-hero img{width:100%;}
.home-slogan{
  text-align:center;
  font-size:30px;font-weight:700;letter-spacing:3px;
  color:#2B2B2B;
  padding:56px 0 10px;
}
.home-slogan em{font-style:normal;color:var(--yellow-deep);}
.home-stats{
  width:var(--container);
  margin:30px auto 0;
  display:flex;
  justify-content:space-between;
}
.stat-item{
  flex:1;
  text-align:center;
  position:relative;
  padding:10px 20px;
}
.stat-item + .stat-item::before{
  content:"";
  position:absolute;left:0;top:50%;
  transform:translateY(-50%);
  width:2px;height:64px;
  background:#E8D9B8;
}
.stat-num{font-size:52px;font-weight:800;color:#1F1F1F;line-height:1.1;}
.stat-num small{font-size:20px;font-weight:700;}
.stat-label{font-size:16px;color:#4A4A4A;margin-top:6px;font-weight:600;}
.stat-desc{font-size:12px;color:var(--muted);margin-top:4px;}
.home-map{
  background:var(--cream);
  margin-top:46px;
  padding:20px 0 0;
  text-align:center;
}
.home-map img{width:1180px;max-width:92%;margin:0 auto;}
.home-btns{
  display:flex;justify-content:center;gap:40px;
  padding:34px 0 56px;
}
.btn-duck{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:250px;height:64px;
  border-radius:32px;
  font-size:19px;font-weight:700;letter-spacing:2px;
  transition:all .25s;
}
.btn-duck svg{width:22px;height:22px;}
.btn-primary{background:var(--yellow);color:#3B2A00;box-shadow:0 8px 20px rgba(245,177,0,.35);}
.btn-primary:hover{background:var(--yellow-deep);color:#fff;transform:translateY(-2px);}
.btn-outline{border:2px solid #3B2A00;color:#3B2A00;background:transparent;}
.btn-outline:hover{background:#3B2A00;color:var(--yellow);transform:translateY(-2px);}

/* 首页会员日轮播 */
.home-member{padding:20px 0 70px;background:var(--cream-light);}
.duck-carousel{position:relative;width:var(--container);margin:30px auto 0;}
.duck-carousel .stage{overflow:hidden;border-radius:26px;}
.duck-carousel .slides{display:flex;transition:transform .6s ease;}
.duck-carousel .slide{flex:0 0 100%;position:relative;}
.duck-carousel .slide img{width:100%;border-radius:26px;}
.duck-carousel .arrow{
  position:absolute;top:50%;
  transform:translateY(-50%);
  width:56px;height:56px;border-radius:50%;
  background:rgba(255,201,14,.95);
  color:#3B2A00;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  transition:all .25s;
  z-index:5;
}
.duck-carousel .arrow:hover{background:var(--yellow-deep);color:#fff;}
.duck-carousel .arrow.prev{left:-28px;}
.duck-carousel .arrow.next{right:-28px;}
.duck-carousel .arrow svg{width:22px;height:22px;}
.duck-carousel .dots{
  display:flex;justify-content:center;gap:10px;margin-top:22px;
}
.duck-carousel .dots span{
  width:24px;height:6px;border-radius:3px;
  background:#E8DCC0;cursor:pointer;transition:all .25s;
}
.duck-carousel .dots span.on{background:var(--yellow);width:36px;}
.play-btn{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:84px;height:84px;border-radius:50%;
  background:rgba(255,255,255,.92);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  transition:all .25s;
  z-index:4;
}
.play-btn:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--yellow);}
.play-btn svg{width:30px;height:30px;margin-left:5px;}

/* ---------- 页脚 ---------- */
.site-footer{
  background:var(--brown);
  color:#C9B8A4;
  padding:64px 0 0;
}
.footer-main{
  width:var(--container);
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:60px;
  padding-bottom:44px;
}
.footer-brand{flex:0 0 340px;}
.footer-brand img{height:56px;margin-bottom:20px;}
.footer-brand p{font-size:14px;line-height:2;color:#A8977F;}
.footer-col h5{font-size:17px;color:#fff;font-weight:700;margin-bottom:20px;letter-spacing:1px;}
.footer-col a{display:block;font-size:14px;color:#C9B8A4;line-height:2.2;}
.footer-col a:hover{color:var(--yellow);}
.footer-contact .c-item{display:flex;gap:12px;margin-bottom:18px;font-size:14px;}
.footer-contact .c-item .ico{
  flex:0 0 30px;height:30px;border-radius:50%;
  background:rgba(255,201,14,.15);
  display:flex;align-items:center;justify-content:center;
  color:var(--yellow);
}
.footer-contact .c-item .ico svg{width:15px;height:15px;}
.footer-contact .c-item .lab{color:#8A7861;font-size:12px;}
.footer-contact .c-item .val{color:#EDE3D2;font-size:15px;line-height:1.5;}
.footer-qrs{display:flex;gap:22px;}
.footer-qrs .qr{text-align:center;}
.footer-qrs .qr img{width:96px;height:96px;border-radius:8px;background:#fff;padding:6px;}
.footer-qrs .qr p{font-size:12px;color:#A8977F;margin-top:8px;}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:20px 0;
}
.footer-bottom .container{
  display:flex;justify-content:space-between;
  font-size:12px;color:#8A7861;
}
.footer-bottom a{color:#8A7861;margin-left:24px;}
.footer-bottom a:hover{color:var(--yellow);}

/* ---------- 内页通用 ---------- */
.page-banner{position:relative;}
.page-banner img{width:100%;}
.page-banner .t{
  position:absolute;
  left:calc(50% - var(--container)/2);
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  font-size:46px;font-weight:700;letter-spacing:6px;
  text-shadow:0 4px 16px rgba(0,0,0,.4);
}
.breadcrumb{
  font-size:13px;color:var(--muted);
  padding:16px 0;
}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--yellow-deep);}
.breadcrumb .sep{margin:0 10px;color:#D8CBA8;}
.section{padding:64px 0;}
.section.cream{background:var(--cream);}
.section.white{background:#fff;}

/* ---------- 了解我们 ---------- */
.about-intro{display:flex;gap:70px;align-items:flex-start;}
.about-intro .lft{flex:0 0 42%;}
/* 左列：黄色眉题 + 黑色定位语（按设计稿顺序） */
.about-intro .lft .eyebrow{
  font-size:26px;font-weight:800;color:var(--yellow-deep);letter-spacing:2px;
}
.about-intro .lft .position{
  font-size:36px;font-weight:800;color:#1F1F1F;letter-spacing:2px;
  margin-top:0;padding-bottom:6px;
}
.about-intro .rgt{flex:1;min-width:0;}
/* 右列：故事文案在上，视频圆图+门店形象在下 */
.about-intro .story-txt{
  color:#5A5347;font-size:15px;line-height:2;text-align:justify;
  margin-top:18px;
}
.story-visual{position:relative;margin-top:40px;}
.story-visual .story-store{width:100%;display:block;}
/* 视频热区：覆盖设计稿组合图左上自带的圆形视频图，点击弹出视频（素材到位后在HTML填data-video） */
.story-video-hot{
  position:absolute;left:0;top:8%;z-index:2;
  width:27%;height:30%;border-radius:50%;
  cursor:pointer;display:block;
}
.story-video-hot:hover{box-shadow:0 0 0 6px rgba(255,255,255,.45);transition:box-shadow .3s;}
/* 数据列表：随左列竖排（设计稿样式） */
.about-stats{margin-top:40px;}
.about-stats .row{
  display:flex;align-items:center;gap:30px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.about-stats .row .num{
  flex:0 0 170px;
  font-size:44px;font-weight:800;color:#1F1F1F;
}
.about-stats .row .num small{font-size:18px;}
.about-stats .row .info{font-size:14px;color:var(--muted);}
.about-stats .row .info b{display:block;font-size:16px;color:#4A4A4A;font-weight:600;}
@media (max-width:1000px){
  .about-intro{flex-direction:column;}
  .about-intro .lft{flex:none;width:100%;}
  .story-video-hot{width:30%;height:32%;}
}
.about-honor{
  text-align:center;color:#fff;
  background:radial-gradient(120% 140% at 68% 30%, #4A341C 0%, #2E1F10 45%, #1C1209 100%);
}
.about-honor .sec-title,
.about-honor .sec-title::after{color:#fff;}
.about-honor .sec-title::after{background:var(--yellow);}
.honor-caption{color:#D8C9A8;}
/* 深色版：箭头改为底部居中双圆钮（设计稿样式） */
.about-honor .honor-carousel{margin-bottom:86px;}
.about-honor .h-arrow{
  top:auto;bottom:-72px;transform:none;
  background:transparent;color:#E8DCC0;
  border:1px solid rgba(232,220,192,.55);box-shadow:none;
}
.about-honor .h-arrow:hover{background:var(--yellow);color:#3B2A00;transform:scale(1.08);}
.about-honor .h-arrow.h-prev{left:calc(50% - 60px);background:var(--yellow);color:#3B2A00;border-color:var(--yellow);}
.about-honor .h-arrow.h-next{right:calc(50% - 60px);}
@media (max-width:1300px){
  .about-honor .h-arrow.h-prev{left:20px;bottom:auto;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);}
  .about-honor .h-arrow.h-next{right:20px;bottom:auto;top:50%;transform:translateY(-50%);}
}
/* 荣誉证书 cover-flow 轮播（7个槽位，证书数量任意，后台增删） */
.honor-carousel{margin-top:36px;position:relative;height:460px;}
.h-stage{position:relative;width:100%;height:100%;}
.h-item{
  position:absolute;left:50%;bottom:0;
  width:295px;
  transform:translateX(-50%);
  transition:transform .55s cubic-bezier(.22,.8,.3,1), opacity .55s, width .55s, filter .55s;
  opacity:0;z-index:0;pointer-events:none;
  filter:drop-shadow(0 14px 24px rgba(90,60,10,.22));
}
.h-item img{width:100%;display:block;}
.h-item.pos-0{opacity:1;z-index:7;pointer-events:auto;width:295px;transform:translateX(-50%);}
.h-item.pos-m1{opacity:1;z-index:6;pointer-events:auto;width:244px;transform:translateX(calc(-50% - 190px));}
.h-item.pos-p1{opacity:1;z-index:6;pointer-events:auto;width:244px;transform:translateX(calc(-50% + 170px));}
.h-item.pos-m2{opacity:.9;z-index:5;pointer-events:auto;width:196px;transform:translateX(calc(-50% - 330px));}
.h-item.pos-p2{opacity:.9;z-index:5;pointer-events:auto;width:196px;transform:translateX(calc(-50% + 319px));}
.h-item.pos-m3{opacity:.8;z-index:4;pointer-events:auto;width:163px;transform:translateX(calc(-50% - 430px));}
.h-item.pos-p3{opacity:.8;z-index:4;pointer-events:auto;width:163px;transform:translateX(calc(-50% + 424px));}
.h-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;
  background:#fff;color:#3B2A00;font-size:26px;line-height:1;
  box-shadow:0 6px 18px rgba(120,90,20,.18);
  transition:all .3s;
}
.h-arrow:hover{background:var(--yellow);transform:translateY(-50%) scale(1.08);}
.h-arrow.h-prev{left:calc(50% - 400px);}
.h-arrow.h-next{right:calc(50% - 400px);}
.honor-caption{margin-top:26px;font-size:17px;font-weight:700;color:#6B5213;min-height:24px;}
@media (max-width:1300px){
  .h-arrow.h-prev{left:20px;}
  .h-arrow.h-next{right:20px;}
}
@media (max-width:900px){
  .honor-carousel{height:330px;}
  .h-item.pos-0{width:210px;}
  .h-item.pos-m1,.h-item.pos-p1{width:170px;}
  .h-item.pos-m1{transform:translateX(calc(-50% - 130px));}
  .h-item.pos-p1{transform:translateX(calc(-50% + 118px));}
  .h-item.pos-m2,.h-item.pos-p2,.h-item.pos-m3,.h-item.pos-p3{opacity:0;}
}
.about-history .tl{
  display:flex;align-items:center;gap:14px;
  margin:40px 0 30px;
}
.about-history .tl .year{
  font-size:16px;color:var(--muted);
  flex:1;text-align:center;position:relative;
  padding-top:22px;cursor:pointer;
}
.about-history .tl .year::before{
  content:"";position:absolute;left:50%;top:0;
  transform:translateX(-50%);
  width:10px;height:10px;border-radius:50%;
  background:#E4D6B4;transition:all .25s;
}
.about-history .tl .year.on{color:var(--yellow-deep);font-weight:700;}
.about-history .tl .year.on::before{background:var(--yellow);box-shadow:0 0 0 5px rgba(255,201,14,.25);}
.about-history .panel{border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(120,90,20,.12);}
.about-history .panel img{width:100%;}
/* 发展历程：云纹底纹 + 年份面板（CMS驱动，每年一条，多条大事记） */
.about-history{background:#fff url(../images/cloud-pattern.png) center/cover no-repeat;}
.about-history .container{position:relative;z-index:2;}
.history-panels{position:relative;}
.h-panel{
  display:none;gap:50px;align-items:center;
  background:rgba(250,244,230,.96);
  border-radius:18px;padding:56px 64px;
  box-shadow:0 16px 40px rgba(120,90,20,.12);
}
.h-panel.on{display:flex;animation:hpFade .5s ease;}
@keyframes hpFade{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.hp-text{flex:1;}
.hp-year{font-size:56px;font-weight:800;color:var(--yellow);line-height:1.1;margin-bottom:18px;}
.hp-events p, .hp-events div{
  font-size:15px;color:#5A5347;line-height:2;margin-bottom:6px;
  padding-left:16px;position:relative;
}
.hp-events p::before, .hp-events div::before{
  content:"";position:absolute;left:0;top:.85em;
  width:7px;height:7px;border-radius:50%;background:var(--yellow);
}
.hp-pic{flex:0 0 42%;}
.hp-pic img{width:100%;border-radius:12px;display:block;}
@media (max-width:900px){
  .h-panel.on{flex-direction:column;padding:36px 26px;}
  .hp-pic{flex:none;width:100%;}
}
.about-scale{display:flex;gap:0;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(120,90,20,.10);}
.about-scale .pic{flex:0 0 50%;}
.about-scale .pic img{width:100%;height:100%;object-fit:cover;}
.about-scale .txt{
  flex:1;background:#fff;
  padding:60px 56px;
}
.about-scale .txt h4{font-size:24px;font-weight:700;margin-bottom:22px;}
.about-scale .txt p{font-size:14px;color:#5A5347;line-height:2;margin-bottom:18px;}
.about-scale .txt ul li{
  font-size:14px;color:#5A5347;line-height:2;
  padding-left:18px;position:relative;
}
.about-scale .txt ul li::before{
  content:"";position:absolute;left:0;top:12px;
  width:8px;height:8px;border-radius:50%;
  background:var(--yellow);
}
.about-factory{display:flex;gap:20px;margin-top:36px;}
.about-factory .f-item{
  flex:1;border-radius:16px;overflow:hidden;
  box-shadow:0 12px 30px rgba(120,90,20,.12);
}
.about-factory .f-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.about-factory .f-item:hover img{transform:scale(1.04);}
.about-news{display:flex;gap:56px;align-items:center;}
/* 公司动态深色底（设计稿） */
.news-dark{
  background:linear-gradient(100deg, #33220F 0%, #2A1B10 55%, #1E130A 100%);
}
.news-dark .about-news .lft h4{color:#fff;}
.news-dark .about-news .lft .sub{color:#C9B79A;}
.news-dark .about-news .lft ul li,
.news-dark .about-news .lft ul li a{color:#EFE6D6;}
.news-dark .about-news .lft ul li::before{background:var(--yellow);}
.news-dark .about-news .lft ul li a:hover{color:var(--yellow);}
.news-dark .about-news .rgt{box-shadow:0 20px 44px rgba(0,0,0,.45);}
/* 发展规模：黄色底版块 */
.scale-band{background:var(--yellow);}
.scale-band .sec-title{color:#1F1F1F;}
.scale-band .sec-title::after{background:#3B2A00;}
.scale-band .about-scale{box-shadow:0 20px 44px rgba(120,84,0,.28);}
/* 工厂版块引言 */
.factory-intro{
  text-align:center;color:#5A5347;font-size:14px;line-height:2.1;
  margin:18px 0 8px;
}
.about-news .lft{flex:1;}
.about-news .lft h4{font-size:30px;font-weight:800;}
.about-news .lft .sub{color:var(--muted);font-size:14px;margin:12px 0 26px;}
.about-news .lft ul li{
  font-size:15px;color:#4A4A4A;
  padding:12px 0 12px 26px;
  position:relative;
  border-bottom:1px dashed var(--line);
}
.about-news .lft ul li::before{
  content:"";position:absolute;left:2px;top:20px;
  width:9px;height:9px;border-radius:50%;
  border:2px solid var(--yellow);
}
.about-news .lft ul li a:hover{color:var(--yellow-deep);}
.about-news .rgt{flex:0 0 46%;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(120,90,20,.12);}
.about-news .rgt img{width:100%;}

/* ---------- 趣在我们 ---------- */
.fun-origin{display:flex;flex-wrap:wrap;gap:40px;align-items:center;position:relative;}
.fun-origin .col{flex:1;min-width:300px;}
.fun-origin .col h4{font-size:22px;font-weight:700;color:#2B2B2B;margin-bottom:16px;}
.fun-origin .col p{font-size:14px;color:#5A5347;line-height:2;}
.fun-origin .founder{
  flex:0 0 380px;
  position:relative;
}
.fun-origin .founder img{width:380px;height:380px;border-radius:50%;object-fit:cover;box-shadow:0 20px 50px rgba(120,90,20,.18);}
.fun-video{margin-top:88px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(120,90,20,.14);}
.fun-video img{width:100%;}
.fun-culture{display:flex;gap:0;border-radius:0;overflow:hidden;}
.fun-culture .cu{
  flex:1;position:relative;min-height:560px;overflow:hidden;
}
.fun-culture .cu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.fun-culture .cu:hover img{transform:scale(1.06);}
.fun-culture .cu .mask{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72) 100%);
}
.fun-culture .cu .tx{
  position:absolute;left:0;right:0;bottom:0;
  padding:34px 30px;color:#fff;
}
.fun-culture .cu .tx h5{font-size:20px;font-weight:700;margin-bottom:10px;letter-spacing:1px;}
.fun-culture .cu .tx p{font-size:13px;line-height:1.9;color:rgba(255,255,255,.85);}
.fun-brand{display:flex;gap:56px;align-items:center;}
.fun-brand .lft{flex:1;max-width:620px;margin-left:auto;}
.fun-brand .lft h4{font-size:30px;font-weight:800;margin-bottom:20px;}
.fun-brand .lft p{font-size:16px;color:#5A5347;line-height:2;}
.fun-brand .rgt{flex:0 0 400px;}
.fun-brand .rgt img{width:100%;}
.fun-wc{display:flex;gap:18px;margin-top:36px;}
.fun-wc .wc{
  flex:1;border-radius:16px;overflow:hidden;position:relative;
  box-shadow:0 12px 30px rgba(120,90,20,.12);
}
.fun-wc .wc img{width:100%;height:420px;object-fit:cover;transition:transform .5s;}
.fun-wc .wc:hover img{transform:scale(1.05);}
.fun-wc .wc .cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:22px;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));
  color:#fff;
}
.fun-wc .wc .cap h6{font-size:17px;font-weight:700;margin-bottom:6px;}
.fun-wc .wc .cap p{font-size:12px;color:rgba(255,255,255,.85);line-height:1.7;}
.fun-act{display:flex;flex-wrap:wrap;gap:28px 22px;margin-top:36px;}
.fun-act .ac{
  flex:0 0 calc((100% - 44px)/3);background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 12px 30px rgba(120,90,20,.10);
  transition:transform .3s;
}
.fun-act .ac:hover{transform:translateY(-6px);}
.fun-act .ac img{width:100%;height:250px;object-fit:cover;}
.fun-act .ac .tx{padding:20px 24px 26px;}
.fun-act .ac .tx h6{font-size:18px;font-weight:700;}
.fun-act .ac .tx p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.8;}

/* ---------- 食在我们 ---------- */
.food-feature{display:flex;gap:0;margin-top:40px;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(120,90,20,.12);}
.food-feature .ft{flex:1;position:relative;overflow:hidden;}
.food-feature .ft img{width:100%;height:280px;object-fit:cover;transition:transform .5s;}
.food-feature .ft:hover img{transform:scale(1.06);}
.food-cert{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin-top:30px;color:var(--yellow-deep);font-weight:700;font-size:17px;letter-spacing:1px;
}
.food-cert svg{width:26px;height:26px;}
.food-big{position:relative;margin-top:36px;}
.food-big .main-img{
  width:820px;margin:0 auto;border-radius:20px;overflow:hidden;
  box-shadow:0 20px 50px rgba(120,90,20,.20);
}
.food-big .main-img img{width:100%;}
.food-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:36px;}
.food-grid .gi{
  width:calc(25% - 15px);
  border-radius:14px;overflow:hidden;
  background:#fff;
  box-shadow:0 10px 26px rgba(120,90,20,.10);
  transition:transform .3s;
}
.food-grid .gi:hover{transform:translateY(-6px);}
.food-grid .gi img{width:100%;height:220px;object-fit:cover;}
.food-grid .gi .nm{
  text-align:center;font-size:15px;font-weight:600;
  padding:12px 0;color:#3B3B3B;
}
.food-band{position:relative;margin-top:40px;border-radius:18px;overflow:hidden;}
.food-band.yellow{background:var(--yellow);padding:56px 60px;}
.food-band .sec-title{color:#3B2A00;}
.food-band .sec-title::after{background:#3B2A00;}
.food-band .row3{display:flex;gap:22px;margin-top:36px;}
.food-band .row3 .b3{
  flex:1;border-radius:16px;overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.food-band .row3 .b3 img{width:100%;height:420px;object-fit:cover;transition:transform .5s;}
.food-band .row3 .b3:hover img{transform:scale(1.05);}
.food-flat{margin-top:36px;text-align:center;}
.food-flat img{width:100%;border-radius:18px;}
.food-jxm{display:flex;justify-content:center;align-items:flex-end;gap:90px;margin-top:40px;min-height:380px;}
.food-jxm .jx{text-align:center;transition:transform .3s;}
.food-jxm .jx:hover{transform:translateY(-8px);}
.food-jxm .jx img{height:340px;width:auto;margin:0 auto;}
.food-jxm .jx p{margin-top:16px;font-size:15px;font-weight:600;color:#4A4A4A;}

/* ---------- 招牌非遗系列 ---------- */
.ich-intro{display:flex;gap:56px;align-items:center;padding:64px 0;}
.ich-intro .pic{flex:0 0 46%;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(120,90,20,.14);}
.ich-intro .pic img{width:100%;}
.ich-intro .txt{flex:1;}
.ich-intro .txt h3{font-size:34px;font-weight:800;margin-bottom:20px;}
.ich-intro .txt h3::after{content:"";display:block;width:46px;height:5px;border-radius:3px;background:var(--yellow);margin-top:14px;}
.ich-intro .txt p{font-size:15px;color:#5A5347;line-height:2.1;}
.ich-band{width:100%;}
.ich-band img{width:100%;display:block;}
.ich-img{width:var(--container);margin:56px auto;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(120,90,20,.14);}
.ich-img img{width:100%;}

/* ---------- 加盟我们 ---------- */
.join-types{margin-top:40px;}
.join-tabs{display:flex;justify-content:center;gap:18px;margin-bottom:36px;}
.join-tabs span{
  padding:10px 34px;border-radius:24px;
  border:1.5px solid #E4D6B4;
  font-size:15px;color:#7A6F58;cursor:pointer;
  transition:all .25s;
}
.join-tabs span.on,
.join-tabs span:hover{background:var(--yellow);border-color:var(--yellow);color:#3B2A00;font-weight:700;}
.join-type-panel{display:none;gap:40px;align-items:stretch;}
.join-type-panel.on{display:flex;}
.join-type-panel .info{
  flex:0 0 380px;background:#fff;border-radius:18px;
  padding:44px 40px;
  box-shadow:0 14px 34px rgba(120,90,20,.12);
  display:flex;flex-direction:column;
}
.join-type-panel .info h4{font-size:22px;font-weight:800;margin-bottom:20px;}
.join-type-panel .info p{font-size:14px;color:#5A5347;line-height:2;flex:1;}
.join-type-panel .info .idx{
  margin-top:26px;font-size:40px;font-weight:800;color:#1F1F1F;
  display:flex;align-items:center;gap:14px;
}
.join-type-panel .info .idx small{font-size:15px;color:var(--muted);font-weight:500;}
.join-type-panel .info .idx .c-nav{display:flex;gap:10px;margin-right:auto;order:-1;}
.join-type-panel .pic{flex:1;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(120,90,20,.14);}
.join-type-panel .pic img{width:100%;height:100%;object-fit:cover;}
.join-area{display:flex;gap:56px;align-items:center;}
.join-area .lft{flex:0 0 38%;}
.join-area .lft p{font-size:15px;color:#5A5347;line-height:2.1;margin-top:20px;}
.join-area .lft .tel{
  margin-top:24px;font-size:26px;font-weight:800;color:var(--yellow-deep);
}
.join-area .rgt{flex:1;}
.join-area .rgt img{width:100%;}
.join-shops{display:flex;flex-wrap:wrap;gap:30px 24px;margin-top:36px;}
.join-shops .sp{
  flex:0 0 calc((100% - 48px)/3);background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 14px 34px rgba(120,90,20,.12);
  transition:transform .3s;
}
.join-shops .sp:hover{transform:translateY(-6px);}
.join-shops .sp img{width:100%;height:260px;object-fit:cover;}
.join-shops .sp .tx{padding:20px 24px 26px;}
.join-shops .sp .tx h6{font-size:18px;font-weight:700;}
.join-shops .sp .tx p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.8;}
.join-search{
  display:flex;gap:14px;align-items:center;
  margin:26px 0 0;
}
.join-search input{
  flex:1;height:52px;border-radius:26px;
  border:1.5px solid #E4D6B4;background:#fff;
  padding:0 26px;font-size:15px;outline:none;
}
.join-search input:focus{border-color:var(--yellow);}
.join-search button{
  height:52px;padding:0 40px;border-radius:26px;border:0;
  background:var(--yellow);color:#3B2A00;
  font-size:16px;font-weight:700;cursor:pointer;
  transition:background .25s;
}
.join-search button:hover{background:var(--yellow-deep);color:#fff;}
.join-flow{display:flex;gap:40px;margin-top:44px;align-items:stretch;}
.join-flow .steps{
  flex:1;background:#fff;border-radius:18px;padding:44px 42px;
  box-shadow:0 14px 34px rgba(120,90,20,.10);
}
.join-flow .steps h4{font-size:24px;font-weight:800;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px;}
.join-flow .steps ol li{
  position:relative;padding:0 0 26px 52px;
  font-size:14px;color:#5A5347;line-height:1.9;
}
.join-flow .steps ol li b{display:block;font-size:16px;color:#2B2B2B;font-weight:700;}
.join-flow .steps ol li i{
  position:absolute;left:0;top:2px;
  width:30px;height:30px;border-radius:50%;
  background:var(--yellow);color:#3B2A00;
  font-style:normal;font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center;
}
.join-flow .steps ol li:not(:last-child)::after{
  content:"";position:absolute;left:14px;top:34px;bottom:2px;
  width:2px;background:repeating-linear-gradient(180deg,var(--yellow) 0 5px,transparent 5px 11px);
}
.join-flow .form-box{
  flex:1;background:#fff;border-radius:18px;padding:44px 42px;
  box-shadow:0 14px 34px rgba(120,90,20,.10);
}
.join-flow .form-box h4{font-size:24px;font-weight:800;margin-bottom:10px;}
.join-flow .form-box .tip{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:26px;}
.join-form .f-row{display:flex;gap:24px;margin-bottom:26px;}
.join-form .f-item{flex:1;}
.join-form .f-item label{display:block;font-size:14px;color:#4A4A4A;margin-bottom:8px;font-weight:600;}
.join-form .f-item input,
.join-form .f-item textarea{
  width:100%;border:0;border-bottom:1.5px solid #E4D6B4;
  padding:10px 2px;font-size:15px;outline:none;background:transparent;
  font-family:inherit;
}
.join-form .f-item input:focus,
.join-form .f-item textarea:focus{border-color:var(--yellow);}
.join-form .f-submit{
  width:100%;height:58px;border:0;border-radius:29px;
  background:var(--yellow);color:#3B2A00;
  font-size:18px;font-weight:800;letter-spacing:3px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:10px;
  transition:all .25s;margin-top:8px;
}
.join-form .f-submit:hover{background:var(--yellow-deep);color:#fff;}

/* ---------- 品牌动态（列表） ---------- */
.news-latest{
  background:var(--cream);
  border-radius:14px;
  padding:22px 34px;
  font-size:14px;color:#7A6F58;
  margin:40px 0 36px;
  display:flex;gap:14px;align-items:center;
}
.news-latest b{color:#2B2B2B;flex:0 0 auto;font-weight:700;}
.news-latest .marq{overflow:hidden;white-space:nowrap;flex:1;}
.news-grid{display:flex;flex-wrap:wrap;gap:24px;}
.news-card{
  width:calc(33.333% - 16px);
  background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(120,90,20,.10);
  transition:transform .3s, box-shadow .3s;
  display:flex;flex-direction:column;
}
.news-card:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(120,90,20,.18);}
.news-card .pic{overflow:hidden;}
.news-card .pic img{width:100%;height:240px;object-fit:cover;transition:transform .5s;}
.news-card:hover .pic img{transform:scale(1.06);}
.news-card .tx{padding:22px 26px 26px;flex:1;display:flex;flex-direction:column;}
.news-card .tm{
  font-size:12px;color:var(--yellow-deep);letter-spacing:1px;font-weight:700;
}
.news-card h5{
  font-size:18px;font-weight:700;color:#2B2B2B;margin:10px 0 14px;
  line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.news-card p{
  font-size:13px;color:var(--muted);line-height:1.8;flex:1;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.news-card .more{
  margin-top:18px;padding-top:14px;
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:#7A6F58;
}
.news-card .more i{
  width:26px;height:26px;border-radius:50%;
  border:1.5px solid #E4D6B4;
  display:flex;align-items:center;justify-content:center;
  font-style:normal;transition:all .25s;
}
.news-card:hover .more i{background:var(--yellow);border-color:var(--yellow);color:#3B2A00;}

/* 分页 */
.pager{display:flex;justify-content:center;gap:12px;margin:56px 0 20px;}
.pager a,.pager span{
  min-width:46px;height:46px;padding:0 14px;border-radius:10px;
  border:1.5px solid #E4D6B4;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;color:#7A6F58;background:#fff;
  transition:all .25s;
}
.pager a:hover{border-color:var(--yellow);color:var(--yellow-deep);}
.pager .on,.pager span.on{background:var(--yellow);border-color:var(--yellow);color:#3B2A00;font-weight:700;}

/* ---------- 新闻详情 ---------- */
.article{width:1060px;margin:0 auto;padding:20px 0 60px;}
.article h1{
  font-size:32px;font-weight:800;color:#2B2B2B;
  padding:26px 0 20px;
}
.article .meta{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  font-size:13px;color:var(--muted);
}
.article .meta .tm{color:var(--yellow-deep);font-weight:700;letter-spacing:1px;}
.article .meta .share{display:flex;gap:10px;align-items:center;}
.article .meta .share a{
  width:34px;height:34px;border-radius:50%;
  background:#F5EEDC;
  display:flex;align-items:center;justify-content:center;
  color:#8A7C5F;transition:all .25s;
}
.article .meta .share a:hover{background:var(--yellow);color:#3B2A00;}
.article .meta .share svg{width:16px;height:16px;}
.article .body{padding:36px 0;font-size:15px;line-height:2.2;color:#4A463C;}
.article .body p{margin-bottom:22px;}
.article .body img{width:100%;border-radius:16px;margin:10px 0 26px;}
.article-nav{
  display:flex;justify-content:space-between;
  border-top:1px solid var(--line);
  padding:22px 0;
  font-size:14px;
}
.article-nav a{color:#4A4A4A;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-nav a:hover{color:var(--yellow-deep);}
.article-nav a.next{color:var(--yellow-deep);font-weight:600;}
.recommend{background:var(--cream);padding:60px 0 76px;}
.recommend .head{
  display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:30px;
}
.recommend .head h3{font-size:30px;font-weight:800;}
.recommend .head a{font-size:13px;color:var(--muted);}
.recommend .head a:hover{color:var(--yellow-deep);}
.rec-list{display:flex;gap:24px;}
.rec-item{flex:1;}
.rec-item + .rec-item{border-left:1px solid #E8DCC0;padding-left:24px;}
.rec-item .tm{font-size:12px;color:var(--yellow-deep);font-weight:700;letter-spacing:1px;}
.rec-item h5{
  font-size:17px;font-weight:700;color:#2B2B2B;margin:10px 0 12px;line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.rec-item p{
  font-size:13px;color:var(--muted);line-height:1.8;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* ---------- 联系我们 ---------- */
.contact-wrap{display:flex;gap:70px;align-items:flex-start;}
.contact-info{flex:1;}
.contact-info h3{font-size:32px;font-weight:800;margin-bottom:44px;}
.contact-info .ci{margin-bottom:40px;}
.contact-info .ci .lab{
  display:flex;align-items:center;gap:10px;
  font-size:14px;color:var(--muted);margin-bottom:8px;
}
.contact-info .ci .lab svg{width:17px;height:17px;color:var(--yellow-deep);}
.contact-info .ci .val{font-size:24px;font-weight:800;color:#2B2B2B;line-height:1.5;}
.contact-info .ci .val.small{font-size:18px;font-weight:600;}
.contact-map{flex:0 0 560px;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(120,90,20,.14);}
.contact-map img{width:100%;}

/* ---------- 视频弹层 ---------- */
.video-mask{
  position:fixed;inset:0;background:rgba(0,0,0,.82);
  display:none;align-items:center;justify-content:center;
  z-index:999;
}
.video-mask.show{display:flex;}
.video-mask .v-box{width:960px;max-width:92vw;position:relative;}
.video-mask video{width:100%;border-radius:14px;}
.video-mask .v-frame{width:100%;aspect-ratio:16/9;border-radius:14px;background:#000;}
.video-mask .v-close{
  position:absolute;top:-46px;right:0;
  color:#fff;font-size:15px;cursor:pointer;
  display:flex;align-items:center;gap:6px;
}

/* ---------- 动效 ---------- */
.fade-up{opacity:0;transform:translateY(30px);transition:all .7s ease;}
.fade-up.in{opacity:1;transform:none;}

@media (max-width:1460px){
  :root{--container:1180px;}
  .page-banner .t{left:calc(50% - var(--container)/2);}
  .mega-cols{gap:44px;}
  .home-map img{width:1000px;}
}

/* ===== 首页地图辐射动效 ===== */
.map-wrap{position:relative;display:inline-block;}
.map-wrap img{display:block;}
.map-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;z-index:2;}
.map-dot i{display:block;width:12px;height:12px;border-radius:50%;background:var(--yellow-deep, #C98A1B);box-shadow:0 0 0 3px rgba(255,255,255,.85);}
.map-dot::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--yellow-deep, #C98A1B);animation:mapPulse 2.4s ease-out infinite;}
.map-dot.hq{width:18px;height:18px;margin:-9px 0 0 -9px;z-index:3;}
.map-dot.hq i{width:18px;height:18px;background:#B23B22;}
.map-dot.hq::after{width:18px;height:18px;margin:-9px 0 0 -9px;border-color:#B23B22;animation-duration:1.8s;}
.map-dot em{position:absolute;left:22px;top:-4px;white-space:nowrap;font-style:normal;font-size:13px;font-weight:700;color:#B23B22;background:rgba(255,255,255,.9);padding:2px 8px;border-radius:10px;}
@keyframes mapPulse{
  0%{transform:scale(1);opacity:.9;}
  100%{transform:scale(3.2);opacity:0;}
}

/* ===== 单页：隐私政策 / 使用条款 / 网站地图 ===== */
.legal-page{background:#fff;padding:130px 0 90px;min-height:50vh;}
.legal-page .breadcrumb{margin-bottom:26px;}
.legal-title{font-size:32px;font-weight:800;color:#1F1F1F;text-align:center;margin:0 0 10px;}
.legal-sub{text-align:center;color:#999;font-size:13px;margin-bottom:40px;}
.legal-body{max-width:900px;margin:0 auto;font-size:15px;line-height:2;color:#444;}
.legal-body h4{font-size:18px;font-weight:700;color:#1F1F1F;margin:30px 0 12px;}
.legal-body p{margin-bottom:14px;text-indent:2em;}
.sitemap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1000px;margin:0 auto 50px;}
.sitemap-grid .sm-item{background:var(--cream, #FBF5E8);border-radius:14px;padding:24px 26px;}
.sitemap-grid .sm-item h3{font-size:17px;font-weight:800;margin:0 0 14px;}
.sitemap-grid .sm-item h3 a{color:#1F1F1F;text-decoration:none;}
.sitemap-grid .sm-item h3 a:hover{color:var(--yellow-deep, #C98A1B);}
.sitemap-grid .sm-item > a{display:block;font-size:14px;color:#666;text-decoration:none;line-height:2.1;}
.sitemap-grid .sm-item > a:hover{color:var(--yellow-deep, #C98A1B);}
.sitemap-news{max-width:1000px;margin:0 auto;}
.sitemap-news h3{font-size:17px;font-weight:800;margin:0 0 16px;}
.sitemap-news ul{list-style:none;margin:0;padding:0;columns:2;column-gap:50px;}
.sitemap-news li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px dashed #E5DCC8;font-size:14px;}
.sitemap-news li a{color:#444;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sitemap-news li a:hover{color:var(--yellow-deep, #C98A1B);}
.sitemap-news li span{color:#BBB;flex-shrink:0;}
@media (max-width:900px){
  .sitemap-grid{grid-template-columns:repeat(2,1fr);}
  .sitemap-news ul{columns:1;}
}

/* ---------- 产品线分组带（第一/第二产品线） ---------- */
.food-line{
  width:100%;padding:34px 0;text-align:center;
  background:linear-gradient(90deg,var(--yellow) 0%,var(--yellow-deep) 100%);
}
.food-line span{
  display:inline-block;font-size:30px;font-weight:800;letter-spacing:12px;
  color:#3B2A00;padding-left:12px;
}
.food-line span::before,.food-line span::after{
  content:"";display:inline-block;vertical-align:middle;
  width:64px;height:3px;border-radius:2px;background:#3B2A00;opacity:.35;margin:0 22px;
}

/* 五绝小标题与图注 */
.food-wujue{
  text-align:center;font-size:20px;font-weight:800;color:#6B5213;
  letter-spacing:6px;margin:44px 0 6px;
}
.food-feature .ft{position:relative;}
.food-feature .ft span{
  position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
  background:rgba(59,42,0,.72);color:#FFC90E;font-size:13px;font-weight:700;
  padding:4px 14px;border-radius:14px;letter-spacing:2px;white-space:nowrap;
}

/* ================= 首页开场动效 ================= */
/* 背景分层出场：画面从放大状态缩小落定（模拟前景素材缩小进入）+ 米色纱幕淡出（模拟底层画面淡入） */
.home-hero{position:relative;overflow:hidden;}
.hero-enter .banner img:not(.hero-duck),.hero-enter > img:not(.hero-duck){
  animation:heroZoomIn 1.25s cubic-bezier(.22,.7,.3,1) both;
}
@keyframes heroZoomIn{
  0%{transform:scale(1.16);opacity:0;}
  60%{opacity:1;}
  100%{transform:scale(1);opacity:1;}
}
.hero-veil{
  position:absolute;inset:0;background:var(--cream);
  animation:veilOut .9s ease .15s both;pointer-events:none;z-index:2;
}
@keyframes veilOut{0%{opacity:1;}100%{opacity:0;}}

/* IP鸭鸭：向上跳起 → 落地压扁回弹站定 → 轻微呼吸浮动 */
.home-hero.banner img.hero-duck{
  width:auto;height:190px;max-width:none;
  position:absolute;left:11%;bottom:12%;
  z-index:3;filter:drop-shadow(0 14px 16px rgba(60,40,0,.18));
  transform-origin:50% 100%;
  animation:
    duckJump 1s cubic-bezier(.3,.9,.4,1) 1.05s both,
    duckIdle 2.8s ease-in-out 2.2s infinite;
}
@keyframes duckJump{
  0%{transform:translateY(112%) scaleX(1.06);opacity:0;}
  45%{opacity:1;}
  62%{transform:translateY(-9%) scaleX(.97);}
  80%{transform:translateY(0) scaleY(.9) scaleX(1.08);}
  92%{transform:scaleY(1.04) scaleX(.98);}
  100%{transform:none;opacity:1;}
}
@keyframes duckIdle{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-7px);}
}
@media (max-width:900px){.home-hero.banner img.hero-duck{height:120px;left:6%;}}

/* 品牌声明弹窗 */
.brand-notice{
  position:fixed;inset:0;z-index:10000;display:none;
  background:rgba(30,22,8,.55);backdrop-filter:blur(4px);
  align-items:center;justify-content:center;padding:24px;
}
.brand-notice.show{display:flex;}
.brand-notice .notice-card{
  width:520px;max-width:94vw;max-height:82vh;overflow:auto;
  background:#FFFDF6;border-radius:20px;padding:38px 40px 30px;
  border-top:6px solid var(--yellow);box-shadow:0 30px 70px rgba(0,0,0,.35);
  animation:noticePop .45s cubic-bezier(.3,1.4,.5,1) both;text-align:left;
}
@keyframes noticePop{0%{transform:translateY(36px) scale(.92);opacity:0;}100%{transform:none;opacity:1;}}
.brand-notice .notice-badge{
  display:inline-block;background:var(--yellow);color:#3B2A00;
  font-weight:800;font-size:15px;letter-spacing:4px;
  padding:6px 18px;border-radius:999px;margin-bottom:18px;
}
.brand-notice .notice-body p{
  font-size:15px;line-height:1.9;color:#4A4232;margin-bottom:12px;text-align:justify;
}
.brand-notice .notice-ok{
  display:block;width:100%;margin-top:18px;padding:13px 0;
  background:var(--yellow);border:none;border-radius:12px;cursor:pointer;
  font-size:17px;font-weight:800;letter-spacing:8px;color:#3B2A00;
  transition:filter .2s,transform .2s;
}
.brand-notice .notice-ok:hover{filter:brightness(1.06);transform:translateY(-1px);}

/* 187主题曲迷你播放器（悬浮右下，跟随页面滚动） */
.song-dock{
  position:fixed;right:26px;bottom:30px;z-index:120;
  display:flex;align-items:center;gap:10px;
  background:rgba(255,253,246,.94);border:1px solid #EFE3C2;
  border-radius:999px;padding:8px 16px 8px 10px;
  box-shadow:0 12px 30px rgba(44,30,18,.22);
}
.song-dock .song-disc{
  width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#3B2A00 0 28%,#191410 30% 70%,#3B2A00 72%);
  display:flex;align-items:center;justify-content:center;
}
.song-dock .song-disc i{
  width:10px;height:10px;border-radius:50%;background:var(--yellow);
}
.song-dock.playing .song-disc{animation:discSpin 3.2s linear infinite;}
@keyframes discSpin{to{transform:rotate(360deg);}}
.song-dock .song-btn{
  width:34px;height:34px;border:none;border-radius:50%;cursor:pointer;
  background:var(--yellow);color:#3B2A00;
  display:flex;align-items:center;justify-content:center;padding:0;
}
.song-dock .song-btn svg{width:18px;height:18px;}
.song-dock .ico-pause{display:none;}
.song-dock.playing .ico-pause{display:block;}
.song-dock.playing .ico-play{display:none;}
.song-dock .song-tip{font-size:12px;color:#6B5213;letter-spacing:1px;white-space:nowrap;}
@media (max-width:900px){.song-dock .song-tip{display:none;}}

/* 视觉隐藏（供SEO保留标题语义，屏幕阅读器可读） */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ========== 首页浮动小鸭子：跟随鼠标，随页面滚动保持悬浮 ========== */
.pet-duck{
  position:fixed;left:0;top:0;width:76px;height:auto;
  z-index:9990;pointer-events:none;
  opacity:0;transition:opacity .5s ease;
  filter:drop-shadow(0 10px 16px rgba(60,40,0,.28));
  will-change:transform;
}
.pet-duck.show{opacity:1;}
@media (hover:none){.pet-duck{display:none;}}

/* ========== 五绝工艺大图：随下方工艺切换 ========== */
.food-wujue-stage{
  max-width:800px;margin:34px auto 0;border-radius:20px;overflow:hidden;
  box-shadow:0 18px 44px rgba(120,90,20,.16);
}
.food-wujue-stage img{
  display:block;width:100%;height:430px;object-fit:cover;
  transition:opacity .35s ease;
}
.food-wujue-stage img.swap{opacity:0;}
.food-feature .ft{cursor:pointer;opacity:.68;transition:opacity .3s,transform .3s;}
.food-feature .ft:hover{opacity:.9;}
.food-feature .ft.on{opacity:1;transform:translateY(-6px);}
.food-feature .ft.on span{color:var(--yellow-deep);}