html{background:linear-gradient(180deg,#0c264e 0%,#0b0d0f 100%);--main-width:640px;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif}
html[data-no-scroll="true"]{overflow:hidden}
html[data-no-touch="true"]{cursor:wait}
html[data-no-touch="true"] body{pointer-events:none}
html[data-no-touch="true"] body *{pointer-events:none !important}
body{padding:64px 0;text-align:center}
canvas{background:#fff;width:var(--main-width);display:block;margin:auto;cursor:pointer;max-width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(26,26,26,.08),0 2px 8px rgba(26,26,26,.06);transition:box-shadow .2s ease,transform .1s ease}
canvas:hover{box-shadow:0 12px 38px rgba(26,26,26,.12),0 4px 12px rgba(26,26,26,.08);transform:translateY(-1px)}
a{color:#333;text-decoration:none}
button{cursor:pointer}
.ctrl-box{max-width:var(--main-width);margin:0 auto;padding:10px 0}

footer{padding:80px 0;color:#999;font-size:12px;line-height:20px}
footer>*{display:inline-block;vertical-align:top;padding:0 4px}
@media (min-width:1100px){html{--main-width:720px}}
.ui-btn{display:block;padding:16px 12px;border:2px solid #222;background:#fff;color:#222;font-size:18px;font-weight:600;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:all .15s ease}
.ui-btn:hover{background:#222;color:#fff}
.ui-btn.current{background:#222;color:#fff}
[data-show="false"]{display:none}
.ui-shadow{position:fixed;top:0;right:0;bottom:0;left:0;padding:40px 10px;overflow:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6)}
.ui-shadow .content-box{background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.24);max-width:520px;margin:0 auto;border-radius:16px}
@media (max-width:542px){.ui-shadow .content-box{max-width:392px}}
.output-box .content-box{padding:16px}
.output-box img{width:100%;display:block;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.22)}
.search-bangumis-box form{padding:12px 12px 0}
.search-bangumis-box form input{font:inherit;font-size:18px;outline:none;display:block;width:100%;box-sizing:border-box;padding:14px 16px;margin:0;border:2px solid #444;border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease}
.search-bangumis-box form input:focus{border-color:#222;box-shadow:0 0 0 3px rgba(34,34,34,.1)}
.search-bangumis-box .foot{padding:12px}
.search-bangumis-box .foot .ui-btn{margin-top:10px}
.anime-list{pointer-events:none;padding:8px;max-width:560px;margin:0 auto;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px}
.anime-list .anime-item{pointer-events:auto;text-align:left;cursor:pointer;padding:4px}
.anime-list .anime-item>*{pointer-events:none}
.anime-list .anime-item img{height:160px;width:100%;object-fit:cover;display:block;border-radius:8px;background:#222;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.anime-list .anime-item h3{margin:6px 0;font-size:14px;line-height:16px;max-height:32px;overflow:hidden;word-break:break-all}
@media (max-width:412px){.anime-list .anime-item img{height:calc((100vw - 20px - 8px) / 3 / 3 * 4 - 8px)}}
.more-link-box{padding:20px 0}