:root{--background-color: #eee7e2;--background-color2: #f8f3ef;--background-color-fx: rgba(138, 91, 111, .08);--text-color: #302a33;--text-color-secondary: #766b74;--text-color-fx: #302a33;--text-on-accent: #fffafb;--accent-color: #a95670;--accent-hover: #c36e89;--accent-soft: #ead7dd;--border-color: rgba(91, 71, 81, .18);--hover-background-color: #f0e6e7;--hover-text-color: #251f27;--retro-shadow: 0 8px 26px rgba(65, 45, 56, .1);--retro-shadow-hover: 0 14px 34px rgba(65, 45, 56, .17);--retro-border-width: 1px;--border-radius: 14px;--border-radius-sm: 10px;--border-radius-xs: 7px;--border-radius-sketch: 14px;--ui-font-family: "LXGW WenKai TC", "Noto Sans TC", sans-serif;--display-font-family: "Noto Serif TC", "Noto Serif SC", serif;--transition-default: all .22s ease;--topbar-bg: rgba(248, 243, 239, .78);--catalog-glass-bg: rgba(255, 251, 248, .48);--catalog-glass-hover: rgba(255, 251, 248, .76);--overlay-bg: rgba(49, 35, 45, .3);--panel-shadow: 0 14px 40px rgba(65, 45, 56, .12);--dropdown-bg: #f8f3ef;--cover-bg: #e2d4d3;--topbar-shadow: 0 1px 0 rgba(91, 71, 81, .1), 0 10px 30px rgba(65, 45, 56, .08);--topbar-height: calc(70px + env(safe-area-inset-top)) ;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--chapter-bottom-bar-height: 56px;--surface-raised: rgba(255, 252, 249, .78);--surface-muted: rgba(255, 252, 249, .48);--bg-wash-linear: linear-gradient(135deg, rgba(238, 231, 226, .42), rgba(246, 237, 235, .28));--bg-wash-vignette: radial-gradient(ellipse 90% 80% at 50% 34%, transparent 0%, rgba(238, 231, 226, .18) 100%);--bg-wash-accent: radial-gradient(ellipse 72% 50% at 50% 0%, rgba(169, 86, 112, .05), transparent 70%);--selection-bg: rgba(169, 86, 112, .24);--page-bg-photo: url(/bg-light.webp);--card-surface: linear-gradient(145deg, rgba(255, 252, 249, .86), rgba(246, 237, 235, .74))}[data-theme=dark]{--background-color: #19151e;--background-color2: #251e2a;--background-color-fx: rgba(223, 132, 162, .08);--text-color: #ded2d9;--text-color-secondary: #a99aa5;--text-color-fx: #ded2d9;--text-on-accent: #fff8fa;--accent-color: #df809f;--accent-hover: #f0a1ba;--accent-soft: #46313e;--border-color: rgba(240, 220, 232, .14);--hover-background-color: #302735;--hover-text-color: #fff7fb;--retro-shadow: 0 10px 28px rgba(0, 0, 0, .28);--retro-shadow-hover: 0 16px 42px rgba(0, 0, 0, .42);--topbar-bg: rgba(25, 21, 30, .76);--catalog-glass-bg: rgba(36, 29, 42, .56);--catalog-glass-hover: rgba(50, 40, 57, .82);--overlay-bg: rgba(10, 7, 13, .6);--panel-shadow: 0 16px 44px rgba(0, 0, 0, .38);--dropdown-bg: #251e2a;--cover-bg: #312735;--topbar-shadow: 0 1px 0 rgba(255, 240, 249, .08), 0 10px 30px rgba(0, 0, 0, .34);--surface-raised: rgba(38, 31, 44, .8);--surface-muted: rgba(38, 31, 44, .55);--bg-wash-linear: linear-gradient(135deg, rgba(15, 12, 19, .52), rgba(26, 20, 31, .46));--bg-wash-vignette: radial-gradient(ellipse 90% 80% at 50% 34%, transparent 0%, rgba(10, 7, 13, .35) 100%);--bg-wash-accent: radial-gradient(ellipse 72% 50% at 50% 0%, rgba(223, 128, 159, .06), transparent 70%);--selection-bg: rgba(223, 128, 159, .32);--page-bg-photo: url(/bg-dark.webp);--card-surface: linear-gradient(145deg, rgba(42, 34, 48, .86), rgba(30, 24, 35, .78))}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)}body{margin:0;position:relative;z-index:1;min-height:100vh;min-height:100dvh;font-family:var(--ui-font-family);background:transparent;color:var(--text-color);line-height:1.65;-webkit-font-smoothing:antialiased;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}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes homeCardEntrance{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(orientation:portrait){html:before{background-position:center,center,center,center}}@media(max-width:480px){:root{--topbar-height: calc(66px + env(safe-area-inset-top)) }}