/*
 * 清透卡片版：用于测试模板目录切换和公共功能兼容性。
 * 只覆盖视觉层，数据、TDK、广告、评论、播放和链接管理继续走公共程序。
 */
body.template-mobile-bento{
  --bg:#edf3f6;
  --panel:#ffffff;
  --card:#f7fafb;
  --line:#d8e3e8;
  --red:#087f8c;
  --red2:#0a98a7;
  --ink:#17313a;
  --muted:#71868e;
  min-height:100vh;
  background:linear-gradient(180deg,#dfecef 0,#edf3f6 260px,#edf3f6 100%);
  color:var(--ink);
}
.template-mobile-bento .mast,
.template-mobile-bento main,
body.template-mobile-bento>footer{max-width:760px}
.template-mobile-bento .mast{
  padding:14px 16px 0;
  background:rgba(255,255,255,.94);
  border:1px solid var(--line);
  border-top:0;
  border-radius:0 0 22px 22px;
  box-shadow:0 12px 32px rgba(29,72,82,.08);
  backdrop-filter:blur(12px);
}
.template-mobile-bento .brand i{width:11px;height:29px;border-radius:8px;background:#087f8c;box-shadow:7px 0 0 #9ed9d9}
.template-mobile-bento .brand span{font-size:18px;color:#17313a;letter-spacing:-.04em}
.template-mobile-bento .mast form{overflow:hidden;background:#f3f7f8;border-color:#cfdee3;border-radius:13px}
.template-mobile-bento .mast input{color:#17313a}
.template-mobile-bento .mast input::placeholder{color:#91a2a8}
.template-mobile-bento .mast form button{background:#087f8c}
.template-mobile-bento .watch-history-toggle{border-color:#c7d9de!important;background:#f7fafb!important;color:#087f8c!important}
.template-mobile-bento .mast nav{gap:8px;padding:11px 0 14px}
.template-mobile-bento .mast nav a{padding:6px 12px;background:#f5f9fa;border-color:#d7e4e7;border-radius:10px;color:#536d76;font-size:12px}
.template-mobile-bento .mast nav a:hover{background:#087f8c;border-color:#087f8c;color:#fff}
.template-mobile-bento main{padding:16px 16px 42px}
.template-mobile-bento .hero{
  position:relative;
  margin-top:2px;
  padding:28px 24px;
  overflow:hidden;
  background:linear-gradient(135deg,#087f8c,#075d74);
  border:0;
  border-radius:22px;
  color:#fff;
  box-shadow:0 16px 36px rgba(7,95,116,.18);
}
.template-mobile-bento .hero:after{content:"";position:absolute;right:-38px;top:-58px;width:170px;height:170px;border:28px solid rgba(255,255,255,.1);border-radius:50%}
.template-mobile-bento .hero span{color:#bff0ef;letter-spacing:.16em}
.template-mobile-bento .hero h1{position:relative;z-index:1;margin:7px 0 2px;font-size:32px}
.template-mobile-bento .hero p{position:relative;z-index:1;color:#d6f2f2;font-size:11px}
.template-mobile-bento .content-section,
.template-mobile-bento .home-ranking,
.template-mobile-bento .home-comments,
.template-mobile-bento .detail,
.template-mobile-bento .player-page,
.template-mobile-bento .flip-links,
.template-mobile-bento .rank-groups>section{
  padding:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 9px 26px rgba(41,78,88,.055);
}
.template-mobile-bento .content-section,
.template-mobile-bento .home-ranking,
.template-mobile-bento .home-comments{margin-top:16px}
.template-mobile-bento .content-section>header{margin-bottom:14px}
.template-mobile-bento .content-section h2,
.template-mobile-bento .home-ranking h2,
.template-mobile-bento .home-comments h2{font-size:21px;letter-spacing:-.04em}
.template-mobile-bento .content-section header small,
.template-mobile-bento .home-ranking>header small,
.template-mobile-bento .home-comments>header small{color:#087f8c}
.template-mobile-bento .grid{gap:17px 10px}
.template-mobile-bento .card figure{border-radius:13px;background:#dfeaec;box-shadow:0 7px 15px rgba(33,72,82,.1)}
.template-mobile-bento .card figure:after{border-color:rgba(22,73,82,.08);border-radius:inherit}
.template-mobile-bento .card figure span{left:7px;bottom:7px;background:rgba(7,39,46,.78);border-radius:7px}
.template-mobile-bento .card h3{margin-top:9px;color:#17313a}
.template-mobile-bento .card p{color:#71868e}
.template-mobile-bento .home-ranking{border-top:1px solid var(--line)}
.template-mobile-bento .home-ranking li+li{border-color:#e5ecef}
.template-mobile-bento .home-ranking li>a>b{width:27px;height:27px;display:grid;place-items:center;background:#e1f2f2;border-radius:50%;color:#087f8c;font-size:11px}
.template-mobile-bento .home-ranking li h3{color:#17313a}.template-mobile-bento .home-ranking li i{color:#8bb5bb}
.template-mobile-bento .home-comment-track>article{background:#f7fafb;border-color:#dbe6e9;border-top-color:#087f8c;border-radius:14px}
.template-mobile-bento .home-comment-track>article>header i,
.template-mobile-bento .vod-comments article>i{background:#dff1f1;color:#087f8c}
.template-mobile-bento .home-comment-track>article p,
.template-mobile-bento .vod-comments article p{color:#536d76}
.template-mobile-bento .breadcrumb{padding:17px 4px 2px;color:#82949a}
.template-mobile-bento .breadcrumb a{color:#087f8c}
.template-mobile-bento .page-title{padding:20px 5px 15px}.template-mobile-bento .page-title h1{font-size:27px}
.template-mobile-bento .detail,.template-mobile-bento .player-page{margin-top:14px}
.template-mobile-bento .detail-top>img{border-radius:15px;background:#dfeaec;box-shadow:8px 8px 0 #d5e7e9}
.template-mobile-bento .detail-top small{color:#087f8c}
.template-mobile-bento .facts span{background:#e8f3f4;color:#49666e;border-radius:7px}
.template-mobile-bento .vod-subtitle,.template-mobile-bento .credit{color:#647c84}
.template-mobile-bento .blurb{border-color:#087f8c;color:#355860}
.template-mobile-bento .primary{border-radius:12px;background:#087f8c;color:#fff;box-shadow:0 7px 14px rgba(8,127,140,.16)}
.template-mobile-bento .story{border-color:#dfe8eb}.template-mobile-bento .story p{color:#526b73}
.template-mobile-bento .description-toggle{background:#edf7f7;border-color:#c7e2e3;border-radius:99px;color:#087f8c}
.template-mobile-bento .episodes{background:#f7fafb;border:1px solid #dbe6e9;border-top:3px solid #087f8c;border-radius:15px}
.template-mobile-bento .episodes a{background:#fff;border-color:#d8e4e7;border-radius:8px;color:#49646d}
.template-mobile-bento .play-episodes a.active{background:#087f8c;border-color:#087f8c;color:#fff}
.template-mobile-bento .player-page video,.template-mobile-bento .player-page iframe{border-radius:15px;background:#10252b}
.template-mobile-bento .episode-switch a{background:#f1f7f8;border-color:#d6e4e7;border-radius:9px;color:#087f8c}
.template-mobile-bento .vod-comments{background:#f7fafb;border-color:#dce7ea;border-radius:15px}
.template-mobile-bento .flip-links{margin-top:16px;border-top:1px solid var(--line)}
.template-mobile-bento .flip-tag-cloud a{background:#f4f8f9;border-color:#d8e4e7;border-radius:9px;color:#49646d}
.template-mobile-bento .flip-tag-cloud a.directed{background:#e1f4f3;border-color:#80c8c8;color:#087f8c}
.template-mobile-bento .pager a,.template-mobile-bento .pager span{background:#fff;border-color:#d5e2e6;border-radius:10px;color:#087f8c}
.template-mobile-bento .rank-groups>section{border-top:3px solid #087f8c}.template-mobile-bento .rank-groups li+li{border-color:#e4ecee}
.template-mobile-bento .watch-history-panel>section{background:#fff;border-color:#d4e2e6;border-radius:20px;color:#17313a}
.template-mobile-bento .watch-history-panel>section>header,
.template-mobile-bento .history-item{border-color:#e1eaed}.template-mobile-bento .watch-history-panel>section>footer{background:#fff}.template-mobile-bento .history-clear{background:#f4f8f9;border-color:#d5e3e6;color:#087f8c}
body.template-mobile-bento>footer{background:#17313a;border:0;color:#9fb2b8}body.template-mobile-bento>footer strong{color:#fff}body.template-mobile-bento>footer a{color:#8dd7d6}
.template-mobile-bento .back-top{background:#087f8c;box-shadow:0 8px 20px rgba(8,127,140,.25)}
.template-mobile-bento .empty{background:#f8fbfc;border-color:#cbdde1;border-radius:13px}
@media(max-width:390px){
  .template-mobile-bento .mast{padding-left:11px;padding-right:11px}
  .template-mobile-bento main{padding-left:11px;padding-right:11px}
  .template-mobile-bento .content-section,.template-mobile-bento .home-ranking,.template-mobile-bento .home-comments,.template-mobile-bento .detail,.template-mobile-bento .player-page,.template-mobile-bento .flip-links{padding:14px;border-radius:16px}
}