@media (min-width: 981px) {
  #desktop-quick-topic-hub { min-height:100vh; margin-left:var(--desktop-left-width); background:#f4f7f6; color:#1c3030; }
  .quick-topic-shell { max-width:1260px; margin:0 auto; padding:54px 64px 88px; }
  .quick-topic-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; padding-bottom:32px; border-bottom:1px solid #cddbd8; }
  .quick-topic-head span { display:block; color:#168f83; font-size:11px; font-weight:800; letter-spacing:.11em; }
  .quick-topic-head h1 { margin:7px 0 9px; color:#1f3438; font-size:36px; line-height:1.15; }
  .quick-topic-head p { max-width:650px; margin:0; color:#63777b; font-size:15px; line-height:1.7; }
  .quick-topic-head aside { display:grid; min-width:118px; padding:18px 20px; border-left:3px solid #1e9086; background:#e6f0ee; }
  .quick-topic-head aside strong { color:#1d5f59; font-size:31px; line-height:1; }
  .quick-topic-head aside span { margin-top:6px; color:#53716f; font-size:12px; letter-spacing:0; }
  .quick-topic-board-list { display:grid; gap:28px; margin-top:32px; }
  .quick-topic-board { overflow:hidden; border:1px solid #cbdad7; border-radius:8px; background:#fff; box-shadow:0 8px 22px rgba(31,71,68,.06); }
  .quick-topic-board > header { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:24px 28px; border-bottom:1px solid #d9e4e1; background:#f8fbfa; }
  .quick-topic-board header span { display:block; color:#1a8d82; font-size:12px; font-weight:800; letter-spacing:.1em; }
  .quick-topic-board h2 { margin:5px 0 0; color:#253c3d; font-size:21px; line-height:1.35; }
  .quick-topic-board header a { flex:0 0 auto; display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border:1px solid #258d83; border-radius:5px; color:#176f67; background:#eff8f6; font-size:13px; font-weight:700; text-decoration:none; }
  .quick-topic-board header a:hover { background:#d9eeea; }
  .quick-topic-paper { padding:28px; columns:2; column-gap:48px; color:#3a4e4f; font-size:14px; line-height:1.82; }
  .quick-topic-paper p { break-inside:avoid; margin:0 0 16px; }
  body.desktop-dark #desktop-quick-topic-hub { background:#111a1a; color:#dfecea; }
  body.desktop-dark .quick-topic-head { border-color:#294342; }
  body.desktop-dark .quick-topic-head h1, body.desktop-dark .quick-topic-board h2 { color:#e7f2f0; }
  body.desktop-dark .quick-topic-head p, body.desktop-dark .quick-topic-paper { color:#a7bcba; }
  body.desktop-dark .quick-topic-head aside { background:#172b2a; }
  body.desktop-dark .quick-topic-board { border-color:#294442; background:#152120; box-shadow:none; }
  body.desktop-dark .quick-topic-board > header { border-color:#294442; background:#182725; }
  body.desktop-dark .quick-topic-board header a { border-color:#3eaaa0; background:#173331; color:#a9eee5; }
}
@media (max-width: 980px) {
  #desktop-quick-topic-hub { background:#f4f7f6; min-height:100vh; }
  .quick-topic-shell { padding:26px 18px 48px; }
  .quick-topic-head { display:block; padding-bottom:22px; border-bottom:1px solid #cddbd8; }
  .quick-topic-head h1 { margin:6px 0; font-size:30px; }
  .quick-topic-head p { color:#63777b; line-height:1.65; }
  .quick-topic-head aside { display:none; }
  .quick-topic-board-list { display:grid; gap:18px; margin-top:22px; }
  .quick-topic-board { overflow:hidden; border:1px solid #cbdad7; border-radius:6px; background:#fff; }
  .quick-topic-board > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px; border-bottom:1px solid #d9e4e1; }
  .quick-topic-board header span { color:#1a8d82; font-weight:800; }
  .quick-topic-board h2 { margin:4px 0 0; font-size:17px; line-height:1.35; }
  .quick-topic-board header a { padding:8px 10px; border:1px solid #258d83; border-radius:4px; color:#176f67; font-size:12px; text-decoration:none; white-space:nowrap; }
  .quick-topic-paper { padding:18px; color:#3a4e4f; font-size:14px; line-height:1.75; }
  .quick-topic-paper p { margin:0 0 14px; }
}