.message-center{display:grid;grid-template-columns:280px minmax(0,1fr) 270px;background:#fff;border:1px solid #e9eaf0;border-radius:16px;overflow:hidden;height:calc(100dvh - 115px);min-height:450px}.mc-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid #ececf1;background:#fff}.mc-sidebar>header{padding:23px 20px 16px}.mc-sidebar h1{font-size:21px;color:#30333c}.mc-sidebar header>span{display:block;font-size:11px;color:#aaaeba;margin-top:7px}.mc-search{display:flex;align-items:center;gap:7px;margin:0 14px 15px;background:#f5f6f9;border-radius:10px;padding:0 10px;color:#a2a6b3}.mc-search input{width:100%;min-width:0;background:transparent;border:0;font-size:12px;padding:12px 0}.mc-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #f0f0f4;padding:0 12px}.mc-tabs button{padding:10px 4px 13px;font-size:12px;color:#9498a5;border-bottom:3px solid transparent}.mc-tabs button.active{color:#51452c;border-color:#ebc74e;font-weight:700}.mc-list{overflow:auto;flex:1;min-height:0;padding:5px 8px}.mc-list-meta{font-size:10px;color:#aaaeba;padding:12px 8px;display:flex;justify-content:space-between}.mc-conversation{display:flex;align-items:center;gap:10px;padding:13px 10px;border-radius:10px;width:100%;text-align:left;margin:3px 0;border:1px solid transparent}.mc-conversation:hover{background:#f7f8fb}.mc-conversation.selected{background:#fff8df;border-color:#f2e4ac}.mc-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#edf0fb;color:#8796c2;flex-shrink:0;font-size:14px}.mc-avatar.service{background:#fff0d4;color:#b3975e}.mc-summary{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.mc-summary b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#444751}.mc-summary small{font-size:11px;color:#a0a4ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-summary em{font-size:9px;color:#a4a1a1;font-style:normal}.mc-tail{align-self:flex-start;display:flex;align-items:center;flex-direction:column;gap:10px}.mc-tail time{font-size:9px;color:#b5b7bf}.mc-tail i{font-style:normal;background:#f1687a;border-radius:12px;font-size:10px;color:white;min-width:17px;padding:2px 4px;text-align:center}.mc-new-service{padding:17px;border-top:1px solid #f0f0f4;color:#9b813a;font-size:12px}.mc-empty-list{text-align:center;padding:40px 10px;color:#a6a9b2;font-size:12px}.mc-chat{min-width:0;min-height:0;overflow:hidden}.mc-info{border-left:1px solid #ececf1;overflow:auto;padding:24px 20px;background:#fff}.mc-info header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mc-info h2{font-size:15px}.mc-status{font-size:10px;color:#a38b45;background:#fff7de;padding:5px 8px;border-radius:6px}.mc-info dl{margin:22px 0;display:grid;gap:9px}.mc-info dt{font-size:10px;color:#afb0b8}.mc-info dd{font-size:11px;overflow-wrap:anywhere;color:#616674;margin:0 0 10px}.mc-product{padding:15px;background:#f8f9fb;border-radius:10px}.mc-product h3{font-size:12px;line-height:1.7}.mc-product p{font-size:10px;color:#a0a3ad;margin:10px 0}.mc-product>div{display:flex;justify-content:space-between;font-size:10px;color:#999ba5;gap:8px;flex-wrap:wrap}.mc-product b{color:#ed6478}.mc-detail{width:100%;margin-top:15px;font-size:11px}.mc-phrases{margin-top:30px}.mc-phrases h3{font-size:13px}.mc-phrases p{font-size:10px;color:#b0b2ba;margin:8px 0 14px}.mc-phrases button{display:block;font-size:11px;text-align:left;line-height:1.7;background:#f7f8fb;color:#888e9d;border-radius:8px;padding:10px 12px;width:100%;margin-bottom:8px}.mc-safety{font-size:10px;color:#b2ad9b;line-height:1.9;border-top:1px solid #f1f0eb;margin-top:25px;padding-top:18px}.mc-welcome{grid-column:2/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fafbfd;text-align:center;padding:25px}.mc-welcome>span{display:grid;place-items:center;width:80px;height:80px;border-radius:26px;background:#fff5d5;color:#d4b75a;font-size:40px;margin-bottom:24px}.mc-welcome h2{font-size:20px;color:#555967}.mc-welcome p{font-size:12px;color:#a6a9b5;margin:15px 0 25px}
@media(min-width:1001px){body.in-message-center{overflow:hidden}body.in-message-center .shell{max-width:none!important;padding:16px 22px!important}body.in-message-center .topbar{display:block!important}body.in-message-center .footer,body.in-message-center .bottomnav,body.in-message-center #customerServiceFloat{display:none!important}body.in-message-center .room-app{position:static!important;height:100%!important;max-height:100%!important;min-height:0!important;border:0;border-radius:0;margin:0;display:flex;flex-direction:column}body.in-message-center .room-header{background:#fff;padding:16px 20px;border-bottom:1px solid #f0f0f4}body.in-message-center .room-header>button:first-child{display:none}body.in-message-center .room-header strong{font-size:15px}body.in-message-center .room-header small{font-size:10px;color:#a1a5b1}body.in-message-center .room-banner{padding:11px 22px;font-size:11px}body.in-message-center .room-messages{padding:20px 26px;background:#fafbfd}body.in-message-center .room-bubble{max-width:100%;font-size:13px;line-height:1.8;border-radius:4px 14px 14px 14px;padding:11px 15px}body.in-message-center .room-message{max-width:82%}body.in-message-center .room-row.mine .room-bubble{border-radius:14px 4px 14px 14px}body.in-message-center .room-avatar{width:32px;height:32px;font-size:12px}body.in-message-center .room-time{font-size:10px;color:#b9bbc4;margin:16px 0}body.in-message-center .room-footer{border-top:1px solid #ececf1;background:white;max-height:40%;padding:12px 20px!important}body.in-message-center .room-shortcuts{margin-bottom:10px}body.in-message-center .room-shortcuts span{font-size:9px}body.in-message-center .room-compose #roomText{height:65px;max-height:110px;background:#f7f8fb;border-color:#f0f1f5;font-size:13px}body.in-message-center .room-compose{align-items:end;grid-template-columns:minmax(0,1fr) 34px 34px 70px}.mc-open{grid-template-columns:270px minmax(0,1fr) 250px}}
@media(min-width:1001px) and (max-width:1200px){.mc-open{grid-template-columns:235px minmax(0,1fr) 220px}.mc-info{padding:20px 15px}.mc-sidebar>header{padding-left:17px}}
@media(max-width:1000px){.message-center{display:block;height:auto;min-height:0;border:0;border-radius:0;background:transparent}.mc-idle .mc-sidebar{border:0;min-height:calc(100dvh - 180px);border-radius:14px}.mc-idle .mc-welcome{display:none}.mc-list{max-height:calc(100dvh - 350px);min-height:200px}.mc-open>.mc-sidebar,.mc-open>.mc-info{display:none}.mc-open>.mc-chat{height:var(--chat-viewport-height,100dvh)}.mc-open .room-app{width:100%}.mc-conversation{padding:15px 10px}.mc-summary b{font-size:14px}.mc-summary small{font-size:12px}.mc-avatar{width:42px;height:42px}.mc-tabs button{font-size:13px}.mc-sidebar h1{font-size:23px}body.in-message-center:not(.in-room) .footer{display:none}}