:root { font-family: "Microsoft YaHei", system-ui, sans-serif; color: #16243d; background: #f1f5fb; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(ellipse at top, #e1eaff, transparent 65%); }
main { width: 100%; max-width: 480px; padding: 42px 32px 28px; background: white; border: 1px solid #e6ecf5; border-radius: 24px; box-shadow: 0 20px 70px #244c8310; text-align: center; }
.tag { display: inline-block; color: #3561d5; background: #edf2ff; padding: 7px 14px; border-radius: 99px; font-size: 12px; }
h1 { font-size: clamp(22px, 5vw, 28px); margin: 22px 0 12px; letter-spacing: -.7px; }
.intro { color: #7a8597; font-size: 14px; }
#phone { margin: 32px 0 24px; background: #f7f9fd; border: 1px dashed #d6dfef; border-radius: 12px; padding: 24px 8px; font-size: clamp(24px, 7vw, 34px); font-weight: 600; letter-spacing: 2px; font-variant-numeric: tabular-nums; user-select: all; }
button { width: 100%; border: 0; border-radius: 12px; padding: 16px; background: #3864e6; color: white; font: inherit; font-weight: 600; cursor: pointer; transition: background .15s; }
button:hover { background: #2853d1; }
button:focus-visible { outline: 3px solid #adc2ff; outline-offset: 4px; }
button:disabled { opacity: .6; cursor: wait; }
#status { color: #748096; font-size: 13px; line-height: 1.8; min-height: 47px; margin: 18px 0; overflow-wrap: anywhere; }
#status.error { color: #b74435; }
#status.success { color: #21805b; }
footer { border-top: 1px solid #edf0f6; padding-top: 20px; color: #9aa5b6; font-size: 12px; }