*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;display:flex;justify-content:center;min-height:100vh;font-family:var(--font-body)}.app-container{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg-primary);background-image:var(--paper-texture);position:relative;overflow-x:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--bg-primary: #f5f0e8;--bg-secondary: #ebe4d4;--text-primary: #2c1810;--text-secondary: #5c4a3a;--accent: #8b4513;--border: #c4b59a;--success: #4a7c59;--error: #8b2500;--font-body: "Noto Serif SC", serif;--font-handwriting: "ZCOOL XiaoWei", cursive;--font-display: "Noto Serif SC", serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--paper-texture: radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, .03) 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(92, 74, 58, .04) 0%, transparent 50%), radial-gradient(ellipse at 50% 10%, rgba(196, 181, 154, .06) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(44, 24, 16, .12);--shadow-md: 0 4px 12px rgba(44, 24, 16, .15);--shadow-lg: 0 8px 24px rgba(44, 24, 16, .2)}html{font-size:16px;-webkit-text-size-adjust:100%}body{color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes typewriter{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.3) rotate(-5deg)}60%{opacity:1;transform:scale(.95) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes paper-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #8b451366}50%{box-shadow:0 0 0 8px #8b451300}}.typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);animation:typewriter 2s steps(40,end) forwards,blink-caret .75s step-end infinite}.cipher-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cipher-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--paper-texture);pointer-events:none;z-index:0}.cipher-card>*{position:relative;z-index:1}.cipher-card--elevated{box-shadow:var(--shadow-lg)}.cipher-card--accent{border-color:var(--accent);border-width:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px var(--spacing-xl);background-color:var(--accent);color:#f5f0e8;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;text-decoration:none;letter-spacing:.05em;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-primary:hover{background-color:#7a3b10;box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-primary:disabled{background-color:var(--border);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);background-color:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-decoration:none;letter-spacing:.05em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-secondary:hover{background-color:var(--accent);color:#f5f0e8}.btn-secondary:active{opacity:.8}.input-answer{width:100%;padding:12px var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none}.input-answer:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b451326}.input-answer::placeholder{color:var(--border)}.input-answer--error{border-color:var(--error);box-shadow:0 0 0 3px #8b250026}.input-answer--success{border-color:var(--success);box-shadow:0 0 0 3px #4a7c5926}.text-handwriting{font-family:var(--font-handwriting)}.text-display{font-family:var(--font-display)}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.page-padding{padding:var(--spacing-lg) var(--spacing-md)}.divider{border:none;border-top:1px solid var(--border);margin:var(--spacing-lg) 0}.stamp{display:inline-block;border:2px solid currentColor;padding:4px 10px;transform:rotate(-5deg);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.stamp--success{color:var(--success)}.stamp--accent{color:var(--accent)}.animate-fade-in{animation:fade-in .4s ease forwards}.animate-stamp{animation:stamp-in .5s cubic-bezier(.22,1,.36,1) forwards}.theme-shanghai{--bg-primary: #f5f0e8;--bg-secondary: #ebe4d4;--text-primary: #2c1810;--text-secondary: #5c4a3a;--accent: #8b4513;--border: #c4b59a;--success: #4a7c59;--error: #8b2500;--font-display: "ZCOOL QingKe HuangYou", sans-serif;--paper-texture: radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, .03) 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(92, 74, 58, .04) 0%, transparent 50%), radial-gradient(ellipse at 50% 10%, rgba(196, 181, 154, .06) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(44, 24, 16, .12);--shadow-md: 0 4px 12px rgba(44, 24, 16, .15);--shadow-lg: 0 8px 24px rgba(44, 24, 16, .2)}.theme-nanjing{--bg-primary: #2a2218;--bg-secondary: #3d3226;--text-primary: #e8dcc8;--text-secondary: #a89878;--accent: #8b1a1a;--border: #5a4a3a;--success: #5a8a4a;--error: #cc3333;--font-display: "Ma Shan Zheng", cursive;--paper-texture: radial-gradient(ellipse at 30% 40%, rgba(139, 26, 26, .04) 0%, transparent 60%), radial-gradient(ellipse at 70% 60%, rgba(90, 74, 58, .05) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(42, 34, 24, .2);--shadow-md: 0 4px 12px rgba(42, 34, 24, .25);--shadow-lg: 0 8px 24px rgba(42, 34, 24, .3)}.theme-hangzhou{--bg-primary: #f5f0eb;--bg-secondary: #e8e2d8;--text-primary: #2c3e2c;--text-secondary: #5a6a5a;--accent: #7a9e7e;--border: #c8c0b4;--success: #5a8a5a;--error: #8b3a3a;--font-display: "LXGW WenKai", serif;--paper-texture: radial-gradient(ellipse at 40% 30%, rgba(122, 158, 126, .04) 0%, transparent 60%), radial-gradient(ellipse at 60% 70%, rgba(200, 192, 180, .06) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(44, 62, 44, .1);--shadow-md: 0 4px 12px rgba(44, 62, 44, .12);--shadow-lg: 0 8px 24px rgba(44, 62, 44, .15)}.theme-xian{--bg-primary: #1e1210;--bg-secondary: #2e1e18;--text-primary: #f0e0c8;--text-secondary: #b0956a;--accent: #d4a020;--border: #5a3a2a;--success: #6a8a4a;--error: #cc4444;--font-display: "Zhi Mang Xing", cursive;--paper-texture: radial-gradient(ellipse at 25% 35%, rgba(212, 160, 32, .04) 0%, transparent 60%), radial-gradient(ellipse at 75% 65%, rgba(90, 58, 42, .05) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(30, 18, 16, .25);--shadow-md: 0 4px 12px rgba(30, 18, 16, .3);--shadow-lg: 0 8px 24px rgba(30, 18, 16, .35)}.theme-suzhou{--bg-primary: #f8f5f0;--bg-secondary: #f0ebe3;--text-primary: #2d2926;--text-secondary: #6b5e54;--accent: #4a6fa5;--border: #c8bfb4;--success: #5a8a5a;--error: #8b3a3a;--font-display: "Liu Jian Mao Cao", cursive;--paper-texture: radial-gradient(ellipse at 35% 25%, rgba(74, 111, 165, .03) 0%, transparent 60%), radial-gradient(ellipse at 65% 75%, rgba(200, 191, 180, .05) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(45, 41, 38, .1);--shadow-md: 0 4px 12px rgba(45, 41, 38, .12);--shadow-lg: 0 8px 24px rgba(45, 41, 38, .15)}.theme-default{--bg-primary: #1a1a1a;--bg-secondary: #2c2c2c;--text-primary: #e8e0d4;--text-secondary: #8a7e6e;--accent: #c4b59a;--border: #3a3a3a;--success: #4a7c59;--error: #8b2500;--font-display: "Noto Serif SC", serif;--paper-texture: none;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}