Support ultrawide layout with equal columns and taiji branding.

Use 50/50 mode workspace columns, widen content to 1920px on fish screens, replace header logo with taiji icon, and add full-page taiji backdrop.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/bazi/page.tsx

@@ -1,10 +1,11 @@
 import PageShell from "@/components/page-shell";
 import BaziForm from "@/components/modes/bazi-form";
+import { APP_CONTAINER } from "@/lib/layout";
 
 export default function BaziPage() {
   return (
     <PageShell>
-      <div className="border-b border-border/40 px-4 py-6 text-center">
+      <div className={`${APP_CONTAINER} border-b border-border/40 py-6 text-center`}>
         <h1 className="text-2xl font-bold tracking-wide">生辰八字</h1>
         <p className="mt-2 text-sm text-muted-foreground">
           四柱排盘 · 十神大运 · AI 命理解读

app/combined/page.tsx

@@ -1,10 +1,11 @@
 import PageShell from "@/components/page-shell";
 import CombinedForm from "@/components/modes/combined-form";
+import { APP_CONTAINER } from "@/lib/layout";
 
 export default function CombinedPage() {
   return (
     <PageShell>
-      <div className="border-b border-border/40 px-4 py-6 text-center">
+      <div className={`${APP_CONTAINER} border-b border-border/40 py-6 text-center`}>
         <h1 className="text-2xl font-bold tracking-wide">综合测算</h1>
         <p className="mt-2 text-sm text-muted-foreground">
           天时 · 地利 · 人和 · 六爻可选

app/globals.css

@@ -72,7 +72,7 @@
   }
 
   body {
-    @apply gap flex flex-col bg-background text-foreground zen-bg;
+    @apply gap flex flex-col bg-background/95 text-foreground;
   }
 
   body {
@@ -122,4 +122,8 @@
   .zen-card-glow {
     background: radial-gradient(circle, hsl(var(--primary) / 0.06) 0%, transparent 70%);
   }
+
+  .zen-card {
+    @apply bg-card/85 backdrop-blur-sm;
+  }
 }

app/learn/other/page.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import PageShell from "@/components/page-shell";
 import { GuaGrid } from "@/components/learn/gua-grid";
 import { ZenCard } from "@/components/ui/zen-card";
+import { APP_CONTAINER } from "@/lib/layout";
 import {
   getGuaName,
   guaNumFromMark,
@@ -17,7 +18,7 @@ export default async function LearnOtherPage() {
   }));
 
   return (
-    <PageShell className="max-w-6xl px-4 py-8">
+    <PageShell className={`${APP_CONTAINER} py-8`}>
       <div className="mb-8 text-center">
         <h1 className="text-2xl font-bold tracking-wide">易经学习</h1>
         <p className="mt-2 text-sm text-muted-foreground">

app/learn/page.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import PageShell from "@/components/page-shell";
 import { GuaGrid } from "@/components/learn/gua-grid";
 import { ZenCard } from "@/components/ui/zen-card";
+import { APP_CONTAINER } from "@/lib/layout";
 import {
   getGuaName,
   guaNumFromMark,
@@ -17,7 +18,7 @@ export default async function LearnPage() {
   }));
 
   return (
-    <PageShell className="max-w-6xl px-4 py-8">
+    <PageShell className={`${APP_CONTAINER} py-8`}>
       <div className="mb-8 text-center">
         <h1 className="text-2xl font-bold tracking-wide">易经学习</h1>
         <p className="mt-2 text-sm text-muted-foreground">

app/liuyao/page.tsx

@@ -1,10 +1,11 @@
 import PageShell from "@/components/page-shell";
 import LiuyaoForm from "@/components/modes/liuyao-form";
+import { APP_CONTAINER } from "@/lib/layout";
 
 export default function LiuyaoPage() {
   return (
     <PageShell>
-      <div className="border-b border-border/40 px-4 py-6 text-center">
+      <div className={`${APP_CONTAINER} border-b border-border/40 py-6 text-center`}>
         <h1 className="text-2xl font-bold tracking-wide">六爻算卦</h1>
         <p className="mt-2 text-sm text-muted-foreground">
           问事 · 起卦时空 · 线上 / 线下六爻

app/page.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import PageShell from "@/components/page-shell";
 import { BookOpen, BrainCircuit, Compass, Sparkles } from "lucide-react";
 import { ZenCard } from "@/components/ui/zen-card";
+import { APP_CONTAINER } from "@/lib/layout";
 
 const MODULES = [
   {
@@ -36,7 +37,7 @@ const MODULES = [
 
 export default function Home() {
   return (
-    <PageShell className="max-w-4xl px-4 py-10 sm:py-14">
+    <PageShell className={`${APP_CONTAINER} py-10 sm:py-14`}>
       <div className="mb-10 text-center">
         <p className="text-4xl opacity-30">☯</p>
         <h1 className="mt-2 text-3xl font-bold tracking-[0.2em]">知命阁</h1>