@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600;700;900&family=Inter:wght@300;400;450;500;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--gold-50: #FCF9F2;--gold-100: #F5EDDA;--gold-200: #ECD9A8;--gold-300: #E0C176;--gold-400: #C9A96E;--gold-500: #B8944D;--gold-600: #9A7B3E;--gold-700: #7B6235;--gold-800: #5C492B;--cream-50: #FDFCFA;--cream-100: #FAF7F2;--cream-200: #F5F0E8;--cream-300: #EDE5D8;--cream-400: #E0D5C3;--charcoal-50: #F5F4F3;--charcoal-100: #E8E6E3;--charcoal-300: #9C9790;--charcoal-500: #63605A;--charcoal-700: #3A3732;--charcoal-800: #2B2824;--charcoal-900: #1A1815;--charcoal-950: #11100E;--burgundy-50: #FDF7F7;--burgundy-100: #F9ECEC;--burgundy-300: #D49595;--burgundy-500: #A05252;--burgundy-700: #6B3030;--burgundy-900: #3D1818;--primary: var(--gold-400);--primary-light: var(--gold-300);--primary-dark: var(--gold-600);--primary-subtle: var(--gold-50);--accent: var(--burgundy-500);--accent-subtle: var(--burgundy-50);--bg: var(--cream-50);--bg-card: rgba(250, 247, 242, .85);--bg-card-solid: #FAF7F2;--bg-elevated: #FFFFFF;--bg-overlay: rgba(26, 24, 21, .6);--text: var(--charcoal-900);--text-secondary: var(--charcoal-500);--text-muted: var(--charcoal-300);--text-inverse: var(--cream-100);--border: var(--cream-300);--border-light: var(--cream-200);--border-focus: var(--gold-400);--success: #6B8F71;--success-bg: #F0F6F1;--error: #A05252;--error-bg: #FDF7F7;--warning: #B8944D;--warning-bg: #FCF9F2;--font-serif: "Noto Serif SC", "SimSun", "STSong", serif;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-sans: "Inter", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 56px;--space-4xl: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26, 24, 21, .04);--shadow-sm: 0 1px 4px rgba(26, 24, 21, .06), 0 2px 8px rgba(26, 24, 21, .04);--shadow-md: 0 4px 16px rgba(26, 24, 21, .06), 0 2px 8px rgba(26, 24, 21, .04);--shadow-lg: 0 8px 32px rgba(26, 24, 21, .08), 0 4px 12px rgba(26, 24, 21, .04);--shadow-xl: 0 16px 48px rgba(26, 24, 21, .1), 0 8px 20px rgba(26, 24, 21, .06);--shadow-gold: 0 4px 20px rgba(201, 169, 110, .15);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-luxury: .7s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-weight:400;font-size:.9375rem;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;background:var(--bg);overflow:hidden}.app-shell.admin-route{max-width:100%}.app-shell:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(201,169,110,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(201,169,110,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 60%,rgba(160,82,82,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app-shell>*{position:relative;z-index:1}.display-xl{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--text)}.display-lg{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1.25;letter-spacing:-.005em}.display-md{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;line-height:1.3}.heading{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;line-height:1.4}.heading-sm{font-family:var(--font-serif);font-size:1rem;font-weight:600;line-height:1.5}.body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.7;color:var(--text)}.body-sm{font-size:.875rem;line-height:1.6}.caption{font-size:.75rem;line-height:1.5;color:var(--text-muted)}.gold-text{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gold-accent{color:var(--gold-500)}.text-center{text-align:center}.text-right{text-align:right}.text-serif{font-family:var(--font-serif)}.mt-4{margin-top:var(--space-2xs)}.mt-8{margin-top:var(--space-xs)}.mt-12{margin-top:var(--space-sm)}.mt-16{margin-top:var(--space-md)}.mt-24{margin-top:var(--space-lg)}.mt-32{margin-top:var(--space-xl)}.mt-40{margin-top:var(--space-2xl)}.mb-4{margin-bottom:var(--space-2xs)}.mb-8{margin-bottom:var(--space-xs)}.mb-16{margin-bottom:var(--space-md)}.mb-24{margin-bottom:var(--space-lg)}.mb-32{margin-bottom:var(--space-xl)}.page{padding:var(--space-lg) var(--space-md);animation:pageIn var(--duration-slow) var(--ease-out-expo)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid rgba(224,213,195,.5);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold);border-color:var(--gold-200)}.card.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card.card-gold{background:linear-gradient(135deg,#c9a96e14,#c9a96e05);border-color:#c9a96e4d}.card.card-solid{background:var(--bg-elevated);-webkit-backdrop-filter:none;backdrop-filter:none}.card-line-gold{position:relative;overflow:hidden}.card-line-gold:before{content:"";position:absolute;top:0;left:var(--space-lg);right:var(--space-lg);height:1px;background:linear-gradient(90deg,transparent,var(--gold-300),transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 32px;text-align:center;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;letter-spacing:.02em;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:#fff;box-shadow:0 4px 16px #c9a96e4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #c9a96e66}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #c9a96e4d}.btn-secondary{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--gold-300)}.btn-outline{background:transparent;border:1px solid var(--gold-400);color:var(--gold-600)}.btn-outline:hover:not(:disabled){background:#c9a96e0f;border-color:var(--gold-500)}.btn-ghost{background:transparent;color:var(--text-secondary);width:auto}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--cream-200)}.btn-sm{padding:8px 20px;font-size:.8125rem;width:auto}input,textarea,select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;color:var(--text);background:var(--bg-elevated);outline:none;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}textarea{resize:vertical;min-height:100px;line-height:1.7}input:focus,textarea:focus,select:focus{border-color:var(--gold-400);box-shadow:0 0 0 3px #c9a96e1f}input::placeholder,textarea::placeholder{color:var(--text-muted);font-family:var(--font-sans)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:.875rem}.checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold-400);cursor:pointer;flex-shrink:0}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--cream-300),transparent);margin:var(--space-lg) 0}.divider-gold{height:1px;background:linear-gradient(90deg,transparent,var(--gold-300),transparent);margin:var(--space-lg) 0}.divider-vertical{width:1px;height:100%;background:linear-gradient(0deg,transparent,var(--cream-300),transparent)}.progress{width:100%;height:4px;background:var(--cream-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--gold-300),var(--gold-500));transition:width var(--duration-slow) var(--ease-out-expo)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;letter-spacing:.02em}.badge-gold{background:var(--gold-50);color:var(--gold-700)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.avatar{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--cream-200),var(--cream-300));display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--gold-600);flex-shrink:0}.avatar-lg{width:72px;height:72px;font-size:1.75rem;border-radius:var(--radius-lg)}.avatar-xl{width:96px;height:96px;font-size:2.25rem;border-radius:var(--radius-xl)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:480px;width:100%;display:flex;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#ffffffd9;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-top:1px solid rgba(224,213,195,.4);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--text-muted);padding:6px 8px;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out-expo)}.tab-item>svg{width:22px;height:22px;opacity:.5;transition:opacity var(--duration-normal) var(--ease-out-expo)}.tab-item[aria-current=page],.tab-item.active{color:var(--gold-600)}.tab-item[aria-current=page]>svg,.tab-item.active>svg{opacity:1;color:var(--gold-500)}.tab-label{font-size:.625rem;font-weight:500;letter-spacing:.02em}.skeleton{background:linear-gradient(90deg,var(--cream-200) 25%,var(--cream-300) 50%,var(--cream-200) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%);max-width:440px;width:calc(100% - 32px);padding:14px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:450;box-shadow:var(--shadow-lg);z-index:200;animation:toastIn var(--duration-normal) var(--ease-out-expo)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-bubble{max-width:78%;padding:14px 18px;border-radius:20px;font-size:.9375rem;line-height:1.6;animation:bubbleIn var(--duration-normal) var(--ease-out-expo)}.chat-bubble-user{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#fff;border-bottom-right-radius:6px}.chat-bubble-ai{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-light);border-bottom-left-radius:6px;color:var(--text)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--cream-50)}.admin-sidebar{width:220px;background:var(--charcoal-900);color:var(--cream-100);flex-shrink:0;display:flex;flex-direction:column}.admin-main{flex:1;padding:var(--space-xl);overflow:auto;max-width:1200px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.admin-stat-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:box-shadow var(--duration-normal) var(--ease-out-expo)}.admin-stat-card:hover{box-shadow:var(--shadow-md)}.admin-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.2}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{text-align:left;padding:12px 16px;color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--border-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-fade-up{animation:fadeUp var(--duration-slow) var(--ease-out-expo) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out-expo) both}.stagger>*{animation:fadeUp var(--duration-slow) var(--ease-out-expo) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:80ms}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.24s}.stagger>*:nth-child(5){animation-delay:.32s}.stagger>*:nth-child(6){animation-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}