@charset "utf-8";
/* =========================================================
 * 怪算网 主题 —— 1:1 复刻 dajiazhao.com 原版配色/字体/版式
 * 配色来源：原站 /images/css.css
 * ========================================================= */
* {box-sizing: border-box;}
html {
  background-color: #DAF8FE;
  width: 100%;
}
body {
  background-color: transparent; /* 继承 html 背景 */
  margin: 0 auto;
  color: #333;
  width: 970px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}
ul, ol, li {list-style: none;}
h1 {font-size: 24px; color: #990000; letter-spacing: 2px; line-height: 50px; text-align: center;}
h2 {font-size: 18px; letter-spacing: 2px; line-height: 18px; text-align: center;}
form {margin: 0;}
input, select, button {
  background-color: #FFFFFF;
  height: 28px;
  vertical-align: middle;
  border: 1px solid #50D0F5;
  margin: 0;
  padding: 0 2px;
  font-size: 15px;
  border-radius: 5px;
  font-family: inherit;
}
input:hover, select:hover {background-color: #D0F3FD;}
textarea {
  background-color: #FFFFFF;
  border: 1px solid #50D0F5;
  border-radius: 5px;
  font-size: 15px;
  padding: 6px;
  font-family: inherit;
  width: 100%;
}
.center {text-align: center;}
.button {
  font-size: 16px;
  width: 84px;
  height: 30px;
  background-color: #D0F3FD;
  border: 1px solid #50D0F5;
  margin: 5px;
  padding: 0;
  -webkit-appearance: none;
  cursor: pointer;
  vertical-align: middle;
}
.button:hover {background-color: #FFFFFF;}
.indexbutton, .kuangb {
  font-size: 16px;
  height: 28px;
  background-color: #FFCC00;
  border: 1px solid #FF9900;
  margin: 0;
  padding: 0 5px;
  -webkit-appearance: none;
  cursor: pointer;
  vertical-align: middle;
}
.indexbutton:hover, .kuangb:hover {background-color: #FFFF99;}
img {border: 0;}
a {color: #006600; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: underline;}

/* ================= 版式骨架 ================= */
#left {float: left; width: 760px;}
.mding {clear: both; width: 100%; height: 85px; overflow: hidden;}
.logo {float: left; height: 85px; display: flex; align-items: flex-start; padding-left: 0; padding-top: 11px;}
.logo a {display: block; line-height: 0;}
/* 动态 LOGO：透明背景，流光(光影)只扫过 LOGO 本体（用 mask 裁切） */
.logo-anim {position: relative; display: inline-block; line-height: 0;}
.logo-base {display: block; height: 73px; width: 202px;}
.logo-glint {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,0.85) 50%, transparent 62%);
  background-size: 260% 100%;
  -webkit-mask: url(/assets/img/logo.png) no-repeat center / 100% 100%;
          mask: url(/assets/img/logo.png) no-repeat center / 100% 100%;
  animation: logoGlint 4.8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes logoGlint {
  0%   { background-position: 160% 0; }
  45%  { background-position: 160% 0; }
  75%  { background-position: -60% 0; }
  100% { background-position: -60% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .logo-glint { animation: none; display: none; }
}
hr {height: 1px; border: 0; background-color: #ccc;}

/* ================= 通用内容框 ================= */
.box {
  width: 100%;
  overflow: hidden;
  padding: 10px;
  background-color: #EEFCFF;
  border: 1px solid #A3E7FA;
}
.wzbody {
  overflow: hidden;
  clear: both;
  width: auto;
  margin: 0;
  color: #333;
  font-size: 16px;
  background-color: #EEFCFF;
  line-height: 1.8;
  border: 1px solid #A3E7FA;
  padding: 10px;
}
.wzbody img {max-width: 660px; height: auto;}
.wzbody p {margin: 15px 0;}
.wzbody h2 {font-size: 20px; color: #990000; text-align: left; line-height: 50px;}
.wzbody h3, .wzbody h4 {font-size: 17px; color: #990000; text-align: left; line-height: 45px;}
.boxr {
  width: 100%;
  overflow: hidden;
  padding: 5px;
  background-color: #EEFCFF;
  border: 1px solid #A3E7FA;
}
.leftzw {
  width: 760px;
  overflow: hidden;
  margin: 0 0 5px 0;
  padding: 0;
  float: left;
  line-height: 1.8;
}

/* 区块标题条（深青底白字） */
.leftbt {
  width: 100%;
  background-color: #0E797C;
  font-size: 16px;
  font-weight: bold;
  float: left;
  color: #FFF;
  text-align: left;
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 28px;
  height: 28px;
}
.leftbt h1, .leftbt h2, .leftbt h3 {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.leftbt a, .leftbt h1 a, .leftbt h2 a, .leftbt h3 a {color: #FFFFFF;}

/* 首页各内容区块 */
.left1 {width: 760px; overflow: hidden; margin: 0 0 5px 0; float: left; background-color: #EEFCFF; line-height: 1.8;}
.left1 ul li {float: left; text-align: center; padding: 5px 15px;}
.left1 ul li img {padding: 10px 0 0 0;}
.left2 {width: 760px; overflow: hidden; margin: 0 0 5px 0; float: left; line-height: 1.8;}
.left2 ul li {float: left; width: 50%; padding: 5px 10px;}
.left3 {width: 760px; overflow: hidden; margin: 0 0 5px 0; float: left; line-height: 1.8;}
.left3 ul li {float: left; width: 33.33333%; padding: 5px 10px;}
.left4 {width: 760px; overflow: hidden; margin: 0 0 5px 0; float: left; line-height: 1.8;}
.left4 ul li {float: left; width: 25%; padding: 5px 10px;}
.left5 {width: 760px; overflow: hidden; margin: 0 0 5px 0; float: left; line-height: 1.8;}
.left5 ul li {float: left; width: 20%; padding: 5px 10px;}
.left6 {width: 760px; overflow: hidden; margin: 0 0 5px 0; float: left; line-height: 1.8;}
.left6 ul li {float: left; width: 16.6666666%; padding: 10px 0; text-align: center;}

.gary {color: gray; font-size: 14px;}
.fr {vertical-align: middle; float: right; margin: 0 20px 0 0;}
.ttd {border-bottom: 1px solid #CCC; padding: 5px 10px; font-size: 14px; line-height: 22px;}
.new {padding: 5px 10px; font-size: 16px; line-height: 2;}
.red {color: #FF0000; font-weight: bold;}
a.red:link, a.red:hover, a.red:visited {color: #FF0000;}
.hei {color: #111111; font-weight: bold;}
.zise {color: #FF00FF; font-weight: bold;}
.lanse, .blue {color: #0000FF; font-weight: bold;}
a.lanse:hover, a.blue:hover {color: #FF0000;}

/* ================= 头部 / 导航 ================= */
#menu_top {float: right; width: 760px; height: 85px; text-align: left; padding-left: 10px;}
.menu_topd {display: flex; align-items: center; justify-content: flex-end; height: 53px;}
.menu_topd img {vertical-align: middle; margin-right: 5px; position: relative; top: 1px;}
.menu_topd a {margin-right: 14px;}
#menu0 {line-height: 29px; padding: 0; margin: 0; float: right;}
#menu0 li a, #menu0 li a:link, #menu0 li a:visited {color: #ffffff; text-decoration: none; font-size: 16px;}
#menu0 li a:hover {color: #ffffff; text-decoration: none; font-size: 16px;}
.menuli {
  float: left;
  background: #000000;
  text-align: center;
  vertical-align: bottom;
  width: 53px;
  list-style: none;
  font-weight: bold;
  font-size: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  padding-top: 3px;
}
.menuli:hover {background: #0E797C; border-bottom-color: #0E797C;}
.liup {float: left; background: #0E797C; border-bottom: 1px solid #0E797C; border-right: 1px solid #FFFFFF; text-align: center; vertical-align: middle; width: 54px; font-weight: bold; font-size: 16px; padding-top: 3px;}

/* 24节气导航条 */
#menu {
  font-size: 14px;
  clear: both;
  border-top: 5px solid #0E797C;
  border-bottom: 1px solid #0E797C;
  border-left: 1px solid #0E797C;
  border-right: 1px solid #0E797C;
  padding: 0 6px;
  margin-bottom: 5px;
  background: #A3E7FA;
  line-height: 2;
}
#menu a {margin: 0 11px 0 0;}

.leftbody {background-color: #EEFCFF; padding: 10px; margin: 0 0 5px 0; border: 1px solid #A3E7FA; overflow: hidden;}

/* 文章列表（栏目页/搜索结果） */
.wenzhanglb {padding: 0; margin: 0; overflow: hidden;}
.wenzhanglb ul {padding: 0; margin: 0;}
.wenzhanglb ul li {
  color: #666666;
  font-size: 14px;
  clear: both;
  float: none;
  width: 100%;
  border-bottom: 1px dashed #A3E7FA;
  padding: 10px 0;
  overflow: hidden;
  line-height: 1.8;
}
.wenzhanglb ul li img {float: left; margin-right: 10px;}
.wenzhanglb ul li h3, .wenzhanglb ul li h3 a {font-size: 20px; color: #990000; line-height: 36px; margin: 0; padding: 0;}
.wenzhanglb ul li h3 a:hover {color: red;}

/* 分页 */
.pages {padding: 10px; margin: 0;}
.pages ul {margin: 0; padding: 0;}
.pages li {color: #AAAAAA; float: left; font-size: 20px; line-height: 36px; margin: 5px; height: 36px;}
.pages li a {border: 1px solid #50D0F5; height: 36px; padding: 0 10px; float: left; background-color: #FFFFFF;}

/* ================= 右侧栏 ================= */
#right {float: right; width: 200px; font-size: 14px;}
#right h3, .rightbt {
  background-color: #0E797C;
  color: #FFFFFF;
  height: 25px;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 0 0 7px;
  clear: both;
  margin: 0;
}
#right h3 a, .rightbt a {color: #FFFFFF; margin: 0 12px 0 0;}
#right ul {
  width: 100%;
  overflow: hidden;
  margin: 0 0 5px 0;
  padding: 5px;
  background-color: #EEFCFF;
  border: 1px solid #A3E7FA;
}
#right ul li {float: left; padding: 5px 3px;}
.ri2 li {float: left; width: 50%; padding: 5px 3px;}
.ri3 li {float: left; width: 33.33333%; padding: 5px 5px;}
.ri4 li {float: left; width: 25%; padding: 5px 5px;}
.righttxt {
  width: 100%;
  overflow: hidden;
  padding: 5px;
  background-color: #EEFCFF;
  border: 1px solid #A3E7FA;
  font-size: 14px;
  line-height: 1.8;
  color: #666;
}

/* ================= 页脚 ================= */
#ft {
  clear: both;
  width: 100%;
  font-size: 14px;
  border: 1px solid #A3E7FA;
  background-color: #EEFCFF;
  padding: 10px;
  line-height: 1.8;
  margin: 0 0 5px 0;
  text-align: center;
}
#ft a {font-size: 14px; margin: 0 8px 0 0;}
#ft p {margin: 10px 0; line-height: 1.8;}

/* =========================================================
 * 以下为 CMS（会员/后台/文章/表单）在原版配色下的补充样式
 * ========================================================= */
.flash {padding: 10px 12px; margin: 0 0 10px 0; border: 1px solid #A3E7FA; background-color: #EEFCFF; font-size: 15px;}
.flash.ok {border-color: #7BC96F; background-color: #EFFCE9; color: #2C6E1B;}
.flash.err {border-color: #F3A6A6; background-color: #FDECEC; color: #A30000;}

.tbl {width: 100%; border-collapse: collapse; background-color: #FFFFFF; font-size: 15px;}
.tbl th, .tbl td {border: 1px solid #A3E7FA; padding: 8px 10px; text-align: left; line-height: 1.6;}
.tbl th {background-color: #0E797C; color: #FFFFFF; font-weight: bold;}
.tbl tr:nth-child(even) td {background-color: #F4FBFE;}

.badge {display: inline-block; padding: 1px 8px; border-radius: 12px; font-size: 13px; line-height: 20px;}
.badge.pub {background: #E6F7E6; color: #2C6E1B; border: 1px solid #9CD79C;}
.badge.pend {background: #FFF6DC; color: #9A6A00; border: 1px solid #FFCC00;}
.badge.rej {background: #FDECEC; color: #A30000; border: 1px solid #F3A6A6;}

.btn {display: inline-block; font-size: 15px; height: 30px; line-height: 30px; padding: 0 14px; background-color: #FFCC00; border: 1px solid #FF9900; color: #333; border-radius: 5px; cursor: pointer; text-decoration: none; vertical-align: middle;}
.btn:hover {background-color: #FFFF99; color: #000; text-decoration: none;}
.btn.gray {background-color: #D0F3FD; border-color: #50D0F5;}
.btn.gray:hover {background-color: #FFFFFF;}
.btn.small {height: 24px; line-height: 24px; padding: 0 8px; font-size: 13px;}
.btn.danger {background-color: #FDECEC; border-color: #F3A6A6; color: #A30000;}

.form-table {width: 100%; font-size: 15px;}
.form-table th {text-align: right; width: 90px; padding: 8px 10px 8px 0; font-weight: normal; vertical-align: middle;}
.form-table td {padding: 6px 0;}
.form-table input[type=text], .form-table input[type=password], .form-table input[type=email] {width: 260px; height: 30px; padding: 0 6px;}
.form-table textarea {height: 220px;}

.subnav {overflow: hidden; margin: 0 0 10px 0; border: 1px solid #A3E7FA; background-color: #EEFCFF;}
.subnav a {display: inline-block; padding: 8px 14px; font-size: 15px; color: #0E797C; border-right: 1px solid #A3E7FA; text-decoration: none;}
.subnav a:hover {background-color: #D0F3FD; color: #990000; text-decoration: none;}
.subnav a.on {background-color: #0E797C; color: #FFFFFF; font-weight: bold;}

.stat-grid {overflow: hidden; margin: 0 0 10px 0;}
.stat-grid .stat {float: left; width: 24%; margin: 0 0.5% 8px 0; background: #EEFCFF; border: 1px solid #A3E7FA; text-align: center; padding: 14px 6px;}
.stat-grid .stat .num {font-size: 26px; color: #990000; font-weight: bold; line-height: 1.2;}
.stat-grid .stat .lbl, .stat-grid .stat .lab {font-size: 14px; color: #666;}

.art-meta {color: gray; font-size: 14px; margin: 5px 0 15px 0; text-align: center;}
.art-meta span {margin: 0 10px;}
.crumb {font-size: 14px; margin: 0 0 8px 0; color: #666;}
.crumb a {margin: 0 4px;}

/* 移动端简易适配（保持桌面 970px 1:1，小屏缩放不破版） */
@media (max-width: 980px) {
  body {width: 100%;}
  #left, .leftzw, .left1, .left2, .left3, .left4, .left5, .left6 {width: 100%; float: none;}
  #right {width: 100%; float: none; margin-top: 8px;}
  .logo, #menu_top {width: 100%; float: none; height: auto;}
  .wzbody img {max-width: 100%;}
}

/* =========================================================
 * 会员 / 后台 / 登录注册 通栏页（plain）与旧类名兼容层
 * ========================================================= */
:root {
  --red: #990000;
  --green: #2C6E1B;
  --gold: #FFCC00;
  --gold-light: #FFDD55;
  --ink: #333;
  --ink-soft: #777;
  --paper-2: #EEFCFF;
  --line: #A3E7FA;
}
.page-body {width: 100%; overflow: hidden; margin: 0 0 5px 0;}
.section {margin: 0 0 10px 0;}

.dash {display: flex; gap: 14px; align-items: stretch;}
.dash > div {flex: 1; min-width: 0;}

.side-menu {width: 170px; flex: 0 0 170px; background: #EEFCFF; border: 1px solid #A3E7FA; padding: 6px;}
.side-menu a {display: block; padding: 9px 10px; color: #0E797C; font-size: 15px; border-bottom: 1px dashed #A3E7FA; text-decoration: none;}
.side-menu a:last-child {border-bottom: none;}
.side-menu a:hover {background: #D0F3FD; color: #990000; text-decoration: none;}
.side-menu a.active {background: #0E797C; color: #fff; font-weight: bold;}

.panel {background: #EEFCFF; border: 1px solid #A3E7FA; padding: 12px; margin: 0 0 14px 0;}
.panel h4 {margin: 0 0 10px 0; font-size: 16px; color: #0E797C;}

.note {background: #FFF6DC; border: 1px solid #FFCC00; padding: 10px 12px; margin: 0 0 12px 0; font-size: 14px;}
.muted {color: #777; font-size: 14px;}
.tip, .help {color: #777; font-size: 13px;}

.stat-grid .stat .num {font-size: 26px; color: #990000; font-weight: bold; line-height: 1.2;}
.stat-grid .stat .lbl {font-size: 14px; color: #666;}
.stat-grid .stat .in .lbl {font-size: 14px; color: #666;}

.btn-primary {display: inline-block; font-size: 15px; height: 32px; line-height: 32px; padding: 0 16px; background-color: #FFCC00; border: 1px solid #FF9900; color: #333; border-radius: 5px; cursor: pointer; text-decoration: none; vertical-align: middle;}
.btn-primary:hover {background-color: #FFFF99; color: #000; text-decoration: none;}
.btn-ghost {display: inline-block; font-size: 15px; height: 32px; line-height: 32px; padding: 0 16px; background-color: #D0F3FD; border: 1px solid #50D0F5; color: #333; border-radius: 5px; cursor: pointer; text-decoration: none; vertical-align: middle;}
.btn-ghost:hover {background-color: #FFFFFF; color: #000; text-decoration: none;}
.btn-block {display: block; width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 16px; background-color: #FFCC00; border: 1px solid #FF9900; color: #333; border-radius: 5px; cursor: pointer;}
.btn-block:hover {background-color: #FFFF99;}

.badge {display: inline-block; padding: 1px 8px; border-radius: 12px; font-size: 13px; line-height: 20px;}
.badge-published {background: #E6F7E6; color: #2C6E1B; border: 1px solid #9CD79C;}
.badge-pending {background: #FFF6DC; color: #9A6A00; border: 1px solid #FFCC00;}
.badge-rejected {background: #FDECEC; color: #A30000; border: 1px solid #F3A6A6;}
.actions a {margin-right: 10px;}

/* 登录 / 注册 表单卡片 */
.card {background: #EEFCFF; border: 1px solid #A3E7FA; padding: 20px;}
.form-page {width: 440px; margin: 40px auto;}
.field {margin: 0 0 12px 0;}
.field label {display: block; font-size: 14px; margin: 0 0 4px 0; color: #333;}
.field input, .field select {width: 100%; height: 32px; padding: 0 6px;}
.field textarea {width: 100%; padding: 6px;}
.form-msg {padding: 10px 12px; margin: 0 0 12px 0; border: 1px solid; font-size: 14px;}
.form-msg.ok {background: #EFFCE9; border-color: #7BC96F; color: #2C6E1B;}
.form-msg.err {background: #FDECEC; border-color: #F3A6A6; color: #A30000;}
.center-link {text-align: center; margin-top: 12px; font-size: 14px;}
.search-box {display: flex; gap: 6px;}
.search-box input {flex: 1; height: 32px; padding: 0 8px;}
.search-box button {height: 32px; padding: 0 14px;}

/* ================= 趣味测试 ================= */
.tests-grid {overflow: hidden; margin: 0 0 5px 0;}
.tests-grid .tc {float: left; width: 33.33333%; padding: 0 6px 12px 0; box-sizing: border-box;}
.tests-grid .tc a {display: block; background: #EEFCFF; border: 1px solid #A3E7FA; padding: 14px 10px; text-align: center; text-decoration: none; color: #0E797C; font-weight: bold; border-radius: 6px; min-height: 66px;}
.tests-grid .tc a:hover {background: #D0F3FD; color: #990000; text-decoration: none;}
.tests-grid .tc span {display: block; font-size: 13px; color: #666; font-weight: normal; margin-top: 6px;}

.t-form {margin: 10px 0;}
.t-q {background: #EEFCFF; border: 1px solid #A3E7FA; padding: 10px 12px; margin: 0 0 10px 0; border-radius: 6px;}
.t-qt {font-size: 16px; color: #333; margin: 0 0 8px 0; line-height: 1.6;}
.t-num {display: inline-block; min-width: 22px; height: 22px; line-height: 22px; text-align: center; background: #0E797C; color: #fff; border-radius: 50%; margin-right: 6px; font-size: 13px;}
.t-opts {overflow: hidden;}
.t-opts li {float: left; width: 50%; padding: 4px 6px; box-sizing: border-box;}
.t-opts label {display: inline-block; cursor: pointer; font-size: 15px; color: #333;}
.t-opts input {margin-right: 6px; vertical-align: middle;}

.t-intro {font-size: 15px; color: #555; line-height: 1.9; background: #EEFCFF; border: 1px solid #A3E7FA; padding: 10px 12px; border-radius: 6px; margin: 0 0 12px 0;}

/* 首页最新内容：3 列 × 5 行网格，每行标题单行不换行 */
.left2 ul.latest-cols {overflow: hidden; padding: 8px 4px;}
.left2 ul.latest-cols li {float: left; width: 33.33333%; padding: 6px 12px; line-height: 1.8;}
.left2 ul.latest-cols li a {display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 首页趣味测试：4 列一行 */
.left2 ul.tests-4col {overflow: hidden; padding: 8px 4px;}
.left2 ul.tests-4col li {float: left; width: 25%; padding: 6px 12px; line-height: 1.8;}
.left2 ul.tests-4col li a {display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 右侧栏热门阅读：序号与标题在同一行，整行单行不换行 */
#right ul.hot-list li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#right ul.hot-list li a {display: inline;}

.t-result {background: #EEFCFF; border: 2px solid #FFCC00; border-radius: 10px; padding: 18px; margin: 14px 0; text-align: center;}
.t-result-h {font-size: 14px; color: #0E797C; letter-spacing: 4px;}
.t-result-title {font-size: 24px; color: #990000; margin: 8px 0; line-height: 1.4;}
.t-score {font-size: 40px; font-weight: bold; color: #0E797C; margin: 6px 0;}
.t-result-body {font-size: 16px; line-height: 1.9; color: #333; text-align: left; margin: 10px 0;}
.t-tips {font-size: 14px; color: #666; text-align: left; background: #FFF6DC; border: 1px solid #FFCC00; padding: 8px 10px; border-radius: 6px;}

/* ================= 富文本可视化编辑器 ================= */
.richeditor {border: 1px solid #A3E7FA; border-radius: 6px; background: #FFFFFF; overflow: hidden;}
.re-toolbar {display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; background: #EEFCFF; border-bottom: 1px solid #A3E7FA; align-items: center;}
.re-toolbar button {height: 28px; min-width: 30px; padding: 0 8px; font-size: 13px; border: 1px solid #A3E7FA; background: #FFFFFF; border-radius: 4px; cursor: pointer; color: #333;}
.re-toolbar button:hover {background: #D0F3FD; border-color: #50D0F5;}
.re-sep {width: 1px; height: 18px; background: #A3E7FA; margin: 0 4px;}
.re-area {min-height: 520px; padding: 16px; font-size: 16px; line-height: 1.9; color: #333; outline: none; background: #FFFFFF; overflow-y: auto; max-height: 960px;}
.re-area:focus {background: #FDFEFF;}
.re-area img {max-width: 100%; height: auto;}
.re-area h2 {font-size: 20px; color: #990000; text-align: left; line-height: 1.5; margin: 14px 0 8px;}
.re-area h3 {font-size: 17px; color: #990000; text-align: left; line-height: 1.5; margin: 12px 0 6px;}
.re-area blockquote {border-left: 4px solid #FFCC00; background: #FFF6DC; margin: 10px 0; padding: 8px 12px; color: #666;}
.re-src {min-height: 520px; font-family: Consolas, Monaco, monospace; font-size: 13px; border: 0; border-radius: 0; padding: 14px;}
.re-tip {font-size: 13px; color: #A30000; padding: 0 8px;}
.re-source-mode .re-area {display: none;}
.richeditor .re-src[hidden] {display: none;}

@media (max-width: 980px) {
  .tests-grid .tc {width: 50%;}
  .t-opts li {width: 100%;}
}