@layer theme,base;@layer components{.player{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.reader{max-width:680px;margin:40px auto;padding:12px 0}.reader .more{align-items:center;min-height:42px;display:inline-flex}.reader aside{background:var(--tint);border-left:3px solid var(--accent);margin:25px 0;padding:18px}.player input{min-width:85px;accent-color:var(--accent);flex:1}#play{background:var(--ink);color:var(--bg)}.reader .chapter{text-align:left;grid-template-columns:60px 1fr;width:100%}.reader.article-paper{max-width:var(--reading-max);margin:30px auto 0;padding:0}.article-path{color:var(--muted);align-items:center;gap:16px;margin-bottom:14px;font-size:12px;line-height:1.6;display:flex}.article-path a{align-items:center;min-height:28px;display:inline-flex}.article-path span{border-left:1px solid var(--line);padding-left:16px}.article-head{border-bottom:1px solid var(--line);padding-bottom:19px}.article-paper .article-head h1{letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(29px,3.2vw,38px);font-weight:500;line-height:1.45}.byline{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:14px;font-size:12px;display:flex}.byline time{font:inherit;letter-spacing:0}.byline>:first-child{color:var(--ink)}.article-body{margin-block-start:1.375rem}.article-end{max-width:var(--reading-max);border:0;justify-content:flex-start;margin:72px auto 0;padding:0;display:flex}.article-end a{min-height:var(--tap-size);color:var(--muted);align-items:center;font-size:12px;display:inline-flex}.article-figure{margin:26px 0}.image-open{cursor:zoom-in;width:100%;padding:0;display:block}.article-figure img{width:100%;height:auto;display:block}.article-figure figcaption{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.8}.article-paper .video-recommendation{border-top:1px solid var(--line);margin-top:32px;padding-top:19px}.article-paper .video-recommendation h2{color:var(--muted);margin:0 0 13px;font:500 14px/1.6 PingFang SC,system-ui,sans-serif}.video-link{align-items:center;gap:16px;width:fit-content;display:flex}.video-symbol{border:1px solid var(--line);border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font:26px/1 system-ui;display:grid}.video-link strong{font-size:16px;font-weight:500;display:block}.video-link small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.7;display:block}.article-paper .video-recommendation p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.8}.article-appendix{color:var(--muted);border-bottom:0;margin-top:28px;padding:15px 0 0;font-size:14px}.article-appendix summary{width:fit-content;min-height:28px}.article-appendix ul{margin:10px 0 0;padding-left:20px;line-height:1.9}.article-appendix li+li{margin-top:7px}.reading-page .article-paper{margin-top:30px}@media (width>=901px){.reader{max-width:700px;margin-top:56px}.reader aside{padding:25px}.reader .chapter{padding-block:16px}}@media (width<=760px){.reading-page .article-paper,.reader{margin-top:20px;padding-top:0}.article-path{margin-bottom:7px}.article-path a{min-height:var(--tap-size)}.article-paper .article-head h1{text-wrap:balance;font-size:29px;font-weight:500;line-height:1.5}.article-head{padding-bottom:16px}.byline{column-gap:13px;margin-top:12px;font-size:11px}.reader aside{margin-block:23px;padding:16px}.player{grid-template-columns:auto 1fr;gap:9px 12px;display:grid}#play{min-height:var(--tap-size);grid-area:1/1;padding-inline:15px;font-size:14px}.player output{grid-area:1/2;justify-self:end;font-size:12px}.player input{width:100%;min-width:0;min-height:var(--tap-size);grid-area:2/1/auto/-1;margin:0}.reader .chapter{grid-template-columns:52px minmax(0,1fr);gap:10px;min-height:48px;padding-block:12px;font-size:15px}.video-link{width:100%;min-height:var(--tap-size)}.video-link>span:last-child{min-width:0}.video-symbol{flex-basis:44px;width:44px;height:44px}.video-link strong{font-size:15px;line-height:1.6}.article-end{margin-top:55px}.article-end a{min-height:var(--tap-size);font-size:12px}}@media (width<=640px){.article-figure{margin-block:22px}.video-link{gap:12px}}@media (width<=600px){.reader{margin:26px auto}}}@layer utilities;