:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f5f1e8;
  background: #11100d;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 78% 5%, rgba(255, 180, 62, .12), transparent 34rem), linear-gradient(135deg, #0e0d0b, #1a1711); }
main { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 64px 0 96px; }
header { margin-bottom: 34px; }
.language-picker { display: flex; justify-content: flex-end; gap: 14px; margin-bottom: 22px; }
.language-picker a { color: #b8b0a1; text-decoration: none; padding: 7px 10px; border-radius: 8px; }
.language-picker a[aria-current="page"] { color: #ffca78; background: #302619; }
.language-picker a:focus-visible { outline: 2px solid #ffbd58; outline-offset: 2px; }
html[lang="zh-CN"] h1 { line-height: 1.15; letter-spacing: 0; }
html[lang="zh-CN"] .eyebrow { letter-spacing: .07em; }
.eyebrow { color: #ffbd58; font: 700 .75rem/1.4 ui-monospace, monospace; letter-spacing: .16em; }
h1 { max-width: 700px; margin: 8px 0 14px; font-size: clamp(2.5rem, 8vw, 5rem); line-height: .94; letter-spacing: -.06em; }
.intro { max-width: 620px; color: #b8b0a1; font-size: 1.08rem; line-height: 1.65; }
.warning { margin: 20px 0; padding: 20px 22px; color: #ffd9a1; border: 1px solid #8a5b1c; border-radius: 14px; background: #2a1d0d; line-height: 1.55; }
.warning strong { display: block; color: #ffc56f; }
.card { margin: 18px 0; padding: clamp(22px, 5vw, 36px); border: 1px solid #3b3529; border-radius: 18px; background: rgba(28, 25, 19, .9); box-shadow: 0 24px 80px rgba(0, 0, 0, .24); }
.section-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
.section-heading span { color: #ffbd58; font: 700 .78rem ui-monospace, monospace; }
h2 { margin: 0; font-size: 1.35rem; }
label { display: block; margin: 17px 0 8px; color: #d6d0c3; font-size: .9rem; font-weight: 650; }
select { width: 100%; min-height: 50px; padding: 0 14px; color: #f8f4eb; border: 1px solid #514938; border-radius: 10px; background: #12100c; font: inherit; }
select:focus, button:focus-visible { outline: 2px solid #ffbd58; outline-offset: 2px; }
.release-link { display: inline-block; margin-top: 12px; color: #ffca78; }
.board-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.board-picker label { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 18px; border: 1px solid #514938; border-radius: 12px; cursor: pointer; }
.board-picker input { margin-top: 4px; accent-color: #ffbd58; }
.board-picker span { display: grid; gap: 5px; }
.board-picker small { color: #a69d8c; }
.board-picker code { color: #ffca78; font-size: .74rem; overflow-wrap: anywhere; }
.asset-detail { min-height: 1.4em; color: #aaa18f; font: .84rem/1.5 ui-monospace, monospace; }
.confirm { margin-top: 24px; line-height: 1.5; }
.confirm input { margin-right: 8px; accent-color: #ffbd58; }
button { min-height: 50px; margin-top: 18px; padding: 0 20px; border: 0; border-radius: 10px; color: #171006; background: #ffbd58; font: 750 .95rem inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .38; }
.flash-card { border-color: #8a6a36; }
.hint { color: #948b7b; font-size: .84rem; line-height: 1.55; }
.status { margin-top: 18px; padding: 14px 16px; color: #b1a999; border-left: 3px solid #5a5141; }
.status[data-kind="success"] { color: #c9efcb; border-color: #79c77f; }
.status[data-kind="error"] { color: #ffb8ae; border-color: #ff7866; }

@media (max-width: 620px) {
  main { padding-top: 38px; }
  .board-picker { grid-template-columns: 1fr; }
}