*{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}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background-color:#ededed;color:#000;font-size:16px;-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;position:absolute;left:50%;transform:translate(-50%)}.nav-bar .right-action{font-size:15px;color:#000;cursor:pointer}.search-section{padding:4px 10px 8px;background:#ededed}.search-bar{background:#fff;border-radius:6px;height:32px;display:flex;align-items:center;justify-content:center;gap:5px}.search-bar svg{width:14px;height:14px;flex-shrink:0}.search-bar span{font-size:14px;color:#bebebe}.add-contacts{background:#fff;display:flex;align-items:center;padding:12px 16px;cursor:pointer}.add-contacts:active{background:#ececec}.add-contacts .phone-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:12px}.add-contacts .phone-icon svg{width:26px;height:26px}.add-contacts .text{font-size:16px;color:#000;flex:1}.section-header{padding:8px 16px;font-size:13px;color:#888;background:#ededed;font-weight:400}.friend-list{background:#fff}.friend-request{display:flex;align-items:center;padding:10px 16px;cursor:pointer;position:relative}.friend-request:active{background:#ececec}.friend-divider{position:absolute;top:0;left:72px;right:0;height:.5px;background:#e5e5e5}.friend-request .avatar{width:44px;height:44px;border-radius:4px;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:3px}.friend-request .info .name{font-size:16px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.friend-request .info .message{font-size:12px;color:#b2b2b2;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:13px;color:#b2b2b2}.btn-accept{background:#07c160;color:#fff;border:none;border-radius:4px;padding:5px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.btn-accept:active{background:#06ad56}.android-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;max-width:430px;margin:0 auto;height:40px;background:#fafafa;display:flex;align-items:center;justify-content:space-around;border-top:.5px solid #E0E0E0}.ios-home-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;max-width:430px;margin:0 auto;height:20px;background:#ededed}.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}