/* 商户官网样式，作者：星球软件CEWWW */
.shop-header { background: var(--white); border-bottom: 2px solid var(--primary); padding: 0; }
.shop-header-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; padding: 15px; gap: 20px; }
.shop-header .logo { font-size: 20px; font-weight: 700; color: var(--primary); }
.shop-header nav { display: flex; gap: 20px; flex: 1; }
.shop-header nav a { color: var(--text); font-size: 15px; padding: 5px 0; border-bottom: 2px solid transparent; }
.shop-header nav a:hover, .shop-header nav a.active { color: var(--primary); border-bottom-color: var(--primary); }
.shop-banner { width: 100%; height: 300px; object-fit: cover; border-radius: var(--radius); }
.shop-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.shop-product-card { background: var(--white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); transition: transform .2s; }
.shop-product-card:hover { transform: translateY(-3px); }
.shop-product-card img { width: 100%; height: 200px; object-fit: cover; }
.shop-product-card .info { padding: 12px; }
.shop-product-card .name { font-size: 14px; font-weight: 500; margin-bottom: 5px; }
.shop-product-card .price { color: var(--primary); font-size: 18px; font-weight: 700; }
.shop-footer { background: var(--brown); color: rgba(255,255,255,0.7); padding: 30px 15px; text-align: center; margin-top: 30px; font-size: 13px; }
@media (max-width: 768px) {
  .shop-product-grid { grid-template-columns: repeat(2, 1fr); }
  .shop-banner { height: 180px; }
  .shop-header nav { gap: 10px; overflow-x: auto; }
}

/* 富文本内容排版 */
.ck-content { font-size: 14px; line-height: 1.8; color: var(--text); word-break: break-word; }
.ck-content img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
.ck-content p { margin: 8px 0; }
.ck-content h1, .ck-content h2, .ck-content h3 { margin: 14px 0 8px; color: var(--brown); }
.ck-content ul, .ck-content ol { padding-left: 24px; margin: 8px 0; }
.ck-content table { max-width: 100%; border-collapse: collapse; }
.ck-content table td, .ck-content table th { border: 1px solid var(--gray-border); padding: 6px 10px; }
.ck-content blockquote { border-left: 4px solid var(--primary); padding-left: 12px; margin: 10px 0; color: var(--text-light); }
