*{padding:0;margin:0;box-sizing:border-box}body{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-container body{overflow-y:auto}.main-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:900px;margin:0 auto;position:relative;padding-bottom:80px}.search-container{display:flex;padding:10px;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;z-index:10;align-items:center;width:100%;flex-shrink:0;position:sticky;top:0}.search-input-wrapper{position:relative;flex:1;margin-right:10px}.search-input{width:100%;padding:8px 30px 8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-button{padding:8px 15px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.search-button:disabled{background-color:#95a5a6;cursor:not-allowed}.clear-button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:#7f8c8d;font-size:20px;font-weight:700;cursor:pointer;padding:0;margin:0;height:100%;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:#e74c3c;background:none}.container{height:auto;border-radius:4px;border:.5px solid #e0e0e0;background-color:#f5f5f5;display:flex;flex-flow:column;max-height:calc(100vh - 150px)}.container,.content{width:100%;flex:1;overflow-y:auto}.content{padding:20px}.content:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1)}.pagination-container{padding:10px;width:100%;background-color:#f8f8f8;border-top:1px solid #e0e0e0;position:fixed;bottom:0;z-index:5;max-width:900px;height:70px;display:flex;flex-direction:column;justify-content:center;left:50%;transform:translateX(-50%);box-sizing:border-box}.pagination-content{margin-bottom:5px}.button-row,.jump-row,.pagination-content{display:flex;justify-content:center;align-items:center}.button-row,.jump-row{margin:0 10px}#paginationInfo{display:flex;justify-content:center;align-items:center;margin-bottom:5px;color:#555;font-size:14px}button{padding:8px 20px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:0 5px;transition:background-color .3s}button:hover{background-color:#2980b9}input{padding:8px;width:120px;box-sizing:border-box;margin-right:0;margin-left:15px}button,input{font-size:14px}.emoji_img{width:26px;height:26px;position:relative;bottom:-6px}@media screen and (max-width:600px){body{align-items:flex-start;padding:0;height:100%;position:fixed;width:100%;overflow:hidden}.login-container body{align-items:center}.main-container{height:100vh;width:100%;border-radius:0;display:flex;flex-direction:column;padding-bottom:60px;padding-top:0;position:fixed;top:0;left:0;right:0;bottom:0}.search-container{position:sticky;top:0;padding:8px;margin-bottom:0;flex-shrink:0;z-index:10;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;width:100%}.search-input{padding:6px 10px;font-size:13px}.search-button{padding:6px 12px;font-size:13px;min-width:60px}.container{border-radius:0;border-left:none;border-right:none;max-height:calc(100vh - 170px);padding-top:0;margin-top:0;position:relative;overflow-y:auto}.content{padding:5px 10px 20px;position:relative}.pagination-container{max-width:100%;width:100%;left:0;transform:none;height:65px;padding:8px 10px}.pagination-content{margin-bottom:3px}#paginationInfo{font-size:12px;margin-bottom:2px}.button-row button,.jump-row button,.jump-row input{padding:6px 10px;font-size:14px}button{padding:6px 12px;margin:0 3px}input{padding:6px;width:80px;margin-left:8px}.search-results{top:50px;left:5px;right:5px;max-height:70vh}.result-item{padding:10px}.result-content{font-size:13px}}.modal{display:block;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.modal-image{display:block;max-width:90%;max-height:90%;margin:5% auto auto}.bubble{padding:10px}.bubble,.chat-refer{max-width:400px;border-radius:5px;position:relative;color:#000;word-wrap:break-word;word-break:normal}.chat-refer{padding:3px;background-color:#e8e8e8}.chat-refer-right{margin-right:55px}.chat-refer-left{margin-left:55px}.item-left .bubble{margin-left:15px;background-color:#fff}.item-left .bubble:before{content:"";position:absolute;width:0;height:0;border:10px solid transparent;border-right-color:#fff;left:-20px}.item-right .bubble{margin-right:15px;background-color:#9eea6a}.item-right .bubble:before{content:"";position:absolute;width:0;height:0;border:10px solid transparent;border-left-color:#9eea6a;right:-20px}.item{margin-top:15px;display:flex;width:100%}.item.item-right{justify-content:flex-end}.item.item-center{justify-content:center}.item.item-center span{font-size:12px;padding:2px 4px;color:#fff;background-color:#dadada;border-radius:3px;-moz-user-select:none;-webkit-user-select:none;user-select:none}.chat-image img{margin-right:18px;margin-left:18px;max-width:300px;max-height:auto}.avatar img{width:42px;height:42px;border-radius:50%}.chat-video video{margin-right:18px;margin-left:18px;max-width:350px}.input-area{border-top:.5px solid #e0e0e0;height:150px;display:flex;flex-flow:column;background-color:#fff}textarea{flex:1;padding:5px;font-size:14px;border:none;cursor:pointer;overflow-y:auto;overflow-x:hidden;outline:none;resize:none}.button-area{display:flex;height:40px;margin-right:10px;line-height:40px;padding:5px;justify-content:flex-end}.button-area button{width:80px;border:none;outline:none;border-radius:4px;float:right;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);border-radius:8px}::-webkit-scrollbar-thumb{border-radius:10px;background:transparent;-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f5f5f5;padding:20px;position:fixed;top:0;left:0;right:0;bottom:0}@media screen and (max-width:600px){.login-container{justify-content:center;align-items:center}.login-form{padding:20px;margin:0 auto}}.login-form{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100%;max-width:400px}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:500;color:#333}.form-group input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;width:100%}.login-button{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:12px 15px;font-size:16px;cursor:pointer;width:100%;margin-top:10px}.login-button:hover{background-color:#3a80d2}@media screen and (max-width:600px){.login-form{padding:20px}}.search-results{position:absolute;top:60px;left:10px;right:10px;max-height:60vh;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100;overflow-y:auto;border:1px solid #e0e0e0}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5}.search-results-header h3{margin:0;font-size:16px;color:#333;font-weight:500}.close-button{padding:5px 10px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.close-button:hover{background-color:#c0392b}.no-results{padding:30px 20px;text-align:center;color:#7f8c8d;font-size:15px}.results-list{max-height:calc(60vh - 50px);overflow-y:auto}.result-item{padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s;display:flex;align-items:center}.result-item:hover{background-color:#f5f5f5}.result-avatar{margin-right:10px;width:24px;height:24px;flex-shrink:0}.result-content{font-size:14px;color:#333;line-height:1.4;flex:1;overflow:hidden;text-overflow:ellipsis}.highlight-message{animation:highlight-animation 3s ease}@keyframes highlight-animation{0%{background-color:rgba(255,255,0,.5)}to{background-color:transparent}}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_e66fe9;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_e66fe9{font-family:__Inter_e66fe9,__Inter_Fallback_e66fe9;font-style:normal}