@font-face{font-family:system-serif;src:local("Songti SC"),local("STSong"),local("Noto Serif CJK SC")} 
:root{color-scheme:light;--paper:#f6f3eb;--ink:#293b34;--muted:#6e756d;--line:#dcded2;--accent:#a95436;--serif:system-serif,"Songti SC",STSong,Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;line-height:1.7}button,input,select{font:inherit}button,select,summary,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a{color:inherit}button{color:inherit} .site-header,main,footer{width:min(100% - 64px,1040px);margin-inline:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:2px}.brand-symbol{font-family:Georgia,serif;font-size:41px;line-height:1;color:var(--accent);transform:rotate(-90deg)}.brand-sub{font-family:inherit;font-size:13px;font-weight:400;letter-spacing:2px;margin-left:8px;padding-left:16px;border-left:1px solid #b9bfb4}.text-button{border:0;background:none;padding:10px 0;min-height:44px;font-size:15px}.text-button:hover{text-decoration:underline}.intro{padding:57px 0 37px}.eyebrow{margin:0 0 13px;color:var(--accent);font-size:13px;letter-spacing:2px}.intro h1{margin:0;font-family:var(--serif);font-size:clamp(29px,4vw,41px);line-height:1.5;font-weight:500;letter-spacing:1px}.intro-copy{margin:15px 0 0;color:var(--muted);font-size:16px}.listening-card{display:grid;grid-template-columns:34% 1fr;gap:48px;padding:35px;background:#fffdf7;border:1px solid #e1e2d5;border-radius:4px;box-shadow:0 8px 28px #28382b05}.feature-cover{align-self:center;aspect-ratio:3/4;box-shadow:3px 8px 12px #1b30231a;max-height:410px;width:100%;display:flex}.feature-cover svg{width:100%;height:100%}.feature-content{align-self:center;min-width:0}.feature-content h2{font-family:var(--serif);font-weight:500;font-size:34px;letter-spacing:3px;line-height:1.4;margin:0 0 10px}.author{font-size:14px;color:var(--muted);margin:0}.description{margin:18px 0 14px;font-size:16px;line-height:1.9;max-width:32em}.player-status{font-size:13px;color:var(--muted);min-height:22px;margin:10px 0 3px}.seek-row{width:100%}input[type=range]{display:block;width:100%;margin:0;min-height:32px;accent-color:var(--accent);cursor:pointer}.times{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);margin-top:-1px}.transport{display:flex;justify-content:center;align-items:center;gap:28px;margin:14px 0 11px}.play{border:0;border-radius:99px;background:var(--ink);color:#fffdf7;display:flex;align-items:center;justify-content:center;gap:13px;min-height:59px;padding:10px 32px;font-size:17px;min-width:163px}.play:hover{background:#3e5448}.play span:first-child{font-size:17px}.skip{border:0;background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.1;min-width:48px;min-height:52px;padding:0}.skip span{font-size:29px}.skip small{font-size:11px;margin-top:4px;color:var(--muted)}.player-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;margin-top:18px;font-size:14px}.speed-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.speed-label select{border:0;background:none;color:var(--ink);min-height:44px;font-size:14px}.bookshelf{margin-top:44px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{font-family:var(--serif);font-size:24px;font-weight:500;margin:0}.section-head>span{font-size:13px;color:var(--muted)}.book-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.book-choice{width:100%;display:flex;text-align:left;gap:15px;border:1px solid var(--line);border-radius:3px;background:transparent;padding:18px 14px;align-items:center;position:relative}.book-choice:hover{background:#eeeee3}.book-choice[aria-pressed=true]{border-color:#a5b1a0;background:#e8eddf}.mini-cover{width:57px;height:78px;flex-shrink:0;box-shadow:2px 3px 4px #20362213}.mini-cover svg{height:100%;width:100%}.book-info{min-width:0}.book-info h3{font-family:var(--serif);font-size:19px;font-weight:500;margin:0 0 6px}.book-info p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.book-info .book-meta{margin-top:7px;font-size:12px;color:var(--accent)}.reading-notes{margin-top:38px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;font-size:16px;min-height:64px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;color:var(--muted);font-weight:300}details[open] summary span{transform:rotate(45deg)}.prose{max-width:700px;margin:0 auto;padding:4px 0 27px;line-height:2.05;font-size:17px}.prose p{margin:0 0 1.2em}.prose h3{font-size:18px}.prose a{color:var(--accent);text-underline-offset:4px}.prose ul{padding-left:23px}.prose .notice{font-size:14px;color:var(--muted);border-left:2px solid var(--line);padding-left:16px}.page-message{font-size:14px;min-height:24px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:25px 0 38px;display:flex;align-items:center;gap:20px;color:var(--muted);font-size:13px}footer p{margin:0}.footer-brand{font-family:var(--serif);font-size:17px;letter-spacing:2px;color:var(--ink)}footer small{margin-left:auto;font-size:11px}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);max-width:540px;width:calc(100% - 36px);max-height:85dvh;padding:26px;line-height:1.85}dialog::backdrop{background:#142b2280}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.dialog-head h2{font-family:var(--serif);font-size:24px;font-weight:500;margin:0}.close{background:none;border:0;font-size:30px;min-width:44px;min-height:44px}dialog p{font-size:16px}dialog h3{font-size:17px;margin-bottom:6px}.muted{color:var(--muted);font-size:13px!important}
@media(max-width:760px){.site-header,main,footer{width:calc(100% - 36px)}.site-header{height:80px}.brand{font-size:21px;gap:8px}.brand-sub{display:none}.intro{padding:34px 0 27px}.intro h1{font-size:29px;letter-spacing:0}.intro-copy{font-size:14px;max-width:24em;margin-top:11px}.intro .eyebrow{font-size:11px;margin-bottom:11px}.listening-card{grid-template-columns:78px 1fr;gap:0 20px;padding:24px 20px}.feature-cover{align-self:start;max-height:120px;margin-top:3px;aspect-ratio:3/4}.feature-content{display:contents}.feature-content>.eyebrow{grid-column:2;font-size:11px;letter-spacing:1px;margin-bottom:7px}.feature-content h2{grid-column:2;font-size:27px;letter-spacing:1px;align-self:start;margin:0 0 8px}.feature-content .author{grid-column:2;align-self:start;font-size:12px}.feature-cover{grid-row:1/4}.description{grid-column:1/-1;font-size:16px;margin:23px 0 7px;line-height:1.9}.player{grid-column:1/-1}.player-status{margin:4px 0 1px}.transport{gap:32px;margin:14px 0 9px}.play{min-height:61px;min-width:170px}.player-tools{margin-top:17px}.bookshelf{margin-top:31px}.section-head h2{font-size:22px}.book-list{display:flex;flex-direction:column;gap:11px}.book-choice{padding:15px 16px;gap:18px}.mini-cover{width:47px;height:65px}.book-info h3{font-size:20px;margin-bottom:3px}.book-info p{font-size:12px}.book-info .book-meta{margin-top:4px}.book-choice[aria-pressed=true]::after{content:"当前";font-size:11px;color:#5a715e;margin-left:auto;flex-shrink:0}.reading-notes{margin-top:29px}.prose{font-size:17px}.page-message{margin:15px 0}footer{flex-wrap:wrap;gap:7px 16px;padding-bottom:max(28px,env(safe-area-inset-bottom))}footer small{margin-left:0;width:100%}.text-button{font-size:14px}dialog{padding:22px}}
.feature-cover img,.mini-cover img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:380px){.transport{gap:12px}.play{min-width:142px;padding-inline:20px}.listening-card{padding-inline:17px}.intro h1{font-size:26px}.feature-content h2{font-size:25px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .18s ease,border-color .18s ease}}
.library-search{margin:19px 0 15px}.library-search>label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.search-field{display:flex;gap:8px;max-width:550px}.search-field input{width:100%;min-width:0;min-height:46px;border:1px solid #cbd1c3;border-radius:4px;background:#fffdf7;color:var(--ink);font-size:16px;padding:9px 12px}.search-field button{flex-shrink:0;min-height:44px;padding:8px 12px;border:0;background:none;font-size:14px}.library-summary{font-size:13px;color:var(--muted);margin:18px 0 14px;min-height:23px}.book-info .book-voice{margin-top:4px;font-size:12px;color:var(--muted)}.library-pagination{display:flex;align-items:center;justify-content:center;gap:19px;margin:24px 0 5px;font-size:14px}.library-pagination button{min-height:44px;border:1px solid var(--line);border-radius:4px;background:none;padding:8px 12px;font-size:14px;white-space:nowrap}.library-pagination button:disabled{cursor:default;opacity:.4}.library-pagination[hidden]{display:none}.library-pagination span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.library-empty{padding:30px 17px;text-align:center;background:#eeeee3;border:1px solid var(--line);border-radius:4px}.library-empty p{margin:0 0 6px}.library-empty .text-button{color:var(--accent)}
@media(max-width:760px){.library-pagination{gap:9px;font-size:13px}.library-pagination button{font-size:13px;padding-inline:10px}.library-summary{font-size:12px}.library-empty{font-size:15px}}