:root{--bg:#faf6f0;--card:#fff;--ink:#1c1917;--mute:#78716c;--line:#e8e0d4;--brand:#9a3412;--brand2:#c2410c;--acc:#fdba74;--r:8px}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans SC","PingFang SC",sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--brand2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.top{background:linear-gradient(90deg,#1c1917,#7c2d12 55%,#c2410c);color:#fff}
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.logo:hover{text-decoration:none;opacity:.95}
.logo-img{width:40px;height:40px;border-radius:8px;background:#fff;padding:2px;box-sizing:border-box}.logo-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--acc);color:#1c1917;font:700 26px/1 Georgia,serif}
.logo-img2{display:block;height:48px;width:auto;max-width:185px}.logo-tile{display:inline-flex;background:#fff;border-radius:10px;padding:4px 8px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.logo-txt{display:flex;flex-direction:column;line-height:1.15}.logo-txt strong{font-size:18px}.logo-txt small{font-size:12px;opacity:.9}
.userbox{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.userbox a{color:#fff}.hello{font-size:13px;opacity:.95}
.btn,.search button,.mod button{display:inline-block;background:var(--acc);color:#1c1917;border:0;border-radius:6px;padding:6px 14px;font:600 14px/1.4 inherit;cursor:pointer}
.btn:hover,.search button:hover,.mod button:hover{filter:brightness(1.05)}.linkbtn{background:transparent;border:0;color:#fff;cursor:pointer;text-decoration:underline;font:inherit;padding:0}
.tag{display:inline-block;font-size:11px;padding:0 6px;border-radius:4px;background:#ffedd5;color:var(--brand);vertical-align:middle;margin-left:4px}
.tag.pin{background:#f5e6c8;color:#8a5a00;margin:0}.tag.op{background:#dff3e4;color:#1d6b35}
.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;flex-wrap:wrap}
.nav-links{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.nav-links a{padding:7px 9px;white-space:nowrap;color:var(--ink);font-size:14px}.nav-links a:hover{color:var(--brand2);text-decoration:none;box-shadow:inset 0 -2px var(--brand2)}
.search{display:flex;gap:6px;flex:none}.search input{width:160px;max-width:28vw;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;background:#fff}
main{padding:18px 0 40px}
.hero{background:linear-gradient(135deg,#fff7ed,#ffedd5 60%,#fed7aa);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin-bottom:16px}
.hero h1{margin:0 0 8px;font-size:26px}.hero p{margin:0;color:var(--mute);max-width:70ch}
.grid{display:grid;gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700}.card-h .sub{font-weight:400;color:var(--mute);font-size:13px}
.cat-row,.thread-row{display:grid;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.cat-row{grid-template-columns:44px 1fr minmax(160px,1.4fr) 96px}.thread-row{grid-template-columns:1fr minmax(160px,240px) 96px}
.cat-row:last-child,.thread-row:last-child{border-bottom:0}
.cat-icon{font-size:26px;text-align:center}.cat-name{font-weight:700;color:var(--ink)}.cat-name:hover{color:var(--brand2)}
.cat-desc,.thread-meta,.hint,.mute{color:var(--mute);font-size:13px}
.thread-title{font-weight:600;color:var(--ink)}.thread-title:hover{color:var(--brand2)}
.cat-chip{display:inline-block;font-size:12px;padding:1px 6px;border-radius:4px;background:#ffedd5;color:var(--brand)}
.stat{text-align:right;font-size:13px;color:var(--mute);white-space:nowrap}
.breadcrumb{font-size:13px;color:var(--mute);margin-bottom:10px}
.thread-head{padding:16px 20px;border-bottom:1px solid var(--line)}.thread-head h1{margin:0 0 6px;font-size:22px}
.post{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line)}
.avatar{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:19px}
.post-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:13px;color:var(--mute)}
.post-author{font-weight:700;color:var(--ink)}.post-role{font-size:12px;color:var(--mute)}
.post-content{line-height:1.7;overflow-wrap:anywhere}
.mod{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mod button{background:#f5f5f4;color:var(--ink);border:1px solid var(--line)}
.form{display:grid;gap:12px;max-width:520px;padding:16px 20px}
.form input,.form select,.form textarea{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;width:100%;background:#fff}
.form label{display:grid;gap:4px;font-size:14px;font-weight:600}.form .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.notice{padding:10px 12px;border-radius:6px;margin-bottom:12px;font-size:14px}.notice.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.notice.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.pager{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0;align-items:center}
.pager a,.pager span{display:inline-block;min-width:32px;text-align:center;padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none}
.pager .cur{background:var(--brand);color:#fff;border-color:var(--brand)}
footer{border-top:1px solid var(--line);padding:22px 0 36px;margin-top:8px;background:#fff7ed;color:var(--mute);font-size:13px}
.friends{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.friends a{color:var(--brand2)}
.copy{margin:4px 0;line-height:1.6}.copy a{color:var(--brand2)}
.ad-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.ad-maincol{min-width:0}
.cat-last,.cat-stat,.thread-stat{font-size:13px;color:var(--mute)}.cat-stat,.thread-stat{text-align:right}
@media(max-width:860px){.ad-layout{grid-template-columns:1fr}.cat-row,.thread-row{grid-template-columns:1fr}.cat-last,.cat-stat,.thread-stat{display:none}.search input{width:110px}}
@media(min-width:1280px){.ad-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:640px){.hero h1{font-size:22px}.post{grid-template-columns:1fr}.avatar{width:36px;height:36px;font-size:15px}}