/* ==========================================================================
   资料下载 (yy_download) 列表与详情页专属样式 (download.css)
   说明：侧边栏及整体网格布局已交由 inner.css 接管
   ========================================================================== */

/* -----------------------------------------
   1. 列表页：横向卡片样式
----------------------------------------- */
.yy-download-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.yy-dl-card {
    background: #fff;
    padding: 30px;
    border: 1px solid #e2e4e8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border-radius: 4px;
}
.yy-dl-title {
    font-size: 1.35rem;
    font-weight: bold;
    color: #111;
    margin: 0 0 10px 0;
    line-height: 1.4;
}
.yy-dl-title a {
    color: #111;
    text-decoration: none;
    transition: color 0.2s ease;
}
.yy-dl-title a:hover {
    color: var(--yy-primary);
}
.yy-dl-date {
    font-size: 13px;
    color: #999;
    margin-bottom: 15px;
}
.yy-dl-excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 20px;
}
.yy-dl-btn {
    display: inline-block;
    padding: 8px 20px;
    background-color: var(--yy-primary);
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}
.yy-dl-btn:hover {
    background-color: var(--yy-primary-hover);
}


/* -----------------------------------------
   2. 详情页：单页资源展示样式 (single-yy_download.php)
----------------------------------------- */
.yy-dl-single-card {
    background: #fff;
    border: 1px solid #e2e4e8;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    border-radius: 6px;
    overflow: hidden; /* 保证内部圆角不溢出 */
}

/* 头部信息区 */
.yy-dl-single-header {
    padding: 40px 40px 0;
}
.yy-dl-single-title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #111;
    margin: 0 0 15px 0;
    line-height: 1.4;
}
.yy-dl-single-meta {
    font-size: 13px;
    color: #888;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #eee;
}

/* 下载动作区 (高光突出的操作栏) */
.yy-dl-action-box {
    background: #f8fbff; /* 极淡的蓝色背景衬托 */
    border: 1px solid #cce0ff; /* 浅蓝边框 */
    border-radius: 4px;
    padding: 20px 25px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yy-dl-action-text {
    font-size: 14px;
    color: #444;
}
.yy-dl-action-text strong {
    color: var(--yy-primary);
    font-size: 15px;
}
.yy-dl-btn-large {
    display: inline-flex;
    align-items: center;
    padding: 12px 28px;
    background-color: var(--yy-primary);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 86, 179, 0.2); /* 按钮高级阴影 */
}
.yy-dl-btn-large:hover {
    background-color: var(--yy-primary-hover);
    transform: translateY(-2px); /* 悬停时微弱上浮，增强交互感 */
    box-shadow: 0 6px 15px rgba(0, 86, 179, 0.3);
}

/* 富文本正文区 */
.yy-dl-single-content {
    padding: 0 40px 40px;
    font-size: 16px;
    color: #444;
    line-height: 1.8;
}


/* -----------------------------------------
   3. 移动端与平板适配 (屏幕宽度 <= 768px)
----------------------------------------- */
@media (max-width: 768px) {
    /* 列表页移动端 */
    .yy-download-list { gap: 15px; }
    .yy-dl-card { padding: 20px 15px; }
    .yy-dl-title { font-size: 1.15rem; }
    .yy-dl-excerpt { font-size: 13px; margin-bottom: 15px; }
    .yy-dl-btn { display: block; text-align: center; padding: 10px 0; }

    /* 详情页移动端 */
    .yy-dl-single-header { padding: 25px 20px 0; }
    .yy-dl-single-content { padding: 0 20px 25px; }
    .yy-dl-single-title { font-size: 1.4rem; }
    .yy-dl-action-box {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 15px;
        padding: 20px 15px;
    }
    .yy-dl-btn-large {
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
    }
}