:root{ --main-color-lighter : #fdebee; --main-color-light: #fad7de; --main-color-main : #f8c3cd; --main-color-darker : #c96b6c; --main-text : #3d3d3d; --main-text-fixed : #3d3d3d; --main-text-lighter : #999; --main-text-menu : #5d5c5c; --main-background-outer : #eee; --main-background-main : #FFF; --main-background-menu : #f3f3f3; --main-background-footer: #e6e6e6; --main-card-box-shadow : rgba(0,0,0,.23); --main-quick-chk-shadow: rgba(0,0,0,.12); --main-main-board-shadow:rgba(0,0,0,.1); --main-kanban-full:url('https://files.acgsecrets.hk/img/banner_bg_pink_V2_3x_E3.png'); --main-kanban-halfsize:url('https://files.acgsecrets.hk/img/banner_bg_pink_V2_2x_E3.png'); --main-kanban-mini:url('https://files.acgsecrets.hk/img/banner_bg_pink_V2_1x_E3.png'); --main-bangumi-trailer-width:88px; --main-bangumi-trailer-height:50px; } body.site-blue-theme{ --main-color-lighter: #dae9fd; --main-color-light: #b5d4fc; --main-color-main : #91bff9; --main-color-darker : #5f8dc7; --main-kanban-full:url('https://files.acgsecrets.hk/img/banner_bg_blue_V1_3x_E1.png'); --main-kanban-halfsize:url('https://files.acgsecrets.hk/img/banner_bg_blue_V1_2x_E1.png'); --main-kanban-mini:url('https://files.acgsecrets.hk/img/banner_bg_blue_V1_1x_E1.png'); } body.site-green-theme{ --main-color-lighter: #dee9e2; --main-color-light: #bcd4c6; --main-color-main : #9bbeaa; --main-color-darker : #6c9996; --main-kanban-full:url('https://files.acgsecrets.hk/img/banner_bg_green_V1_3x_E1.png'); --main-kanban-halfsize:url('https://files.acgsecrets.hk/img/banner_bg_green_V1_2x_E1.png'); --main-kanban-mini:url('https://files.acgsecrets.hk/img/banner_bg_green_V1_1x_E1.png'); } body.site-purple-theme{ --main-color-lighter: #FDD3FF; --main-color-light: #DFB6FF; --main-color-main : #c49cee; --main-color-darker : #926abc; } body.site-yellow-theme{ --main-color-lighter: #fbe6be; --main-color-light: #f7d490; --main-color-main : #fec053; --main-color-darker : #cc8e21; --main-kanban-full:url(''); --main-kanban-halfsize:url(''); --main-kanban-mini:url(''); } body.site-force-dark-scheme{ --main-text : #c2c2c2; --main-text-lighter : #777; --main-text-menu : #a2a3a3; --main-background-outer : #010101; --main-background-main : #111; --main-background-menu : #191919; --main-background-footer: #0c0c0c; --main-card-box-shadow : rgba(255,255,255,.23); --main-card-box-shadow : #353535; --main-main-board-shadow:#0F0F0F; } .site-force-dark-scheme .site-banner{ --main-color-main: #2e2e2e; } @media (prefers-color-scheme: dark){ body:not(.site-force-white-scheme){ --main-text : #c2c2c2; --main-text-lighter : #777; --main-text-menu : #a2a3a3; --main-background-outer : #010101; --main-background-main : #111; --main-background-menu : #191919; --main-background-footer: #0c0c0c; --main-card-box-shadow : rgba(255,255,255,.23); --main-main-board-shadow:#0F0F0F; } body:not(.site-force-white-scheme) .site-banner{ --main-color-main: #2e2e2e; } } body{min-width: 330px;margin: 0px;} input,textarea{font-family: 'Noto Sans CJK TC', 'Noto Sans TC','Titillium Web', sans-serif;font-size: 16px;} textarea.acgs-edit{resize: vertical;height: 140px;} textarea.fixwidth{resize: vertical;} blockquote{font-weight: 200;} .text-align-center{text-align: center;} .text-align-left{text-align: left;} .text-align-right{text-align: right;} a{color: var(--main-color-darker);} a[href]:not([href=""]):hover{text-decoration: none;} body a.hovereffect:not(:hover) {color: var(--main-text); transition: color 0.25s;} ::selection{background-color: var(--main-color-main);color: #FFF;} a.ex::after{ display: inline-block; font-family: 'Font Awesome 6 Free'; content: ''; padding-left: 2px; } a.db::after{ display: inline-block; font-family: 'Font Awesome 6 Free'; content: ''; padding-left: 2px; } h1,h2,h3,h4,h5,h6{ margin-block-start: 5px; margin-block-end: 3px; line-height: 100%; } h1{font-size: 45px;} h1.smaller{font-size: 38px;} @media (min-width: 1885px){h1.smaller{font-size: 45px;}} h2{font-size: 30px;} h3{font-size: 24px;} h4{font-size: 22px;} h5{font-size: 20px;} h6{font-size: 18px;} .article-style [acgs-type="article_id"]>h1{transition: font-size 0.15s;} img{ -moz-user-select: none; -webkit-user-select: none; user-select: none; pointer-events: none; } img.img-fit-cover { width: 100%; height: 100%; object-fit: cover; } .lightbox{ background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; } button{ cursor: pointer; font-weight: 400; font-size: 16px; font-family: 'Noto Sans CJK TC', 'Noto Sans TC','Titillium Web', sans-serif; border: 0px; padding: 2px 8px 4px 8px; margin: 2px; border-radius: 4px; } button[acgs-type="acgs-bangumi-vote"] { background-color: var(--main-color-lighter); color: #111; width: 85px; font-size: 17px; line-height: 25px; padding: 5px 8px; transition: background-color .08s; } button[acgs-type="acgs-bangumi-vote"]:hover:not(:disabled) {background-color: var(--main-color-light);transition: background-color .12s;} button.highlight[acgs-type="acgs-bangumi-vote"] {background-color: var(--main-color-darker);color: #FFF;} button[acgs-type="acgs-bangumi-vote"]:disabled {background-color: #DDDA;color: #1118;} button.middle-btn{width: 100px;} button.short-btn{width: 60px;line-height: 19px;} select{ color: var(--main-text); background-color: var(--main-background-main); font-size: 16px; font-family: 'Noto Sans CJK TC', 'Noto Sans TC','Titillium Web', sans-serif; border-radius: 4px; } select>option{font-family: 'Noto Sans CJK TC', 'Noto Sans TC','Titillium Web', sans-serif;} .standard-background-color{background-color: var(--main-color-main); color: #FFF;} .light-background-color{background-color: var(--main-color-lighter); color : var(--main-text-fixed);} .btn-like.standard-background-color:not(:disabled):hover{background-color: var(--main-color-darker);} .btn-like.light-background-color:not(:disabled):hover{background-color: var(--main-color-light);} .btn-like{ cursor: pointer; transition: color 0.08s, background-color 0.08s; } .btn-like:disabled{color: var(--main-text-lighter);} .btn-like.styled,cv-button{ padding: 1px 4px; margin: 2px 3px; border-radius: 4.5px; text-shadow: none; font-size: 18px; display: inline-block; } .btn-like.highlight,cv-button.highlight{ background-color: var(--main-color-darker); color: white; } .fullsize{ width: 100%; } .fullsize:not(.strict-fullsize){ width: calc(100% - 30px); } .strict-fullsize:not(.fullsize){ width: 100%; } .fullwidth{ width: 100vw; } .fullwidth:not(.strict-fullwidth){ width: calc(100vw - 30px); } .float-left{ float: left; } .float-right{ float: right; } .inline-block{ display: inline-block; } .hide-overflow{ overflow: hidden; } .hide-x-overflow{ overflow-x: hidden; } .hide-y-overflow{ overflow-y: hidden; } .default-margin{ margin: 1px 4px 4px 1px; } .default-extra-margin{ margin: 6px 9px 9px 6px; } .default-padding{ padding: 4px; } .card-like{ border-radius: 5px; box-shadow: 0 3px 4px 0 var(--main-card-box-shadow), 0 3px 3px -2px var(--main-card-box-shadow), 0 1px 8px 0 var(--main-card-box-shadow); } .nospan{ max-width: 770px; } .fixed-height-container{position: relative;width: 100%;height: 300px;} amp-img.contain img {object-fit: contain;} amp-img.cover img { object-fit: cover; } .acgs-video-preview{ display: grid; place-items: center; width: 100%; height: 100%; } .youtube-video{ margin: 2.5%; aspect-ratio: 16 / 9; } @media (max-aspect-ratio: 16/9) { .youtube-video{ width: 90%; } } @media (min-aspect-ratio: 16/9) { .youtube-video{ height: 90%; } } .youtube-video>iframe{ width: 100%; height: 100%; } .acgs-slideshow-blur{ filter: blur(15px); -webkit-filter: blur(15px); opacity: 0.4; } .acgs-slideshow-btn{ color: #c3c3c3; font-size: 16px; transition: color 0.08s; } .pswp__button--arrow:has(> .acgs-slideshow-btn):hover .acgs-slideshow-btn { color: white; } body { background-color: var(--main-background-outer); font-family: 'Noto Sans CJK TC', 'Noto Sans TC','Titillium Web', sans-serif; font-weight: 400; line-height: 1.8em; color: var(--main-text); } .site-main-board{ display: block; background: var(--main-background-main); box-shadow: 0 0 15px var(--main-main-board-shadow); max-width: 1115px; margin: 0 auto; } @media (max-width: 815px){ .site-main-board{ width: 100%; } } @media (min-width: 800px) and (max-width: 1139px){ .site-main-board{ max-width: 800px; } } @media (min-width: 1885px){ .site-main-board:not(.mainboard-no-span){ max-width: 1885px; } } .quick-check-box{ position: fixed; right: 0px; top: 0px; width: 330px; height: 100%; z-index: 2000; box-shadow: -3px 0 4px 0 var(--main-quick-chk-shadow); background-color: var(--main-background-main); -webkit-transition: right 0.3s, width 0.1s; transition: right 0.3s, width 0.1s; } .quick-check-box-title{ height: 50px; width: 100%; background-color: #F3F3F3; } .quick-check-box-title .btn-like{ display: block; cursor: pointer; padding: 5px; float: left; width: 30px; height: 30px; margin: 5px; border-radius: 5px; font-size: 25px; text-align: center; } .quick-check-box-title .btn-like.close-btn{ float: right; width: 40px; height: 40px; margin: 0; border-radius: 0; font-size: 40px; color: white; } .quick-check-box-content{ height: calc(100% - 50px); overflow-y: auto; } .quick-check-box.noshow{ right: -350px; } .quick-check-box.strict-fullsize.noshow{ right: -100%; } @media (max-width: 634px){ .quick-check-box{ width: 100% } .quick-check-box.noshow{ right: -650px; } } .item-box.frosted-image:not(.no-frost) .image-box{filter: blur(1.5px);} .acgs-home-column .y-item-box{margin: 1.4px 3px;} .y-item-box{ display: inline-block; width: 249px; max-height: 280px; overflow: hidden; margin: 1.4px; } .y-item-box>.image-box{ width: 100%; height: 160px; overflow: hidden; } .y-item-box>.data-box{ width: calc(100% - 10px); height: 110px; padding: 5px; overflow: hidden; } .y-item-box>.data-box>.title{ line-height: 110%; max-height: 77px; overflow: hidden; font-weight: 600; } .y-item-box>.data-box>.sub{ font-size: 14px; max-height: 49px; overflow: hidden; line-height: 120%; } .sub+.sub { margin-top: 3px; } .x-item-box{ display: inline-block; width: calc(100% - 11px); height: 200px; overflow: hidden; margin-bottom: 10px; margin-left: 1px; } .square.x-item-box{height: 300px;} .small-square.x-item-box{height: 150px;} .x-item-box.allow-overflow {height: auto;} .x-item-box>.image-box{ width: 300px; height: 200px; overflow: hidden; -webkit-transition: width 0.15s; transition: width 0.15s; } .small-square.x-item-box>.image-box{ width: 150px; height: 150px; } .square.x-item-box>.image-box{height: 300px;} .small-square.x-item-box>.image-box{height: 150px;} .x-item-box>.data-box{ width: calc(100% - 310px); padding: 5px; } .small-square.x-item-box>.data-box{width: calc(100% - 160px);} .x-item-box>.data-box>.title{ line-height: 120%; max-height: 120px; font-weight: 600; font-size: 20px; overflow: hidden; } .x-item-box>.data-box>.sub{ line-height: 130%; font-size: 14px; max-height: 123px; overflow: hidden; } .allow-overflow.x-item-box>.data-box>.title, .article-style .allow-overflow.x-item-box>.data-box>.title { max-height: none; } .allow-overflow.x-item-box>.data-box>.sub, .article-style .allow-overflow.x-item-box>.data-box>.sub { max-height: none; } .article-style .x-item-box>.data-box>.title { max-height: 136px; font-size: 24px; margin-bottom: 10px;} .article-style .x-item-box>.data-box>.sub { font-size: 17px; } .super-item-box{ display: inline-block; width: calc(100% - 11px); height: 410px; overflow: hidden; margin-bottom: 10px; margin-left: 1px; } .super-item-box>.image-box{ width: 300px; height: 410px; overflow: hidden; } .super-item-box>.data-box{ width: calc(100% - 340px); padding: 20px; margin: 50px 0px; } .super-item-box>.data-box>.title{ line-height: 130%; font-size: 26px; font-weight: 600; max-height: 200px; overflow: hidden; } .super-item-box>.data-box>.sub{ line-height: 130%; font-size: 18px; max-height: 205px; overflow: hidden; } @media (max-width: 634px){ .super-item-box,.x-item-box { height: auto; } .super-item-box>.image-box { width: 100%; } .super-item-box>.data-box { width: calc(100% - 30px); padding: 15px; margin: 50px 0px; } .x-item-box>.image-box { width: 35%; } .x-item-box>.data-box { width: calc(65% - 10px); } } .mini-item-box{ display: inline-block; width: 375px; margin: 1px 8.5px 6px 1px; } .mini-item-box>.image-box{ width: 65px; overflow: hidden; } .mini-item-box>.data-box{ width: 300px; min-height: 55px; padding: 5px; overflow: hidden; } .mini-item-box>.data-box>.title{ line-height: 120%; font-weight: 500; } .mini-item-box>.data-box>.sub{ font-size: 14px; line-height: 100%; } .mini-item-box.txt-only>.data-box{ width: 365px; min-height: unset; padding: 5px; overflow: hidden; } .mini-item-box.big-image>.image-box{ width: 100px; height: 100px; } .mini-item-box.big-image>.data-box{ width: 265px; } .mini-item-box.huge-image>.image-box{ width: 130px; height: 130px; } .mini-item-box.huge-image>.data-box, .mini-item-box.two-image>.data-box{ width: 235px; } @media (min-width: 1140px){ .sub-content .mini-item-box{ width: 293px; } .sub-content .mini-item-box>.data-box{ width: 213px; } .sub-content .mini-item-box.txt-only>.data-box{ width: 278px; } .sub-content .mini-item-box.big-image>.data-box{ width: 178px; } .sub-content .mini-item-box.huge-image>.data-box, .sub-content .mini-item-box.two-image>.data-box{ width: 148px; } } @media (max-width: 815px){ .mini-item-box{ width: calc(100% - 7px); } .mini-item-box>.data-box{ width: calc(100% - 75px); } .mini-item-box.txt-only>.data-box{ width: calc(100% - 10px); } .mini-item-box.big-image>.data-box{ width: calc(100% - 110px); } .mini-item-box.huge-image>.data-box, .mini-item-box.two-image>.data-box{ width: calc(100% - 140px); } } .normal-image-box{ width: 65px; height: 65px; } .large-image-box{ width: 100px; height: 100px; } .huge-image-box{ width: 130px; height: 130px; } .bangumi-iamge-box{ width: 149px; height: 149px; } .theme-box{ width: 300px; height: 185px; position: relative; overflow: hidden; } .theme-box-txt{ position: absolute; width: 300px; font-size: 22px; padding: 10px 0px; bottom: 0; color: #fff; text-shadow: 0 0 3px #000; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7)) rgba(0,0,0,0); text-align: center; } .column-bar{ background: var(--main-background-menu) none repeat scroll 0 0; border-left: 2px solid #f8c3cd; line-height: 18px; margin-top: 3px; margin-bottom: 7px; min-height: 23px; text-align: left; } .column-bar h1,.column-bar h2,.column-bar h3, .column-bar h4,.column-bar h5,.column-bar h6{ clear: both; background: var(--main-background-main); display: inline-block; font-size: 18px; margin: 0; padding: 0 20px; line-height: 1.3; color: var(--main-text); font-weight: 700; } body .column-bar .article-attr{ clear: both; background: var(--main-background-main) none repeat scroll 0 0; display: inline-block; margin: 0; padding: 1.5px 10px; line-height: 1.3; } .site-logo{ display: inline-block; width: 400px; border: 0px solid; border-radius: 50%; padding: 24px 0px; text-align: center; } .site-banner{ display: block; background-color: var(--main-color-main); height: 130px; padding: 0 2%; -webkit-transition: background-color 0.8s; transition: background-color 0.8s,height 0.1s; } @media (max-width: 416px){ .site-logo { width: 100%; padding-top: 64px; margin-top: -10%; } } @media (min-width: 417px){ .site-logo { height: 82px; } } @media (max-width: 634px){ .site-banner { text-align: center; } } @media (min-width: 635px){ .site-logo { float: left; } } @media (min-width: 1140px){ .site-logo { float: left; padding: 66.5px 0px; } } @media (min-width: 635px) and (max-width: 1139px){ .site-kanbanmusume{ background:var(--main-kanban-mini); background-size: cover; background-position: 50% 50%; height: 130px; } } @media (min-width: 1140px){ .site-kanbanmusume{ background:var(--main-kanban-halfsize); background-size: cover; background-position: 50% 50%; height: 215px; } .site-banner{ height: 215px; } } @media (min-width: 1885px){ .site-main-board:not(.mainboard-no-span) .site-kanbanmusume{ background:var(--main-kanban-full); background-size: cover; background-position: 50% 50%; height: 215px; } .site-main-board:not(.mainboard-no-span) .site-banner{ height: 215px; } } .site-menu{ display: block; background: var(--main-background-menu); width: 98%; height: 40px; padding: 0 1%; position: -webkit-sticky; position: sticky; top: 0; z-index: 1000; } .site-menu .home-btn{ background: #f8c3cd; color: white; font-size: 22px; padding: 6px 8px; height: 28px; width: 24px; display: inline-block; text-decoration: none; } .site-menu .home-btn:hover{ background: #c96b6c; } .site-menu>.site-main-menu{ display: inline-block; height: 40px; margin-bottom: -11px; width: calc(100% - 84px); vertical-align:top; } .site-menu>.site-main-menu>amp-carousel{ margin-bottom: -11px; } .site-menu .menu-item{ height: 37px; margin: 0px 1px; border-bottom: #f8c3cd solid 3px; display: inline-block; } .site-menu .menu-item>a{ padding: 5px 15px; text-decoration: none; color: var(--main-text-menu); font-weight: 600; display: block; } .site-menu .menu-item>a>i{ margin-right: 3px; } .site-menu .menu-dummy{ display: inline-block; margin-bottom: -11px; width: 40px; } .site-menu .right-item{ position: absolute; right: 0%; top: 0px; width: 40px; height: 37px; overflow-y: hidden; width: fit-content; display: inline-block; } .site-menu .right-item>a{ padding: 0px; padding: 3px 5px 5px 5px; box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.2), 0 1px 8px 0 rgba(0,0,0,.12); } .site-menu .right-item amp-img{ width: 30px; height: 30px; border-radius: 50%; background-color: white; border: 1px solid #c49cee; } .menu-item:hover>a {color: white;} .menu-item.active>a{color: white;} .menu-item.active{background:#f8c3cd;} .menu-item:hover {background:#c96b6c;border-bottom: #c96b6c solid 3px;} .menu-item.blue{border-bottom: #91bff9 solid 3px;} .menu-item.blue.active{background:#91bff9;} .menu-item.blue:hover {background:#5f8dc7;border-bottom: #5f8dc7 solid 3px;} .menu-item.green{border-bottom: #9ecbc8 solid 3px;} .menu-item.green.active{background:#9ecbc8;} .menu-item.green:hover {background:#6c9996;border-bottom: #6c9996 solid 3px;} .menu-item.purple{border-bottom: #c49cee solid 3px;} .menu-item.purple.active{background:#c49cee;} .menu-item.purple:hover {background:#926abc;border-bottom: #926abc solid 3px;} .menu-item.yellow{border-bottom: #fec053 solid 3px;} .menu-item.yellow.active{background:#fec053;} .menu-item.yellow:hover {background:#cc8e21;border-bottom: #cc8e21 solid 3px;} .site-menu[selected='article'] div[category='article'],.site-menu[selected='news'] div[category='news']{background:#f8c3cd;} .site-menu[selected='bangumi'] div[category='bangumi'],.site-menu[selected='database'] div[category='database']{background:#91bff9;} .site-menu[selected='event'] div[category='event'],.site-menu[selected='timetable'] div[category='timetable']{background:#9ecbc8;} .site-menu[selected='topic'] div[category='topic']{background:#fec053;} .site-menu[selected='article'] div[category='article']>a,.site-menu[selected='news'] div[category='news']>a, .site-menu[selected='bangumi'] div[category='bangumi']>a,.site-menu[selected='database'] div[category='database']>a, .site-menu[selected='event'] div[category='event']>a,.site-menu[selected='timetable'] div[category='timetable']>a, .site-menu[selected='topic'] div[category='topic']>a{color: white;} #back-to-top-btn{ position: fixed; bottom: 30px; right: 20px; width: 20px; height: 30px; border-radius: 3px; cursor: pointer; color: #FFF; font-size: 22px; text-align: center; padding: 4px 10px 4px 10px; z-index: 900; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #back-to-top-btn:hover{ border-radius: 20px; } #bottom-log-boxes{ position: fixed; bottom: 5px; left: 5px; padding: 3px; max-width: calc(100% - 70px); display: grid; gap: 5px; justify-items: start; z-index: 2000; overflow-y: scroll; max-height: calc(100% - 10px); -ms-overflow-style: none; scrollbar-width: none; } #quick-check-box.strict-fullsize:not(.noshow) #bottom-log-boxes{ position: relative; } @media (max-width:634px){ #quick-check-box:not(.noshow) #bottom-log-boxes{ position: relative; } } #bottom-log-boxes:-webkit-scrollbar { display: none; } #bottom-log-boxes .log-message{ padding: 1px 4px; background-color: var(--main-background-main); display: flex; align-items: center; gap: 3px; } #bottom-log-boxes .log-message > i:first-of-type{ cursor: pointer; margin: 0 0 0 2px; padding: 4px 5px; border-radius: 2px; } #bottom-log-boxes .log-message > i:nth-of-type(2){ min-width: 18px; text-align: center; } .site-content { font-weight: 400; font-size:18px; margin: 0px auto; overflow-wrap: break-word; word-wrap: break-word; padding-top: 5px; min-height: calc(100vh - 304px); } p{ font-size:18px; } .site-content.no-top-padding{ padding-top: 0px; } .with-left-margin{ margin-left: 15px; } .with-right-margin{ margin-right: 15px; } .with-top-margin{ margin-top: 5px; } .with-extra-top-margin{ margin-top: 5px; } .with-super-top-margin{ margin-top: 15px; } .spannable-main-content,.non-spannable-main-content{ float: left; max-width: 770px; width: calc(100% - 30px); } .spannable-no-margin-main-content,.non-spannable-no-margin-main-content{ float: left; max-width: 800px; -webkit-transition: max-width 0.15s; transition: max-width 0.15s; } @media (max-width: 634px){ .article-style [acgs-type="article_id"]>h1 { font-size: 30px; } } @media (min-width: 1120px) and (max-width: 1884px){ .article-style.spannable-no-margin-main-content{ margin-right: -15px; } } @media (min-width: 1885px){ .site-main-board.mainboard-no-span .article-style.spannable-no-margin-main-content{ margin-right: -15px; } .site-main-board:not(.mainboard-no-span) .spannable-main-content{ max-width: 1540px; } .site-main-board:not(.mainboard-no-span) .spannable-no-margin-main-content{ max-width: 1570px; } .site-main-board:not(.mainboard-no-span) .article-style.spannable-no-margin-main-content{ max-width: 1280px; margin-left: 160px; } .site-main-board:not(.mainboard-no-span) .article-style .non-spannable-main-content.with-left-margin{ margin-left: 165px; } .site-main-board:not(.mainboard-no-span) .article-style .non-spannable-main-content.with-right-margin{ margin-right: 165px; max-width: 950px; } } .sub-content{ float: left; max-width: 300px; display: grid; grid-template-columns: repeat(auto-fill, 300px); gap: 3px; justify-content: center; } .acgs-entity.events .sub-content{ align-content: space-between; } .acgs-entity.events .sub-content>div{ grid-column-end: span 2; } @media (max-width: 1139px){ .site-content {min-height: calc(100vh - 219px);} .sub-content{ max-width: 770px; width: calc(100% - 30px); } .with-smallscreen-left-margin{ margin-left: 15px; } .with-smallscreen-right-margin{ margin-right: 15px; } } .site-content-float{ position: -webkit-sticky; position: sticky; top: 40px; background-color: var(--main-background-main); z-index: 100; } #quick-check-box .site-content-float{top: 0;} .article-content{ font-size: 20px; } .article-attr{ color: #888; font-size: 16px; padding-left: 10px; } @media (min-width: 1885px){ .site-main-board:not(.mainboard-no-span) .article-content-box{ max-width: 1540px; } .site-main-board:not(.mainboard-no-span) .with-bigscreen-left-margin{ margin-left: 15px; } .site-main-board:not(.mainboard-no-span) .with-bigscreen-right-margin{ margin-right: 15px; } } .site-footer { background-color: var(--main-background-footer); font-size: 13px; padding: 8px 0; } .site-footer>div { margin: 0 auto; padding: 0 2%; position: relative; } .site-footer .site-info{ display: grid; grid-template-columns: 1fr auto; column-gap: 5px; } .site-footer .site-info>.copy-info{ display: flex; align-items: center; } .site-footer .site-info>.site-links{ display: grid; gap: 3px; grid-template-columns: auto auto auto auto; align-items: center; padding-right: 25px; justify-items: end; } .acgs-anime-icon{ float: left; width: 150px; height: 150px; overflow: hidden; position: relative; } .acgs-card { background: var(--main-background-main); border-radius: 3px; box-shadow: 1px 2px 3px 0 var(--main-card-box-shadow); } .acgs-card.acgs-anime-icon{ margin: 1px 3px 3px 1px; } .acgs-anime{ width: 100%; position: relative; margin-bottom: 8px; font-size: 16px; border-radius: 0px 0px 5px 2px; } .acgs-anime h4{ font-size: 14px; font-weight: 300; padding: 5px 0px 3px 0px; display: block; width: 100%; color: #888; border-bottom: solid 1px #888; } .acgs-anime .anime_content h4.hasicon::before,.acgs-anime .anime_content h4>span.icon{ display: inline-block; font-family: 'Font Awesome 6 Free'; padding:0px 3px; width: 20px; text-align: center; } .acgs-anime .anime_content h4.hasicon.story::before{content: '';} .acgs-anime .anime_content h4.hasicon.onair::before{content: '';} .acgs-anime .anime_content h4.hasicon.asia::before{content: '';} .acgs-anime .anime_content h4.hasicon.video::before{content: '';} .acgs-anime .anime_content h4.hasicon.link::before{content: '';} .acgs-anime .anime_content h4.hasicon.vote::before{content: '';} .acgs-anime .anime_content h4.hasicon.cast::before{content: '';} .acgs-anime .anime_content h4.hasicon.staff::before{content: '';} .acgs-anime .anime_content h4.hasicon.music::before{content: '';} .anime_bg{ width: 150px; height: 150px; position: absolute; } .anime_text{ width: 150px; font-size: 19px; line-height: 20px; position: absolute; bottom: 0px; color: white; } .anime_name{ padding: 0px 5px 5px 5px; text-shadow: 0px 0px 3px black; background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.4)) repeat scroll 0 0; } .long.anime_name{font-size: 17px;line-height: 16px;} .super_long.anime_name{font-size: 14px;line-height: 14px;} .anime_airdate{ position: absolute; top: 0px; background: #37474F; border-radius: 3px 3px 0px 0px; width: 108px; height: 30px; font-size: 15.5px; color: #EEE; background-color: rgba(0,0,0,0.35); text-align: center; } .anime_airdate>.full_time{ display: grid; grid-template-columns: auto auto; align-items: center; justify-content: center; } .anime_airdate>.full_time>.tall{ grid-row-end: span 2; } .anime_airdate>.full_time>.low{ grid-row-start: 2; } .anime_airdate>.full_time>.normal_words{ height: 16px; line-height: 120%; } .anime_airdate>.full_time>.small_words{ font-size: 12px; height: 14px; line-height: 110%; } .anime_airtime{ position: absolute; right: 0px; top: 0px; background: #37474F; border-radius: 0px 3px 0px 10px; padding-left: 1px; width: 41px; height: 42px; color: white; text-align: center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); } .anime_airtime.thu,.anime_airtime.fri, .anime_airtime.sat.normal,.anime_airtime.wed.normal, .anime_airtime.mon.night.time_tomorrow,.anime_airtime.tue.night.time_tomorrow, .anime_airtime.wed.night.time_tomorrow,.anime_airtime.sat.night.time_today{ color: black; } .anime_airtime.normal {background: #37474F;} .anime_airtime.night.time_today {background: #263238;} .anime_airtime.night.time_tomorrow {background: #455A64;} .anime_airtime.sun.normal {background: #FF1744;} .anime_airtime.sun.night.time_today {background: #D50000;} .anime_airtime.sun.night.time_tomorrow {background: #FF5252;} .anime_airtime.mon.normal {background: #651FFF;} .anime_airtime.mon.night.time_today {background: #6200EA;} .anime_airtime.mon.night.time_tomorrow {background: #7C4DFF;} .anime_airtime.tue.normal {background: #FF3D00;} .anime_airtime.tue.night.time_today {background: #DD2C00;} .anime_airtime.tue.night.time_tomorrow {background: #FF6E40;} .anime_airtime.wed.normal {background: #00B0FF;} .anime_airtime.wed.night.time_today {background: #0091EA;} .anime_airtime.wed.night.time_tomorrow {background: #40C4FF;} .anime_airtime.thu.normal {background: #1DE9B6;} .anime_airtime.thu.night.time_today {background: #00BFA5;} .anime_airtime.thu.night.time_tomorrow {background: #64FFDA;} .anime_airtime.fri.normal {background: #FFEA00;} .anime_airtime.fri.night.time_today {background: #FFD600;} .anime_airtime.fri.night.time_tomorrow {background: #FFFF00;} .anime_airtime.sat.normal {background: #FF9100;} .anime_airtime.sat.night.time_today {background: #FF6D00;} .anime_airtime.sat.night.time_tomorrow {background: #FFAB40;} .anime_airtime>.day{ width: 100%; font-size: 18px; margin-top: -1px; } .anime_airtime>.time{ width: 100%; font-size: 12px; margin-top: -10px; } .anime_anchor{ position: absolute; top: -45px; } .anime_cover{ width: 300px; float: left; } .anime_cover_image{ height: 400px; transition: filter 0.08s; } .anime_cover_image:hover { filter: brightness(1.06); } .anime_cover_image, .entity_cover_options { cursor: pointer; } .entity_cover_choose{ max-width: 290px; margin: 0 auto; padding: 5px 5px 0px 5px; text-align: center; width: calc(100% - 10px); background-color: rgba(0, 0, 0, 0.8); } .acgs-anime .entity_cover_choose{ background-color: #000D; } .entity_cover_options { width: 50px; height: 50px; display: inline-block; opacity: 1; margin: 1px; border: 2px solid lightblue; } .acgs-anime .entity_cover_options{opacity: 0.6;} .entity_cover_options:hover{ opacity: 1; } .anime_content{ width: calc(100% - 300px); float: left; } .anime_info{ display: grid; gap: 5px; align-items: center; padding: 5px; } .anime_info.main:has(.anime_link_to.single_page){ padding-right: 30px; } .anime_info .entity_localized_name{ font-size: 25px; font-weight:bold; } .anime_info .entity_original_name, .anime_info .entity_alternative_name{ display: block; font-size: 14px; color: var(--main-text-lighter); line-height: 100%; margin-top: 3px; } .anime_name_extra>.extra_box{ position: absolute; top: 50%; transform: translate(0%, -50%); max-height: 25px; overflow-y: hidden; } .anime_name_all_names{ line-height: 100%; } .anime_info .anime_name_all_names{ display: inline; } .anime_info>.anime_spec{ position: absolute; bottom: 3px; width: 100%; } .anime_tag{ display: inline-block; margin-left: -3px; width: 100%; } tags{ display: inline-block; padding: 0px 5px; margin: 0px 2px 1px 2px; border-radius: 4px; background-color: #eee; color: #777; } .anime_tag>tags.main_tags+tags.sub_tags, .anime_tag>tags.main_tags+tags:not(.main_tags), .anime_tag>tags.sub_tags+tags:not(.sub_tags) { margin-left: 7px; } .anime_tag>tags.anime_origional{ background-color: #fec053; color: white; } .anime_tag>tags.anime_new_series{ background-color: #9ecbc6; color: white; } .anime_tag>tags.anime_hype{ background-color: #91bff9; color: white; } .anime_tag>tags.anime_hit{ background-color: #c49cee; color: white; } .anime_tag>tags.anime_high{ background-color: #f8c3cd; color: white; } .anime_onair{ display: flex; align-items: center; justify-content: start; line-height: 110%; margin-top: 3px; } .anime_onair .onair_times{ display: grid; justify-items: start; row-gap: 3px; } .anime_onair .onair_times .timeslot.TV, .anime_onair .onair_times .timeslot.WEB{ display: grid; grid-template-columns: 20px 1fr; align-items: center; } .anime_onair .onair_times .timeslot.WEB{ border-radius: 3px; padding: 1px 3px 1px 0; margin: 1px 0; border: 1px solid var(--main-text-lighter); } .anime_onair .onair_times .timeslot>i { text-align: center; font-size: 70%; } .anime_onair .onair_times .timeslot>i { opacity: 0.75; } .anime_onair .onair_times .timeslot>div{ color: var(--main-text-lighter); line-height: 100%; } .anime_onair .onair_times .timeslot.WEB>div{ font-size: 90%; } .anime_onair .onair_times .timeslot div.time_note{ font-size: 11px; line-height: 100%; margin-top: 2px; } .anime_onair .onair_times .timeslot .main_time{ color: var(--main-text); } .anime_onair .onair_times .timeslot .sub_time{ font-size: 95%; } .anime_onair .onair_times .timeslot span.remark{ color: var(--main-text-lighter); font-size: 80%; padding-left: 2px; } .acgs-anime .anime_insite_jumps{ display: grid; position: absolute; right: 2px; top: 2px; height: calc(100% - 5px); text-align: right; grid-template-rows: 1fr 20px; row-gap: 2px; justify-items: end; } .acgs-anime .anime_content:not(:has(.anime_link_to.single_page)) .anime_insite_jumps{ grid-template-rows: 1fr 26px; } .acgs-anime a.anime_link_to{ color: white; background-color: var(--main-color-lighter); padding: 3px; border-radius: 3px; text-decoration: none; transition: background-color 0.05s, color 0.05s; display: grid; align-content: center; grid-template-columns: auto auto; align-items: center; min-width: 20px; } .acgs-anime a.anime_link_to>i{width: 20px;text-align: center;} .acgs-anime a.anime_link_to>span{padding-left: 4px;} .acgs-anime a.anime_link_to.anchor{font-size: 80%;} .acgs-anime a.anime_link_to.single_page{font-size: 125%;min-height: 25px;} .acgs-anime a.anime_link_to:hover {background-color: var(--main-color-darker);} @media (max-width: 634px){ .acgs-anime a.anime_link_to.anchor{display: none;} } @media (min-width: 635px) and (max-width: 1884px){ .anime_info.main:not(:has(.anime_link_to.single_page)) .anime_onair{ padding-right: 30px; } } a.anime_link_to:not(:hover)>span {display: none;} a.anime_link_to>span {padding-right: 4px;} .anime_summary,.anime_story{ width: calc(100% - 10px); padding: 3px 5px; font-size: 14px; line-height: 140%; } .anime_summary>i{color: var(--main-text-lighter);font-size: 13px;line-height: 100%;} .anime_data{ display: grid; gap: 5px; padding: 0 5px; } .anime_data .anime_hashtags{ display: flex; flex-wrap: wrap; column-gap: 5px; font-size: 15px; } .anime_data .anime_hashtags .anime_hashtag{ font-weight: 600; } .anime_data .anime_hashtags .anime_hashtag::before{ font-family: 'Font Awesome 6 Free'; content: "#"; } .anime_data>.copyright_string{color: var(--main-text-lighter);font-size: 13px;line-height: 1.1;padding: 1px 5px; margin-top: 8px;} .copyright_string::before {content: '©';margin: 0px 2px 0px 1px;} .anime_music{ display: grid; grid-template-columns: auto 1fr auto auto; grid-gap: 3px; align-items: center; padding: 3px 0px; font-size: 14px; line-height: 140%; } .anime_music > .song_type{ width: 55px; height: 95%; min-height: 35px; } .anime_music .song_name{ font-weight: 650; font-size: 115%; } .anime_music .singer{ font-size: 105%; display: flex; flex-wrap: wrap; align-items: center; } .anime_music .singer::before{ display: inline-block; font-family: 'Font Awesome 6 Free'; padding-right: 2px; width: 12.5px; text-align: center; content: ''; color: var(--main-text-lighter); } .anime_music a.song{ width: 30px; height: 30px; border-radius: 5px; } .anime_music a.song i{ width: 25px; text-align: center; padding: 6px 3px; } .anime_music a.song:hover i{ color: var(--main-color-darker); text-decoration: none; } .anime_music a.song:hover i::before{ content: ""; font-size: 90%; } .anime_music .anime_trailers{ padding: 0; width: 100%; height: 100%; display: grid; justify-content: center; align-content: center; grid-column-start: 4; } .anime_music .anime_trailers>a{ --main-bangumi-trailer-height: 45px; --main-bangumi-trailer-width: 75px; margin: 0; } .anime_music > .song_type, .acgs-anime .anime_streams > .stream-area, .acgs-anime .anime_link_group > .link_group_name{ display: grid; justify-content: center; align-content: center; background: #8882; border-radius: 3px; text-align: center; line-height: 110%; } .anime_streams,.anime_trailers,.anime_link_group{ font-size: 14px; line-height: 140%; } .anime_txts > .anime_trailers{ display: grid; grid-template-columns: repeat(auto-fill,var(--main-bangumi-trailer-width)); gap: 3px; margin: 3px 1px; justify-content: center; } .anime_txts > .anime_trailers > *:first-of-type{ grid-column-end: span 2; grid-row-end: span 2; --main-bangumi-trailer-width : 180px; --main-bangumi-trailer-height: 103px; } .acgs-anime .anime_streams, .acgs-anime .anime_link_group{ display: grid; grid-template-columns: auto 1fr; gap: 5px; } .acgs-anime .anime_streams+.anime_streams{ margin-top: 5px; } .acgs-anime .anime_streams > .stream-area{ width: 40px; min-height: 50px; } .acgs-anime .anime_streams > span { padding-top: 15px; } .acgs-anime .anime_streams .stream-site-groups { display: grid; grid-template-columns: auto 1fr; gap: 3px; align-items: center; } .acgs-anime .anime_streams .stream-site-groups>.stream-agents, .acgs-anime .anime_streams .stream-site-groups>.stream-sites.notime { grid-column-end: span 2; } .acgs-anime .anime_streams .stream-time { display: flex; flex-direction: column; justify-content: center; min-width: 45px; align-items: center; padding: 3px 5px; border-radius: 3px; border: 1px #8886 solid; min-height: calc(100% - 8px); } .acgs-anime .anime_streams .stream-time>span {line-height: 100%;} .acgs-anime .anime_streams .stream-time>.oa-date {font-size: 10px;color: var(--main-text-lighter);} .acgs-anime .anime_streams .stream-time>.oa-week {font-size: 12px;} .acgs-anime .anime_streams .stream-time>.oa-time {font-size: 16px;font-weight: 600;} .acgs-anime .anime_streams .stream-sites { display: flex; flex-wrap: wrap; align-content: center; } @media (max-width: 634px){ .acgs-anime .anime_streams .stream-sites{ flex-wrap: nowrap; flex-direction: column; align-items: flex-start; } } .acgs-anime .anime_streams .steam-site-item>div{ display: grid; grid-template-columns: auto auto auto; align-items: center; } .acgs-anime .anime_streams .steam-site-item .steam-site-time:not(.hide){ display: inline-block; font-size: 12px; background-color: #8888; color: white; padding: 0 3px 1px; margin-left: 2px; margin-bottom: -6.5px; border-radius: 3px; height: 18px; overflow: hidden; } .acgs-anime .anime_streams .steam-site-item a[target="_blank"]:not(:hover) .steam-site-name{ text-decoration: underline; } .acgs-anime .anime_streams .steam-site-item a.stream-site{ background-color: var(--main-color-lighter); padding: 3px 3px 5px; border-radius: 5px; margin: 2px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; } .acgs-anime .anime_streams .steam-site-item a.stream-site[target="_blank"]:hover, .anime_links>a[target="_blank"]:hover{ background-color: var(--main-color-light); } .acgs-anime .anime_streams .steam-site-item .steam-site-time>span{ background-color: #888; padding: 2px 0.5px; margin: 0 1px; } .acgs-anime .anime_streams .steam-site-item .steam-site-name{ height: 20px; overflow: hidden; padding: 0 2px 0 1px; } .acgs-anime .anime_streams .steam-site-item span.desc{ font-size: 13px; } .acgs-anime .anime_streams .steam-site-item:last-child .connector{ display: none; } .acgs-anime .stream-site{ height: 25px; } .stream-block>div{ display: inline; } .stream-block>.stream-area::after{ display: inline; content: '：'; } .stream-block>.stream-sites a,.stream-block>.stream-sites .stream-site{ margin-right: 5px; display: inline-block; } .stream-site.hasicon::before{ display: inline-block; width: 17px; height: 17px; content: ''; margin: 4px 1px -3px 0px; border-radius: 3px; } .acgs-anime .stream-site.hasicon::before{ width: 23px; height: 23px; margin: 1px 2px 1px 0px; } .acgs-anime .stream-agents .stream-site{height: 20px;} .acgs-anime .stream-agents .stream-site.hasicon::before{ width: 20px; height: 20px; margin: -5px 2px; border-radius: 10px; } @media (max-width: 816px){#acgs-anime-icons{margin: 0px auto;}} @media (min-width: 647px) and (max-width: 816px){#acgs-anime-icons{width: 616px;}} @media (min-width: 493px) and (max-width: 646px){#acgs-anime-icons{width: 462px;}} @media (min-width: 339px) and (max-width: 492px){#acgs-anime-icons{width: 308px;}} @media (max-width: 338px){#acgs-anime-icons{width: 154px;}} #acgs-anime-icons:not(.hide){ display: grid; grid-template-columns: repeat(auto-fill, 150px); column-gap: 4px; } #acgs-anime-icons>h3{grid-column: 1 / -1;} #acgs-anime-icons .stream-site{ display: inline-block; height: 26px; width: 26px; } #acgs-anime-icons .stream-site.hasicon::before{ display: inline-block; width: 24px; height: 24px; content: ''; margin: 0px 1px -6px 0px; } .hasicon.mal::before {background: url('https://files.acgsecrets.hk/bangumi/img/mal_logo.png') 50% 50% / cover;} .hasicon.anilist::before {background: url('https://files.acgsecrets.hk/bangumi/img/anilist-icon.png') 50% 50% / cover;} .hasicon.anidb::before {background: url('https://files.acgsecrets.hk/bangumi/img/anidb-icon-small.png') 50% 50% / cover;} .hasicon.anikore::before {background: url('https://files.acgsecrets.hk/bangumi/img/anikore_icon.png') 50% 50% / cover;} .hasicon.syoboi::before {background: url('https://files.acgsecrets.hk/bangumi/img/syoboi-icon.png') 50% 50% / cover;} .hasicon.filmarks::before {background: url('https://files.acgsecrets.hk/bangumi/img/filmarks-icon.png') 50% 50% / cover;} .hasicon.bgmtv::before {background: url('https://files.acgsecrets.hk/bangumi/img/bgm_icon.png') 50% 50% / cover;} .hasicon.youtube::before {background: url('https://files.acgsecrets.hk/bangumi/img/youtube_social_squircle_red.png') 50% 50% / cover;} .hasicon.netflix::before {background: url('https://files.acgsecrets.hk/bangumi/img/Netflix_icon.png') 50% 50% / cover;} .hasicon.disneyplus::before {background: url('https://files.acgsecrets.hk/bangumi/img/disney_plus_icon_s.png') 50% 50% / cover;} .hasicon.hbogo::before {background: url('https://files.acgsecrets.hk/bangumi/img/hbo-go-logo.png') 50% 50% / cover;} .hasicon.hbomax::before {background: url('https://files.acgsecrets.hk/bangumi/img/hbo-max-icon.jpg') 50% 50% / cover;} .hasicon.viu::before {background: url('https://files.acgsecrets.hk/bangumi/img/viu-com-app-icon.png') 50% 50% / cover;} .hasicon.nowplayer::before {background: url('https://files.acgsecrets.hk/bangumi/img/now_player_icon.png') 50% 50% / cover;} .hasicon.anione::before {background: url('https://files.acgsecrets.hk/bangumi/img/ani-one-icon.png') 50% 50% / cover;} .hasicon.bilibili::before {background: url('https://files.acgsecrets.hk/bangumi/img/bilibili-logo-R.jpg') 50% 50% / cover;} .hasicon.iqiyi::before {background: url('https://files.acgsecrets.hk/bangumi/img/iq-logo-201804.png') 50% 50% / cover;} .hasicon.muse::before {background: url('https://files.acgsecrets.hk/bangumi/img/muse-logo-v2.png') 50% 50% / cover;} .hasicon.medialink::before {background: url('https://files.acgsecrets.hk/bangumi/img/medialink_logo.jpg') 50% 50% / cover;} .hasicon.mighty::before {background: url('https://files.acgsecrets.hk/bangumi/img/MightyMedia-icon.jpg') 50% 50% / cover;} .hasicon.remow::before {background: url('https://files.acgsecrets.hk/bangumi/img/remow-logo.jpg') 50% 50% / cover;} .hasicon.itsanime::before {background: url('https://files.acgsecrets.hk/bangumi/img/itsanime_icon.jpg') 50% 50% / cover;} .hasicon.nada::before {background: url('https://files.acgsecrets.hk/bangumi/img/nada-logo.jpg') 50% 50% / cover;} .hasicon.nadateanime::before {background: url('https://files.acgsecrets.hk/bangumi/img/nada-te-logo.jpg') 50% 50% / cover;} .hasicon.amazonprimevideo::before {background: url('https://files.acgsecrets.hk/bangumi/img/amazonprimevideo-icon.jpg') 50% 50% / cover;} .hasicon.animelab::before {background: url('https://files.acgsecrets.hk/bangumi/img/animelab-icon.jpg') 50% 50% / cover;} .hasicon.aniplus::before {background: url('https://files.acgsecrets.hk/bangumi/img/aniplus-icon.jpg') 50% 50% / cover;} .hasicon.crunchyroll::before {background: url('https://files.acgsecrets.hk/bangumi/img/Crunchyroll-icon.jpg') 50% 50% / cover;} .hasicon.funimation::before {background: url('https://files.acgsecrets.hk/bangumi/img/funimation-icon.jpg') 50% 50% / cover;} .hasicon.hidive::before {background: url('https://files.acgsecrets.hk/bangumi/img/hidive-icon.jpg') 50% 50% / cover;} .hasicon.hulu::before {background: url('https://files.acgsecrets.hk/bangumi/img/hulu-icon.jpg') 50% 50% / cover;} .hasicon.mgtv::before {background: url('https://files.acgsecrets.hk/bangumi/img/mgtv-icon.jpg') 50% 50% / cover;} .hasicon.vqq::before {background: url('https://files.acgsecrets.hk/bangumi/img/vqq-icon.jpg') 50% 50% / cover;} .hasicon.youku::before {background: url('https://files.acgsecrets.hk/bangumi/img/youku-favicon.png') 50% 50% / cover;} .hasicon.wakanim::before {background: url('https://files.acgsecrets.hk/bangumi/img/WAKANIM-icon.jpg') 50% 50% / cover;} .hasicon.animaxplus::before {background: url('https://files.acgsecrets.hk/bangumi/img/animaxplus-icon.png') 50% 50% / cover;} .hasicon.animax::before {background: url('https://files.acgsecrets.hk/bangumi/img/animax-icon.png') 50% 50% / cover;} .hasicon.acfun::before {background: url('https://files.acgsecrets.hk/bangumi/img/acfun-logo.png') 50% 50% / cover;} .hasicon.garageplay::before {background: url('https://files.acgsecrets.hk/bangumi/img/garageplay_icon.jpg') 50% 50% / cover;} .hasicon.animad::before {background: url('https://files.acgsecrets.hk/bangumi/img/animad-icon.png') 50% 50% / cover;} .hasicon.joyup::before {background: url('https://files.acgsecrets.hk/bangumi/img/joyup-icon.jpg') 50% 50% / cover;} .hasicon.tmmedia::before {background: url('https://files.acgsecrets.hk/bangumi/img/tmmedia_icon.png') 50% 50% / cover;} .hasicon.hmvod::before {background: url('https://files.acgsecrets.hk/bangumi/img/hmvod-icon.png') 50% 50% / cover;} .hasicon.mytvsuper::before {background: url('https://files.acgsecrets.hk/bangumi/img/mytv-icon.png') 50% 50% / cover;} .hasicon.yahoo::before {background: url('https://files.acgsecrets.hk/bangumi/img/yahoo-icon.png') 50% 50% / cover;} .hasicon.linetv::before {background: url('https://files.acgsecrets.hk/bangumi/img/linetv-icon.png') 50% 50% / cover;} .hasicon.kktv::before {background: url('https://files.acgsecrets.hk/bangumi/img/kktv-icon.jpg') 50% 50% / cover;} .hasicon.myvideo::before {background: url('https://files.acgsecrets.hk/bangumi/img/myvideo_icon.jpg') 50% 50% / cover;} .hasicon.oceanveil::before {background: url('https://files.acgsecrets.hk/bangumi/img/oceanveil-icon.png') 50% 50% / cover;} .anime_trailers>a{ display: inline-block; width: var(--main-bangumi-trailer-width); height: var(--main-bangumi-trailer-height); border-radius: 5px; overflow: hidden; transition: background-color 0.08s; } .anime_trailers>a:hover{ background-color: var(--main-text-lighter); } .anime_trailers>a:hover .video-color-box{ opacity: 0; } .anime_trailers>a:hover i.topright-icon { width: var(--main-bangumi-trailer-width); height: var(--main-bangumi-trailer-height); top: 0; right: 0; font-size: var(--main-bangumi-trailer-height); opacity: 0; } @media (min-width: 1885px){ :root{ --main-bangumi-trailer-width:103px; --main-bangumi-trailer-height:58px; } .anime_txts > .anime_trailers > *:first-of-type{ --main-bangumi-trailer-width : 209px; --main-bangumi-trailer-height: 119px; } } .anime_trailers .video-item{ width: var(--main-bangumi-trailer-width); height: var(--main-bangumi-trailer-height); border-radius: 5px; overflow: hidden; position: relative; } .anime_trailers .video-item span{ color: #FFF; bottom: calc(50% - 11px); z-index: 35; position: absolute; font-size: 18px; width: 100%; text-align: center; } .anime_trailers a:not(:first-of-type) .video-item span{ display: none; } .anime_trailers img{ width: var(--main-bangumi-trailer-width); height: var(--main-bangumi-trailer-height); position: absolute; top: 0px; z-index: 20; } .anime_trailers .video-color-box{ background-color: var(--main-text-lighter); position: absolute; width: var(--main-bangumi-trailer-width); height: var(--main-bangumi-trailer-height); opacity: 0.6; position: absolute; top: 0px; z-index: 25; transition: opacity 0.08s; } .anime_trailers .video-item i.topright-icon{ position: absolute; width: 18px; height: 18px; text-align: center; z-index: 30; top: 6px; right: 6px; font-size: 18px; color: white; transition: opacity 0.08s, font-size 0.08s, top 0.08s, right 0.08s, width 0.08s, height 0.08s; } .acgs-anime .anime_link_group.hide{display: none;} .acgs-anime .anime_link_group .hide{display: none;} .acgs-anime .anime_link_group > .link_group_name{ width: 50px; min-height: 33px; } .acgs-anime .anime_link_group+.anime_link_group{ margin-top: 3px; } .anime_links{ display: flex; column-gap: 5px; row-gap: 3px; align-items: center; flex-wrap: wrap; } .anime_links>a{ padding: 5px 7px; border-radius: 3px; background-color: var(--main-color-lighter); max-width: 250px; text-wrap-mode: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .anime_links>a.memberonly{ border: 1px solid var(--main-color-light); background-color: var(--main-background-main); padding: 4px 7px; } .anime_links>a.hide{display: none;} .anime_links>a>span{ font-size: 80%; } .anime_links .hasicon::before { display: inline-block; width: 14px; height: 14px; content: ''; margin: 3px 1px -2px 0px; } .anime_person{ width: 100%; line-height: 120%; } .anime_person>.type,.anime_person>.entities{ display: inline-block; } .event_summary_column{ display: grid; grid-template-columns: calc(50% - 2px) calc(50% - 2px); column-gap: 4px; } .event_summary_column > div{ display: grid; gap:4px; align-content: space-evenly; } .event_summary_column .edit-title-frame > div{ width: 100%; overflow: hidden; padding-bottom: 3px; } .acgs-event-summary{ display: grid; justify-content: center; grid-template-columns: repeat(auto-fill, 250px); column-gap: 3px; row-gap: 8px; margin-bottom: 5px; } .acgs-event-summary .acgs-event-icon .event_coverimage{ width: 250px; height: 250px; } .acgs-event-summary .acgs-event-icon .event_coverimage .anime_bg{ width: 210px; height: 210px; margin: 33px 19px 5px; border-radius: 8px; border: 1px solid #8886; background-color: #8883; transition: width 0.1s, height 0.1s, margin 0.1s, border-radius 0.2s; } .acgs-event-summary .acgs-event-icon.highlight .event_coverimage .anime_bg{ width: 230px; height: 230px; margin: 15px 9px 3px; } .acgs-event-summary .acgs-event-icon:hover .event_coverimage .anime_bg{ width: 249px; height: 249px; margin: 0px; border-radius: 8px 8px 0 0; } .event_coverimage .anime_bg .event-text{ position: absolute; bottom: 0px; width: 100%; color: #EEE; } .event_coverimage .anime_bg .event-text .event-title{ text-align: center; background-color: #000A; text-shadow: 0px 0px 3px black; line-height: 98%; padding: 2px 3px 5px; font-size: 20px; } .event_coverimage .anime_bg .event-text .long.event-title{font-size: 17px;} .event_coverimage .anime_bg .event-text .event-tags{ padding: 3px 5px 3px 7px; display: flex; flex-wrap: wrap-reverse; gap: 3px; } .event_coverimage .anime_bg .event-text .event-tags span{ background-color: #888; border-radius: 3px; padding: 2px 2.5px 3px; line-height: 100%; font-size: 16px; } .acgs-event-summary a{ text-decoration: none; } .acgs-event-summary .acgs-event-icon .event_info{ text-align: center; color: var(--main-text); background-color: #8882; border-radius: 2px; transition: background-color 0.1s, border-radius 0.2s; } .acgs-event-summary .acgs-event-icon:hover .event_info{ background-color: #8885; border-radius: 0 0 8px 8px; } .acgs-event-summary .acgs-event-icon .event_info .edit-title-frame>i{color: var(--main-text-lighter);} .acgs-event-icon .event_info .location{ display: flex; align-items: center; justify-content: center; column-gap: 1px; } .acgs-event-icon .event_info .location span{ color: var(--main-text-lighter); font-size: 13px; } .acgs-event-icon .event_info .location i{ color: var(--main-text-lighter); font-size: 10px; padding-top: 2px; } .site-setting-mainboard-no-span{display: none;} @media (min-width: 1885px){ .site-setting-mainboard-no-span{display: inline;} .site-main-board:not(.mainboard-no-span) .anime_content {width: calc(100% - 450px);min-height: 600px;} .site-main-board:not(.mainboard-no-span) .anime_content.multi-images{min-height: 668px;} .site-main-board:not(.mainboard-no-span) .anime_cover, .site-main-board:not(.mainboard-no-span) .anime_cover_image{width:450px;min-height: 600px;} .site-main-board:not(.mainboard-no-span) .anime_cover.multi-images{width:450px;min-height: 668px;} .site-main-board:not(.mainboard-no-span) .entity_cover_choose{max-width: 450px;} .site-main-board:not(.mainboard-no-span) .anime_data{grid-template-columns: 1fr 1fr 1fr 1fr;} .site-main-board:not(.mainboard-no-span) .anime_info{ grid-template-columns: 50% calc(50% - 35px) 30px; } .site-main-board:not(.mainboard-no-span) .anime_info.main:has(.anime_link_to.single_page){padding-right: 0;} .site-main-board:not(.mainboard-no-span) .acgs-anime{font-size: 18px;} .site-main-board:not(.mainboard-no-span) .anime_summary, .site-main-board:not(.mainboard-no-span) .anime_story, .site-main-board:not(.mainboard-no-span) .anime_streams, .site-main-board:not(.mainboard-no-span) .anime_links{font-size: 15px;} .site-main-board:not(.mainboard-no-span) .anime_info .entity_localized_name{font-size: 30px;} .site-main-board:not(.mainboard-no-span) .anime_info .entity_original_name, .site-main-board:not(.mainboard-no-span) .anime_info .entity_alternative_name{font-size: 18px;} .site-main-board:not(.mainboard-no-span) .event_summary_column{grid-template-columns: 100%;} .site-main-board:not(.mainboard-no-span) .event_summary_column > div{grid-template-columns: repeat(auto-fill, calc(25% - 3px));} .site-main-board:not(.mainboard-no-span) .event_summary_column > div.sub > div{grid-column-end: span 2;} } @media (min-width: 750px){ .anime_data{grid-template-columns: 1fr 1fr;} .anime_txts{grid-column: 1 / span 2;} } @media (min-width: 635px) and (max-width: 1080px){ } @media (min-width: 635px){ .anime_content>.anime_names{display:none;} } @media (max-width: 634px){ .anime_cover.site-content-float{position: relative;top:0px;} .anime_cover,.anime_cover_image{float: none;margin: 0px auto;} .acgs-anime .entity_cover_options{opacity: 1;} .entity_cover_options:hover{border: 2px solid white;} .anime_content{width: 100%;} .anime_content>.anime_info.site-content-float:not(.anime_names){position: relative;top: 0px;z-index: 0;} .anime_content>.anime_info.site-content-float>.anime_names{display: none;} .anime_data:hover{overflow-y: auto;} .anime_name_extra{height: auto;} .anime_name_extra>.extra_box{max-height: none;display: inline;position: inherit;} .anime_info>.anime_spec{position: inherit;margin-top: 5px;} .acgs-anime .anime_insite_jumps{grid-template-rows: auto;} .event_summary_column{grid-template-columns: 100%;} } #acgs-anime-icons>h3,.entry-content>h2{ margin: 10px 0px 5px 0px; } h3.entity_localized_name{ margin-bottom: 0px; } .anime_points{ margin: 3px 5px; } .anime_point { display: inline-block; background-color: black; padding: 1px 4px 1px 4px; border-radius: 3.5px; text-shadow: none; font-size: 18px; } .anime_point::after { content: '分'; font-size: 12px; color: silver; padding-left: 2px; } .anime_point>span { font-size: 13px; } .anime_point>span::before { content: '.'; } @media (min-width: 560px) and (max-width:814px){ #acgs-anime-summary{ width: 515px; margin: 0px auto; } } @media (max-width:559px){ #acgs-anime-summary{ width: 257.5px; margin: 0px auto; } } .acgs-anime-summary.acgs-anime-icon { width: 250px; height: 605px; margin: 1px 3px 3px 1px; border-radius: 5px; background: #8882; border: 1px solid #8886; } .acgs-anime-summary a{ text-decoration: none; } .acgs-anime-summary .anime_bg { width: 250px; height: 250px; } .acgs-anime-summary .anime_text { width: 250px; bottom: 355px; } .acgs-anime-summary .anime_name { background: #000A; padding: 7px 5px 3px 5px; } .acgs-anime-summary .anime_name_loc { font-size: 23px; line-height: 23px; } .acgs-anime-summary .super_long.anime_name_loc {font-size: 18px;line-height: 18px;} .acgs-anime-summary .anime_name_ori { font-size: 14px; line-height: 15px; color: silver; } .acgs-anime-summary .super_long.anime_name_ori {font-size: 12px;line-height: 12px;} .anime_summary_data { margin-top: 250px; height: 355px; overflow: hidden; color: var(--main-text); font-size: 15px; line-height: 18px; } .anime_summary_base, .anime_summary_boardcast { width: calc(50% - 8px); padding: 1px 4px; float: left; } .anime_summary_boardcast .anime_streams{ line-height: 13px; padding: 0px; height: 21px; margin-top: -4px; overflow: hidden; } .anime_summary_caststaff { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin: 3px; } .anime_summary_caststaff .anime_staff .anime_person+.anime_person{padding-top: 2px;} .anime_summary_caststaff .anime_person{line-height: 100%;font-weight: 500;} .anime_summary_caststaff .anime_person>.type{display: block;font-weight: 300;font-size: 12px;} .anime_summary_caststaff .anime_person>.entities{display: block;font-weight: 600;} .anime_summary_data .anime_studio::before, .anime_summary_data .anime_summary_type::before, .anime_summary_data .anime_summary_oadate::before, .anime_summary_data .anime_summary_oatime::before{ display: inline-block; font-family: 'Font Awesome 6 Free'; padding-right: 3px; width: 14px; text-align: center; } .anime_summary_data .anime_studio::before{content: '';} .anime_summary_data .anime_summary_type::before{content: '';} .anime_summary_data .anime_summary_oadate::before{content: '';} .anime_summary_data .anime_summary_oatime::before{content: '';} .anime_summary_data .anime_studio{ padding: 5px 4px 2px 4px; font-weight: 600; background: #8885;} .anime_summary_data .anime_summary_meta {background: #8882;} #acgs-filter-cv-pool{ height: 150px; overflow-y: scroll; } .acgs-entity{display: flex;} .acgs-entity .entity_cover_choose{border-radius: 0px 0px 5px 5px;} .acgs-entity .entity_cover_options:hover{border: 2px solid white;} .acgs-entity>.sub-content.site-content-float{ min-height: calc(100vh - 50px); align-self: flex-end; bottom: 5px; top:unset; } .entity_cover{ width: 300px; margin: 0px auto; border-radius: 5px 5px 0px 0px; } .acgs-entity.single-image .entity_cover{border-radius: 5px 5px 5px 5px;} .acgs-entity.single-image .entity_cover_choose{display: none;} .entity_name > .entity_localized_name{font-size: 33px;} .entity_name > .entity_original_name, .entity_name > .anime_info .entity_alternative_name{font-size: 16px;color: var(--main-text-lighter);line-height: 1.5em;} .entity_link_class{line-height: 1.2;display:inline-block;width: 145px;font-size: 16px;font-weight: 300;} .entity_link_link{line-height: 1.2;display:inline-block;width:100%;} @media (max-width: 1139px){ .acgs-entity{display:block;} .acgs-entity>.sub-content.site-content-float{min-height: auto;} .entity_link_link{width:calc(100% - 150px);} } .acgs-entity-submenu{ border-bottom: 2px solid; margin-bottom: 5px; padding-top: 5px; height: 40px; border-bottom-color: var(--main-color-darker); } .acgs-entity-submenu-btn{ border-bottom: 2px solid var(--main-color-main); height: 28px; padding: 7px 10px 3px 10px; font-size: 20px; } .acgs-entity-submenu-btn{ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-bottom-width 0.3s,padding 0.3s,font-size 0.3s; transition: border-bottom-width 0.3s,padding 0.3s,font-size 0.3s;} .acgs-entity-submenu-btn:hover{font-size: 23px;border-bottom-width: 6px;padding: 5px 10px 1px 10px;} .acgs-entity-submenu[selected='overview'] .acgs-entity-submenu-btn[acgs-txt='entity-submenu-overview'], .acgs-entity-submenu[selected='onair'] .acgs-entity-submenu-btn[acgs-txt='entity-submenu-onair'], .acgs-entity-submenu[selected='staff'] .acgs-entity-submenu-btn[acgs-txt='entity-submenu-staff'], .acgs-entity-submenu[selected='article'] .acgs-entity-submenu-btn[acgs-txt='entity-submenu-article']{padding: 5px 10px 5px 10px;font-size:23px;background-color: var(--main-color-main) ;color: white;} .acg-entity-latest-article{ max-height: 283px; overflow-y: hidden;padding-left: 2px;} .site-main-board.hide-edit-menu .acgs-editor-menu{display:none;} .site-setting.site-setting-show-edit-menu:hover{text-decoration: underline;cursor: pointer;} textarea.acgs-edit{resize: vertical;height: 140px;} label.acgs-edit.checkbox:hover{font-weight: bold;text-decoration: underline;cursor: pointer;} .quick-check-box-content .fa-arrows-alt{cursor: -webkit-grab; cursor: grab;} .quick-check-box-content hr{width: 100%;} .edit-one-btn{width:30px;margin:3px;} .edit-two-btn{width:66px;margin:3px;} .edit-three-btn{width:102px;margin:3px;} .edit-halfwidth{width:48%;} .edit-one-btn-fullwidth{width:calc(98% - 40px);} .edit-two-btn-fullwidth{width:calc(98% - 80px);} .edit-three-btn-fullwidth{width:calc(98% - 120px);} .edit-half-btn-halfwidth{width:calc(48% - 20px);} .edit-one-btn-halfwidth{width:calc(48% - 40px);} .edit-one-half-btn-halfwidth{width:calc(48% - 60px);} .edit-two-btn-halfwidth{width:calc(48% - 80px);} .edit-two-half-btn-halfwidth{width:calc(48% - 100px);} .edit-three-btn-halfwidth{width:calc(48% - 120px);} .edit-date-block{display: grid;grid-template-columns: calc(44% - 20px) 28% 28%;column-gap: 10px;} .edit-date-column{display: flex;flex-direction: column;} .edit-g{display: grid;column-gap: 3px;} .edit-g>.span-2{grid-column-end: span 2;} .edit-g.center{align-items: center;} .edit-g>i{text-align: center;} .edit-g>button{text-align: center;padding: 2px;} .edit-g.fullwidth-l-btn{grid-template-columns: 30px calc(100% - 33px);} .edit-g.fullwidth-ll-btn{grid-template-columns: 30px 30px calc(100% - 66px);} .edit-g.fullwidth-r-btn{grid-template-columns: calc(100% - 33px) 30px;} .edit-g.fullwidth-rr-btn{grid-template-columns: calc(100% - 66px) 30px 30px;} .edit-g.fullwidth-lr-btn{grid-template-columns: 30px calc(100% - 66px) 30px;} .edit-col-sssss{display: grid;column-gap: 2px;grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));} .edit-col-s-l{display: grid;grid-template-columns: 110px calc(100% - 114px);column-gap: 4px;} .edit-col-l-ss-l{display: grid;grid-template-columns: calc(50% - 18px) 30px calc(50% - 18px);column-gap: 3px;} .edit-col-l-l, .edit-col-l-s-s{display: grid;grid-template-columns: calc(50% - 2px) calc(50% - 2px);column-gap: 4px;} .edit-col-l-s-s>*:first-child{grid-column-end: span 2;} .edit-col-boardcast-styled-block{display: grid;grid-template-columns:30px 1fr 1fr 30px 30px;} #quick-check-box .fullsize-show{display:none;} #quick-check-box .fullsize-hide{display:block;} @media (max-width:559px){ /* #quick-check-box.strict-fullsize .edit-col-l-s-s{grid-template-columns: 1fr 1fr 110px 110px;} */ .edit-col-boardcast-styled-block>.smallsize-next-row{grid-row-start: 2;} .edit-col-boardcast-styled-block>.smallsize-span{grid-column-end: span 2;} } @media (min-width:560px){ #quick-check-box.strict-fullsize .fullsize-show{display:block;} #quick-check-box.strict-fullsize .fullsize-hide{display:none;} #quick-check-box.strict-fullsize .edit-date-column{flex-direction: row-reverse;} #quick-check-box.strict-fullsize .edit-col-xl-xl{display: grid;grid-template-columns: 50% 50%;} #quick-check-box.strict-fullsize .edit-col-l-s-s{grid-template-columns: 1fr 1fr 110px 110px;} #quick-check-box.strict-fullsize .edit-col-boardcast-styled-block{grid-template-columns:30px calc(20% - 15px) calc(20% - 15px) calc(45% - 30px) calc(15% - 15px) 30px;} #quick-check-box:not(.strict-fullsize) .edit-col-boardcast-styled-block>.smallsize-next-row{grid-row-start: 2;} #quick-check-box:not(.strict-fullsize) .edit-col-boardcast-styled-block>.smallsize-span{grid-column-end: span 2;} } .fullsize-qcbox-show{display: none;} #quick-check-box.strict-fullsize:not(.noshow) .fullsize-qcbox-show{display: block;} @media (max-width:634px){ .fullsize-qcbox-show{display: block;} } .edit-update-bar{position: sticky;width: 100%;height: 50px;bottom: 0px;} .edit-title-frame{ display: grid; grid-template-columns: 25px 1fr; gap: 5px; align-items: center; padding: 3px; font-size: 20px; } .quick-check-box-content>div>.edit-title-frame:first-of-type { grid-template-columns: 35px 1fr; font-size: 30px; font-weight: 700; } .edit-title-frame>.fas { text-align: center; font-size: 105%; } .edit-title-frame>.fas.smaller {font-size: 70%;} .quick-check-box-content>div>.edit-title-frame:first-of-type>.fas {font-size: 120%;} .edit-title-frame>div { font-size: 16px; line-height: 110%; } .edit-title-frame>div .smaller {font-size: 13px;} .edit-batch-quickjump{ display: flex; flex-direction: row; gap: 3px; padding: 3px; } .edit-batch-quickjump > a { width: 25px; border-radius: 2px; text-align: center; } .acgs-quickedit-btn {min-width: 50px;padding: 2px 4px 4px;} .acgs-quickedit-btn > i{font-size: 130%;margin: 2px 0;} .acgs-quickedit-btn > div{font-size: 60%;line-height: 100%;} .overflow-hidden{overflow:hidden;} .clear-both{clear:both;} .hide{display:none;}