*{box-sizing:border-box;margin:0;padding:0}html,body{color:#3e3e41;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#fff9fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}#app{background-color:#fff9fb;max-width:450px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 40px #ff6b9d0d}::-webkit-scrollbar{display:none}.page-container{min-height:100vh;padding-top:44px;padding-bottom:70px}.section-title{color:#ff4d88;letter-spacing:-.3px;padding:22px 16px 10px;font-size:17px;font-weight:800}.section-title-row{justify-content:space-between;align-items:center;padding:22px 16px 10px;display:flex}.section-title-row .title{color:#ff4d88;font-size:17px;font-weight:800}.section-title-row .more{color:#ff9aaf;font-size:12px;font-weight:600}.horizontal-scroll{scroll-snap-type:x mandatory;gap:16px;padding:12px 16px;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.avatar{object-fit:cover;background:linear-gradient(135deg,#fff0f3,#ffe3e8);border:2px solid #fff;border-radius:50%;width:44px;height:44px;transition:all .3s;box-shadow:0 4px 10px #ff6b9d26}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:72px;height:72px}.badge{border-radius:14px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-gender-male{color:#2196f3;background:#e3f2fd}.badge-gender-female{color:#ff4d88;background:#fff0f5}.badge-level{color:#fff;background:linear-gradient(135deg,#ff9a9e,#fad0c4);border-radius:10px;padding:2px 8px;font-size:10px}.badge-level.level-新秀{color:#2e7d32;background:linear-gradient(135deg,#c8e6c9,#a5d6a7)}.badge-level.level-金牌{color:#7a5c00;background:linear-gradient(135deg,gold,#ffb347)}.badge-level.level-镇店{color:#6a1b9a;background:linear-gradient(135deg,#e1bee7,#ce93d8)}.badge-level.level-首席{color:#fff;background:linear-gradient(135deg,#ff8a65,#ff5722)}.online-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.online-dot.offline{background:#bdbdbd}.tag{color:#ff75a0;background:#fff;border:1px solid #ffeef2;border-radius:18px;margin:3px 8px 3px 0;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.card{background:#ffffffe6;border:1px solid #fffc;border-radius:22px;margin:12px 16px;padding:20px;box-shadow:0 12px 24px #ff6b9d0f}.top-info-bar{-webkit-backdrop-filter:blur(15px);z-index:100;background:#ff6b9dcc 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;max-width:450px;height:44px;padding:0 16px;display:flex;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.top-info-bar.has-image{-webkit-backdrop-filter:none;background-color:#0000}.top-info-bar-overlay{pointer-events:none;z-index:1;background:linear-gradient(#00000026 0%,#0006 100%);position:absolute;inset:0}.top-info-bar-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.15;display:flex;position:relative}.top-info-bar .info-text{color:#fffffff2;font-size:13px;font-weight:500}.top-info-bar .header-title{letter-spacing:.5px;text-shadow:0 1px 3px #00000059;font-size:15px;font-weight:700}.top-info-bar .header-subtitle{opacity:.92;text-shadow:0 1px 2px #00000059;font-size:11px;font-weight:500}.top-info-bar .login-link{color:#ffd54f;margin-left:8px;font-size:13px;font-weight:600;text-decoration:none}.toggle-switch{cursor:pointer;background:#f1d8e0;border-radius:12px;width:44px;height:24px;transition:background .3s;position:relative}.toggle-switch.active{background:linear-gradient(135deg,#ff75a0,#ff4d88)}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.active:after{transform:translate(20px)}.voice-indicator{color:#ff4d88;background:#fff0f5;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;display:inline-flex}.voice-indicator .bars{align-items:flex-end;gap:1px;height:10px;display:flex}.voice-indicator .bar{background:#ff4d88;border-radius:1px;width:2px}.voice-indicator .bar:first-child{height:4px}.voice-indicator .bar:nth-child(2){height:8px}.voice-indicator .bar:nth-child(3){height:6px}.voice-indicator .bar:nth-child(4){height:10px}.voice-indicator .bar:nth-child(5){height:5px}.empty-state{text-align:center;color:#b78594;padding:40px 20px}.empty-state .icon{margin-bottom:12px;font-size:48px}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff75a0,#ff4d88);border:none;border-radius:28px;padding:12px 32px;font-size:16px;font-weight:800;box-shadow:0 8px 18px #ff4d884d}.sub-page-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#ffffffd9;border-bottom:1px solid #fff0f3;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:sticky;top:44px}.sub-back-btn{color:#ff4d88;cursor:pointer;background:0 0;border:none;align-items:center;width:28px;padding:4px;font-size:20px;display:flex}.sub-header-title{color:#ff4d88;font-size:18px;font-weight:800}.sub-header-right{width:28px}.tab-bar{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%;max-width:450px;height:66px;padding-bottom:env(safe-area-inset-bottom,0);background:#ffffffe6;border-top:1px solid #ffeef2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #ff6b9d0d}.tab-item{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;transition:all .2s;display:flex;position:relative}.tab-item.center-tab{justify-content:flex-start}.tab-item .tab-icon{color:#ff9aaf;font-size:26px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tab-item .tab-label{color:#ff75a0;margin-top:4px;font-size:12px;font-weight:700}.tab-item.active .tab-icon{color:#ff4d88;transform:translateY(-2px)scale(1.1)}.tab-item.active .tab-label{color:#ff4d88;text-shadow:0 2px 4px #ff6b9d1a}.tab-item.center-tab .tab-icon-wrapper{background:linear-gradient(135deg,#ff9a9e,#ff4d88);border:4px solid #fff;border-radius:27px;justify-content:center;align-items:center;width:54px;height:54px;margin-top:-30px;display:flex;box-shadow:0 8px 20px #ff4d8859}.tab-item.center-tab .tab-icon-wrapper .tab-icon{color:#fff;font-size:28px}.tab-item.center-tab.active .tab-label{color:#ff4d88}.notification-toast-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notification-toast{color:#333;cursor:pointer;pointer-events:all;background:#fff;border-radius:16px;align-items:center;gap:14px;width:calc(100% - 64px);max-width:320px;padding:20px 24px;animation:.3s forwards toast-pop-in;display:flex;box-shadow:0 8px 32px #0003}.notification-toast.hiding{animation:.25s forwards toast-pop-out}@keyframes toast-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes toast-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.notification-toast-icon{flex-shrink:0;font-size:28px}.notification-toast-body{flex:1;min-width:0}.notification-toast-title{color:#333;margin-bottom:4px;font-size:15px;font-weight:600}.notification-toast-message{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.app-toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.app-toast{color:#fff;pointer-events:none;text-align:center;background:#000000bf;border-radius:8px;max-width:280px;padding:12px 24px;font-size:14px;animation:.3s toast-fade}.app-toast.toast-success{background:#28a745d9}.app-toast.toast-error{background:#dc3545d9}@keyframes toast-fade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.welcome-popup-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-popup-card{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:320px;padding:24px 20px 20px;position:relative;box-shadow:0 8px 32px #0003}.welcome-popup-close{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;position:absolute;top:8px;right:12px}.welcome-popup-close:hover{color:#333}.welcome-popup-image{object-fit:cover;border-radius:12px;width:100%;max-height:200px;margin-bottom:16px}.welcome-popup-title{color:#1a1a1a;margin:0 0 12px;font-size:18px;font-weight:700}.welcome-popup-content{color:#666;white-space:pre-line;margin:0 0 20px;font-size:14px;line-height:1.6}.welcome-popup-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.welcome-popup-checkbox{color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.welcome-popup-checkbox input[type=checkbox]{cursor:pointer;margin:0}.welcome-popup-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff6b9d,#c44dff);border:none;border-radius:20px;padding:8px 24px;font-size:14px}.welcome-popup-btn:hover{opacity:.9}.popup-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.popup-dot{background:#ddd;border-radius:50%;width:6px;height:6px}.popup-dot.active{background:#5bc5d4}