/*
 * laolicms 官网与授权中心 v1.0.0
 * 作者：丿king　　联系 QQ：1735737677
 * 本文件作用：开发者中心（dev / dev_work / dev_form / dev_key）与论坛（forum / forum_view / forum_form）独有样式
 *            —— 全站通用组件一律沿用 web.css 的 w-* 类，这里只补 web.css 没有的那一小撮
 * 命名约定：同样以 w- 开头，颜色全部取 web.css 的 :root 变量，不写死色值
 * 文件路径：web/template/laoli/public/pc/css/web_forum.css
 */

/* ---------- 状态徽章：dev_status_name() 返回 ok / wait / off，web.css 只给了 ok ---------- */
.w-badge-wait{background:rgba(200,136,10,.12);color:var(--w-warn);}
.w-badge-off{background:#f0f2f5;color:var(--w-text-3);}

/* ---------- 自有分页条（论坛 / 我的作品用 ?page=N 的查询串地址，不用内核的 path 样式） ---------- */
.w-pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:20px 0 2px;}
.w-pages a,.w-pages span{min-width:34px;height:34px;line-height:32px;padding:0 12px;text-align:center;
    border:1px solid var(--w-line);border-radius:6px;background:var(--w-white);color:var(--w-text-2);font-size:14px;}
.w-pages a:hover{border-color:var(--w-primary);color:var(--w-primary);}
.w-pages .on{background:var(--w-primary);border-color:var(--w-primary);color:#fff;}
.w-pages .w-pages-total{border:0;background:transparent;color:var(--w-text-3);font-size:13px;line-height:34px;padding:0;}

/* ---------- 开发者中心：作品行的封面缩略图 ---------- */
.w-work-cell{display:flex;align-items:center;gap:11px;min-width:210px;}
.w-work-cell img{flex:none;width:64px;height:44px;border-radius:5px;object-fit:cover;background:var(--w-bg);}
.w-work-cell b{display:block;font-weight:600;line-height:1.5;}
.w-work-cell span{font-size:12px;color:var(--w-text-3);}

/* ---------- 表单：两列并排 + 上传控件 + 当前文件提示 ---------- */
.w-duo{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;}
.w-file{display:block;width:100%;padding:8px 10px;border:1px dashed #cfdcff;border-radius:6px;
    background:#f8faff;font-size:13px;color:var(--w-text-2);}
.w-up-now{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:12px;color:var(--w-text-3);word-break:break-all;}
.w-up-now img{width:56px;height:40px;border-radius:4px;object-fit:cover;background:var(--w-bg);}
.w-quota{display:inline-block;padding:2px 9px;border-radius:11px;background:var(--w-primary-soft);
    color:var(--w-primary);font-size:12px;}

/* ---------- 密钥打码显示 ---------- */
.w-mask{display:inline-block;padding:3px 9px;border-radius:4px;background:#f8faff;border:1px dashed #cfdcff;
    font:13px/1.7 Consolas,Menlo,monospace;letter-spacing:1px;color:var(--w-text);word-break:break-all;}

/* ---------- 侧栏：链接清单与竖排步骤（web.css 的 .w-side-kefu / .w-steps-side 在 web_shop.css 里，这组页面不引那份） ---------- */
.w-side-links{display:flex;flex-direction:column;gap:10px;font-size:14px;}
.w-side-links a{display:flex;align-items:center;gap:8px;color:var(--w-text-2);}
.w-side-links a i{flex:none;width:16px;text-align:center;color:var(--w-primary);}
.w-side-links a:hover{color:var(--w-primary);}
.w-step-list .w-step{margin-bottom:9px;}
.w-step-list .w-step:last-child{margin-bottom:0;}

/* ---------- 论坛：板块头部 ---------- */
.w-board-hd{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.w-board-hd h1{font-size:20px;font-weight:700;}
.w-board-hd h1 i{color:var(--w-primary);margin-right:7px;}
.w-board-hd p{width:100%;margin:0;font-size:13px;color:var(--w-text-3);}
.w-board-hd .w-board-btn{margin-left:auto;}

/* ---------- 论坛：帖子正文与楼层 ---------- */
.w-op-body{font-size:15px;line-height:1.95;word-break:break-word;}
.w-op-body img{max-width:100%;height:auto;border-radius:6px;}
.w-op-body pre{padding:12px 14px;background:#f8faff;border:1px dashed var(--w-line);border-radius:6px;overflow:auto;font-size:13px;}
.w-floor-hd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;color:var(--w-text-3);}
.w-floor-hd b{font-size:14px;font-weight:600;color:var(--w-text);}
.w-floor-act{margin-left:auto;display:flex;gap:8px;align-items:center;}
.w-floor-act button{border:0;background:transparent;padding:0;font-size:12px;color:var(--w-text-3);cursor:pointer;}
.w-floor-act button:hover{color:var(--w-err);}
.w-reply-box{padding-top:16px;border-top:1px solid var(--w-line);}

/* ---------- 响应式 ---------- */
@media (max-width:860px){
    .w-duo{grid-template-columns:1fr;}
    .w-board-hd .w-board-btn{margin-left:0;width:100%;}
    .w-work-cell{min-width:150px;}
    .w-pages a,.w-pages span{min-width:30px;height:30px;line-height:28px;padding:0 9px;font-size:13px;}
}