:root{--pink:#f29fbd;--blue:#5772d1;--header:#515151;--black:#000;--footer:#19181f;--line:#f29fbd}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body{background:#000;color:#fff;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.45}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;width:100%;height:83px;background:var(--header)}
.header-inner{width:1320px;max-width:calc(100% - 24px);height:100%;margin:auto;display:flex;align-items:center;gap:26px;position:relative}
.brand{width:200px;flex:0 0 200px}.brand img{width:200px;height:auto}
.top-nav{min-width:0;display:flex;align-items:center;justify-content:space-between;flex:1;height:100%}
.top-nav a{display:flex;align-items:center;gap:10px;padding:0 4px;color:#d2d2d2;font-size:19px;white-space:nowrap}
.top-nav a span{font-size:9px;color:#aaa;transform:rotate(45deg)}
.search-toggle{width:36px;height:36px;flex:0 0 36px;border:0;background:transparent;color:#fff;font-size:29px;line-height:1;cursor:pointer}
.search-form{display:none;position:absolute;right:0;top:69px;width:330px;padding:12px;background:#fff;border-radius:0 0 5px 5px;box-shadow:0 5px 12px rgba(0,0,0,.35)}
.search-form.open{display:flex}.search-form input{min-width:0;flex:1;height:38px;border:1px solid #ddd;padding:0 12px;font:inherit}.search-form button{width:68px;border:0;background:var(--pink);color:#fff;font:inherit}
.page-shell{width:1320px;max-width:calc(100% - 24px);min-height:600px;margin:0 auto;background:#000}
.friend-top{height:80px;padding:16px 0 0}.friend-matrix{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}
.friend-matrix a{height:30px;margin:1px;display:flex;align-items:center;justify-content:center;border-radius:0;background:var(--blue);color:#fff;font-size:15px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.category-matrix{margin:16px 0 10px;padding:0 9px 48px}.category-row{height:64px;min-height:64px;margin-bottom:7.571px;padding:15px 0;display:grid;grid-template-columns:10% repeat(8,11.25%);align-items:start;border-bottom:1px solid var(--line);column-gap:0}
.category-row strong{font-size:16px;color:var(--pink);font-weight:700;text-align:center;border-right:1px solid var(--pink);line-height:25px}.category-row>a{text-align:center;font-size:16px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.notice{margin:0 0 24px;padding:17px 20px;text-align:center;background:#fffbe6;color:#856404;border:1px solid #ffe58f;border-radius:5px;font-family:"Microsoft JhengHei","Microsoft YaHei",sans-serif}
.video-section{padding:0 18px 44px}.video-section h1,.video-section h2,.play-title{margin:0 0 10px;color:var(--pink);font-size:28px;line-height:45px;font-weight:700}
.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 18px}.video-card{min-width:0;background:#111;border:0;border-radius:4px;overflow:hidden}
.poster{display:block;width:100%;aspect-ratio:16/9;background:#222;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.card-copy{padding:9px 10px 8px}.video-card h3{height:44px;margin:0;color:#fff;font-size:15px;line-height:22px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;margin-top:8px;color:#d8d8d8;font-size:13px}
.friend-bottom{padding:8px 0 22px;background:var(--footer)}.site-footer{width:100%;background:#000;color:#fff;text-align:center}.copyright{padding:12px;background:var(--footer);font-size:14px}.footer-copy{padding:16px 14px 24px}.footer-copy p{margin:8px 0;font-size:15px}.footer-copy mark{background:transparent;color:#ff0;font-size:18px}
.inner-page{padding-top:0}.inner-page .video-section{padding-top:24px}.detail-panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;padding:32px 18px;border-bottom:1px solid #333}.detail-cover{width:280px;height:380px;object-fit:cover;background:#222}.detail-copy h1{margin:0 0 18px;color:var(--pink);font-size:27px}.detail-copy p{margin:9px 0}.summary{margin-top:16px;color:#ddd;line-height:1.8}.route-panel{margin:20px 18px;padding:18px;background:#111;border:1px solid #333;border-radius:4px}.route-panel h2{margin:0 0 13px;color:var(--pink);font-size:20px}.route-list{display:flex;flex-wrap:wrap;gap:8px}.route-list a{padding:8px 15px;background:var(--blue);border-radius:4px}.play-title{padding:26px 18px 8px}.player-box{width:calc(100% - 36px);margin:0 18px;aspect-ratio:16/9;background:#111;overflow:hidden}.player-box iframe,.player-box video{width:100%!important;height:100%!important;border:0}.paging{display:flex;justify-content:center;gap:7px;margin:28px 0 0}.paging a{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#222;border:1px solid #444}.paging a.active{background:var(--pink);border-color:var(--pink)}
@media(max-width:900px){
  .site-header{position:relative;height:69px;min-height:69px}.header-inner{max-width:100%;height:69px;padding:8px 12px;gap:10px;flex-wrap:nowrap}.brand{width:150px;flex-basis:150px}.brand img{width:150px}.search-toggle{margin-left:auto}.top-nav{display:none}.search-form{right:12px;top:63px;width:calc(100% - 24px);z-index:30}
  .page-shell{width:100%;max-width:100%}.friend-top{height:112px;padding:16px 6px 0}.friend-matrix{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.friend-matrix a{height:30px;margin:1px;font-size:13px;line-height:30px;padding:0 2px}
  .category-matrix{margin:16px 0 10px;padding:0 6px 48px}.category-row{height:58px;min-height:58px;margin-bottom:8.571px;grid-template-columns:76px repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,23px);align-content:center;column-gap:0;padding:0}.category-row strong{grid-row:1/3;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:40px}.category-row>a{font-size:14px;line-height:23px;white-space:normal;display:flex;align-items:center;justify-content:center}
  .notice{margin:0 6px 20px;padding:12px 10px;font-size:13px}.video-section{padding:0 10px 30px}.video-section h1,.video-section h2,.play-title{font-size:23px;line-height:38px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 9px}.card-copy{padding:7px}.video-card h3{font-size:13px;line-height:19px;height:38px}.card-meta{font-size:11px}.friend-bottom{padding:8px 6px 14px}
  .footer-copy p{font-size:13px}.detail-panel{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:20px 12px}.detail-cover{width:110px;height:154px}.detail-copy h1{font-size:19px;margin-bottom:8px}.detail-copy p{font-size:13px;margin:5px 0}.summary{grid-column:1/-1}.route-panel{margin:16px 10px;padding:13px}.play-title{padding-left:10px;padding-right:10px}.player-box{width:calc(100% - 20px);margin:0 10px;min-height:0}
}
@media(max-width:380px){.friend-matrix a{font-size:13px}.category-row{grid-template-columns:72px repeat(4,minmax(0,1fr))}.category-row strong,.category-row>a{font-size:13px}}