@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-gradient:linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);--surface-color:#ffffffb3;--surface-color-hover:#ffffffd9;--brand-color:#ff2442;--brand-color-hover:#e51d3b;--wechat-color:#07c160;--text-primary:#1c1c1e;--text-secondary:#8e8e93;--border-color:#ffffff80;--shadow-sm:0 2px 10px #0000000d;--shadow-lg:0 10px 30px #00000014;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:.15s ease-out;--transition-normal:.3s cubic-bezier(.2, .8, .2, 1);--bottom-nav-height:60px}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0c29;background:-webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);color:var(--text-primary);background:linear-gradient(90deg,#24243e,#302b63,#0f0c29);justify-content:center;align-items:center;min-height:100dvh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.app-container{background:#f8f8f8;flex-direction:column;width:100%;max-width:480px;height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000c}.scrollable-content{padding-bottom:calc(var(--bottom-nav-height) + 20px);flex:1;padding-top:20px;padding-left:16px;padding-right:16px;overflow-y:auto}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.btn-primary{background:var(--brand-color);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:100px;justify-content:center;align-items:center;width:100%;padding:14px 24px;font-size:16px;font-weight:600;display:flex}.btn-primary:active{transform:scale(.98)}.btn-primary.wechat{background:var(--wechat-color)}.input-field{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-normal);background:#fffc;border:1px solid #00000014;padding:12px 14px;font-family:inherit;font-size:14px}.input-field:focus{border-color:var(--brand-color);background:#fff;outline:none}textarea.input-field{resize:none;min-height:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.2,.8,.2,1) forwards fadeIn}::-webkit-scrollbar{display:none}