:root{--color-cream:#fffbf7;--color-cream-soft:#fff8f0;--color-cream-warm:#fef5e7;--color-sand:#f7efe5;--color-sand-soft:#faf6f1;--color-butter:#f5e6b8;--color-butter-soft:#fdf4d4;--color-amber:#e8b86d;--color-amber-soft:#f2d49b;--color-terracotta:#d4a574;--color-terracotta-soft:#e6c4a4;--color-earth:#8b7355;--color-bark:#5c4a3a;--color-bark-soft:#7a6656;--color-sage:#b5c4b0;--color-sage-soft:#d4e0d0;--color-blush:#f0e4de;--color-rose-beige:#e8ddd6;--bg-primary:var(--color-cream);--bg-secondary:var(--color-cream-soft);--bg-tertiary:var(--color-sand-soft);--bg-card:var(--color-sand-soft);--bg-card-elevated:#fff;--bg-highlight:var(--color-butter-soft);--bg-highlight-soft:#f5e6b866;--text-primary:var(--color-bark);--text-secondary:var(--color-earth);--text-muted:#b8a898;--accent-primary:var(--color-amber);--accent-secondary:var(--color-terracotta);--accent-success:var(--color-sage);--accent-rose:var(--color-blush);--border-subtle:#8b735514;--border-medium:#8b735526;--border-warm:#d4a57433;--font-heading:"PingFang TC","Hiragino Sans GB","Microsoft YaHei","STHeiti",serif;--font-body:"PingFang TC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-subtle:0 2px 8px #8b73550f;--shadow-medium:0 4px 16px #8b735514;--shadow-elevated:0 8px 32px #8b73551f;--shadow-card:0 4px 20px #8b73550f;--shadow-card-hover:0 8px 32px #8b73551a;--shadow-soft:0 2px 12px #e8b86d14;--shadow-inner:inset 0 2px 4px #8b73550a;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-full:9999px}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-amber{color:var(--color-amber)}.bg-cream{background:var(--color-cream)}.bg-sand{background:var(--color-sand)}.bg-butter{background:var(--color-butter)}.card-warm{background:var(--bg-card-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card-warm:hover{box-shadow:var(--shadow-card-hover)}.card-highlight{background:var(--bg-highlight);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card-elevated{background:var(--bg-card-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium)}.warm-gradient-bg{position:relative}.warm-gradient-bg:before{content:"";pointer-events:none;background:radial-gradient(at 20% 10%,#f0e4de66 0%,#0000 40%),radial-gradient(at 80% 90%,#fdf4d44d 0%,#0000 40%);position:absolute;inset:0}.corner-decor{position:relative}.corner-decor:before{content:"";background:linear-gradient(135deg,transparent 50%,var(--color-blush)50%);border-radius:0 var(--radius-lg)0 0;opacity:.6;width:80px;height:80px;position:absolute;top:0;right:0}