body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Noto Sans TC}.ebook-app{background:radial-gradient(circle at top left,rgba(255,246,196,.65),transparent 32rem),linear-gradient(135deg,#f8f1da,#d8ead5 48%,#b9dcc6);box-sizing:border-box;color:#243926;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.ebook-app,.story-player{overflow:hidden;overscroll-behavior:none}.story-player{grid-gap:clamp(12px,2vw,20px);display:grid;gap:clamp(12px,2vw,20px);grid-template-rows:auto minmax(0,1fr);height:100%;margin:0 auto;max-width:1280px;min-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.story-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:10px 4px 0}.story-header h1{color:#21492a;font-size:clamp(1.6rem,4vw,3.1rem);letter-spacing:.01em;line-height:1.05;margin:2px 0 0}.story-eyebrow{color:#5d7f46;font-size:clamp(.78rem,1.5vw,.98rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.story-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.story-control-button{-webkit-tap-highlight-color:transparent;background:hsla(0,0%,100%,.84);border:0;border-radius:999px;box-shadow:0 8px 22px rgba(59,96,50,.12);color:#315f36;cursor:pointer;font-family:inherit;font-weight:800;min-height:48px;padding:0 18px;touch-action:manipulation}.story-control-button:disabled{cursor:default;opacity:.45}.story-progress{background:rgba(33,73,42,.12);border-radius:999px;color:#21492a;font-weight:900;min-width:76px;padding:12px 16px;text-align:center}.story-page{grid-gap:clamp(12px,2vw,20px);display:grid;gap:clamp(12px,2vw,20px);grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}.story-page-with-menu{grid-template-rows:minmax(0,1fr) auto}.story-page-shake .story-illustration{-webkit-animation:story-shake .42s ease;animation:story-shake .42s ease}.story-illustration{background:hsla(0,0%,100%,.42);border:12px solid hsla(0,0%,100%,.8);border-radius:clamp(22px,4vw,36px);box-shadow:0 22px 48px rgba(58,82,46,.22);box-sizing:border-box;display:flex;min-height:0;overflow:hidden;position:relative;touch-action:none}.story-illustration-audio{cursor:pointer}.story-media{background:#f9f3df;display:block;height:100%;max-height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}video.story-media{pointer-events:auto}.story-audio-hint{background:rgba(255,252,237,.9);border-radius:999px;bottom:clamp(14px,3vw,28px);box-shadow:0 8px 22px rgba(59,96,50,.16);color:#315f36;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:900;padding:12px 18px;pointer-events:none;position:absolute;right:clamp(14px,3vw,28px)}.story-choice-panel{min-height:0}.story-choice-panel-card{grid-gap:14px;background:rgba(255,252,237,.94);border-radius:clamp(22px,4vw,34px);box-shadow:0 16px 42px rgba(80,97,54,.18);display:grid;gap:14px;padding:clamp(18px,3vw,28px)}.story-choice-title{color:#315f36;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:900;margin:0;text-align:center}.story-choice-list{grid-gap:12px;display:grid;gap:12px}.story-choice-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#ffdf77,#f2b84b);border:0;border-radius:999px;box-shadow:0 10px 22px rgba(143,103,24,.2);color:#4a320b;cursor:pointer;font-family:inherit;font-size:clamp(1rem,2vw,1.25rem);font-weight:900;min-height:62px;padding:14px 24px;touch-action:manipulation}.story-choice-button:active{-webkit-transform:scale(.98);transform:scale(.98)}.story-feedback{background:#ffe4df;border-radius:16px;color:#9b2518;font-size:clamp(1rem,2vw,1.2rem);font-weight:900;padding:12px 14px;text-align:center}.story-panel{background:rgba(255,252,237,.92);border-radius:clamp(22px,4vw,34px);box-shadow:0 16px 42px rgba(80,97,54,.18)}.story-panel-content{grid-gap:16px;display:grid;gap:16px;padding:clamp(18px,3vw,30px)}.story-narration{color:#2d432d;font-size:clamp(1.25rem,3vw,2rem);font-weight:750;line-height:1.42;margin:0 auto;max-width:880px;text-align:center}.story-control-button:active{-webkit-transform:scale(.98);transform:scale(.98)}@media (orientation:landscape) and (min-width:760px){.story-page,.story-page-with-menu{grid-template-rows:minmax(0,1fr)}.story-page-with-menu{grid-template-columns:minmax(0,1fr) minmax(280px,28%)}.story-choice-panel-card{align-content:center;box-sizing:border-box;height:100%}}@media (max-width:720px){.ebook-app{padding:max(12px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}.story-header{align-items:flex-start;flex-direction:column}.story-controls{justify-content:space-between;width:100%}.story-control-button{flex:1 1 130px}.story-progress{order:-1;width:100%}}@-webkit-keyframes story-shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-14px);transform:translateX(-14px)}40%{-webkit-transform:translateX(12px);transform:translateX(12px)}60%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}80%{-webkit-transform:translateX(7px);transform:translateX(7px)}}@keyframes story-shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-14px);transform:translateX(-14px)}40%{-webkit-transform:translateX(12px);transform:translateX(12px)}60%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}80%{-webkit-transform:translateX(7px);transform:translateX(7px)}}
/*# sourceMappingURL=main.3737ef26.css.map*/