.online-message-page[data-v-4d1f8ceb]{background:#f5f7fb;min-height:100vh}.message-hero[data-v-4d1f8ceb]{background:url(../img/图片1.6ec1a2cb.png) 0/cover no-repeat;color:#111}.message-hero-inner[data-v-4d1f8ceb]{max-width:1000px;margin:0 auto;padding:68px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-hero-copy[data-v-4d1f8ceb]{display:inline-block;max-width:960px;margin-right:98px;padding:26px 34px;background:rgba(183,221,255,.76);border:1px solid rgba(214,237,255,.9);border-radius:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.message-hero-copy h1[data-v-4d1f8ceb]{margin:0 0 14px;font-size:39px;font-weight:600}.message-hero-copy p[data-v-4d1f8ceb]{margin:0;font-size:24px;font-weight:550;line-height:1.8}.message-content[data-v-4d1f8ceb]{padding:34px 15px 60px}.required-mark[data-v-4d1f8ceb]{margin-right:4px;color:#ff4d4f}.message-layout[data-v-4d1f8ceb]{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.message-form-panel[data-v-4d1f8ceb],.message-list-panel[data-v-4d1f8ceb]{height:620px;background:#fff;border:1px solid #e8edf5;border-radius:6px;padding:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.message-form-panel[data-v-4d1f8ceb] .ant-form,.message-list-body[data-v-4d1f8ceb]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.message-list-body[data-v-4d1f8ceb] .ant-spin-container,.message-list-body[data-v-4d1f8ceb] .ant-spin-nested-loading{height:100%}.message-list-body[data-v-4d1f8ceb] .ant-empty{margin-top:120px}.section-title[data-v-4d1f8ceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:18px;font-size:20px;font-weight:700;color:#111}.section-title[data-v-4d1f8ceb]:before{content:"";width:4px;height:20px;background:#1664ff}.section-title.with-action[data-v-4d1f8ceb]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section-title.with-action span[data-v-4d1f8ceb]{margin-right:auto}.message-list[data-v-4d1f8ceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.message-item[data-v-4d1f8ceb]{border:1px solid #e8edf5;border-radius:6px;padding:16px;cursor:pointer;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.message-item[data-v-4d1f8ceb]:hover{border-color:#1664ff;-webkit-box-shadow:0 8px 20px rgba(22,100,255,.08);box-shadow:0 8px 20px rgba(22,100,255,.08)}.detail-head[data-v-4d1f8ceb],.message-item-top[data-v-4d1f8ceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.visitor-name[data-v-4d1f8ceb]{font-size:16px;font-weight:700;color:#111}.status-pill[data-v-4d1f8ceb]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;background:#fff6e8;color:#ad6800}.status-pill.status-1[data-v-4d1f8ceb]{background:#e8f5ff;color:#1664ff}.status-pill.status-2[data-v-4d1f8ceb]{background:#f0f0f0;color:#111}.message-question[data-v-4d1f8ceb]{margin:10px 0 0;color:#222;line-height:1.7}.message-answer[data-v-4d1f8ceb]{margin:10px 0 0;color:#4b5b73;line-height:1.7;background:#f7f9fd;border-left:3px solid #1664ff;padding:8px 10px}.message-meta[data-v-4d1f8ceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:#8c8c8c;font-size:12px}.owner-flag[data-v-4d1f8ceb]{color:#1664ff}.message-pagination[data-v-4d1f8ceb]{margin-top:18px;text-align:right}.detail-body[data-v-4d1f8ceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px}.detail-head[data-v-4d1f8ceb]{padding-bottom:14px;border-bottom:1px solid #edf0f5}.detail-head strong[data-v-4d1f8ceb]{display:block;color:#111;font-size:18px;margin-bottom:4px}.detail-head span[data-v-4d1f8ceb]{color:#8c8c8c}.reply-list[data-v-4d1f8ceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px;max-height:420px;overflow-y:auto;padding-right:4px}.reply-item[data-v-4d1f8ceb]{max-width:82%;background:#f7f9fd;border:1px solid #e8edf5;border-radius:6px;padding:12px 14px}.reply-item.admin[data-v-4d1f8ceb]{-ms-flex-item-align:end;align-self:flex-end;background:#eef5ff;border-color:#c8ddff}.reply-name[data-v-4d1f8ceb]{color:#1664ff;font-weight:700;margin-bottom:6px}.reply-content[data-v-4d1f8ceb]{color:#222;line-height:1.8;white-space:pre-wrap}.reply-time[data-v-4d1f8ceb]{margin-top:8px;color:#999;font-size:12px}.continue-box[data-v-4d1f8ceb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;border-top:1px solid #edf0f5;padding-top:16px}.continue-box .ant-btn[data-v-4d1f8ceb]{-ms-flex-item-align:end;align-self:flex-end}@media (max-width:900px){.message-layout[data-v-4d1f8ceb]{grid-template-columns:1fr}.message-form-panel[data-v-4d1f8ceb],.message-list-panel[data-v-4d1f8ceb]{height:auto}.message-form-panel[data-v-4d1f8ceb] .ant-form,.message-list-body[data-v-4d1f8ceb],.reply-list[data-v-4d1f8ceb]{overflow:visible;max-height:none}.message-hero-inner[data-v-4d1f8ceb]{padding:46px 15px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-hero-copy[data-v-4d1f8ceb]{width:100%;margin-right:0;padding:20px 22px}.message-hero-copy h1[data-v-4d1f8ceb]{font-size:32px}.message-hero-copy p[data-v-4d1f8ceb]{font-size:16px}.reply-item[data-v-4d1f8ceb]{max-width:100%}}