.cc-msgpage{--mg-white:#fffdf9;--mg-line:#1c1b1817;--mg-r:10px;--mg-ink:#1c1b18;--mg-ink2:#57534a;--mg-ink3:#6b665c;--mg-brand:#2e4a7d;--mg-warn:#a5722b;color:var(--mg-ink)}.cc-msgpage .pg-head{margin-bottom:18px}.cc-msgpage .pg-t{color:var(--mg-ink);margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Songti SC,Noto Serif JP,Georgia,serif;font-size:21px;font-weight:600}.cc-msgpage .mgx-empty{text-align:center;color:var(--mg-ink2);padding:48px 16px;font-size:13px}.cc-msgpage .mgx-loading{border-radius:var(--mg-r);background:linear-gradient(90deg,#f2f1ec,#faf9f5,#f2f1ec);height:420px}.cc-msgpage .mgx{grid-template-columns:268px minmax(0,1fr) 292px;align-items:start;gap:14px;display:grid}.cc-msgpage .mgx-list,.cc-msgpage .mgx-conv,.cc-msgpage .mgx-side{background:var(--mg-white);border:1px solid var(--mg-line);border-radius:var(--mg-r);min-width:0;overflow:hidden}.cc-msgpage .mgx-list{max-height:calc(100vh - 180px);overflow:auto}.cc-msgpage .mgx-sorthead{border-bottom:1px solid var(--mg-line);color:var(--mg-ink2);flex-direction:column;gap:3px;padding:12px 14px 10px;font-size:11px;font-weight:600;display:flex}.cc-msgpage .mgx-th{text-align:left;border:0;border-bottom:1px solid var(--mg-line);cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border-radius:0;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.cc-msgpage .mgx-th:hover{background:#f2f1ec}.cc-msgpage .mgx-th.on{box-shadow:inset 2px 0 0 var(--mg-brand);background:#2e4a7d1a}.cc-msgpage .mgx-avt{background:var(--mg-brand);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.cc-msgpage .mgx-thm{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.cc-msgpage .mgx-thtop{align-items:baseline;gap:6px;width:100%;min-width:0;display:flex}.cc-msgpage .mgx-thtop b{color:var(--mg-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.cc-msgpage .mgx-thtime{color:var(--mg-ink3);flex-shrink:0;margin-left:auto;font-size:10px}.cc-msgpage .mgx-thlast{width:100%;color:var(--mg-ink2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.45;overflow:hidden}.cc-msgpage .mgx-tag{letter-spacing:.04em;border:1px solid var(--mg-line);color:var(--mg-ink2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:2px 7px;font-size:9.5px;display:inline-block;overflow:hidden}.cc-msgpage .mgx-tag.hot{color:#a32828;background:#a328281a;border-color:#a3282847;font-weight:600}.cc-msgpage .mgx-tag.own{color:#223963;background:#2e4a7d29;border-color:#2e4a7d61}.cc-msgpage .mgx-tag.pack{color:var(--mg-warn);background:#ffd16621;border-color:#ffd1664d}.cc-msgpage .mgx-conv{flex-direction:column;min-height:540px;display:flex}.cc-msgpage .mgx-convhead{border-bottom:1px solid var(--mg-line);align-items:center;gap:10px;padding:12px 16px;display:flex}.cc-msgpage .mgx-convwho{flex-direction:column;gap:2px;min-width:0;display:flex}.cc-msgpage .mgx-convwho b{font-size:14px}.cc-msgpage .mgx-convwho span{color:var(--mg-ink2);font-size:11px}.cc-msgpage .mgx-body{flex-direction:column;flex:1;gap:12px;max-height:400px;padding:16px;display:flex;overflow:auto}.cc-msgpage .mgx-b{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:78%;padding:10px 13px;font-size:13px;line-height:1.6;display:block}.cc-msgpage .mgx-b.them{color:var(--mg-ink);background:#f2f1ec;border-bottom-left-radius:4px;align-self:flex-start}.cc-msgpage .mgx-b.me{background:var(--mg-brand);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.cc-msgpage .mgx-when{color:var(--mg-ink3);margin-top:5px;font-size:10px;display:block}.cc-msgpage .mgx-b.me .mgx-when{color:#ffffffd1}.cc-msgpage .mgx-attach{white-space:normal;background:#ffffff24;border-radius:9px;flex-direction:column;gap:3px;margin-top:8px;padding:9px 11px;font-size:11.5px;display:flex}.cc-msgpage .mgx-b.them .mgx-attach{background:var(--mg-white);border:1px solid var(--mg-line)}.cc-msgpage .mgx-text+.mgx-attach{margin-top:8px}.cc-msgpage .mgx-b>.mgx-attach:first-child{margin-top:0}.cc-msgpage .mgx-attach-link{opacity:.8;word-break:break-all}.cc-msgpage .mgx-quick{flex-wrap:wrap;gap:7px;padding:0 16px 12px;display:flex}.cc-msgpage .mgx-qbtn{color:#223963;cursor:pointer;white-space:nowrap;background:#2e4a7d24;border:1px solid #2e4a7d6b;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:11.5px;font-weight:600}.cc-msgpage .mgx-qbtn:hover,.cc-msgpage .mgx-qbtn.on{background:var(--mg-brand);color:#fff;border-color:var(--mg-brand)}.cc-msgpage .mgx-qbtn:disabled{opacity:.55;cursor:default}.cc-msgpage .mgx-pick{border:1px solid var(--mg-line);background:#fff;border-radius:10px;max-height:220px;margin:0 16px 10px;overflow:auto}.cc-msgpage .mgx-pick-h{color:var(--mg-ink3);border-bottom:1px solid var(--mg-line);padding:8px 12px;font-size:11px;font-weight:700}.cc-msgpage .mgx-pick-i{text-align:left;border:0;border-bottom:1px solid var(--mg-line);width:100%;font:inherit;cursor:pointer;color:var(--mg-ink);background:0 0;border-radius:0;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.cc-msgpage .mgx-pick-i:last-child{border-bottom:0}.cc-msgpage .mgx-pick-i:hover{background:#f2f1ec}.cc-msgpage .mgx-pick-i b{font-size:12.5px;font-weight:600}.cc-msgpage .mgx-pick-i span{color:var(--mg-ink2);font-size:11px}.cc-msgpage .mgx-input{border-top:1px solid var(--mg-line);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.cc-msgpage .mgx-input textarea{border:1px solid var(--mg-line);min-width:0;font:inherit;resize:none;min-height:42px;max-height:120px;color:var(--mg-ink);background:#f7f6f2;border-radius:10px;flex:1;padding:10px 12px;font-size:13px}.cc-msgpage .mgx-input textarea:focus{border-color:var(--mg-brand);outline:none}.cc-msgpage .mgx-send{border:1px solid var(--mg-line);background:var(--mg-white);height:36px;color:var(--mg-ink);font:inherit;cursor:pointer;border-radius:8px;flex:none;padding:0 12px;font-size:12.5px}.cc-msgpage .mgx-send:disabled{opacity:.5;cursor:default}.cc-msgpage .mgx-sidesec{border-bottom:1px solid var(--mg-line);padding:14px 15px}.cc-msgpage .mgx-sidesec:last-child{border-bottom:0}.cc-msgpage .mgx-sidehead{letter-spacing:.14em;color:var(--mg-ink3);margin-bottom:10px;font-size:10px;font-weight:700}.cc-msgpage .mgx-asked{flex-direction:column;gap:8px;display:flex}.cc-msgpage .mgx-ask{color:var(--mg-ink);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.cc-msgpage .mgx-ask i{width:19px;height:19px;color:var(--mg-ink2);background:#f2f1ec;border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-size:9.5px;font-style:normal;font-weight:700;display:grid}.cc-msgpage .mgx-ask.rep i{color:#a32828;background:#a328281a}.cc-msgpage .mgx-askn{color:#a32828;white-space:nowrap;margin-left:6px;font-size:10.5px;font-style:normal;font-weight:600}.cc-msgpage .mgx-facts{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.cc-msgpage .mgx-facts li{color:var(--mg-ink2);justify-content:space-between;gap:12px;font-size:12px;display:flex}.cc-msgpage .mgx-facts b{color:var(--mg-ink);text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:600}.cc-msgpage .mgx-next{color:var(--mg-ink);font-size:12px;line-height:1.6}@media (max-width:1180px){.cc-msgpage .mgx{grid-template-columns:238px minmax(0,1fr)}.cc-msgpage .mgx-side{grid-column:1/-1}}@media (max-width:820px){.cc-msgpage .mgx{grid-template-columns:minmax(0,1fr)}.cc-msgpage .mgx-list{max-height:250px}}@media (min-width:1181px){.cc-msgpage .mgx{grid-template-columns:300px minmax(0,1fr) 320px;align-items:stretch}.cc-msgpage .mgx-list,.cc-msgpage .mgx-conv,.cc-msgpage .mgx-side{height:calc(100vh - 170px);min-height:620px;max-height:none}.cc-msgpage .mgx-side{overflow:auto}}@media (min-width:821px) and (max-width:1180px){.cc-msgpage .mgx{grid-template-columns:260px minmax(0,1fr);align-items:stretch}.cc-msgpage .mgx-list,.cc-msgpage .mgx-conv{height:calc(100vh - 170px);min-height:560px;max-height:none}.cc-msgpage .mgx-side{height:auto}}@media (min-width:821px){.cc-msgpage .mgx-conv{flex-direction:column;display:flex}.cc-msgpage .mgx-body{flex:1;max-height:none;padding:22px}.cc-msgpage .mgx-b{padding:11px 15px;font-size:14px}}