:root{--bg:#fff8f5;--panel:#ffffff;--accent-1:#ff9966;--accent-2:#ff7a33;--muted:#666;--surface-border: rgba(0,0,0,.04);--text-primary: #222;--text-secondary: #666;--bubble-bg: #f5f5f5}[data-theme=dark]{--bg:#1a1a1a;--panel:#2d2d2d;--accent-1:#ff9966;--accent-2:#ff7a33;--muted:#999;--surface-border: rgba(255,255,255,.08);--text-primary: #ffffff;--text-secondary: #cccccc;--bubble-bg: #3d3d3d}body{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans CJK SC,sans-serif;background:var(--bg);color:var(--text-primary);margin:0;overflow-x:hidden}body{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;scroll-behavior:smooth}*{-webkit-overflow-scrolling:touch}button,[role=button],.clickable{transition:transform .1s ease,opacity .1s ease}button:active,[role=button]:active,.clickable:active{transform:scale(.96);opacity:.9}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;outline:none}img{-webkit-user-drag:none;user-drag:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}@media (max-width: 768px){::-webkit-scrollbar{display:none}}.container{max-width:1000px;margin:0 auto;padding:20px}@media (max-width: 768px){.container{padding:0 16px}.hero-inner.container{padding:0}}.site-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.logo{font-weight:700}.site-header nav a{margin-left:12px;color:var(--muted);text-decoration:none}.hero h2{margin:8px 0}.cta .btn{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none;border:1px solid rgba(0,0,0,.06)}.cta .primary{background:linear-gradient(180deg,var(--accent-1),var(--accent-2));color:#fff}.features ul{padding-left:18px}.site-footer{padding:20px;text-align:center;color:#888}html,body,#app{height:100%}.app-main{display:flex;height:100%}.toast-container[data-v-89a99a44]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-container.visible[data-v-89a99a44]{pointer-events:auto}.toast[data-v-89a99a44]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--panel);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:280px;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--surface-border);animation:slideDown-89a99a44 .3s ease-out}@keyframes slideDown-89a99a44{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast.success[data-v-89a99a44]{border-left:4px solid #52c41a}.toast.error[data-v-89a99a44]{border-left:4px solid #ff4757}.toast.warning[data-v-89a99a44]{border-left:4px solid #ff9500}.toast.info[data-v-89a99a44]{border-left:4px solid #1890ff}.toast-icon[data-v-89a99a44]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast.success .toast-icon[data-v-89a99a44]{background:#52c41a26;color:#52c41a}.toast.error .toast-icon[data-v-89a99a44]{background:#ff475726;color:#ff4757}.toast.warning .toast-icon[data-v-89a99a44]{background:#ff950026;color:#ff9500}.toast.info .toast-icon[data-v-89a99a44]{background:#1890ff26;color:#1890ff}.toast-message[data-v-89a99a44]{flex:1;font-size:14px;color:var(--text-primary);line-height:1.4}.toast-close[data-v-89a99a44]{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--muted);padding:0 4px;transition:color .2s}.toast-close[data-v-89a99a44]:hover{color:var(--text-primary)}.toast-fade-enter-active[data-v-89a99a44],.toast-fade-leave-active[data-v-89a99a44]{transition:all .3s ease}.toast-fade-enter-from[data-v-89a99a44],.toast-fade-leave-to[data-v-89a99a44]{opacity:0;transform:translateY(-20px)}@media (max-width: 768px){.toast-container[data-v-89a99a44]{top:12px;left:12px;right:12px;transform:none}.toast[data-v-89a99a44]{min-width:auto;max-width:none}}