/* ==========================================================================
   云梦鱼面 · 首页 v3（2026-10-06）
   新增：出馆短片（抖音嵌入，手机外框 + 逐行点亮标题）、最新报道横滑画廊、
   顶栏当前版块高亮、版块底色重排。只被 index.html 引用，不影响其他页面。
   回退：index.html 删掉 ym-home-v3.css / ym-home-v3.js 两行，并换回备份。
   ========================================================================== */
:root { --v3-ink:#1D1D1F; --v3-ink2:#6E6E73; --v3-ink3:#86868B; --v3-gray:#F5F5F7; --v3-link:#0066CC; --v3-blue:#0071E3; --v3-orange:#BF4800;
  --v3-ease:cubic-bezier(.28,.11,.32,1); --v3-ease-ui:cubic-bezier(.25,.1,.25,1); }

/* ── 出馆短片 ─────────────────────────────────────────────────────── */
.exit-film { background: var(--v3-gray); overflow: hidden; }
html.ui-apple .exit-film.section { background: var(--v3-gray) !important; padding-top: clamp(96px, 9vw, 128px); }
.exit-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: clamp(40px, 6vw, 96px); }
.exit-eyebrow { margin: 0 0 14px; font-size: clamp(17px, 1.4vw, 21px); font-weight: 600; color: var(--v3-orange); }
.exit-title { margin: 0; font-size: clamp(40px, 5.4vw, 72px) !important; font-weight: 600; line-height: 1.1 !important; letter-spacing: -.01em; color: var(--v3-ink); }
.exit-title .ln { display: block; transition: color .7s var(--v3-ease); }
html.js .exit-title.is-scrubbing .ln { color: #C7C7CC; }
html.js .exit-title.is-scrubbing .ln.lit { color: var(--v3-ink); }
.exit-lead { margin: 26px 0 0; max-width: 30em; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.6; color: var(--v3-ink2); }
.exit-steps { list-style: none; margin: 36px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 520px; }
.exit-steps li { padding: 0 18px; border-left: 1px solid #D2D2D7; display: flex; flex-direction: column; gap: 2px; }
.exit-steps li:first-child { padding-left: 0; border-left: 0; }
.exit-steps b { font-size: 12px; font-weight: 600; color: var(--v3-ink3); letter-spacing: .02em; }
.exit-steps span { font-size: clamp(19px, 1.6vw, 24px); font-weight: 600; color: var(--v3-ink); }
.exit-steps small { font-size: 14px; color: var(--v3-ink2); }
.exit-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 38px; }
.exit-link, .v3-link { color: var(--v3-link); font-size: 17px; text-decoration: none; }
@media (hover: hover) { .exit-link:hover, .v3-link:hover { text-decoration: underline; } }

.exit-phone { display: flex; flex-direction: column; align-items: center; }
.phone-frame { position: relative; width: min(340px, 80vw); aspect-ratio: 9 / 16; padding: 11px; border-radius: 48px; background: #1D1D1F;
  box-shadow: 0 40px 80px -20px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.06), inset 0 0 0 1.5px rgba(255,255,255,.08);
  transform-origin: 50% 60%; will-change: transform; }
.phone-frame::before { content: ""; position: absolute; z-index: 2; top: 20px; left: 50%; width: 92px; height: 26px; margin-left: -46px; border-radius: 20px; background: #000; pointer-events: none; }
.phone-screen { position: relative; width: 100%; height: 100%; border-radius: 38px; overflow: hidden; background: #000; isolation: isolate; }
.phone-screen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; opacity: 0; transition: opacity .8s var(--v3-ease); }
.phone-screen.is-loaded iframe { opacity: 1; }
.phone-wait { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 28px; text-align: center; color: #F5F5F7; }
.phone-wait strong { font-size: 21px; font-weight: 600; line-height: 1.35; }
.phone-wait span { font-size: 14px; color: #A1A1A6; }
.phone-wait i { width: 28px; height: 28px; border-radius: 50%; border: 2.5px solid rgba(255,255,255,.18); border-top-color: #fff; animation: v3-spin 1s linear infinite; }
.phone-screen.is-loaded .phone-wait { opacity: 0; visibility: hidden; transition: opacity .5s, visibility 0s .5s; }
.phone-screen.is-slow .phone-wait i { display: none; }
.phone-wait a { display: none; color: #2997FF; font-size: 17px; text-decoration: none; }
.phone-screen.is-slow .phone-wait a { display: inline; }
@keyframes v3-spin { to { transform: rotate(360deg); } }
.phone-note { margin: 18px 0 0; max-width: 320px; text-align: center; font-size: 12px; line-height: 1.5; color: var(--v3-ink2); }

/* ── 最新报道：横滑画廊 ─────────────────────────────────────────── */
html.ui-apple #latest.section, #latest.section { background: var(--v3-gray) !important; overflow: hidden; }
.rail { display: grid; grid-auto-flow: column; grid-auto-columns: min(372px, 80vw); gap: 20px; overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  --edge: max(20px, calc((100% - 1240px) / 2)); padding: 10px var(--edge) 34px; scroll-padding-inline: var(--edge); }
.rail::-webkit-scrollbar { display: none; }
.rail:focus-visible { outline: none; }
.rail:focus-visible .news-tile:first-child { box-shadow: 0 0 0 3px rgba(0,113,227,.4); }
.news-tile { scroll-snap-align: start; position: relative; display: flex; flex-direction: column; gap: 12px; min-height: 400px; padding: 30px 30px 26px;
  border-radius: 22px; background: #fff; color: var(--v3-ink); text-decoration: none; transform: translateZ(0);
  transition: transform .6s var(--v3-ease-ui), box-shadow .6s var(--v3-ease-ui); }
@media (hover: hover) { .news-tile:hover { transform: scale(1.02); box-shadow: 0 12px 40px rgba(0,0,0,.09); } .news-tile:hover .tile-go { text-decoration: underline; } }
.news-tile:active { transform: scale(.985); }
.tile-kind { font-size: 12px; font-weight: 600; color: var(--v3-orange); }
.tile-date { display: flex; align-items: baseline; gap: 8px; font-size: 44px; font-weight: 600; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--v3-ink); }
.tile-date small { font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--v3-ink3); }
.news-tile h3 { margin: 6px 0 0; font-size: 21px !important; font-weight: 600; line-height: 1.35 !important; color: var(--v3-ink); }
.news-tile p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--v3-ink2); }
.tile-src { margin-top: auto !important; padding-top: 14px; border-top: 1px solid #ECECEF; font-size: 12px !important; color: var(--v3-ink2); }
.tile-go { color: var(--v3-link); font-size: 15px; }
.news-tile.is-ours { background: #1D1D1F; color: #F5F5F7; }
.news-tile.is-ours h3, .news-tile.is-ours .tile-date { color: #F5F5F7; }
.news-tile.is-ours p, .news-tile.is-ours .tile-src { color: #A1A1A6; border-top-color: #424245; }
.news-tile.is-ours .tile-kind { color: #FF9F0A; }
.news-tile.is-ours .tile-go { color: #2997FF; }
.rail-ctrl { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.rail-dots { display: flex; gap: 8px; align-items: center; padding: 10px 16px; border-radius: 980px; background: rgba(210,210,215,.5); }
.rail-dots button { width: 8px; height: 8px; min-height: 0 !important; padding: 0 !important; border: 0; border-radius: 980px !important; background: rgba(0,0,0,.42) !important; cursor: pointer; transition: width .45s var(--v3-ease), background .3s; }
.rail-dots button[aria-current="true"] { width: 26px; background: var(--v3-ink) !important; }
.rail-paddles { display: flex; gap: 14px; }
.rail-paddles button { width: 40px; height: 40px; min-height: 0 !important; padding: 0 !important; display: grid; place-items: center; border: 0; border-radius: 50% !important;
  background: rgba(210,210,215,.64) !important; color: rgba(0,0,0,.56); cursor: pointer; transition: background .25s, color .25s, opacity .25s, transform .2s; }
.rail-paddles button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) { .rail-paddles button:not(:disabled):hover { background: rgba(223,223,227,.9) !important; color: rgba(0,0,0,.72); } }
.rail-paddles button:active:not(:disabled) { transform: scale(.92); }
.rail-paddles button:disabled { opacity: .36; cursor: default; }
.latest-foot { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 22px; margin-top: 40px; }
.latest-note { margin: 18px auto 0; max-width: 46em; text-align: center; font-size: 12px; line-height: 1.6; color: var(--v3-ink2); }

.nb { display: inline-block; }

/* ── 版块底色重排（白 / 灰 / 黑交替，避免两块同色相邻） ───────────── */
html.ui-apple #faq.section { background: #fff !important; }
html.ui-apple #faq .faq-item { background: var(--v3-gray); }

/* ── 顶栏：当前版块高亮（苹果 local nav 式） ─────────────────────── */
html.ui-apple .nav-links a.is-current { color: var(--v3-ink); font-weight: 600; }

/* ── 响应式 ──────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .exit-grid { grid-template-columns: minmax(0, 1fr); text-align: center; }
  .exit-lead { margin-left: auto; margin-right: auto; }
  .exit-steps { margin-left: auto; margin-right: auto; text-align: left; }
  .exit-actions { justify-content: center; }
}
@media (max-width: 720px) {
  html.ui-apple .exit-film.section { padding-top: 80px; }
  .exit-title { font-size: 40px !important; }
  .exit-steps li { padding: 0 12px; }
  .exit-steps span { font-size: 18px; }
  .exit-steps small { font-size: 12px; }
  .news-tile { min-height: 380px; padding: 26px 24px 22px; }
  .tile-date { font-size: 38px; }
  .rail-ctrl { justify-content: center; }
  .rail-paddles { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .rail { scroll-behavior: auto; }
  .phone-frame { transform: none !important; }
  .exit-title .ln { color: var(--v3-ink) !important; transition: none; }
  .phone-wait i { animation: none; }
}

/* ── 视频卡片（2026-10-06 第二轮）：苹果 TV 式 ─────────────────────
   方形菜品特写封面（截在烧录字幕上方，不带字幕）；标题压在画面底部渐变上；
   中间大播放圆钮去掉，改右下角玻璃胶囊「▶ 0:31」＝播放＋时长。手机端改左右滑。 */
.video-lead { --v3-font: -apple-system, BlinkMacSystemFont, "SF Pro SC", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", system-ui, sans-serif; }
.video-lead .video-card { position: relative; border: 0 !important; border-radius: 22px !important; background: #1D1D1F; overflow: hidden; -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); transition: transform .6s var(--v3-ease-ui), box-shadow .6s var(--v3-ease-ui); }
.video-lead .video-poster { display: block; }
.video-lead .video-poster img { aspect-ratio: 1 / 1 !important; filter: none !important; }
.video-lead .video-poster::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.18) 60%, rgba(0,0,0,.74) 100%); }
.video-lead .play-btn { display: none !important; }
.video-lead .video-meta { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0 118px 24px 26px; pointer-events: none; }
.video-lead .video-meta b { font-family: var(--v3-font) !important; font-size: 24px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.2; color: #fff !important; }
.video-lead .video-meta span { margin-top: 6px; font-family: var(--v3-font); font-size: 14px !important; line-height: 1.45; color: rgba(255,255,255,.8) !important; }
.video-lead .video-dur { z-index: 3; right: 20px !important; bottom: 24px !important; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 15px 0 13px !important;
  border-radius: 980px !important; background: rgba(255,255,255,.22) !important; color: #fff; box-shadow: inset 0 0 0 .5px rgba(255,255,255,.35);
  font-family: var(--v3-font) !important; font-size: 14px !important; font-weight: 600; letter-spacing: 0 !important; font-variant-numeric: tabular-nums;
  -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); transition: background .3s var(--v3-ease-ui), transform .3s var(--v3-ease-ui); }
.video-lead .video-dur::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; }
@media (hover: hover) {
  .video-lead .video-card:hover { transform: scale(1.02) !important; box-shadow: 0 18px 50px rgba(0,0,0,.45) !important; }
  .video-lead .video-card:hover .video-poster img { transform: scale(1.04); }
  .video-lead .video-card:hover .video-dur { background: rgba(255,255,255,.34) !important; }
}
@media (hover: none) { .video-lead .video-card:hover { transform: none !important; box-shadow: none !important; } }
.video-lead .video-card:active { transform: scale(.98) !important; }
.video-lead .video-card:active .video-dur { transform: scale(.94); }
.video-lead .video-card:focus-visible { outline: 3px solid #2997FF; outline-offset: 3px; }
@media (max-width: 720px) {
  .video-lead { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 78vw; gap: 14px !important;
    width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 20px 6px !important; scroll-padding-inline: 20px;
    overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
  .video-lead::-webkit-scrollbar { display: none; }
  .video-lead .video-card { grid-column: auto !important; scroll-snap-align: start; }
  .video-lead .video-card:nth-child(3) .video-poster img { aspect-ratio: 1 / 1 !important; }
  .video-lead .video-meta { padding: 0 104px 20px 20px; }
  .video-lead .video-meta b { font-size: 21px !important; }
  .video-lead .video-dur { right: 16px !important; bottom: 20px !important; }
}
@media (prefers-reduced-motion: reduce) { .video-lead .video-card, .video-lead .video-poster img { transition: none !important; transform: none !important; } }

/* ── v4（2026-10-06 第三轮）：菜单只留鱼面 + 鱼头泡饭；店里实拍拆成四张单图 ── */
.menu-v4 { background: #fff; }
.mv4-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.mv4-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 28px; background: var(--v3-gray); }
.mv4-fig { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: #1a1410; }
.mv4-fig img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--v3-ease); }
.mv4-body { display: flex; flex-direction: column; flex: 1; padding: 26px 30px 30px; }
.mv4-tag { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--v3-orange); }
.mv4-body h3, .mv4-take h3, .mv4-list h3 { margin: 0; font-size: clamp(24px, 2.1vw, 28px); font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--v3-ink); }
.mv4-body p { margin: 12px 0 0; font-size: 17px; line-height: 1.6; color: var(--v3-ink2); }
.mv4-body .mv4-price { margin-top: auto; padding-top: 22px; font-size: 21px; font-weight: 600; color: var(--v3-ink); font-variant-numeric: tabular-nums; }
.mv4-price small { font-size: 15px; font-weight: 400; color: var(--v3-ink2); }
.mv4-body .mv4-price-ask { font-size: 15px; font-weight: 400; color: var(--v3-ink2); }
@media (hover: hover) { .mv4-card:hover .mv4-fig img { transform: scale(1.04); } }

.mv4-more { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px; margin-top: 24px; }
.mv4-list, .mv4-take { border-radius: 28px; background: var(--v3-gray); padding: 30px 32px; }
.mv4-list ul, .mv4-take ul { list-style: none; margin: 16px 0 0; padding: 0; }
.mv4-list li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid #D2D2D7; }
.mv4-list li:first-child { border-top: 0; }
.mv4-list li span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mv4-list b, .mv4-take b { font-size: 17px; font-weight: 600; color: var(--v3-ink); }
.mv4-list small { font-size: 14px; color: var(--v3-ink2); }
.mv4-list em, .mv4-take em { font-style: normal; font-size: 17px; font-weight: 600; color: var(--v3-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mv4-take { display: flex; flex-direction: column; }
.mv4-take p { margin: 12px 0 0; font-size: 17px; line-height: 1.6; color: var(--v3-ink2); }
.mv4-take li { display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 12px; padding: 12px 0; border-top: 1px solid #D2D2D7; }
.mv4-take li span { font-size: 14px; color: var(--v3-ink2); }
.mv4-take .v3-link { margin-top: auto; padding-top: 18px; }
.mv4-note { margin-top: 18px; font-size: 12px; color: var(--v3-ink3); text-align: center; }

.sp4-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sp4-item { position: relative; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 28px; background: #111; }
.sp4-item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--v3-ease); }
.sp4-item::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7)); pointer-events: none; }
.sp4-item figcaption { position: absolute; left: 28px; right: 28px; bottom: 24px; z-index: 1; display: flex; flex-direction: column; gap: 4px; color: #fff; }
.sp4-item figcaption strong, html.ui-apple .store-photos .sp4-item figcaption strong { font-size: 21px; font-weight: 600; color: #fff !important; text-shadow: 0 1px 12px rgba(0,0,0,.35); }
.sp4-item figcaption span, html.ui-apple .store-photos .sp4-item figcaption span { font-size: 15px; color: rgba(255,255,255,.86) !important; }
@media (hover: hover) { .sp4-item:hover img { transform: scale(1.03); } }

@media (max-width: 1100px) {
  .mv4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mv4-more { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .mv4-grid { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 84%; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 4px; }
  .mv4-grid::-webkit-scrollbar { display: none; }
  .mv4-card { scroll-snap-align: start; border-radius: 22px; }
  .mv4-body { padding: 22px 22px 24px; }
  .mv4-list, .mv4-take { border-radius: 22px; padding: 24px 22px; }
  .sp4-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .sp4-item { border-radius: 22px; }
  .sp4-item figcaption { left: 20px; right: 20px; bottom: 18px; }
  .sp4-item strong { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) { .mv4-fig img, .sp4-item img { transition: none; transform: none !important; } }

/* v8 culture：楚秦文脉换成 4:3 菜品图，上下排列，避免竖裁切掉碗边 */
.culture-showcase { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
.culture-showcase .fig { border: 0 !important; background: none !important; border-radius: 22px; overflow: hidden; }
.culture-showcase img { aspect-ratio: 4 / 3 !important; object-fit: cover; display: block; }
@media (max-width: 980px) and (min-width: 561px) { .culture-showcase { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* v10 hero-quick（2026-10-08）：手机首屏只留三件事 + 团餐入口；到店版块团餐横条 */
.hero-quick { display: none; }
.gd-band { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; padding: 28px 32px; border-radius: 28px; background: #1d1d1f; color: #fff !important; text-decoration: none !important; }
.gd-band-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.gd-band-text b { font-size: 21px; font-weight: 600; color: #fff; }
.gd-band-text span { font-size: 16px; line-height: 1.6; color: rgba(255,255,255,.78); }
.gd-band-go { flex: none; padding: 10px 20px; border-radius: 999px; background: #0071e3; color: #fff; font-size: 16px; font-weight: 600; white-space: nowrap; }
@media (max-width: 720px) {
  html .hero .hero-copy, html .hero .hero-actions { display: none !important; }
  .hero-quick { display: flex; flex-direction: column; gap: 10px; width: 100%; margin-top: 22px; text-align: left; }
  .hq-row { display: flex; align-items: center; gap: 12px; padding: 13px 16px; border-radius: 18px; background: rgba(255,255,255,.94); color: #1d1d1f !important; text-decoration: none !important; box-shadow: 0 6px 24px rgba(0,0,0,.18); }
  .hq-main { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
  .hq-main b { font-size: 17px; font-weight: 600; color: #1d1d1f; }
  .hq-main small { font-size: 13px; line-height: 1.4; color: #6e6e73; }
  .hq-row i { font-style: normal; font-size: 22px; color: #86868b; }
  .hq-ico { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #f5f5f7; font-size: 15px; font-weight: 600; color: #b5541c; }
  .hq-dot { flex: none; width: 34px; height: 34px; border-radius: 10px; background: #f5f5f7; position: relative; }
  .hq-dot::after { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: #86868b; }
  .hq-dot.on::after { background: #30d158; box-shadow: 0 0 0 4px rgba(48,209,88,.2); }
  .hq-dot.off::after { background: #ff9f0a; }
  .gd-band { flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px 22px; border-radius: 22px; }
  .gd-band-go { align-self: stretch; text-align: center; }
}

/* v10c（2026-10-08）：产业合作删去“出海”“2.7 亿产业园”，补团餐卡，两列铺满 */
@media (min-width: 721px) { #industry .mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* v11 带一份回家（2026-10-08）：主页接入线上商城，样式与扫码点单页同源（assets/shop/ym-shop.css） */
.mv4-take li { grid-template-columns: auto 1fr auto auto !important; }
.mv4-add { width: 32px; height: 32px; border-radius: 50%; border: 0; background: #B8341F; color: #fff; font-size: 22px; line-height: 1; display: grid; place-items: center; cursor: pointer; box-shadow: 0 3px 10px rgba(184,52,31,.28); transition: transform .2s; }
.mv4-add:active { transform: scale(.92); }
@media (max-width: 720px) { html .ys { --ys-off: 86px; } }