:root{font-family:-apple-system,system-ui,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#282828;background:#f8f9fd;font-synthesis:none;--blue: #457fe5;--blue-strong: #007bff;--text: #282828;--muted: #a0a9b6;--line: #eff1f5}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-width:1180px;min-height:100vh;background:#f8f9fd}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea{outline:none}img{border:0}.ui-icon{display:block;flex:0 0 auto}.login-page{position:relative;width:100%;height:100vh;overflow:hidden;background-size:cover;background-position:top left;background-repeat:no-repeat;background-color:#eef4ff}.login-logo{position:absolute;top:48px;left:12.2vw;width:404px;height:71px;object-fit:contain}.login-card-wrap{position:absolute;top:27%;right:12.8vw;width:400px}.login-card{width:400px;border-radius:10px;background:#fff;box-shadow:-5px 10px 30px -20px #00000029,0 10px 30px #3458a014}.login-card-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:64px}.login-card-head h1{margin:0;font-size:23px;font-weight:700;color:#1f2225}.login-card-head i{width:40px;height:3px;margin-top:10px;border-radius:4px;background:#2359f5}.login-form{padding:28px 44px 60px}.login-field{display:block;margin-bottom:22px}.login-field>span{display:block;margin-bottom:8px;color:#282828;font-size:14px}.login-field .required{margin-left:2px;color:#d03050;font-style:normal}.login-input{position:relative;height:40px;display:flex;align-items:center;border:1px solid #d9dde3;border-radius:4px;background:#fff;transition:border-color .18s,box-shadow .18s}.login-input:focus-within{border-color:#2359f5;box-shadow:0 0 0 2px #2359f514}.login-input svg{width:18px;height:18px;margin:0 8px 0 12px;fill:#a0a9b6}.login-input input{flex:1;height:100%;padding:0 10px 0 0;border:0;border-radius:0 4px 4px 0;color:#282828;font-size:14px;background:transparent}.login-input input::placeholder{color:#b7bcc4}.login-remember{display:inline-flex;align-items:center;gap:8px;margin:2px 0 34px;color:#555b64;font-size:14px}.login-remember input{width:15px;height:15px;accent-color:#2359f5}.login-error{margin:0 0 14px;padding:8px 10px;border-radius:4px;color:#d03050;font-size:13px;background:#fff1f2}.login-submit{width:100%;height:40px;border:0;border-radius:4px;color:#fff;font-size:15px;font-weight:500;background:#2359f5;transition:background .18s}.login-submit:hover{background:#1a49d6}.login-submit:disabled{opacity:.6;cursor:default}.index-container{height:100vh;max-height:100vh;min-height:100vh;overflow:hidden;background:#f8f9fd}.header-container{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 10px;background:#fff;border-bottom:1px solid #f3f5f7;position:relative;z-index:30}.header-left{height:55px;display:flex;align-items:center}.app-logo{width:42px;height:42px;object-fit:contain;margin-right:7px}.app-wordmark{width:140px;height:25px;object-fit:contain;margin-left:4px}.connection-state{display:flex;align-items:center}.status-dot{width:10px;height:10px;border-radius:100%;background:#ef233c}.status-dot.connected{background:#00afb9}.status-text{margin-left:2px;font-size:16px;font-weight:700;line-height:26px;color:#282828}.header-user{position:relative;height:42px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.header-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;color:#fff;font-size:14px;background:#ccc}.header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-username{max-width:90px;margin-left:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:26px;color:#282828}.header-user>.ui-icon{margin-left:2px;color:#000}.user-dropdown{position:absolute;top:48px;right:0;z-index:100;width:132px;padding:6px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d24}.user-dropdown button{width:100%;padding:9px 12px;border:0;border-radius:6px;text-align:left;color:#282828;font-size:14px;background:transparent}.user-dropdown button:hover{color:#457fe5;background:#f5f8ff}.app-body{position:relative;height:calc(100vh - 56px);display:flex;align-items:stretch;overflow:hidden}.left-sidebar-container{width:52px;flex:0 0 52px;display:flex;flex-direction:column;background:#fff;overflow:hidden}.group-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.group-list::-webkit-scrollbar{display:none}.group-item{width:52px;min-height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 8px;padding:4px 0;border:0;border-radius:6px;color:#8a8a8a;background:transparent;transition:background .15s,color .15s}.group-item:hover{color:#4a83e6;background:#f5f8ff}.group-item.active-item{color:#4a83e6;background:#edf2fc}.group-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.group-icon svg{width:30px;height:30px}.group-name{display:block;max-width:60px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.add-group{margin-top:4px}.archive-panel{width:230px;flex:0 0 230px;min-width:0;display:flex;flex-direction:column;margin:0 0 8px;padding:10px 0 0;overflow:hidden;background:#fff;border-radius:8px}.archive-header{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 4px;border-radius:8px 8px 0 0;color:#f5a623;font-size:15px;font-weight:700;background:#feeed5}.archive-list{min-height:0;flex:1;overflow-y:auto;padding:4px 0 8px}.archive-item{width:calc(100% - 10px);display:flex;align-items:center;margin:8px 5px 0;padding:10px 8px 10px 12px;border:2px solid transparent;border-radius:8px;text-align:left;background:#fff;box-shadow:0 2px 8px #00000008;transition:border-color .2s,background .2s}.archive-item:hover,.archive-item.active{border-color:#457fe5;background:#f5f8ff}.archive-avatar{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:10px;border-radius:8px;color:#fff;font-size:14px;background:#cfd6e4}.archive-avatar img{width:100%;height:100%;object-fit:cover}.archive-info{min-width:0;flex:1;display:flex;flex-direction:column;margin-left:5px}.archive-name-row{display:flex;align-items:center;min-width:0;color:#263857}.archive-name-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.archive-name-row em{flex:0 0 auto;margin-left:4px;padding:0 4px;border-radius:3px;color:#18a058;font-size:10px;font-style:normal;line-height:16px;background:#e8f7ef}.archive-badge{flex:0 0 auto;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;margin-left:4px;padding:0 4px;border-radius:9px;color:#fff;font-size:10px;background:#d03050}.archive-account,.archive-remark{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a9b6;font-size:12px}.archive-empty{padding:26px 8px;color:#a0a9b6;text-align:center;font-size:12px}.split-resizer{width:16px;flex:0 0 16px;display:flex;align-items:stretch;justify-content:center;cursor:col-resize}.split-resizer span{width:7px;height:100%;border-radius:8px;background:#dcdcdc}.split-resizer:hover span{background:#c8c8c8}.center-list-container{width:257px;flex:0 0 257px;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#f9fafc}.search-container{flex:0 0 61px;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0}.search-row{position:relative;display:flex;align-items:center;gap:8px;width:100%}.search-type{position:relative;display:flex;align-items:center;flex-shrink:0;height:22px;color:#282828;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.search-type>.ui-icon{margin-left:2px}.search-type-menu{position:absolute;top:30px;left:0;z-index:20;width:92px;padding:5px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d1f}.search-type-menu button{width:100%;padding:7px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.search-type-menu button:hover,.search-type-menu button.active{color:#457fe5;background:#f5f8ff}.search-input{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #e6e9ef;border-radius:6px;color:#a0a9b6;background:#fff;transition:border-color .15s}.search-input:focus-within{border-color:#457fe5}.search-input input{flex:1;min-width:0;height:100%;padding:0;border:0;color:#282828;font-size:14px;background:transparent}.search-input input::placeholder{color:#b0b6bf}input.search-input{width:calc(100% - 28px);margin:8px 14px;padding:0 10px;color:#282828;font-size:14px}.search-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;padding:0;border:0;border-radius:8px;color:#a0a9b6;background:#2e33380d}.search-action-btn:hover{color:#457fe5;background:#f5f6fa}.filter-popover{position:absolute;top:42px;right:0;z-index:20;width:148px;padding:6px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d24}.filter-popover button{width:100%;padding:8px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.filter-popover button:hover,.filter-popover button.active{color:#457fe5;background:#f5f8ff}.chat-tabs{flex:0 0 42px;display:flex;align-items:stretch;margin-bottom:2px;border-bottom:1px solid #eef0f3}.chat-tabs button{position:relative;flex:1;min-width:0;padding:10px 0;border:0;color:#1f2225;font-size:14px;background:transparent}.chat-tabs button span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tabs button.active{color:#457fe5;font-weight:400}.chat-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:50%;width:56px;height:2px;border-radius:2px;background:#457fe5;transform:translate(-50%)}.chat-tabs sup{position:absolute;top:2px;right:12px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:11px;line-height:1;background:#457fe5}.friend-group-tabs{flex:0 0 44px;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;background:#fff;border-bottom:1px solid #f0f0f0;scrollbar-width:none}.friend-group-tabs::-webkit-scrollbar{display:none}.friend-group-tabs button{position:relative;flex:1 0 auto;min-width:50px;padding:0 4px;border:0;color:#646566;font-size:14px;background:transparent;white-space:nowrap}.friend-group-tabs button span{display:block;max-width:120px;margin:0 auto;overflow:hidden;text-overflow:ellipsis}.friend-group-tabs button.active{color:#457fe5;font-weight:600}.friend-group-tabs button.active:after{content:"";position:absolute;bottom:0;left:50%;width:28px;height:3px;border-radius:3px;background:#457fe5;transform:translate(-50%)}.center-list-content{min-height:0;flex:1;display:flex;overflow:hidden}.session-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#fff}.session-row{position:relative;width:100%;display:flex;align-items:center;padding:10px;border:0;border-bottom:1px solid #eff1f5;text-align:left;background:#fff;transition:background .15s}.session-row:hover{background:#f5f5f5}.session-row.active{background:#2080f01a}.session-avatar{position:relative;width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:6px;color:#fff;font-size:16px;font-weight:600;background:#cfd6e4}.session-avatar>img{width:100%;height:100%;overflow:hidden;border-radius:6px;object-fit:cover}.session-avatar>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#cfd6e4}.avatar-tag{position:absolute;top:-4px;left:-4px;height:17px;display:flex;align-items:center;padding:0 4px;border:1px solid #fff;border-radius:5px;color:#fff;font-size:10px;font-weight:400;line-height:1;background:#18a058}.online-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#c7ccd4}.online-dot.on{background:#18a058}.session-copy{min-width:0;flex:1;margin-left:17px}.session-heading{display:flex;align-items:center;width:100%;min-width:0}.session-heading strong{min-width:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;color:#282828}.session-heading em{margin-left:1px;color:#282828;font-size:14px;font-style:normal;white-space:nowrap}.pin-tag{flex:0 0 auto;margin-left:4px;padding:0 5px;border:1px solid #f0c98f;border-radius:4px;color:#c7831f;font-size:11px;line-height:18px;background:#fff7e8}.session-heading time{flex:0 0 auto;margin-left:auto;color:#a0a9b6;font-size:14px;white-space:nowrap}.session-remark{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f08a1d;font-size:13px;line-height:18px}.session-sub{display:flex;align-items:center;width:100%;min-width:0;margin-top:3px}.remark-tag{flex:0 0 auto;margin-right:5px;color:#f08a1d;font-size:12px}.session-sub p{min-width:0;flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a9b6;font-size:14px;line-height:22px}.unread-badge{flex:0 0 auto;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-left:6px;padding:0 5px;border-radius:9px;color:#fff;font-size:11px;font-weight:400;background:#4880e5}.session-empty{padding:26px 10px;color:#a0a9b6;text-align:center;font-size:13px}.spinner{display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;border:2px solid #d9e2f3;border-top-color:#457fe5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-window{min-width:0;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#f8f9fd}.chat-user-info{height:66px;flex:0 0 66px;display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid #edeff4;background:transparent}.chat-avatar{width:45px;height:45px;flex:0 0 45px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:15px;border-radius:8px;color:#fff;font-weight:600;background:#cfd6e4}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-user-details{min-width:0;flex:1}.chat-name-row{display:flex;align-items:center}.nickname{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#223453;font-size:16px;font-weight:600}.online-status{height:21px;display:inline-flex;align-items:center;margin-left:5px;padding:0 8px;border-radius:11px;color:#fff;font-size:13px;background:#c7ccd4}.online-status.on{background:#8feb9c}.address-info{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a9b6;font-size:14px;font-weight:400}.chat-header-actions{position:relative;margin-left:10px}.chat-more{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;color:#a0a9b6;background:transparent;opacity:0;transition:opacity .15s}.chat-user-info:hover .chat-more,.chat-more:focus{opacity:1}.chat-more:hover{color:#457fe5;background:#f5f6fa}.chat-menu{position:absolute;top:38px;right:0;z-index:30;width:130px;padding:6px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d24}.chat-menu button{width:100%;padding:8px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.chat-menu button:hover{color:#457fe5;background:#f5f8ff}.message-list{min-height:0;flex:1;overflow-y:scroll;overflow-x:hidden}.message-loading,.message-empty{padding:22px;color:#a0a9b6;text-align:center;font-size:13px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0a9b6}.chat-empty-logo{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#fff;box-shadow:0 8px 28px #36559114}.chat-empty-logo img{width:42px;height:42px}.chat-empty h2{margin:18px 0 6px;color:#6c7481;font-size:18px;font-weight:500}.chat-empty p{margin:0;font-size:13px}.message{display:flex;align-items:flex-start;margin:10px 0;padding:0 20px;position:relative}.message.sent-by-user{flex-direction:row-reverse}.message-avatar{width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:10px;border-radius:6px;color:#fff;font-weight:600;background:#cfd6e4}.message.sent-by-user .message-avatar{margin-right:0;margin-left:10px}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-body{min-width:0;max-width:min(72%,600px);display:flex;flex-direction:column;align-items:flex-start}.message.sent-by-user .message-body{align-items:flex-end}.message-column{display:flex;flex-direction:column;align-items:flex-start}.message-column.mine{align-items:flex-end}.message-username{padding-bottom:20px;color:#000;font-size:15px}.message-content{display:inline-block;max-width:300px;padding:10px 15px;border-radius:0 10px 10px;color:#fff;font-size:16px;line-height:1.6;word-break:break-word;white-space:pre-wrap;background:#007bff}.message.sent-by-user .message-content{border-radius:10px 0 10px 10px;color:#344461;background:#fff}.message-img{width:100px;min-height:60px;overflow:hidden;border-radius:9px;background:#fff}.message-image{display:block;width:100px;max-height:300px;border-radius:9px;object-fit:cover}.message-video{display:block;max-width:300px;min-height:180px;max-height:330px;border-radius:9px}.message-audio{width:240px;height:40px}.red-envelope{min-width:210px;padding:18px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#df6b4d,#b43b2d)}.message-meta-row{display:flex;align-items:center;margin-top:5px;color:#a0a9b6;font-size:12px}.message-column.mine .message-meta-row{flex-direction:row-reverse}.message-time{color:#a0a9b6;font-size:12px}.message-read-status{margin-left:8px;color:#457fe5;font-size:12px}.message-column.mine .message-read-status{margin-left:0;margin-right:8px}.message-revoke{position:absolute;top:2px;left:90px;padding:2px 6px;border:0;border-radius:4px;color:#a0a9b6;font-size:11px;background:#fffc;opacity:0;transition:opacity .15s}.message.sent-by-user .message-revoke{left:auto;right:90px}.message:hover .message-revoke{opacity:1}.input-box{flex:0 0 auto;position:relative;display:flex;align-items:center;margin:0 15px 70px;padding:10px;border:1px solid #4981e6;border-radius:8px;background:#fff}.input-box textarea{flex:1;min-width:0;min-height:46px;max-height:110px;margin-right:10px;padding:10px;border:0;border-radius:5px;color:#282828;font-size:16px;line-height:1.5;resize:none;background:#fff}.input-box textarea::placeholder{color:#b0b6bf}.input-icon-btn{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;margin:0 2px;padding:0;border:0;background:transparent}.input-icon-btn img{width:30px;height:30px;object-fit:contain}.input-send-btn{width:40px;height:48px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;margin:0 2px;padding:0;border:0;background:transparent}.input-send-btn img{width:40px;height:48px;object-fit:contain}.input-send-btn:disabled{opacity:.45;cursor:default}.composer-popover{position:absolute;left:38px;bottom:62px;z-index:50;width:324px;max-height:320px;overflow-y:auto;padding:10px;border:1px solid #e7eaf0;border-radius:10px;background:#fff;box-shadow:0 12px 36px #1e2c4629}.composer-popover nav{display:flex;gap:4px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f2f5}.composer-popover nav button{padding:5px 10px;border:0;border-radius:5px;color:#666;font-size:12px;background:transparent}.composer-popover nav button.active{color:#457fe5;background:#f0f5ff}.composer-popover nav .recording-btn{margin-left:auto;color:#d03050}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-grid button{height:32px;border:0;border-radius:5px;font-size:20px;line-height:1;background:transparent}.emoji-grid button:hover{background:#f5f6fa}.quick-list{display:flex;flex-direction:column}.quick-list button{padding:9px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.quick-list button:hover{color:#457fe5;background:#f5f8ff}.quick-list span{padding:18px;color:#a0a9b6;text-align:center;font-size:13px}.right-sidebar{width:51px;flex:0 0 51px;display:flex;flex-direction:column;align-items:center;padding:0;background:#fff;border-left:1px solid #f3f5f7;z-index:20}.sidebar-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:8px 0;padding:0;border:0;border-left:2px solid transparent;background:transparent;transition:background .15s}.sidebar-item:hover,.sidebar-item.active{background:#f8f9fd}.sidebar-item.active{border-left-color:#5983df}.sidebar-icon{width:23px;height:23px;object-fit:contain}.directory-panel{min-height:0;flex:1;display:flex;flex-direction:column;background:#fff}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.panel-title h2{margin:0;color:#282828;font-size:16px;font-weight:700}.panel-title button{border:0;color:#a0a9b6;font-size:18px;background:transparent}.avatar{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;color:#fff;font-size:13px;background:#cfd6e4}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.tiny{width:36px;height:36px;flex-basis:36px;border-radius:6px;font-size:12px}.directory-list{min-height:0;flex:1;overflow-y:auto}.directory-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid #f3f5f7;text-align:left;background:#fff}.directory-row:hover{background:#f7f9fc}.directory-row>.avatar{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;color:#fff;background:#cfd6e4}.directory-row>.avatar img{width:100%;height:100%;object-fit:cover}.directory-row>div:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.directory-row strong,.directory-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-row strong{color:#282828;font-size:13px}.directory-row small{color:#a0a9b6;font-size:11px}.agree-button{margin-left:auto;padding:5px 9px;border:0;border-radius:5px;color:#fff;font-size:11px;background:#457fe5}.mini-error{margin:5px 12px;padding:7px;border-radius:5px;color:#a63030;font-size:11px;background:#fee7e7}.resource-panel .filter-tabs{display:flex;gap:4px;padding:4px 12px 8px}.resource-panel .filter-tabs button{padding:5px 9px;border:0;border-radius:5px;color:#666;font-size:12px;background:transparent}.resource-panel .filter-tabs button.active{color:#457fe5;background:#f0f5ff}.resource-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid #f3f5f7;text-align:left;background:#fff}.resource-row:hover{background:#f7f9fc}.resource-row>img{width:48px;height:48px;flex:0 0 48px;border-radius:6px;object-fit:cover}.resource-row>div:not(.avatar){min-width:0;flex:1;display:grid;gap:4px}.resource-row strong,.resource-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-row strong{font-size:13px}.resource-row small{color:#a0a9b6;font-size:11px}.empty-state{padding:26px 10px;color:#a0a9b6;text-align:center;font-size:13px}.app-toast{position:fixed;top:72px;left:50%;z-index:300;padding:9px 18px;border-radius:6px;color:#fff;font-size:13px;background:#282f3ae6;box-shadow:0 8px 24px #1f2d3d2e;transform:translate(-50%)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#10182857}.profile-modal{width:380px;border-radius:10px;background:#fff;box-shadow:0 18px 50px #1622383d}.profile-modal>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #f0f2f5}.profile-modal h3{margin:0;color:#282828;font-size:16px}.profile-modal header button{display:flex;border:0;color:#888;background:transparent}.profile-modal-body{padding:22px 20px 20px}.profile-avatar{width:66px;height:66px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;overflow:hidden;border-radius:50%;color:#fff;font-size:22px;background:#457fe5}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-modal dl{display:grid;grid-template-columns:64px 1fr;gap:10px 8px;margin:0;font-size:13px}.profile-modal dt{color:#a0a9b6}.profile-modal dd{margin:0;overflow-wrap:anywhere;color:#282828}.primary-button{width:100%;margin-top:16px;padding:11px;border:0;border-radius:6px;color:#fff;font-weight:500;background:#457fe5}.primary-button:disabled{opacity:.6}.drawer-mask{position:fixed;top:56px;right:0;bottom:0;left:0;z-index:100;background:#0f172a47}.manage-drawer{position:absolute;top:0;right:0;width:480px;height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:-15px 0 45px #1c222d29}.manage-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eef0f3}.manage-drawer header h3,.manage-drawer header p{margin:0}.manage-drawer header h3{color:#282828;font-size:17px}.manage-drawer header p{margin-top:4px;color:#a0a9b6;font-size:12px}.manage-drawer header button{display:flex;border:0;color:#888;background:transparent}.manage-drawer>nav{display:flex;flex-wrap:wrap;gap:3px;padding:10px 14px;border-bottom:1px solid #f0f2f5}.manage-drawer>nav button{padding:7px 10px;border:0;border-radius:6px;color:#666;font-size:12px;background:transparent}.manage-drawer>nav button.active{color:#457fe5;background:#f0f5ff}.drawer-form,.drawer-list,.fund-records,.export-box{flex:1;overflow-y:auto;padding:20px}.drawer-form label{display:grid;gap:7px;margin-bottom:16px;color:#666;font-size:12px}.drawer-form input,.drawer-form textarea,.drawer-form select{padding:9px 10px;border:1px solid #e1e4ea;border-radius:6px;color:#282828;font-size:13px;background:#fff}.drawer-form textarea{min-height:90px;resize:vertical}.drawer-form input:focus,.drawer-form textarea:focus,.drawer-form select:focus{border-color:#457fe5}.danger-button{width:100%;margin-top:12px;padding:11px;border:1px solid #d95e5e;border-radius:6px;color:#bd3e3e;background:#fff}.drawer-list article,.fund-records article{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f2f4f7}.drawer-list article>div:nth-child(2){min-width:0;flex:1;display:grid;gap:4px}.drawer-list small{color:#a0a9b6}.drawer-list article button{padding:4px 7px;border:0;border-radius:5px;color:#457fe5;font-size:11px;background:#f0f5ff}.drawer-avatar{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;color:#fff;font-size:12px;background:#cfd6e4}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-tip{margin:0 0 16px;color:#7a8290;font-size:12px;line-height:1.7}.switch-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.switch-row input{width:18px;height:18px;accent-color:#457fe5}.timeline{margin-top:20px;padding-left:14px;border-left:2px solid #dbe7fb}.timeline article{margin-bottom:18px}.timeline p{margin:5px 0;color:#666;font-size:12px}.timeline time{color:#a0a9b6;font-size:11px}.fund-records h4{margin:20px 0 8px;color:#282828;font-size:14px}.fund-records article span{flex:1}.fund-records article small{color:#a0a9b6}.export-box p{color:#666;font-size:13px}.export-box .primary-button{display:block;margin-top:16px;text-align:center;text-decoration:none}@media (max-width: 1280px){.center-list-container{width:230px;flex-basis:230px}.login-logo{width:320px;height:56px}.login-card-wrap{right:8vw}}