.tr-cs-mask{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:99989;display:none;align-items:center;justify-content:center;padding:20px}
.tr-cs-mask.on{display:flex}
.tr-cs-box{position:relative;background:#fff;border-radius:16px;width:560px;max-width:100%;max-height:92vh;overflow:auto;padding:30px 34px 26px;box-shadow:0 24px 60px rgba(2,6,23,.28);text-align:left;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.tr-cs-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:50%;background:#f1f3f6;color:#94a3b8;font-size:20px;line-height:34px;text-align:center;cursor:pointer;transition:.2s}
.tr-cs-close:hover{background:#e6e9ee;color:#334155}
.tr-cs-title{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 8px}
.tr-cs-sub{font-size:14px;color:#8b96a6;margin:0 0 14px}
.tr-cs-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px dashed #e9edf2}
.tr-cs-label{font-size:15px;color:#7b8798;min-width:52px}
.tr-cs-val{flex:1;font-size:17px;font-weight:700;color:#0f172a;word-break:break-all}
.tr-cs-val.qq{color:#2f6bff}
.tr-cs-copy{flex:none;border:1px solid #dfe5ec;background:#fff;color:#334155;font-size:14px;padding:7px 18px;border-radius:10px;cursor:pointer;transition:.2s}
.tr-cs-copy:hover{border-color:#2f6bff;color:#2f6bff}
.tr-cs-copy.done{border-color:#07c160;color:#07c160}
.tr-cs-wx{display:flex;align-items:center;gap:18px;background:#f5f8ff;border-radius:14px;padding:16px;margin:18px 0 20px}
.tr-cs-wx img{width:118px;height:118px;object-fit:contain;background:#fff;border-radius:8px;padding:6px}
.tr-cs-wx-t{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 6px}
.tr-cs-wx-d{font-size:13px;color:#7b8798;line-height:1.7;margin:0}
.tr-cs-btns{display:flex;gap:14px}
.tr-cs-call{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:12px;background:linear-gradient(90deg,#2f7bff,#22c3c9);color:#fff!important;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(47,123,255,.25)}
.tr-cs-call:hover{opacity:.94;text-decoration:none;color:#fff}
.tr-cs-more{flex:1;display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;background:#fff;border:1px solid #e3e8ef;color:#0f172a!important;font-size:17px;font-weight:600;text-decoration:none}
.tr-cs-more:hover{border-color:#c9d4e3;text-decoration:none}
@media (max-width:600px){
.tr-cs-box{padding:24px 18px 18px;border-radius:14px}
.tr-cs-title{font-size:22px}
.tr-cs-val{font-size:15px}
.tr-cs-wx{gap:12px;padding:12px}
.tr-cs-wx img{width:96px;height:96px}
.tr-cs-btns{gap:10px}
.tr-cs-call,.tr-cs-more{height:48px;font-size:15px}
}