:root{--bg:#fff6ee;--card:#fff;--text:#2d2a26;--muted:#9a8f85;--primary:#ff6b35;--primary-2:#ff9f1c;--danger:#ef4444;--ring:#ffe1cf;--shadow:0 10px 30px #ff6b351f;--shadow-lg:0 18px 50px #ff6b352e;--radius:20px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% 12%,#ffe2c8,#0000 42%),radial-gradient(circle at 88% 18%,#ffd9a8,#0000 45%),radial-gradient(circle at 70% 92%,#ffe6d2,#0000 40%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none}button,input,textarea{font-family:inherit}.pop-enter-active,.pop-leave-active{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.7)translateY(6px)}.card,.tool{flex-direction:column;gap:20px;display:flex}.card{align-items:center;padding:24px 18px}.card,.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:18px}.panel-title{margin:0 0 14px;font-size:15px;font-weight:700}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--primary) 0,var(--primary-2) 100%);border-radius:999px;padding:14px 40px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 20px #ff6b3559}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #ff6b3573}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.result{border:1px solid var(--ring);background:linear-gradient(135deg,#fff3e9,#ffe9d6);border-radius:16px;align-items:center;gap:14px;min-width:220px;padding:14px 20px;display:flex}.result-emoji{font-size:40px}.result-text{flex-direction:column;display:flex}.result-label{color:var(--muted);font-size:12px}.result-name{font-size:22px;font-weight:800}.reel{border:1px solid var(--ring);text-align:center;background:linear-gradient(135deg,#fff3e9,#ffe4ce);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:140px;transition:box-shadow .2s;display:flex}.reel.rolling{box-shadow:0 0 0 3px #ff6b3540}.reel-emoji{font-size:48px;line-height:1}.reel-name{font-size:20px;font-weight:800}.app-shell[data-v-9c09c73c]{flex-direction:column;min-height:100vh;display:flex}.site-header[data-v-9c09c73c]{text-align:center;padding:28px 20px 6px}.brand[data-v-9c09c73c]{justify-content:center;align-items:center;gap:12px;display:flex}.brand-emoji[data-v-9c09c73c]{font-size:40px;line-height:1}.brand-text[data-v-9c09c73c]{text-align:left}.site-title[data-v-9c09c73c]{letter-spacing:1px;margin:0;font-size:26px;font-weight:800}.site-sub[data-v-9c09c73c]{color:var(--muted);margin:4px 0 0;font-size:14px}.nav[data-v-9c09c73c]{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.nav-item[data-v-9c09c73c]{color:var(--text);background:#f6efe9;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s}.nav-item[data-v-9c09c73c]:hover{background:#efe4da}.nav-item.router-link-exact-active[data-v-9c09c73c]{background:linear-gradient(135deg,var(--primary) 0,var(--primary-2) 100%);color:#fff;box-shadow:0 4px 12px #ff6b354d}.site-main[data-v-9c09c73c]{flex:1;width:100%;max-width:560px;margin:0 auto;padding:16px 16px 24px}.site-footer[data-v-9c09c73c]{text-align:center;color:var(--muted);padding:20px 16px 26px;font-size:12px}