@charset "UTF-8";:root{--font-base: 18px;--font-sm: 14px;--font-md: 16px;--font-xs: 12px;--font-lg: 20px;--font-xl: 24px;--font-xxl: 32px;--font-title: 36px}:root,[data-theme=day]{--bg-page: linear-gradient(180deg, #87CEEB 0%, #B8E0F5 25%, #E8F5E9 55%, #C8E6C9 80%, #A5D6A7 100%);--bg-card: rgba(255, 255, 255, .82);--bg-card-hover: rgba(255, 255, 255, .95);--bg-card-solid: #ffffff;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .35);--bg-glass: rgba(255, 255, 255, .72);--bg-glass-strong: rgba(255, 255, 255, .9);--bg-sun: radial-gradient(ellipse at 50% 0%, rgba(255, 224, 130, .35) 0%, rgba(255, 193, 7, .15) 40%, transparent 65%);--bg-navbar: rgba(255, 255, 255, .75);--text-primary: #4E342E;--text-secondary: #795548;--text-light: #A1887F;--text-white: #ffffff;--text-link: #FF8C42;--text-heading: #3E2723;--color-primary: #FF8C42;--color-primary-light: #FFB380;--color-primary-dark: #E57733;--color-accent: #66BB6A;--color-accent-light: #A5D6A7;--color-sky: #5DADE2;--color-sky-light: #87CEEB;--color-grass: #68D391;--color-grass-light: #A8E6CF;--color-amber: #FFD93D;--color-sunset: #FF6B35;--color-wood: #8D6E63;--color-wood-light: #BCAAA4;--border-color: rgba(139, 90, 43, .1);--border-color-light: rgba(139, 90, 43, .06);--border-color-hover: rgba(255, 140, 66, .35);--shadow-card: 0 3px 14px rgba(139, 90, 43, .06);--shadow-card-hover: 0 8px 28px rgba(139, 90, 43, .12);--shadow-sm: 0 2px 8px rgba(139, 90, 43, .05);--shadow-md: 0 4px 16px rgba(139, 90, 43, .08);--shadow-lg: 0 8px 32px rgba(139, 90, 43, .1);--shadow-glow: 0 0 24px rgba(255, 140, 66, .2);--btn-primary: linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%);--btn-primary-hover: linear-gradient(135deg, #FF6B35 0%, #E55A2B 100%);--btn-secondary: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);--btn-gradient: linear-gradient(135deg, #FF8C42 0%, #FFD93D 100%);--wc-sky: linear-gradient(180deg, rgba(135, 206, 235, .7) 0%, rgba(184, 224, 245, .5) 50%, rgba(232, 245, 233, .3) 100%);--wc-cloud: rgba(255, 255, 255, .55);--wc-grass-1: linear-gradient(180deg, rgba(168, 230, 207, .55) 0%, rgba(200, 230, 201, .75) 50%, rgba(165, 214, 167, .85) 100%);--wc-grass-2: linear-gradient(180deg, rgba(104, 211, 145, .45) 0%, rgba(168, 230, 207, .65) 50%, rgba(200, 230, 201, .8) 100%);--wc-grass-3: linear-gradient(180deg, rgba(76, 175, 80, .35) 0%, rgba(104, 211, 145, .55) 50%, rgba(168, 230, 207, .75) 100%);--wc-blade: linear-gradient(to top, rgba(104, 211, 145, .75), rgba(168, 230, 207, .55));--wc-flower-opacity: 1;--wc-plant-opacity: 1;--glow-avatar: radial-gradient(circle, rgba(255, 224, 102, .45) 0%, transparent 70%);--glow-primary: rgba(255, 140, 66, .18);--glow-accent: rgba(102, 187, 106, .18);--glow-warm: radial-gradient(ellipse at 50% 100%, rgba(255, 193, 7, .12) 0%, transparent 60%);--forum-bg: linear-gradient(180deg, rgba(139, 90, 43, .04) 0%, rgba(161, 136, 127, .06) 100%)}[data-theme=night]{--bg-page: linear-gradient(180deg, #0B0B2B 0%, #1A1A4E 20%, #1E2A4A 45%, #16213E 65%, #1A1A3E 85%, #0F0C29 100%);--bg-card: rgba(22, 33, 62, .82);--bg-card-hover: rgba(30, 45, 80, .9);--bg-card-solid: #1A1A3E;--bg-elevated: #1E2A4A;--bg-overlay: rgba(0, 0, 0, .6);--bg-glass: rgba(11, 11, 43, .65);--bg-glass-strong: rgba(20, 18, 50, .82);--bg-sun: radial-gradient(ellipse at 50% 100%, rgba(255, 107, 53, .15) 0%, rgba(255, 179, 71, .08) 40%, transparent 65%);--bg-navbar: rgba(11, 11, 43, .72);--text-primary: #F0E6D2;--text-secondary: #A0AAB8;--text-light: #6C7A8A;--text-white: #ffffff;--text-link: #FFB347;--text-heading: #F5E6C8;--color-primary: #FFB347;--color-primary-light: #FFD699;--color-primary-dark: #E8923A;--color-accent: #81C784;--color-accent-light: #A5D6A7;--color-sky: #4A6FA5;--color-sky-light: #6B8DD6;--color-grass: #3D5C2D;--color-grass-light: #5A8A42;--color-amber: #FFD93D;--color-sunset: #FF6B35;--color-wood: #8D6E63;--color-wood-light: #6C7A8A;--border-color: rgba(255, 255, 255, .07);--border-color-light: rgba(255, 255, 255, .04);--border-color-hover: rgba(255, 179, 71, .3);--shadow-card: 0 3px 14px rgba(0, 0, 0, .25);--shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .18);--shadow-md: 0 4px 16px rgba(0, 0, 0, .22);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .28);--shadow-glow: 0 0 28px rgba(255, 107, 53, .3);--btn-primary: linear-gradient(135deg, #FF6B35 0%, #FFB347 100%);--btn-primary-hover: linear-gradient(135deg, #E55A2B 0%, #E8923A 100%);--btn-secondary: linear-gradient(135deg, #3D5C2D 0%, #5A8A42 100%);--btn-gradient: linear-gradient(135deg, #FF6B35 0%, #FFD93D 100%);--wc-sky: linear-gradient(180deg, rgba(11, 11, 43, .9) 0%, rgba(22, 33, 62, .8) 50%, rgba(15, 52, 96, .7) 100%);--wc-cloud: rgba(255, 255, 255, .1);--wc-grass-1: linear-gradient(180deg, rgba(15, 52, 96, .55) 0%, rgba(22, 33, 62, .75) 50%, rgba(26, 26, 46, .85) 100%);--wc-grass-2: linear-gradient(180deg, rgba(10, 38, 70, .45) 0%, rgba(15, 52, 96, .65) 50%, rgba(22, 33, 62, .8) 100%);--wc-grass-3: linear-gradient(180deg, rgba(5, 25, 45, .35) 0%, rgba(10, 38, 70, .55) 50%, rgba(15, 52, 96, .75) 100%);--wc-blade: linear-gradient(to top, rgba(10, 38, 70, .55), rgba(15, 52, 96, .35));--wc-flower-opacity: .25;--wc-plant-opacity: .25;--glow-avatar: radial-gradient(circle, rgba(255, 107, 53, .4) 0%, rgba(255, 179, 71, .18) 40%, transparent 70%);--glow-primary: rgba(255, 107, 53, .22);--glow-accent: rgba(129, 199, 132, .18);--glow-warm: radial-gradient(ellipse at 50% 100%, rgba(255, 107, 53, .1) 0%, transparent 60%);--forum-bg: linear-gradient(180deg, rgba(74, 111, 165, .08) 0%, rgba(26, 26, 46, .12) 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-base);line-height:1.6;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:var(--bg-page);transition:background var(--transition-slow)}html{background:transparent}#app{min-height:100vh;position:relative}.container{max-width:800px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border:none;border-radius:9999px;font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--btn-primary);color:var(--text-white)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--btn-secondary);color:var(--text-white)}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #68d3914d}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-gradient{background:var(--btn-gradient);color:var(--text-white)}.btn-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-gradient:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--glow-primary)}.btn-text{background:transparent;color:var(--text-secondary)}.btn-text:hover:not(:disabled){color:var(--color-primary)}.card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:32px;box-shadow:var(--shadow-card);padding:32px;border:1px solid var(--border-color);transition:background var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--border-color-light);border-radius:9999px}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}