/* live layer — smallest possible additions on top of the archived 2016 css */
/* 运势 / 签到 提示弹窗（沿用站点原版的 modal 结构）
   弹窗尺寸固定 420px，只调里面的字号 */
#ptu-dialog { width: 520px; margin-left: -260px; }
#ptu-dialog .modal-header { padding: 12px 16px; }
#ptu-dialog .modal-header h3 { font-size: 13px; line-height: 20px; }
#ptu-dialog .modal-body { font-size: 12px; line-height: 20px; padding: 16px 20px; }
#ptu-dialog .modal-body p { margin: 0; }
#ptu-dialog .modal-body .ptu-fortune {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #ff5500;
}
#ptu-dialog .modal-footer { padding: 8px 14px; }
#ptu-dialog .modal-footer .btn { padding: 2px 10px; font-size: 12px; }
/* 发帖页：各板块多出来的字段（类名沿用站点 content.css 的那套） */
.add-content .add-row .row-right .add-free { width: 100px; }
.add-content .add-row .row-right .add-deadline { width: 100px; }
.add-content .add-row .row-right .add-works ol { margin: 0; padding-left: 20px; }
.add-content .add-row .row-right .vote-day .vote-day-input {
  width: 100px;
  height: 25px;
  line-height: 25px;
}
.add-content .add-row .row-right .vote-day .vote-day-tips { margin-left: 8px; color: #555; }
.add-content .add-row .row-right .vote-tips { color: #3300cc; cursor: pointer; }
.add-content .add-row .row-right .add-emo-box { width: 330px; }

/* 发帖页：插入图片 / 表情 的小工具条（kindeditor 的 image 插件没抓到） */
.add-content .add-row .row-right .add-toolbar { margin-bottom: 6px; }
.add-content .add-row .row-right .add-toolbar .ke-btn {
  width: auto;
  height: 24px;
  padding: 0 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  color: #333;
  font-size: 12px;
  cursor: pointer;
}
.add-content .add-row .row-right .add-toolbar .ke-btn:hover { background: #e9e9e9; }
.add-content .add-row .row-right .add-emo-box {
  width: 330px;
  padding: 6px;
  border: 1px solid #ccc;
  background: #fff;
  margin-bottom: 6px;
}
.add-content .add-row .row-right .add-emo-box img {
  width: 24px;
  height: 24px;
  margin: 1px;
  cursor: pointer;
}
.add-content .add-row .row-right .add-emo-box img:hover { background: #ddeeff; }

/* the logged-in topbar is rebuilt by live.js with the original
   classes; the archived rules assume the wrapper floats, so give it that back */
div.topbar div.account div.logged div.userinfo { float: left; }
div.topbar div.account div.logged div.userinfo div.face { float: left; }
div.topbar div.account div.logged div.userinfo div.face img {
  display: block;
  width: 36px;
  height: 36px;
}
div.topbar div.account div.logged div.userinfo div.name { float: left; }
.detail-list .list-right .praise-btn input {
  background: #2d64b3;
  border-radius: 2px;
}
/* the live home page carries 12 tabs; the archived rule assumed fewer and
   wrapped "皮卡堂3D" onto a second row */
.list-title .title { width: 80px; }
.list-title .title a { letter-spacing: 2px; }
/* 称号 lives in the floor card, styled by the archived verify.css
   (.user-nick-badge span -> 100x30 white box, blue text) */
.detail-list .list-right .praise-btn input:hover { background: #1d4e94; }
.live-new {
  font-style: normal;
  color: #fff;
  background: #f60;
  font-size: 10px;
  line-height: 12px;
  padding: 0 3px;
  margin-left: 4px;
  border-radius: 2px;
  vertical-align: 1px;
}

/* 帖子里的回复框 —— 用回原版 content.css 的 .publish-comment 结构
   （表情 / 图片 + 815x220 输入框 + 橙色版规条 + 提交按钮）
   橙色 #f89406 是 bootstrap 2 的 orange，和原站 2019 版一致 */
.detail-content .publish-comment .publish-warn {
  margin-top: 10px;
  padding: 6px 10px;
  background: #f89406;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}
.detail-content .publish-comment .publish-btn-list { position: relative; }
.detail-content .publish-comment .publish-btn-list #facebox:not(.hide) {
  display: block;
  width: 390px;
  padding: 4px;
  margin-top: 6px;
  background: #fff;
  border: 1px solid #ccc;
}
.detail-content .publish-comment .publish-btn-list #facebox img {
  width: 24px;
  height: 24px;
  margin: 1px;
  cursor: pointer;
}
.detail-content .publish-comment .publish-btn-list #facebox img:hover {
  background: #ddeeff;
}

/* 原版回复框 = 站点的 kindeditor，工具栏和状态栏都关掉，
   只留 .ke-edit 那个 1px #ccc 的框（和站主截图一致） */
.detail-content .publish-comment .ke-toolbar,
.detail-content .publish-comment .ke-statusbar { display: none !important; }
.detail-content .publish-comment .ke-container { width: 815px; }
.detail-content .publish-comment .ke-edit { width: 815px; }

/* 楼中楼的回复框同样是 kindeditor */
.comment-list .comment-text .ke-container { width: 645px; }
.comment-list .comment-text .ke-toolbar,
.comment-list .comment-text .ke-statusbar { display: none !important; }

/* 楼中楼回复框里的表情面板 —— 原版是 .comment-sub 里的 #facebox
   （原 CSS 的 position:inherit/top:0/left:238px 在现在的楼层宽度下会溢出，
   这里改成浮在“回复”按钮上方，位置按视觉还原） */
.comment-list .comment-sub .facebox {
  width: 390px;
  height: 130px;
  position: absolute;
  z-index: 1000000;
  top: -134px;
  left: 0;
  padding: 4px;
  background: #fff;
  border: 1px solid #ccc;
}
.comment-list .comment-sub .facebox.hide { display: none; }
.comment-list .comment-sub .facebox img {
  width: 24px;
  height: 24px;
  margin: 1px;
  cursor: pointer;
}
.comment-list .comment-sub .facebox img:hover { background: #ddeeff; }

/* P钻价格标签（其余标签用原站的 icon-list.png 精灵图） */
.ptu-badge { display: inline-block; margin-left: 4px; padding: 0 5px; line-height: 17px; font-size: 12px; font-weight: normal; color: #fff; border-radius: 3px; vertical-align: middle; }
.ptu-badge.b-pay { background: #999; }

/* 列表里昵称后面的身份图标（管理员 管 / 小版主） */
.role-badge { vertical-align: middle; margin-left: 4px; }

/* 形象卡悬停点赞层：原站 content.css 的 .praise-block 没有 display:none，
   显隐靠原站 JS 控制（那段 JS 没抓到），这里用 CSS 还原悬停才出现 */
.detail-list .user-info .head-hover > .praise-block { display: none; }
.detail-list .user-info .head-hover:hover > .praise-block { display: block; }
.detail-list .user-info .head-hover > .praise-block .praise-top img { vertical-align: middle; }
.detail-list .user-info .head-hover > .praise-block .praise-bottom img { cursor: pointer; }