body.template-mobile-directory{--bg:#e9edf0;--paper:#fff;--ink:#26323a;--accent:#355d6e;--accent2:#be743a;--line:#cbd5da;--muted:#64747e;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.template-mobile-directory .mast,.template-mobile-directory main,.template-mobile-directory>footer{max-width:940px}
.template-mobile-directory .mast{padding:0 24px 15px;background:var(--paper);border:0;border-bottom:4px solid var(--accent)}
.template-mobile-directory .directory-top{display:flex!important;grid-template-columns:none!important;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.template-mobile-directory .directory-top b{font:700 11px ui-monospace,monospace;color:var(--accent);letter-spacing:.08em}
.template-mobile-directory .directory-main{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:25px;padding:18px 0}
.template-mobile-directory .directory-main .brand i{width:9px;height:32px;background:var(--accent2);box-shadow:5px 0 0 #e6c1a4}
.template-mobile-directory .directory-main .brand span{font-size:27px;color:var(--ink)}
.template-mobile-directory .directory-main>div{display:flex;align-items:center;gap:10px;width:min(540px,65%)}
.template-mobile-directory .directory-main form{flex:1;border:1px solid #aebcc3;background:#fff}
.template-mobile-directory .directory-main form button{background:var(--accent)}
.template-mobile-directory .directory-main .watch-history-toggle{width:43px;height:43px;color:var(--accent);border-color:#8da1ab}
.template-mobile-directory .directory-nav{display:block!important;grid-template-columns:none!important;border-top:1px solid var(--line)}
.template-mobile-directory .directory-nav nav{padding:0;overflow-x:auto}
.template-mobile-directory .directory-nav nav a{padding:11px 14px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#53636e;font-size:16px;white-space:nowrap}
.template-mobile-directory .directory-nav nav a.active{background:#edf3f5;border-color:var(--accent2);color:var(--accent)}
.template-mobile-directory main{padding:0 24px 55px}
.template-mobile-directory .site-signature{background:#dde5e8}
.template-mobile-directory .content-section,.template-mobile-directory .home-ranking,.template-mobile-directory .home-comments{margin-top:24px;padding:18px;background:var(--paper);border:1px solid var(--line)}
.template-mobile-directory .content-section>header{padding-bottom:12px;border-bottom:2px solid var(--accent)}
.template-mobile-directory .content-section h2,.template-mobile-directory .home-ranking h2,.template-mobile-directory .home-comments h2{font-size:25px;color:var(--accent)}
.template-mobile-directory .content-section header small,.template-mobile-directory .home-ranking header small,.template-mobile-directory .home-comments header small{font-size:12px;color:var(--accent2)}
.template-mobile-directory .directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.template-mobile-directory .directory-list article{display:grid;grid-template-columns:84px minmax(0,1fr);gap:13px;min-width:0;padding:17px 2px;border-bottom:1px solid var(--line)}
.template-mobile-directory .directory-cover{position:relative;display:block;align-self:start;overflow:hidden;background:#e4edf0;aspect-ratio:2/3}
.template-mobile-directory .directory-cover img{display:block;width:100%;height:100%;object-fit:cover}
.template-mobile-directory .directory-cover span{position:absolute;top:0;left:0;padding:3px 6px;background:var(--accent);color:#fff;font:700 11px/1.2 ui-monospace,monospace}
.template-mobile-directory .directory-entry{min-width:0}
.template-mobile-directory .directory-entry small{font-size:12px;color:var(--accent2)}
.template-mobile-directory .directory-entry h3{margin:3px 0 5px;font-size:18px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-mobile-directory .directory-entry p{min-height:42px;margin:0;color:var(--muted);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.template-mobile-directory .directory-entry>div{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#818f97;font-size:12px}
.template-mobile-directory .directory-entry>div b{color:var(--accent)}
.template-mobile-directory .home-ranking{border-top:4px solid var(--accent2)}
.template-mobile-directory .home-ranking li>a{grid-template-columns:26px 44px minmax(0,1fr) auto 14px;gap:8px}
.template-mobile-directory .directory-rank-cover{display:block;width:44px;aspect-ratio:2/3;object-fit:cover;background:#e4edf0}
.template-mobile-directory .rank-badge{padding:3px 7px;background:#e9eff2;color:var(--accent);font-size:12px}
.template-mobile-directory .home-comment-track>article{background:#f1f5f6;border-color:#d7e0e4;border-left-color:var(--accent2)}
.template-mobile-directory .breadcrumb{font-size:14px}
.template-mobile-directory .page-title{padding:26px 0 13px;border-bottom:1px solid var(--line)}
.template-mobile-directory .page-title h1{font-size:33px;color:var(--accent)}
.template-mobile-directory .detail-top.directory-profile{display:block;padding:0;background:#fff;border:1px solid var(--line)}
.template-mobile-directory .directory-profile-banner{padding:21px 24px;background:#eaf1f3;border-bottom:3px solid var(--accent)}
.template-mobile-directory .directory-profile-banner small{color:var(--accent2);font:700 11px ui-monospace,monospace}
.template-mobile-directory .directory-profile-banner h1{margin:5px 0;color:var(--ink);font-size:35px}
.template-mobile-directory .directory-profile-sheet{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:26px;padding:25px 24px}
.template-mobile-directory .directory-profile-score{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f1f5f6;border-left:4px solid var(--accent2)}
.template-mobile-directory .directory-profile-score span{color:var(--accent);font-size:13px}
.template-mobile-directory .directory-profile-score b{color:var(--accent2);font-size:23px}
.template-mobile-directory .directory-profile-data .facts{margin:13px 0}
.template-mobile-directory .directory-profile-data .facts span{background:#ecf1f3;color:#425f6e;font-size:13px}
.template-mobile-directory .directory-profile-credits{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.template-mobile-directory .directory-profile-data .blurb{margin:13px 0;font-size:16px}
.template-mobile-directory .directory-profile-data .primary{max-width:290px;background:var(--accent)}
.template-mobile-directory .directory-profile-sheet aside img{width:100%;aspect-ratio:2/3;object-fit:cover}
.template-mobile-directory .directory-profile-sheet aside span{display:block;margin-top:5px;text-align:center;color:var(--muted);font-size:12px}
.template-mobile-directory .story-directory{margin-top:19px;padding:23px 24px;background:#fff;border:1px solid var(--line)}
.template-mobile-directory .story-directory header{display:flex;align-items:center;gap:18px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.template-mobile-directory .story-directory header span{color:var(--accent2);font:700 12px ui-monospace,monospace}
.template-mobile-directory .story-directory h2{margin:0;color:var(--accent);font-size:24px}
.template-mobile-directory .story-directory p{font-size:16px;line-height:1.9}
.template-mobile-directory .episodes,.template-mobile-directory .vod-comments,.template-mobile-directory .player-page{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent)}
.template-mobile-directory .directory-player{padding:0 15px 15px}
.template-mobile-directory .directory-play-heading{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end;padding:17px 0 13px}
.template-mobile-directory .directory-play-heading small{grid-column:1/-1;color:var(--accent2);font:700 11px ui-monospace,monospace}
.template-mobile-directory .directory-play-heading h1{margin:0;color:var(--ink);font-size:27px}
.template-mobile-directory .directory-play-heading span{display:block;color:var(--muted);font-size:13px}
.template-mobile-directory .directory-play-heading a{color:var(--accent);font-size:13px}
.template-mobile-directory .directory-player .episode-switch{display:grid;grid-template-columns:1fr 1fr 1fr}
.template-mobile-directory .directory-player .episode-switch>*{display:grid;place-items:center;border:1px solid var(--line);background:#f1f5f6;color:var(--accent);font-size:14px}
.template-mobile-directory .directory-player .episode-switch .episode-disabled{color:#9ba9b0}
.template-mobile-directory .directory-player .episode-switch .play-share{font-weight:600}
.template-mobile-directory .episodes a.active{background:var(--accent);border-color:var(--accent);color:#fff}
.template-mobile-directory .pager a,.template-mobile-directory .pager span{background:#fff;border-color:#849ba6}
.template-mobile-directory .footer-directory{padding:28px 24px 40px;background:#263942;color:#bbccd3}
.template-mobile-directory .footer-directory>div{display:flex;align-items:center;gap:14px}
.template-mobile-directory .footer-directory strong{color:#fff;font-size:22px}
.template-mobile-directory .footer-directory small{color:#d49c6c;font-size:12px}
.template-mobile-directory .footer-directory nav a{color:#e5ae7c;font-size:13px}
.template-mobile-directory .footer-directory>span{font-size:12px}
.template-mobile-directory .back-top{background:var(--accent)}
@media(max-width:620px){
.template-mobile-directory .mast,.template-mobile-directory main{padding-left:15px;padding-right:15px}
.template-mobile-directory .directory-main{gap:12px;flex-wrap:wrap}
.template-mobile-directory .directory-main .brand span{font-size:21px}
.template-mobile-directory .directory-main>div{width:100%;flex:none}
.template-mobile-directory .directory-main form input{min-width:0}
.template-mobile-directory .directory-main form button{padding-left:11px;padding-right:11px}
.template-mobile-directory .directory-main form button{white-space:nowrap;min-width:62px}
.template-mobile-directory .directory-nav nav a{font-size:16px;padding-left:12px;padding-right:12px}
.template-mobile-directory .content-section,.template-mobile-directory .home-ranking,.template-mobile-directory .home-comments{padding:14px}
.template-mobile-directory .directory-list{grid-template-columns:1fr}
.template-mobile-directory .directory-list article{grid-template-columns:78px minmax(0,1fr)}
.template-mobile-directory .home-ranking li>a{grid-template-columns:24px 40px minmax(0,1fr) auto;gap:7px}
.template-mobile-directory .home-ranking li i{display:none}
.template-mobile-directory .directory-rank-cover{width:40px}
.template-mobile-directory .directory-entry h3{font-size:17px}
.template-mobile-directory .detail-top.directory-profile{padding:0}
.template-mobile-directory .directory-profile-banner{padding:17px}
.template-mobile-directory .directory-profile-banner h1{font-size:29px}
.template-mobile-directory .directory-profile-sheet{grid-template-columns:minmax(0,1fr) 92px;gap:12px;padding:16px}
.template-mobile-directory .directory-profile-credits{grid-template-columns:1fr}
.template-mobile-directory .directory-profile-data .blurb{font-size:14px}
.template-mobile-directory .directory-play-heading{grid-template-columns:1fr}
.template-mobile-directory .directory-play-heading h1{font-size:24px}
.template-mobile-directory .story-directory{padding:18px 16px}
.template-mobile-directory .footer-directory{padding-left:15px;padding-right:15px}
}