:root{--background:#f2f2f2;--foreground:#2c2c2c}#__next,body,html{width:100%;padding:0;margin:0;height:100dvh;overscroll-behavior-y:contain;line-height:1.5}@media (prefers-color-scheme:dark){:root{--background:#2c2c2c;--foreground:#c6c6c6}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}::-webkit-scrollbar{width:8px;display:none}::-webkit-scrollbar-thumb{border-radius:4px;display:none}::-webkit-scrollbar-track{display:none}.header{height:50px;justify-content:space-between;padding:0 12px}.header,.header .search{display:flex;align-items:center}.header .search{flex:1 1}.header .search input{height:32px;width:100%;max-width:500px;border-radius:5px 0 0 5px;box-shadow:none;border:1px solid #ccc;text-indent:1em}.header .search input:focus-visible{outline:none}.header .search button{height:32px;padding:0 8px;cursor:pointer;border-radius:0 5px 5px 0;border:1px solid #ccc;margin-left:-1px;line-height:32px}.type-list{padding:10px 12px;display:flex;overflow-x:auto}.type-list .type-item{margin-right:6px;border:1px solid #ccc;border-radius:5px;padding:0 5px;margin-bottom:5px;line-height:1.4;cursor:pointer;width:max-content;min-width:-moz-fit-content;min-width:fit-content}.type-list .type-item.activity{color:#fff;background-color:#0f93ff}.vod-list{padding:10px 5px;display:flex;flex-wrap:wrap;justify-content:space-evenly;flex:1 1;max-height:calc(100dvh - 100px);overflow:auto}.vod-list .vod-item{min-width:min(clamp(240px,25%,360px),100%);width:0;min-height:100px;flex:1 1;padding:6px;display:flex;flex-direction:column;border-radius:4px;position:relative;word-wrap:break-word;cursor:pointer}@media screen and (min-width:768px){.vod-list .vod-item{max-width:460px}}.vod-list .vod-item:hover{top:-3px;box-shadow:0 3px 0 #0f93ff;background-color:#0004}.vod-list .vod-item .vod-pic{width:100%;border-radius:6px;overflow:hidden}.vod-list .vod-item .vod-info{margin-top:5px;flex:1 1;display:flex;flex-direction:column}.vod-list .vod-item .vod-info .vod-name{cursor:text}.vod-list .vod-item .vod-info .vod-info-footer{margin-top:5px;display:flex;justify-content:space-between;opacity:.7;font-size:14px;cursor:text}.vod-list .vod-item .vod-info .vod-class{cursor:pointer}.art-list{padding:10px 5px;display:flex;flex-wrap:wrap;justify-content:center;flex:1 1;max-height:calc(100dvh - 100px);overflow:auto}.art-list .art-item{min-width:min-content;min-height:100px;padding:6px;cursor:pointer;display:flex;flex-direction:column;border-bottom:1px solid #ccc;flex-wrap:wrap;margin:3px 5px;flex:auto;border-radius:4px}.art-list .art-item:hover{position:relative;top:-3px;box-shadow:0 3px 0 #0f93ff;background-color:#0004;border-bottom-color:transparent}.art-list .art-item .art-pic{min-width:min(clamp(240px,25%,360px),100%);width:100%;border-radius:6px;overflow:hidden}.art-list .art-item .art-info{margin-top:5px;flex:1 1;display:flex;flex-direction:column}.art-list .art-item .art-info .art-name{margin-top:5px}.art-list .art-item .art-info .art-blurb{flex:1 1;margin-top:5px;opacity:.8;font-size:14px}.art-list .art-item .art-info .art-info-footer{margin-top:5px;display:flex;justify-content:space-between;opacity:.7;font-size:14px}.art-detail .art-content{min-height:calc(100dvh - 60px)}.art-detail .art-content img{max-width:100%;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;text-align:left}.zoom-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000a}.zoom-image img{width:100%}.init-wrap{margin:0 auto;padding-top:30vh}.init-wrap>div{display:flex;justify-content:center;align-items:center}.init-wrap>div input{height:32px;width:100%;max-width:300px;border-radius:5px 0 0 5px;box-shadow:none;border:1px solid #ccc;text-indent:1em}.init-wrap>div input:focus-visible{outline:none}.init-wrap>div button{height:32px;padding:0 8px;cursor:pointer;border-radius:0;border:1px solid #ccc;margin-left:-1px}.init-wrap>div button:last-child{border-radius:0 5px 5px 0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{position:fixed;height:min-content;width:100%;bottom:50%;left:0;text-align:center;padding:10px}.loading svg{animation:rotate 2s linear infinite;font-size:48px}