:root{--fg:#ffcc00;--accent:#ff9900;--red:#ff2a1a;--line:#661100;--paper:#efdcb8}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:url("../assets/bg.png") repeat fixed #150000;color:var(--fg);
  font-family:"Courier New",Courier,"PingFang SC","Songti SC","Noto Serif CJK SC",monospace}
a{color:var(--accent);text-decoration:none}
a:hover{color:#ff0000;background:#fff}
@keyframes blink{50%{opacity:0}}
@keyframes crossGlow{0%,100%{opacity:.3;text-shadow:0 0 2px #f00}50%{opacity:1;text-shadow:0 0 14px #f00,0 0 4px #500}}
.blink{animation:blink 1s infinite steps(1);color:#ff1a1a;font-weight:bold}
.cross{animation:crossGlow .9s infinite ease-in-out;color:#cc0000;font-weight:bold;display:inline-block}
.dim{color:#aa5522}.center{text-align:center}
.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:8px;align-items:center;
  padding:10px max(12px,env(safe-area-inset-left));background:rgba(10,0,0,.94);border-bottom:2px dashed #883300;font-size:13px}
.board{max-width:880px;margin:24px auto 48px;padding:20px;border:3px solid var(--line);background:rgba(15,2,2,.96);
  box-shadow:10px 10px 0 #440000,-5px -5px 0 rgba(50,10,0,.6)}
.bbs-head{text-align:center;margin-bottom:16px}
.book{font-size:13px;color:#aa5522;letter-spacing:3px}
.bbs-head h1{font-size:1.9rem;letter-spacing:4px;margin:8px 0 0;text-shadow:2px 2px 0 #550000}
.sub{color:#aa5522;font-size:12px;margin-top:4px}
.crumb{font-size:13px;border-bottom:1px dashed #772200;padding-bottom:8px;margin-bottom:12px;min-height:1.5em}
.home{text-align:center;margin-top:20px;font-size:14px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:13px}
.btn{display:inline-block;background:#1a0000;color:var(--fg);border:1px solid #aa2200;padding:5px 10px;font-family:inherit;cursor:pointer;font-size:13px;border-radius:0;-webkit-appearance:none}
.btn:hover{background:var(--fg);color:#000}
.btn:disabled{opacity:.5}
/* 帖子列表 */
table.tl{width:100%;border-collapse:collapse;font-size:13px}
.tl th{background:#661100;color:var(--fg);font-weight:bold;padding:6px;border:1px solid #992200;text-align:left}
.tl td{padding:7px 6px;border:1px solid #441100;background:rgba(10,1,1,.85);vertical-align:top;word-break:break-word}
.tl tr:nth-child(even) td{background:rgba(30,4,4,.85)}
.tl .ttl a::before{content:"> ";color:#cc0000}
.tl .num{text-align:center;white-space:nowrap}
.tl .when{white-space:nowrap;color:#aa5522;font-size:12px}
.empty{text-align:center;color:#aa5522;padding:20px 0}
.pager{text-align:center;margin-top:12px;font-size:13px;letter-spacing:1px}
/* 帖子内容 */
.th-title{font-size:1.25rem;margin:4px 0 12px;color:var(--fg);text-shadow:1px 1px 0 #550000;word-break:break-word}
.post{border:1px solid #551100;margin-bottom:10px;background:#0a0101;box-shadow:3px 3px 0 #330000}
.post-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;background:#2a0505;border-bottom:1px dashed #771100;padding:5px 8px;font-size:12px}
.post-h b{color:var(--fg)}
.post-h .date{color:#aa5522}
.floor{color:#ff3333;font-weight:bold;margin-right:6px}
.post-b{padding:10px 10px 12px;color:var(--paper);font-size:15px;line-height:1.75;word-break:break-word;overflow-wrap:anywhere;
  font-family:"PingFang SC","Songti SC","Noto Serif CJK SC","Courier New",monospace}
.quote{border-left:3px solid #881100;background:rgba(60,8,8,.5);color:#cc9966;font-size:12px;padding:4px 8px;margin-bottom:8px}
.quote a{color:#cc9966}
.rbtn{background:none;border:1px solid #772200;color:var(--accent);font-family:inherit;font-size:12px;padding:2px 8px;cursor:pointer;border-radius:0;-webkit-appearance:none}
.rbtn:hover{background:var(--fg);color:#000}
.post.hl{outline:2px solid var(--fg)}
/* 表单 */
.form{border:2px dotted #771100;padding:12px 14px;margin-top:16px;background:rgba(25,3,3,.9)}
.form strong{font-size:13px}
.form label{display:block;font-size:12px;color:var(--accent);margin-top:8px}
.form input,.form textarea{width:100%;background:#050101;border:1px dashed #771100;color:var(--fg);padding:7px;font-family:inherit;font-size:16px;resize:vertical;border-radius:0;-webkit-appearance:none}
.form .btn{margin-top:10px}
.form .rto{font-size:12px;color:#cc9966;background:rgba(60,8,8,.5);border-left:3px solid #881100;padding:4px 8px;margin-top:8px}
.form .rto button{margin-left:8px}
.msg{font-size:12px;color:#ff3333;margin-top:6px;min-height:1em}
@media (max-width:600px){
  .board{margin:12px 8px 32px;padding:14px 10px;box-shadow:5px 5px 0 #440000}
  .bbs-head h1{font-size:1.45rem}
  .topbar{font-size:12px}
  .tl thead{display:none}
  .tl,.tl tbody,.tl tr,.tl td{display:block;width:100%}
  .tl tr{border:1px solid #441100;margin-bottom:6px}
  .tl td{border:none;padding:3px 8px}
  .tl td.ttl{padding-top:7px;font-size:14px}
  .tl td.num,.tl td.who,.tl td.when{display:inline-block;width:auto;text-align:left;font-size:12px;padding-bottom:7px}
  .tl td.num::before{content:"回复 "}
  .tl td.when::before{content:"最后 "}
}
@media (prefers-reduced-motion:reduce){.blink,.cross{animation:none}}