/* ===== 恒鑫外贸站 自定义样式 (尽量使用 Tailwind, 此处仅必要补充) ===== */

/* 滚动渐显动画 */
.addAnimation { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }
.addAnimation.loaded { opacity: 1; transform: translateY(0); }

/* 页面过渡淡入 */
body { opacity: 0; animation: pageFade .35s ease forwards; }
@keyframes pageFade { from { opacity: 0; } to { opacity: 1; } }

/* 博客详情 article.content 样式 (内容来自编辑器, 无 class) */
article.content { font-size: 1rem; line-height: 1.8; color: #374151; }
article.content h1 { font-size: 1.8rem; font-weight: 700; margin: 1.5em 0 .6em; color: #111827; }
article.content h2 { font-size: 1.5rem; font-weight: 700; margin: 1.4em 0 .6em; color: #111827; }
article.content h3 { font-size: 1.25rem; font-weight: 600; margin: 1.2em 0 .5em; color: #111827; }
article.content p { margin-bottom: 1em; }
article.content ul, article.content ol { margin: 0 0 1em 1.5em; }
article.content ul { list-style: disc; }
article.content ol { list-style: decimal; }
article.content li { margin-bottom: .4em; }
article.content a { color: #ea580c; text-decoration: underline; }
article.content img { max-width: 100%; height: auto; border-radius: .5rem; margin: 1em 0; }
article.content table { width: 100%; border-collapse: collapse; margin: 1em 0; display: block; overflow-x: auto; }
article.content table th, article.content table td { border: 1px solid #e5e7eb; padding: .6em .8em; text-align: left; }
article.content table th { background: #f9fafb; font-weight: 600; }
article.content blockquote { border-left: 4px solid #ea580c; background: #fff7ed; padding: 1em 1.2em; margin: 1em 0; border-radius: 0 .5rem .5rem 0; color: #6b7280; }
article.content code { background: #f3f4f6; padding: .15em .4em; border-radius: .3em; font-size: .9em; font-family: monospace; }
article.content pre { background: #111827; color: #f9fafb; padding: 1em; border-radius: .5rem; overflow-x: auto; margin: 1em 0; }
article.content figure { margin: 1em 0; }
article.content figcaption { font-size: .85rem; color: #6b7280; text-align: center; margin-top: .4em; }
article.content time { color: #6b7280; font-size: .9rem; }

/* 目录导航 */
#toc-nav { position: sticky; top: 110px; }
.toc-link { display: block; padding: .4em .8em; border-left: 3px solid transparent; color: #6b7280; font-size: .9rem; transition: all .2s; }
.toc-link:hover { color: #ea580c; border-left-color: #ea580c; background: #fff7ed; border-radius: 0 .5rem .5rem 0; }
.toc-link.active { color: #ea580c; border-left-color: #ea580c; background: #fff7ed; font-weight: 600; border-radius: 0 .5rem .5rem 0; }
.toc-link.level-3 { padding-left: 1.6em; }

/* FAQ */
details.faq-item { border: 1px solid #e5e7eb; border-radius: .75rem; overflow: hidden; background: #fff; }
details.faq-item summary { cursor: pointer; padding: 1rem 1.25rem; font-weight: 600; color: #111827; list-style: none; display: flex; justify-content: space-between; align-items: center; }
details.faq-item summary::-webkit-details-marker { display: none; }
details.faq-item summary .fa-chevron-down { transition: transform .3s; color: #ea580c; }
details.faq-item[open] summary .fa-chevron-down { transform: rotate(180deg); }
details.faq-item .faq-content { padding: 0 1.25rem 1.25rem; color: #4b5563; font-size: .95rem; }
details.faq-item .faq-content table { width: 100%; overflow-x: auto; display: block; border-collapse: collapse; }
details.faq-item .faq-content table th, details.faq-item .faq-content table td { border: 1px solid #e5e7eb; padding: .5em; }

/* 表单按钮 loading 态 */
.btn-loading { opacity: .7; pointer-events: none; }

/* 产品图占位背景 */
.product-img-wrap { background: linear-gradient(135deg, #f8fafc, #eef2f7); }