/* ══════════════════════════════════════════════
   第 05 屏 · 掀开蒸笼盖 · 赣菜集卡
   （移植自《赣菜蒸笼集卡H5》）
   ───────────────────────────────────────────────
   作用域：全部选择器收进 #s05 —— 源的 .card/.btn/.tag/.title
           都与工程撞名，收进来后特异性更高，互不污染。
   动画：12 个关键帧统一加 gk- 前缀（rise/pulse/pop/fade 与工程撞名）。
   配色：源是亮红海报底，已让给工程背景，只保留竹黄与鎏金主体。
   ══════════════════════════════════════════════ */

#s05 .stage{
    width:100%; max-width:505px; min-height:100vh; position:relative; overflow:hidden;
    background:
      radial-gradient(circle at 50% 4%, rgba(255,214,90,.26), transparent 42%),
      radial-gradient(circle at 50% 114%, rgba(80,0,0,.85), transparent 56%),
      linear-gradient(180deg,#d91515 0%, #b30b0b 46%, #860303 100%);
    box-shadow:0 0 60px rgba(0,0,0,.55);
  }#s05 .spark{ position:absolute; color:#ffd94d; animation:gk-twinkle 2.4s ease-in-out infinite; z-index:1; pointer-events:none; }@keyframes gk-twinkle{ 0%,100%{ transform:scale(1); opacity:.85;} 50%{ transform:scale(1.4); opacity:.4;} }#s05 .page{ min-height:100vh; display:flex; flex-direction:column; align-items:center; padding:32px 22px 34px; position:relative; z-index:2; }/* ============ 头部 ============ */#s05 .badge{
    display:inline-block; padding:7px 26px; border:2px solid #ffd94d; border-radius:999px;
    color:#ffd94d; letter-spacing:6px; font-size:13px; font-weight:600; margin-bottom:18px;
    background:rgba(0,0,0,.16); text-indent:6px;
  }#s05 .title{ font-size:52px; font-weight:900; color:#fff; text-align:center; line-height:1.16; letter-spacing:4px; text-indent:4px; text-shadow:0 4px 0 rgba(0,0,0,.18), 0 12px 30px rgba(0,0,0,.35); }#s05 .title .gold{ background:linear-gradient(180deg,#ffe98a,#ffb521); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 4px 0 rgba(0,0,0,.2)); }#s05 .subtitle{ margin-top:14px; color:#ffe9c9; font-size:15px; letter-spacing:3px; text-align:center; }/* ============ 图鉴进度条 ============ */#s05 .progress-wrap{ width:100%; margin-top:22px; background:rgba(0,0,0,.16); border:1px solid rgba(255,217,77,.28); border-radius:18px; padding:14px 16px 16px; }#s05 .progress-top{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:9px; }#s05 .progress-top .label{ color:#ffd94d; font-size:13px; letter-spacing:2px; font-weight:700; }#s05 .progress-top .count{ color:#fff; font-size:13px; font-weight:700; }#s05 .progress-top .count b{ color:#ffd94d; font-size:19px; }#s05 .progress-bar{ height:9px; border-radius:999px; background:rgba(0,0,0,.32); overflow:hidden; }#s05 .progress-fill{ height:100%; width:0%; border-radius:999px; background:linear-gradient(90deg,#ffdf6b,#ff9d1c); transition:width .5s cubic-bezier(.3,1.3,.4,1); box-shadow:0 0 10px rgba(255,190,40,.7); }#s05 .progress-tip{ margin-top:8px; color:#ffe0a8; font-size:11px; letter-spacing:1px; }/* ============ 蒸笼阵列 ============ */#s05 .steamers{ margin-top:26px; display:flex; gap:14px; justify-content:center; align-items:flex-end; width:100%; padding:22px 12px 16px; background:rgba(0,0,0,.14); border-radius:24px; border:1px solid rgba(255,217,77,.22); box-shadow:inset 0 2px 14px rgba(0,0,0,.22); }#s05 .steamer{ width:108px; cursor:pointer; text-align:center; transition:transform .18s; }/* 单个蒸笼时放大居中，避免空旷 */#s05 .steamers .steamer:only-child{ width:150px; }#s05 .steamers .steamer:only-child .bamboo{ width:138px; height:144px; }#s05 .steamers .steamer:only-child .b-tray{ height:102px; }#s05 .steamers .steamer:only-child .b-cover{ height:60px; top:12px; }#s05 .steamers .steamer:only-child .b-cover::before{ width:52px; height:20px; top:-17px; }#s05 .steamers .steamer:only-child .b-cover::after{ left:22px; right:22px; top:16px; height:28px; }#s05 .steamers .steamer:only-child .b-q{ width:46px; height:46px; font-size:28px; top:52%; }#s05 .steamers .steamer:only-child .s-label{ font-size:17px; }#s05 .steamers .steamer:only-child .steam i{ width:12px; height:12px; }#s05 .steamer:hover{ transform:translateY(-7px); }#s05 .steamer:active{ transform:scale(.94); }#s05 .steamer:disabled,#s05 .steamer.done{ cursor:default; }#s05 .steamer.done{ opacity:.34; filter:grayscale(.7); }/* 竹蒸笼造型 */#s05 .bamboo{ position:relative; width:100px; height:104px; display:inline-block; }#s05 .b-tray{
    position:absolute; left:0; right:0; bottom:0; height:74px; border-radius:8px 8px 12px 12px;
    background:
      repeating-linear-gradient(90deg, rgba(120,72,20,.28) 0 2px, transparent 2px 11px),
      linear-gradient(160deg,#e8b96a 0%, #d79f45 52%, #b9802f 100%);
    box-shadow:0 10px 18px rgba(0,0,0,.32), inset 0 -6px 0 rgba(110,64,14,.35);
    z-index:1;
  }#s05 .b-tray::before{ /* 笼身下沿箍 */
    content:""; position:absolute; left:-3px; right:-3px; bottom:6px; height:9px; border-radius:4px;
    background:linear-gradient(180deg,#c98d38,#9c6a22);
  }#s05 .b-tray::after{ /* 内圈阴影（开口）*/
    content:""; position:absolute; left:8px; right:8px; top:4px; height:14px; border-radius:50%;
    background:radial-gradient(ellipse at center, rgba(80,42,6,.85), rgba(120,72,20,.25));
    box-shadow:inset 0 3px 6px rgba(0,0,0,.55);
  }/* 笼盖 */#s05 .b-cover{
    position:absolute; left:-4px; right:-4px; top:8px; height:44px; z-index:3;
    border-radius:50% 50% 42% 42% / 62% 62% 38% 38%;
    background:
      repeating-linear-gradient(90deg, rgba(120,72,20,.22) 0 2px, transparent 2px 12px),
      linear-gradient(180deg,#f0c477,#d69c42 60%,#bb8433);
    box-shadow:0 8px 16px rgba(0,0,0,.34), inset 0 -5px 0 rgba(120,72,20,.28);
    transform-origin:center bottom;
    display:flex; align-items:center; justify-content:center;
  }#s05 .b-cover::before{ /* 笼盖提手 */
    content:""; position:absolute; top:-13px; left:50%; transform:translateX(-50%);
    width:38px; height:15px; border-radius:50%;
    background:linear-gradient(180deg,#ffe08a,#d69c42);
    box-shadow:0 3px 7px rgba(0,0,0,.3), inset 0 -3px 0 rgba(120,72,20,.3);
  }#s05 .b-cover::after{ /* 盖面竹纹同心圈 */
    content:""; position:absolute; left:16px; right:16px; top:12px; height:20px; border-radius:50%;
    border:2px solid rgba(140,88,26,.4);
  }/* 蒸汽 */#s05 .steam{ position:absolute; left:50%; top:-6px; transform:translateX(-50%); z-index:4; display:flex; gap:7px; }#s05 .steam i{
    display:block; width:9px; height:9px; border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.92), rgba(255,255,255,0) 70%);
    opacity:0; animation:gk-rise 2.1s ease-in-out infinite;
  }#s05 .steam i:nth-child(2){ animation-delay:.35s; }#s05 .steam i:nth-child(3){ animation-delay:.7s; }@keyframes gk-rise{
    0% { opacity:0; transform:translateY(6px) scale(.5); }
    28% { opacity:.9; }
    100% { opacity:0; transform:translateY(-46px) scale(1.5); }
  }/* 静止时三个蒸笼依次微微掀动呼吸 */#s05 .steamer .bamboo{ animation:gk-lids 2.8s ease-in-out infinite; transform-origin:center bottom; }#s05 .steamer:nth-child(2) .bamboo{ animation-delay:.5s; }#s05 .steamer:nth-child(3) .bamboo{ animation-delay:1s; }@keyframes gk-lids{
    0%,16%,100% { transform:translateY(0) rotate(0); }
    5%  { transform:translateY(-4px) rotate(-1.6deg); }
    10% { transform:translateY(-1px) rotate(1.2deg); }
  }/* 点击后整笼狂动 */#s05 .steamer.opening{ animation:none; }#s05 .steamer.opening .bamboo{ animation:gk-boil .34s ease-in-out infinite; }@keyframes gk-boil{
    0%,100%{ transform:translateY(0) rotate(0);}
    25%{ transform:translateY(-7px) rotate(-4deg);}
    50%{ transform:translateY(-2px) rotate(3.5deg);}
    75%{ transform:translateY(-8px) rotate(-3deg);}
  }#s05 .steamer .b-q{
    position:absolute; left:50%; top:44%; transform:translate(-50%,-50%); z-index:2;
    width:34px; height:34px; border-radius:50%; color:#fff5d6; font-size:22px; font-weight:900;
    display:flex; align-items:center; justify-content:center; font-family:Georgia,serif;
    background:radial-gradient(circle at 35% 30%,#ff8a6a,#c8102e); border:2px solid #ffd94d;
    box-shadow:0 3px 8px rgba(0,0,0,.4);
  }#s05 .s-label{ margin-top:10px; color:#fff; font-size:14px; font-weight:700; letter-spacing:2px; }#s05 .s-label small{ display:block; margin-top:3px; font-weight:400; font-size:10px; color:#ffd94d; letter-spacing:2px; }#s05 .tap-hint{ margin-top:22px; color:#ffe9c9; font-size:13px; letter-spacing:2px; animation:gk-pulse 1.6s ease-in-out infinite; }@keyframes gk-pulse{ 0%,100%{opacity:.5;} 50%{opacity:1;} }/* ============ 图鉴册 ============ */#s05 .album{ width:100%; margin-top:30px; }#s05 .album-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }#s05 .album-head h2{ color:#ffd94d; font-size:16px; letter-spacing:4px; font-weight:800; }#s05 .album-head .reset{ color:#ffd0b0; font-size:12px; letter-spacing:1px; border:1px solid rgba(255,217,77,.4); background:transparent; border-radius:999px; padding:5px 12px; cursor:pointer; }#s05 .album-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }#s05 .slot{
    position:relative; aspect-ratio:1/1; border-radius:14px; overflow:hidden;
    background:rgba(0,0,0,.24); border:2px dashed rgba(255,217,77,.32);
    display:flex; align-items:center; justify-content:center;
    color:rgba(255,233,201,.5); font-size:22px; font-weight:800;
  }#s05 .slot img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(1) brightness(.45); }#s05 .slot .no{ position:relative; z-index:2; }/* 已解锁 */#s05 .slot.unlocked{ border:2px solid #ffd94d; box-shadow:0 6px 16px rgba(255,180,40,.28); animation:gk-unlock .6s cubic-bezier(.2,1.4,.4,1); }#s05 .slot.unlocked img{ filter:none; }#s05 .slot.unlocked .no{ display:none; }#s05 .slot .sname{
    position:absolute; left:0; right:0; bottom:0; z-index:3; padding:14px 4px 4px;
    font-size:10px; font-weight:700; color:#fff; text-align:center; letter-spacing:.5px;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));
    opacity:0; transition:opacity .3s;
  }#s05 .slot.unlocked .sname{ opacity:1; }@keyframes gk-unlock{ 0%{ transform:scale(.6) rotate(-12deg); opacity:0;} 60%{ transform:scale(1.12) rotate(4deg);} 100%{ transform:scale(1) rotate(0); opacity:1;} }/* 稀有度角标 */#s05 .slot .rarity{
    position:absolute; left:0; top:0; z-index:4; font-size:9px; font-weight:900; letter-spacing:.5px;
    padding:3px 7px; border-radius:0 0 10px 0; color:#fff; opacity:0;
  }#s05 .slot.unlocked .rarity{ opacity:1; }#s05 .r-n{ background:#8a8a8a; }#s05 .r-r{ background:#3b7ddd; }#s05 .r-sr{ background:linear-gradient(135deg,#b46cf0,#7c2fd6); }#s05 .r-ssr{ background:linear-gradient(135deg,#ffb521,#ff6a00); box-shadow:0 0 12px rgba(255,170,20,.9); }/* ============ 开盖遮罩 ============ */#s05 .overlay{ position:absolute; inset:0; z-index:20; display:none; align-items:center; justify-content:center; flex-direction:column; background:rgba(60,0,0,.66); backdrop-filter:blur(4px); }#s05 .overlay.show{ display:flex; }#s05 .overlay-inner{ display:flex; flex-direction:column; align-items:center; }/* 大蒸笼 */#s05 .big-steamer{ position:relative; width:220px; height:214px; }#s05 .big-steamer .b-tray{ height:150px; border-radius:14px 14px 20px 20px; }#s05 .big-steamer .b-tray::before{ height:14px; bottom:12px; }#s05 .big-steamer .b-tray::after{ left:16px; right:16px; top:10px; height:26px; }#s05 .big-steamer .b-cover{ top:16px; height:88px; border-radius:50% 50% 44% 44% / 64% 64% 36% 36%; }#s05 .big-steamer .b-cover::before{ top:-20px; width:66px; height:22px; }#s05 .big-steamer .b-cover::after{ left:30px; right:30px; top:24px; height:38px; }#s05 .big-steamer .steam i{ width:13px; height:13px; }#s05 .big-steamer .steam{ gap:11px; top:-14px; }#s05 .big-steamer.ready .b-cover{ animation:gk-cover-up .9s cubic-bezier(.34,1.3,.5,1) forwards; }@keyframes gk-cover-up{
    0% { transform:translateY(0) rotate(0); }
    45% { transform:translateY(-58px) rotate(-14deg); }
    100% { transform:translateY(-160px) rotate(-30deg); opacity:0; }
  }#s05 .big-steamer.ready .steam{ animation:none; }#s05 .big-steamer.ready .steam i{ animation:gk-big-rise 1s ease-out forwards; }@keyframes gk-big-rise{ 0%{ opacity:0; transform:translateY(10px) scale(.6);} 40%{ opacity:1;} 100%{ opacity:0; transform:translateY(-120px) scale(2.4);} }#s05 .opening-text{ margin-top:22px; color:#ffd94d; font-size:21px; font-weight:800; letter-spacing:5px; text-shadow:0 2px 8px rgba(0,0,0,.4); }/* ============ 结果卡 ============ */#s05 .result{ display:none; width:88%; max-width:372px; max-height:94vh; overflow-y:auto; scrollbar-width:none; }#s05 .result::-webkit-scrollbar{ display:none; }#s05 .result.show{ display:block; animation:gk-pop .5s cubic-bezier(.2,1.4,.4,1); }@keyframes gk-pop{ 0%{ transform:scale(.45) translateY(30px); opacity:0;} 100%{ transform:scale(1) translateY(0); opacity:1;} }#s05 .card{ position:relative; border-radius:22px; overflow:hidden; background:linear-gradient(180deg,#fffdf6,#fff3da); box-shadow:0 20px 50px rgba(0,0,0,.5); }/* 稀有度边框分层 */#s05 .rank-N{ border:3px solid #b9b9b9; }#s05 .rank-R{ border:3px solid #63a2ff; box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 26px rgba(80,160,255,.55); }#s05 .rank-SR{ border:3px solid #b46cf0; box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 30px rgba(170,90,255,.65); }#s05 .rank-SSR{ border:3px solid #ffb521; box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 38px rgba(255,170,20,.85); }#s05 .dish-photo{ position:relative; height:228px; overflow:hidden; }#s05 .dish-photo img{ width:100%; height:100%; object-fit:cover; display:block; }#s05 .dish-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 52%, rgba(120,10,10,.6)); }#s05 .rank-badge{
    position:absolute; right:12px; top:12px; z-index:4; font-size:13px; font-weight:900; letter-spacing:1px;
    color:#fff; padding:6px 12px; border-radius:999px; box-shadow:0 4px 12px rgba(0,0,0,.4);
  }#s05 .rb-N{ background:#8a8a8a; }#s05 .rb-R{ background:linear-gradient(135deg,#63a2ff,#2f6fd6); }#s05 .rb-SR{ background:linear-gradient(135deg,#c184ff,#7c2fd6); }#s05 .rb-SSR{ background:linear-gradient(135deg,#ffc93c,#ff6a00); animation:gk-ssr-glow 1.3s ease-in-out infinite; }@keyframes gk-ssr-glow{ 0%,100%{ box-shadow:0 4px 12px rgba(0,0,0,.4), 0 0 0 rgba(255,170,20,.9);} 50%{ box-shadow:0 4px 12px rgba(0,0,0,.4), 0 0 22px rgba(255,170,20,.95);} }#s05 .ribbon{ position:absolute; left:0; top:16px; z-index:3; background:linear-gradient(135deg,#ff5f4e,#c8102e); color:#fff; font-size:13px; font-weight:800; letter-spacing:2px; padding:7px 16px 7px 14px; border-radius:0 999px 999px 0; box-shadow:0 4px 10px rgba(0,0,0,.35); }#s05 .card-head{ background:linear-gradient(135deg,#c8102e,#8e0404); text-align:center; padding:14px 12px 16px; margin-top:-30px; border-radius:26px 26px 0 0; position:relative; z-index:2; }#s05 .card-head .dish-name{ color:#fff; font-size:31px; font-weight:900; letter-spacing:3px; text-shadow:0 3px 8px rgba(0,0,0,.35); }#s05 .card-head .tag{ position:absolute; right:-6px; top:16px; background:#ffd94d; color:#8e0404; font-size:12px; font-weight:800; padding:5px 12px 5px 14px; border-radius:999px 0 0 999px; box-shadow:0 3px 8px rgba(0,0,0,.3); }#s05 .card-body{ padding:16px 22px 6px; }#s05 .price-line{ text-align:center; color:#c8102e; font-size:13px; letter-spacing:2px; font-weight:700; }#s05 .price-line .line{ color:#e6c98c; margin:0 8px; }#s05 .dish-intro{ margin-top:10px; color:#5a3d1e; font-size:13.5px; line-height:1.8; text-align:justify; }#s05 .dish-meta{ display:flex; justify-content:center; gap:8px; margin-top:12px; flex-wrap:wrap; }#s05 .meta-chip{ background:#fdeaea; color:#c8102e; border:1px solid #f3b9b9; border-radius:999px; font-size:12px; padding:5px 12px; font-weight:600; }#s05 .new-flag{ display:inline-block; margin-top:10px; background:#fff3d2; color:#b9761a; border:1px dashed #e0a63e; border-radius:8px; font-size:11px; padding:4px 10px; letter-spacing:1px; }#s05 .card-actions{ padding:14px 22px 18px; display:flex; gap:10px; }#s05 .btn{ flex:1; border:none; border-radius:999px; padding:12px 0; font-size:15px; font-weight:800; letter-spacing:3px; cursor:pointer; text-indent:3px; }#s05 .btn-again{ background:linear-gradient(135deg,#ff5f4e,#e2231a); color:#fff; box-shadow:0 6px 14px rgba(226,35,26,.4); }#s05 .btn-again:active{ transform:scale(.96); }#s05 .btn-collect{ background:#fff; color:#c8102e; border:2px solid #e2231a; }#s05 .btn-collect:active{ transform:scale(.96); }/* ============ 集齐庆祝 ============ */#s05 .finale{ position:absolute; inset:0; z-index:40; display:none; align-items:center; justify-content:center; flex-direction:column; padding:40px 30px; background:radial-gradient(circle at 50% 36%, rgba(255,200,60,.28), rgba(70,0,0,.94) 62%); text-align:center; }#s05 .finale.show{ display:flex; animation:gk-fade .5s ease; }@keyframes gk-fade{ from{opacity:0;} to{opacity:1;} }#s05 .finale .crown{ font-size:78px; animation:gk-crown 1.6s ease-in-out infinite; }@keyframes gk-crown{ 0%,100%{ transform:translateY(0) rotate(-4deg);} 50%{ transform:translateY(-14px) rotate(4deg);} }#s05 .finale h2{ margin-top:16px; color:#ffd94d; font-size:32px; font-weight:900; letter-spacing:6px; text-shadow:0 3px 0 rgba(0,0,0,.25); }#s05 .finale p{ margin-top:16px; color:#ffe9c9; font-size:14px; line-height:2; letter-spacing:1px; }#s05 .finale .medal{ margin-top:22px; padding:10px 26px; border:2px solid #ffd94d; border-radius:999px; color:#ffd94d; font-size:13px; letter-spacing:3px; }#s05 .btn-close2{ margin-top:28px; border:none; background:linear-gradient(135deg,#ff5f4e,#e2231a); color:#fff; font-size:15px; font-weight:800; letter-spacing:3px; padding:13px 42px; border-radius:999px; box-shadow:0 8px 20px rgba(226,35,26,.5); cursor:pointer; }#s05 .footer-note{ margin-top:28px; color:#ffd9a8; font-size:12px; line-height:1.9; text-align:center; letter-spacing:1px; }#s05 .footer-note b{ color:#ffd94d; }#s05 .cn-deco{ margin-top:8px; color:#ffd94d; font-size:12px; letter-spacing:8px; opacity:.8; text-indent:8px; }


/* ══════════════════════════════════════════════
   第 05 屏 · 与工程整合层
   （写在移植样式之后，同优先级下后出现者生效）
   ══════════════════════════════════════════════ */
/* 源把 .stage 做成一张「亮红海报」；工程全片走暗红金调，
   这里把它的底色让给工程背景，只留一层淡金顶光与内描边，
   使第 05 屏与其它展馆屏同处一个光照环境。 */
#s05 .stage{
  width:100%;min-height:0;position:relative;overflow:hidden;border-radius:16px;
  background:radial-gradient(circle at 50% -6%, rgba(255,214,90,.13), transparent 48%);
  box-shadow:inset 0 0 0 1px rgba(255,206,120,.16);
}
#s05 .page{padding:0;min-height:0}
#s05 .progress-wrap{margin-top:0}
#s05 .overlay,#s05 .finale{border-radius:16px}
#s05 .result{max-height:100%}

/* 装饰星光退回背景：源是 .85/.4 的闪烁，在紧凑舞台里会跟正文抢注意力，
   压到 .46/.20；同时给「重置图鉴」一个实体底面 —— 控件不该浮在装饰上。 */
@keyframes gk-twinkle2{
  0%,100%{ transform:scale(1);   opacity:.46; }
  50%    { transform:scale(1.3); opacity:.20; }
}
#s05 .spark{animation-name:gk-twinkle2}
#s05 .album-head .reset{background:rgba(56,0,0,.55)}

/* 屏内紧凑化：源按「整页滚动」设计，纵向留白偏大 */
#s05 .progress-wrap{padding:9px 13px 10px;border-radius:14px}
#s05 .steamers{margin-top:9px;padding:10px 12px 9px;border-radius:18px}
#s05 .tap-hint{margin-top:9px;font-size:12px}
#s05 .album{margin-top:12px}
#s05 .album-head{margin-bottom:8px}
#s05 .album-grid{gap:7px}
#s05 .slot{aspect-ratio:auto;height:92px}
#s05 .footer-note{margin-top:10px;font-size:11.4px;line-height:1.62}
#s05 .cn-deco{margin-top:4px;font-size:11px;letter-spacing:7px}
#s05 .opening-text{margin-top:16px;font-size:19px}
#s05 .dish-photo{height:196px}
#s05 .card-body{padding:13px 18px 4px}
#s05 .dish-intro{font-size:12.6px;line-height:1.72}
#s05 .card-actions{padding:11px 18px 14px}

/* 结果卡抬头：源把「风味」丝带绝对定位挂在右边缘，七字菜名（如
   「井冈山烟笋炒肉」）会被压住。改为 flex 同行排布，菜名缩一档，
   长短菜名都不再打架。 */
#s05 .card-head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;
  padding:12px 14px 14px;
}
#s05 .card-head .dish-name{font-size:24px;letter-spacing:2px}
#s05 .card-head .tag{
  position:static;padding:4px 13px;border-radius:999px;
  background:#ffd94d;color:#8e0404;font-size:11.5px;font-weight:800;letter-spacing:.5px;
  text-indent:0;box-shadow:0 3px 8px rgba(0,0,0,.28);
}

/* 集齐庆祝：源的遮罩只有 0.94 alpha 的径向渐变，屏内图鉴与蒸笼会从
   底下透出来、文字糊成一片。压成实底，只留中心一团暖光。
   （用不透明色而非 0.98 alpha：即便 1.5% 的底透在暗红底上也能被人眼
   看出网格轮廓，集齐是个「干净的庆祝时刻」，不该有影子。） */
#s05 .finale{
  background:
    radial-gradient(circle at 50% 34%, rgba(255,200,60,.22), transparent 64%),
    linear-gradient(180deg, #680503 0%, #320000 100%);
}
#s05 .finale h2{font-size:27px}
#s05 .finale .crown{font-size:64px}
#s05 .finale p{font-size:12.8px;line-height:1.85}
#s05 .finale .medal{margin-top:16px;padding:8px 22px;font-size:12px}
#s05 .btn-close2{margin-top:20px;padding:11px 36px;font-size:14px}
/* 单个蒸笼时的放大尺寸收一档（源按整页高度设计，屏内偏大） */
#s05 .steamers .steamer:only-child{width:132px}
#s05 .steamers .steamer:only-child .bamboo{width:120px;height:126px}
#s05 .steamers .steamer:only-child .b-tray{height:90px}
#s05 .steamers .steamer:only-child .b-cover{height:54px;top:10px}
#s05 .steamers .steamer:only-child .b-cover::before{width:46px;height:18px;top:-15px}
#s05 .steamers .steamer:only-child .b-cover::after{left:19px;right:19px;top:14px;height:25px}
#s05 .steamers .steamer:only-child .b-q{width:42px;height:42px;font-size:25px;top:52%}
#s05 .steamers .steamer:only-child .s-label{font-size:16px}
#s05 .steamers .steamer:only-child .steam i{width:11px;height:11px}