:root{--background-color: #f1ede6;--background-color2: #fbf9f5;--background-color-fx: rgba(163, 74, 58, .06);--text-color: #2a2723;--text-color-secondary: #756e64;--text-color-fx: #2a2723;--text-on-accent: #fffaf5;--accent-color: #a34a3a;--accent-hover: #8c3c2e;--accent-soft: #f3e4de;--border-color: rgba(42, 39, 35, .12);--border-strong: rgba(42, 39, 35, .22);--hover-background-color: #f4efe8;--hover-text-color: #1d1b18;--retro-shadow: none;--retro-shadow-hover: none;--retro-border-width: 1px;--border-radius: 14px;--border-radius-sm: 10px;--border-radius-xs: 6px;--border-radius-sketch: 10px;--ui-font-family: "Noto Serif TC", "Noto Serif SC", "Songti TC", "PMingLiU", serif;--display-font-family: "Noto Serif TC", "Noto Serif SC", "Songti TC", serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-default: background-color .2s ease, border-color .2s ease, color .2s ease, opacity .2s ease, transform .25s var(--ease-out);--topbar-bg: rgba(251, 249, 245, .8);--catalog-glass-bg: rgba(251, 249, 245, .82);--catalog-glass-hover: rgba(255, 254, 251, .95);--overlay-bg: rgba(33, 30, 26, .32);--panel-shadow: 0 1px 2px rgba(42, 39, 35, .04), 0 18px 48px -12px rgba(42, 39, 35, .16);--dropdown-bg: #fbf9f5;--cover-bg: #e6e0d6;--cover-shadow: 0 1px 2px rgba(42, 39, 35, .08), 0 8px 20px -8px rgba(42, 39, 35, .28);--topbar-shadow: none;--topbar-height: calc(64px + env(safe-area-inset-top)) ;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--chapter-top-bar-height: 100px;--chapter-bottom-bar-height: 64px;--surface-raised: rgba(251, 249, 245, .9);--surface-muted: rgba(251, 249, 245, .76);--bg-wash-linear: linear-gradient(180deg, rgba(241, 237, 230, .3) 0%, rgba(241, 237, 230, .62) 42%, rgba(241, 237, 230, .86) 100%);--bg-wash-vignette: radial-gradient(ellipse 110% 90% at 50% 20%, transparent 40%, rgba(241, 237, 230, .4) 100%);--bg-wash-accent: linear-gradient(transparent, transparent);--selection-bg: rgba(163, 74, 58, .18);--page-bg-photo: url(/bg-light.webp);--card-surface: rgba(251, 249, 245, .88);--toast-info-color: var(--accent-color);--toast-success-color: #4c7a5a;--toast-error-color: #b0473b;--toast-warning-color: #976f35}[data-theme=dark]{--background-color: #0f131b;--background-color2: #161b25;--background-color-fx: rgba(224, 162, 124, .07);--text-color: #e7e2d9;--text-color-secondary: #9ba1ac;--text-color-fx: #e7e2d9;--text-on-accent: #1c1510;--accent-color: #e0a27c;--accent-hover: #ecb896;--accent-soft: #33291f;--border-color: rgba(231, 226, 217, .1);--border-strong: rgba(231, 226, 217, .2);--hover-background-color: #1d2330;--hover-text-color: #f6f2ea;--topbar-bg: rgba(15, 19, 27, .78);--catalog-glass-bg: rgba(22, 27, 37, .84);--catalog-glass-hover: rgba(29, 35, 48, .94);--overlay-bg: rgba(5, 7, 11, .62);--panel-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 24px 56px -12px rgba(0, 0, 0, .6);--dropdown-bg: #161b25;--cover-bg: #1f2531;--cover-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 24px -8px rgba(0, 0, 0, .7);--surface-raised: rgba(22, 27, 37, .88);--surface-muted: rgba(22, 27, 37, .72);--bg-wash-linear: linear-gradient(180deg, rgba(15, 19, 27, .35) 0%, rgba(15, 19, 27, .66) 42%, rgba(15, 19, 27, .88) 100%);--bg-wash-vignette: radial-gradient(ellipse 110% 90% at 50% 20%, transparent 40%, rgba(8, 10, 15, .5) 100%);--bg-wash-accent: linear-gradient(transparent, transparent);--selection-bg: rgba(224, 162, 124, .26);--page-bg-photo: url(/bg-dark.webp);--card-surface: rgba(22, 27, 37, .86);--toast-info-color: var(--accent-color);--toast-success-color: #86b894;--toast-error-color: #e8907f;--toast-warning-color: #d6ad68}html:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--background-color);background-image:var(--bg-wash-accent),var(--bg-wash-vignette),var(--bg-wash-linear),var(--page-bg-photo);background-size:100% 100%,100% 100%,100% 100%,cover;background-position:center;background-repeat:no-repeat;transition:background-color .35s ease}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;background-color:var(--background-color);color-scheme:light}[data-theme=dark]{color-scheme:dark}body{margin:0;position:relative;z-index:1;min-height:100vh;min-height:100dvh;font-family:var(--ui-font-family);font-weight:500;background:transparent;color:var(--text-color);line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;transition:color .35s ease}::selection{background:var(--selection-bg);color:var(--text-color)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}a,span,h1,h2,h3,h4,h5,h6,p,li{color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-weight:inherit}svg.lucide{stroke-width:1.75}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes homeCardEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}