*{box-sizing:border-box;margin:0;padding:0;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;line-height:1.6;background:#0d0d0d;color:#e0e0e0;font-size:16px;}.container{max-width:1200px;margin:0 auto;padding:0 15px;}header{background:#1a1a1a;border-bottom:1px solid #333;padding:15px 0;}header h1{font-size:28px;color:#ff6b35;font-weight:700;margin:0;}header h1 a{color:#ff6b35;text-decoration:none;transition:color 0.3s;}header h1 a:hover{color:#ff8555;}nav{background:#1a1a1a;border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,0.5);}nav ul{display:flex;flex-wrap:nowrap;list-style:none;overflow:hidden;}nav ul li{flex:1 1 0;min-width:0;}nav ul li a{display:block;padding:14px 12px;color:#ccc;text-decoration:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.3s;border-bottom:3px solid transparent;}nav ul li a:hover,nav ul li a.active{background:#ff6b35;color:#fff;border-bottom-color:#ff8555;}@media (max-width:767px){nav ul li{flex:1 1 0;}nav ul li a{font-size:13px;padding:12px 5px;}}.breadcrumb{padding:12px 0;font-size:14px;color:#999;background:#0f0f0f;border-bottom:1px solid #222;}.breadcrumb a{color:#ff6b35;text-decoration:none;transition:color 0.3s;}.breadcrumb a:hover{color:#ff8555;text-decoration:underline;}.breadcrumb span{color:#ccc;}main{min-height:500px;padding:30px 0;}.section{margin-bottom:50px;}.section h2{font-size:26px;color:#ff6b35;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #333;}.list-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;}.list-card{display:block;padding:30px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #333;border-radius:8px;text-align:center;text-decoration:none;color:#fff;font-size:20px;font-weight:600;transition:all 0.3s;box-shadow:0 2px 8px rgba(0,0,0,0.3);}.list-card:hover{background:linear-gradient(135deg,#ff6b35 0%,#ff8555 100%);transform:translateY(-5px);box-shadow:0 6px 16px rgba(255,107,53,0.4);}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;}@media (max-width:600px){.video-grid{grid-template-columns:1fr;}}.video-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:18px;transition:all 0.3s;box-shadow:0 2px 6px rgba(0,0,0,0.3);}.video-card:hover{border-color:#ff6b35;box-shadow:0 4px 12px rgba(255,107,53,0.3);transform:translateY(-3px);}.video-card h3,.video-card h4{font-size:18px;margin-bottom:10px;line-height:1.4;}.video-card h3 a,.video-card h4 a{color:#fff;text-decoration:none;transition:color 0.3s;}.video-card h3 a:hover,.video-card h4 a:hover{color:#ff6b35;}.video-card .meta{font-size:13px;color:#999;margin-bottom:8px;}.video-card .genre{font-size:13px;color:#aaa;margin-bottom:8px;}.video-card .oneline{font-size:14px;color:#ccc;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.note{padding:12px 20px;background:#2a2a1a;border-left:4px solid #ff6b35;color:#ffcc99;font-size:14px;margin-bottom:20px;border-radius:4px;}.video-detail{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:30px;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,0.3);}.video-detail h2{font-size:32px;color:#ff6b35;margin-bottom:20px;border-bottom:none;}.video-detail .meta-info{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333;}.video-detail .meta-info span{font-size:15px;color:#aaa;background:#252525;padding:6px 14px;border-radius:4px;}.video-detail .genre,.video-detail .tags,.video-detail .oneline{margin-bottom:20px;line-height:1.8;}.video-detail strong{color:#ff6b35;font-weight:600;margin-right:8px;}.video-detail h3{font-size:22px;color:#ff8555;margin-top:25px;margin-bottom:15px;}.video-detail .summary p,.video-detail .review p{font-size:15px;line-height:1.8;color:#d0d0d0;text-align:justify;}.related-section{margin-top:40px;}.related-section h3{font-size:24px;color:#ff6b35;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #333;}.empty-notice{text-align:center;padding:80px 20px;background:#1a1a1a;border-radius:8px;margin:40px 0;}.empty-notice h2{font-size:36px;color:#ff6b35;margin-bottom:20px;}.empty-notice p{font-size:18px;color:#aaa;margin-bottom:15px;}.empty-notice a{color:#ff6b35;text-decoration:none;font-weight:600;}.empty-notice a:hover{text-decoration:underline;}footer{background:#1a1a1a;border-top:1px solid #333;padding:30px 0;text-align:center;color:#999;margin-top:60px;}footer p{margin:8px 0;font-size:14px;line-height:1.6;}#backToTop{position:fixed;bottom:30px;right:30px;background:#ff6b35;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,107,53,0.4);transition:all 0.3s;z-index:999;}#backToTop:hover{background:#ff8555;transform:translateY(-3px);box-shadow:0 6px 16px rgba(255,107,53,0.6);}#backToTop.show{display:flex;}@media (max-width:768px){.video-detail{padding:20px;}.video-detail h2{font-size:26px;}.video-detail .meta-info{gap:10px;}#backToTop{width:45px;height:45px;bottom:20px;right:20px;}}