/**
 * BossV Template - Alchemist Style
 * 基于 WordPress Alchemist 主题提炼
 * 企业多用途风格，简洁专业
 */

/* === 基础重置 === */
* { box-sizing: border-box; }
html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: #333; line-height: 1.6; }
a { color: #333; text-decoration: none; transition: color 0.3s; }
a:hover { color: #2271b1; }
img { max-width: 100%; height: auto; }
ul, ol { padding: 0; margin: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: 600; line-height: 1.3; }

/* === 布局 === */
[class~="wrapper"] { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
#page { overflow: hidden; }
[class~="site-content"] { padding: 30px 0; }
[class~="content-area"] { float: left; width: 70%; }
[class~="full-width"] { float: none; width: 100%; }
[class~="sidebar"] { float: right; width: 28%; }

/* === 头部 === */
[class~="site-header"] { background: #fff; border-bottom: 1px solid #eee; }
[class~="top-bar"] { background: #f5f5f5; padding: 8px 0; font-size: 13px; }
[class~="top-bar"] [class~="menu"] { display: flex; gap: 20px; }
[class~="top-bar"] a { color: #666; }
[class~="top-bar"] a:hover { color: #2271b1; }

#header-content { padding: 20px 0; }
[class~="site-header-main"] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
[class~="site-branding"] { flex-shrink: 0; }
[class~="site-title"] { font-size: 28px; margin: 0; }
[class~="site-title"] a { color: #2271b1; font-weight: 700; }
[class~="site-description"] { font-size: 13px; color: #666; margin: 5px 0 0; }

/* === 导航 === */
[class~="main-navigation"] { flex: 1; }
[class~="menu-toggle"] { display: none; background: #2271b1; color: #fff; border: none; padding: 10px 15px; cursor: pointer; }
[class~="nav-menu"] { display: flex; justify-content: center; gap: 30px; }
[class~="nav-menu"] a { font-weight: 500; padding: 5px 0; position: relative; }
[class~="nav-menu"] a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #2271b1; transition: width 0.3s; }
[class~="nav-menu"] a:hover::after { width: 100%; }

/* === 搜索框 === */
[class~="header-search"] { flex-shrink: 0; }
[class~="search-field"] { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px 0 0 4px; width: 200px; }
[class~="search-submit"] { padding: 8px 15px; background: #2271b1; color: #fff; border: none; border-radius: 0 4px 4px 0; cursor: pointer; }
[class~="search-submit"]:hover { background: #135e96; }

/* === 分类区块 === */
[class~="section-heading-wrapper"] { margin-bottom: 25px; border-bottom: 2px solid #2271b1; padding-bottom: 10px; }
[class~="section-title"] { font-size: 20px; color: #2271b1; margin: 0; }

/* === 影片卡片 === */
[class~="section-content-wrapper"] { display: grid; gap: 20px; margin-bottom: 30px; }
[class~="layout-three"] { grid-template-columns: repeat(3, 1fr); }
[class~="layout-four"] { grid-template-columns: repeat(4, 1fr); }

[class~="post-wrapper"] { background: #fff; border: 1px solid #eee; border-radius: 4px; overflow: hidden; transition: box-shadow 0.3s; }
[class~="post-wrapper"]:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
[class~="post-thumbnail"] { position: relative; overflow: hidden; aspect-ratio: 2/3; }
[class~="post-thumbnail"] img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
[class~="post-wrapper"]:hover [class~="post-thumbnail"] img { transform: scale(1.05); }

[class~="vod-remarks"] { position: absolute; bottom: 5px; right: 5px; background: rgba(34, 113, 177, 0.9); color: #fff; padding: 2px 8px; font-size: 12px; border-radius: 3px; }
[class~="vod-score"] { position: absolute; top: 5px; left: 5px; background: rgba(255, 193, 7, 0.9); color: #333; padding: 2px 8px; font-size: 12px; border-radius: 3px; font-weight: 600; }

[class~="entry-container"] { padding: 15px; }
[class~="entry-title"] { font-size: 14px; margin: 0 0 8px; line-height: 1.4; }
[class~="entry-title"] a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[class~="entry-meta"] { font-size: 12px; color: #999; }
[class~="entry-meta"] span { margin-right: 10px; }
[class~="entry-summary"] { font-size: 13px; color: #666; line-height: 1.5; margin-top: 8px; }

/* === 详情页 === */
[class~="detail-wrapper"] { display: flex; gap: 30px; margin-bottom: 30px; }
[class~="vod-poster-wrapper"] { flex-shrink: 0; width: 300px; }
[class~="vod-info"] { flex: 1; }
[class~="vod-name"] { font-size: 28px; margin-bottom: 10px; }
[class~="vod-enname"] { font-size: 16px; color: #666; margin-bottom: 15px; }
[class~="vod-meta"] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
[class~="meta-item"] { font-size: 14px; }
[class~="meta-label"] { color: #999; }
[class~="meta-value"] { color: #333; }
[class~="vod-score"] { color: #ffc107; font-weight: 700; }

[class~="section-block"] { margin-bottom: 30px; padding: 20px; background: #f9f9f9; border-radius: 4px; }
[class~="blurb-content"] { line-height: 1.8; color: #555; }

/* === 播放列表 === */
[class~="play-source-tabs"] { display: flex; gap: 10px; margin-bottom: 15px; }
[class~="play-source-btn"] { padding: 8px 20px; background: #fff; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; transition: all 0.3s; }
[class~="play-source-btn"]:hover, [class~="play-source-btn"][class~="active"] { background: #2271b1; color: #fff; border-color: #2271b1; }
[class~="play-episodes"] { display: flex; flex-wrap: wrap; gap: 8px; }
[class~="episode-link"] { padding: 6px 14px; background: #fff; border: 1px solid #ddd; border-radius: 3px; font-size: 13px; transition: all 0.3s; }
[class~="episode-link"]:hover, [class~="episode-link"][class~="current"] { background: #2271b1; color: #fff; border-color: #2271b1; }

/* === 分页 === */
[class~="pagination"] { margin: 30px 0; text-align: center; }
[class~="nav-links"] { display: inline-flex; gap: 5px; }
[class~="nav-links"] a, [class~="nav-links"] span { padding: 8px 14px; background: #f5f5f5; border-radius: 4px; }
[class~="nav-links"] a:hover, [class~="nav-links"] [class~="current"] { background: #2271b1; color: #fff; }

/* === 筛选器 === */
[class~="filter-wrapper"] { background: #f9f9f9; padding: 20px; margin-bottom: 25px; border-radius: 4px; }
[class~="filter-group"] { display: flex; align-items: flex-start; margin-bottom: 10px; }
[class~="filter-group"]:last-child { margin-bottom: 0; }
[class~="filter-label"] { flex-shrink: 0; width: 60px; font-weight: 500; color: #666; }
[class~="filter-list"] { display: flex; flex-wrap: wrap; gap: 10px; }
[class~="filter-list"] a { padding: 4px 12px; border-radius: 3px; font-size: 13px; }
[class~="filter-list"] a:hover, [class~="filter-list"] a[class~="current"] { background: #2271b1; color: #fff; }

/* === 面包屑 === */
[class~="breadcrumb"] { font-size: 13px; color: #999; margin-bottom: 20px; }
[class~="breadcrumb"] [class~="sep"] { margin: 0 8px; }
[class~="breadcrumb"] a { color: #666; }
[class~="breadcrumb"] a:hover { color: #2271b1; }

/* === 侧边栏 === */
[class~="widget"] { background: #f9f9f9; padding: 20px; margin-bottom: 20px; border-radius: 4px; }
[class~="widget-title"] { font-size: 16px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #2271b1; }
[class~="widget"] ul li { padding: 8px 0; border-bottom: 1px solid #eee; }
[class~="widget"] ul li:last-child { border-bottom: none; }
[class~="widget"] ul li a { color: #666; }
[class~="widget"] ul li a:hover { color: #2271b1; }

[class~="hot-list"] li { display: flex; align-items: center; }
[class~="hot-list"] [class~="rank"] { width: 22px; height: 22px; background: #ddd; color: #666; font-size: 12px; text-align: center; line-height: 22px; border-radius: 3px; margin-right: 10px; }
[class~="hot-list"] li:nth-child(1) [class~="rank"] { background: #ff6b6b; color: #fff; }
[class~="hot-list"] li:nth-child(2) [class~="rank"] { background: #ffa94d; color: #fff; }
[class~="hot-list"] li:nth-child(3) [class~="rank"] { background: #ffd43b; color: #fff; }

/* === 尾部 === */
[class~="site-footer"] { background: #333; color: #ccc; margin-top: 40px; }
[class~="footer-widgets"] { padding: 40px 0; border-bottom: 1px solid #444; }
[class~="footer-widgets-wrapper"] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
[class~="footer-widget-area"] [class~="widget-title"] { color: #fff; border-bottom-color: #2271b1; }
[class~="footer-widget-area"] p { color: #999; line-height: 1.8; }
[class~="footer-widget-area"] a { color: #ccc; }
[class~="footer-widget-area"] a:hover { color: #2271b1; }

#site-generator { padding: 20px 0; font-size: 13px; }
#site-generator [class~="wrapper"] { display: flex; justify-content: space-between; align-items: center; }
[class~="site-info"] p { margin: 0; }
[class~="footer-navigation"] [class~="menu"] { display: flex; gap: 20px; }

/* === 响应式 === */
@media (max-width: 1024px) {
    [class~="content-area"] { width: 100%; float: none; }
    [class~="sidebar"] { width: 100%; float: none; margin-top: 30px; }
    [class~="layout-three"], [class~="layout-four"] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    [class~="menu-toggle"] { display: block; }
    [class~="nav-menu"] { display: none; flex-direction: column; gap: 0; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #eee; padding: 10px 0; }
    [class~="nav-menu"][class~="active"] { display: flex; }
    [class~="nav-menu"] li { border-bottom: 1px solid #eee; }
    [class~="nav-menu"] a { display: block; padding: 10px 20px; }

    [class~="layout-three"], [class~="layout-four"] { grid-template-columns: repeat(2, 1fr); }
    [class~="detail-wrapper"] { flex-direction: column; }
    [class~="vod-poster-wrapper"] { width: 200px; margin: 0 auto; }
    [class~="footer-widgets-wrapper"] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    [class~="layout-three"], [class~="layout-four"] { grid-template-columns: 1fr; }
    [class~="vod-meta"] { grid-template-columns: 1fr; }
}

/* === 辅助类 === */
[class~="screen-reader-text"] { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
[class~="skip-link"] { position: absolute; top: -40px; left: 0; background: #2271b1; color: #fff; padding: 8px; z-index: 100; }
[class~="skip-link"]:focus { top: 0; }

/* site-slogan: 随机口号展示栏 */
[class~="site-slogan"] {
    text-align: center;
    padding: 6px 16px;
    font-size: 13px;
    opacity: 0.65;
    background: transparent;
    pointer-events: none;
}
[class~="site-slogan"] p { margin: 0; line-height: 1.4; }


/* Hide mobile menu toggle on desktop */
@media (min-width: 769px) { [class~="menu-toggle"] { display: none !important; } }

/* pic-list grid fix */
[class~="section-content-wrapper"] ul[class~="pic-list"]{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;list-style:none;padding:0;margin:0}
@media(max-width:1200px){[class~="section-content-wrapper"] ul[class~="pic-list"]{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){[class~="section-content-wrapper"] ul[class~="pic-list"]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){[class~="section-content-wrapper"] ul[class~="pic-list"]{grid-template-columns:repeat(2,1fr)}}
[class~="section-content-wrapper"] [class~="pic-list"] li{list-style:none}
[class~="section-content-wrapper"] [class~="pic-img"]{display:block;overflow:hidden;border-radius:6px;position:relative}
[class~="section-content-wrapper"] [class~="pic-img"] img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}

/* Logo text fallback */
[class~="logo-text"] {
    font-size: 1.5rem;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    display: inline-block;
}