* { box-sizing: border-box; }
html { background: #efefef; }
body { min-width: 1004px; margin: 0; padding: 0 0 18px; color: #111; font: 12px/17px Arial, SimSun, "Songti SC", sans-serif; background: #efefef; }
.page { width: 1004px; margin: 0 auto; padding: 0 10px 12px; background: #fff; }
.masthead { height: 250px; margin: 0 0 0 -10px; padding: 0; background: #efefef; }
.masthead img { display: block; width: 1004px; height: 250px; object-fit: contain; object-position: left top; }
.nav { width: 1004px; height: 37px; display: flex; align-items: center; justify-content: space-between; margin-left: -10px; background: #efefef; color: #666; }
.nav-links { display: flex; gap: 8px; align-items: center; padding-left: 8px; }
.nav i { color: #d8d3c7; font-style: normal; }
.search { height: 21px; display: flex; gap: 3px; align-items: center; padding: 1px 5px; background: #a64f00; color: #fff9eb; }
.search label { white-space: nowrap; }
.search input { width: 126px; height: 18px; border: 1px solid #8b3e00; background: white; }
button { border: 1px solid #8b3e00; padding: 0 5px; color: #222; background: #f4b33f; font: inherit; }
.tools { height: 28px; display: flex; align-items: center; gap: 15px; color: #666; }
.tools img { width: 17px; height: 17px; }
.tools .login-link { margin-left: auto; color: #333; }
.login-link b { color: #d21d1d; }
.announcement { position: relative; display: flex; align-items: center; gap: 6px; height: 49px; padding: 0 10px; }
.announcement img { width: 16px; height: 16px; }
.announcement strong { font-size: 13px; }
.feed { margin-left: auto; padding: 1px 3px; color: white; background: #ee9a20; font-size: 10px; font-weight: bold; }
.stats { height: 54px; padding: 8px 8px 4px; text-align: right; line-height: 17px; }
.forum-group { margin: 0 0 15px; }
.forum-group h2, .footer > h2 { height: 27px; margin: 0; padding: 5px 6px; color: white; background: #20afd2; font-size: 14px; line-height: 17px; font-weight: bold; }
table { width: 100%; border-collapse: collapse; table-layout: fixed; }
col.icon-col { width: 5%; } col.forum-col { width: 50%; } col.topic-col { width: 6%; } col.post-col { width: 6%; } col.last-col { width: 23%; } col.mod-col { width: 10%; }
thead { height: 27px; background: #fff9eb; }
thead th { height: 27px; padding: 4px 3px; text-align: center; font-weight: normal; }
tbody tr { height: 61px; background: #fafafa; }
tbody td { padding: 4px 3px; text-align: center; vertical-align: middle; }
tbody td:first-child img { width: 17px; height: 17px; }
td.forum { text-align: left; line-height: 16px; }
td.forum img { float: left; width: 17px; height: 17px; margin-right: 7px; }
td.forum b { display: block; font-size: 12px; }
td.forum small { display: block; clear: both; padding-left: 0; font-size: 12px; line-height: 16px; }
td.last { text-align: left; line-height: 16px; }
.footer { margin-top: 15px; }
.footer > h2 { margin-bottom: 0; }
.account h3, .friends h3 { height: 27px; margin: 0; padding: 5px 6px; background: #fff9eb; color: #666; font-size: 12px; line-height: 17px; }
.login-row { display: flex; min-height: 48px; align-items: center; gap: 18px; padding: 5px 18px; background: #fafafa; }
.login-row img { width: 17px; height: 17px; }
.login-row input { width: 57px; height: 18px; border: 1px dashed #aaa; background: white; }
.login-row button { height: 20px; border: 1px solid #aaa; background: #f6f6f6; }
.badges { display: flex; flex-wrap: nowrap; gap: 5px; min-height: 61px; padding: 4px 55px; overflow: hidden; background: #fafafa; }
.badges img { display: block; width: 88px; height: 31px; flex: 0 0 88px; }
.copyright { padding: 9px 4px 2px; color: #777; text-align: center; }
.bbsgirl { position: fixed; z-index: 2; right: 10px; bottom: 0; display: block; width: 136px; height: 252px; object-fit: contain; pointer-events: none; }
@media (max-width: 600px) {
  .bbsgirl { right: 0; width: 85px; height: auto; }
}