/* 寻漫CMS 安装程序 - 简洁传统风格 */
body {
  font: 14px/1.7 "Microsoft YaHei", "PingFang SC", SimSun, sans-serif;
  background: url(bg.png) #fff;
  color: #333;
  margin: 0;
  padding-bottom: 40px;
}
.wrap { width: 800px; max-width: 94%; margin: 0 auto; }
a { color: #2266bb; text-decoration: none; }
a:hover { text-decoration: underline; }
code { font-family: Consolas, monospace; font-size: 12px; color: #c7254e; background: #f9f2f4; padding: 1px 4px; }

/* 顶部 */
.header {
  text-align: center;
  padding: 26px 0 8px;
  border-bottom: 2px solid #2e7dcb;
  margin-bottom: 18px;
}
.header .app-name { font-size: 24px; font-weight: bold; letter-spacing: 2px; color: #2c3e50; }
.header .ver { display: block; font-size: 12px; color: #999; margin-top: 2px; }

/* 步骤 */
.steps {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding: 10px 0;
  border: 1px solid #e6e6e6;
  background: #fafafa;
  font-size: 13px;
  color: #aaa;
}
.steps span { margin: 0 2px; }
.steps span.cur { color: #2e7dcb; font-weight: bold; }
.steps span.ok { color: #333; }
.steps i { font-style: normal; color: #ccc; margin: 0 8px; }

/* 区块 */
.box { border: 1px solid #e0e0e0; margin-bottom: 18px; }
.box h3 {
  font-size: 14px;
  margin: 0;
  padding: 9px 14px;
  border-bottom: 1px solid #e0e0e0;
  background: #f7f7f7;
  color: #444;
}
.box .inner { padding: 14px; }

/* 协议 */
.agreement { font-size: 13px; color: #555; line-height: 2.1; }
.agreement p { margin: 0 0 2px; }
.agree-line { display: block; margin: 14px 0 0; font-size: 13px; cursor: pointer; }
.agree-line input { vertical-align: -2px; margin-right: 6px; }

/* 表格 */
table.list { width: 100%; border-collapse: collapse; font-size: 13px; }
table.list th, table.list td { border: 1px solid #e5e5e5; padding: 8px 12px; text-align: left; }
table.list tr:first-child th, table.list tr:first-child td { background: #f7f7f7; font-weight: normal; color: #666; }
table.list tbody tr:hover td { background: #fafbfd; }
.ok-text { color: #1a9c48; }
.fail-text { color: #d9534f; }

/* 表单 */
table.form { width: 100%; border-collapse: collapse; font-size: 13px; }
table.form th {
  width: 130px; text-align: right; padding: 10px 12px;
  border-bottom: 1px solid #f2f2f2; color: #666; font-weight: normal;
}
table.form td { padding: 8px 6px; border-bottom: 1px solid #f2f2f2; }
table.form tr:last-child th, table.form tr:last-child td { border-bottom: none; }
table.form input[type="text"], table.form input[type="password"] {
  width: 280px; height: 28px; padding: 2px 9px;
  border: 1px solid #ccc; font-size: 13px; font-family: inherit; outline: none;
  transition: border-color .15s;
}
table.form input:focus { border-color: #2e7dcb; }
table.form input.err { border-color: #d9534f; background: #fffafa; }
table.form input::placeholder { color: #bbb; }
.tip { font-size: 12px; color: #999; margin-left: 10px; }

/* 按钮（mccms 安装向导同款图片按钮） */
.btn-bar { text-align: center; margin: 24px 0; }
.btn {
  display: inline-block;
  width: 100px;
  height: 30px;
  background: url(btn.png) no-repeat;
  font: bold 14px/30px Arial, "Microsoft Yahei", Simsun;
  text-decoration: none;
  color: #fff;
  margin: 0 5px;
  border: 0 none;
  cursor: pointer;
  vertical-align: top;
  padding: 0;
}
.btn:hover { background-position: 0 -30px; text-decoration: none; color: #fff; }
.btn[disabled], .btn.disabled { background-position: 0 -60px; color: #999; cursor: default; }

/* 请稍后提示（mccms loading 同款） */
.loading-tips { text-align: center; padding: 10px 0 0; font-size: 12px; color: #999; display: none; }
.loading-tips span { background: url(pop_loading.gif) 0 center no-repeat; padding-left: 24px; }

/* 提示 */
.msg { display: none; margin: 12px auto 0; width: 92%; padding: 8px 12px; font-size: 13px; border: 1px solid; }
.msg.show { display: block; }
.msg.ok { color: #1a9c48; border-color: #bfe3cd; background: #f2fbf5; }
.msg.err { color: #d9534f; border-color: #f0c9c8; background: #fdf4f4; }

/* 安装进度 */
.progress { display: none; margin-top: 16px; border: 1px solid #e0e0e0; }
.progress h3 { font-size: 14px; margin: 0; padding: 9px 14px; border-bottom: 1px solid #e0e0e0; background: #f7f7f7; }
.progress ul { list-style: none; margin: 0; padding: 10px 16px; font-size: 13px; }
.progress li { padding: 4px 0; color: #666; }
.progress li.ok { color: #333; }
.progress li.ok em { font-style: normal; color: #1a9c48; margin-right: 8px; }
.progress li.fail { color: #d9534f; }
.progress li.fail em { font-style: normal; color: #d9534f; margin-right: 8px; }
.progress li .rmsg { color: #999; margin-left: 10px; font-size: 12px; }

/* 完成页 */
.done { text-align: center; padding: 34px 0 10px; }
.done .t { font-size: 20px; font-weight: bold; color: #1a9c48; letter-spacing: 2px; }
.done p { font-size: 13px; color: #666; }
.done-tips { text-align: left; width: 72%; margin: 18px auto 0; font-size: 13px; color: #555; line-height: 2.2; border: 1px dashed #e0e0e0; padding: 6px 20px; background: #fcfcfc; }

.footer { text-align: center; color: #999; font-size: 12px; margin-top: 26px; border-top: 1px solid #eee; padding-top: 12px; }

@media (max-width: 700px) {
  .steps { font-size: 12px; }
  .tip { display: none; }
}