/* ==========================================================================
   移动端详情页评论模块
   --------------------------------------------------------------------------
   【下架开关】把本文件全部内容替换成下面这一行，再刷这个文件的 CDN：

       .gg-cmt{display:none!important}

   全站移动端静态页立刻不再显示评论区，不需要重新静态化。
   ========================================================================== */

.gg-cmt{margin:15px 0;font-size:13px;color:#333;line-height:1.6}

/* ---------- 标题 ---------- */
.gg-cmt .cmt-tit{
    padding-bottom:12px;border-bottom:1px dashed #dcdcdc;
    display:flex;align-items:center;justify-content:space-between;
}
.gg-cmt .cmt-tit p{
    width:96px;height:32px;text-align:center;line-height:32px;
    background:var(--maincolor,#3298FB);color:#fff;border-radius:16px;
    font-size:14px;font-weight:bold;position:relative;margin:0;
}
.gg-cmt .cmt-tit p:before{
    content:"";width:8px;height:8px;background:var(--maincolor,#3298FB);
    position:absolute;bottom:-4px;left:44px;transform:rotate(45deg);
}
.gg-cmt .cmt-tit span{font-size:11px;color:#999}
.gg-cmt .cmt-tit span i{color:#FF6600;font-style:normal;font-weight:bold;padding:0 2px}

/* ---------- 评分概览 ---------- */
.gg-cmt .cmt-ov{
    display:flex;align-items:center;gap:16px;margin-top:14px;padding:14px;
    background:#FAFBFC;border:1px solid #EEF1F4;border-radius:6px;
}
.gg-cmt .cmt-score{text-align:center;flex:none;width:88px;border-right:1px solid #E9EDF1}
.gg-cmt .cmt-score b{
    display:block;font-size:28px;line-height:1.1;color:#FF6600;font-weight:bold;
}
.gg-cmt .cmt-score .cmt-stars{font-size:11px;letter-spacing:1px;margin:3px 0 2px}
.gg-cmt .cmt-score em{font-size:11px;color:#999;font-style:normal}
.gg-cmt .cmt-bars{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.gg-cmt .cmt-bar{display:flex;align-items:center;gap:7px;font-size:11px;color:#999}
.gg-cmt .cmt-bar em{flex:none;width:24px;font-style:normal}
.gg-cmt .cmt-bar i{flex:1;height:6px;background:#EAEDF0;border-radius:3px;overflow:hidden;display:block}
.gg-cmt .cmt-bar i s{display:block;height:100%;background:#FFA412;text-decoration:none}
.gg-cmt .cmt-bar span{flex:none;width:26px;text-align:right}

/* ---------- 写评论 ---------- */
.gg-cmt .cmt-write{margin-top:14px;border:1px solid #E6EAEE;border-radius:6px;padding:12px}
.gg-cmt .cmt-wh{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.gg-cmt .cmt-wh em{font-style:normal;color:#666;font-size:12px}
.gg-cmt .cmt-wh b{color:#FF6600;font-size:12px}
.gg-cmt .cmt-input-stars{
    cursor:pointer;user-select:none;font-size:19px;letter-spacing:3px;color:#FFA412;
}
.gg-cmt .cmt-input-stars s{color:#D9DEE4;text-decoration:none}
.gg-cmt textarea{
    width:100%;height:58px;resize:none;border:1px solid #E6EAEE;border-radius:4px;
    padding:8px 10px;font-size:12.5px;color:#333;font-family:inherit;background:#FCFDFE;
    outline:none;line-height:1.6;-webkit-appearance:none;
}
.gg-cmt textarea:focus{border-color:var(--maincolor,#3298FB);background:#fff}
.gg-cmt textarea::placeholder{color:#B4BCC6}
.gg-cmt .cmt-wf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.gg-cmt .cmt-tip{font-size:11px;color:#B4BCC6;flex:1;min-width:0}
.gg-cmt .cmt-wf-r{display:flex;align-items:center;gap:10px;flex:none}
.gg-cmt .cmt-num{font-size:12px;color:#B4BCC6}
.gg-cmt .cmt-num i{font-style:normal}
.gg-cmt .cmt-btn{
    border:0;background:var(--maincolor,#3298FB);color:#fff;font-size:13px;font-family:inherit;
    padding:0 20px;height:32px;line-height:32px;border-radius:16px;
}
.gg-cmt .cmt-btn:disabled{background:#B9CFE4}

/* ---------- 筛选 ---------- */
.gg-cmt .cmt-tabs{
    display:flex;gap:8px;margin:16px 0 2px;overflow-x:auto;padding-bottom:2px;
    -webkit-overflow-scrolling:touch;
}
.gg-cmt .cmt-tabs a{
    flex:none;font-size:12px;color:#666;padding:4px 12px;border-radius:14px;
    background:#F3F5F7;text-decoration:none;
}
.gg-cmt .cmt-tabs a.on{background:var(--maincolor,#3298FB);color:#fff}
.gg-cmt .cmt-tabs a b{font-weight:normal;opacity:.7;padding-left:3px}

/* ---------- 列表 ---------- */
.gg-cmt .cmt-list{margin:0;padding:0;list-style:none}
.gg-cmt .cmt-list li{display:flex;gap:9px;padding:14px 0;border-bottom:1px dashed #EBEEF1}
.gg-cmt .cmt-list li.cmt-fold,
.gg-cmt .cmt-list li.cmt-hide{display:none}
.gg-cmt .cmt-face{
    flex:none;width:32px;height:32px;border-radius:50%;color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:14px;
}
.gg-cmt .cmt-main{flex:1;min-width:0}
.gg-cmt .cmt-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.gg-cmt .cmt-meta b{font-size:12px;color:#555;font-weight:normal}
.gg-cmt .cmt-meta .cmt-stars{font-size:11px;letter-spacing:1px}
.gg-cmt .cmt-meta time{font-size:11px;color:#B4BCC6;width:100%;order:3}
.gg-cmt .cmt-txt{margin:0;color:#333;font-size:13px;line-height:1.7;word-break:break-word;text-indent:0}
.gg-cmt .cmt-act{display:flex;gap:16px;margin-top:6px}
.gg-cmt .cmt-act a{
    display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#999;text-decoration:none;
}
.gg-cmt .cmt-act a.on{color:#FF6600}
.gg-cmt .cmt-act svg{width:12px;height:12px;fill:currentColor}
.gg-cmt .cmt-act i{font-style:normal}
.gg-cmt .cmt-re{
    margin-top:8px;background:#F7F9FB;border-radius:4px;padding:7px 10px;
    font-size:12px;color:#666;border-left:2px solid var(--maincolor,#3298FB);
}
.gg-cmt .cmt-re em{font-style:normal;color:var(--maincolor,#3298FB)}
.gg-cmt .cmt-stars{color:#FFA412}
.gg-cmt .cmt-stars s{color:#D9DEE4;text-decoration:none}

/* ---------- 展开更多 ---------- */
.gg-cmt .cmt-more{
    text-align:center;margin-top:14px;font-size:12.5px;color:#666;
    border:1px solid #E6EAEE;border-radius:16px;height:34px;line-height:32px;
}

/* ---------- 提示 ---------- */
.gg-cmt .cmt-toast{
    position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);
    background:rgba(0,0,0,.78);color:#fff;font-size:13px;padding:10px 20px;
    border-radius:4px;z-index:9999;
}