:root{--primary:#1677ff;--bg:#f5f6f7;--card-bg:#fff;--text:#1f2329;--text-secondary:#8f959e;--border:#e5e6eb;--tab-bar-height:56px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}#root{background:var(--bg);justify-content:center;min-height:100svh;display:flex}.app{background:var(--bg);flex-direction:column;width:100%;max-width:480px;min-height:100svh;display:flex;position:relative}.app-main{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.tab-bar{width:100%;max-width:480px;height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card-bg);border-top:1px solid var(--border);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #0000000a}.tab-item{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.tab-item .tab-icon{font-size:22px;line-height:1}.tab-item.active{color:var(--primary)}.page{padding:16px}.page-header h1{margin:8px 0 16px;font-size:22px}.banner{background:linear-gradient(135deg, var(--primary), #69b1ff);color:#fff;border-radius:16px;margin-bottom:16px;padding:24px 20px;font-size:20px;font-weight:600}.list{flex-direction:column;gap:12px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px}.card h3{margin:0 0 6px;font-size:16px}.card p{color:var(--text-secondary);margin:0;font-size:14px}.tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tag{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px}.badge{color:var(--primary);background:#1677ff1a;border-radius:6px;margin-top:6px;padding:2px 8px;font-size:12px;display:inline-block}.card.row{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#ff9a6c,#ff5e62);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:600;display:flex}.chat-body{flex:1;min-width:0}.chat-name{margin-bottom:2px;font-size:15px;font-weight:600}.chat-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-time{color:var(--text-secondary);flex-shrink:0;font-size:12px}.profile-header{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:24px 20px;display:flex}.avatar.large{width:64px;height:64px;font-size:22px}.profile-header h2{margin:0 0 4px;font-size:18px}.profile-header p{color:var(--text-secondary);margin:0;font-size:13px}.menu-item{justify-content:space-between;align-items:center;padding:16px;font-size:15px;display:flex}.menu-item .arrow{color:var(--text-secondary);font-size:20px}