/* ==========================================================================
   PC 详情页评论模块
   --------------------------------------------------------------------------
   【下架开关】把本文件全部内容替换成下面这一行，再刷这个文件的 CDN，
   全站静态页立刻不再显示评论区，不需要重新静态化：

       .gg-cmt{display:none!important}

   恢复就是把本文件还原回来再刷一次 CDN。
   --------------------------------------------------------------------------
   配色沿用站内 css.css 的 --maincolor(#3298FB) 与橙色系，不引入新色。
   类名统一 cmt- 前缀，避免和 css.css 里的通用类（.tit .left .bod）撞车。
   ========================================================================== */

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

/* ---------- 标题：复用站内 .article_gamecx2 .tit 的胶囊样式 ---------- */
.gg-cmt .cmt-tit{
    padding-bottom:16px;border-bottom:1px dashed #dcdcdc;position:relative;
    display:flex;align-items:center;justify-content:space-between;
}
.gg-cmt .cmt-tit p{
    width:120px;height:40px;text-align:center;line-height:40px;
    background:var(--maincolor,#3298FB);color:#fff;border-radius:20px;
    font-size:16px;font-weight:bold;position:relative;margin:0;
}
.gg-cmt .cmt-tit p:before{
    content:"";width:10px;height:10px;background:var(--maincolor,#3298FB);
    position:absolute;bottom:-5px;left:55px;transform:rotate(45deg);
}
.gg-cmt .cmt-tit span{font-size:13px;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:34px;margin-top:22px;padding:20px 26px;
    background:#FAFBFC;border:1px solid #EEF1F4;border-radius:6px;
}
.gg-cmt .cmt-score{text-align:center;flex:none;width:132px;border-right:1px solid #E9EDF1}
.gg-cmt .cmt-score b{
    display:block;font-size:38px;line-height:1.1;color:#FF6600;font-weight:bold;
    font-variant-numeric:tabular-nums;
}
.gg-cmt .cmt-score .cmt-stars{font-size:14px;letter-spacing:2px;margin:4px 0 2px}
.gg-cmt .cmt-score em{font-size:12px;color:#999;font-style:normal}
.gg-cmt .cmt-bars{flex:1;display:flex;flex-direction:column;gap:7px}
.gg-cmt .cmt-bar{display:flex;align-items:center;gap:12px;font-size:12px;color:#999}
.gg-cmt .cmt-bar em{flex:none;width:30px;font-style:normal}
.gg-cmt .cmt-bar i{flex:1;height:7px;background:#EAEDF0;border-radius:4px;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:34px;text-align:right;font-variant-numeric:tabular-nums}

/* ---------- 写评论 ---------- */
.gg-cmt .cmt-write{margin-top:18px;border:1px solid #E6EAEE;border-radius:6px;padding:16px 18px}
.gg-cmt .cmt-wh{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.gg-cmt .cmt-wh em{font-style:normal;color:#666;font-size:13px}
.gg-cmt .cmt-wh b{color:#FF6600;font-size:13px}
.gg-cmt .cmt-input-stars{
    cursor:pointer;user-select:none;font-size:20px;letter-spacing:3px;color:#FFA412;
}
.gg-cmt .cmt-input-stars s{color:#D9DEE4;text-decoration:none}
.gg-cmt textarea{
    width:100%;height:74px;resize:none;border:1px solid #E6EAEE;border-radius:4px;
    padding:10px 12px;font-size:13px;color:#333;font-family:inherit;background:#FCFDFE;
    outline:none;line-height:1.6;
}
.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;margin-top:12px}
.gg-cmt .cmt-tip{font-size:12px;color:#B4BCC6}
.gg-cmt .cmt-wf-r{display:flex;align-items:center;gap:14px}
.gg-cmt .cmt-num{font-size:12px;color:#B4BCC6;font-variant-numeric:tabular-nums}
.gg-cmt .cmt-num i{font-style:normal}
.gg-cmt .cmt-btn{
    border:0;background:var(--maincolor,#3298FB);color:#fff;font-size:14px;font-family:inherit;
    padding:0 26px;height:34px;line-height:34px;border-radius:17px;cursor:pointer;
}
.gg-cmt .cmt-btn:hover{opacity:.88}
.gg-cmt .cmt-btn:focus-visible{outline:2px solid #FF6600;outline-offset:2px}
.gg-cmt .cmt-btn:disabled{background:#B9CFE4;cursor:default}

/* ---------- 筛选 ---------- */
.gg-cmt .cmt-tabs{display:flex;gap:8px;margin:20px 0 4px}
.gg-cmt .cmt-tabs a{
    font-size:13px;color:#666;padding:5px 15px;border-radius:15px;
    background:#F3F5F7;cursor:pointer;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:12px;padding:18px 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:38px;height:38px;border-radius:50%;color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:16px;
}
.gg-cmt .cmt-main{flex:1;min-width:0}
.gg-cmt .cmt-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.gg-cmt .cmt-meta b{font-size:13px;color:#555;font-weight:normal}
.gg-cmt .cmt-meta .cmt-stars{font-size:12px;letter-spacing:1px}
.gg-cmt .cmt-meta time{
    margin-left:auto;font-size:12px;color:#B4BCC6;font-variant-numeric:tabular-nums;
}
.gg-cmt .cmt-txt{margin:0;color:#333;font-size:14px;line-height:1.75;word-break:break-word;text-indent:0}
.gg-cmt .cmt-act{display:flex;gap:18px;margin-top:8px}
.gg-cmt .cmt-act a{
    display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#999;
    cursor:pointer;text-decoration:none;
}
.gg-cmt .cmt-act a:hover{color:var(--maincolor,#3298FB)}
.gg-cmt .cmt-act a.on{color:#FF6600}
.gg-cmt .cmt-act svg{width:13px;height:13px;fill:currentColor}
.gg-cmt .cmt-act i{font-style:normal}
.gg-cmt .cmt-re{
    margin-top:9px;background:#F7F9FB;border-radius:4px;padding:8px 12px;
    font-size:13px;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:18px;font-size:13px;color:#666;
    border:1px solid #E6EAEE;border-radius:18px;height:36px;line-height:34px;cursor:pointer;
}
.gg-cmt .cmt-more:hover{color:var(--maincolor,#3298FB);border-color:var(--maincolor,#3298FB)}

/* ---------- 提交后的提示 ---------- */
.gg-cmt .cmt-toast{
    position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);
    background:rgba(0,0,0,.78);color:#fff;font-size:14px;padding:12px 24px;
    border-radius:4px;z-index:9999;
}