.cat-page{min-height:100vh;background:var(--paper);padding:30px 16px 72px}.cat-wrap{max-width:1080px;margin:0 auto}.cat-hero{text-align:center;margin-bottom:26px}.cat-hero-ic{width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-ink);margin-bottom:12px}@media (prefers-color-scheme:dark){.cat-hero-ic{color:var(--brand)}}.cat-hero h1{font-size:clamp(1.9rem,5vw,2.7rem);font-weight:800;letter-spacing:-.02em;margin:0 0 8px;line-height:1.1}.cat-hero p{color:var(--ink-soft);font-size:1.02rem;max-width:60ch;margin:0 auto;line-height:1.55}.cat-search{display:flex;align-items:center;gap:8px;max-width:460px;margin:20px auto 0;background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;padding:6px 6px 6px 16px;box-shadow:var(--shadow)}.cat-search>svg{color:var(--ink-faint);flex:none}.cat-search input{flex:1 1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:.98rem;color:var(--ink);padding:8px 0;outline:none}.cat-search button{flex:none;font-family:inherit;font-size:.9rem;font-weight:800;color:#fff;background:var(--accent);border:none;border-radius:999px;padding:9px 18px;cursor:pointer;transition:background .15s}.cat-search button:hover{background:var(--accent-ink)}.cat-pills{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-bottom:24px}.cat-pill{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:700;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px;transition:.15s}.cat-pill:hover{border-color:var(--brand);color:var(--brand-ink)}.cat-pill i{font-style:normal;font-size:.76rem;font-weight:800;color:var(--ink-faint);background:var(--surface-2);border-radius:999px;padding:1px 7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cat-pill.on{background:var(--brand);border-color:var(--brand);color:#fff}.cat-pill.on i{background:rgba(255,255,255,.22);color:#fff}.cat-resultnote{text-align:center;color:var(--ink-soft);font-size:.92rem;margin:-8px 0 22px}.cat-resultnote a{color:var(--brand-ink);font-weight:700;margin-left:6px}.cat-resultnote a:hover{text-decoration:underline}.cat-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr}@media (min-width:620px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:940px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cat-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .14s,box-shadow .2s,border-color .2s}.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--brand)}.cat-card-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(140deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center}.cat-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cat-card-han{font-size:4.4rem;font-weight:800;color:rgba(255,255,255,.18);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cat-card-date{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:center;background:var(--gold);color:#3a2a06;border-radius:10px;padding:4px 9px 5px;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.2)}.cat-card-date b{font-size:1.05rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cat-card-date i{font-style:normal;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.cat-card-cat{position:absolute;bottom:10px;left:10px;z-index:2;font-size:.72rem;font-weight:700;color:#fff;background:rgba(12,16,28,.55);border-radius:999px;padding:4px 11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cat-card-body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:7px;flex:1 1}.cat-card-body h2{font-size:1.08rem;font-weight:800;line-height:1.32;letter-spacing:-.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-card-meta{font-size:.76rem;color:var(--ink-faint);font-weight:600}.cat-card-body p{color:var(--ink-soft);font-size:.9rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cat-empty{text-align:center;color:var(--ink-soft);line-height:1.7;padding:40px 16px}.cat-empty code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.9em}.cat-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px}.cat-pagebtn{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:.92rem;font-weight:800;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:.15s;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cat-pagebtn:hover{border-color:var(--brand);color:var(--brand-ink)}.cat-pagebtn.on{background:var(--accent);border-color:var(--accent);color:#fff}