.hub-wrap{padding:20px 0 50px;background:#f5f6f7;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;}.hub-header{background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,0.03);margin-bottom:20px;border-top:4px solid <?php echo $theme_color;?>;}.hub-header h1{font-size:22px;font-weight:bold;margin:0;color:#222;display:flex;align-items:center;gap:10px;}.hub-main{background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,0.03);min-height:500px;}.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.v-card{display:block;text-decoration:none;border-radius:6px;overflow:hidden;background:#fcfcfc;border:1px solid #eee;transition:0.3s;}.v-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.08);border-color:<?php echo $theme_color;?>;}.v-thumb{position:relative;padding-top:56.25%;background:#000;overflow:hidden;}.v-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.85;transition:0.4s;}.v-card:hover .v-thumb img{opacity:1;transform:scale(1.05);}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:rgba(0,0,0,0.6);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.8);z-index:2;}.play-btn::after{content:'';display:block;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px;}.v-card:hover .play-btn{background:<?php echo $theme_color;?>;border-color:<?php echo $theme_color;?>;}.v-title{padding:12px;font-size:14px;font-weight:bold;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:46px;}.n-list{list-style:none;padding:0;margin:0;}.n-list li{padding:15px 0;border-bottom:1px dashed #eee;display:flex;justify-content:space-between;align-items:center;}.n-list li a{color:#333;text-decoration:none;font-size:16px;font-weight:500;transition:0.2s;}.n-list li a:hover{color:<?php echo $theme_color;?>;}.n-list li span{color:#999;font-size:13px;}@media (max-width:992px){.v-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:768px){.hub-wrap{padding-top:0;}.hub-header,.hub-main{padding:15px;border-radius:0;margin-bottom:10px;}.v-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.v-title{font-size:13px;padding:8px;height:42px;}.n-list li a{font-size:14px;}.n-list li span{display:none;}}