*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background-color:#ededed}.safe-area-bg{position:fixed;top:-100px;left:-100px;right:-100px;bottom:-100px;background:#ededed;z-index:-1}:root{--weui-FG-0: rgba(0, 0, 0, .9);--weui-FG-1: rgba(0, 0, 0, .55);--weui-FG-2: rgba(0, 0, 0, .3);--weui-FG-HALF: rgba(0, 0, 0, .9);--weui-BG-0: #EDEDED;--weui-BG-1: #F7F7F7;--weui-BG-2: #FFFFFF;--weui-BRAND: #07C160;--weui-BRAND-ACTIVE: #059A4C;--weui-SEPARATOR: rgba(0, 0, 0, .1);--weui-LINK: #576B95;--weui-RED: #FA5151}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--weui-BG-0);color:var(--weui-FG-0);font-size:17px;-webkit-font-smoothing:antialiased;max-width:430px;margin:0 auto;min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px)}#captureArea{max-width:430px;margin:0 auto;background:#ededed}@media(max-width:430px){body,#captureArea{max-width:100%}}.nav-bar{height:44px;background:#ededed;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative}.nav-bar .back{color:#000;cursor:pointer;padding:4px 8px 4px 0;line-height:1}.nav-bar .title{font-size:17px;font-weight:500;color:var(--weui-FG-0);position:absolute;left:50%;transform:translate(-50%)}.nav-bar .right-action{font-size:17px;color:var(--weui-FG-0);cursor:pointer}.search-section{padding:8px;background:var(--weui-BG-0)}.search-bar{background:var(--weui-BG-2);border-radius:6px;height:36px;display:flex;align-items:center;justify-content:center;gap:5px}.search-bar svg{width:15px;height:15px;flex-shrink:0}.search-bar span{font-size:15px;color:var(--weui-FG-2)}.add-contacts{background:var(--weui-BG-2);display:flex;align-items:center;padding:12px 16px;cursor:pointer;min-height:56px}.add-contacts:active{background:var(--weui-BG-1)}.add-contacts .phone-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.add-contacts .phone-icon img{width:28px;height:28px;display:block}.add-contacts .text{font-size:17px;color:var(--weui-FG-0);flex:1}.add-contacts .row-chevron{display:inline-flex;align-items:center}.section-header{padding:10px 16px 6px;font-size:14px;color:var(--weui-FG-1);background:var(--weui-BG-0);font-weight:400}.friend-list{background:#fff}.friend-request{display:flex;align-items:center;padding:14px 16px;cursor:pointer;position:relative;min-height:56px}.friend-request:active{background:var(--weui-BG-1)}.friend-divider{position:absolute;top:0;left:72px;right:0;height:.5px;background:var(--weui-SEPARATOR)}.friend-request .avatar{width:44px;height:44px;border-radius:8px;flex-shrink:0;overflow:hidden;margin-right:12px;background:#e0e0e0}.friend-request .avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-request .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.friend-request .info .name{font-size:17px;color:var(--weui-FG-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.friend-request .info .message{font-size:14px;color:var(--weui-FG-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-request .right-part{flex-shrink:0;display:flex;align-items:center;gap:6px;margin-left:8px}.arrow-icon{width:16px;height:16px}.status-text{font-size:14px;color:var(--weui-FG-2)}.btn-accept{background:var(--weui-BRAND);color:#fff;border:none;border-radius:4px;padding:6px 14px;font-size:15px;cursor:pointer;white-space:nowrap;line-height:1.2}.btn-accept:active{background:var(--weui-BRAND-ACTIVE)}.android-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;max-width:430px;margin:0 auto;height:44px;background:var(--weui-BG-2);display:flex;align-items:center;justify-content:space-around;border-top:.5px solid var(--weui-SEPARATOR)}.ios-home-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;max-width:430px;margin:0 auto;height:20px;background:transparent;pointer-events:none}.ios-home-indicator{width:134px;height:5px;background:#000;border-radius:3px;margin:8px auto 0}.toolbar{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:9999;display:flex;justify-content:center;pointer-events:none}.toolbar-inner{display:flex;gap:10px;background:#000000d9;border-radius:24px;padding:8px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;pointer-events:auto}.toolbar button{background:#ffffff1a;border:none;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:16px;font-family:inherit}.toolbar .btn-save{background:#07c160}.toolbar .btn-save:disabled{background:#555;cursor:not-allowed}.preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.preview-overlay img{max-width:90%;max-height:75vh;border-radius:8px;box-shadow:0 8px 40px #00000080}.preview-overlay .tip{color:#fff;font-size:14px;margin-top:16px;text-align:center;opacity:.8}.preview-overlay .close-btn{margin-top:20px;background:#ffffff26;border:none;color:#fff;font-size:14px;padding:10px 32px;border-radius:24px;cursor:pointer;font-family:inherit}