/* 网络烂梗调查委员会 · 共用样式 */
:root{
  --ink:#1a2e28; --ink-soft:#3d5149; --paper:#f7f5ef; --paper-2:#efece2;
  --green:#1f4d3f; --green-2:#2f6d58; --brass:#b8892b; --line:#d9d4c6;
  --danger:#8c3a2b;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--paper); color:var(--ink);
  font-family:"Source Han Serif SC","Noto Serif SC",Georgia,"Songti SC",serif;
  line-height:1.75; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}

/* ── 顶栏 ── */
header{border-bottom:2px solid var(--green);background:var(--paper);position:sticky;top:0;z-index:50}
.bar{max-width:1080px;margin:0 auto;padding:14px 28px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.logo{font-weight:900;font-size:20px;letter-spacing:.12em;color:var(--green)}
.logo span{color:var(--brass)}
.tag{font-size:11px;letter-spacing:.22em;color:var(--ink-soft);opacity:.75}
nav{margin-left:auto;display:flex;gap:20px;font-size:13px;align-items:center}
nav a{color:var(--ink-soft);letter-spacing:.04em;border-bottom:1px solid transparent;padding-bottom:2px;cursor:pointer}
nav a:hover{color:var(--green);border-bottom-color:var(--brass)}
nav a.who{font-size:12px;color:var(--brass);border:1px solid var(--brass);padding:2px 9px;border-radius:2px}
nav a.who:empty{display:none}

/* ── 按钮 ── */
.btn{display:inline-block;padding:11px 26px;border-radius:2px;font-size:14px;letter-spacing:.12em;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .2s}
.btn.primary{background:var(--green);color:var(--paper)}
.btn.primary:hover{background:var(--green-2)}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}
.btn.ghost:hover{background:var(--paper-2)}

/* ── 表单页 ── */
.form-shell{max-width:820px;margin:0 auto;padding:44px 28px 60px}
.form-head{margin-bottom:30px}
.kicker{font-size:11px;letter-spacing:.3em;color:var(--brass);margin-bottom:10px}
.form-head h1{font-size:32px;font-weight:900;letter-spacing:.04em;color:var(--green);margin-bottom:10px}
.form-head p{font-size:13.5px;color:var(--ink-soft);max-width:60ch}
.form-head p b{color:var(--danger)}

.big-form{display:flex;flex-direction:column;gap:22px}
fieldset{border:1px solid var(--line);border-radius:2px;padding:20px 22px 18px;background:var(--paper)}
fieldset legend{font-size:12px;letter-spacing:.24em;color:var(--brass);padding:0 8px;margin-left:-4px}
.f{display:block;margin-bottom:14px}
.f:last-child{margin-bottom:0}
.f > span{display:block;font-size:12px;letter-spacing:.12em;color:var(--ink-soft);margin-bottom:6px}
.f > span b{color:var(--danger)}
.f input, .f textarea, .f select{
  width:100%;padding:10px 12px;border:1px solid var(--line);background:#fff;
  font-family:inherit;font-size:14px;color:var(--ink);border-radius:2px;
}
.f textarea{resize:vertical;line-height:1.7}
.f input:focus, .f textarea:focus, .f select:focus{
  outline:none;border-color:var(--green-2);box-shadow:0 0 0 2px rgba(47,109,88,.12);
}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.msg{font-size:13px;padding:10px 14px;border-radius:2px;display:none}
.msg.ok{display:block;background:#e3ecdf;color:#2d5c3e}
.msg.err{display:block;background:#f3ded9;color:var(--danger)}

.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:4px}
.form-foot{margin-top:26px;font-size:11.5px;color:var(--ink-soft);opacity:.7;border-top:1px solid var(--line);padding-top:16px}

/* ── 认证页（登录/注册）── */
.auth-shell{max-width:440px;margin:0 auto;padding:60px 28px 60px}
.auth-head{text-align:center;margin-bottom:28px}
.auth-head .kicker{margin-bottom:8px}
.auth-head h1{font-size:26px;font-weight:900;color:var(--green);letter-spacing:.06em;margin-bottom:8px}
.auth-head p{font-size:13px;color:var(--ink-soft)}
.auth-form{display:flex;flex-direction:column;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:26px 24px}
.auth-form .f{margin-bottom:0}
.auth-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--ink-soft)}
.auth-switch a{color:var(--green);border-bottom:1px solid var(--brass);cursor:pointer}

/* ── 管理台 ── */
.admin-shell{max-width:900px;margin:0 auto;padding:40px 28px 60px}
.admin-item{border-bottom:1px solid var(--line);padding:16px 0}
.admin-item:last-child{border-bottom:none}
.admin-item .top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.admin-item .meta{font-size:11.5px;color:var(--ink-soft);opacity:.8}
.admin-item .body{font-size:13px;color:var(--ink-soft);line-height:1.7;margin:6px 0}
.admin-item .acts{display:flex;gap:8px;margin-top:10px}
.admin-item .acts .btn{padding:7px 18px;font-size:12.5px}
.badge{display:inline-block;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;padding:3px 8px;border-radius:2px;letter-spacing:.1em}
.badge[data-lv=A]{background:#e3ecdf;color:#3d6b4a}
.badge[data-lv=B]{background:#eef0d8;color:#6f7d2e}
.badge[data-lv=C]{background:#f6e8d2;color:#a06f1a}
.badge[data-lv=D]{background:#f3ded9;color:var(--danger)}

.empty{padding:36px 0;text-align:center;color:var(--ink-soft);opacity:.7;font-size:13px}

@media (max-width:760px){
  .row2{grid-template-columns:1fr}
  .form-head h1{font-size:26px}
  .bar{padding:12px 18px;gap:10px}
  .tag{display:none}
}