.journal-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.journal-filters .filter-tabs{margin:0}.journal-filters select{background:var(--brand-primary);color:inherit;border:1px solid #ffffff30;padding:10px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 32px;display:grid}.journal-card{overflow-wrap:anywhere;min-width:0;display:block}.journal-card img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;margin-bottom:20px;display:block}.journal-card p{color:#bbc5d0;margin:14px 0;line-height:1.8}.journal-card>p:first-of-type{color:var(--accent);font-size:13px}.journal-card h2{margin:14px 0}.journal-empty{color:#bbc5d0;padding:64px 0}@media (max-width:800px){.journal-grid{grid-template-columns:1fr;gap:40px}}.journal-filters .filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.journal-filters .filter-tabs button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff30;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;line-height:1.5;display:inline-flex}.journal-filters .filter-tabs button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--brand-primary)}.journal-filters .filter-tabs button:hover{border-color:var(--accent)}.journal-filters :is(button,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.journal-filters select{min-height:44px}.journal-grid .journal-card img{aspect-ratio:16/9;border-radius:14px}@media (min-width:1100px){.journal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}}.journal-filters .filter-tabs{gap:6px}.journal-filters .filter-tabs button{color:#bbc7d0;border:1px solid #0000;border-radius:6px;min-height:44px;padding:8px 24px;font:400 16px/24px Noto Sans TC,sans-serif}.journal-filters .filter-tabs button[aria-pressed=true]{background:var(--accent);color:var(--brand-primary);border-color:#0000}
