*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#333}
body{font:14px/1.5 Arial,"Microsoft YaHei",sans-serif}
img{border:0}
a{color:#333;text-decoration:none}
a:hover{color:#c00;text-decoration:underline}
.legacy-home-top{max-width:800px;margin:0 auto 6px;background:#fff}
.legacy-welcome{padding:3px 8px}
.legacy-quick{padding:4px 8px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f7f7f7}
.legacy-quick a{display:inline-block;margin-right:14px;line-height:24px}
.legacy-notice{min-height:22px;padding:3px 8px;color:#f00;line-height:22px}
.legacy-logo{display:flex;align-items:center;min-height:38px;padding:2px 8px;border-top:1px solid #e5e5e5}
.legacy-logo img{display:block;width:76px;height:35px}
.legacy-logo-space{flex:1;min-width:0}
.legacy-nav{overflow:hidden;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;background:#eee}
.legacy-nav-inner{display:flex;flex-wrap:wrap;align-items:center;padding:0 6px}
.legacy-nav-item{display:inline-flex;align-items:center;height:30px;line-height:30px;white-space:nowrap}
.legacy-nav-item a{display:inline-block;padding:0 6px}
.legacy-nav-item span{color:#999}
.old-footer{max-width:800px;margin:10px auto 18px;padding:10px;border:1px solid #bdbdbd;background:#f2f2f2;text-align:center;color:#666;font-size:12px;line-height:22px}
.home-old,.old-list-page,.old-detail-page,.old-play-page,.old-type-page{width:800px;max-width:100%;margin:0 auto 18px;padding:0 8px}
.old-box,.old-list-box,.old-detail-box,.old-play-box,.old-type-box{margin:0 0 8px;border:1px solid #bdbdbd;background:#fff}
.old-title,.old-list-title,.old-detail-title,.old-play-title,.old-type-title{min-height:32px;padding:0 10px;border-bottom:1px solid #d8d8d8;background:#f3f3f3;font-weight:700;line-height:32px}
.old-title .more,.old-type-title .more{float:right;color:#777;font-size:12px;font-weight:400}
.home-old .old-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 7px;margin:0;padding:8px 6px 6px;list-style:none}
.home-old .old-card{min-width:0;text-align:center}
.home-old .old-pic{display:block;position:relative;overflow:hidden;border:1px solid #ddd;background:#eee;aspect-ratio:41/50}
.home-old .old-pic img{display:block;width:100%;height:100%;object-fit:cover}
.home-old .old-name{display:block;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:22px}
.old-text-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0;padding:6px 12px 8px;list-style:none}
.old-text-list li{height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dotted #ddd;line-height:26px}
.old-text-list em{float:right;color:#888;font-size:12px;font-style:normal}
.old-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.old-list-title .count{float:right;color:#777;font-size:12px;font-weight:400}
.old-list-title .count em{font-style:normal}
.old-list-grid{display:grid;margin:0;padding:8px 7px 7px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none}
.old-list-card{min-width:0;text-align:center}
.old-list-pic{display:block;overflow:hidden;width:100%;height:170px;border:1px solid #ddd;background:#eee}
.old-list-pic img{display:block;width:100%;height:100%;object-fit:cover}
.old-list-name,.old-list-remarks{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.old-list-name{height:22px;font-size:13px;line-height:22px}
.old-list-remarks{height:18px;color:#888;font-size:12px;line-height:18px}
.old-list-empty,.old-detail-empty,.old-type-empty{padding:16px 10px;text-align:center;color:#777}
.page{margin:10px 0 4px;padding:0;text-align:center}
.page li{display:inline-block;margin:0 2px 6px;list-style:none}
.page a,.page span{display:inline-block;min-width:26px;height:26px;padding:0 8px;border:1px solid #ccc;background:#fff;line-height:24px}
.page .active a,.page a:hover{border-color:#c00;background:#c00;color:#fff;text-decoration:none}
.page_tips{padding:0 0 10px;text-align:center;color:#777;font-size:12px}
.old-detail-main{display:flex;gap:12px;padding:10px}
.old-detail-pic{flex:0 0 150px}
.old-detail-pic img{display:block;width:150px;height:200px;object-fit:cover;border:1px solid #ddd;background:#eee}
.old-detail-info{flex:1;min-width:0}
.old-detail-info h1{margin:0 0 6px;font-size:20px;line-height:28px}
.old-detail-info p{margin:0;line-height:24px}
.old-detail-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muted{color:#777}
.old-detail-actions{padding-top:8px}
.old-detail-btn{display:inline-block;height:28px;margin:0 8px 6px 0;padding:0 14px;border:1px solid #b40000;background:#c00;color:#fff!important;line-height:26px}
.old-detail-btn:hover{background:#a80000;text-decoration:none}
.old-detail-content,.old-play-content{padding:9px 10px;line-height:24px}
.old-detail-play,.old-play-source{padding:8px 10px 2px}
.old-detail-play-source,.old-play-source-item{margin:0 0 10px}
.old-detail-play-source h3,.old-play-source-item h3{margin:0 0 6px;padding:0 0 5px;border-bottom:1px solid #e1e1e1;font-size:14px;line-height:22px}
.old-detail-play-list,.old-play-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.old-detail-play-list a,.old-play-list a{display:block;min-width:58px;height:28px;padding:0 10px;border:1px solid #ccc;background:#fafafa;text-align:center;line-height:26px;white-space:nowrap}
.old-detail-play-list a:hover,.old-play-list a:hover,.old-play-list .active a{border-color:#c00;background:#c00;color:#fff;text-decoration:none}
.old-detail-rel,.old-play-rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:6px 10px 8px;list-style:none}
.old-detail-rel li,.old-play-rel li{height:25px;overflow:hidden;border-bottom:1px dotted #ddd;line-height:25px}
.old-detail-rel span,.old-play-rel span{float:right;color:#999;font-size:12px}
.old-play-title .sub{float:right;color:#777;font-size:12px;font-weight:400}
.old-play-video{position:relative;width:100%;overflow:hidden;background:#000;aspect-ratio:16/9}
.old-play-video .MacPlayer,.old-play-video #player,.old-play-video #Player,.old-play-video iframe,.old-play-video embed,.old-play-video video,.old-play-video object{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.old-play-tips{display:flex;align-items:center;justify-content:center;min-height:320px;padding:15px;color:#fff;text-align:center;background:#222}
.old-play-now{padding:8px 10px;border-top:1px solid #ddd;background:#fafafa;line-height:24px}
.old-play-now h1{display:inline;margin:0;font-size:16px}
.old-play-tools{padding:8px 10px 2px;border-top:1px solid #e5e5e5}
.old-play-tools a{display:inline-block;height:28px;margin:0 6px 6px 0;padding:0 10px;border:1px solid #ccc;background:#fafafa;line-height:26px}
.old-play-tools a:hover{border-color:#c00;background:#fff7f7;text-decoration:none}
.old-play-tools .old-disabled{color:#999;pointer-events:none}
.old-play-content p{margin:0 0 4px}
.old-type-title h2{display:inline;margin:0;font-size:14px}
.old-type-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;margin:0;padding:6px 10px 8px;list-style:none}
.old-type-list li{height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dotted #ddd;line-height:27px}
.old-type-list em{float:right;color:#999;font-size:12px;font-style:normal}
@media(max-width:820px){
    body{font-size:13px}
    .legacy-quick a{margin-right:10px}
    .legacy-nav-inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .legacy-nav-item{flex:0 0 auto}
    .home-old,.old-list-page,.old-detail-page,.old-play-page,.old-type-page{width:100%;padding:0 6px}
    .home-old .old-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px}
    .old-row,.old-text-list,.old-detail-rel,.old-play-rel{grid-template-columns:1fr}
    .old-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 6px}
    .old-list-pic{height:146px}
    .old-detail-main{display:block;padding:8px}
    .old-detail-pic{float:left;width:116px;margin:0 10px 4px 0}
    .old-detail-pic img{width:116px;height:154px}
    .old-detail-info h1{font-size:18px;line-height:26px}
    .old-detail-content{clear:both}
    .old-play-title .sub{display:block;float:none;padding-bottom:5px;line-height:20px}
    .old-play-tips{min-height:200px}
    .old-type-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
    .old-footer{width:calc(100% - 12px);margin-right:6px;margin-left:6px}
}
