:root { --page:#101216; --panel:#191c22; --panel2:#20242b; --line:#343943; --accent:#8ca8ff; --text:#e8ebf2; --muted:#9aa1ad; }
html, body { background:var(--page); color:var(--text); overflow-x:hidden; }
.brand-banner { display:block; height:150px; background:url('/static/header.png') center/cover no-repeat; border-bottom:1px solid #000; }
header { position:static; width:100%; min-width:0; height:auto; border:0; background:#171a20; }
.header-inner { width:min(1120px,calc(100% - 28px)); min-height:58px; height:auto; margin:auto; padding:8px 0; display:flex; flex-direction:row; align-items:center; gap:12px; }
.header-inner::before { content:"TenDiuDiu BBS"; width:auto; height:auto; margin:0 22px 0 0; font-size:20px; white-space:nowrap; border-radius:0; }
.header-inner nav { order:1; display:flex; flex-direction:row; gap:0; }
.header-inner nav a { padding:10px 13px; border-radius:0; font-size:14px; }
.header-inner nav a::before { display:none; }
.create-button { order:2; width:auto; height:auto; margin:0 0 0 auto; padding:10px 15px; border-radius:0; font-size:14px; background:var(--accent); color:#10131a; }
.account-wrap,.auth-links { order:3; margin:0; }
.account-button { width:auto; border-radius:0; padding:4px 8px; }
.account-menu { top:54px; bottom:auto; left:auto; right:0; border-radius:0; }
.auth-links { display:flex; gap:6px; }
.auth-links a { width:auto; padding:9px 12px; border-radius:0; font-size:13px; }
main { width:min(1120px,calc(100% - 28px)); min-height:650px; margin:22px auto; padding:0; }
.forum-welcome { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; background:var(--panel); border:1px solid var(--line); }
.crumb { color:var(--accent); font-size:12px; }
.forum-welcome h1 { margin:8px 0 5px; font-size:28px; }
.forum-welcome p { color:var(--muted); margin:0; }
.forum-welcome>a { flex:none; display:flex; gap:7px; align-items:center; padding:11px 15px; background:var(--accent); color:#10131a; font-weight:750; }
.forum-notice { display:flex; gap:18px; padding:11px 15px; border:1px solid var(--line); border-top:0; background:#14171c; }
.forum-notice b { color:var(--accent); white-space:nowrap; }
.forum-notice span { color:var(--muted); }
.forum-search { margin:16px 0; display:grid; grid-template-columns:1fr auto; gap:0; }
.forum-search input { border-radius:0; background:var(--panel); }
.forum-search button { border-radius:0; padding-inline:22px; }
.forum-box { margin:16px 0; border:1px solid var(--line); background:var(--panel); }
.forum-title { min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#282d36; border-bottom:1px solid var(--line); }
.forum-title h2 { margin:0; font-size:17px; }
.forum-title span,.forum-title a { color:var(--muted); font-size:12px; }
.forum-columns { display:grid; grid-template-columns:minmax(0,1fr) 80px 80px 260px; padding:8px 14px 8px 66px; color:var(--muted); font-size:11px; text-transform:uppercase; border-bottom:1px solid var(--line); }
.forum-columns span:nth-child(n+2) { text-align:center; }
.forum-row { display:grid; grid-template-columns:42px minmax(0,1fr) 80px 80px 260px; gap:10px; align-items:center; min-height:82px; padding:12px 14px; border-bottom:1px solid var(--line); }
.forum-row:last-child { border-bottom:0; }
.forum-row:hover { background:var(--panel2); }
.forum-status { width:38px; height:38px; display:grid; place-items:center; color:var(--accent); border:1px solid var(--line); }
.forum-info h3 { margin:0 0 4px; font-size:16px; }
.forum-info h3 a { color:var(--accent); }
.forum-info p { margin:0; color:var(--muted); font-size:13px; }
.forum-number { display:grid; text-align:center; }
.forum-number span { color:var(--muted); font-size:11px; }
.forum-last { display:grid; min-width:0; font-size:13px; }
.forum-last a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.forum-last span { color:var(--muted); font-size:11px; }
.thread-list .topic-card { grid-template-columns:42px minmax(0,1fr); padding:14px; border:0; border-bottom:1px solid var(--line); }
.thread-list .topic-card:last-child { border-bottom:0; }
.thread-list .topic-card:hover { background:var(--panel2); }
.thread-list .avatar { width:38px; height:38px; }
.topic-actions { margin-top:8px; }
.forum-stats { margin-top:16px; border:1px solid var(--line); background:var(--panel); }
.forum-stats h2 { margin:0; padding:10px 14px; background:#282d36; border-bottom:1px solid var(--line); font-size:16px; }
.forum-stats>div { display:flex; flex-wrap:wrap; gap:28px; padding:15px; color:var(--muted); }
.forum-stats b { color:var(--text); }
.welcome,.home-grid { display:none; }
.form-card,.thread,.reply,.reply-form,.profile,.page-head,.notice-item { width:100%; border:1px solid var(--line); background:var(--panel); }
.form-card { min-height:0; padding:28px; margin:20px auto; max-width:720px; }
.thread { padding:28px; }
.reply { margin:12px 0; padding:20px; }
.reply-form { margin-top:12px; }
.page-head { margin-bottom:12px; }
.admin-grid { width:100%; }
footer { display:flex; width:min(1120px,calc(100% - 28px)); margin:30px auto 0; padding:20px 0; border-top:1px solid var(--line); color:var(--muted); }
@media(max-width:780px){.brand-banner{height:95px}.header-inner{width:100%;padding:8px 12px;flex-wrap:wrap}.header-inner::before{font-size:17px;margin-right:auto}.header-inner nav{order:4;width:100%;overflow-x:auto;border-top:1px solid var(--line)}.header-inner nav a{white-space:nowrap}.account-name,.account-button>.icon,.inbox{display:none}.account-menu{position:absolute;top:50px;right:0}.create-button{font-size:0;margin-left:0}.create-button .icon{display:block}.auth-links a{font-size:12px}main{width:100%;margin:10px 0}.forum-welcome{padding:18px 14px}.forum-welcome h1{font-size:22px}.forum-welcome>a{display:none}.forum-notice{font-size:13px}.forum-search{margin:10px}.forum-columns{display:none}.forum-row{grid-template-columns:38px minmax(0,1fr);padding:13px 12px}.forum-number{display:none}.forum-last{grid-column:2;color:var(--muted);border-top:1px dashed var(--line);padding-top:7px}.forum-box{border-left:0;border-right:0}.forum-stats{border-left:0;border-right:0}.forum-stats>div{gap:12px;display:grid;grid-template-columns:1fr 1fr}.form-card,.thread,.reply,.reply-form,.profile,.page-head,.notice-item{border-left:0;border-right:0}.admin-grid{display:block}.admin-card{width:100%;border-left:0;border-right:0}footer{width:100%;padding:18px 12px;display:grid;gap:6px}}