@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e2e2e2;background-color:#0a0a0a;font-family:Noto Serif SC,serif;overflow:hidden}.micro-lecture-app{isolation:isolate;color:#e2e2e2;background-color:#0a0a0a;min-height:100vh;position:relative}.assistant-dock{z-index:120;position:fixed;top:1rem;left:1rem}.assistant-trigger{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;display:block}.assistant-trigger:focus-visible,.assistant-page__close:focus-visible,.assistant-chat__input:focus-visible,.assistant-chat__send:focus-visible{outline-offset:6px;outline:2px solid #ffd700e6}.assistant-trigger__image{filter:drop-shadow(0 20px 35px #00000061);width:9rem;height:auto;transition:transform .25s,filter .25s;display:block}.assistant-trigger:hover .assistant-trigger__image{filter:drop-shadow(0 24px 40px #00000075);transform:translateY(-2px)scale(1.02)}.assistant-page{z-index:125;place-items:center;padding:5.5rem 2rem 2rem;display:grid;position:fixed;inset:0}.assistant-page__veil{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#00000042,#00000080);position:absolute;inset:0}.assistant-page__close{z-index:1;color:#f5edd7;letter-spacing:.16em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c0c8a;border:1px solid #ffffff29;border-radius:999px;padding:.72rem 1.15rem;font-size:.8rem;transition:transform .25s,background-color .25s,border-color .25s;position:absolute;top:1.4rem;right:1.5rem}.assistant-page__close:hover{background:#ffd7001f;border-color:#ffd7008f;transform:translateY(-2px)}.assistant-page__dialog{z-index:1;background:url(/micro-lecture/talkimage.jpg) 50%/cover no-repeat;border-radius:1.75rem;width:min(72rem,100vw - 4rem);height:min(44rem,100vh - 8rem);position:relative;overflow:hidden;box-shadow:0 32px 90px #00000075}.assistant-page__dialog:before{content:"";background:linear-gradient(#0f0d0a85,#0e0b07c7);position:absolute;inset:0}.assistant-page__content{z-index:1;grid-template-rows:1fr auto;gap:1rem;height:100%;padding:1.35rem;display:grid;position:relative}.assistant-chat__header{justify-content:space-between;align-items:flex-start;display:flex}.assistant-chat__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#ffdb85c7;margin:0 0 .3rem;font-size:.76rem}.assistant-chat__title{color:#fbf4df;margin:0;font-size:1.2rem}.assistant-chat__messages{align-self:stretch;gap:.9rem;padding-right:.35rem;display:grid;overflow-y:auto}.scene--quiz{background:#00000042;justify-content:center;align-items:center;min-height:100vh;padding:6rem 1.5rem 2rem;display:flex}.quiz-shell{width:min(60rem,100%)}.quiz-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#18140ed6,#0e0b08c7),#110e0aad;border:1px solid #ffffff24;border-radius:1.6rem;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 28px 60px #00000052}.quiz-kicker{letter-spacing:.28em;color:#ffd770c2;margin:0 0 .6rem;font-size:.82rem}.quiz-title{color:#fbf4df;letter-spacing:.12em;margin:0 0 1.2rem;font-size:clamp(1.7rem,3vw,2.35rem)}.quiz-question{color:#f8f1dc;margin:0 0 1.5rem;font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:1.9}.quiz-options{gap:.95rem;display:grid}.quiz-option{color:#f8f1dc;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:1.05rem;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;width:100%;padding:1rem 1.15rem;transition:transform .25s,border-color .25s,background-color .25s,box-shadow .25s;display:grid}.quiz-option:hover{background:#ffd77014;border-color:#ffd77080;transform:translateY(-2px);box-shadow:0 14px 30px #00000029}.quiz-option.is-selected{border-color:#ffd770b8}.quiz-option.is-correct{background:#7ac97424;border-color:#7ac974db}.quiz-option.is-wrong{background:#e76f511f;border-color:#e76f51d6}.quiz-option__key{color:#ffd76a;background:#ffd77024;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:inline-flex}.quiz-option__text{font-size:1rem;line-height:1.8}.quiz-feedback{background:#fff8e70f;border:1px solid #ffffff1f;border-radius:1rem;margin-top:1.35rem;padding:1rem 1.1rem}.quiz-feedback__result,.quiz-feedback__explanation{color:#f6eed8;margin:0;line-height:1.9}.quiz-feedback__result{color:#ffd76a;margin-bottom:.5rem}.quiz-feedback-enter-active,.quiz-feedback-leave-active{transition:opacity .25s,transform .25s}.quiz-feedback-enter-from,.quiz-feedback-leave-to{opacity:0;transform:translateY(6px)}.assistant-chat__message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:1.15rem;max-width:min(34rem,88%);padding:.95rem 1rem}.assistant-chat__message--assistant{background:#13110eb8;border-bottom-left-radius:.35rem;justify-self:start}.assistant-chat__message--user{background:#845b144d;border-bottom-right-radius:.35rem;justify-self:end}.assistant-chat__message-role{letter-spacing:.14em;color:#ffdd96c7;margin:0 0 .35rem;font-size:.76rem}.assistant-chat__message-content{color:#f8f1dc;white-space:pre-wrap;margin:0;font-size:.97rem;line-height:1.8}.assistant-chat__composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.9rem;display:grid}.assistant-chat__input{resize:none;color:#fff6e1;width:100%;min-height:5.2rem;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0d0bbd;border:1px solid #ffffff24;border-radius:1.15rem;padding:.95rem 1rem;line-height:1.7}.assistant-chat__input::placeholder{color:#f5edd78c}.assistant-chat__send{color:#fff4d4;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#ffd67547,#945e0b80);border:1px solid #ffd77047;border-radius:1rem;min-width:7rem;padding:.95rem 1.15rem;font-size:.92rem;font-weight:700;transition:transform .25s,opacity .25s,border-color .25s}.assistant-chat__send:hover:not(:disabled){border-color:#ffd7708a;transform:translateY(-2px)}.assistant-chat__send:disabled{opacity:.56;cursor:not-allowed}.assistant-page-transition-enter-active,.assistant-page-transition-leave-active{transition:opacity .24s,transform .24s}.assistant-page-transition-enter-from,.assistant-page-transition-leave-to{opacity:0;transform:scale(.985)}.page-stage{z-index:2;width:100%;height:100vh;position:relative;overflow:hidden}.page{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s,transform .55s,visibility .55s;position:absolute;inset:0;transform:translateY(28px)}.page.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.scene{z-index:2}.scene--hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 2rem;display:flex}.hero-title{opacity:0;margin-bottom:3rem;transition:opacity 1.2s,transform 1.2s;transform:translateY(24px)}.page.active .hero-title{opacity:1;transform:translateY(0)}.hero-eyebrow{letter-spacing:.5em;color:#d1d5db;margin:0 0 1rem;font-size:1.25rem}.hero-heading{letter-spacing:.2em;color:#fff;margin:0 0 1rem;font-size:clamp(3rem,7vw,5rem);font-weight:700}.hero-quote{color:#f2c14f;margin:0;font-size:1.125rem;font-style:italic}.hero-prompt-wrap{margin-top:5rem}.hero-prompt{letter-spacing:.2em;color:#9ca3af;margin:0;font-size:.875rem}.scene--poem{background:#0000004d;min-height:100vh;padding:6rem 1.5rem 1.5rem}.poem-layout{flex-direction:column;gap:2rem;min-height:calc(100vh - 7.5rem);display:flex}.poem-figure-column{flex:0 0 38%}.poem-content-column{flex:0 0 50%;justify-content:center;align-items:center;display:flex}.scene--figure-left .poem-figure-column{flex-basis:46%}.scene--figure-left .poem-content-column{flex-basis:44%}.person-figure{justify-content:center;padding:1.5rem 1rem .5rem;display:flex;overflow:visible}.person-figure--left{justify-content:flex-start;transform:translate(-7rem)}.person-portrait{object-fit:contain;filter:drop-shadow(0 16px 30px #00000061);width:min(100%,21rem);max-height:34rem}.person-portrait--large{width:clamp(32rem,150%,52rem);max-width:none;max-height:70vh}.person-portrait--huge{width:clamp(42rem,220%,78rem);max-width:none;max-height:86vh}.person-portrait--double{width:clamp(26rem,125%,40rem);max-width:none;max-height:76vh}.poem-stage{flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:clamp(1rem,2vw,1.8rem);width:100%;min-height:min(32rem,68vh);display:flex}.poem-stage--elevated .poem-title-column{transform:translateY(-1rem)}.poem-stage--elevated .poem-container{padding-top:1rem}.poem-stage--elevated-soft .poem-title-column{transform:translateY(-.85rem)}.poem-stage--elevated-soft .poem-container{padding-top:1.7rem}.page--poem-wangzhihuan .poem-content-column{justify-content:center}.page--poem-wangzhihuan .poem-stage{width:fit-content;max-width:100%;margin-inline:auto}.page--poem-wangzhihuan .poem-title-column{transform:translateY(0)}.page--poem-wangzhihuan .poem-container{padding-top:.75rem;transform:translateY(-2.6rem)}.poem-title-column{flex-direction:column;justify-content:flex-start;align-items:center;gap:.85rem;padding-top:.5rem;display:flex}.poem-title-label{letter-spacing:.3em;color:#ffd770b8;font-size:.78rem}.poem-title-text{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.38em;color:#f7eed0;text-shadow:0 0 24px #ffd7702e;margin:0;font-size:clamp(1.6rem,2.6vw,2.25rem)}.poem-title-text.is-long{letter-spacing:.26em;font-size:clamp(1.18rem,1.9vw,1.52rem)}.poem-author{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.28em;color:#e2e2e2c7;margin:0;font-size:clamp(.92rem,1.4vw,1.08rem)}.poem-container{flex-direction:row-reverse;align-items:flex-start;gap:clamp(.75rem,1.8vw,1.4rem);min-height:min(30rem,64vh);display:flex}.poem-line{color:#e2e2e2;opacity:0;cursor:pointer;pointer-events:none;filter:blur(8px);writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;letter-spacing:.16em;background:0 0;border:none;min-height:min(27rem,58vh);padding:.35rem 0;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.95;transition:opacity .8s,transform .8s,filter .8s,color .25s,text-shadow .25s;overflow:visible;transform:translate(28px)scale(.98)}.poem-line.visible{opacity:1;filter:blur();pointer-events:auto;transform:translate(0)scale(1)}.poem-line:hover{color:gold;text-shadow:0 0 10px #ffd70073;transform:translate(-4px)}.poem-line.active{color:gold;text-shadow:0 0 18px #ffd70070}.poem-line:focus-visible,.nav-button:focus-visible,.close-translation:focus-visible{outline-offset:4px;outline:2px solid #ffd700e6}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{z-index:2;color:#fff;text-align:center;writing-mode:horizontal-tb;text-orientation:mixed;visibility:hidden;opacity:0;background-color:#000000d6;border-radius:.75rem;width:200px;margin-left:-100px;padding:10px;font-size:.875rem;font-weight:400;transition:opacity .25s;position:absolute;bottom:125%;left:50%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.question-gap{inline-size:.45em;display:inline-block}.mist-bg{z-index:0;will-change:transform, filter, background-position;background-repeat:no-repeat;background-size:cover;transition:transform .35s,filter .55s,background-position .55s;position:fixed;inset:0;overflow:hidden}.mist-video,.mist-overlay{width:100%;height:100%;position:absolute;inset:0}.mist-video{object-fit:cover;transition:object-position .55s}.mist-overlay{pointer-events:none;background:linear-gradient(#0a0a0a57,#0a0a0a85)}.smoke{opacity:.1;z-index:1;background:url(https://www.transparenttextures.com/patterns/natural-paper.png);animation:60s linear infinite drift;position:fixed;inset:0}@keyframes drift{0%{background-position:0 0}to{background-position:1000px 500px}}.progress-bar{z-index:100;background:gold;height:4px;transition:width .35s;position:fixed;top:0;left:0}.nav-controls{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c0c70;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 18px 40px #00000042}.nav-button,.close-translation{color:#f5edd7;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;transition:transform .25s,background-color .25s,border-color .25s,color .25s,opacity .25s}.nav-button{letter-spacing:.16em;padding:.55rem 1rem;font-size:.78rem}.nav-button:hover:not(:disabled),.close-translation:hover{color:#ffd76a;background:#ffd7001f;border-color:#ffd7008f;transform:translateY(-2px)}.nav-button:disabled{opacity:.36;cursor:not-allowed}.page-indicator{text-align:center;letter-spacing:.24em;color:#d9c692;min-width:5.4rem;font-size:.82rem}.translation-card{z-index:40;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#ffffff1a;border-radius:1rem;width:min(30rem,100vw - 2rem);padding:1rem;transition:opacity .35s;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.translation-card.is-open{opacity:1;pointer-events:auto}.translation-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.translation-label{color:#facc15;margin:0;font-size:.875rem}.close-translation{letter-spacing:.25em;padding:.5rem 1rem;font-size:.75rem}.translation-meta{color:#d1d5db;margin:0 0 .75rem;font-size:.875rem}.translation-text{white-space:nowrap;color:#fff;margin:0;font-size:1rem;line-height:1.75;overflow-x:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.scene--poem{padding:6rem 2.5rem 2rem}.poem-layout{flex-direction:row;justify-content:space-between;align-items:center}.poem-content-column{justify-content:center}.translation-card{width:34rem;bottom:1.25rem}}@media (width>=1024px){.translation-card{width:36rem}}@media (width<=767px){.assistant-dock{top:.75rem;left:.75rem}.assistant-trigger__image{width:6rem}.assistant-page{padding:4.8rem 1rem 1rem}.assistant-page__close{padding:.62rem .92rem;font-size:.74rem;top:.9rem;right:1rem}.assistant-page__dialog{border-radius:1.2rem;width:min(100%,100vw - 2rem);height:min(38rem,100vh - 6.5rem)}.assistant-page__content{padding:1rem}.assistant-chat__title{font-size:1.05rem}.assistant-chat__message{max-width:100%}.assistant-chat__composer{grid-template-columns:1fr}.assistant-chat__send{width:100%}.nav-controls{gap:.5rem;padding:.65rem .75rem;bottom:1rem;right:1rem}.nav-button{padding:.48rem .78rem;font-size:.72rem}.page-indicator{letter-spacing:.18em;min-width:4.8rem}.person-figure{padding:.5rem 0 0}.person-portrait{width:min(58vw,13rem);max-height:15rem}.person-portrait--large{width:min(88vw,24rem);max-height:22rem}.person-portrait--huge{width:min(98vw,30rem);max-height:28rem}.person-portrait--double{width:min(82vw,21rem);max-height:24rem}.person-figure--left{transform:translate(-2rem)}.scene--quiz{padding:5rem 1rem 1rem}.quiz-card{border-radius:1.2rem;padding:1.2rem}.quiz-title{font-size:1.35rem}.quiz-question{font-size:1rem}.quiz-option{padding:.9rem}.poem-stage{justify-content:center;min-height:16rem}.poem-container{gap:.7rem;min-height:14rem}.poem-title-text{font-size:1.5rem}.poem-title-text.is-long{font-size:1.05rem}.poem-line{min-height:13rem;font-size:1.12rem;line-height:1.8}}@media (prefers-reduced-motion:reduce){.mist-bg,.mist-video,.smoke,.page,.progress-bar,.hero-title,.poem-line,.translation-card,.nav-button,.close-translation{transition:none;animation:none}}html,body,#app{width:100%;min-height:100%;margin:0}#app{min-height:100vh}*,:before,:after{box-sizing:border-box}