/* ===== 资源详情页（addetails.php）优化样式 ===== */
/* 仅作用于 .ad-detail-page */

.ad-detail-page { background: #f3f5fa; }

/* ---- 页头 + 面包屑 ---- */
.ad-detail-page .ad-heading {
    padding: 18px 24px;
    border-bottom: 1px solid #e6eaf2;
}
.ad-detail-page .ad-heading h2 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: #1b2a4e;
}
.ad-detail-page .ad-heading .breadcrumb {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 13px;
}
.ad-detail-page .ad-heading .breadcrumb a { color: #0d8eff; }
.ad-detail-page .ad-heading .breadcrumb > li + li::before { color: #b6bfd0; }

/* ---- 卡片统一：圆角 + 阴影 ---- */
.ad-detail-page .wrapper-content { padding: 20px 0 40px; }
.ad-detail-page .ibox {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(18, 38, 63, .08);
    background: #fff;
    margin-bottom: 20px;
}
.ad-detail-page .ibox-title {
    border: 0;
    background: #fff;
    border-left: 4px solid #0d8eff;
    border-radius: 16px 16px 0 0;
    padding: 14px 18px;
}
.ad-detail-page .ibox-title h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1b2a4e;
}
.ad-detail-page .ibox-content {
    border: 0;
    background: #fff;
    border-radius: 0 0 16px 16px;
    padding: 0;
    overflow: hidden;
}

/* ---- 图片展示 ---- */
.ad-detail-page .ad-img {
    display: block;
    width: 100%;
    height: auto;
    background: #eef1f6;
}
/* 单图展示：原先套了 .carousel 结构（仅一个 .item，无左右控制与指示器），改为 figure；
   figure 有默认外边距（1em 40px），这里归零，视觉与原来保持一致 */
.ad-detail-page .ad-figure { margin: 0; }

/* ---- 规格参数列表 ---- */
.ad-detail-page .ad-spec {
    margin: 0;
    padding: 18px 20px;
}
.ad-detail-page .ad-spec-item {
    display: flex;
    align-items: baseline;
    padding: 12px 0;
    border-bottom: 1px dashed #e6eaf2;
}
.ad-detail-page .ad-spec-item:last-child { border-bottom: 0; }
.ad-detail-page .ad-spec dt {
    flex: 0 0 96px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #7b8698;
}
.ad-detail-page .ad-spec dd {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #26314a;
    line-height: 1.5;
}
.ad-detail-page .ad-spec dd.ad-price { color: #e0453b; font-size: 18px; }

/* ---- 页脚回归常规流 ---- */
.ad-detail-page .ad-footer { position: static; margin: 0; width: 100%; }
.ad-detail-page .ad-footer .footer { padding: 16px 20px; }

/* ---- 移动端收口 ---- */
@media (max-width: 768px) {
    .ad-detail-page .ad-heading { padding: 14px 16px; }
    .ad-detail-page .ad-heading h2 { font-size: 18px; }
    .ad-detail-page .wrapper-content { padding: 14px 0 24px; }
    .ad-detail-page .ibox { border-radius: 12px; margin-bottom: 14px; }
    .ad-detail-page .ibox-title { padding: 12px 14px; }
    .ad-detail-page .ad-spec { padding: 12px 14px; }
    .ad-detail-page .ad-spec dt { flex-basis: 72px; font-size: 13px; }
    .ad-detail-page .ad-spec dd { font-size: 14px; }
    .ad-detail-page .ad-spec dd.ad-price { font-size: 16px; }

    /* 页脚与内容的间距统一由 side-nav.css 的 .footer 规则提供，此处不再重复，避免双重间距 */
}

/* 超小屏（手机）：页头/规格列表与 PC 改版对齐 */
@media (max-width: 576px) {
    .ad-detail-page .wrapper-content { padding: 12px 0 20px; }
    .ad-detail-page .ibox { border-radius: 12px; }
    .ad-detail-page .ibox-title { padding: 12px 14px; }
    .ad-detail-page .ibox-content { padding: 14px; }
    .ad-detail-page .ad-heading { padding: 12px 14px; }
    .ad-detail-page .ad-heading h2 { font-size: 16px; }
    .ad-detail-page .ad-spec { padding: 12px 14px; }
    .ad-detail-page .ad-spec dt { flex-basis: 72px; font-size: 13px; }
    .ad-detail-page .ad-spec dd { font-size: 14px; }
    .ad-detail-page .ad-spec dd.ad-price { font-size: 16px; }
}
