*{box-sizing:border-box}
body{
  margin:0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:#4b3a1f;
  background:#f7efda url('images/forum_bg.jpg') top center no-repeat fixed;
  background-size: cover;
}
a{color:#8b5a14;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:1160px;max-width:calc(100% - 32px);margin:0 auto}
.topbar{
  background:linear-gradient(#8a6114,#5d3c0e);
  color:#fff;
  box-shadow:0 1px 8px rgba(0,0,0,.25);
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:700}
.brand:hover{text-decoration:none}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16)}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
nav a,.user{color:#fff;opacity:.95}
.hero{padding:28px 0 20px}
.hero h1{margin:0;font-size:42px;color:#603f10;text-shadow:0 1px 0 rgba(255,255,255,.65)}
.hero p{margin:8px 0 0;color:#765924}
.panel{
  background:rgba(255,248,230,.96);
  border:1px solid #d7bf86;
  border-radius:16px;
  padding:18px;
  margin:0 0 18px;
  box-shadow:0 8px 24px rgba(95,64,18,.10);
}
.hero-panel{padding-top:14px}
.panel-title{font-size:18px;font-weight:700;color:#6f4a16;margin:0 0 14px}
.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.board-card{
  display:flex;gap:14px;align-items:center;
  padding:14px;border-radius:14px;border:1px solid #e6d4a7;background:linear-gradient(#fff,#fcf4e0);
}
.board-card.locked{opacity:.88}
.board-icon img{width:58px;height:58px;display:block}
.board-main h3{margin:0 0 4px;font-size:18px}
.board-main p{margin:0;color:#83673e;line-height:1.45}
.topic-table{width:100%;border-collapse:collapse}
.topic-table th,.topic-table td{padding:12px 10px;border-bottom:1px solid #eadbb7;text-align:left;vertical-align:top}
.topic-table th{background:#f9edd0;color:#6f4a16}
.topic-table tbody tr:nth-child(odd){background:rgba(255,255,255,.4)}
.empty{text-align:center;color:#96784b;padding:30px 0}
.badge{
  display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;margin-right:6px;vertical-align:1px;
}
.sticky{background:#f1c65a;color:#69410d}
.lock{background:#d6d2c8;color:#665f51}
.forum-head,.thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.forum-title,.thread-head h2{margin:0;font-size:26px;color:#604010}
.forum-desc,.meta,.hint,.crumbs{color:#8b6f45}
.btn, button{
  display:inline-block;border:0;border-radius:10px;
  background:linear-gradient(#f5d37b,#cb8d17);
  color:#432d08;padding:10px 16px;font-weight:700;cursor:pointer
}
.btn.ghost{background:#f0e2c0;color:#6c4b17}
.forum-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
form input,form textarea{
  width:100%;margin:0 0 12px;padding:12px 14px;border:1px solid #d8c08f;border-radius:10px;
  background:#fffdf7;font:inherit;color:#4b3a1f
}
form textarea{resize:vertical;min-height:160px}
.form-row{display:flex;gap:10px;align-items:center}
.form-row input{margin-bottom:0;flex:1}
.auth-panel{max-width:520px;margin:0 auto 18px}
.captcha-box{margin:0 0 10px;color:#7b5b2b}
.post-card .post-head{display:flex;justify-content:space-between;gap:10px;color:#83673e;margin-bottom:8px}
.post-body{line-height:1.75;font-size:16px}
.post-body p{margin:0 0 12px}
.flash{
  background:#fff1bc;border:1px solid #e0c76b;border-radius:12px;padding:12px 14px;margin:0 0 18px;color:#715414
}
.footer{padding:22px 0 40px;color:#8a6e46;text-align:center}
.inline-form{display:flex;gap:8px;flex-wrap:wrap}
.inline-form button{padding:8px 12px;border-radius:8px;background:#efe0be;color:#664415}
@media (max-width: 800px){
  .wrap{max-width:calc(100% - 20px)}
  .board-grid{grid-template-columns:1fr}
  .forum-head,.thread-head{flex-direction:column}
}