.d{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;overflow:hidden}.d-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) 16px 0;height:calc(var(--navbar-height) + env(safe-area-inset-top,0px));background:#c62828;z-index:20}.d-nav__back{font-family:var(--font-ui);font-size:var(--text-sm);color:#fff8e1;padding:6px 14px;border-radius:999px;background:#ffffff26;transition:background .15s}.d-nav__back:active{background:#ffffff4d}.d-nav__title{font-family:var(--font-brush);font-size:1.2rem;color:#fff8e1;letter-spacing:.1em;flex:1;text-align:center}.d-nav__toggle{font-family:var(--font-ui);font-size:var(--text-xs);padding:5px 14px;border-radius:999px;border:1.5px solid rgba(255,248,225,.5);color:#fff8e1;background:transparent;transition:all .15s}.d-nav__toggle--on{border-color:#fff8e1;background:#fff3}.d-body{flex:1;overflow:hidden;position:relative}.d-bg-wrap{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:0}.d-bg{display:block;width:100%;height:auto;opacity:.25}.d-scroll{position:relative;z-index:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:0 14px;-webkit-overflow-scrolling:touch}.d-meta{text-align:center;padding:20px 0 16px}.d-meta__title-row{display:inline-flex;align-items:flex-end;gap:6px}.d-meta__title-char{display:flex;flex-direction:column;align-items:center}.d-meta__title-pinyin{font-family:var(--font-ui);font-size:.82rem;color:#c62828;font-style:italic;line-height:1.4;min-height:1.2em;letter-spacing:.01em}.d-meta__title-hanzi{font-family:var(--font-brush);font-size:2.8rem;color:#c62828;line-height:1.1}.d-meta__author{font-family:var(--font-ui);font-size:var(--text-sm);color:#666;margin-top:8px;letter-spacing:.1em}.d-split{display:flex;gap:10px;align-items:stretch;margin-bottom:14px}.d-split__poem{flex:0 0 auto;min-width:0;background:#ffffff0d;border-radius:18px;padding:14px 10px;border:1.5px solid rgba(198,40,40,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.d-split__notes-wrap{flex:1 1 auto;min-width:0;position:relative;align-self:stretch}.d-split__notes{width:100%;height:100%;background:#ffffff0d;border-radius:18px;padding:12px 10px;border:1.5px solid rgba(198,40,40,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.d-split--col{flex-direction:column}.d-split--col .d-split__notes-wrap{align-self:auto;width:100%}.d-split--col .d-split-rings{position:absolute;top:-14px;left:0;width:100%;height:20px;flex-direction:row;padding:0 20px;justify-content:space-evenly;align-items:center;margin-bottom:0}.d-split--col .d-ring{width:13px;height:20px;border-bottom-color:#c62828;border-right-color:transparent}.d-badge{align-self:flex-start;font-family:var(--font-ui);font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;background:#c62828;color:#fff}.d-notes-list{display:flex;flex-direction:column;gap:7px}.d-note{font-family:var(--font-ui);font-size:.76rem;color:#333;line-height:1.65}.d-note__num,.d-note__word{color:#c62828;font-weight:700}.d-section{background:#ffffff0d;border-radius:18px;padding:14px;border:1.5px solid rgba(198,40,40,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.d-section__text{font-family:var(--font-ui);font-size:var(--text-sm);color:#444;line-height:1.9}.d-footer{position:relative;z-index:10;flex-shrink:0;padding:8px 16px calc(12px + env(safe-area-inset-bottom,0px));background:transparent;display:flex;flex-direction:column;gap:8px}.d-footer__memorize{position:fixed;right:20px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:64px;height:64px;border-radius:50%;background:#c62828;color:#fff8e1;font-family:var(--font-brush);font-size:1rem;font-weight:700;letter-spacing:.05em;box-shadow:0 4px 20px #c6282873;transition:transform .1s,opacity .1s;z-index:100;display:flex;align-items:center;justify-content:center}.d-footer__memorize:active{transform:scale(.93);opacity:.9}.d-footer__nav{display:flex;gap:10px}.d-footer__nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 0;border-radius:999px;border:1.5px solid rgba(198,40,40,.2);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-ui);font-size:var(--text-sm);color:#c62828;transition:all .15s}.d-footer__nav-btn:not(:disabled):active{background:#c6282814}.d-footer__nav-arrow{font-size:1.2rem;line-height:1;color:#c62828}.d-footer__nav-label{font-size:var(--text-sm)}.d-footer__nav-btn:disabled{opacity:.3;cursor:not-allowed}.d-footer__nav-btn:not(:disabled):active{background:#ffffff26;border-color:#fff8e1}.d-loading{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column}.d-loading__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.d-loading__icon{width:80px;height:80px;border-radius:20px;animation:d-bounce .8s ease-in-out infinite alternate}.d-loading__text{font-family:var(--font-brush);font-size:2.4rem;color:#c62828;letter-spacing:.15em;display:flex;align-items:flex-end}.d-loading__char{display:inline-block;animation:d-wave 1.2s ease-in-out infinite}.d-loading__dot{display:inline-block;animation:d-wave 1.2s ease-in-out infinite;color:#c62828;font-size:2.8rem}@keyframes d-wave{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-14px) scale(1.2) rotate(-8deg)}60%{transform:translateY(4px) scale(.9) rotate(4deg)}}.d-split-rings{position:absolute;top:0;left:-14px;width:20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:20px 0;z-index:2;pointer-events:none}.d-ring{width:20px;height:13px;border-radius:50%;border:2.5px solid #C62828;border-bottom-color:transparent;opacity:.7;position:relative;flex-shrink:0;background:transparent}:root{--bg: #FFFDF8;--surface: #FFFFFF;--ink: #18120A;--ink-light: #8C7A60;--accent: #E53935;--gold: #F59E0B;--green: #10B981;--border: #EDE8DF;--card-bg: #FFFFFF;--card-left: #C62828;--card-text: #18120A;--font-brush: "Ma Shan Zheng", cursive;--font-serif: "Noto Serif SC", serif;--font-ui: "ZCOOL KuaiLe", sans-serif;--text-xs: .72rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-poem: 1.75rem;--radius-card: 14px;--shadow-card: 0 2px 12px rgba(150, 80, 30, .08);--shadow-card-hover: 0 6px 24px rgba(150, 80, 30, .16);--navbar-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);min-height:100%;overflow-x:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-font-smoothing:antialiased}#root{min-height:100%;max-width:480px;margin:0 auto;position:relative}button{cursor:pointer;border:none;background:none;font-family:var(--font-ui);font-size:var(--text-base);color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}