.d{height:100dvh;background:#fff;display:flex;flex-direction:column;overflow:hidden}.d-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--navbar-height);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}.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;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:14px}.d-split__poem{flex:1 1 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{flex:1 1 120px;min-width:120px;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}.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{flex-shrink:0;padding:8px 16px calc(12px + env(safe-area-inset-bottom,0px));background:transparent;z-index:10;display:flex;flex-direction:column;gap:8px}.d-footer__memorize{width:100%;padding:14px 0;background:#c62828;color:#fff8e1;border-radius:999px;font-family:var(--font-brush);font-size:var(--text-xl);letter-spacing:.1em;font-weight:700;box-shadow:0 4px 20px #c6282859;transition:transform .1s,opacity .1s}.d-footer__memorize:active{transform:scale(.97);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}: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}}