html,body,#app{max-width:100vw;overflow-x:hidden}.app-root{min-height:100vh;background:var(--color-bg);color:var(--color-text-primary)}.app-root.is-mobile{max-width:480px;margin:0 auto;background:var(--color-bg);box-shadow:0 0 24px #2e251b26;overflow-x:hidden}.app-root.is-pc{max-width:1600px;margin:0 auto;overflow-x:hidden}:root{--color-bg: #F5EFE0;--color-bg-soft: #EFE6D2;--color-bg-elevated: #FBF6E8;--color-bg-overlay: #E8DEC4;--color-paper: #FAF4E2;--color-border: #D9CBA6;--color-divider: #E5D9B6;--color-text-primary: #2E251B;--color-text-secondary: #6E5E45;--color-text-tertiary: #A89978;--color-text-on-brand: #FFFFFF;--color-brand: #5A6B3F;--color-brand-soft: #E5E5C5;--color-brand-hover: #6F8050;--color-accent: #B5483A;--color-warning: #C68A2E;--color-success: #6B8E4E;--color-rating: #C68A2E;--color-overlay: rgba(46, 37, 27, .55);--color-hover: #E8DEC4;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-xs: 10px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--font-3xl: 28px;--font-family-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: Georgia, "Source Han Serif SC", "Noto Serif SC", "STSong", "SimSun", "FangSong", "STFangsong", serif;--shadow-sm: 0 1px 2px rgba(46, 37, 27, .08);--shadow-md: 0 4px 12px rgba(46, 37, 27, .12);--shadow-lg: 0 8px 24px rgba(46, 37, 27, .16);--gradient-poster: linear-gradient(180deg, transparent 0%, rgba(46, 37, 27, .55) 100%);--gradient-hero: linear-gradient(135deg, #6F8050 0%, #5A6B3F 100%);--reader-bg: var(--color-paper);--reader-text: var(--color-text-primary);--reader-link: var(--color-brand)}[data-reader-theme=night]{--reader-bg: #1F1B14;--reader-text: #B8A982;--reader-link: #B5A06C}[data-reader-theme=green]{--reader-bg: #CCE8CF;--reader-text: #2E251B;--reader-link: #4A5E33}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:var(--font-family-ui);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}ul,ol{list-style:none;margin:0;padding:0}img{display:block;max-width:100%}input,textarea{font-family:inherit;outline:none;border:none;color:inherit;background:transparent}@media(min-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c9b98a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b0a06e}::-webkit-scrollbar-track{background:transparent}}