/* ========== 基础样式 ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

a {
    text-decoration: none;
    color: inherit;
}

input, button {
    font-family: inherit;
}

/* ========== 背景样式 ========== */
.bg-style-1 { background: #f5f5f5; }
.bg-style-2 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.bg-style-3 { background: #1a1a2e; }
.bg-style-4 { background: #f0f0f0; }
.bg-style-5 { background: #ffffff; }
.bg-style-6 { background: #121212; }

/* ========== 腾讯视频风格 ========== */
.header-tencent {
    background: linear-gradient(180deg, #db000f 0%, #b3000c 100%);
    padding-bottom: 10px;
    box-shadow: 0 2px 15px rgba(219, 0, 15, 0.4);
}

.tencent-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.tencent-top {
    padding: 15px 0;
}

.tencent-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.tencent-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
}

.tencent-icon {
    font-size: 32px;
    color: #fff;
}

.tencent-name {
    letter-spacing: 2px;
}

.tencent-nav {
    display: flex;
    gap: 30px;
}

.tencent-nav-item {
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease;
}

.tencent-nav-item:hover,
.tencent-nav-item.active {
    color: #fff;
}

.tencent-nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
    border-radius: 2px;
}

.tencent-search {
    margin-left: auto;
    display: flex;
    background: rgba(255,255,255,0.15);
    border-radius: 25px;
    padding: 6px;
    border: 1px solid rgba(255,255,255,0.2);
}

.tencent-search-input {
    border: none;
    background: transparent;
    padding: 8px 18px;
    color: #fff;
    font-size: 14px;
    outline: none;
    width: 220px;
}

.tencent-search-input::placeholder {
    color: rgba(255,255,255,0.6);
}

.tencent-search-btn {
    background: #fff;
    border: none;
    padding: 8px 24px;
    border-radius: 20px;
    color: #db000f;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tencent-search-btn:hover {
    transform: scale(1.05);
}

.tencent-channels {
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.tencent-channels .tencent-container {
    gap: 15px;
}

.channel-label {
    color: rgba(255,255,255,0.5);
    font-size: 13px;
}

.tencent-channel {
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    padding: 6px 16px;
    background: rgba(255,255,255,0.1);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.tencent-channel:hover {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.tencent-hot {
    padding: 10px 0;
}

.tencent-hot .tencent-container {
    gap: 12px;
    flex-wrap: wrap;
}

.hot-label {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
}

.tencent-hot-tag {
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    padding: 4px 12px;
    background: rgba(255,255,255,0.08);
    border-radius: 15px;
    transition: all 0.3s ease;
}

.tencent-hot-tag:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}

/* ========== 爱奇艺风格 ========== */
.header-iqiyi {
    background: linear-gradient(180deg, #2eb872 0%, #25a564 100%);
    padding-bottom: 70px;
}

.iqiyi-top {
    padding: 15px 0;
}

.iqiyi-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.iqiyi-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
}

.iqiyi-icon {
    font-size: 28px;
}

.iqiyi-name {
    letter-spacing: 2px;
}

.iqiyi-nav {
    display: flex;
    gap: 30px;
}

.iqiyi-nav-item {
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease;
}

.iqiyi-nav-item:hover,
.iqiyi-nav-item.active {
    color: #fff;
}

.iqiyi-nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
    border-radius: 2px;
}

.iqiyi-search-box {
    margin-left: auto;
    display: flex;
    background: #fff;
    border-radius: 25px;
    padding: 5px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.15);
}

.iqiyi-search-input {
    border: none;
    padding: 8px 18px;
    font-size: 14px;
    outline: none;
    width: 240px;
}

.iqiyi-search-btn {
    background: #2eb872;
    border: none;
    padding: 8px 18px;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.iqiyi-search-btn:hover {
    background: #25a564;
}

.iqiyi-shortcuts {
    padding: 12px 0;
}

.iqiyi-shortcuts .iqiyi-container {
    flex-wrap: wrap;
    gap: 20px;
}

.iqiyi-shortcut {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    transition: color 0.3s ease;
}

.shortcut-dot {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
}

.iqiyi-shortcut:hover {
    color: #fff;
}

.iqiyi-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    justify-content: space-around;
    padding: 12px 0;
    box-shadow: 0 -3px 15px rgba(0,0,0,0.1);
    z-index: 1000;
}

.iqiyi-bottom-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #999;
    transition: all 0.3s ease;
}

.iqiyi-bottom-item.active,
.iqiyi-bottom-item:hover {
    color: #2eb872;
}

.bottom-icon {
    font-size: 26px;
}

.bottom-text {
    font-size: 12px;
}

/* ========== 优酷风格 ========== */
.header-youku {
    background: linear-gradient(180deg, #267aff 0%, #1e67d6 100%);
    padding-bottom: 15px;
}

.youku-header {
    padding: 15px 0;
}

.youku-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.youku-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
}

.youku-icon {
    font-size: 28px;
    color: #ffd93d;
}

.youku-name {
    letter-spacing: 2px;
}

.youku-nav {
    display: flex;
    gap: 30px;
}

.youku-nav-item {
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease;
}

.youku-nav-item:hover,
.youku-nav-item.active {
    color: #fff;
}

.youku-nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #ffd93d;
    border-radius: 2px;
}

.youku-search {
    margin-left: auto;
    display: flex;
    background: rgba(255,255,255,0.95);
    border-radius: 25px;
    padding: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.youku-search-input {
    border: none;
    padding: 8px 18px;
    font-size: 14px;
    outline: none;
    width: 220px;
}

.youku-search-btn {
    background: #267aff;
    border: none;
    padding: 8px 24px;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.youku-search-btn:hover {
    background: #1e67d6;
}

.youku-channels {
    padding: 12px 0;
}

.youku-channels .youku-container {
    flex-wrap: wrap;
    gap: 12px;
}

.youku-channel {
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    padding: 6px 16px;
    background: rgba(255,255,255,0.15);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.youku-channel:hover {
    background: rgba(255,255,255,0.25);
    color: #fff;
}

.youku-tags {
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.youku-tags .youku-container {
    flex-wrap: wrap;
    gap: 12px;
}

.tags-label {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
}

.youku-tag {
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    padding: 4px 12px;
    background: rgba(255,255,255,0.08);
    border-radius: 15px;
    transition: all 0.3s ease;
}

.youku-tag:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}

/* ========== 91风格 ========== */
.header-91 {
    background: #0d0d0d;
    min-height: 100vh;
}

.layout-91 {
    display: flex;
}

.nav-91-left {
    width: 220px;
    background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);
    padding: 25px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    border-right: 1px solid #222;
}

.logo-91 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 35px;
}

.logo-91-icon {
    font-size: 36px;
}

.logo-91-text {
    font-size: 22px;
    font-weight: 800;
    color: #ff6b35;
    letter-spacing: 2px;
}

.menu-91 {
    margin-bottom: 40px;
}

.menu-91-item {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #999;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    font-size: 15px;
}

.menu-91-item:hover,
.menu-91-item.active {
    color: #ff6b35;
    background: rgba(255, 107, 53, 0.12);
}

.menu-icon {
    font-size: 20px;
}

.quick-91 {
    padding-top: 25px;
    border-top: 1px solid #222;
}

.quick-title {
    color: #666;
    font-size: 13px;
    margin-bottom: 15px;
    display: block;
}

.quick-91-item {
    display: block;
    color: #888;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 8px;
    margin-bottom: 6px;
    transition: all 0.3s ease;
}

.quick-91-item:hover {
    color: #ff6b35;
    background: rgba(255, 107, 53, 0.08);
}

.content-91 {
    flex: 1;
    margin-left: 220px;
    padding: 30px;
}

.search-91 {
    display: flex;
    max-width: 550px;
    margin-bottom: 25px;
}

.search-91-input {
    flex: 1;
    padding: 14px 20px;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 30px 0 0 30px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-91-input:focus {
    border-color: #ff6b35;
}

.search-91-btn {
    padding: 14px 28px;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    border: none;
    border-radius: 0 30px 30px 0;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-91-btn:hover {
    transform: scale(1.02);
}

.tags-91 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tag-91 {
    background: #1a1a1a;
    color: #999;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #333;
    transition: all 0.3s ease;
}

.tag-91:hover {
    border-color: #ff6b35;
    color: #ff6b35;
}

/* ========== 哔哩哔哩风格 ========== */
.header-bilibili {
    background: linear-gradient(180deg, #fb7299 0%, #ff5c8d 100%);
    padding-bottom: 15px;
}

.bilibili-top {
    padding: 15px 0;
}

.bilibili-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.bilibili-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
}

.bilibili-icon {
    font-size: 28px;
}

.bilibili-name {
    letter-spacing: 2px;
}

.bilibili-nav {
    display: flex;
    gap: 30px;
}

.bilibili-nav-item {
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease;
}

.bilibili-nav-item:hover,
.bilibili-nav-item.active {
    color: #fff;
}

.bilibili-nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
    border-radius: 2px;
}

.bilibili-search {
    margin-left: auto;
    display: flex;
    background: rgba(255,255,255,0.95);
    border-radius: 25px;
    padding: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.bilibili-search-input {
    border: none;
    padding: 8px 18px;
    font-size: 14px;
    outline: none;
    width: 240px;
}

.bilibili-search-btn {
    background: #fb7299;
    border: none;
    padding: 8px 24px;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bilibili-search-btn:hover {
    background: #ff5c8d;
}

.bilibili-categories {
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.bilibili-categories .bilibili-container {
    flex-wrap: wrap;
    gap: 12px;
}

.category-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    padding: 6px 16px;
    background: rgba(255,255,255,0.15);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.category-item:hover,
.category-item.active {
    background: rgba(255,255,255,0.25);
    color: #fff;
}

.category-icon {
    font-size: 14px;
}

.bilibili-hot {
    padding: 10px 0;
}

.bilibili-hot .bilibili-container {
    flex-wrap: wrap;
    gap: 12px;
}

.bilibili-hot-tag {
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    padding: 4px 12px;
    background: rgba(255,255,255,0.08);
    border-radius: 15px;
    transition: all 0.3s ease;
}

.bilibili-hot-tag:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}

/* ========== 芒果TV风格 ========== */
.header-mango {
    background: linear-gradient(180deg, #ffc107 0%, #ff9800 100%);
    padding-bottom: 15px;
}

.mango-top {
    padding: 15px 0;
}

.mango-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.mango-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
}

.mango-icon {
    font-size: 28px;
}

.mango-name {
    letter-spacing: 2px;
}

.mango-nav {
    display: flex;
    gap: 30px;
}

.mango-nav-item {
    color: rgba(0,0,0,0.75);
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease;
}

.mango-nav-item:hover,
.mango-nav-item.active {
    color: #fff;
}

.mango-nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
    border-radius: 2px;
}

.mango-search {
    margin-left: auto;
    display: flex;
    background: rgba(255,255,255,0.95);
    border-radius: 25px;
    padding: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.mango-search-input {
    border: none;
    padding: 8px 18px;
    font-size: 14px;
    outline: none;
    width: 220px;
}

.mango-search-btn {
    background: #ff9800;
    border: none;
    padding: 8px 24px;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mango-search-btn:hover {
    background: #f57c00;
}

.mango-channels {
    padding: 12px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.mango-channels .mango-container {
    flex-wrap: wrap;
    gap: 12px;
}

.channel-label {
    color: rgba(0,0,0,0.5);
    font-size: 13px;
}

.mango-channel {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(0,0,0,0.8);
    font-size: 14px;
    padding: 6px 16px;
    background: rgba(255,255,255,0.5);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.channel-star {
    font-size: 10px;
    color: #fff;
}

.mango-channel:hover {
    background: rgba(255,255,255,0.7);
    color: #fff;
}

.mango-tags {
    padding: 10px 0;
}

.mango-tags .mango-container {
    flex-wrap: wrap;
    gap: 10px;
}

.mango-tag {
    color: rgba(0,0,0,0.7);
    font-size: 13px;
    padding: 4px 12px;
    background: rgba(255,255,255,0.4);
    border-radius: 15px;
    transition: all 0.3s ease;
}

.mango-tag:hover {
    background: rgba(255,255,255,0.6);
    color: #fff;
}

/* ========== Footer样式 ========== */
/* 腾讯视频底部 */
.footer-tencent {
    background: #000;
    padding: 35px 0;
    margin-top: 20px;
}

.tencent-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.tencent-footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.footer-link {
    color: #666;
    font-size: 13px;
}

.footer-link:hover {
    color: #db000f;
}

.link-divider {
    color: #333;
}

.tencent-footer-copyright {
    color: #444;
    font-size: 12px;
    margin-bottom: 15px;
}

.tencent-footer-message {
    color: #555;
    font-size: 11px;
    line-height: 1.6;
}

/* 爱奇艺底部 */
.footer-iqiyi {
    background: #1a1a1a;
    padding: 40px 0;
    margin-top: 20px;
}

.iqiyi-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.iqiyi-footer-row {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-bottom: 30px;
}

.iqiyi-footer-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-col-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.iqiyi-footer-link {
    color: #666;
    font-size: 13px;
    transition: color 0.3s ease;
}

.iqiyi-footer-link:hover {
    color: #2eb872;
}

.iqiyi-footer-bottom {
    border-top: 1px solid #222;
    padding-top: 20px;
    text-align: center;
}

.iqiyi-copyright {
    color: #444;
    font-size: 12px;
    margin-bottom: 10px;
}

.iqiyi-message {
    color: #555;
    font-size: 11px;
    line-height: 1.6;
}

/* 优酷底部 */
.footer-youku {
    background: #0d1117;
    padding: 35px 0;
    margin-top: 20px;
}

.youku-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.youku-footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 20px;
}

.youku-footer-link {
    color: #666;
    font-size: 13px;
    transition: color 0.3s ease;
}

.youku-footer-link:hover {
    color: #267aff;
}

.youku-footer-copyright {
    color: #444;
    font-size: 12px;
    margin-bottom: 15px;
}

.youku-footer-message {
    color: #555;
    font-size: 11px;
    line-height: 1.6;
}

/* 91底部 */
.footer-91 {
    background: #1a1a1a;
    padding: 30px 0;
    margin-top: 20px;
}

.footer-91-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.footer-91-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 15px;
}

.footer-91-link {
    color: #666;
    font-size: 13px;
    transition: color 0.3s ease;
}

.footer-91-link:hover {
    color: #ff6b35;
}

.footer-91-copyright {
    color: #444;
    font-size: 12px;
    margin-bottom: 10px;
}

.footer-91-message {
    color: #555;
    font-size: 11px;
    line-height: 1.6;
}

/* 哔哩哔哩底部 */
.footer-bilibili {
    background: #1a1a2e;
    padding: 35px 0;
    margin-top: 20px;
}

.bilibili-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.bilibili-footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.bilibili-footer-link {
    color: #666;
    font-size: 13px;
    transition: color 0.3s ease;
}

.bilibili-footer-link:hover {
    color: #fb7299;
}

.bilibili-footer-copyright {
    color: #444;
    font-size: 12px;
    margin-bottom: 15px;
}

.bilibili-footer-message {
    color: #555;
    font-size: 11px;
    line-height: 1.6;
}

/* 芒果TV底部 */
.footer-mango {
    background: #333;
    padding: 40px 0;
    margin-top: 20px;
}

.mango-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.mango-footer-row {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-bottom: 30px;
}

.mango-footer-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mango-footer-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.mango-footer-link {
    color: #888;
    font-size: 13px;
    transition: color 0.3s ease;
}

.mango-footer-link:hover {
    color: #ffc107;
}

.mango-footer-bottom {
    border-top: 1px solid #444;
    padding-top: 20px;
    text-align: center;
}

.mango-copyright {
    color: #555;
    font-size: 12px;
    margin-bottom: 10px;
}

.mango-message {
    color: #666;
    font-size: 11px;
    line-height: 1.6;
}

/* ========== 响应式设计 ========== */
@media (max-width: 768px) {
    /* 腾讯视频 */
    .tencent-container {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .tencent-nav {
        order: 3;
        width: 100%;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .tencent-search {
        margin-left: 0;
    }
    
    .tencent-search-input {
        width: 160px;
    }
    
    /* 爱奇艺 */
    .iqiyi-container {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .iqiyi-nav {
        order: 3;
        width: 100%;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .iqiyi-search-input {
        width: 160px;
    }
    
    .iqiyi-shortcuts .iqiyi-container {
        gap: 12px;
    }
    
    /* 优酷 */
    .youku-container {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .youku-nav {
        order: 3;
        width: 100%;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .youku-search-input {
        width: 160px;
    }
    
    /* 91 */
    .nav-91-left {
        width: 100%;
        position: relative;
        padding: 15px;
        overflow-y: visible;
        border-right: none;
        border-bottom: 1px solid #222;
    }
    
    .logo-91 {
        margin-bottom: 20px;
        justify-content: center;
    }
    
    .menu-91 {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 20px;
    }
    
    .menu-91-item {
        flex: 0 0 calc(25% - 8px);
        justify-content: center;
        padding: 12px 8px;
        font-size: 13px;
    }
    
    .content-91 {
        margin-left: 0;
        padding: 20px 15px;
    }
    
    .search-91 {
        max-width: 100%;
    }
    
    /* 哔哩哔哩 */
    .bilibili-container {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .bilibili-nav {
        order: 3;
        width: 100%;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .bilibili-search-input {
        width: 160px;
    }
    
    /* 芒果TV */
    .mango-container {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .mango-nav {
        order: 3;
        width: 100%;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .mango-search-input {
        width: 160px;
    }
    
    /* Footer响应式 */
    .iqiyi-footer-row,
    .mango-footer-row {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    
    .iqiyi-footer-col,
    .mango-footer-col {
        align-items: center;
    }
}

@media (max-width: 480px) {
    /* 通用调整 */
    .tencent-nav-item,
    .iqiyi-nav-item,
    .youku-nav-item,
    .bilibili-nav-item,
    .mango-nav-item {
        font-size: 14px;
        padding: 8px 0;
    }
    
    .tencent-search,
    .iqiyi-search-box,
    .youku-search,
    .bilibili-search,
    .mango-search {
        width: 100%;
    }
    
    .tencent-search-input,
    .iqiyi-search-input,
    .youku-search-input,
    .bilibili-search-input,
    .mango-search-input {
        width: 100%;
    }
    
    /* 91菜单 */
    .menu-91-item {
        flex: 0 0 calc(50% - 5px);
        gap: 8px;
    }
    
    .menu-icon {
        font-size: 18px;
    }
    
    /* Footer */
    .tencent-footer-links,
    .youku-footer-links,
    .bilibili-footer-links,
    .footer-91-links {
        gap: 10px;
    }
}