From cd0463ea4f3aa90e97f89a872575ae4883cadbfc Mon Sep 17 00:00:00 2001
From: Claude <claude@copse.top>
Date: Sun, 1 Nov 2026 20:25:42 +0800
Subject: [PATCH] fix(annual): name the overlay modifier is-veiled, not
 has-veil
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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                    | 2 +-
 frontend/src/components/annual/annual-report-page.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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"} />