hexo-bilibili-bangumi/lib/templates/index.css

hexo bilibili番剧页

:root{--bangumi-bg:#fff;--bangumi-surface:#f7f9fc;--bangumi-surface-strong:#eef3f8;--bangumi-text:#1d2733;--bangumi-muted:#697586;--bangumi-border:#dde5ee;--bangumi-accent:#2f80ed;--bangumi-accent-strong:#1766c2;--bangumi-accent-soft:#e8f2ff;--bangumi-shadow:rgba(25, 39, 52, 0.09)}.bangumi-container{color:var(--bangumi-text);color-scheme:light}.bangumi-container.bangumi-theme-dark,.theme-dark .bangumi-container.bangumi-theme-auto,[data-theme=dark] .bangumi-container.bangumi-theme-auto{--bangumi-bg:#171b22;--bangumi-surface:#202630;--bangumi-surface-strong:#29313d;--bangumi-text:#edf2f7;--bangumi-muted:#a5b1bf;--bangumi-border:#333d4a;--bangumi-accent:#7bb7ff;--bangumi-accent-strong:#9fcbff;--bangumi-accent-soft:#1f354d;--bangumi-shadow:rgba(0, 0, 0, 0.32);color-scheme:dark}@media (prefers-color-scheme:dark){.bangumi-container.bangumi-theme-auto{--bangumi-bg:#171b22;--bangumi-surface:#202630;--bangumi-surface-strong:#29313d;--bangumi-text:#edf2f7;--bangumi-muted:#a5b1bf;--bangumi-border:#333d4a;--bangumi-accent:#7bb7ff;--bangumi-accent-strong:#9fcbff;--bangumi-accent-soft:#1f354d;--bangumi-shadow:rgba(0, 0, 0, 0.32);color-scheme:dark}}.bangumi-quote{position:relative;overflow:hidden;margin:18px 0;padding:16px 18px 16px 48px;border:1px solid var(--bangumi-border);border-left:4px solid var(--bangumi-accent);border-radius:8px;color:var(--bangumi-text);background:linear-gradient(135deg,var(--bangumi-accent-soft),var(--bangumi-bg));box-shadow:0 10px 26px var(--bangumi-shadow)}.bangumi-quote::before{content:"“";position:absolute;top:8px;left:15px;color:var(--bangumi-accent);font-size:40px;font-weight:700;line-height:1;opacity:.6}.bangumi-quote>p{position:relative;margin:0;color:inherit;font-size:15px;line-height:1.8}.bangumi-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0;padding:6px;border:1px solid var(--bangumi-border);border-radius:8px;background:var(--bangumi-surface)}.bangumi-tab{flex:1 1 110px;min-width:0;padding:9px 12px;border-radius:7px;color:var(--bangumi-muted);text-align:center;line-height:1.3;transition:background .2s,color .2s,box-shadow .2s}a.bangumi-tab{text-decoration:none}.bangumi-tab:hover{color:var(--bangumi-accent-strong);background:var(--bangumi-accent-soft)}.bangumi-active{color:var(--bangumi-accent-strong);background:var(--bangumi-bg);box-shadow:0 6px 16px var(--bangumi-shadow)}.bangumi-item{display:flex;gap:20px;align-items:flex-start;container-type:inline-size;position:relative;clear:both;min-height:184px;margin:14px 0;padding:18px 20px;border:1px solid var(--bangumi-border);border-radius:8px;background:var(--bangumi-bg);box-shadow:0 10px 28px var(--bangumi-shadow)}.bangumi-picture{position:static;flex:0 0 110px;margin-left:4px;width:110px}.bangumi-picture img{display:block;width:110px;max-width:100%;margin:0!important;border-radius:7px;box-shadow:0 8px 18px var(--bangumi-shadow)}.bangumi-info{flex:1 1 auto;min-width:0;min-height:152px;margin-top:0;padding-left:0}.bangumi-title{margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.35}.bangumi-title a{color:var(--bangumi-text);line-height:1.35;text-decoration:none}.bangumi-title a:hover{color:var(--bangumi-accent-strong)}.bangumi-meta{min-height:54px;height:auto;padding-right:0;font-size:12px}.bangumi-info-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;width:100%;height:auto;padding-top:0;color:var(--bangumi-muted);float:none;line-height:1.2}.bangumi-info-item{display:block;width:auto;min-width:0;height:auto;min-height:46px;padding:7px 6px;border:1px solid var(--bangumi-border);border-radius:7px;background:var(--bangumi-surface);text-align:center}.bangumi-info-label{display:block;color:var(--bangumi-muted);line-height:1.2}.bangumi-info-item em{display:block;overflow:hidden;padding-top:5px;color:var(--bangumi-text);font-style:normal;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.bangumi-info-total{display:block;padding-top:8px;color:var(--bangumi-text);font-weight:700;line-height:1.35}.bangumi-info-item-score{border-right:1px solid var(--bangumi-border)}.bangumi-info-label-em{color:transparent;opacity:0;visibility:hidden;line-height:6px!important;padding:0!important}.bangumi-comments,.bangumi-summary{margin-top:11px;color:var(--bangumi-muted);font-size:13px;line-height:1.7}.bangumi-comments>p,.bangumi-summary>p{display:-webkit-box;overflow:hidden;height:auto;margin:0;word-break:break-word;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bangumi-summary>p.has-bangumi-progress{-webkit-line-clamp:2;line-clamp:2}.bangumi-my-comments{padding:8px 10px;border:1px dashed var(--bangumi-border);border-radius:7px;background:var(--bangumi-surface)}.bangumi-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:18px 0 10px;text-align:center}.bangumi-button,.bangumi-pagenum{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid var(--bangumi-border);border-radius:7px;color:var(--bangumi-muted);background:var(--bangumi-bg);line-height:1.2}.bangumi-button:hover{color:var(--bangumi-accent-strong);background:var(--bangumi-accent-soft)}.bangumi-hide{display:none!important}.bangumi-show{display:block}.bangumi-starstop{background:url(https://cdn.jsdelivr.net/npm/hexo-bilibili-bangumi@1.7.9/lib/img/rate_star_2x.png) 100% 100%/10px 19.5px repeat-x;height:10px;width:50px;display:inline-block;float:none}.bangumi-starlight{background:url(https://cdn.jsdelivr.net/npm/hexo-bilibili-bangumi@1.7.9/lib/img/rate_star_2x.png) 0 0/10px 19.5px repeat-x;height:10px;display:block;width:100%}.bangumi-starlight.stars1{width:5px}.bangumi-starlight.stars2{width:10px}.bangumi-starlight.stars3{width:15px}.bangumi-starlight.stars4{width:20px}.bangumi-starlight.stars5{width:25px}.bangumi-starlight.stars6{width:30px}.bangumi-starlight.stars7{width:35px}.bangumi-starlight.stars8{width:40px}.bangumi-starlight.stars9{width:45px}.bangumi-starlight.stars10{width:50px}.bangumi-info .bangumi-progress{position:relative;overflow:hidden;width:100%;height:24px;margin-top:16px!important;border-radius:7px;background-color:var(--bangumi-surface-strong);font-size:13px;text-align:center}.bangumi-info .bangumi-progress-text{position:relative;z-index:100;color:var(--bangumi-text);font-weight:700;line-height:24px}.bangumi-info .bangumi-progress .progress-bar{position:absolute;top:0;z-index:50;height:100%;border-radius:7px;background-color:var(--bangumi-accent);opacity:.7}@container (max-width:650px){.bangumi-coin,.bangumi-follow,.bangumi-info-item-follow,.bangumi-type{display:none}}@container (max-width:590px){.bangumi-danmaku,.bangumi-wish{display:none}}@container (max-width:520px){.bangumi-doing,.bangumi-play{display:none}}@container (max-width:480px){.bangumi-collect{display:none}}@container (max-width:400px){.bangumi-area,.bangumi-tag{display:none}}@container (max-width:270px){.bangumi-info-item-score{display:none}}