/* 美团黄 · 对标 eleme.tuikemima.net lookCoupon（覆盖 app.css 冲突样式） */

body.theme-gold.claim-page {
  --ink: #291f06;
  --ink-soft: #291f06;
  --mute: #86630d;
  --line: #ede3c4;
  --paper: #fffbef;
  --brand: #fece2f;
  --brand-2: #fdb62b;
  --brand-3: #fec63c;
  --shadow: none;
  --shadow-soft: none;
  --radius: 0.875rem;
  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  background: #fed76e !important;
  color: #291f06;
  font-family: var(--font);
}

body.theme-gold .claim-bg { display: none !important; }

body.theme-gold .gold-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.theme-gold .app-views {
  position: relative;
  z-index: 1;
}

/* 原站 .look；卡片宽对齐图二 ≈ 92.9% */
body.theme-gold .gold-shell.claim-shell {
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 144px 0 calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 0 !important;
  min-height: 100vh;
  background: #fed76e url("/assets/themes/gold/look_bg.jpg") no-repeat top center !important;
  background-size: 100% auto !important;
  display: block;
  box-sizing: border-box !important;
}

/* 必须让 [hidden] 生效，否则切到收藏时首页仍叠在下面 */
body.theme-gold .gold-shell.claim-shell[hidden],
body.theme-gold .app-view--home[hidden],
body.theme-gold .app-view--fav[hidden] {
  display: none !important;
}

body.theme-gold .gold-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 92.9% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

/* 卡片：图二奶油底 + 大圆角 */
body.theme-gold .claim-panel,
body.theme-gold .claim-promo,
body.theme-gold .claim-result,
body.theme-gold .claim-error {
  background: #fffbef !important;
  border: none !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  overflow: hidden;
}

body.theme-gold .claim-panel--form::before {
  display: none !important;
  content: none !important;
}

/* —— 必领卡 —— */
body.theme-gold .claim-promo {
  display: block !important;
  gap: 0 !important;
  padding: 0 !important;
}

body.theme-gold .claim-promo__item,
body.theme-gold .claim-promo__item--static,
body.theme-gold a.claim-promo__item,
body.theme-gold a.claim-promo__item:hover,
body.theme-gold a.claim-promo__item:active {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 13px 14px !important;
  margin: 0 !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  color: inherit !important;
  transform: none !important;
  animation: none !important;
  box-sizing: border-box;
}

body.theme-gold .claim-promo__badge,
body.theme-gold .claim-promo__item .claim-promo__badge,
body.theme-gold .claim-promo__item--static .claim-promo__badge {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin-right: 10px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: url("/assets/themes/gold/icon-ticket.png") center / contain no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
}

body.theme-gold .claim-promo__badge::before { display: none !important; content: none !important; }

body.theme-gold .claim-promo__copy {
  flex: 1 !important;
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  gap: 2px !important;
}

body.theme-gold .claim-promo__text,
body.theme-gold .claim-promo__item--static .claim-promo__text {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #291f06 !important;
  line-height: 1.3 !important;
}

body.theme-gold .claim-promo__hint {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #86630d !important;
}

body.theme-gold .claim-promo__go,
body.theme-gold .claim-promo__item .claim-promo__go {
  flex-shrink: 0 !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 31px !important;
  padding: 0 !important;
  margin-left: 8px !important;
  border-radius: 999px !important;
  background: #fece2f !important;
  color: #291f06 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border: none !important;
  line-height: 31px !important;
}

body.theme-gold .claim-promo__go .aside-chev { display: none !important; }

/* —— 粘贴查券 —— */
body.theme-gold .claim-panel--form {
  padding: 13px !important;
  box-sizing: border-box;
}

body.theme-gold .claim-panel__head {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin-bottom: 12px !important;
}

body.theme-gold .claim-panel__icon {
  width: 34px !important;
  height: 34px !important;
  margin-right: 10px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: url("/assets/themes/gold/icon-paste.png") center / contain no-repeat !important;
  flex-shrink: 0 !important;
  color: transparent !important;
  overflow: visible !important;
}

body.theme-gold .claim-panel__icon .mcs-icon,
body.theme-gold .claim-panel__icon::before {
  display: none !important;
}

body.theme-gold .claim-panel__head-copy {
  flex: 1 !important;
  min-width: 0;
}

body.theme-gold .claim-panel__head-copy h2,
body.theme-gold .claim-panel__head h2 {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #291f06 !important;
}

body.theme-gold .claim-panel__head-copy p,
body.theme-gold .claim-panel__head p {
  margin: 2px 0 0 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #86630d !important;
}

/* 原站：开关在上、文案在下 */
body.theme-gold .claim-paste-auto {
  margin-left: 12px !important;
  margin-top: 0 !important;
  align-self: center !important;
  flex-direction: column !important;
  gap: 0 !important;
  align-items: center !important;
  transform: scale(0.72);
  transform-origin: right center;
}

body.theme-gold .claim-panel__head .claim-paste-auto__ui,
body.theme-gold .claim-paste-auto__ui {
  width: 44px !important;
  height: 24px !important;
  background: #e5e5e5 !important;
  box-shadow: none !important;
}

body.theme-gold .claim-panel__head .claim-paste-auto__ui::after,
body.theme-gold .claim-paste-auto__ui::after {
  width: 20px !important;
  height: 20px !important;
  top: 2px !important;
  left: 2px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}

body.theme-gold .claim-paste-auto input:checked + .claim-paste-auto__ui {
  background: #ffcc33 !important;
}

body.theme-gold .claim-panel__head .claim-paste-auto input:checked + .claim-paste-auto__ui::after,
body.theme-gold .claim-paste-auto input:checked + .claim-paste-auto__ui::after {
  transform: translateX(20px) !important;
}

body.theme-gold .claim-paste-auto__label {
  color: #291f06 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  margin-top: 2px !important;
  letter-spacing: 0 !important;
}

body.theme-gold .claim-form {
  gap: 0 !important;
}

body.theme-gold .claim-field {
  gap: 0 !important;
}

body.theme-gold .claim-field__top:not(:has(.claim-clear:not([hidden]))) {
  display: none !important;
  margin: 0 !important;
  min-height: 0 !important;
}

body.theme-gold .claim-field textarea,
body.theme-gold #claim-input {
  width: 100% !important;
  min-height: 69px !important;
  height: 69px !important;
  border: 1px solid #ede3c4 !important;
  border-radius: 14px !important;
  background: #fffbef !important;
  color: #291f06 !important;
  /* iOS：小于 16px 聚焦会强制放大页面 */
  font-size: 16px !important;
  padding: 10px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  resize: none;
}

body.theme-gold .claim-field textarea::placeholder,
body.theme-gold #claim-input::placeholder {
  color: #c4b48a !important;
}

body.theme-gold .claim-field textarea:focus,
body.theme-gold #claim-input:focus {
  border-color: #fdb62b !important;
  outline: none !important;
  box-shadow: none !important;
}

body.theme-gold .claim-submit,
body.theme-gold .claim-submit:hover,
body.theme-gold .claim-submit:active,
body.theme-gold .claim-submit:disabled,
body.theme-gold .claim-submit.is-busy,
body.theme-gold .claim-panel--form.is-compact .claim-submit {
  margin: 13px auto 0 !important;
  width: 100% !important;
  max-width: 309px !important;
  height: 43px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fef183, #fdb62b, #fec63c) !important;
  color: #291f06 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.theme-gold .claim-submit__glow { display: none !important; }

body.theme-gold .claim-submit__text {
  color: #291f06 !important;
  font-weight: 700 !important;
}

body.theme-gold .claim-submit .mcs-icon {
  display: none !important;
}

/* 结果卡 */
body.theme-gold .claim-result {
  padding: 13px !important;
}

body.theme-gold .claim-result__actions .claim-btn--main,
body.theme-gold .result__btn--main,
body.theme-gold .claim-result__actions a.claim-action-primary,
body.theme-gold .claim-result__actions .btn-primary {
  background: #fece2f !important;
  color: #291f06 !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

/* —— 教程（对齐图二） —— */
body.theme-gold .claim-panel--guide,
body.theme-gold .claim-panel--guide:hover {
  padding: 0 !important;
  background: #fffbef !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}

body.theme-gold .guide-toggle {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 13px 14px !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  box-sizing: border-box;
}

body.theme-gold .guide-toggle__icon,
body.theme-gold .claim-panel--guide .guide-toggle__icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin-right: 10px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: none !important;
  background: url("/assets/themes/gold/icon-guide.png") center / contain no-repeat !important;
  color: transparent !important;
}

body.theme-gold .guide-toggle__icon .mcs-icon,
body.theme-gold .guide-toggle__icon::before {
  display: none !important;
}

body.theme-gold .guide-toggle__copy {
  flex: 1 !important;
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

body.theme-gold .guide-toggle__title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #291f06 !important;
  line-height: 1.25 !important;
}

/* 图二：半角括号「 (图文)」 */
body.theme-gold .guide-toggle__badge {
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #291f06 !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
}

body.theme-gold .guide-toggle__badge::before { content: " ("; }
body.theme-gold .guide-toggle__badge::after { content: ")"; }

body.theme-gold .guide-toggle__hint {
  display: block !important;
  margin-top: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #291f06 !important;
  line-height: 1.25 !important;
}

body.theme-gold .guide-toggle__go {
  margin-left: 8px !important;
  flex-shrink: 0 !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 31px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #fece2f !important;
  color: #291f06 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border: none !important;
}

body.theme-gold .guide-toggle__go .aside-chev { display: none !important; }

/* 收起时勿强制 padding/边框，否则教程卡底部会空一截 */
body.theme-gold .guide-panel {
  border-top: 1px solid transparent !important;
  background: #fffbef !important;
}

body.theme-gold .guide-panel.is-open {
  border-top-color: #ede3c4 !important;
}

body.theme-gold .guide-panel__inner {
  padding: 0 13px !important;
}

body.theme-gold .guide-panel.is-open .guide-panel__inner {
  padding: 12px 13px 13px !important;
}

body.theme-gold .guide-steps {
  margin: 0 0 8px !important;
  padding-left: 18px !important;
  color: #291f06 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

body.theme-gold .guide-figure {
  margin: 0 !important;
  border-radius: 10px !important;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid #ede3c4 !important;
}

body.theme-gold .guide-figure img {
  display: block;
  width: 100%;
  height: auto;
}

body.theme-gold .guide-figure figcaption {
  padding: 8px 10px;
  font-size: 12px;
  color: #86630d;
  text-align: center;
}

/* 白线来源：app.css .claim-foot { border-top } */
body.theme-gold .claim-foot {
  margin: 14px auto 0 !important;
  width: 92.9% !important;
  max-width: 420px !important;
  padding: 10px 0 8px !important;
  border: none !important;
  border-top: none !important;
  text-align: center;
  color: #86630d !important;
  font-size: 12px;
  box-shadow: none !important;
  background: transparent !important;
}

/* 固定底栏：勿改 position，否则会变成页面底部白线且菜单不可见 */
body.theme-gold .app-tabbar {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 30 !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  background: rgba(255, 251, 239, 0.96) !important;
  border-top: none !important;
  box-shadow: 0 -1px 0 rgba(237, 227, 196, 0.85) !important;
}

/* 平板：内容柱 + 底栏同宽居中（≥960 走整站侧栏，见 app.css） */
@media (min-width: 520px) and (max-width: 959.98px) {
  body.theme-gold.claim-page {
    background-color: #f5d56a !important;
    background-image:
      radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 248, 220, 0.55), transparent 60%),
      linear-gradient(180deg, #ffe08a 0%, #fed76e 40%, #f5d056 100%) !important;
  }

  body.theme-gold .gold-shell.claim-shell {
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: 0 0 0 1px rgba(41, 31, 6, 0.06), 0 18px 48px rgba(180, 120, 0, 0.18) !important;
  }

  body.theme-gold .app-view--fav {
    max-width: 480px !important;
    margin: 0 auto !important;
    box-shadow: 0 0 0 1px rgba(41, 31, 6, 0.06), 0 18px 48px rgba(180, 120, 0, 0.12) !important;
  }

  body.theme-gold .app-tabbar {
    left: 50% !important;
    right: auto !important;
    width: 480px !important;
    max-width: min(480px, 100vw) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-radius: 16px 16px 0 0 !important;
  }
}

@media (min-width: 960px) {
  /* 电脑端底栏：与 app.css 黄金机框对齐，勿再钉浏览器左缘 */
  body.theme-gold .app-tabbar {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: min(100vw, var(--pc-gold, 480px)) !important;
    max-width: var(--pc-gold, 480px) !important;
    height: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -8px 28px rgba(180, 120, 0, 0.14) !important;
  }

  body.theme-gold .gold-shell.claim-shell,
  body.theme-gold .app-view--fav {
    max-width: 480px !important;
    margin: 0 auto !important;
    box-shadow: none !important;
  }

  body.theme-gold .gold-shell.claim-shell {
    background-size: 100% auto !important;
  }
}

body.theme-gold .app-tabbar .is-on,
body.theme-gold .app-tabbar [aria-current="page"] {
  color: #c79100 !important;
}

body.theme-gold .app-view--fav {
  background:
    radial-gradient(ellipse 80% 45% at 90% -10%, rgba(255, 213, 79, 0.55), transparent 55%),
    linear-gradient(180deg, #ffe082 0%, #fff6bb 42%, #fff8e1 100%) !important;
  min-height: 100vh !important;
  padding: 0 0 calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
}

body.theme-gold[data-view="fav"] {
  background: #fff8e1 !important;
}

body.theme-gold .app-view--fav .fav-page-header {
  color: #291f06;
}

body.theme-gold .app-view--fav .fav-page-header h1 {
  color: #291f06 !important;
}

body.theme-gold .app-view--fav .fav-page-header__sub {
  color: #86630d !important;
}

body.theme-gold .app-view--fav .fav-page-account {
  border-color: rgba(254, 206, 47, 0.55) !important;
  background: rgba(255, 251, 239, 0.92) !important;
  color: #8d6e00 !important;
}

body.theme-gold .app-view--fav .fav-empty-page__btn {
  background: linear-gradient(180deg, #fef183, #fdb62b, #fec63c) !important;
  color: #291f06 !important;
  box-shadow: 0 8px 18px rgba(255, 179, 0, 0.28) !important;
}