@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}:root{--pink:#f9a8c9;--pink-light:#fde8f1;--pink-dark:#e8749e;--red:#e8749e;--bg:#fff6fa;--text:#4a3040;--text-muted:#9e7a8a;--card-bg:#ffffffbf;--shadow:0 4px 24px #e8749e1f;--radius:16px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(90px);border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#fbc2eb8c,#f9a8c94d);width:520px;height:520px;animation:18s ease-in-out infinite alternate drift1;top:-120px;right:-120px}body:after{background:radial-gradient(circle,#a1c4fd73,#c2e9fb40);width:420px;height:420px;animation:22s ease-in-out infinite alternate drift2;bottom:-100px;left:-100px}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,40px)scale(1.08)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.06)}}#app{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff9;padding:20px}.btn{border-radius:50px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--pink-dark), #f472b6);color:#fff;box-shadow:0 4px 14px #e8749e59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e8749e73}.btn-ghost{background:var(--pink-light);color:var(--pink-dark)}.btn-ghost:hover{background:#f9d4e5}.btn-danger{color:#dc2626;background:#fee2e2}.btn-danger:hover{background:#fecaca}.page-enter-active{animation:.3s fadeIn}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pink);border-radius:3px}.mood-tag{border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.mood-happy{color:#854d0e;background:#fef9c3}.mood-sad{color:#1e40af;background:#dbeafe}.mood-love{color:#be185d;background:#fde8f1}input,textarea,select{width:100%;color:var(--text);background:#ffffffe6;border:1.5px solid #f0d0df;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--pink-dark);box-shadow:0 0 0 3px #e8749e1f}textarea{resize:vertical;min-height:120px}.loading{color:var(--text-muted);justify-content:center;padding:40px;display:flex}