.app-container[data-v-e6243ded]{min-height:100vh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--bg);position:relative}.app-main[data-v-e6243ded]{flex:1;overflow-y:auto}.app-main.has-tab-bar[data-v-e6243ded]{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.tab-bar[data-v-e6243ded]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid var(--border);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:1000}.tab-item[data-v-e6243ded]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:4px 0;text-decoration:none;color:var(--text-hint);transition:color .2s}.tab-item.active[data-v-e6243ded]{color:var(--primary)}.tab-icon[data-v-e6243ded]{font-size:22px;line-height:1;margin-bottom:2px}.tab-label[data-v-e6243ded]{font-size:11px;line-height:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary: #667eea;--primary-dark: #764ba2;--success: #2ed573;--warning: #ff9500;--danger: #ff4757;--info: #999;--bg: #f5f5f5;--card-bg: #ffffff;--text: #333;--text-secondary: #666;--text-hint: #999;--border: #eee}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;background-color:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,button,select{font-family:inherit;font-size:inherit}#app{min-height:100vh}@media(min-width:481px){body{background-color:#e8e8e8}#app{max-width:480px;margin:0 auto;box-shadow:0 0 20px #0000001a;min-height:100vh;background:var(--bg)}}.card{background:#fff;border-radius:14px;padding:16px;margin:10px 12px;box-shadow:0 2px 8px #0000000f}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;padding:14px 0;font-size:18px;font-weight:600;text-align:center;width:100%;cursor:pointer;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#fff;color:#ff4757;border:1px solid #ff4757;border-radius:24px;padding:12px 0;font-size:16px;text-align:center;width:100%;cursor:pointer;transition:opacity .2s}.btn-danger:hover{opacity:.8}.action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -1px 6px #0000000f;z-index:100}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#999}.empty-state .emoji{font-size:40px;margin-bottom:12px}.empty-state .text{font-size:14px}.avatar-bg-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.avatar-bg-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.avatar-bg-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.avatar-bg-orange{background:linear-gradient(135deg,#fa709a,#fee140)}.avatar-bg-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.page-with-action-bar{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;color:var(--text);background:#fff;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.form-input::placeholder{color:var(--text-hint)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-hint{color:var(--text-hint)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}