/* 小头盔 common.css 域拆分（2026-10-21 整理批二）：原 2684 行单文件按域拆 8 文件，
   _header.blade 按原物理顺序全量引入——层叠语义 100% 等价（行区间连续切分），
   改某域样式不再碰其他域文件。本文件域：评价域：对话串（含亮色变体））*/

/* ===== 评价对话串（2026-10-21 客服官方回复+客户再回复）——buy 页评价卡与订单详情页「我的评价」卡共用 ===== */
.hc-rv-thread { margin-top:12px; margin-left:52px; display:flex; flex-direction:column; gap:10px; position:relative; }
.hc-rv-thread::before { content:""; position:absolute; left:-14px; top:4px; bottom:4px; width:2px; border-radius:2px; background:linear-gradient(180deg, hsl(265 70% 60% / .45), hsl(205 75% 55% / .25)); }
.hc-rv-reply { position:relative; border-radius:12px; padding:10px 14px 11px; font-size:13px; line-height:1.75; }
.hc-rv-reply.is-staff { background:linear-gradient(135deg, hsl(265 60% 30% / .38), hsl(230 55% 26% / .30)); border:1px solid hsl(265 70% 65% / .22); box-shadow:inset 3px 0 0 hsl(265 85% 72% / .85); }
.hc-rv-reply.is-buyer { background:rgba(255, 255, 255, 0.045); border:1px solid rgba(255, 255, 255, 0.09); box-shadow:inset 3px 0 0 rgba(255, 255, 255, 0.16); }
.hc-rv-reply-head { display:flex; align-items:center; gap:8px; margin-bottom:5px; flex-wrap:wrap; }
.hc-rv-badge-official { display:inline-flex; align-items:center; gap:4px; font-size:10.5px; font-weight:700; letter-spacing:.4px; color:#fff; background:linear-gradient(135deg, hsl(265 75% 62%), hsl(315 75% 58%)); padding:2.5px 9px; border-radius:999px; box-shadow:0 3px 10px -3px hsl(265 75% 55% / .55); }
.hc-rv-badge-buyer { display:inline-flex; align-items:center; font-size:10.5px; font-weight:600; letter-spacing:.4px; color:var(--hc-text-muted); background:rgba(255, 255, 255, 0.07); border:1px solid rgba(255, 255, 255, 0.1); padding:2px 8px; border-radius:999px; }
.hc-rv-reply-name { font-size:12px; font-weight:600; color:var(--hc-text-secondary); }
.hc-rv-reply.is-staff .hc-rv-reply-name { color:hsl(265 95% 90%); font-weight:700; }
.hc-rv-reply-time { margin-left:auto; font-size:11.5px; color:var(--hc-text-muted); }
.hc-rv-reply-content { margin:0; color:var(--hc-text); word-break:break-word; white-space:pre-line; }

/* 订单详情页「我的评价」卡（含对话串+客户回复框） */
.hc-my-review { margin-top:16px; border:1px solid rgba(255, 255, 255, 0.1); border-radius:14px; padding:16px 18px 18px; background:rgba(255, 255, 255, 0.03); scroll-margin-top:90px; }
.hc-my-review-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.hc-my-review-title { display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:700; color:var(--hc-text); }
.hc-my-review-title svg { color:var(--hc-warning-bright); }
.hc-my-review-body { font-size:13px; line-height:1.75; color:var(--hc-text); word-break:break-word; margin:0; }
.hc-my-review-stars { display:inline-flex; gap:1px; font-size:12.5px; line-height:1; margin-left:auto; }
.hc-my-review-stars i { font-style:normal; color:var(--hc-line-6); }
.hc-my-review-stars i.on { color:var(--hc-warning-bright); }
.hc-rv-reply-form { margin-top:14px; margin-left:52px; display:flex; flex-direction:column; gap:8px; }
.hc-rv-reply-form textarea { width:100%; min-height:74px; resize:vertical; border-radius:10px; border:1px solid rgba(255, 255, 255, 0.14); background:rgba(18, 13, 34, 0.55); color:var(--hc-text); font-size:13px; line-height:1.6; padding:10px 12px; font-family:inherit; outline:none; transition:border-color .18s ease, box-shadow .18s ease; }
.hc-rv-reply-form textarea::placeholder { color:hsl(250 25% 75%); }
.hc-rv-reply-form textarea:focus { border-color:hsl(265 70% 62% / .65); box-shadow:0 0 0 3px hsl(265 70% 55% / .16); }
.hc-rv-reply-form-row { display:flex; align-items:center; gap:10px; }
.hc-rv-reply-hint { font-size:11.5px; color:var(--hc-text-muted); }
.hc-rv-reply-btn { display:inline-flex; align-items:center; gap:6px; margin-left:auto; border:none; cursor:pointer; font-size:12.5px; font-weight:700; color:#fff; background:linear-gradient(135deg, hsl(265 75% 62%), hsl(315 75% 58%)); padding:8px 18px; border-radius:999px; box-shadow:0 6px 16px -6px hsl(265 75% 55% / .55); transition:transform .15s ease, box-shadow .15s ease; }
.hc-rv-reply-btn:hover { transform:translateY(-1px); box-shadow:0 9px 20px -6px hsl(265 75% 55% / .65); }
.hc-rv-reply-btn:active { transform:scale(.97); }

/* ===== 评价对话串 · 亮色主题变体（2026-10-21 亮色主题批）=====
   上方 hc-rv-* 初版按暗底玻璃调的（深紫官方泡/灰玻璃买家泡/暗底回复框），
   亮色主题下订单详情页与 buy 页评价卡共用同串——补亮色口径：官方泡=浅紫
   冰面+品牌紫左条，买家泡=浅灰冰面，回复框回归白底。暗色规则值原样不动
   （html[data-theme=dark] 命中时亮色 :not 块整段不参与，零冲突）。 */
html:not([data-theme="dark"]) .hc-rv-reply.is-staff {
    background: linear-gradient(135deg, hsl(265 80% 97%), hsl(230 65% 97%));
    border: 1px solid hsl(265 55% 90%);
    box-shadow: inset 3px 0 0 hsl(265 75% 62%);
}
html:not([data-theme="dark"]) .hc-rv-reply.is-buyer {
    background: hsl(250 35% 97%);
    border: 1px solid hsl(250 25% 91%);
    box-shadow: inset 3px 0 0 hsl(250 18% 80%);
}
html:not([data-theme="dark"]) .hc-rv-badge-buyer {
    background: hsl(250 35% 95%);
    border: 1px solid hsl(250 25% 89%);
}
html:not([data-theme="dark"]) .hc-rv-reply.is-staff .hc-rv-reply-name { color: hsl(265 80% 40%); }
html:not([data-theme="dark"]) .hc-rv-thread::before {
    background: linear-gradient(180deg, hsl(265 70% 62% / .35), hsl(205 75% 55% / .22));
}
html:not([data-theme="dark"]) .hc-rv-reply-form textarea {
    background: #fff;
    border: 1px solid hsl(250 25% 88%);
}
html:not([data-theme="dark"]) .hc-rv-reply-form textarea::placeholder { color: hsl(250 15% 70%); }
html:not([data-theme="dark"]) .hc-rv-reply-form textarea:focus {
    border-color: hsl(265 70% 55% / .55);
    box-shadow: 0 0 0 3px hsl(265 70% 55% / .12);
}