:root,:host{font:16px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#610e0e;background:#9d8b7e;--box:#ddcfc1;--shade:#fdf9f4;--soft:#eae3dc}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:30px 20px 50px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 24px}header p{font-size:12px;letter-spacing:.1em;margin:0;opacity:.7}h1{font-size:32px;line-height:1.4;margin:5px 0}h2{font-size:22px;margin:0 0 12px}h3{font-size:18px}a{color:inherit;text-underline-offset:4px}header a{text-decoration:none;font-weight:700}.hero,.box{padding:24px;background:var(--box);border-radius:10px}.hero p{margin:8px 0 20px;opacity:.8}.search{display:grid;gap:8px}.search input{font:inherit;width:100%;min-height:48px;padding:10px 15px;background:var(--shade);border:1px solid transparent;border-radius:10px;color:inherit}.search input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #610e0e;outline-offset:3px}.categories{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.categories a{background:var(--soft);padding:6px 14px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600}.categories a[aria-current=page]{background:#610e0e;color:#fff}.section{margin-top:24px}.questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question{display:block;padding:20px;background:var(--box);border-radius:10px;text-decoration:none;overflow-wrap:anywhere}.question:hover{background:#eae3dc}.question h3{margin:0 0 8px}.question p{font-size:14px;white-space:pre-wrap;margin:0;opacity:.8}.muted{font-size:13px;opacity:.7}.article{background:var(--box);padding:28px;border-radius:10px;overflow-wrap:anywhere}.article .answer{background:var(--soft);padding:16px;border-radius:10px;white-space:pre-wrap}.article p{white-space:pre-wrap}.article img{display:block;max-width:100%;max-height:600px;object-fit:contain;border-radius:10px}.article h2,.article h3,.article h4{margin:28px 0 12px}.article h1{font-size:28px}footer{margin:28px 0;font-size:12px;opacity:.7}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 14px 30px}h1{font-size:26px}header{align-items:flex-start}.hero,.box,.article{padding:20px}.questions{grid-template-columns:minmax(0,1fr)}}