:root{color-scheme:light;--text:#303944;--muted:#657183;--accent:#426a99;--accent-dark:#244b78;--line:#a5acb5;--panel-width:304px;--panel-height:604px;--search-height:352px;--detail-height:236px;font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{min-width:320px;overflow-y:scroll}body{margin:0;min-height:100vh;color:var(--text);background-color:#c8ced7;background-image:repeating-linear-gradient(90deg,#ffffff19 0 1px,#73809414 1px 2px,transparent 2px 7px),linear-gradient(#d4d9e1,#bcc5d0);-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(button,a,input):focus-visible{outline:2px solid #1d5798;outline-offset:3px}.topbar{height:76px;border-top:1px solid #dae4f0;border-bottom:1px solid #344c6a;background:linear-gradient(#a3b5cd 0,#8da3c0 48%,#7892b4 49%,#5b799f 100%);box-shadow:inset 0 1px #ffffff8c,0 2px 4px #24334750}.topbar-inner{position:relative;display:flex;align-items:center;justify-content:center;width:1008px;height:74px;margin:0 auto}.brand{position:absolute;left:0;display:flex;align-items:center;width:110px;height:44px;color:#fff;font-size:28px;font-weight:700;letter-spacing:-1px;text-shadow:0 -1px 1px #304d76}.mode-tabs{display:flex;width:306px;height:38px;border:1px solid #3b587e;border-radius:6px;box-shadow:0 1px #dce5f399,inset 0 1px 2px #1f3b5c70;overflow:hidden}.mode-tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 101px;width:101px;height:36px;padding:0;border:0;border-right:1px solid #3d5a80;background:linear-gradient(#8ba4c4 0,#728fb4 48%,#6282aa 49%,#536f95 100%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 -1px #354c6e;box-shadow:inset 0 1px #ffffff40}.mode-tab:last-child{border-right:0}.mode-tab.is-active{background:linear-gradient(#335b8d,#4c77ac);box-shadow:inset 0 2px 5px #183a6499,inset 0 -1px #7295c2}.mode-tab:active{background:linear-gradient(#355883,#526f94)}.page-shell{width:1008px;margin:0 auto;padding:28px 0}.mode-page{width:1008px;min-height:var(--panel-height)}.book-layout,.music-layout{display:grid;grid-template-columns:304px 684px;gap:20px;width:1008px;height:var(--panel-height)}.surface{min-width:0;overflow:hidden;border:1px solid #929ba7;border-radius:8px;background:#f5f5f3;box-shadow:0 2px 5px #34415333,inset 0 1px #fff}.player-card{width:304px;height:var(--panel-height);padding:18px 19px;display:flex;flex-direction:column;align-items:center;background-image:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#48515d05 1px 2px),linear-gradient(#f1f2f3 0,#dddfe3 45%,#c6cbd2 100%)}.record-well{display:grid;place-items:center;flex:none;width:264px;height:264px;padding:5px;border:1px solid #707984;border-radius:5px;background:linear-gradient(#737e8b,#cad0d7);box-shadow:inset 0 1px 3px #18253480,0 1px #fff}.record{position:relative;width:252px;height:252px;border:1px solid #19202a;border-radius:2px;background:#26323f;box-shadow:0 1px 2px #0008}.record-label{position:relative;display:grid;place-items:center;width:250px;height:250px;overflow:hidden;background:radial-gradient(ellipse at top,#5e7187,#273648 80%)}.cover-placeholder{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#273648}#bookCover,#musicCover{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#bookCover[style*=block]~.cover-placeholder,#musicCover[style*=block]~.cover-placeholder{visibility:hidden}.now-playing{width:264px;height:92px;flex:none;margin:18px 0 12px;text-align:center;text-shadow:0 1px #fff}.now-playing h2{height:29px;margin:0;overflow:hidden;color:#2d333b;font-size:20px;font-weight:700;line-height:29px;white-space:nowrap;text-overflow:ellipsis}.now-playing p{height:20px;margin:4px 0 0;overflow:hidden;color:#545e6b;font-size:13px;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.now-playing .subtle{margin-top:0;color:#697582;font-size:12px}.timeline{width:264px;height:37px;flex:none}.timeline-track{position:relative;height:7px;border:1px solid #858d98;border-radius:4px;background:linear-gradient(#979faa,#c7cbd1);box-shadow:inset 0 1px 2px #37445355,0 1px #fff}.timeline-track>span{display:block;width:0;height:5px;border-radius:3px;background:linear-gradient(#6f99ce,#35649d);box-shadow:inset 0 1px #ffffff50}.seek{position:absolute;inset:-12px 0;width:100%;height:29px;margin:0;opacity:0;cursor:pointer}.timeline-track:has(.seek:focus-visible){outline:2px solid #1d5798;outline-offset:4px}.timeline-labels{display:flex;justify-content:space-between;height:20px;margin-top:7px;color:#596472;font-size:11px;line-height:20px;font-variant-numeric:tabular-nums;text-shadow:0 1px #fff}.transport{display:flex;flex:none;align-items:center;justify-content:center;gap:20px;width:264px;height:86px}.control-button,.round-play{display:grid;place-items:center;flex:none;margin:0;padding:0;border:1px solid #8b929c;color:#303d4d;background:linear-gradient(#fff 0,#eff0f2 44%,#d8dce1 45%,#c7ced6 100%);box-shadow:0 1px 2px #414c5a66,inset 0 1px #fff,inset 0 -1px #edf0f4}.control-button{width:48px;height:40px;border-radius:6px}.round-play{width:68px;height:58px;border-radius:7px}.round-play .icon{width:29px;height:29px;filter:drop-shadow(0 1px #fff)}.control-button .icon{fill:currentColor;stroke-width:1.3}.round-play[aria-pressed=true],:is(.round-play,.control-button,.search-button,.chip,.episode-button):active:not(:disabled){background:linear-gradient(#bac2cc,#e0e5eb);box-shadow:inset 0 1px 4px #56627070,0 1px #fff}.control-button:disabled{color:#8b929c;box-shadow:inset 0 1px #fff,0 1px #fff8}.volume-control{display:flex;flex:none;align-items:center;gap:12px;width:190px;height:32px;margin:4px 0 0;color:#596777}.volume-control .icon{width:18px;height:18px}.volume-control input{appearance:none;flex:1;min-width:0;height:6px;margin:0;border:1px solid #858d98;border-radius:4px;background:linear-gradient(#8c96a3,#c7cdd4);box-shadow:0 1px #fff,inset 0 1px 2px #39434f55;cursor:pointer}.volume-control input::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border:1px solid #8d96a3;border-radius:50%;background:linear-gradient(#fff,#d8dde5);box-shadow:0 1px 2px #3a465866,inset 0 1px #fff}.volume-control input::-moz-range-thumb{width:17px;height:17px;border:1px solid #8d96a3;border-radius:50%;background:linear-gradient(#fff,#d8dde5);box-shadow:0 1px 2px #3a465866}.book-workspace,.music-workspace{display:grid;grid-template-rows:var(--search-height) var(--detail-height);gap:16px;width:684px;height:var(--panel-height);min-width:0}.search-card{position:relative;display:flex;flex-direction:column;width:684px;height:var(--search-height);padding:0}.search-form{display:flex;flex:none;align-items:center;gap:10px;height:66px;padding:12px;border-bottom:1px solid #989fa9;background:linear-gradient(#e6e9ee,#c9cfd8);box-shadow:inset 0 1px #fff,0 1px #fff}.search-input{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid #8e96a3;border-radius:18px;background:#fff;color:#718092;box-shadow:inset 0 2px 3px #333c4933,0 1px #ffffffd9}.search-input .icon{width:17px;height:17px}.search-input input{width:100%;min-width:0;height:32px;padding:0;border:0;outline:0;background:0 0;color:#333b47;font-size:14px}.search-input input::placeholder{color:#798594;opacity:1}.search-input:focus-within{outline:2px solid #346da5;outline-offset:1px}.search-input input:focus-visible{outline:0}.search-button{display:grid;place-items:center;flex:none;width:46px;height:36px;padding:0;border:1px solid #3a567e;border-radius:5px;background:linear-gradient(#85a4ce 0,#6b8fbe 48%,#507aaa 49%,#416a9a 100%);color:#fff;box-shadow:inset 0 1px #c6d8ef,0 1px #fff9,0 1px 2px #37465966}.search-button:disabled{color:#d4dce7;background:linear-gradient(#8a9db8,#6a819e)}.status{flex:none;width:100%;height:26px;margin:0;padding:0 13px;overflow:hidden;color:#657183;font-size:12px;line-height:26px;white-space:nowrap;text-overflow:ellipsis}.status.is-error{color:#a3342a}.book-results,.result-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;background:#fff}.media-result{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;height:64px;margin:0;padding:10px 14px;border:0;border-top:1px solid #fff;border-bottom:1px solid #d6d9de;border-radius:0;background:linear-gradient(#fff,#f4f5f6);color:var(--text);text-align:left}.media-result img{display:block;width:44px;height:44px;border:1px solid #aeb4bd;border-radius:2px;object-fit:cover;box-shadow:0 1px 2px #0002}.media-result>span{min-width:0}.media-result strong,.media-result>span>span{display:block;overflow:hidden;height:21px;white-space:nowrap;text-overflow:ellipsis;line-height:21px}.media-result strong{font-size:14px;font-weight:700}.media-result>span>span{color:var(--muted);font-size:12px}.media-result small{display:grid;place-items:center;color:#73859a}.media-result:hover{background:linear-gradient(#eef4fc,#e1eaf5)}.media-result.is-active,.media-result:active{border-top-color:#a4bee0;border-bottom-color:#32669d;background:linear-gradient(#739bd0,#477ab5);color:#fff;text-shadow:0 -1px #395f8d}.media-result.is-active :is(span,small),.media-result:active :is(span,small){color:#fff}.chapter-book,.section-heading{display:flex;flex:none;align-items:center;justify-content:space-between;height:44px;padding:0 14px;border-bottom:1px solid #aaaeb5;background:linear-gradient(#f5f5f6,#d7dbe0);color:#4b586b;text-shadow:0 1px #fff}.section-heading h2{height:24px;margin:0;font-size:14px;font-weight:700;line-height:24px}.section-heading>span{font-size:11px}.lyrics-card{display:flex;flex-direction:column;width:684px;height:var(--detail-height)}.lyrics{position:relative;flex:1;min-height:0;margin:0;padding:12px 18px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent;overscroll-behavior:contain;color:#6c7380;font-size:14px;line-height:28px;background-color:#faf8ef;background-image:repeating-linear-gradient(transparent 0 27px,#c3c7bd4a 27px 28px);background-position:0 12px;background-attachment:local}.lyrics.is-manual-scrolling{scrollbar-color:#8b8b85 transparent}.lyrics::-webkit-scrollbar{width:8px}.lyrics::-webkit-scrollbar-track{background:0 0}.lyrics::-webkit-scrollbar-thumb{border-radius:4px;background:0 0}.lyrics.is-manual-scrolling::-webkit-scrollbar-thumb{background:#8b8b85}.lyrics p{margin:0}.lyric-line{height:28px;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lyric-line.is-active{color:#294f80;font-weight:700}.video-layout{display:grid;grid-template-columns:684px 304px;gap:20px;width:1008px;height:var(--panel-height)}.video-stage-card{display:grid;grid-template-rows:367px 57px 52px 72px 24px;width:684px;height:var(--panel-height);padding:15px;background:linear-gradient(#e9ebee,#cbd0d7)}.video-frame{position:relative;display:grid;place-items:center;width:652px;height:367px;overflow:hidden;border:1px solid #070b11;border-radius:3px;background:radial-gradient(ellipse at top,#303b47,#101820);box-shadow:0 1px #fff,inset 0 1px 6px #000}.video-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;opacity:0}.video-frame.has-media video{opacity:1}.video-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#1b242e;pointer-events:none}.video-frame.has-started .video-placeholder{display:none}.video-play-button{position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:auto;padding:0;border:1px solid #ffffff45;border-radius:50%;background:linear-gradient(#323b46d9,#10161dcc);color:#fff;box-shadow:inset 0 1px #ffffff30,0 2px 6px #0006}.video-play-button .icon{width:28px;height:28px;fill:currentColor;stroke:none}.video-play-button:active{background:#10161de6;box-shadow:inset 0 2px 4px #0008}.video-play-button:focus-visible{outline-color:#fff}.video-play-button:disabled{cursor:wait}.video-info{width:100%;height:57px;padding:7px 2px 0;overflow:hidden;text-shadow:0 1px #fff}.video-info h2{height:23px;margin:0;overflow:hidden;font-size:16px;line-height:23px;white-space:nowrap;text-overflow:ellipsis}.video-info p{height:19px;margin:1px 0 0;overflow:hidden;color:var(--muted);font-size:12px;line-height:19px;white-space:nowrap;text-overflow:ellipsis}.video-search{width:304px;height:var(--panel-height)}.poster-grid{display:grid;flex:1;align-content:start;grid-template-columns:128px 128px;gap:12px 8px;min-height:0;padding:12px 11px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.poster-card{width:128px;height:224px;overflow:hidden;margin:0;padding:0;border:0;border-radius:3px;background:0 0;color:var(--text);text-align:left}.poster-card img{display:block;width:128px;height:176px;border:1px solid #9ca4b0;border-radius:3px;object-fit:cover;box-shadow:0 2px 3px #0003}.poster-copy{display:block;width:128px;height:48px;padding:5px 2px}.poster-copy strong,.poster-copy>span{display:block;overflow:hidden;height:19px;font-size:12px;line-height:19px;white-space:nowrap;text-overflow:ellipsis}.poster-copy>span{color:var(--muted);font-size:10px}.poster-card.is-active{color:#244b78}.poster-card.is-active img{border:2px solid #416fa8}.picker-block{display:grid;grid-template-rows:19px minmax(0,1fr);width:100%;height:100%;min-height:0;overflow:hidden}.video-stage-card .picker-block[hidden]{display:grid!important;visibility:hidden}.picker-heading{display:flex;align-items:center;justify-content:space-between;height:19px;color:#596779;font-size:11px;line-height:19px;text-shadow:0 1px #fff}.picker-heading strong{font-size:12px}.chip-row{display:flex;align-items:start;gap:6px;min-height:0;overflow-x:auto;overflow-y:hidden}.episode-grid{display:grid;grid-template-columns:repeat(6,100px);align-content:start;gap:7px;min-height:0;padding:3px 0 7px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.chip,.episode-button{flex:none;width:100px;height:31px;padding:0 8px;overflow:hidden;border:1px solid #969faa;border-radius:5px;background:linear-gradient(#fff,#d9dfe6);color:#3d4d61;box-shadow:inset 0 1px #fff,0 1px #ffffff80;font-size:12px;line-height:29px;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #fff}.chip{width:64px}.chip.is-active,.episode-button.is-active{border-color:#395e8d;background:linear-gradient(#789ac8,#4d77aa);color:#fff;text-shadow:0 -1px #355885;box-shadow:inset 0 1px #aac3e5}.video-stage-card>.status{height:24px;padding:0 2px;line-height:24px}.book-cover{position:relative;display:grid;place-items:center;flex:none;width:210px;height:264px;overflow:hidden;border:1px solid #544533;border-radius:3px 7px 7px 3px;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),linear-gradient(100deg,#795c3b,#9b7e54 8%,#ab8b5e 12%,#8b704c 14%,#9a7b50 90%,#7a6041);box-shadow:inset 2px 0 #cbb488,inset 10px 0 #503d3150,inset -3px 0 #c2ab8090,3px 3px 4px #37415360}.book-cover::after{content:'';position:absolute;inset:0 auto 0 22px;width:1px;background:#4f3c2b75;box-shadow:1px 0 #cfb68a70}.chapter-card{display:flex;flex-direction:column;width:684px;height:var(--detail-height)}.chapter-book{justify-content:start;gap:10px;height:62px;padding:8px 12px}.chapter-book img{flex:none;width:32px;height:44px;border:1px solid #a6a7a5;border-radius:2px;object-fit:cover}.chapter-book img:not([src]){visibility:hidden}.chapter-book>div{min-width:0}.chapter-book h2{height:23px;margin:0;overflow:hidden;font-size:14px;line-height:23px;white-space:nowrap;text-overflow:ellipsis}.chapter-book p{height:17px;margin:1px 0 0;overflow:hidden;color:var(--muted);font-size:11px;line-height:17px;white-space:nowrap;text-overflow:ellipsis}.chapter-card>.episode-grid{flex:1;padding:12px;grid-template-columns:repeat(6,100px);gap:8px}.search-guide-open{overflow-y:hidden;scrollbar-gutter:stable}.search-guide-open body{overflow:hidden}.search-guide{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:0 0;color:#fff}.search-guide::backdrop{background:0 0}.search-guide-spotlight{position:absolute;left:var(--guide-left);top:var(--guide-top);width:var(--guide-width);height:var(--guide-height);padding:0;border:2px solid #fff;border-radius:26px;background:0 0;box-shadow:0 0 0 100vmax #111923b8}.search-guide-note{position:absolute;z-index:1;left:var(--guide-note-left);top:var(--guide-note-top);width:300px;text-align:center;font-family:"Kaiti SC",STKaiti,KaiTi,cursive;text-shadow:0 2px 3px #0006;pointer-events:none}.search-guide-arrow{display:block;width:300px;height:104px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.search-guide-arrow path:first-child{stroke-dasharray:6 7}.search-guide-note p{margin:6px 0 0;font-size:28px;font-weight:600;line-height:1.5;letter-spacing:2px}.search-guide-note strong{color:#ffd182;font-weight:inherit}.search-guide :is(button):focus-visible{outline:2px dashed #fff;outline-offset:5px}@media (max-height:450px){.search-guide-arrow{height:52px}.search-guide-note p{font-size:21px;line-height:1.4}}@media (max-width:1071px) and (min-width:736px){.mode-page,.page-shell,.topbar-inner{width:704px}.book-layout,.music-layout{width:704px;grid-template-columns:304px 384px;gap:16px}.book-workspace,.book-workspace>.surface,.music-workspace,.music-workspace>.surface{width:384px}.video-layout{width:704px;grid-template-columns:384px 304px;gap:16px}.video-stage-card{width:384px;grid-template-rows:198px 57px 52px 241px 24px}.video-frame{width:352px;height:198px}.episode-grid{grid-template-columns:repeat(3,100px)}.chapter-card>.episode-grid{grid-template-columns:repeat(3,100px)}}@media (max-width:735px){.topbar,.topbar-inner{height:64px}.mode-page,.page-shell,.topbar-inner{width:304px}.topbar-inner{justify-content:end}.brand{width:64px;font-size:22px}.mode-tabs{width:234px}.mode-tab{flex-basis:77px;width:77px;gap:5px;font-size:13px}.mode-tab .icon{width:16px;height:16px}.page-shell{padding-top:18px}.mode-page{min-height:1224px}.book-layout,.music-layout{width:304px;height:1224px;grid-template-columns:304px;grid-template-rows:352px 604px 236px;gap:16px}.book-workspace,.music-workspace{display:contents}.book-layout>.player-card,.music-layout>.player-card{grid-row:2}.book-workspace>.search-card,.music-workspace>.search-card{width:304px;grid-row:1}.chapter-card,.lyrics-card{width:304px;grid-row:3}.search-input input{font-size:16px}.video-layout{width:304px;height:972px;grid-template-columns:304px;grid-template-rows:352px 604px;gap:16px}.video-search{width:304px;height:352px;grid-row:1}.video-stage-card{width:304px;grid-row:2;grid-template-rows:153px 57px 52px 286px 24px}.video-frame{width:272px;height:153px}.episode-grid{grid-template-columns:repeat(2,100px)}.chapter-card>.episode-grid{grid-template-columns:repeat(2,100px)}}