.case-category{position:relative}.category-trigger{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:8px;background:transparent;cursor:pointer;touch-action:manipulation}.category-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#category-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:14px;padding:28px;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #0003;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
#category-dialog::backdrop{background:rgba(15,23,20,.55)}
.category-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font:28px/1 sans-serif;cursor:pointer}
.category-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#category-dialog .category-symbol{width:128px;margin:8px 0 24px}
#category-dialog h2{font-size:clamp(24px,6vw,32px);line-height:1.25;letter-spacing:-.025em;text-wrap:balance;margin:0 0 16px;padding-right:12px}
#category-dialog p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
#category-dialog .category-case{margin-top:24px;padding:20px 0 0}
#category-dialog .category-case strong{font-size:19px}
#category-dialog .category-case em{font-size:12px}
@media(max-width:359px){#category-dialog{padding:24px 20px}}
.category-details{display:inline-flex;align-items:center;min-height:48px;margin-top:20px;padding:10px 16px;border:1px solid currentColor;text-decoration:none;font-size:14px}