/* ===========================================================
   水果派解说视频永久免费 - 共享样式表
   主题：柠檬莓果甜品店 + 永久免费解说视频平台
   =========================================================== */

:root{
  --lemon:#fde047;
  --lemon-soft:#fef9c3;
  --lemon-deep:#facc15;
  --berry:#7c3aed;
  --berry-dark:#6d28d9;
  --berry-soft:#ede9fe;
  --cream:#fffceb;
  --cream-deep:#fff3c4;
  --raspberry:#ec4899;
  --raspberry-soft:#fce7f3;
  --grape:#8b5cf6;
  --honey:#fbbf24;
  --honey-deep:#f59e0b;
  --text:#4c1d95;
  --text-soft:#7c6f9e;
  --text-muted:#a89bc4;
  --white:#ffffff;
  --shadow:0 10px 28px rgba(124,58,237,.16);
  --shadow-soft:0 6px 18px rgba(251,191,36,.20);
  --shadow-berry:0 8px 22px rgba(236,72,153,.18);
  --radius:22px;
  --radius-lg:32px;
  --radius-sm:14px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Quicksand","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--text);
  background:var(--cream);
  background-image:
    radial-gradient(circle at 10% 12%, #fef9c3 0, transparent 22%),
    radial-gradient(circle at 92% 8%, #ede9fe 0, transparent 22%),
    radial-gradient(circle at 78% 88%, #fce7f3 0, transparent 25%),
    radial-gradient(circle at 18% 82%, #fff3c4 0, transparent 22%);
  line-height:1.75;
  overflow-x:hidden;
  font-weight:500;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3,h4,h5{font-weight:700;line-height:1.3;color:var(--berry-dark);letter-spacing:.5px}
ul{list-style:none}

/* ---------- 通用容器 ---------- */
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:64px 0;position:relative}
.center{text-align:center}
.muted{color:var(--text-soft)}
.eyebrow{
  display:inline-block;
  font-size:13px;font-weight:700;
  letter-spacing:2px;
  color:var(--berry);
  background:var(--lemon-soft);
  padding:6px 16px;border-radius:999px;
  margin-bottom:14px;
  text-transform:uppercase;
}
.section-title{
  font-size:34px;
  margin-bottom:12px;
  position:relative;
  display:inline-block;
}
.section-title::after{
  content:"";
  position:absolute;left:50%;bottom:-10px;
  transform:translateX(-50%);
  width:64px;height:6px;border-radius:999px;
  background:linear-gradient(90deg,var(--lemon-deep),var(--raspberry));
}
.section-sub{color:var(--text-soft);max-width:680px;margin:18px auto 0;font-size:16px}

/* ===========================================================
   柠檬片 & 莓果 CSS 装饰
   =========================================================== */

/* 柠檬片：圆形 + 放射状果肉瓣 */
.lemon-slice{
  position:absolute;
  width:120px;height:120px;border-radius:50%;
  background:
    radial-gradient(circle at center, #fffceb 0 18%, var(--lemon) 18% 60%, var(--lemon-deep) 60% 100%);
  box-shadow:
    inset 0 0 0 4px #fff8d6,
    inset 0 0 0 8px var(--lemon),
    0 8px 20px rgba(245,158,11,.25);
  pointer-events:none;
  opacity:.85;
}
.lemon-slice::before{
  content:"";
  position:absolute;inset:18%;
  border-radius:50%;
  background:
    conic-gradient(from 0deg,
      var(--lemon) 0 22deg, #fff8d6 22deg 45deg,
      var(--lemon) 45deg 67deg, #fff8d6 67deg 90deg,
      var(--lemon) 90deg 112deg, #fff8d6 112deg 135deg,
      var(--lemon) 135deg 157deg, #fff8d6 157deg 180deg,
      var(--lemon) 180deg 202deg, #fff8d6 202deg 225deg,
      var(--lemon) 225deg 247deg, #fff8d6 247deg 270deg,
      var(--lemon) 270deg 292deg, #fff8d6 292deg 315deg,
      var(--lemon) 315deg 337deg, #fff8d6 337deg 360deg);
  -webkit-mask:radial-gradient(circle, transparent 0 30%, #000 30% 100%);
          mask:radial-gradient(circle, transparent 0 30%, #000 30% 100%);
}

/* 莓果：圆形 + 小籽点 */
.berry{
  position:absolute;
  width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #c084fc 0%, var(--berry) 55%, var(--berry-dark) 100%);
  box-shadow:
    inset -4px -6px 10px rgba(0,0,0,.2),
    0 6px 14px rgba(124,58,237,.35);
  pointer-events:none;
}
.berry::before{
  content:"";
  position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(circle at 30% 40%, #fff 0 2px, transparent 2px),
    radial-gradient(circle at 60% 30%, #fff 0 2px, transparent 2px),
    radial-gradient(circle at 50% 60%, #fff 0 2px, transparent 2px),
    radial-gradient(circle at 70% 65%, #fff 0 2px, transparent 2px),
    radial-gradient(circle at 35% 70%, #fff 0 2px, transparent 2px);
  opacity:.85;
}
.berry.raspberry{
  background:radial-gradient(circle at 35% 30%, #f9a8d4 0%, var(--raspberry) 55%, #be185d 100%);
  box-shadow:inset -4px -6px 10px rgba(0,0,0,.18),0 6px 14px rgba(236,72,153,.35);
}
.berry.grape{
  background:radial-gradient(circle at 35% 30%, #c4b5fd 0%, var(--grape) 55%, #6d28d9 100%);
}

/* 撒糖装饰 sprinkle */
.sprinkle{
  position:absolute;width:14px;height:4px;border-radius:3px;
  pointer-events:none;opacity:.9;
}
.sprinkle.pink{background:var(--raspberry)}
.sprinkle.purple{background:var(--berry)}
.sprinkle.yellow{background:var(--lemon-deep)}
.sprinkle.gold{background:var(--honey)}

/* ===========================================================
   永久免费 金印章徽章
   =========================================================== */
.free-seal{
  display:inline-flex;align-items:center;justify-content:center;
  flex-direction:column;
  width:96px;height:96px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fef08a 0%, var(--honey) 50%, var(--honey-deep) 100%);
  color:#5b2a00;
  font-weight:800;
  text-align:center;
  box-shadow:
    0 0 0 4px #fff,
    0 0 0 6px var(--honey-deep),
    0 10px 24px rgba(245,158,11,.45);
  position:relative;
  font-family:"Quicksand","PingFang SC",sans-serif;
  transform:rotate(-8deg);
}
.free-seal::before{
  /* 锯齿花边 */
  content:"";
  position:absolute;inset:-8px;
  border-radius:50%;
  background:
    radial-gradient(circle, var(--honey-deep) 4px, transparent 5px) 0 0/16px 16px;
  z-index:-1;
  opacity:.55;
}
.free-seal .seal-top{font-size:11px;letter-spacing:1px;line-height:1}
.free-seal .seal-main{font-size:20px;line-height:1.1;margin-top:2px}
.free-seal .seal-sub{font-size:9px;letter-spacing:1px;margin-top:2px;opacity:.8}

/* 小型免费徽章 */
.free-tag{
  display:inline-flex;align-items:center;gap:5px;
  background:linear-gradient(135deg,var(--honey) 0%,var(--raspberry) 100%);
  color:#fff;
  font-size:12px;font-weight:700;letter-spacing:1px;
  padding:5px 12px;border-radius:999px;
  box-shadow:0 4px 10px rgba(236,72,153,.35);
}
.free-tag::before{content:"★";color:#fff8d6}

/* 100% 免费大徽章 */
.free-100{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;
  color:var(--berry-dark);
  font-weight:800;font-size:14px;letter-spacing:1px;
  padding:8px 16px;border-radius:14px;
  border:2px dashed var(--honey);
  box-shadow:var(--shadow-soft);
}
.free-100 b{color:var(--raspberry);font-size:18px}

/* ===========================================================
   顶部导航
   =========================================================== */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(255,252,235,.92);
  backdrop-filter:blur(12px);
  border-bottom:2px solid var(--lemon);
  box-shadow:0 4px 18px rgba(124,58,237,.08);
}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1200px;margin:0 auto;padding:14px 24px;
  gap:18px;
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand-logo{
  width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fef08a,var(--lemon) 55%,var(--lemon-deep));
  position:relative;
  box-shadow:inset 0 0 0 3px #fff8d6,0 4px 12px rgba(245,158,11,.4);
  flex-shrink:0;
}
.brand-logo::before{
  content:"";
  position:absolute;inset:6px;border-radius:50%;
  background:conic-gradient(from 0deg,
    var(--lemon) 0 30deg,#fff8d6 30deg 60deg,
    var(--lemon) 60deg 90deg,#fff8d6 90deg 120deg,
    var(--lemon) 120deg 150deg,#fff8d6 150deg 180deg,
    var(--lemon) 180deg 210deg,#fff8d6 210deg 240deg,
    var(--lemon) 240deg 270deg,#fff8d6 270deg 300deg,
    var(--lemon) 300deg 330deg,#fff8d6 330deg 360deg);
  -webkit-mask:radial-gradient(circle,transparent 0 35%,#000 35% 100%);
          mask:radial-gradient(circle,transparent 0 35%,#000 35% 100%);
}
.brand-name{font-size:20px;color:var(--berry-dark);line-height:1.1}
.brand-name small{display:block;font-size:11px;color:var(--raspberry);letter-spacing:2px;font-weight:700}

.nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.nav-links a{
  font-size:14px;font-weight:600;
  padding:8px 14px;border-radius:999px;
  color:var(--text);
  transition:.25s;
  position:relative;
}
.nav-links a:hover{background:var(--lemon-soft);color:var(--berry-dark)}
.nav-links a.active{
  background:linear-gradient(135deg,var(--berry),var(--raspberry));
  color:#fff;
  box-shadow:0 5px 14px rgba(124,58,237,.35);
}
.nav-free-pill{
  background:linear-gradient(135deg,var(--honey),var(--raspberry));
  color:#fff !important;
  font-weight:800 !important;
  box-shadow:0 5px 14px rgba(236,72,153,.4);
}
.nav-free-pill:hover{filter:brightness(1.05)}

.nav-toggle{display:none;font-size:24px;background:none;border:0;color:var(--berry-dark);cursor:pointer}

/* ===========================================================
   按钮
   =========================================================== */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:15px;
  padding:13px 26px;border-radius:999px;
  border:0;cursor:pointer;
  transition:.25s;
  font-family:inherit;
}
.btn-primary{
  background:linear-gradient(135deg,var(--berry) 0%,var(--raspberry) 100%);
  color:#fff;
  box-shadow:0 8px 20px rgba(124,58,237,.35);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(124,58,237,.45)}
.btn-honey{
  background:linear-gradient(135deg,var(--honey) 0%,var(--honey-deep) 100%);
  color:#5b2a00;
  box-shadow:0 8px 20px rgba(245,158,11,.4);
}
.btn-honey:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(245,158,11,.5)}
.btn-ghost{
  background:#fff;color:var(--berry-dark);
  border:2px solid var(--berry-soft);
}
.btn-ghost:hover{border-color:var(--berry);background:var(--berry-soft)}

/* ===========================================================
   通用卡片（甜品菜单卡）
   =========================================================== */
.dessert-card{
  background:#fff;
  border-radius:var(--radius);
  padding:26px;
  box-shadow:var(--shadow);
  border:2px solid var(--lemon-soft);
  position:relative;
  transition:.3s;
  overflow:hidden;
}
.dessert-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(124,58,237,.22);border-color:var(--lemon)}
.dessert-card .card-corner-seal{
  position:absolute;top:-6px;right:-6px;
  width:64px;height:64px;
  background:linear-gradient(135deg,var(--honey),var(--raspberry));
  color:#fff;font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  text-align:center;line-height:1.1;
  clip-path:polygon(0 0,100% 0,100% 100%);
  padding:8px 4px 4px 30px;
  letter-spacing:1px;
}

/* 网格 */
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

/* ===========================================================
   页脚
   =========================================================== */
.footer{
  background:linear-gradient(180deg,var(--berry-dark) 0%,#4c1d95 100%);
  color:#fff;
  padding:54px 0 28px;
  margin-top:40px;
  position:relative;
  overflow:hidden;
}
.footer::before{
  content:"";position:absolute;top:-30px;left:0;right:0;height:30px;
  background:radial-gradient(circle at 10% 100%, var(--lemon) 8px,transparent 9px) 0 0/40px 30px,
             radial-gradient(circle at 30% 100%, var(--raspberry) 6px,transparent 7px) 0 0/50px 30px;
  opacity:.5;
}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;max-width:1200px;margin:0 auto;padding:0 24px}
.footer h4{color:var(--lemon);margin-bottom:14px;font-size:16px;letter-spacing:1px}
.footer p,.footer li{color:#d8c9f5;font-size:14px;line-height:2}
.footer a:hover{color:var(--lemon)}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.footer-bottom{
  max-width:1200px;margin:36px auto 0;padding:18px 24px 0;
  border-top:1px dashed rgba(255,255,255,.2);
  text-align:center;color:#b9a8e0;font-size:13px;
}
.footer-free-bar{
  background:linear-gradient(90deg,var(--honey),var(--raspberry));
  color:#fff;font-weight:800;text-align:center;
  padding:10px;font-size:14px;letter-spacing:2px;
  margin-bottom:-10px;
}

/* ===========================================================
   Hero / 通用顶部横幅
   =========================================================== */
.hero{
  position:relative;
  padding:70px 0 60px;
  overflow:hidden;
}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:880px;margin:0 auto}
.hero h1{
  font-size:46px;line-height:1.15;
  margin-bottom:18px;
}
.hero h1 .grad{
  background:linear-gradient(120deg,var(--berry) 0%,var(--raspberry) 60%,var(--honey-deep) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p.lead{font-size:18px;color:var(--text-soft);max-width:640px;margin:0 auto 26px}
.hero-badges{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}

/* 漂浮装饰定位 */
.deco-l1{top:8%;left:4%}
.deco-l2{top:60%;right:6%;width:90px;height:90px}
.deco-b1{top:18%;right:10%}
.deco-b2{bottom:14%;left:8%}
.deco-b3{top:40%;left:14%;width:34px;height:34px}

/* ===========================================================
   筛选 / 排序 栏
   =========================================================== */
.filter-bar{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  background:#fff;
  padding:16px 22px;border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  border:2px solid var(--lemon-soft);
  margin-bottom:32px;
}
.filter-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filter-label{font-size:13px;font-weight:700;color:var(--text-soft);margin-right:6px;letter-spacing:1px}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;
  padding:7px 14px;border-radius:999px;
  background:var(--cream-deep);color:var(--text);
  cursor:pointer;transition:.2s;
  border:2px solid transparent;
}
.chip:hover{background:var(--lemon-soft)}
.chip.active{
  background:linear-gradient(135deg,var(--berry),var(--raspberry));
  color:#fff;
  box-shadow:0 5px 12px rgba(124,58,237,.3);
}
.select-pill{
  font-family:inherit;font-size:13px;font-weight:600;
  padding:8px 14px;border-radius:999px;
  background:var(--cream-deep);color:var(--text);
  border:2px solid var(--lemon-soft);
  cursor:pointer;
}

/* ===========================================================
   菜单列表项
   =========================================================== */
.menu-row{
  display:flex;align-items:center;gap:20px;
  background:#fff;
  padding:18px 22px;border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  border:2px solid var(--lemon-soft);
  transition:.25s;
}
.menu-row:hover{transform:translateX(6px);border-color:var(--raspberry)}
.menu-rank{
  flex-shrink:0;
  width:48px;height:48px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--berry),var(--grape));
  box-shadow:0 5px 12px rgba(124,58,237,.3);
}
.menu-row.top-1 .menu-rank{background:linear-gradient(135deg,var(--honey),var(--honey-deep));color:#5b2a00}
.menu-row.top-2 .menu-rank{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}
.menu-row.top-3 .menu-rank{background:linear-gradient(135deg,#fb923c,#c2410c)}
.menu-row .row-body{flex:1;min-width:0}
.menu-row .row-title{font-size:17px;font-weight:700;color:var(--berry-dark);margin-bottom:4px}
.menu-row .row-meta{font-size:13px;color:var(--text-soft);display:flex;gap:14px;flex-wrap:wrap}
.menu-row .row-meta span::before{content:"•";color:var(--raspberry);margin-right:6px}
.menu-row .row-meta span:first-child::before{display:none}
.menu-row .row-side{display:flex;align-items:center;gap:10px;flex-shrink:0}

/* 销量条 */
.sales-bar{
  width:90px;height:8px;border-radius:999px;
  background:var(--cream-deep);overflow:hidden;
  position:relative;
}
.sales-bar i{
  display:block;height:100%;
  background:linear-gradient(90deg,var(--lemon-deep),var(--raspberry));
  border-radius:999px;
}

/* ===========================================================
   甜点菜单 表格风格 (schedule)
   =========================================================== */
.menu-table{
  background:#fff;
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow);
  border:3px solid var(--lemon);
}
.menu-table-head{
  background:linear-gradient(135deg,var(--berry) 0%,var(--raspberry) 100%);
  color:#fff;
  padding:22px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.menu-table-head h3{color:#fff;font-size:22px}
.menu-table-head .fresh-badge{
  background:var(--lemon);color:#5b2a00;
  font-weight:800;font-size:12px;letter-spacing:1px;
  padding:6px 14px;border-radius:999px;
}
.menu-table ul{padding:8px 0}
.menu-table li{
  display:grid;grid-template-columns:130px 1fr 140px 90px;
  align-items:center;gap:18px;
  padding:18px 28px;
  border-bottom:1px dashed var(--lemon-soft);
  transition:.2s;
}
.menu-table li:last-child{border-bottom:0}
.menu-table li:hover{background:var(--cream)}
.menu-time{
  font-weight:800;color:var(--berry-dark);
  font-size:17px;font-family:"Quicksand",monospace;
}
.menu-time small{display:block;font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:1px}
.menu-host{
  display:flex;align-items:center;gap:10px;
}
.host-avatar{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--raspberry),var(--grape));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;flex-shrink:0;
}
.host-name{font-size:14px;font-weight:700;color:var(--berry-dark)}
.host-name small{display:block;font-size:11px;color:var(--text-muted);font-weight:500}

/* ===========================================================
   表单
   =========================================================== */
.form-card{
  background:#fff;
  border-radius:var(--radius-lg);
  padding:32px;
  box-shadow:var(--shadow);
  border:3px solid var(--lemon);
}
.form-row{margin-bottom:18px}
.form-row label{display:block;font-size:13px;font-weight:700;color:var(--berry-dark);margin-bottom:8px;letter-spacing:1px}
.form-row input,.form-row textarea,.form-row select{
  width:100%;
  font-family:inherit;font-size:14px;
  padding:12px 16px;
  border-radius:14px;
  border:2px solid var(--lemon-soft);
  background:var(--cream);
  color:var(--text);
  transition:.2s;
}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{
  outline:0;border-color:var(--berry);background:#fff;
  box-shadow:0 0 0 4px var(--berry-soft);
}
.form-row textarea{resize:vertical;min-height:120px}

.star-input{display:flex;gap:6px;font-size:26px;cursor:pointer}
.star-input span{color:#d8c9f5;transition:.2s}
.star-input span.on{color:var(--honey-deep)}

/* 评分星星 */
.stars{color:var(--honey-deep);font-size:15px;letter-spacing:1px}
.stars .empty{color:#e5d9f5}

/* ===========================================================
   统计数字
   =========================================================== */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-box{
  background:#fff;border-radius:var(--radius);
  padding:26px 18px;text-align:center;
  border:2px solid var(--lemon-soft);
  box-shadow:var(--shadow-soft);
  position:relative;
}
.stat-num{
  font-size:34px;font-weight:800;
  background:linear-gradient(135deg,var(--berry),var(--raspberry));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1;
}
.stat-label{font-size:13px;color:var(--text-soft);margin-top:8px;letter-spacing:1px;font-weight:600}

/* ===========================================================
   特色列表 / 承诺
   =========================================================== */
.feature-item{
  display:flex;gap:16px;
  background:#fff;
  padding:22px;border-radius:var(--radius);
  border:2px solid var(--lemon-soft);
  box-shadow:var(--shadow-soft);
  transition:.25s;
}
.feature-item:hover{transform:translateY(-4px);border-color:var(--raspberry)}
.feature-icon{
  flex-shrink:0;width:52px;height:52px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--berry),var(--grape));
  box-shadow:0 6px 14px rgba(124,58,237,.3);
}
.feature-icon.honey{background:linear-gradient(135deg,var(--honey),var(--honey-deep));color:#5b2a00}
.feature-icon.raspberry{background:linear-gradient(135deg,var(--raspberry),#be185d)}
.feature-item h4{font-size:17px;margin-bottom:6px}
.feature-item p{font-size:14px;color:var(--text-soft)}

/* ===========================================================
   缩略图占位（纯CSS 甜品图）
   =========================================================== */
.thumb{
  width:100%;height:160px;border-radius:16px;
  position:relative;overflow:hidden;
  margin-bottom:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;color:#fff;letter-spacing:1px;
}
.thumb-lemon{background:linear-gradient(135deg,var(--lemon) 0%,var(--lemon-deep) 100%)}
.thumb-berry{background:linear-gradient(135deg,var(--berry) 0%,var(--grape) 100%)}
.thumb-rasp{background:linear-gradient(135deg,var(--raspberry) 0%,#be185d 100%)}
.thumb-grape{background:linear-gradient(135deg,var(--grape) 0%,var(--berry-dark) 100%)}
.thumb-honey{background:linear-gradient(135deg,var(--honey) 0%,var(--honey-deep) 100%);color:#5b2a00}
.thumb-mixed{background:linear-gradient(135deg,var(--lemon) 0%,var(--raspberry) 50%,var(--berry) 100%)}
.thumb::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 25%, rgba(255,255,255,.35) 0 10px,transparent 11px),
    radial-gradient(circle at 75% 70%, rgba(255,255,255,.25) 0 14px,transparent 15px),
    radial-gradient(circle at 60% 30%, rgba(255,255,255,.2) 0 6px,transparent 7px);
}
.thumb .thumb-label{position:relative;z-index:1;text-shadow:0 2px 6px rgba(0,0,0,.25)}

.duration-pill{
  position:absolute;top:12px;right:12px;z-index:2;
  background:rgba(76,29,149,.85);color:#fff;
  font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:999px;
  backdrop-filter:blur(4px);
}
.thumb-lemon .duration-pill{background:rgba(91,42,0,.85)}

/* ===========================================================
   评论卡 / 食谱卡
   =========================================================== */
.review-card{
  background:#fff;border-radius:var(--radius);
  padding:24px;box-shadow:var(--shadow-soft);
  border:2px solid var(--lemon-soft);
  position:relative;
}
.review-card .quote-mark{
  position:absolute;top:10px;right:18px;
  font-size:54px;font-family:Georgia,serif;
  color:var(--lemon);line-height:1;
  font-weight:800;
}
.review-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.review-avatar{
  width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,var(--honey),var(--raspberry));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:16px;flex-shrink:0;
}
.review-name{font-weight:700;color:var(--berry-dark);font-size:15px}
.review-name small{display:block;font-size:11px;color:var(--text-muted);font-weight:500}
.review-body{color:var(--text);font-size:14px;line-height:1.8}
.review-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.flavor-tag{
  font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:999px;
  background:var(--lemon-soft);color:var(--berry-dark);
}

/* ===========================================================
   团队卡 / 厨师卡
   =========================================================== */
.chef-card{
  background:#fff;border-radius:var(--radius-lg);
  padding:30px 22px;text-align:center;
  border:3px solid var(--lemon-soft);
  box-shadow:var(--shadow);
  transition:.25s;
}
.chef-card:hover{transform:translateY(-6px);border-color:var(--raspberry)}
.chef-avatar{
  width:96px;height:96px;border-radius:50%;
  margin:0 auto 16px;
  background:linear-gradient(135deg,var(--lemon),var(--raspberry));
  display:flex;align-items:center;justify-content:center;
  font-size:36px;font-weight:800;color:#fff;
  box-shadow:0 8px 20px rgba(124,58,237,.3);
  border:4px solid #fff;
}
.chef-card h4{font-size:18px;margin-bottom:4px}
.chef-card .chef-role{font-size:12px;color:var(--raspberry);font-weight:700;letter-spacing:1px;margin-bottom:10px}
.chef-card p{font-size:13px;color:var(--text-soft)}

/* ===========================================================
   横向特性条
   =========================================================== */
.ribbon-banner{
  background:linear-gradient(120deg,var(--berry) 0%,var(--raspberry) 50%,var(--honey-deep) 100%);
  color:#fff;
  padding:18px 24px;border-radius:var(--radius);
  text-align:center;
  font-weight:800;letter-spacing:1px;
  box-shadow:var(--shadow-berry);
  position:relative;overflow:hidden;
}
.ribbon-banner::before,.ribbon-banner::after{
  content:"";position:absolute;top:50%;transform:translateY(-50%);
  width:50px;height:50px;border-radius:50%;
  background:rgba(255,255,255,.15);
}
.ribbon-banner::before{left:-15px}
.ribbon-banner::after{right:-15px}

/* ===========================================================
   响应式
   =========================================================== */
@media (max-width:980px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .menu-table li{grid-template-columns:110px 1fr;row-gap:10px}
  .menu-host,.menu-table li > div:last-child{grid-column:1 / -1}
}
@media (max-width:760px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--cream);flex-direction:column;align-items:stretch;
    padding:14px;gap:6px;border-bottom:2px solid var(--lemon);
    box-shadow:0 12px 24px rgba(124,58,237,.18);}
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .hero h1{font-size:34px}
  .section-title{font-size:26px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .filter-bar{flex-direction:column;align-items:stretch}
  .menu-row{flex-wrap:wrap}
}