/* ============================================================
   天涯虚拟社区 tianyaclub.com · 复刻样式
   实证依据：Wayback 2000-05-11 / 2002-04-01 存档
   白底#fff · 浅灰#efefef面板 · 蓝#556688条 · 宋体12px · 红高亮
   运营：海南在线（海口·滨海大道珠江广场帝都大厦）
   （非营利怀旧展示 · 全部模拟数据）
   ============================================================ */

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:#ffffff;color:#222;
  font-family:"宋体",SimSun,"Microsoft YaHei",serif;
  font-size:12px;line-height:1.6;
  -webkit-font-smoothing:none;
}
img{border:0;image-rendering:pixelated}
a{color:#1a3e8c;text-decoration:none}
a:hover{color:#cc0000;text-decoration:underline}

.wrap{width:760px;max-width:100%;margin:0 auto;padding:0 6px 60px}

/* ===== 顶部：徽章 + 书法横幅 + 域名 ===== */
.masthead{padding:8px 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:2px solid #556688}
.masthead .biaoshi{height:46px}
.masthead .banner{flex:1;text-align:left;min-width:200px}
.masthead .banner img{height:54px;max-width:100%}
.masthead .right{text-align:right;color:#556688;font-size:11px;line-height:1.7}
.masthead .right .dom{font-family:Arial,sans-serif;color:#1a3e8c;font-weight:bold;font-size:13px}

/* 备用文字字标 */
.wordmark{font-size:30px;font-weight:bold;color:#3a6aa8;letter-spacing:6px;
  font-family:"楷体",KaiTi,serif;text-shadow:1px 1px 0 #cdd}

/* ===== 文字导航条 ===== */
.topnav{
  background:#556688;color:#fff;font-size:12px;
  padding:4px 8px;margin:6px 0 8px;
  display:flex;flex-wrap:wrap;align-items:center;
}
.topnav a{color:#fff;padding:0 9px;border-right:1px solid #7d8db0}
.topnav a:last-child{border-right:0}
.topnav a:hover{color:#ffe600;text-decoration:none}
.topnav a.cur{color:#ffe600;font-weight:bold}

/* ===== 登录条 ===== */
.loginbar{
  background:#efefef;border:1px solid #c9cfdb;padding:6px 8px;margin:0 0 10px;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;
}
.loginbar label{color:#444}
.loginbar input[type=text],.loginbar input[type=password]{
  border:1px solid #808080;padding:2px 3px;font-size:12px;width:96px;font-family:inherit;
}
.loginbar .sp{margin-left:auto;color:#556688}
.loginbar .sp b{color:#cc0000;font-family:Verdana,sans-serif}

/* win9x 立体按钮 */
.btn{display:inline-block;border:1px solid #808080;border-top-color:#fff;border-left-color:#fff;
  background:#d4d0c8;color:#000;padding:2px 12px;font-size:12px;cursor:pointer;font-family:inherit;line-height:1.4}
.btn:hover{color:#000;text-decoration:none}
.btn:active{border-color:#fff;border-top-color:#808080;border-left-color:#808080}
.btn.blue{color:#1a3e8c;font-weight:bold}
.btn.red{color:#cc0000;font-weight:bold}

/* ===== 面板 ===== */
.panel{border:1px solid #c9cfdb;background:#fff;margin:0 0 10px}
.panel>.h{background:#556688;color:#fff;font-weight:bold;font-size:12px;
  padding:3px 8px;display:flex;justify-content:space-between;align-items:center}
.panel>.h .more{font-weight:normal;font-size:11px;color:#d7deea}
.panel>.h .more a{color:#ffe600}
.panel>.b{padding:8px 10px}

/* ===== 版块分组（首页）===== */
.grp{border:1px solid #c9cfdb;margin:0 0 10px}
.grp .gh{background:#efefef;border-bottom:1px solid #c9cfdb;color:#1a3e8c;
  font-weight:bold;padding:3px 8px;font-size:12px}
.boards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e6e9f0}
@media(max-width:560px){.boards{grid-template-columns:repeat(2,1fr)}}
.bd{background:#fff;padding:6px 8px}
.bd a.nm{font-weight:bold;font-size:13px}
.bd .ds{color:#888;font-size:11px;margin-top:2px;line-height:1.5}
.bd .st{color:#aaa;font-size:10px;margin-top:3px;font-family:Verdana,sans-serif}
.bd .st b{color:#cc0000}
.bd .new{color:#cc0000;font-weight:bold;font-size:10px}

/* ===== 列表（最新论题/公告）===== */
.list{list-style:none;margin:0;padding:0}
.list li{padding:2px 0;border-bottom:1px dotted #e2e2e2;display:flex;gap:6px;align-items:baseline}
.list li:before{content:"›";color:#556688;font-weight:bold}
.list li .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list li .dt{color:#999;font-size:10px;font-family:Verdana,sans-serif;flex:none}
.hot{color:#cc0000;font-weight:bold;font-size:10px;border:1px solid #cc0000;padding:0 2px;margin-left:3px}

/* ===== 帖子列表（board）===== */
.thead{display:flex;background:#556688;color:#fff;font-weight:bold;padding:3px 8px;font-size:12px}
.thead .c-t{flex:1}
.thead .c-a{width:90px;flex:none;text-align:center}
.thead .c-n{width:80px;flex:none;text-align:center}
.thead .c-l{width:110px;flex:none;text-align:center}
@media(max-width:560px){.thead .c-a,.thead .c-l{display:none}}
.trow{display:flex;align-items:center;padding:5px 8px;border-bottom:1px solid #eef0f4;font-size:12px}
.trow:nth-child(even){background:#f7f8fb}
.trow:hover{background:#fffbe6}
.trow .c-t{flex:1;min-width:0}
.trow .c-t .tag{font-size:10px;padding:0 3px;margin-right:4px;border-radius:2px;color:#fff;vertical-align:1px}
.trow .c-t .tag.top{background:#cc0000}
.trow .c-t .tag.jing{background:#d2691e}
.trow .c-t .tag.hot{background:#cc6600}
.trow .c-t a{font-size:13px}
.trow .c-t .meta{color:#999;font-size:10px;margin-left:4px}
.trow .c-a{width:90px;flex:none;text-align:center;color:#1a3e8c}
.trow .c-n{width:80px;flex:none;text-align:center;color:#666;font-family:Verdana,sans-serif}
.trow .c-n b{color:#cc0000}
.trow .c-l{width:110px;flex:none;text-align:center;color:#999;font-size:10px;font-family:Verdana,sans-serif}
@media(max-width:560px){.trow .c-a,.trow .c-l{display:none}}

/* ===== 帖子楼层页（post）===== */
.posttitle{border:1px solid #c9cfdb;background:#efefef;padding:8px 10px;margin:0 0 8px}
.posttitle h1{margin:0;font-size:17px;color:#1a3e8c;line-height:1.4}
.posttitle .sub{margin-top:5px;color:#777;font-size:11px}
.posttitle .sub b{color:#cc0000}

.floor{border:1px solid #d7dbe4;margin:0 0 8px;display:flex;background:#fff}
.floor .who{width:130px;flex:none;background:#f3f5f9;border-right:1px solid #e2e6ee;padding:8px;text-align:center}
@media(max-width:560px){.floor{flex-direction:column}.floor .who{width:100%;border-right:0;border-bottom:1px solid #e2e6ee;display:flex;align-items:center;gap:8px;text-align:left}}
.floor .who .av{width:54px;height:54px;margin:0 auto;border:1px solid #c9cfdb;background:#fff;
  display:flex;align-items:center;justify-content:center;font-size:30px;color:#9aa}
.floor .who .nk{font-weight:bold;color:#1a3e8c;margin-top:5px}
.floor .who .lv{color:#888;font-size:10px;margin-top:2px}
.floor .who .lz{display:inline-block;background:#cc0000;color:#fff;font-size:10px;padding:0 4px;border-radius:2px;margin-top:3px}
.floor .body{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column}
.floor .body .bar{display:flex;justify-content:space-between;align-items:baseline;
  border-bottom:1px dotted #e2e2e2;padding-bottom:4px;margin-bottom:8px;font-size:11px;color:#999}
.floor .body .bar .fl{color:#556688;font-weight:bold}
.floor .body .bar .fl.sofa{color:#cc0000}
.floor .body .bar .ip{font-family:Verdana,sans-serif}
.floor .body .text{flex:1;color:#222;line-height:1.9;white-space:pre-wrap;word-break:break-word}
.floor .body .ops{margin-top:10px;padding-top:6px;border-top:1px dotted #e2e2e2;
  font-size:11px;color:#888;display:flex;gap:14px;align-items:center}
.floor .body .ops a,.floor .body .ops span.op{color:#1a3e8c;cursor:pointer}
.floor .body .ops .zan{color:#cc0000}
.floor.lzfloor{border-color:#cdb}
.floor.lzfloor .who{background:#fbf6ec}

/* 回帖框 */
.reply{border:1px solid #c9cfdb;margin:6px 0 0}
.reply .h{background:#556688;color:#fff;font-weight:bold;padding:3px 8px}
.reply .b{padding:10px}
.reply textarea{width:100%;height:80px;border:1px solid #808080;font-family:inherit;font-size:13px;padding:6px;resize:vertical}
.reply .face{margin:6px 0;font-size:16px}
.reply .face span{cursor:pointer;margin-right:6px}
.reply .row2{display:flex;gap:8px;align-items:center;margin-top:6px}
.reply input[type=text]{border:1px solid #808080;padding:3px 4px;font-family:inherit;font-size:12px}

/* 分页 */
.pager{text-align:center;margin:8px 0;font-size:12px}
.pager a,.pager span{display:inline-block;border:1px solid #c9cfdb;padding:2px 7px;margin:0 1px;color:#1a3e8c}
.pager .cur{background:#556688;color:#fff;border-color:#556688;font-weight:bold}

/* 友情链接/页脚 */
.flink{font-size:11px;color:#555;line-height:2}
.flink a{margin-right:10px;white-space:nowrap}
.foot{margin:14px 0 0;border-top:2px solid #556688;padding-top:8px;
  font-size:11px;color:#778;text-align:center;line-height:1.9}
.foot a{color:#1a3e8c}

/* 底部状态条 */
.botbar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#efefef;
  border-top:1px solid #fff;box-shadow:0 -1px 0 #b9b9b9;font-size:11px;color:#444;
  display:flex;align-items:center;gap:0 14px;flex-wrap:wrap;padding:4px 12px}
.botbar .b{color:#cc0000;font-family:Verdana,sans-serif}
.botbar .sp{margin-left:auto}

/* 返回博物馆 */
.back-museum{position:fixed;right:8px;bottom:30px;z-index:95;font-size:12px;
  background:#eef3ff;border:1px solid #8aa;padding:3px 9px;color:#1a3e8c;box-shadow:1px 1px 3px #0003}
.back-museum:hover{background:#dde8ff;text-decoration:none}