:root{
  --brand:#ce731e;          /* 主色 */
  --brand2:#b85f12;         /* 深一档，用于渐变下半段/hover */
  --brandSoft: rgba(206,115,30,0.22);  /* 柔光 */
  --bg:#1b0b0b;
  --text:#2a1a1a;
  --muted:#7a5b5b;
  --card:rgba(255,255,255,0.92);
  --shadow:0 10px 30px rgba(0,0,0,0.22);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  background:
    var(--app-bg-image, none),
    radial-gradient(1200px 600px at 50% -20%, rgba(246,211,123,0.35), transparent 55%),
    linear-gradient(180deg, #220909, #120606);

  background-repeat: no-repeat, no-repeat, no-repeat;

  /* 关键：第一层背景图从顶部往下显示 */
  background-position: top center, top center, top center;

  background-size: cover, cover, cover;
  background-attachment: fixed, fixed, fixed;
}

img{ max-width:100%; display:block; }
button{ font-family:inherit; }

.app{ min-height:100%; }

.container{
  max-width:420px;
  margin:0 auto;
  padding:14px 14px 32px;
}

.btn{
  border:0;
  border-radius:12px;
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
  transition:transform .08s ease, opacity .15s ease, filter .15s ease;
  user-select:none;
}
.btn:active{ transform:scale(0.98); }
.btn.is-disabled, .btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:grayscale(10%);
}

.btn-primary{
  background:linear-gradient(180deg, var(--brand), var(--brand2));
  color:#fff;
  box-shadow:0 6px 16px rgba(206,115,30,0.28);
}

.btn-ghost{
  background:rgba(255,255,255,0.18);
  color:#fff;
  border:1px solid rgba(255,255,255,0.28);
  backdrop-filter: blur(6px);
}

.btn-sm{ padding:8px 10px; border-radius:10px; font-weight:700; font-size:13px; }

/* 去掉点击/键盘聚焦时的蓝色外框 */
:focus{ outline:none; }
:focus-visible{ outline:none; }

/* 保险一点：按钮/链接/可点击元素 */
button:focus,
button:focus-visible,
a:focus,
a:focus-visible{
  outline:none;
  box-shadow:none;
}

/* 去掉移动端点击时的蓝色高亮（iOS/部分安卓 WebView） */
*{
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* 如按钮在 iOS 会有“发光/阴影”，再保险一下 */
button, a, .btn{
  -webkit-appearance: none;
  appearance: none;
}