*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif);-webkit-font-smoothing:antialiased;background:var(--color-bg, #FAFAFA);color:var(--color-text, #111827);font-size:15px;line-height:1.55}img,video{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea{font:inherit;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 10px);padding:12px 14px;width:100%;background:#fff;color:inherit;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--color-primary, #4F46E5)}.btn-primary{background:var(--color-primary, #4F46E5);color:var(--color-on-primary, #fff);border:none;border-radius:var(--radius-lg, 14px);padding:14px 24px;font-weight:600;font-size:16px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));transition:transform .12s,opacity .12s}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-primary[disabled]{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-primary, #4F46E5);border:1px solid var(--color-primary, #4F46E5);border-radius:var(--radius-md, 10px);padding:10px 18px;font-weight:500}[data-style=warm_growth]{--color-primary: #F59E0B;--color-accent: #FBBF24;--color-bg: #FFFBF2;--color-surface: #FFFFFF;--color-text: #422006;--color-text-soft: #7C5A1E;--color-border: #FCEDC9;--color-on-primary: #FFFFFF;--font-display: "Noto Serif SC", "Songti SC", "Times New Roman", serif;--font-body: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 6px rgba(245, 158, 11, .12);--shadow-md: 0 6px 18px rgba(245, 158, 11, .18);--shadow-lg: 0 18px 40px rgba(245, 158, 11, .22);--gradient-hero: linear-gradient(135deg, #FEF3C7 0%, #FED7AA 100%);--motion-curve: cubic-bezier(.34, 1.56, .64, 1)}[data-style=piano_dark]{--color-primary: #312E81;--color-accent: #F4D06F;--color-bg: #0F0E22;--color-surface: #1B1A3A;--color-text: #E8E4FF;--color-text-soft: #A9A5D6;--color-border: #2D2B5E;--color-on-primary: #F4D06F;--font-display: "Noto Serif SC", "Songti SC", Georgia, serif;--font-body: "Noto Serif SC", "Songti SC", Georgia, serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6);--gradient-hero: linear-gradient(135deg, #1B1A3A 0%, #312E81 60%, #6C2BD9 100%);--motion-curve: cubic-bezier(.16, 1, .3, 1)}[data-style=art_minimal]{--color-primary: #111827;--color-accent: #EF4444;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text: #111827;--color-text-soft: #6B7280;--color-border: #E5E7EB;--color-on-primary: #FFFFFF;--font-display: "HelveticaNeue-CondensedBold", "PingFang SC", sans-serif;--font-body: "Helvetica Neue", "PingFang SC", sans-serif;--radius-sm: 0px;--radius-md: 2px;--radius-lg: 4px;--radius-xl: 6px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 1px 0 #E5E7EB;--gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #F3F4F6 100%);--motion-curve: cubic-bezier(.25, .1, .25, 1)}[data-style=future_ai]{--color-primary: #0EA5E9;--color-accent: #A855F7;--color-bg: #050918;--color-surface: #0B1228;--color-text: #E2F1FF;--color-text-soft: #7AA0CC;--color-border: #1B2A4E;--color-on-primary: #FFFFFF;--font-display: "JetBrains Mono", "Menlo", "Consolas", monospace;--font-body: -apple-system, "PingFang SC", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--shadow-sm: 0 0 12px rgba(14, 165, 233, .35);--shadow-md: 0 0 24px rgba(14, 165, 233, .45);--shadow-lg: 0 0 48px rgba(168, 85, 247, .35);--gradient-hero: linear-gradient(135deg, #050918 0%, #1E3A8A 50%, #6B21A8 100%);--motion-curve: cubic-bezier(.65, 0, .35, 1)}[data-style=kids_colorful]{--color-primary: #EC4899;--color-accent: #22D3EE;--color-bg: #FFF5FA;--color-surface: #FFFFFF;--color-text: #3B0764;--color-text-soft: #7E22CE;--color-border: #FBCFE8;--color-on-primary: #FFFFFF;--font-display: "Noto Sans SC", "PingFang SC", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", sans-serif;--radius-sm: 16px;--radius-md: 22px;--radius-lg: 32px;--radius-xl: 999px;--shadow-sm: 0 4px 12px rgba(236, 72, 153, .18);--shadow-md: 0 10px 28px rgba(236, 72, 153, .25);--shadow-lg: 0 24px 60px rgba(168, 85, 247, .3);--gradient-hero: linear-gradient(135deg, #FBCFE8 0%, #C4B5FD 35%, #A5F3FC 100%);--motion-curve: cubic-bezier(.34, 1.56, .64, 1)}