diff --git a/frontend/src/app/annual-report.css b/frontend/src/app/annual-report.css
index c4597704..2aa6b23a 100644
--- a/frontend/src/app/annual-report.css
+++ b/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 {
diff --git a/frontend/src/components/annual/annual-report-page.tsx b/frontend/src/components/annual/annual-report-page.tsx
index b8515f7f..059cfd07 100644
--- a/frontend/src/components/annual/annual-report-page.tsx
+++ b/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"} />