/* 全局变量 */
		    :root {
		        --dark-bg: #1f1e1e;
		        --darker-bg: #161616;
		        --tag-bg: #333333;
		        --tag-hover: #444444;
		        --header-bg: #1a1a1a;
		        --text-color: #e6e6e6;
		        --text-muted: #a0a0a0;
		        --accent-color: #c52b4e;
		        --link-hover: #d54a67;
		        --border-color: #444;
		        --video-title-color: #ccc;
		        --transition-default: all 0.3s ease;
		    }
		
		    /* 重置样式 */
		    * {
		        margin: 0;
		        padding: 0;
		        box-sizing: border-box;
		    }
		
		    body {
		        font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
		        background-color: var(--dark-bg);
		        color: var(--text-color);
		        line-height: 1.5;
		    }
		
		    a {
		        color: var(--text-color);
		        text-decoration: none;
		    }
		
		    a:hover {
		        color: var(--link-hover);
		    }
		
		    img {
		        max-width: 100%;
		        height: auto;
		        display: block;
		    }
		
		    .container {
		        max-width: 1200px;
		        margin: 0 auto;
		        padding: 0 10px;
		    }
		
		    /* 公共类 */
		    .tag-base {
		        background-color: var(--tag-bg);
		        border-radius: 4px;
		        font-size: 14px;
		        padding: 6px 12px;
		        color: var(--text-color);
		    }
		
		    .tag-base:hover {
		        background-color: var(--tag-hover);
		        color: var(--accent-color);
		    }
		
		    .scrollable {
		        overflow-x: auto;
		        white-space: nowrap;
		    }
		
		    .section-title {
		        font-size: 18px;
		        font-weight: normal;
		        margin-bottom: 15px;
		        padding-left: 5px;
		        border-left: 3px solid var(--accent-color);
		        color: var(--text-color);
		    }
		
		    /* 顶部导航 */
		    .header {
		        background-color: var(--header-bg);
		        padding: 10px 0;
		        border-bottom: 1px solid var(--border-color);
		    }
		
		    .top-nav {
		        display: flex;
		        align-items: center;
		        justify-content: space-between;
		        max-width: 1200px;
		        margin: 0 auto;
		        padding: 15px 10px;
		    }
		
		    .logo img {
		        height: 50px;
		    }
		
		    .main-nav ul {
		        display: flex;
		        flex-wrap: wrap;
		        list-style: none;
		    }
		
		    .main-nav li {
		        margin: 0 10px;
		    }
		
		    .main-nav a {
		        display: block;
		        padding: 5px 10px;
		        font-size: 15px;
		    }
		
		    .main-nav a.active,
		    .main-nav a:hover {
		        color: var(--accent-color);
		    }
		
		    /* 图标导航区域 */
		    .icon-nav {
		        padding: 20px 0;
		    }
		
		    .icon-grid {
		        display: flex;
		        flex-wrap: wrap;
		        justify-content: center;
		        gap: 15px;
		        max-width: 900px;
		        margin: 0 auto;
		    }
		
		    .icon-item {
		        width: 80px;
		        height: 80px;
		        overflow: hidden;
		        border-radius: 8px;
		    }
		
		    .icon-item img {
		        width: 100%;
		        height: 100%;
		        object-fit: cover;
		        transition: var(--transition-default);
		    }
		
		    .icon-item:hover img {
		        transform: scale(1.1);
		    }
		
		    /* 分类区域 */
		    .category-section {
		        padding: 15px 0;
		    }
		
		    .category-section.dark {
		        background-color: var(--darker-bg);
		    }
		
		    .category-grid {
		        display: flex;
		        flex-wrap: wrap;
		        gap: 10px;
		    }
		
		    .category-item {
		        padding: 8px 15px;
		    }
		.category-itema {
		        padding: 8px 15px;
		    }
		    /* 视频区域 */
		    .video-section {
		        margin: 20px 0;
		    }
		
		    .section-header {
		        display: flex;
		        justify-content: space-between;
		        align-items: center;
		        margin-bottom: 15px;
		    }
		
		    .more-link {
		        font-size: 14px;
		        color: var(--text-muted);
		    }
		
		    .more-link:hover {
		        color: var(--accent-color);
		    }
		
		    .video-grid {
		        display: grid;
		        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		        gap: 15px;
		    }
		
		    .video-item {
		        display: flex;
		        flex-direction: column;
		    }
		
		    .video-thumb {
		        position: relative;
		        border-radius: 4px;
		        overflow: hidden;
		        aspect-ratio: 16 / 9;
		        width: 100%;
		        height: 0;
		        padding-bottom: 56.25%; /* 16:9 宽高比 (9/16 = 0.5625) */
		    }
		
		    .video-thumb a {
		        display: block;
		        width: 100%;
		        height: 100%;
		        position: absolute;
		        top: 0;
		        left: 0;
		    }
		
		    .video-thumb img {
		        width: 100%;
		        height: 100%;
		        object-fit: cover;
		        position: absolute;
		        top: 0;
		        left: 0;
		        transition: var(--transition-default);
		    }
		
		    .video-thumb:hover img {
		        transform: scale(1.1);
		    }
		
		    .video-duration {
		        position: absolute;
		        bottom: 5px;
		        right: 5px;
		        background-color: rgba(0, 0, 0, 0.7);
		        color: #fff;
		        padding: 2px 5px;
		        border-radius: 3px;
		        font-size: 12px;
		    }
		
		    .video-info {
		        padding: 8px 0;
		        flex-grow: 1;
		    }
		
		    .video-title {
		        font-size: 14px;
		        font-weight: normal;
		        margin: 0;
		        line-height: 1.4;
		        white-space: normal; /* 支持换行 */
		    }
		
		    .video-title a {
		        color: var(--video-title-color);
		    }
		
		    .video-title a:hover {
		        color: var(--accent-color);
		    }
		
		    /* 广告横幅区域 */
		    .banner-section {
		        margin: 20px 0;
		        padding: 15px;
		        background-color: var(--darker-bg);
		        border-radius: 8px;
		        text-align: center;
		    }
		
		    .banner-section img {
		        width: 100%;
		        max-width: 970px;
		        height: auto;
		        border-radius: 4px;
		        margin: 0 auto;
		        transition: var(--transition-default);
		    }
		
		    .banner-section img:hover {
		        opacity: 0.9;
		    }
		
		    /* 醒目快速导航区域 */
		    .highlight-quick-nav {
		        padding: 15px 0;
		        margin: 20px 0;
		    }
		
		    .highlight-quick-grid {
		        display: flex;
		        flex-wrap: wrap;
		        gap: 12px;
		        max-width: 1200px;
		        margin: 0 auto;
		    }
		
		    .highlight-quick-item {
		        background-color: transparent;
		        border: 2px dashed var(--accent-color);
		        border-radius: 6px;
		        padding: 6px 14px;
		        font-size: 14px;
		        color: var(--text-color);
		        transition: var(--transition-default);
		    }
		
		    .highlight-quick-item:hover {
		        background-color: rgba(197, 43, 78, 0.2);
		        border-style: solid;
		        transform: scale(1.05);
		    }
		
		    /* 友情链接区域 */
		    .friend-link-section {
		        background-color: var(--darker-bg);
		        padding: 20px;
		        margin: 20px 0;
		        border: 1px solid var(--accent-color);
		        border-radius: 8px;
		        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
		    }
		
		    .friend-link-title {
		        font-size: 18px;
		        font-weight: bold;
		        margin-bottom: 15px;
		        padding: 5px 10px;
		        background-color: var(--accent-color);
		        color: #fff;
		        border-radius: 4px;
		        display: inline-block;
		    }
		
		    .friend-link-grid {
		        display: flex;
		        justify-content: space-between;
		        gap: 10px;
		        max-width: 1200px;
		        margin: 0 auto;
		    }
		
		    /* 快速导航区域 */
		    .quick-nav {
		        margin: 20px 0;
		    }
		
		    .quick-nav-grid {
		        display: flex;
		        flex-wrap: wrap;
		        gap: 10px;
		    }
		
		    /* 页脚 */
		    .footer {
		        margin-top: 30px;
		        padding: 20px 0;
		        background-color: var(--header-bg);
		        text-align: center;
		        color: var(--text-muted);
		        font-size: 13px;
		    }
		
		    .footer-links {
		        margin-bottom: 10px;
		    }
		
		    .footer-links a {
		        margin: 0 10px;
		        color: var(--text-muted);
		    }
		
		    .footer-links a:hover {
		        color: var(--accent-color);
		    }
		
		    .copyright p {
		        margin: 5px 0;
		    }
		
		    /* 搜索框样式 */
		    .search-bar {
		        margin: 20px 0;
		    }
		
		    .input-group {
		        max-width: 500px;
		        margin: 0 auto;
		    }
		
		    .search-bar .form-control {
		        background-color: var(--darker-bg);
		        border: 1px solid var(--border-color);
		        border-right: none;
		        border-radius: 20px 0 0 20px;
		        color: var(--text-color);
		        padding: 8px 15px;
		    }
		
		    .search-bar .form-control::placeholder {
		        color: var(--text-muted);
		    }
		
		    .search-bar .btn {
		        background-color: var(--accent-color);
		        border: 1px solid var(--accent-color);
		        border-radius: 0 20px 20px 0;
		        color: var(--text-color);
		        padding: 8px 20px;
		        font-size: 14px;
		        transition: var(--transition-default);
		    }
		
		    .search-bar .btn:hover {
		        background-color: var(--link-hover);
		        border-color: var(--link-hover);
		    }
		
		    /* 响应式布局 */
		    @media (min-width: 768px) {
		        .main-nav li {
		            display: inline-flex;
		            align-items: center;
		        }
		    }
		
		    @media (max-width: 1024px) {
		        .video-grid {
		            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		        }
		    }
		
		    @media (max-width: 767px) {
		        .top-nav {
		            flex-direction: column;
		            align-items: flex-start;
		        }
		
		        .main-nav {
		            width: 100%;
		            margin-top: 10px;
		        }
		
		        .main-nav ul {
		            flex-direction: row;
		            flex-wrap: nowrap;
		        }
		
		        .main-nav a {
		            font-size: 14px;
		        }
		
		        .friend-link-grid {
		            flex-wrap: wrap;
		            justify-content: space-between;
		            overflow-x: hidden;
		            white-space: normal;
		        }
		
		        .friend-link-item {
		            flex: 1 1 calc(25% - 10px);
		            text-align: center;
		        }
		
		        .highlight-quick-item {
		            text-align: center;
		        }
		
		        .search-bar .form-control,
		        .search-bar .btn {
		            font-size: 13px;
		        }
		
		        .search-bar .btn {
		            padding: 8px 15px;
		        }
		
		        .banner-section img {
		            max-width: 100%;
		        }
		    }
		
		    @media (max-width: 576px) {
		        .video-grid {
		            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		        }
		
		        .icon-grid {
		            gap: 10px;
		        }
		
		        .icon-item {
		            width: 60px;
		            height: 60px;
		        }
		    }
		
		    /* 视频详情区域 */
		    .video-detail-section {
		        margin: 20px 0;
		        text-align: center;
		    }
		
		    .video-detail-content {
		        max-width: 600px;
		        margin: 0 auto;
		    }
		
		    .video-detail-item {
		        width: 100%;
		    }
		
		    .video-detail-thumb {
		        position: relative;
		        border-radius: 4px;
		        overflow: hidden;
		        aspect-ratio: 16 / 9;
		        margin: 0 auto;
		        max-width: 100%;
		    }
		
		    .video-detail-thumb img {
		        width: 100%;
		        height: 100%;
		        object-fit: cover;
		        transition: var(--transition-default);
		    }
		
		    .video-detail-thumb:hover img {
		        transform: scale(1.1);
		    }
		
		    .video-detail-info {
		        padding: 15px 0;
		    }
		
		    .video-detail-title {
		        font-size: 18px;
		        font-weight: normal;
		        margin: 0 0 15px 0;
		        overflow: hidden;
		        white-space: nowrap;
		        text-overflow: ellipsis;
		    }
		
		    .video-detail-title a {
		        color: var(--video-title-color);
		    }
		
		    .video-detail-title a:hover {
		        color: var(--accent-color);
		    }
		
		    .video-detail-buttons {
		        display: flex;
		        justify-content: center;
		        gap: 20px; /* 增大间距，使按钮更分散醒目 */
		    }
		
		    /* 醒目按钮样式 */
		    .play-button {
		        display: inline-block;
		        padding: 12px 30px; /* 增大内边距 */
		        background-color: var(--accent-color);
		        color: #fff; /* 改为纯白，提高对比度 */
		        border-radius: 6px; /* 稍大圆角 */
		        font-size: 16px; /* 增大字体 */
		        font-weight: bold; /* 加粗文字 */
		        text-transform: uppercase; /* 大写文字增强醒目感 */
		        border: 2px solid var(--accent-color); /* 添加边框 */
		        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 添加阴影 */
		        transition: var(--transition-default);
		    }
		
		    .play-button:hover {
		        background-color: var(--link-hover);
		        border-color: var(--link-hover);
		        transform: translateY(-2px); /* 悬停时轻微上移 */
		        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* 增强阴影 */
		    }
		
		    .play-button.secondary {
		        background-color: transparent; /* 透明背景突出差异 */
		        color: var(--accent-color); /* 使用主题色文字 */
		        border: 2px solid var(--accent-color);
		    }
		
		    .play-button.secondary:hover {
		        background-color: rgba(197, 43, 78, 0.2); /* 悬停时半透明背景 */
		        color: var(--link-hover);
		        border-color: var(--link-hover);
		        transform: translateY(-2px);
		        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
		    }