*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#f5f5f5;color:#333;font-size:14px;line-height:1.6}
a{color:#333;text-decoration:none}
a:hover{color:#e94560}
/* ===== 顶部栏 ===== */
.topbar{background:#f8f8f8;border-bottom:1px solid #eee;height:36px;line-height:36px;font-size:12px}
.topbar .wrap{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;padding:0 12px}
.topbar a{color:#888;margin-left:10px}
.topbar a:hover{color:#e94560}
.topbar .city span{color:#e94560;font-weight:600}
/* ===== 头部 ===== */
.header{background:#fff;border-bottom:2px solid #e94560;padding:12px 0;position:sticky;top:0;z-index:1000}
.header .wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:15px;padding:0 12px}
.logo{font-size:24px;font-weight:800;color:#1a1a2e;white-space:nowrap}
.logo span{color:#e94560}
.header .search{flex:1;max-width:460px;display:flex}
.header .search input{flex:1;padding:8px 12px;border:2px solid #e94560;border-right:0;border-radius:3px 0 0 3px;font-size:13px;outline:0}
.header .search button{padding:8px 18px;background:#e94560;color:#fff;border:none;border-radius:0 3px 3px 0;cursor:pointer;font-size:13px}
.post-btn{display:inline-block;padding:8px 20px;background:#27ae60;color:#fff;border-radius:3px;font-size:13px;white-space:nowrap}
.post-btn:hover{background:#219a52;color:#fff}
/* ===== 导航 ===== */
.nav{background:#fff;border-bottom:1px solid #eee}
.nav .wrap{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;padding:0 12px}
.nav a{display:block;padding:10px 14px;color:#555;font-size:13px;border-bottom:2px solid transparent;transition:.2s}
.nav a:hover,.nav a.on{color:#e94560;border-bottom-color:#e94560}
/* ===== 面包屑 ===== */
.bread{background:#fff;padding:10px 0;border-bottom:1px solid #eee;font-size:12px;color:#999}
.bread .wrap{max-width:1200px;margin:0 auto;padding:0 12px}
.bread a{color:#888}
.bread a:hover{color:#e94560}
.bread em{font-style:normal;margin:0 5px;color:#ccc}
.bread .hide-mobile{display:inline}
@media(max-width:640px){.bread .hide-mobile{display:none}}
/* ===== 主体 ===== */
.main{max-width:1200px;margin:20px auto;padding:0 12px;display:flex;gap:20px}
.main-left{flex:1;min-width:0}
.main-right{width:300px;flex-shrink:0}
/* ===== 页面主体(无侧栏) ===== */
.page-full{max-width:1200px;margin:20px auto;padding:0 12px}
/* ===== 卡片 ===== */
.card{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px}
.card-hd{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:15px;font-weight:600;color:#1a1a2e}
.card-bd{padding:16px}
/* ===== 列表页 ===== */
.filter-bar{background:#fff;padding:12px 16px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px}
.filter-bar a{display:inline-block;padding:4px 12px;margin:3px 4px;border-radius:3px;font-size:13px;color:#666;background:#f5f5f5}
.filter-bar a:hover,.filter-bar a.on{background:#e94560;color:#fff}
.post-item{display:flex;padding:14px 16px;border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:12px}
.post-item:last-child{border:0}
.post-item .info{flex:1;min-width:0}
.post-item .title{font-size:15px;font-weight:600;color:#1a1a2e;display:block;margin-bottom:4px}
.post-item .title:hover{color:#e94560}
.post-item .meta{font-size:12px;color:#999}
.post-item .meta span{margin-right:14px}
.post-item .tel{color:#e94560;font-weight:600;font-size:14px;white-space:nowrap}
.post-item .thumb{width:100px;height:75px;border-radius:3px;overflow:hidden;flex-shrink:0;background:#f0f0f0}
.post-item .thumb img{width:100%;height:100%;object-fit:cover}
/* ===== 详情页 ===== */
.detail-hd{padding:20px 24px 16px;border-bottom:1px solid #f0f0f0}
.detail-title{font-size:22px;font-weight:700;color:#1a1a2e;line-height:1.4}
.detail-meta{font-size:12px;color:#999;margin-top:10px}
.detail-meta span{margin-right:18px}
.detail-contact{background:#fff8f8;padding:16px 24px;border-bottom:1px solid #f0f0f0}
.detail-contact .row{display:flex;align-items:center;margin-bottom:8px;font-size:14px}
.detail-contact .row:last-child{margin:0}
.detail-contact .label{color:#888;width:60px;flex-shrink:0}
.detail-contact .tel-num{font-size:20px;font-weight:700;color:#e94560}
.detail-contact .btn-tel{display:inline-block;padding:6px 16px;background:#e94560;color:#fff;border-radius:3px;font-size:13px;margin-left:10px;cursor:pointer}
.detail-contact .btn-tel:hover{background:#d6384e}
.detail-body{padding:20px 24px;line-height:1.8;font-size:14px;color:#555;min-height:200px}
.detail-body img{max-width:100%;height:auto}
.detail-share{padding:12px 24px;border-top:1px solid #f0f0f0;font-size:12px;color:#999}
.detail-nav{padding:12px 24px;border-top:1px solid #f0f0f0;font-size:13px}
.detail-nav a{color:#666}
.detail-nav a:hover{color:#e94560}
.detail-nav .prev{margin-bottom:6px}
/* ===== 侧栏 ===== */
.side-card{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px}
.side-hd{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:600}
.side-bd{padding:12px 16px}
.side-list{}
.side-list a{display:block;padding:6px 0;font-size:13px;color:#666;border-bottom:1px dashed #f0f0f0}
.side-list a:last-child{border:0}
.side-list a:hover{color:#e94560}
.side-list .date{float:right;color:#bbb;font-size:11px}
/* ===== 首页分类区块 ===== */
.cat-section{margin-bottom:20px}
.cat-section .cat-title{font-size:16px;font-weight:600;color:#1a1a2e;padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}
.cat-section .cat-title .more{font-size:12px;color:#999;font-weight:400}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:#f0f0f0}
.cat-grid a{display:block;padding:12px 16px;background:#fff;font-size:13px;color:#555}
.cat-grid a:hover{color:#e94560;background:#fff8f8}
/* ===== 首页优化 ===== */
.post-item .meta span{margin-right:12px;white-space:nowrap}
.post-item .meta{display:flex;flex-wrap:wrap;gap:4px}
@media(max-width:768px){
.post-item .meta span{margin-right:8px;font-size:11px}
.post-item .meta{flex-wrap:wrap}
}
.focus-slider{position:relative;overflow:hidden;border-radius:4px;height:200px;background:#f0f0f0;margin-bottom:16px}
.focus-slider img{width:100%;height:100%;object-fit:cover}
.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}
.city-grid a{display:block;padding:8px;text-align:center;background:#f8f8f8;border-radius:3px;font-size:13px;color:#555}
.city-grid a:hover{background:#e94560;color:#fff}
/* ===== 分页 ===== */
.pages{text-align:center;padding:20px 0}
.pages a,.pages em{display:inline-block;padding:6px 12px;margin:0 3px;border-radius:3px;font-size:13px}
.pages a{background:#fff;border:1px solid #e0e0e0;color:#555}
.pages a:hover{background:#e94560;color:#fff;border-color:#e94560}
.pages em{background:#e94560;color:#fff;border:1px solid #e94560}
/* ===== 底部 ===== */
.footer{background:#1a1a2e;color:#999;padding:30px 0 20px;margin-top:30px;font-size:12px}
.footer .wrap{max-width:1200px;margin:0 auto;padding:0 12px;text-align:center}
.footer a{color:#999;margin:0 8px}
.footer a:hover{color:#fff}
.footer .copy{margin-top:12px;color:#666}
/* ===== 表单 ===== */
.form-card{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:24px;max-width:700px;margin:0 auto}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;color:#666;margin-bottom:4px;font-weight:500}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:3px;font-size:13px;outline:0;transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e94560}
.form-group textarea{height:120px;resize:vertical}
.form-group .half{display:inline-block;width:49%}
.form-group .half:first-child{margin-right:2%}
.btn-submit{padding:10px 30px;background:#e94560;color:#fff;border:none;border-radius:3px;font-size:15px;cursor:pointer}
.btn-submit:hover{background:#d6384e}
/* ===== 移动端自适应 ===== */
@media(max-width:768px){
.main{flex-direction:column}
.main-right{width:100%}
.detail-title{font-size:18px}
.detail-contact .tel-num{font-size:17px}
.header .wrap{flex-wrap:wrap}
.header .search{order:3;max-width:100%;flex-basis:100%;margin-top:8px}
.cat-grid{grid-template-columns:repeat(2,1fr)}
.city-grid{grid-template-columns:repeat(3,1fr)}
.post-item{flex-direction:column}
.post-item .thumb{width:100%;height:120px}
.form-group .half{display:block;width:100%}
.form-group .half:first-child{margin:0}
.logo{font-size:20px}
.nav a{padding:8px 10px;font-size:12px}
}
@media(max-width:480px){
.city-grid{grid-template-columns:repeat(2,1fr)}
}
/* ===== 移动端浮动拨号 ===== */
.float-call{display:none}
@media(max-width:768px){
.float-call{display:block;position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid #eee;padding:8px 12px;box-shadow:0 -2px 8px rgba(0,0,0,.1)}
.float-call a{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:#4caf50;color:#fff;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none}
.float-call a:hover{background:#43a047}
/* 底部留出浮动按钮空间 */
.footer{padding-bottom:60px}
}