/*
Theme Name: 华东艺术涂装网
Theme URI: https://huadong-coating.example.com
Author: 华东艺术涂装网开发团队
Author URI: https://huadong-coating.example.com
Description: 华东艺术涂装网 - 涂装行业新闻聚合门户主题。专为展示行业资讯、要闻、原创、政策、产业、科技、人物、企业、百科、专题、视频、新品、技术等内容板块设计。HTML5自适应响应式设计，内置视频播放器，所有资源本地化，支持百度地图API、Q&A版块、广告管理、JSON-LD结构化数据和LLMs.txt。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: huadong-coating
Tags: news, magazine, industry, responsive, html5, video, baidu-map, structured-data, seo, custom-post-type, custom-taxonomy, localization
*/

/* ===== Reset & Base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#2d3436;background:#f8f9fa;overflow-x:hidden}
a{color:#1e3a5f;text-decoration:none;transition:color .2s}
a:hover{color:#e85d04}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea,select{font-family:inherit;font-size:inherit}

/* ===== CSS Variables ===== */
:root{
  --primary:#1e3a5f;
  --primary-light:#2c5f8a;
  --accent:#e85d04;
  --accent-light:#ff7b25;
  --secondary:#2a9d8f;
  --bg:#f8f9fa;
  --bg-card:#ffffff;
  --text:#2d3436;
  --text-light:#6c7a89;
  --border:#e0e0e0;
  --shadow:0 2px 8px rgba(0,0,0,.08);
  --shadow-lg:0 4px 20px rgba(0,0,0,.12);
  --radius:8px;
  --radius-sm:4px;
  --max-width:1280px;
  --header-height:72px;
}

/* ===== Layout ===== */
.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}
.section{padding:32px 0}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:3px solid var(--primary);padding-bottom:10px}
.section-title h2{font-size:1.3rem;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:8px}
.section-title h2::before{content:"";width:6px;height:24px;background:var(--accent);border-radius:2px}
.section-title .more{font-size:.85rem;color:var(--text-light)}
.section-title .more:hover{color:var(--accent)}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:1000;background:var(--primary);box-shadow:var(--shadow)}
.header-main{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}
.site-logo{display:flex;align-items:center;gap:10px;color:#fff}
.site-logo .logo-text{font-size:1.4rem;font-weight:700;letter-spacing:1px}
.site-logo .logo-sub{font-size:.7rem;opacity:.7;letter-spacing:2px}
.main-nav{display:flex;align-items:center}
.nav-menu{display:flex;flex-wrap:wrap;gap:1px}
.nav-menu li{display:flex}
.nav-menu a{color:rgba(255,255,255,.9);padding:6px 10px;border-radius:var(--radius-sm);font-size:.82rem;transition:all .2s;white-space:nowrap;display:block}
.nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.15);color:#fff}
/* 首页高亮 */
.nav-menu .current-menu-item a,.nav-menu li:first-child a{background:rgba(255,255,255,.12);font-weight:600}
.search-toggle{color:#fff;font-size:1.2rem;padding:8px}
.search-bar{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 16px;box-shadow:var(--shadow-lg);z-index:999}
.search-bar.active{display:block}
.search-bar form{display:flex;max-width:600px;margin:0 auto}
.search-bar input{flex:1;padding:10px 16px;border:2px solid var(--primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:.95rem}
.search-bar button{padding:10px 24px;background:var(--primary);color:#fff;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-weight:600}
/* Mobile menu toggle */
.menu-toggle{display:none;color:#fff;font-size:1.5rem;background:none;border:none;padding:8px}

/* ===== Hero Slider ===== */
.hero-section{margin-top:16px}
.hero-slider{position:relative;height:400px;overflow:hidden;background:#1e3a5f}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;display:flex;align-items:flex-end}
.hero-slide.active{opacity:1}
.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.8))}
.hero-slide-content{position:relative;z-index:2;padding:24px 40px 32px;color:#fff;max-width:800px}
.hero-slide-content .badge{display:inline-block;background:var(--accent);padding:3px 10px;border-radius:var(--radius-sm);font-size:.75rem;margin-bottom:8px}
.hero-slide-content h2{font-size:1.5rem;line-height:1.3;margin-bottom:8px}
.hero-slide-content p{font-size:.9rem;opacity:.9}
.hero-dots{position:absolute;bottom:12px;right:24px;display:flex;gap:6px;z-index:3}
.hero-dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);border:none}
.hero-dots button.active{background:#fff}

/* ===== Content Grid ===== */
.content-grid{margin-top:24px}
.content-main{min-width:0}

/* ===== Breadcrumb ===== */
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-light);padding:12px 0;flex-wrap:wrap}
.breadcrumb a{color:var(--text-light)}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .separator{color:#ccc}
.breadcrumb .current{color:var(--text)}

/* ===== People Detail ===== */
.people-detail-layout{display:flex;gap:24px;margin:20px 0;align-items:flex-start}
.people-detail-layout img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);flex-shrink:0}

/* ===== Product Detail ===== */
.product-detail-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;margin:20px 0}

/* ===== Newspaper Multi-Column Rows ===== */
.newspaper-row{display:grid;gap:20px}
.newspaper-row-2{grid-template-columns:1fr 1fr}
.newspaper-row .section{padding:0}
.newspaper-row .section-title{margin-bottom:12px;padding-bottom:8px}
.newspaper-row .section-title h2{font-size:1.05rem}
.newspaper-row .section-title .more{font-size:.78rem}

/* ===== Compact Article Card (for paired columns) ===== */
.article-compact{display:flex;gap:10px;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:10px;transition:box-shadow .2s}
.article-compact:hover{box-shadow:var(--shadow-lg)}
.ac-thumb{width:110px;aspect-ratio:4/3;flex-shrink:0;overflow:hidden}
.ac-thumb img{width:100%;height:100%;object-fit:cover}
.ac-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0e7ee,#c8d6e5);display:flex;align-items:center;justify-content:center;color:#a0b0c0;font-size:1.4rem}
.ac-body{padding:8px 10px 8px 0;flex:1;display:flex;flex-direction:column;justify-content:center}
.ac-title{font-size:.88rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.ac-title a{color:var(--text)}
.ac-title a:hover{color:var(--accent)}
.ac-meta{font-size:.72rem;color:var(--text-light);display:flex;align-items:center;gap:4px}

/* ===== Compact Video Grid ===== */
.video-grid-compact{display:grid;grid-template-columns:1fr;gap:10px}
.video-card-xs{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:row;transition:box-shadow .2s}
.video-card-xs:hover{box-shadow:var(--shadow-lg)}
.video-card-xs .video-thumb{width:130px;aspect-ratio:16/9;flex-shrink:0;position:relative;overflow:hidden}
.video-card-xs .video-thumb img{width:100%;height:100%;object-fit:cover}
.video-card-xs .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--primary)}
.video-card-xs .duration{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.65);color:#fff;padding:1px 5px;border-radius:3px;font-size:.65rem}
.video-card-xs .card-body{padding:8px 10px;flex:1;display:flex;align-items:center}
.video-card-xs .card-title{font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Compact Product Grid ===== */
.product-grid-compact{display:grid;grid-template-columns:1fr;gap:10px}
.product-card-xs{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:row;transition:box-shadow .2s}
.product-card-xs:hover{box-shadow:var(--shadow-lg)}
.product-card-xs .product-thumb{width:80px;height:80px;flex-shrink:0;position:relative;overflow:hidden}
.product-card-xs .product-thumb img{width:100%;height:100%;object-fit:cover}
.product-card-xs .product-badge{position:absolute;top:3px;left:3px;background:var(--secondary);color:#fff;padding:1px 6px;border-radius:3px;font-size:.6rem}
.product-card-xs .card-body{padding:8px 10px;flex:1;display:flex;flex-direction:column;justify-content:center}
.product-card-xs h3{font-size:.82rem;margin-bottom:3px}
.product-card-xs .product-brand{font-size:.7rem;color:var(--text-light)}

/* ===== Compact Encyclopedia Grid ===== */
.encyclopedia-grid{display:flex;flex-direction:column;gap:8px}
.encyclopedia-item{display:flex;gap:8px;background:var(--bg-card);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow);align-items:center;transition:box-shadow .2s}
.encyclopedia-item:hover{box-shadow:var(--shadow-lg)}
.encyclopedia-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}
.encyclopedia-body{flex:1;min-width:0}
.encyclopedia-body h4{font-size:.82rem;margin-bottom:2px}
.encyclopedia-body h4 a{color:var(--text)}
.encyclopedia-body h4 a:hover{color:var(--accent)}
.encyclopedia-excerpt{font-size:.72rem;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Helpers ===== */
.empty-text{color:var(--text-light);font-size:.85rem;padding:12px 0}
.no-thumb{width:100%;height:100%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:1.8rem}
.avatar-placeholder{background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;margin:16px auto 8px;width:100px;height:100px;border-radius:50%}
.hero-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#1e3a5f,#2a9d8f)}

/* ===== Article Cards ===== */
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.article-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.article-card .card-thumb{aspect-ratio:16/9;overflow:hidden;position:relative}
.article-card .card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.article-card:hover .card-thumb img{transform:scale(1.05)}
.article-card .card-badge{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem}
.article-card .card-body{padding:14px}
.article-card .card-title{font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card .card-excerpt{font-size:.85rem;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
.article-card .card-meta{display:flex;gap:12px;font-size:.75rem;color:var(--text-light)}
.article-card .card-meta span{display:flex;align-items:center;gap:4px}

/* Horizontal article list */
.article-list-item{display:flex;gap:14px;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:12px}
.article-list-item .card-thumb{width:160px;flex-shrink:0;aspect-ratio:16/9}
.article-list-item .card-body{padding:10px 14px;flex:1}

/* ===== People/Biography Cards ===== */
.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.people-card{text-align:center;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}
.people-card:hover{transform:translateY(-4px)}
.people-card .avatar{width:100px;height:100px;border-radius:50%;margin:16px auto 8px;object-fit:cover;border:3px solid var(--primary)}
.people-card h3{font-size:.95rem;margin-bottom:4px}
.people-card .role{font-size:.8rem;color:var(--accent);margin-bottom:8px}
.people-card .bio{font-size:.8rem;color:var(--text-light);padding:0 12px 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Video Section ===== */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.video-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.video-card .video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.video-card .video-thumb img{width:100%;height:100%;object-fit:cover}
.video-card .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);transition:all .2s}
.video-card:hover .play-btn{background:var(--accent);color:#fff;transform:translate(-50%,-50%) scale(1.1)}
.video-card .duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.7);color:#fff;padding:1px 6px;border-radius:var(--radius-sm);font-size:.7rem}
.video-card .card-body{padding:10px 14px}
.video-card .card-title{font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Video player modal */
.video-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:2000;align-items:center;justify-content:center;padding:20px}
.video-modal.active{display:flex}
.video-modal-content{max-width:900px;width:100%;position:relative}
.video-modal-content video{width:100%;border-radius:var(--radius)}
.video-modal-close{position:absolute;top:-36px;right:0;color:#fff;font-size:1.5rem;background:none;border:none}

/* ===== Enterprise Cards ===== */
.enterprise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.enterprise-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.enterprise-card .logo-area{height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-light))}
.enterprise-card .logo-area img{max-width:80%;max-height:80px;object-fit:contain}
.enterprise-card .card-body{padding:14px;flex:1}
.enterprise-card h3{font-size:.95rem;margin-bottom:4px}
.enterprise-card .industry-tag{font-size:.75rem;color:var(--secondary);margin-bottom:6px}
.enterprise-card .desc{font-size:.8rem;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Encyclopedia (百科) ===== */
.encyclopedia-list .article-list-item .card-thumb{background:var(--secondary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}
.encyclopedia-list .article-list-item .card-thumb img{display:none}

/* ===== Special Topic (专题) ===== */
.special-topic{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius);overflow:hidden;color:#fff;margin-bottom:20px;position:relative}
.special-topic img{width:100%;height:200px;object-fit:cover;opacity:.9}
.special-topic .topic-body{padding:20px}
.special-topic h3{font-size:1.2rem;margin-bottom:8px}
.special-topic p{font-size:.85rem;opacity:.9}

/* ===== New Product (新品) ===== */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.product-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}
.product-card:hover{transform:translateY(-4px)}
.product-card .product-thumb{aspect-ratio:1;overflow:hidden}
.product-card .product-thumb img{width:100%;height:100%;object-fit:cover}
.product-card .product-badge{position:absolute;top:8px;left:8px;background:var(--secondary);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem}
.product-card .card-body{padding:12px}
.product-card h3{font-size:.9rem;margin-bottom:4px}
.product-card .product-meta{font-size:.75rem;color:var(--text-light)}

/* ===== Tech (技术) ===== */
.tech-list .article-list-item{border-left:4px solid var(--secondary)}

/* ===== Policy (政策) ===== */
.policy-list .article-list-item{border-left:4px solid var(--primary)}
.policy-list .article-list-item .card-body::before{content:"\f071";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary);margin-right:6px}

/* ===== Ads ===== */
.ad-slot{background:#fff;border:1px dashed var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:90px;overflow:hidden;position:relative}
.ad-slot .ad-label{position:absolute;top:4px;left:8px;font-size:.65rem;color:var(--text-light);opacity:.6}
.ad-slot img{max-width:100%}
.ad-banner{width:100%;min-height:90px;overflow:hidden;border-radius:var(--radius);margin-bottom:12px}
.ad-banner img{width:100%;height:auto}

/* ===== Sidebar Widgets ===== */
.widget{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:20px;box-shadow:var(--shadow)}
.widget-title{font-size:1rem;color:var(--primary);font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:6px}
.widget-title::before{content:"";width:4px;height:18px;background:var(--accent);border-radius:2px}
.widget ul li{padding:6px 0;border-bottom:1px solid var(--border);font-size:.85rem}
.widget ul li:last-child{border-bottom:none}
.widget-popular li{display:flex;gap:8px;align-items:flex-start}
.widget-popular li .rank{flex-shrink:0;width:20px;height:20px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}
.widget-popular li:nth-child(1) .rank{background:var(--accent)}
.widget-popular li:nth-child(2) .rank{background:#e67e22}
.widget-popular li:nth-child(3) .rank{background:#f39c12}

/* Tag Cloud */
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}
.tag-cloud a{padding:4px 10px;background:#f0f4f8;border-radius:var(--radius-sm);font-size:.8rem;color:var(--primary);transition:all .2s}
.tag-cloud a:hover{background:var(--accent);color:#fff}

/* ===== Breadcrumb ===== */
.breadcrumb{display:flex;gap:6px;align-items:center;font-size:.8rem;color:var(--text-light);padding:12px 0}
.breadcrumb a{color:var(--primary)}
.breadcrumb .separator{opacity:.5}

/* ===== Single Article ===== */
.single-article{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.article-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.article-header .article-category{display:inline-block;background:var(--accent);color:#fff;padding:2px 12px;border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:10px}
.article-header h1{font-size:1.8rem;line-height:1.4;margin-bottom:12px;color:var(--text)}
.article-header .article-meta{display:flex;gap:16px;font-size:.85rem;color:var(--text-light)}
.article-content{font-size:1rem;line-height:1.8;color:var(--text)}
.article-content p{margin-bottom:16px}
.article-content h2,.article-content h3{margin:24px 0 12px;color:var(--primary)}
.article-content img{border-radius:var(--radius);margin:16px 0}
.article-content blockquote{border-left:4px solid var(--accent);padding:12px 20px;margin:16px 0;background:#f9f9f9;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-light)}
.article-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}
.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.article-tags a{padding:4px 10px;background:#f0f4f8;border-radius:var(--radius-sm);font-size:.8rem;color:var(--primary)}

/* Related articles */
.related-articles{margin-top:24px}
.related-articles .article-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}

/* ===== Archive/List Page ===== */
.archive-header{background:var(--bg-card);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;box-shadow:var(--shadow)}
.archive-header h1{font-size:1.5rem;color:var(--primary)}
.archive-header .archive-desc{font-size:.85rem;color:var(--text-light);margin-top:4px}

/* ===== Pagination ===== */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:24px}
.pagination a,.pagination span{padding:8px 14px;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid var(--border);background:#fff;color:var(--text)}
.pagination a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ===== Contact Page (Baidu Map) ===== */
.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-info{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.contact-info h2{color:var(--primary);margin-bottom:16px;font-size:1.3rem}
.contact-info .info-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.contact-info .info-item:last-child{border-bottom:none}
.contact-info .info-item .icon{color:var(--accent);font-size:1.2rem;flex-shrink:0}
.contact-info .info-item .label{font-weight:600;color:var(--text)}
.contact-info .info-item .value{color:var(--text-light)}
.map-container{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:400px}
#baidu-map{width:100%;height:400px}

/* ===== Q&A Page ===== */
.qa-page{max-width:800px;margin:0 auto}
.qa-item{background:var(--bg-card);border-radius:var(--radius);margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}
.qa-question{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;transition:background .2s}
.qa-question:hover{background:#f8f9fa}
.qa-question .q-text{font-weight:600;color:var(--primary);font-size:.95rem;display:flex;gap:8px;align-items:center}
.qa-question .q-text::before{content:"Q";background:var(--accent);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}
.qa-toggle{font-size:1.2rem;color:var(--text-light);transition:transform .2s}
.qa-answer{display:block !important;padding:0 20px 16px}
.qa-item.open .qa-toggle{transform:rotate(45deg)}
.qa-answer .a-text{font-size:.9rem;color:var(--text);line-height:1.8;display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}
.qa-answer .a-text::before{content:"A";background:var(--secondary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:2px}
.a-preview{display:block !important;flex:1;min-width:0;word-break:break-word}
.a-full{display:none;margin-top:8px;flex:1;min-width:0;word-break:break-word}
.qa-item.open .a-full{display:block}
.qa-item.open .a-preview{display:none}
.qa-detail-link{display:block !important;margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}
.qa-detail-btn{display:inline-flex !important;align-items:center;gap:6px;padding:8px 20px;background:var(--primary);color:#fff !important;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}
.qa-detail-btn:hover{background:var(--accent);color:#fff !important}

/* ===== Footer ===== */
.site-footer{background:var(--primary);color:rgba(255,255,255,.8);margin-top:40px}
.footer-top{padding:40px 0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.footer-col h4{color:#fff;font-size:1rem;margin-bottom:14px}
.footer-col ul li{padding:4px 0}
.footer-menu{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;padding:0;margin:0}
.footer-menu li{padding:2px 0}
.footer-col a{color:rgba(255,255,255,.7);font-size:.85rem}
.footer-col a:hover{color:#fff}
.footer-about .footer-logo{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:10px}
.footer-about p{font-size:.85rem;line-height:1.6;color:rgba(255,255,255,.7)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:14px 0;text-align:center;font-size:.8rem;color:rgba(255,255,255,.5)}

/* Back to top */
.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;opacity:0;transition:all .3s;z-index:900;box-shadow:var(--shadow-lg)}
.back-to-top.visible{opacity:1}
.back-to-top:hover{background:var(--accent)}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .hero-slider{height:320px}
  .hero-slide-content{padding:20px 28px}
  .hero-slide-content h2{font-size:1.2rem}
  .header-main{padding:0 8px}
}
@media(max-width:768px){
  /* 导航 */
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--primary);padding:8px}
  .main-nav.active{display:flex}
  .nav-menu{flex-direction:column;gap:0}
  .nav-menu a{padding:12px 16px;width:100%;border-radius:0;font-size:.9rem}
  .site-logo .logo-text{font-size:1.1rem}
  .site-logo .logo-sub{font-size:.6rem}
  .header-main{height:56px}
  :root{--header-height:56px}

  /* 轮播 */
  .hero-slider{height:220px}
  .hero-slide-content{padding:12px 16px}
  .hero-slide-content h2{font-size:1rem}
  .hero-slide-content p{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* 文章列表 */
  .article-list-item{flex-direction:column}
  .article-list-item .card-thumb{width:100%;height:180px}
  .article-list-item .card-body{padding:10px}
  .article-list-item .card-title{font-size:.95rem}

  /* 报纸网格 */
  .newspaper-row-2{grid-template-columns:1fr;gap:16px}
  .newspaper-row .section-title{margin-bottom:8px}
  .article-compact{flex-direction:column}
  .ac-thumb{width:100%;aspect-ratio:16/9}
  .ac-body{padding:8px 10px}
  .video-card-xs{flex-direction:column}
  .video-card-xs .video-thumb{width:100%}
  .video-card-xs .card-body{padding:8px 10px}
  .product-card-xs{flex-direction:row}

  /* 文章网格 */
  .article-grid{grid-template-columns:1fr;gap:12px}

  /* 单篇文章 */
  .single-article{padding:12px}
  .article-header h1{font-size:1.25rem;line-height:1.3}
  .article-meta{flex-wrap:wrap;gap:8px;font-size:.8rem}
  .article-meta span{margin-right:8px}
  .article-content{font-size:.9rem}
  .article-content img{width:100%;height:auto;margin:12px 0}
  .article-content blockquote{margin:12px 0;padding:10px 12px;font-size:.85rem}
  .article-content pre{font-size:.8rem;padding:12px;overflow-x:auto}

  /* 人物详情 */
  .people-detail-layout{flex-direction:column;align-items:center;text-align:center;gap:16px}
  .people-detail-layout img{width:120px;height:120px}
  /* 产品详情 */
  .product-detail-layout{grid-template-columns:1fr;gap:16px}
  /* 企业信息 */
  .enterprise-single table tr{display:flex;flex-direction:column;padding:4px 0}
  .enterprise-single table td:first-child{width:auto;margin-bottom:2px}

  /* 归档/搜索头部 */
  .archive-header{padding:12px}
  .archive-header h1{font-size:1.1rem}
  .archive-header p{font-size:.85rem}

  /* 面包屑 */
  .breadcrumb{font-size:.75rem;padding:8px 0;flex-wrap:wrap}

  /* 侧边栏 */
  .widget{padding:12px;margin-bottom:12px}
  .widget-title{font-size:.95rem}
  .widget-related .article-list-item .card-thumb{height:120px}

  /* 分页 */
  .pagination{flex-wrap:wrap;gap:4px}
  .pagination .page-numbers{padding:6px 10px;font-size:.8rem}

  /* 搜索 */
  .search-bar form{flex-direction:column;gap:8px}
  .search-bar input{border-radius:var(--radius-sm)}
  .search-bar button{border-radius:var(--radius-sm)}
  .search-bar.active{padding:8px 12px}

  /* 联系页面 */
  .contact-page{grid-template-columns:1fr;gap:16px}

  /* 页脚 */
  .footer-grid{grid-template-columns:1fr;gap:20px}
  .site-footer{padding:24px 0}

  /* 文章脚部 */
  .article-footer{padding:12px;font-size:.8rem}
  .article-share{flex-wrap:wrap;gap:6px}

  /* 404 */
  .error-404 .popular-posts-grid{grid-template-columns:1fr}

  /* 固定元素 */
  .back-to-top{bottom:12px;right:12px;width:36px;height:36px;font-size:1rem}

  /* 问答 */
  .qa-single .question-box, .qa-single .answer-box{padding:12px 14px;font-size:.9rem}

  /* 视频 */
  .video-player-wrapper video{max-height:240px}
  .video-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .container{padding:0 10px}
  .article-grid{grid-template-columns:1fr}
  .video-grid{grid-template-columns:1fr}
  .enterprise-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .people-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .section-title h2{font-size:1rem}
  .article-header h1{font-size:1.1rem}
  .hero-slider{height:180px}
  .hero-slide-content h2{font-size:.9rem}
  .hero-slide-content p{font-size:.75rem}
  .site-logo .logo-text{font-size:.95rem}
  .single-article{padding:8px}
  .article-card .card-body{padding:10px}
  .article-card .card-title{font-size:.85rem}
  .breadcrumb{font-size:.7rem}
}


/* ===== 艺术家风采 (artist) ===== */
.artist-directory{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);margin:20px 0;}
.artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.artist-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:.2s;text-decoration:none;color:inherit;}
.artist-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,.12);}
.artist-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.artist-card-noimg{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:#eee;color:#bbb;font-size:3rem;}
.artist-card-body{padding:14px 16px;}
.artist-card-body h3{margin:0 0 4px;font-size:1.05rem;color:var(--primary);}
.artist-card-body p{margin:0;font-size:.85rem;color:var(--text-light);}
/* 详情页标题（所有详情页统一） */
.single-article h1{font-size:1.75rem;font-weight:800;line-height:1.4;color:var(--primary);letter-spacing:.5px;margin:0 0 12px;}
.article-header .article-meta{margin-top:6px;}
/* 艺术家详情排版 */
.artist-single .artist-header{display:flex;gap:28px;align-items:flex-start;margin-bottom:26px;flex-wrap:wrap;}
.artist-photo{width:300px;max-width:38%;height:auto;border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.12);}
.artist-head-info{flex:1;min-width:240px;}
.artist-head-info h1{font-size:1.75rem;font-weight:800;color:var(--primary);margin:6px 0 12px;line-height:1.4;}
.artist-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px;font-size:.92rem;color:var(--text-light);}
.artist-meta span{display:inline-flex;align-items:center;gap:6px;}
/* 手机号点击显示（防采集） */
.artist-phone-mask{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--accent);border:1px dashed var(--accent);border-radius:6px;padding:4px 12px;font-size:.9rem;background:#fff7f0;transition:.2s;user-select:none;}
.artist-phone-mask:hover{background:var(--accent);color:#fff;border-color:var(--accent);}
.artist-phone-mask.loading{opacity:.6;cursor:wait;}
.artist-phone-mask.revealed{border-style:solid;background:var(--bg-card);color:var(--primary);cursor:default;gap:10px;}
.artist-phone-mask.revealed .phone-num{color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:6px;}
.artist-phone-mask.revealed a{color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.artist-phone-mask.revealed a:hover{text-decoration:underline;}
.artist-call-btn{display:inline-flex;align-items:center;gap:5px;background:var(--accent);color:#fff !important;text-decoration:none;border-radius:6px;padding:3px 12px;font-size:.85rem;font-weight:600;transition:.2s;white-space:nowrap;}
.artist-call-btn:hover{background:var(--primary);color:#fff !important;text-decoration:none !important;}
.artist-section{margin:30px 0;padding-top:4px;}
.artist-section h3{border-left:4px solid var(--accent);padding-left:12px;margin:0 0 14px;color:var(--primary);font-size:1.2rem;font-weight:700;letter-spacing:.5px;}
.artist-quote{background:#fbf6ec;border-left:4px solid var(--accent);padding:16px 20px;border-radius:0 8px 8px 0;line-height:1.95;color:#444;font-size:1.02rem;}
.artist-text{line-height:2;color:#333;font-size:1rem;}
.artist-text p{margin:0 0 14px;}
.artist-exp{margin:0;padding-left:22px;line-height:2.1;color:#333;font-size:1rem;}
.artist-exp li{margin-bottom:6px;}
.artist-life{display:flex;flex-wrap:wrap;gap:12px;}
.artist-life img{width:calc(33.333% - 8px);max-width:220px;border-radius:8px;object-fit:cover;height:160px;}
/* 上一篇 / 下一篇 导航 */
.post-nav{display:flex;gap:16px;margin:32px 0 8px;}
.post-nav-link{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:.2s;}
.post-nav-link:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(30,58,95,.12);transform:translateY(-2px);}
.post-nav-dir{font-size:.8rem;color:var(--text-light);display:inline-flex;align-items:center;gap:4px;}
.post-nav-title{font-size:1rem;font-weight:600;color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.post-nav-next{text-align:right;align-items:flex-end;}
.post-nav-empty{visibility:hidden;}
@media(max-width:768px){
  .artist-single .artist-header{flex-direction:column;}
  .artist-photo{width:100%;max-width:100%;}
  .artist-life img{width:calc(50% - 6px);}
  .single-article h1{font-size:1.4rem;}
  .post-nav{flex-direction:column;gap:12px;}
  .post-nav-next{text-align:left;align-items:flex-start;}
}
@media(max-width:1024px){
  .artist-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
  .artist-directory{padding:14px;border-radius:12px;}
  .artist-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
}

/* ===== 人物 / 百科：仿百度·微信百科版式 ===== */
.baike-entry{ }
.baike-header{ margin-bottom:8px; }
.baike-title{ font-size:1.9rem; font-weight:800; color:#1a1a1a; line-height:1.3; letter-spacing:.3px; margin:6px 0 4px; }
.baike-subtitle{ font-size:1rem; color:var(--text-light); margin:0 0 10px; }

.baike-infobox{
  background:#f6f8fb;
  border:1px solid #e6ebf2;
  border-radius:12px;
  padding:18px 20px;
  margin:16px 0 8px;
}
.baike-infobox-portrait{ text-align:center; margin-bottom:10px; }
.baike-infobox-portrait img{ width:120px; height:120px; border-radius:10px; object-fit:cover; border:1px solid #e6ebf2; }
.baike-infobox-title{ font-size:1.05rem; font-weight:700; color:var(--primary); text-align:center; padding-bottom:10px; border-bottom:1px solid #e6ebf2; margin-bottom:6px; }
.baike-infobox-rows{ display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
.baike-infobox-row{ display:flex; gap:8px; padding:9px 0; border-bottom:1px dotted #dfe5ee; font-size:.9rem; }
.baike-infobox-label{ flex:0 0 84px; color:#8a94a6; }
.baike-infobox-value{ flex:1; color:#222; line-height:1.5; word-break:break-word; }

.baike-content{ line-height:1.95; color:#2b2b2b; font-size:1rem; }
.baike-content > p:first-child{ font-size:1.05rem; color:#333; line-height:2; }
.baike-content h2{ font-size:1.3rem; font-weight:700; color:var(--primary); border-left:4px solid var(--accent); padding-left:12px; margin:30px 0 14px; }
.baike-content h3{ font-size:1.08rem; font-weight:600; color:#333; margin:20px 0 10px; padding-left:10px; border-left:3px solid #cfd8e3; }
.baike-content table{ width:100%; border-collapse:collapse; margin:14px 0; font-size:.9rem; }
.baike-content table th{ background:#eef3f8; color:var(--primary); text-align:left; padding:8px 10px; border:1px solid #e0e6ef; }
.baike-content table td{ padding:8px 10px; border:1px solid #e0e6ef; }
.baike-content table tr:nth-child(even) td{ background:#fafcfe; }

.baike-references{ margin-top:30px; padding-top:14px; border-top:1px solid var(--border); }
.baike-ref-title{ font-size:1.1rem; font-weight:700; color:var(--primary); margin-bottom:10px; }
.baike-references ol{ margin:0; padding-left:22px; color:var(--text-light); font-size:.85rem; line-height:1.9; }

/* 人物 / 百科 列表页卡片网格 */
.baike-card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:8px 0 4px; }
.baike-card{ background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; transition:.2s; display:flex; flex-direction:column; }
.baike-card:hover{ box-shadow:0 6px 20px rgba(0,0,0,.08); transform:translateY(-2px); }
.baike-card-thumb{ display:block; aspect-ratio:4/3; background:#eef3f8; overflow:hidden; }
.baike-card-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.baike-card-noimg{ display:flex; align-items:center; justify-content:center; height:100%; font-size:2.4rem; color:#c3cdd9; }
.baike-card-body{ padding:14px 16px; flex:1; display:flex; flex-direction:column; }
.baike-card-title{ font-size:1.05rem; font-weight:700; margin:0 0 6px; line-height:1.4; }
.baike-card-title a{ color:#222; }
.baike-card-title a:hover{ color:var(--primary); }
.baike-card-sub{ font-size:.85rem; color:var(--text-light); line-height:1.6; margin:0 0 8px; flex:1; }
.baike-card-meta{ font-size:.78rem; color:#9aa4b2; }

@media(max-width:1024px){
  .baike-card-grid{ grid-template-columns:repeat(2,1fr); }
  .baike-infobox-rows{ grid-template-columns:1fr; gap:0; }
}
@media(max-width:768px){
  .baike-title{ font-size:1.5rem; }
  .baike-card-grid{ grid-template-columns:1fr; }
}