.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f9d7ef,#f9e0ff 34%,#f6ecff);padding:20px 14px}.phone-frame{width:min(100%,420px);min-height:760px;border-radius:34px;background:#ffffff4d;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 38px #9b5cba2e;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen{position:relative;display:flex;flex-direction:column;align-items:center;min-height:730px;background:#ffffff9e;border-radius:28px;padding:24px 18px 18px;overflow:hidden}.top-badge,.mini-avatar,.result-avatar{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ffd9eb,#f7d8ff);box-shadow:0 12px 24px #d66cb42e;font-size:32px}.top-badge{width:auto;height:auto;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;color:#c7568d;background:#ffffffb3;box-shadow:0 10px 18px #c26eab1f}.avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:160px;margin-top:18px;margin-bottom:18px;border-radius:50%;background:linear-gradient(135deg,#ffd7f0,#f8d5ff);box-shadow:0 18px 30px #d874c433}.dog-avatar{font-size:86px;filter:drop-shadow(0 10px 14px rgba(177,105,184,.2))}.sparkle,.heart{position:absolute;font-size:22px;animation:float 2.5s ease-in-out infinite alternate}.sparkle-one{top:18px;right:18px}.sparkle-two{bottom:18px;left:18px}.heart-one{right:26px;bottom:32px;color:#ff7ab4}h1,h2{margin:0;text-align:center;color:#5b2a5a;line-height:1.3}h1{font-size:clamp(2rem,5vw,2.5rem);margin-top:6px}h2{margin-top:16px;font-size:clamp(1.7rem,4vw,2rem)}.reply-text{margin:18px 0 0;padding:12px 14px;border-radius:18px;background:#ffffffb3;color:#d763a2;font-size:.95rem;text-align:center;line-height:1.6;box-shadow:0 10px 22px #c977b01f}.choice-area{position:relative;width:100%;height:180px;margin-top:18px}.primary-btn,.ghost-btn,.confirm-btn,.food-chip{border:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.primary-btn:active,.ghost-btn:active,.confirm-btn:active,.food-chip:active{transform:scale(.97)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;border-radius:999px;background:linear-gradient(135deg,#ff7fb7,#f85aa6);color:#fff;font-weight:700;font-size:1.1rem;box-shadow:0 10px 20px #f970a347}.home-primary{position:absolute;left:50%;bottom:18px;width:78%;transform:translate(-50%)}.confirm-btn{position:absolute;left:50%;bottom:18px;width:78%;transform:translate(-50%);background:linear-gradient(135deg,#f4b2d9,#d98ad7);color:#fff;height:54px;border-radius:999px;font-weight:700;font-size:1.08rem;box-shadow:0 10px 20px #d477cc38}.ghost-btn{position:absolute;min-width:94px;height:48px;padding:0 18px;border-radius:999px;background:#ffffffe6;color:#d56ab1;box-shadow:0 10px 18px #c97cb31f;border:1px solid rgba(240,168,213,.8);font-weight:700;font-size:1rem}.form-card{width:100%;margin-top:26px;padding:20px 18px 18px;border-radius:26px;background:#ffffffb8;box-shadow:0 16px 22px #c47eb31f}.field{display:grid;gap:10px;margin-bottom:18px}.field span{color:#69366b;font-size:.95rem;font-weight:700}input,select{width:100%;min-height:52px;border:1px solid #f4d8eb;border-radius:16px;background:#ffffffe6;padding:0 16px;font-size:1rem;color:#4d2d4d;outline:none;box-shadow:inset 0 1px 2px #b97cb40a}.full-btn{width:100%;margin-top:8px}.food-card{padding-top:18px}.food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.food-chip{min-height:52px;border-radius:16px;padding:12px 10px;background:#ffffffe6;color:#714873;font-weight:700;border:1px solid rgba(236,169,210,.7)}.food-chip.selected{background:linear-gradient(135deg,#ffb3d3,#f884ba);color:#fff;border-color:transparent;box-shadow:0 10px 18px #f884ba33}.result-screen{justify-content:center}.result-avatar{width:110px;height:110px;font-size:52px}.summary-card{width:100%;margin-top:26px;padding:18px 16px;border-radius:24px;background:#fffc;box-shadow:0 12px 22px #c277c81f}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(202,140,178,.4);color:#804d79}.summary-row:last-child{border-bottom:none}.summary-row span{font-weight:700}.summary-row strong{text-align:right;line-height:1.5;color:#5b2a5a}.footer-line{width:100%;margin-top:22px;text-align:center;color:#d15a9b;font-weight:800;letter-spacing:.04em}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .28s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(12px) scale(.98)}:root{font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5;font-weight:400;color:#3f2248;background:#f9f1ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%}body{min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}