/** Payment 页面只用现有黑白与橙色强调，保持 Studio 的留白和字号基线。 */
:root { color: #151515; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; background: #f4f5f2; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.payment-shell { display: grid; min-height: 100vh; place-items: center; padding: 24px; }
.payment-card { width: min(100%, 460px); border: 1px solid #d8dbd5; background: #fff; padding: clamp(24px, 6vw, 48px); box-shadow: 0 20px 55px #17211b14; }
.payment-kicker { margin: 0 0 10px; color: #66736c; font: 600 12px/1.3 ui-monospace, monospace; letter-spacing: .08em; }
h1 { margin: 0 0 16px; font-size: clamp(28px, 7vw, 40px); letter-spacing: -.04em; }
.payment-amount { display: block; margin: 18px 0; font-size: 40px; letter-spacing: -.04em; }
.payment-description,.payment-status { font-size: 16px; line-height: 1.6; }
.payment-primary,.payment-link { appearance: none; display: inline-flex; justify-content: center; min-height: 46px; padding: 12px 16px; border: 0; background: #171717; color: white; cursor: pointer; font: inherit; text-decoration: none; }
.payment-primary:disabled { cursor: not-allowed; opacity: .45; }
.payment-qr { display: block; width: min(100%, 300px); margin: 20px auto; image-rendering: pixelated; }
.payment-error { color: #b42318; font-size: 14px; line-height: 1.5; }
.payment-admin { display: grid; gap: 12px; }
label { display: grid; gap: 6px; font-size: 14px; }
input,textarea { width: 100%; min-height: 42px; border: 1px solid #b9c0ba; padding: 10px; font: inherit; }
textarea { min-height: 84px; resize: vertical; }
.payment-nav { margin-top: 24px; font-size: 14px; }
@media (max-width: 420px) { .payment-shell { padding: 12px; } .payment-card { padding: 24px; } }