/** * 详情页共用样式（品牌详情 / 律所详情 / 文章详情） * * 这段规则原先由 Html2026StaticService::wrapHtmlDocument() 内联输出到每个静态页面的 ， * 现统一外置到本文件，静态详情页通过 引入。 * 修改后需重新静态化（后台「一键静态化」或文章静态化按钮）才会反映到已有页面。 */ /* ---------- 品牌详情 / 律所详情：logo、配图与图片说明 ---------- */ .dongpeng-container .company-logo { text-align: center; display: flex; align-items: center; justify-content: center; } .dongpeng-container .company-logo > img, .dongpeng-container .brand-Intro > img, .dongpeng-container .brand-goods .images img { display: block; margin: 0 auto; } .dongpeng-container .company-logo > div, .dongpeng-container .brand-Intro > div, .dongpeng-container .brand-goods .images > div { display: block; width: auto; max-width: 100%; flex-basis: auto; text-align: center; } .dongpeng-container .company-logo > div { gap: 0; line-height: 1; } .dongpeng-container .company-logo > div img { display: block; width: auto !important; max-width: 100%; margin: 0 auto 0 !important; } .dongpeng-container .company-logo img + div, .dongpeng-container .brand-Intro img + div, .dongpeng-container .brand-goods .images img + div { margin-top: 0 !important; padding-top: 0; color: #999; font-size: 12px; font-weight: 400; line-height: 1.1; text-align: center; } /* ---------- 文章详情 / 详情页字体调节按钮 ---------- */ .font-size-control { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 9999; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 10px; display: flex; flex-direction: column; gap: 8px; } .font-size-control button { width: 40px; height: 40px; border: 1px solid #ddd; background: #fff; border-radius: 4px; cursor: pointer; font-size: 18px; font-weight: bold; color: #333; transition: all 0.3s; } .font-size-control button:hover { background: #f0f0f0; border-color: #999; } .font-size-control button:active { background: #e0e0e0; } .font-size-control .current-size { text-align: center; font-size: 12px; color: #666; } .font-size-control { border: none !important; } .case-detail-date .article-font-size-control { position: static; right: auto; top: auto; transform: none; z-index: auto; margin-left: auto; padding: 3px 4px; flex-direction: row; align-items: center; gap: 5px; flex-shrink: 0; box-shadow: none; } .case-detail-date .article-font-size-control button { width: 32px; height: 28px; padding: 0; font-size: 14px; line-height: 1; } .case-detail-date .article-font-size-control .current-size { min-width: 38px; line-height: 1; } /* ---------- 文章详情：发布日期 / 作者 / 阅读量 一行展示 ---------- */ .case-detail-date .case-detail-meta { flex-wrap: nowrap !important; white-space: nowrap; } .case-detail-date .case-detail-meta span { white-space: nowrap; } /* 原第 1 段内联样式中的 768px 规则 */ @media (max-width: 768px) { .case-detail-date .case-detail-meta { flex: 1 1 100%; } } /* 原第 2 段内联样式中的 768px / 400px 规则 */ @media (max-width: 768px) { .case-detail-date { padding-left: 8px !important; padding-right: 8px !important; gap: 8px !important; } .case-detail-date .case-detail-meta { display: flex; flex: 1 1 100% !important; align-items: center; gap: 6px !important; width: 100%; font-size: 11px; line-height: 1.5; } .case-detail-date .case-detail-meta span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 400px) { .case-detail-date .case-detail-meta { font-size: 10px; gap: 4px !important; } }