fix(annual): name the overlay modifier is-veiled, not has-veil

A `has-` class made `has` a project class family, so the class contract
started flagging the long-unstyled `has-title` in secondary-header.tsx.
The repo's modifiers are `is-…`.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DbBXoyeZrYn6ryNcSe5Y2Y

frontend/src/app/annual-report.css

@@ -38,7 +38,7 @@
   overflow-y: auto;
   padding: var(--space-10) var(--space-8) var(--space-16);
 }
-.annual-page.has-veil { overflow: hidden; }
+.annual-page.is-veiled { overflow: hidden; }
 @media (max-width: 720px) { .annual-page { padding: var(--space-6) var(--space-4) var(--space-12); } }
 
 .annual-report {

frontend/src/components/annual/annual-report-page.tsx

@@ -450,7 +450,7 @@ export function AnnualReportPage({ initialReportId = null }: Readonly<{ initialR
 
   return (
     <SecondaryPageShell title="年运" waiting={!subjectReady ? "正在打开年运…" : null}>
-      <div className={`annual-page${showVeil ? " has-veil" : ""}`}>
+      <div className={`annual-page${showVeil ? " is-veiled" : ""}`}>
         {overviewError ? <p className="annual-error" role="alert">{overviewError}</p> : null}
         {report?.annual && !failed ? (
           <AnnualReportView snapshot={report.annual} generating={report.status === "generating"} />