/*
	Theme Name: 子比的子主题
	Description: 基于子比主题(Zibll)的子主题，可用于自定义样式和功能扩展，升级父主题时不会丢失自定义内容。
	Theme URI: https://www.zibll.com
	Author: Zibill
	Template: zibll
	Version: 9.0
	Requires at least: 5.0
	Requires PHP: 7.0
	Text Domain: zibll-child
*/

/* ============================================================
   侧边栏「下载地址」小工具 — 方案 1
   标题 100px 居中（theme-color 渐变）+ 全宽下载按钮 + 暗色兼容
   全部色值跟随 Zibll CSS 变量，不引入自定义颜色
   ============================================================ */
.widget-download-address .widget-download-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ---- 标题栏：100px 居中，负 margin 撑满 widget padding ---- */
.widget-download-address .dl-head {
    height: 100px;
    background: linear-gradient(135deg, var(--theme-color), rgba(0,0,0,.25)), var(--theme-color);
    border-radius: var(--main-radius) var(--main-radius) 0 0;
    margin: -15px -15px 0 -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}
.widget-download-address .dl-head svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

/* ---- 内容区 ---- */
.widget-download-address .dl-body {
    padding: 16px 4px 4px 4px;
}

/* ---- 文件名 + 元信息 ---- */
.widget-download-address .dl-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--key-color);
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.widget-download-address .dl-meta {
    font-size: 12px;
    color: var(--muted-2-color);
    margin-bottom: 14px;
}

/* ---- 全宽下载按钮，无图标，同 theme-color ---- */
.widget-download-address .dl-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: var(--theme-color);
    border-radius: calc(var(--main-radius) - 2px);
    transition: opacity .2s, box-shadow .2s;
}
.widget-download-address .dl-btn:hover {
    opacity: .88;
    box-shadow: 0 4px 14px var(--focus-shadow-color);
}