:root{--bg: #faf7f2;--card: #ffffff;--text: #3b3631;--text-soft: #8a817a;--accent: #fb7299;--accent-deep: #f05a87;--error: #d9534f;--shadow: 0 12px 32px rgba(59, 54, 49, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh}.card{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:40px 28px;max-width:420px;width:100%;text-align:center}.btn{margin-top:22px;width:100%;min-height:48px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:16px;font-weight:600;letter-spacing:.1em;cursor:pointer;box-shadow:0 8px 20px #fb729959;transition:transform .15s,box-shadow .15s,filter .15s}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid rgba(251,114,153,.4);outline-offset:2px}.emoji-big{font-size:56px;line-height:1}.gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .35s ease,transform .35s ease;animation:fadeUp .6s ease}.gate.leaving{opacity:0;transform:scale(.96);pointer-events:none}.gate[hidden]{display:none}.gate-card{padding:44px 28px}.gate-title{font-size:28px;font-weight:700;letter-spacing:.02em;line-height:1.45;margin:20px 0 10px}.gate-sub{color:var(--text-soft);font-size:14px;line-height:1.7;margin-bottom:26px}.key-input{width:100%;font-size:30px;font-weight:600;text-align:center;letter-spacing:1em;text-indent:1em;padding:14px 0;border:2px solid #e8e2da;border-radius:16px;background:#fbf9f6;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.key-input::placeholder{color:#d8d1c8}.key-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #fb729926}.key-input.error{border-color:var(--error);animation:shake .4s ease}.gate-hint{color:var(--text-soft);font-size:13px;margin:14px 0 4px}.key-error{color:var(--error);font-size:13px;margin-top:10px}.key-error[hidden]{display:none}.gift{max-width:520px;margin:0 auto;padding:0 20px 48px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.gift.show{opacity:1;transform:none}.gift[hidden]{display:none}.hero{text-align:center;padding:48px 0 24px}.hero-title{font-size:34px;font-weight:700;letter-spacing:.04em;margin-top:16px}.hero-sub{color:var(--text-soft);font-size:15px;margin-top:8px;letter-spacing:.05em}.gift-card{margin-top:4px}.gift-label{color:var(--text-soft);font-size:14px}.gift-name{font-size:20px;font-weight:700;margin:10px 0 18px}.code-box{background:#fff5f7;border:2px dashed rgba(251,114,153,.45);border-radius:16px;padding:18px 14px;margin-bottom:2px}.code-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:19px;font-weight:600;letter-spacing:.08em;color:var(--accent-deep);word-break:break-all;user-select:all;-webkit-user-select:all}.copy-tip{color:#2e9e5b;font-size:13px;margin-top:10px}.copy-tip[hidden]{display:none}.gift-note{color:var(--text-soft);font-size:12px;line-height:1.6;margin-top:14px}.tutorial{margin-top:32px;text-align:center}.tutorial-title{font-size:20px;font-weight:700}.tutorial-sub{color:var(--text-soft);font-size:13px;margin:8px 0 20px}.step{margin-bottom:20px}.step img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow)}.footer{text-align:center;color:var(--text-soft);font-size:13px;letter-spacing:.05em;margin-top:36px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}