/* ===== 谷普下载站 详情页评论区（视觉对齐 592xiazai.com，强调色用谷普品牌蓝） ===== */
#xzComment{--cmt-accent:#37b1fa;--cmt-accent-d:#1f98ef;--cmt-line:#eef1f3;--cmt-muted:#a8a8a8}
#xzComment .d-h{height:52px;line-height:52px;padding:0 4px;border-bottom:1px solid var(--cmt-line);overflow:hidden}
#xzComment .d-h h2{display:inline;font-size:18px;font-weight:bold;color:#1a1a1a;margin:0}
#xzComment .d-h h2:before{content:'';display:inline-block;width:4px;height:20px;background:var(--cmt-accent);margin-right:10px;vertical-align:-3px;border-radius:2px}
#xzComment .d-h .r{float:right;font-size:13px;color:var(--cmt-muted)}
#xzComment .d-b{padding:18px 4px 8px}

/* 发表表单 */
#xzComment .d-cmt-form{margin-bottom:18px;background:#f5f9fd;border:1px solid #e3eefb;border-radius:10px;padding:14px 16px 16px}
#xzComment .d-cmt-form textarea{width:100%;height:88px;border:1px solid #e2e8e6;border-radius:8px;padding:10px 12px;box-sizing:border-box;font-size:14px;color:#333;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;resize:vertical}
#xzComment .d-cmt-form textarea:focus{border-color:var(--cmt-accent);box-shadow:0 0 0 3px rgba(55,177,250,.12)}
#xzComment .d-cmt-form .f-act{margin-top:10px;overflow:hidden}
#xzComment .d-cmt-form .f-tip{float:left;font-size:12px;color:var(--cmt-muted);line-height:34px}
#xzComment .d-cmt-form .f-tip input{height:32px;line-height:32px;width:160px;border:1px solid #e2e8e6;border-radius:6px;padding:0 10px;font-size:13px;color:#555;background:#fff;box-sizing:border-box;outline:none;transition:border-color .15s}
#xzComment .d-cmt-form .f-tip input:focus{border-color:var(--cmt-accent)}
#xzComment .d-cmt-form .xz-btn{float:right;height:34px;line-height:34px;padding:0 28px;border-radius:17px}
#xzComment .xz-btn{display:inline-block;background:var(--cmt-accent);color:#fff;font-size:14px;text-align:center;border:none;cursor:pointer;transition:background .15s;text-decoration:none}
#xzComment .xz-btn:hover{background:var(--cmt-accent-d);color:#fff}
#xzComment .xz-btn.green{background:var(--cmt-accent)}
#xzComment .xz-btn.green:hover{background:var(--cmt-accent-d)}

/* 星级评分 */
#xzComment .d-cmt-form .f-star{margin-bottom:8px;font-size:13px;color:var(--cmt-muted);line-height:20px}
#xzComment .d-cmt-form .f-star .lb{margin-right:6px}
#xzComment .d-cmt-form .f-star i{font-style:normal;font-size:21px;color:#d9dde0;cursor:pointer;margin-right:3px;transition:color .12s,transform .12s;vertical-align:-2px}
#xzComment .d-cmt-form .f-star i:active{transform:scale(1.25)}
#xzComment .d-cmt-form .f-star i.on{color:#ffb400;text-shadow:0 1px 2px rgba(255,180,0,.25)}
#xzComment .d-cmt-form .f-star .f-star-txt{margin-left:8px;color:#ff9c00}

/* 评论列表 */
#xzComment .d-cmt-item{display:flex;padding:16px 0;border-top:1px solid var(--cmt-line)}
#xzComment .d-cmt-item:first-child{border-top:0}
#xzComment .d-cmt-item .c-main{flex:1;min-width:0}
#xzComment .d-cmt-item .ch{overflow:hidden;font-size:13px;color:#b0b8bd;margin-bottom:6px;line-height:20px}
#xzComment .d-cmt-item .ch .floor{color:var(--cmt-accent);margin-right:8px}
#xzComment .d-cmt-item .ch b{color:#333;font-weight:bold;margin-right:8px;font-size:13px}
#xzComment .d-cmt-item .ch .c-dev{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f3f5f6;color:#97a1a8;font-size:11px;line-height:17px;padding:0 8px;border-radius:9px;margin-right:8px;vertical-align:1px}
#xzComment .d-cmt-item .ch .time{float:right;color:#b9c2c8}
#xzComment .d-cmt-item .cc{font-size:14px;line-height:24px;color:#40474c;word-break:break-all}
#xzComment .d-cmt-item .ch .d-cmt-score{color:#ffb400;margin-right:8px;letter-spacing:1px;font-size:13px}
#xzComment .d-cmt-item .ch .badge-admin{display:inline-block;background:var(--cmt-accent);color:#fff;font-size:11px;line-height:16px;padding:0 6px;border-radius:3px;margin-right:8px;vertical-align:1px}
#xzComment .d-cmt-item .ch .badge-pending{display:inline-block;background:#ff9c00;color:#fff;font-size:11px;line-height:16px;padding:0 6px;border-radius:3px;margin-right:8px;vertical-align:1px}
#xzComment .d-cmt-item.is-admin{background:#f2f9ff;border-radius:10px;padding-left:12px;padding-right:12px;border-top-color:transparent}
#xzComment .d-cmt-item.is-admin + .d-cmt-item{border-top-color:var(--cmt-line)}
#xzComment .d-cmt-item .cf{margin-top:8px;font-size:12px}
#xzComment .d-cmt-item .cf a{color:var(--cmt-accent);margin-right:14px;transition:color .15s;cursor:pointer}
#xzComment .d-cmt-item .cf a:hover{color:var(--cmt-accent-d)}
#xzComment .d-cmt-item .cf a.c-like .lk{font-style:normal;margin-left:3px;color:var(--cmt-muted)}
#xzComment .d-cmt-item .cf a.c-like.liked{color:var(--cmt-muted);cursor:default}
#xzComment .d-cmt-item .cf a.c-like.liked .lk{color:var(--cmt-accent);font-weight:bold}
#xzComment .d-cmt-item.lv2{margin-left:50px;border-left:2px solid #e3eefb;padding-left:12px}
#xzComment .d-cmt-item.lv3{margin-left:50px;border-left:2px dashed #e3eefb;padding-left:12px}
#xzComment .d-cmt-item.lv2 .ch .floor,#xzComment .d-cmt-item.lv3 .ch .floor{display:none}

/* 回复框 */
#xzComment .d-cmt-rbox{margin:10px 0 6px}
#xzComment .d-cmt-rbox textarea{width:100%;height:64px;border:1px solid #e2e8e6;border-radius:8px;padding:8px 10px;font-size:13px;box-sizing:border-box;resize:vertical;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}
#xzComment .d-cmt-rbox textarea:focus{border-color:var(--cmt-accent);box-shadow:0 0 0 3px rgba(55,177,250,.12)}
#xzComment .d-cmt-rbox .rb-act{margin-top:6px;text-align:right}
#xzComment .d-cmt-rbox .rb-act .xz-btn{display:inline-block;height:28px;line-height:28px;padding:0 18px;font-size:12px;border-radius:14px}
#xzComment .d-cmt-rbox .rb-act .rb-cancel{margin-left:10px;color:var(--cmt-muted);font-size:12px;cursor:pointer}

/* 分页 / 空态 / 自发预览 */
#xzComment .d-cmt-page{padding:14px 0 0;text-align:center}
#xzComment .d-cmt-page a{display:inline-block;min-width:28px;height:28px;line-height:28px;padding:0 9px;margin:0 3px;border:1px solid #e6e6e6;border-radius:14px;font-size:12px;color:#666;transition:all .15s;cursor:pointer}
#xzComment .d-cmt-page a:hover{border-color:var(--cmt-accent);color:var(--cmt-accent)}
#xzComment .d-cmt-page a.cur{background:var(--cmt-accent);border-color:var(--cmt-accent);color:#fff}
#xzComment .d-cmt-empty{padding:28px 0;text-align:center;color:var(--cmt-muted);font-size:14px}
#xzComment .d-h .r .d-cmt-avg{color:#ff9c00;font-size:15px}
#xzComment .d-cmt-item.d-cmt-self{background:#fffaf1;border:1px dashed #f2c179;border-radius:10px;padding:12px;margin-top:10px}
#xzComment .d-cmt-item.d-cmt-self:first-child{border-top:1px dashed #f2c179}
#xzComment .d-cmt-item.lv2.d-cmt-self,#xzComment .d-cmt-item.lv3.d-cmt-self{margin-top:8px}

/* ===== 移动端适配（m 端详情页 / 窄屏 PC） ===== */
@media (max-width:640px){
#xzComment .d-h{height:44px;line-height:44px}
#xzComment .d-h h2{font-size:16px}
#xzComment .d-h .r{font-size:12px}
#xzComment .d-b{padding:14px 0 6px}
#xzComment .d-cmt-form{padding:12px;border-radius:8px}
#xzComment .d-cmt-form textarea{height:76px;font-size:13px}
#xzComment .d-cmt-form .f-star i{font-size:19px}
#xzComment .d-cmt-form .f-act{margin-top:8px}
#xzComment .d-cmt-form .f-tip{float:none;display:block;line-height:30px}
#xzComment .d-cmt-form .f-tip input{width:100%;max-width:100%}
#xzComment .d-cmt-form .xz-btn{float:none;display:block;width:100%;margin-top:10px;border-radius:8px;height:38px;line-height:38px}
#xzComment .d-cmt-item{padding:12px 0}
#xzComment .d-cmt-item .ch{font-size:12px;line-height:18px}
#xzComment .d-cmt-item .ch b{font-size:12px}
#xzComment .d-cmt-item .ch .c-dev{max-width:96px;font-size:10px;line-height:15px;padding:0 6px}
#xzComment .d-cmt-item .ch .time{font-size:11px}
#xzComment .d-cmt-item .cc{font-size:13px;line-height:21px}
#xzComment .d-cmt-item.lv2{margin-left:18px;padding-left:8px}
#xzComment .d-cmt-item.lv3{margin-left:18px;padding-left:8px}
#xzComment .d-cmt-item.is-admin{padding-left:8px;padding-right:8px}
#xzComment .d-cmt-page a{min-width:26px;height:26px;line-height:26px;margin:0 2px}
}