.qa-area { --qa-ink:#14110b; --qa-paper:#fffdf6; --qa-blue:#2f6bff; color:var(--qa-ink); font-family:"Space Grotesk","Noto Sans SC","Microsoft YaHei",sans-serif; scroll-margin-top:120px; }
.qa-area *, .qa-page * { box-sizing:border-box; }
.qa-area [hidden], .qa-page [hidden] { display:none !important; }
.qa-area .qa-kicker, .qa-page .qa-kicker { display:block; font-family:"Space Mono",Consolas,monospace; font-size:12px; font-weight:700; letter-spacing:1.5px; color:#2f6bff; margin-bottom:12px; }
.qa-invite { display:flex; align-items:flex-end; justify-content:space-between; gap:26px; border:3px solid #14110b; border-radius:20px; box-shadow:6px 6px 0 #14110b; background:#fffdf6; padding:30px; border-top:9px solid #ff5a3c; }
.qa-invite h2 { margin:0 0 14px; font-size:clamp(23px,3.3vw,36px); line-height:1.35; font-weight:900; letter-spacing:-1px; }
.qa-invite h2 mark { background:#ffcf33; color:#14110b; padding:0 5px; }
.qa-invite p { margin:0; color:#43402f; font-size:15px; line-height:1.9; max-width:670px; }
.qa-invite .qa-note { margin-top:9px; font-size:12px; color:#6b6350; }
.qa-action { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:12px 20px; border:3px solid #14110b; border-radius:10px; background:#2f6bff; color:#fff !important; box-shadow:4px 4px 0 #14110b; font:700 15px/1.5 "Space Grotesk","Noto Sans SC","Microsoft YaHei",sans-serif; text-decoration:none !important; cursor:pointer; flex-shrink:0; }
.qa-action:hover { transform:translate(-1px,-1px); box-shadow:5px 5px 0 #14110b; }
.qa-action:disabled { cursor:wait; opacity:.65; transform:none; }
.qa-action--plain { background:#fffdf6; color:#14110b !important; }
.qa-area :focus-visible, .qa-page :focus-visible { outline:3px solid #2f6bff; outline-offset:4px; }
.qa-list-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:28px 0 14px; }
.qa-list-head h3 { margin:0; font-size:18px; font-weight:900; }
.qa-anonymous { border:2px solid #14110b; padding:3px 9px; background:#eef9cf; font-size:11px; font-weight:700; white-space:nowrap; }
.qa-list { display:grid; gap:14px; }
.qa-item { border:2px solid #14110b; border-radius:12px; background:#fffdf6; box-shadow:3px 3px 0 #14110b; overflow:hidden; }
.qa-item summary { display:flex; align-items:flex-start; gap:12px; padding:19px 20px; cursor:pointer; list-style:none; font-size:16px; font-weight:700; line-height:1.7; }
.qa-item summary::-webkit-details-marker { display:none; }
.qa-letter { display:grid; place-items:center; width:28px; height:28px; align-self:flex-start; flex-shrink:0; background:#ffcf33; border:2px solid #14110b; font-family:"Space Mono",Consolas,monospace; font-size:14px; font-weight:700; line-height:1; }
.qa-question { flex:1; overflow-wrap:anywhere; white-space:pre-wrap; min-width:0; }
.qa-toggle { margin-left:auto; font-size:22px; line-height:28px; }
.qa-item[open] .qa-toggle { transform:rotate(45deg); }
.qa-answer { display:flex; gap:12px; padding:20px; border-top:2px solid #14110b; background:#e2ebff; }
.qa-letter--answer { background:#2f6bff; color:#fff; }
.qa-answer-body { min-width:0; flex:1; }
.qa-answer-body p { margin:8px 0 0; color:#252016; font-size:15px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }
.qa-answer-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:11px; color:#5b5e6b; }
.qa-answer-meta b { color:#14110b; font-size:12px; }
.qa-feedback { margin:0; padding:22px; border:2px dashed #b6ac95; border-radius:12px; background:#fffdf6; color:#6b6350; line-height:1.9; font-size:14px; }
.qa-feedback button { display:block; margin-top:12px; border:2px solid #14110b; padding:5px 12px; font:inherit; background:#ffcf33; cursor:pointer; }
.qa-more { margin:20px auto 0; display:block; padding:9px 20px; border:2px solid #14110b; border-radius:9px; background:#fffdf6; box-shadow:3px 3px 0 #14110b; font-family:inherit; font-size:13px; font-weight:700; line-height:1.5; color:#14110b; cursor:pointer; }
.qa-blog { padding:20px 16px 28px; }
.qa-blog .qa-invite { display:block; padding:22px; border-radius:14px; }
.qa-blog .qa-invite h2 { font-size:24px; }
.qa-blog .qa-action { margin-top:18px; }
.qa-blog .qa-invite p { font-size:14px; }
.qa-blog .qa-item summary { font-size:14px; padding:16px 14px; }
.qa-page { margin:0; min-height:100vh; color:#14110b; background:#f5efe1; font-family:"Space Grotesk","Noto Sans SC","Microsoft YaHei",sans-serif; }
.qa-page-header { max-width:1040px; margin:0 auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.qa-page-brand { text-decoration:none; font-weight:900; font-size:20px; color:#14110b; white-space:nowrap; }
.qa-page-header #userAuthSlot { min-width:0; }
.qa-page-header .umenu-wrap, .qa-page-header .umenu-btn { max-width:100%; }
.qa-page-header .umenu-username { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.qa-page-main { max-width:820px; margin:28px auto 64px; padding:0 24px; }
.qa-back { color:#6b6350; font-size:13px; text-decoration:none; display:inline-block; margin-bottom:24px; }
.qa-page-intro { margin-bottom:26px; }
.qa-page-intro h1 { font-size:clamp(32px,6vw,48px); font-weight:900; line-height:1.2; letter-spacing:-1.5px; margin:0 0 20px; }
.qa-page-intro h1 mark { background:#ffcf33; padding:0 6px; color:#14110b; }
.qa-page-intro p { color:#43402f; font-size:15px; line-height:1.9; margin:8px 0; }
.qa-form { padding:28px; border:3px solid #14110b; border-radius:18px; background:#fffdf6; box-shadow:6px 6px 0 #14110b; }
.qa-form label { display:block; font-size:16px; font-weight:700; margin-bottom:12px; }
.qa-form textarea { display:block; width:100%; min-height:190px; padding:16px; border:2px solid #14110b; border-radius:10px; resize:vertical; background:#fff; color:#14110b; font:15px/1.9 "Space Grotesk","Noto Sans SC","Microsoft YaHei",sans-serif; }
.qa-form-meta { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin:12px 0 22px; color:#6b6350; font-size:12px; line-height:1.8; }
.qa-form-meta span:last-child { white-space:nowrap; }
.qa-form-foot { display:flex; align-items:center; gap:18px; justify-content:space-between; flex-wrap:wrap; }
.qa-auth-note { color:#6b6350; font-size:12px; line-height:1.7; }
.qa-status { margin:18px 0 0; font-size:14px; line-height:1.8; font-weight:700; color:#245b2b; }
.qa-status[data-error="true"] { color:#b4232b; }
.qa-mine { margin-top:44px; }
.qa-mine h2 { font-size:22px; margin:0; }
.qa-mine-note { color:#6b6350; font-size:12px; margin:10px 0 20px; }
.qa-mine-card { padding:20px; border:2px solid #14110b; border-radius:12px; background:#fffdf6; margin-bottom:14px; }
.qa-mine-card .qa-question { margin:14px 0 0; font-size:15px; line-height:1.9; }
.qa-state { padding:3px 7px; border:1px solid #14110b; background:#ffcf33; font-size:11px; font-weight:700; }
.qa-state--published { background:#eef9cf; }
.qa-state--hidden { background:#ebe6d9; }
.qa-page-footer { max-width:820px; margin:0 auto; padding:0 24px 32px; font-size:12px; line-height:1.9; color:#6b6350; }
@media(max-width:640px) {
  .qa-invite { display:block; padding:23px 20px; }
  .qa-invite .qa-action { margin-top:22px; }
  .qa-item summary, .qa-answer { padding:17px 14px; gap:10px; }
  .qa-page-header { padding:18px 16px; }
  .qa-page-brand { font-size:17px; }
  .qa-page-header { gap:12px; }
  .qa-page-header #userAuthSlot { max-width:calc(100% - 145px); }
  .qa-page-header .umenu-btn { min-width:0; }
  .qa-page-main { margin-top:20px; padding:0 16px; }
  .qa-form { padding:20px 16px; }
  .qa-form-foot { align-items:stretch; flex-direction:column; gap:14px; }
  .qa-form-foot .qa-action { width:100%; }
  .qa-form-meta { gap:10px; }
}