/* =====================================================================
 * 网盘下载助手 - 网盘下载中心样式
 * 读取子比（Zibll）主题变量，跟随主题色与深色模式；其他主题降级。
 * =================================================================== */

.pandl-center {
	--pdlc-theme: var(--theme-color, #f04494);
	--pdlc-key: var(--key-color, #1f2937);
	--pdlc-main: var(--main-color, #4b5563);
	--pdlc-muted: var(--muted-color, #6b7280);
	--pdlc-muted-2: var(--muted-2-color, #9ca3af);
	--pdlc-bg: var(--body-bg-color, #f5f6f7);
	--pdlc-card-bg: var(--main-bg-color, #ffffff);
	--pdlc-soft-bg: var(--muted-bg-2-color, #f6f7f8);
	--pdlc-border: var(--main-border-color, rgba(50, 50, 50, 0.08));
	--pdlc-border-soft: var(--muted-border-color, rgba(0, 0, 0, 0.04));
	--pdlc-radius: var(--main-radius, 10px);
	--pdlc-shadow: var(--main-shadow, rgba(116, 116, 116, 0.08));
	--pdlc-shadow-color: var(--focus-shadow-color, rgba(240, 68, 148, 0.3));

	background: var(--pdlc-bg);
	color: var(--pdlc-main);
	font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
	line-height: 1.7;
	transition: background .25s ease, color .25s ease;
	-webkit-font-smoothing: antialiased;
}

.pandl-center * { box-sizing: border-box; }
.pandl-center .pdl-wrap { max-width: 1000px; margin: 0 auto; padding: 0 20px; width: 100%; }

/* ===== 顶部 ===== */
.pandl-center .pdlc-hero { padding: 58px 0 26px; text-align: center; }
.pandl-center .pdlc-hero h1 {
	margin: 0 0 12px; font-size: clamp(28px, 5vw, 42px); font-weight: 900;
	color: var(--pdlc-key); letter-spacing: -0.5px;
}
.pandl-center .pdlc-hero p { max-width: 660px; margin: 0 auto; color: var(--pdlc-muted); font-size: clamp(14px, 2.2vw, 16px); }

/* ===== 顶级分类分组 ===== */
.pandl-center section.pdlc-group { padding: 34px 0 18px; }
.pandl-center .pdlc-group-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; flex-wrap: wrap; gap: 8px; }
.pandl-center .pdlc-group-head h2 { display: flex; align-items: center; margin: 0; font-size: clamp(20px, 3.4vw, 26px); font-weight: 800; color: var(--pdlc-key); }
.pandl-center .pdlc-group-bar { display: inline-block; width: 6px; height: 24px; border-radius: 4px; background: var(--pdlc-theme); margin-right: 12px; box-shadow: 0 3px 8px var(--pdlc-shadow-color); }
.pandl-center .pdlc-group-count { font-size: 13px; color: var(--pdlc-muted-2); }

/* ===== 子分类 ===== */
.pandl-center .pdlc-subgroup { margin-bottom: 28px; }
.pandl-center .pdlc-sub-title {
	margin: 0 0 14px; font-size: 16px; font-weight: 700; color: var(--pdlc-main);
	display: flex; align-items: center;
}
.pandl-center .pdlc-sub-title::before {
	content: ""; width: 8px; height: 8px; border-radius: 50%; margin-right: 9px;
	background: var(--pdlc-theme);
}

/* ===== 资源网格 ===== */
.pandl-center .pdlc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }

.pandl-center a.pdlc-res {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	padding: 18px 20px; background: var(--pdlc-card-bg);
	border: 1px solid var(--pdlc-border); border-radius: var(--pdlc-radius);
	box-shadow: 0 4px 14px var(--pdlc-shadow); text-decoration: none;
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.pandl-center a.pdlc-res:hover {
	transform: translateY(-3px); border-color: var(--pdlc-theme);
	box-shadow: 0 10px 24px var(--pdlc-shadow);
}

.pandl-center .pdlc-res-main { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1; }
.pandl-center .pdlc-res-title { font-size: 16px; font-weight: 700; color: var(--pdlc-key); }
.pandl-center a.pdlc-res:hover .pdlc-res-title { color: var(--pdlc-theme); }
.pandl-center .pdlc-res-desc {
	font-size: 13px; color: var(--pdlc-muted); overflow: hidden;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

/* 网盘徽章 */
.pandl-center .pdlc-res-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.pandl-center .pdlc-res-badge {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 30px; height: 20px; padding: 0 7px; border-radius: 5px;
	color: #fff; font-size: 11px; font-weight: 700; line-height: 1;
}

/* 获取下载按钮 */
.pandl-center .pdlc-res-btn {
	flex-shrink: 0; align-self: center; padding: 8px 16px; border-radius: 999px;
	background: var(--pdlc-theme); color: #fff; font-size: 13px; font-weight: 700;
	box-shadow: 0 4px 12px var(--pdlc-shadow-color);
	transition: filter .15s ease;
}
.pandl-center a.pdlc-res:hover .pdlc-res-btn { filter: brightness(1.06); }

/* 空状态 */
.pandl-center .pdlc-empty {
	padding: 22px; text-align: center; font-size: 14px; color: var(--pdlc-muted-2);
	background: var(--pdlc-soft-bg); border: 1px dashed var(--pdlc-border); border-radius: var(--pdlc-radius);
}

/* ===== 响应式 ===== */
@media (max-width: 700px) {
	.pandl-center .pdlc-grid { grid-template-columns: 1fr; }
	.pandl-center a.pdlc-res { flex-direction: column; align-items: flex-start; gap: 12px; }
	.pandl-center .pdlc-res-btn { align-self: flex-start; }
	.pandl-center .pdlc-hero { padding: 42px 0 20px; }
}