/* ========== PC端前台样式 ========== */
:root { --primary: #c5a43e; --primary-dark: #a8892f; --accent: #b8942e; --bg: #f8f9fa; --text: #333; --text-light: #666; --border: #e0e0e0; --radius: 6px; --max-width: 1200px; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif; color:var(--text); font-size:14px; line-height:1.7; background:var(--bg); }
a { color:var(--primary); text-decoration:none; }
a:hover { color:var(--primary-dark); }
img { max-width:100%; height:auto; }
.container { max-width:var(--max-width); margin:0 auto; padding:0 20px; }

/* Header */
.site-header { background:#fff; border-bottom:1px solid var(--border); box-shadow:0 1px 3px rgba(0,0,0,.05); }
.header-top { background:#333; color:#ccc; font-size:12px; padding:6px 0; }
.header-top .container { display:flex; justify-content:space-between; }
.header-top a { color:#ccc; }
.header-top span { margin-right:16px; }
.header-main { padding:16px 0; }
.header-main .container { display:flex; align-items:center; justify-content:space-between; }
.logo { font-size:24px; font-weight:700; color:var(--primary); }
.logo img { height:48px; }
.header-search { display:flex; }
.header-search input { padding:8px 12px; border:1px solid #ddd; border-right:none; border-radius:var(--radius) 0 0 var(--radius); width:220px; font-size:13px; }
.header-search input:focus { outline:none; border-color:var(--primary); }
.header-search button { padding:8px 16px; background:var(--primary); color:#fff; border:none; border-radius:0 var(--radius) var(--radius) 0; cursor:pointer; }
.nav-main { background:var(--primary); }
.nav-main .container { display:flex; }
.nav-main a { color:#fff; padding:12px 24px; display:block; font-size:15px; transition:background .2s; }
.nav-main a:hover,
.nav-main a.active { background:var(--primary-dark); color:#fff; }

/* Footer */
.site-footer { background:#333; color:#ccc; padding:30px 0 0; margin-top:40px; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:30px; margin-bottom:20px; }
.footer-grid h4 { color:#fff; margin-bottom:12px; font-size:16px; }
.footer-grid p,
.footer-grid a { color:#aaa; font-size:13px; line-height:2; display:block; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding:16px 0; text-align:center; font-size:12px; color:#888; }

/* Breadcrumb */
.breadcrumb { padding:12px 0; font-size:13px; color:var(--text-light); }
.breadcrumb a { color:var(--text-light); }
.breadcrumb span { margin:0 6px; }

/* Page Layout */
.page-layout { display:grid; grid-template-columns:240px 1fr; gap:24px; padding:20px 0; }
.page-layout.full { grid-template-columns:1fr; }

/* Sidebar */
.sidebar { background:#fff; border-radius:var(--radius); border:1px solid var(--border); padding:0; }
.sidebar h3 { padding:14px 16px; border-bottom:1px solid var(--border); font-size:15px; }
.sidebar a { display:block; padding:10px 16px; color:var(--text); border-bottom:1px solid #f5f5f5; font-size:14px; transition:all .2s; }
.sidebar a:hover,
.sidebar a.active { color:var(--primary); background:#fdf8ee; border-left:3px solid var(--primary); padding-left:13px; }

/* Article/Product Cards */
.article-list { display:flex; flex-direction:column; gap:16px; }
.article-item { background:#fff; border-radius:var(--radius); border:1px solid var(--border); display:flex; overflow:hidden; transition:box-shadow .2s; }
.article-item:hover { box-shadow:0 2px 12px rgba(0,0,0,.08); }
.article-thumb { width:200px; min-height:140px; flex-shrink:0; overflow:hidden; }
.article-thumb img { width:100%; height:100%; object-fit:cover; }
.article-info { padding:16px 20px; flex:1; }
.article-info h3 { font-size:16px; margin-bottom:8px; }
.article-info h3 a { color:var(--text); }
.article-info h3 a:hover { color:var(--primary); }
.article-info .meta { font-size:12px; color:var(--text-light); margin-bottom:8px; }
.article-info .meta span { margin-right:12px; }
.article-info p { color:var(--text-light); font-size:13px; line-height:1.6; }
.tag-top { background:var(--primary); color:#fff; padding:1px 8px; border-radius:3px; font-size:12px; margin-right:6px; }

/* Product Grid */
.product-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
.product-card { background:#fff; border-radius:var(--radius); border:1px solid var(--border); overflow:hidden; transition:all .2s; }
.product-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.1); transform:translateY(-2px); }
.product-card .thumb { height:200px; overflow:hidden; }
.product-card .thumb img { width:100%; height:100%; object-fit:cover; }
.product-card .info { padding:12px; }
.product-card .info h3 { font-size:14px; margin-bottom:6px; }
.product-card .info .price { color:var(--primary); font-size:16px; font-weight:700; margin-top:8px; }

/* Detail Page */
.article-detail { background:#fff; border-radius:var(--radius); border:1px solid var(--border); padding:24px; }
.article-detail h1 { font-size:22px; margin-bottom:16px; line-height:1.4; }
.article-detail .meta { font-size:13px; color:var(--text-light); padding-bottom:16px; border-bottom:1px solid var(--border); margin-bottom:20px; }
.article-detail .content { font-size:15px; line-height:1.8; }
.article-detail .content img { max-width:100%; border-radius:4px; }
.article-detail .content p { margin-bottom:16px; }
.article-prev-next { display:flex; justify-content:space-between; margin-top:24px; padding-top:16px; border-top:1px solid var(--border); font-size:13px; }

/* Homepage Sections */
.section { padding:40px 0; }
.section-title { text-align:center; margin-bottom:30px; }
.section-title h2 { font-size:28px; color:var(--text); }
.section-title p { color:var(--text-light); margin-top:8px; }
.section-title .divider { width:60px; height:3px; background:var(--primary); margin:12px auto 0; }

/* Home About */
.home-about { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding:40px 0; }
.home-about img { border-radius:var(--radius); }
.home-about .text h3 { font-size:22px; margin-bottom:16px; }
.home-about .text p { color:var(--text-light); line-height:1.8; margin-bottom:16px; }
.btn-more { display:inline-block; padding:10px 28px; background:var(--primary); color:#fff; border-radius:var(--radius); font-weight:500; transition:background .2s; }
.btn-more:hover { background:var(--primary-dark); color:#fff; }

/* Home News */
.home-news-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.news-card { background:#fff; border-radius:var(--radius); border:1px solid var(--border); overflow:hidden; transition:box-shadow .2s; }
.news-card:hover { box-shadow:0 2px 12px rgba(0,0,0,.08); }
.news-card img { width:100%; height:180px; object-fit:cover; }
.news-card .info { padding:14px; }
.news-card .info h4 { font-size:15px; margin-bottom:6px; }
.news-card .info .date { font-size:12px; color:var(--text-light); }

/* Contact Section */
.home-contact { background:var(--primary); color:#fff; padding:40px 0; }
.home-contact .container { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.home-contact h2 { color:#fff; }
.home-contact .info-item { margin-bottom:12px; font-size:15px; }
.home-contact form { background:#fff; padding:24px; border-radius:var(--radius); }
.home-contact .form-group { margin-bottom:14px; }
.home-contact input,
.home-contact textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:4px; font-size:14px; font-family:inherit; }
.home-contact textarea { height:100px; resize:vertical; }
.home-contact button { padding:12px 30px; background:var(--primary); color:#fff; border:none; border-radius:var(--radius); cursor:pointer; font-size:15px; }

/* Pagination */
.pagination { display:flex; gap:4px; justify-content:center; margin:24px 0; }
.pagination a,
.pagination span { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 8px; border-radius:4px; font-size:13px; border:1px solid var(--border); color:var(--text); background:#fff; }
.pagination a:hover { background:#f5f5f5; }
.pagination .active { background:var(--primary); color:#fff; border-color:var(--primary); }
.pagination .disabled { color:#ccc; }

/* Search Page */
.search-results .result-item { background:#fff; border-radius:var(--radius); padding:16px 20px; border:1px solid var(--border); margin-bottom:12px; }
.search-results .result-item h3 { font-size:16px; margin-bottom:6px; }
.search-results .result-item .badge { display:inline-block; padding:1px 8px; border-radius:3px; font-size:11px; margin-right:8px; }
.search-results .result-item .badge.article { background:#eff6ff; color:#2563eb; }
.search-results .result-item .badge.product { background:#ecfdf5; color:#059669; }
.highlight { background:yellow; }

/* ====== 待处理反馈 Badge ====== */