.app-shell{min-height:100vh;min-height:100dvh;position:relative}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--c-bg: #0e0a24;--c-bg-2: #1a1335;--c-bg-3: #2a1f56;--c-gold: #f5d57a;--c-gold-2: #d9a441;--c-gold-3: #fff2c4;--c-rose: #ff7aa2;--c-cyan: #7adcff;--c-text: #f3eedd;--c-text-2: #c8c0e0;--c-text-3: #8a83a8;--c-line: rgba(245, 213, 122, .25);--c-card: rgba(255, 255, 255, .06);--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--shadow-gold: 0 8px 24px rgba(245, 213, 122, .18);--shadow-card: 0 12px 32px rgba(0, 0, 0, .4);--ff-zh: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ff-deco: "STKaiti", "KaiTi", "楷体", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--ff-zh);color:var(--c-text);background:var(--c-bg);background-image:radial-gradient(circle at 18% 12%,rgba(245,213,122,.12) 0,transparent 35%),radial-gradient(circle at 82% 78%,rgba(255,122,162,.1) 0,transparent 40%),radial-gradient(circle at 50% 50%,#1a1335 0,#0e0a24 70%);background-attachment:fixed;overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select{font-family:inherit;outline:none}a{color:var(--c-gold);text-decoration:none}.page{height:100vh;height:100dvh;padding:16px 18px calc(16px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;position:relative;display:flex;flex-direction:column;overflow:hidden}.title-zh{font-family:var(--ff-deco);letter-spacing:.08em}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border-radius:999px;font-size:16px;font-weight:600;color:#2a1d05;background:linear-gradient(135deg,#fff2c4,#f5d57a,#d9a441);box-shadow:var(--shadow-gold);letter-spacing:.04em;transition:transform .15s ease;flex-shrink:0}.btn-gold:active{transform:scale(.98)}.btn-gold[disabled]{opacity:.5;filter:grayscale(.4)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--c-line);background:#ffffff0a;color:var(--c-gold);font-size:14px}.card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-card);backdrop-filter:blur(8px)}.form-row{margin-bottom:12px}.form-label{display:block;font-size:12px;color:var(--c-text-2);margin-bottom:6px;letter-spacing:.05em}.form-input,.form-select{width:100%;height:44px;padding:0 14px;border-radius:var(--r-md);background:#ffffff0d;border:1px solid var(--c-line);color:var(--c-text);font-size:15px}.form-input::placeholder{color:var(--c-text-3)}.form-input:focus,.form-select:focus{border-color:var(--c-gold);background:#f5d57a0f}.gender-toggle{display:flex;gap:10px}.gender-toggle button{flex:1;height:40px;border-radius:var(--r-md);border:1px solid var(--c-line);background:#ffffff0a;color:var(--c-text-2);font-size:14px}.gender-toggle button.active{border-color:var(--c-gold);color:var(--c-gold);background:#f5d57a14}.h1{font-family:var(--ff-deco);font-size:26px;font-weight:700;letter-spacing:.12em;background:linear-gradient(180deg,#fff2c4,#f5d57a 60%,#d9a441);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0}.h2{font-family:var(--ff-deco);font-size:20px;letter-spacing:.08em;color:var(--c-gold);margin:0 0 12px}.subtitle{text-align:center;font-size:13px;color:var(--c-text-3);letter-spacing:.18em;margin-top:8px}.stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.stars:before,.stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 70% 12%,rgba(245,213,122,.7) 50%,transparent 51%),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 80% 60%,rgba(122,220,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(2px 2px at 90% 30%,rgba(255,122,162,.5) 50%,transparent 51%);background-size:100% 100%;animation:twinkle 5s linear infinite alternate}.stars:after{background-position:50% 50%;opacity:.6;animation-delay:-2s}@keyframes twinkle{0%{opacity:.4}to{opacity:.9}}.content{position:relative;z-index:1}.shine{background:linear-gradient(110deg,transparent 30%,rgba(255,242,196,.45) 50%,transparent 70%);background-size:200% 100%;animation:shine 2.6s ease-in-out infinite}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.tag{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid var(--c-line);font-size:12px;color:var(--c-gold);background:#f5d57a14;margin-right:6px}.divider-deco{display:flex;align-items:center;gap:12px;color:var(--c-text-3);font-size:12px;margin:18px 0}.divider-deco:before,.divider-deco:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--c-line),transparent)}.text-mute{color:var(--c-text-3)}.text-gold{color:var(--c-gold)}.text-rose{color:var(--c-rose)}.text-center{text-align:center}