/* common.css - 全站公共样式 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#1A1A1A;background:#FFF3E0;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#FF7043;text-decoration:none;transition:color 0.3s}
a:hover{color:#3E1E14}
img{max-width:100%;height:auto;display:block}
.container{width:92%;max-width:1200px;margin:0 auto;padding:0 15px}

/* 双行导航 */
.navbar{background:#fff;border-bottom:2px solid #FFCCBC;position:sticky;top:0;z-index:1000}
.nav-top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #FFCCBC}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{width:40px;height:40px;background:#FF7043;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}
.logo-text{font-size:20px;font-weight:700;color:#3E1E14}
.logo-slogan{font-size:12px;color:#4A4A4A;margin-left:8px}
.nav-contact{display:flex;align-items:center;gap:20px;font-size:13px;color:#4A4A4A}
.nav-contact span{display:flex;align-items:center;gap:5px}
.nav-bottom{display:flex;justify-content:space-between;align-items:center;padding:0}
.nav-menu{display:flex;list-style:none;gap:0}
.nav-menu li{position:relative}
.nav-menu a{display:block;padding:14px 22px;color:#1A1A1A;font-size:14px;font-weight:500}
.nav-menu a:hover,.nav-menu a.active{color:#FF7043;background:#FFF3E0}
.mobile-toggle{display:none;background:none;border:none;font-size:24px;color:#3E1E14;cursor:pointer;padding:10px}

/* 按钮样式 B2直角切割 */
.btn{display:inline-block;padding:12px 30px;background:#FF7043;color:#fff;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all 0.3s}
.btn:hover{background:#3E1E14;color:#fff}
.btn-outline{background:transparent;border:2px solid #FF7043;color:#FF7043}
.btn-outline:hover{background:#FF7043;color:#fff}
.btn-sm{padding:8px 20px;font-size:13px}

/* 面包屑 */
.breadcrumb{background:#fff;padding:12px 0;font-size:13px;color:#4A4A4A;border-bottom:1px solid #FFCCBC}
.breadcrumb a{color:#4A4A4A}
.breadcrumb a:hover{color:#FF7043}
.breadcrumb .sep{margin:0 8px;color:#FFCCBC}

/* 返回顶部 */
.back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:#FF7043;color:#fff;border:none;border-radius:4px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:18px;z-index:999;transition:background 0.3s}
.back-to-top:hover{background:#3E1E14}
.back-to-top.show{display:flex}

/* Footer */
.footer{background:#3E1E14;color:#fff;padding:50px 0 20px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}
.footer-col h4{font-size:16px;margin-bottom:18px;color:#FF7043;position:relative;padding-bottom:10px}
.footer-col h4::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#FF7043}
.footer-col p,.footer-col li{font-size:13px;line-height:2;color:rgba(255,255,255,0.8)}
.footer-col ul{list-style:none}
.footer-col a{color:rgba(255,255,255,0.8);font-size:13px}
.footer-col a:hover{color:#FF7043}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;text-align:center;font-size:13px;color:rgba(255,255,255,0.6)}
.footer-bottom a{color:rgba(255,255,255,0.6);margin-left:15px}
.footer-bottom a:hover{color:#FF7043}

/* 分页 */
.pagination{display:flex;justify-content:center;gap:8px;margin:30px 0;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-block;padding:8px 14px;background:#fff;border:1px solid #FFCCBC;color:#1A1A1A;font-size:13px}
.pagination a:hover,.pagination .current{background:#FF7043;color:#fff;border-color:#FF7043}

/* 响应式 */
@media(max-width:768px){
.container{width:96%;padding:0 10px}
.nav-contact{display:none}
.mobile-toggle{display:block}
.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #FFCCBC;box-shadow:0 4px 10px rgba(0,0,0,0.1)}
.nav-menu.active{display:block}
.nav-menu li{border-bottom:1px solid #FFCCBC}
.nav-menu a{padding:12px 20px}
.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.back-to-top{width:38px;height:38px;bottom:15px;right:15px}
}
@media(max-width:480px){
.footer-grid{grid-template-columns:1fr}
.logo-text{font-size:16px}
}