.dir-main{padding-top:56px}
.dir-intro{max-width:780px;padding-bottom:28px}
.dir-intro h1{font-size:clamp(40px,5vw,64px);line-height:1.02;margin:10px 0 18px}
.dir-checked{color:var(--muted);font-size:14px}
.dir-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.dir-nav a{border:1px solid var(--line);border-radius:999px;padding:6px 13px;text-decoration:none;font-size:14px;background:var(--white)}
.dir-group{border-top:1px solid var(--line);padding-top:30px;margin-top:30px}
.dir-group>h2{font-size:clamp(28px,3vw,38px);margin:0 0 10px}
.dir-category{margin:22px 0 8px}
.dir-category h3{font-size:18px;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.dir-count{font:600 12px/1 var(--sans);background:var(--red-soft);color:var(--red-dark);border-radius:999px;padding:4px 8px}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.dir-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.dir-card h4{margin:0 0 6px;font-size:16px;line-height:1.3}
.dir-card h4 a{text-decoration:none}
.dir-card h4 a:hover{text-decoration:underline;text-decoration-color:var(--red)}
.dir-zh{color:var(--muted);font-weight:400;font-size:14px;white-space:nowrap}
.dir-card p{margin:0;font-size:14.5px;line-height:1.45}
.dir-card .dir-meta{margin-top:10px;color:var(--muted);font-size:13px}
.dir-notes{margin-top:44px;border-top:1px solid var(--line);padding-top:26px;max-width:780px}
.dir-main .events-help{text-align:center;background:#e7ebdc;margin:45px 0 75px;padding:40px 25px}
.dir-main .events-help p{max-width:620px;margin:10px auto 18px}