
.cover.system-cover{isolation:isolate;background:var(--tone)!important;color:var(--cover-ink)!important}
.system-cover::before,.system-cover::after{content:none!important}.system-cover *{font-family:Arial,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif!important;font-style:normal!important}
.system-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
:is(.home-shelf-grid,.library-grid) .system-cover .cover-top,.library-grid .system-cover .cover-top{position:absolute;top:13px;left:14px;right:14px;padding:0;border:0;font-size:11px!important;line-height:1.2;align-items:start}
.system-cover .cover-number{font-size:16px;font-weight:700;letter-spacing:-.04em}
:is(.home-shelf-grid,.library-grid) .system-cover .cover-title,.library-grid .system-cover .cover-title{top:17%;left:14px;right:14px;font-size:31px;font-weight:800;line-height:.98;letter-spacing:-.055em;text-align:left;color:var(--cover-ink)!important}
.system-cover .title-line{white-space:normal}
:is(.home-shelf-grid,.library-grid) .system-cover .cover-caption,.library-grid .system-cover .cover-caption{position:absolute;top:var(--caption-y);bottom:auto;left:14px;right:14px;max-width:none;padding:0;border:0;border-radius:0;background:none;color:var(--cover-ink)!important;display:block;font-size:11px!important;line-height:1.3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.system-cover[data-layout="3"] .cover-top{left:14px!important;right:14px!important}
:is(.home-shelf-grid,.library-grid) .system-cover[data-layout="3"] .cover-title{writing-mode:vertical-rl;text-orientation:mixed;top:18%;left:14px;right:auto;bottom:18px;width:var(--vertical-width);font-size:29px;line-height:1.02;letter-spacing:-.04em}
:is(.home-shelf-grid,.library-grid) .system-cover[data-layout="3"] .cover-caption{writing-mode:vertical-rl;top:18%;left:calc(var(--vertical-width) + 22px);right:auto;bottom:18px;white-space:normal;max-height:73%;font-size:11px!important}
.system-cover[data-layout="1"] .cover-number,.system-cover[data-layout="4"] .cover-number{font-size:25px;font-weight:400;line-height:.8}
.system-cover[data-layout="6"] .cover-title{font-weight:500!important;letter-spacing:-.065em!important}
.topic-key{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:10px;font-size:11px;line-height:1.5;color:#555}.topic-key span{display:inline-flex;align-items:center;gap:4px}.topic-key i{width:6px;height:6px;border-radius:50%;display:inline-block}.book-meta{margin-top:6px!important}.system-layout-label{font-size:11px;color:#777;margin-top:5px}
@media(max-width:500px){:is(.home-shelf-grid,.library-grid) .system-cover .cover-title{font-size:26px;left:12px;right:12px}:is(.home-shelf-grid,.library-grid) .system-cover .cover-top{left:12px;right:12px}:is(.home-shelf-grid,.library-grid) .system-cover .cover-caption{left:12px;right:12px}:is(.home-shelf-grid,.library-grid) .system-cover[data-layout="3"] .cover-title{font-size:25px}}
.system-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:18px 0;font-size:13px}.system-nav a{text-decoration:underline;text-underline-offset:5px}.system-nav span{color:#777;font-size:12px}.system-layout-label{padding:6px 0}:is(.home-shelf-grid,.library-grid)>div{min-width:0}

:is(.home-shelf-grid,.library-grid) .system-cover[data-layout="3"] .cover-top{right:calc(var(--panel-right) + 14px)!important}.system-cover[data-layout="3"] .cover-top>span:first-child{max-width:60%}
