@charset "UTF-8";
/* common.css - MK体育全站公共样式 */

/* ===== 基础重置 ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#2C2815;background:#F9F3D8;line-height:1.7}
a{color:#D4AC0D;text-decoration:none;transition:all .3s ease}
a:hover{color:#2C2815}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}

/* ===== 布局容器 ===== */
.container{width:1200px;margin:0 auto;padding:0 20px}
.container-fluid{width:100%;padding:0 40px}

/* ===== 导航栏 N2透明悬浮 ===== */
.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(249,243,216,.92);backdrop-filter:blur(8px);border-bottom:2px solid #D4AC0D;transition:all .3s ease}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:44px;width:auto}
.logo-text{font-size:22px;font-weight:900;color:#2C2815;letter-spacing:1px}
.logo-text span{color:#D4AC0D}
.nav{display:flex;gap:4px}
.nav a{display:block;padding:10px 18px;font-size:15px;font-weight:600;color:#2C2815;border-radius:4px;position:relative}
.nav a:hover,.nav a.active{color:#D4AC0D;background:rgba(212,172,13,.08)}
.nav a.active::after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:3px;background:#D4AC0D;border-radius:2px}

/* ===== 移动端菜单 ===== */
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.menu-toggle span{display:block;width:26px;height:3px;background:#2C2815;border-radius:2px;transition:all .3s ease}

/* ===== Footer ===== */
.footer{background:#2C2815;color:#F9F3D8;padding:50px 0 25px;margin-top:80px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:35px}
.footer-brand .footer-logo{font-size:24px;font-weight:900;color:#D4AC0D;margin-bottom:12px}
.footer-brand p{font-size:14px;color:rgba(249,243,216,.7);line-height:1.8}
.footer-title{font-size:16px;font-weight:700;color:#D4AC0D;margin-bottom:18px;text-transform:uppercase;letter-spacing:1px}
.footer-links li{margin-bottom:10px}
.footer-links a{color:rgba(249,243,216,.7);font-size:14px}
.footer-links a:hover{color:#D4AC0D}
.footer-contact li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;color:rgba(249,243,216,.7)}
.footer-contact .icon{width:20px;height:20px;fill:#D4AC0D;flex-shrink:0}
.footer-bottom{border-top:1px solid rgba(212,172,13,.2);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(249,243,216,.5)}
.footer-bottom a{color:rgba(249,243,216,.5)}
.footer-bottom a:hover{color:#D4AC0D}

/* ===== 页面包屑 ===== */
.breadcrumb{background:#2C2815;padding:14px 0;font-size:13px;color:rgba(249,243,216,.6)}
.breadcrumb a{color:#D4AC0D}
.breadcrumb a:hover{color:#F9F3D8}
.breadcrumb span{margin:0 8px;color:rgba(249,243,216,.3)}
.breadcrumb-inner{padding-top:72px}

/* ===== 通用标题 ===== */
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:36px;font-weight:900;color:#2C2815;margin-bottom:12px;position:relative;display:inline-block}
.section-title h2::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#D4AC0D;border-radius:2px}
.section-title p{font-size:16px;color:#666;margin-top:20px}

/* ===== 按钮样式 B4阴影悬浮 ===== */
.btn{display:inline-block;padding:14px 36px;font-size:15px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none;text-align:center}
.btn-primary{background:#D4AC0D;color:#2C2815;box-shadow:0 4px 15px rgba(212,172,13,.35)}
.btn-primary:hover{background:#c49b0c;color:#2C2815;box-shadow:0 6px 25px rgba(212,172,13,.5);transform:translateY(-2px)}
.btn-outline{background:transparent;color:#D4AC0D;border:2px solid #D4AC0D}
.btn-outline:hover{background:#D4AC0D;color:#2C2815;transform:translateY(-2px)}
.btn-dark{background:#2C2815;color:#F9F3D8;box-shadow:0 4px 15px rgba(44,40,21,.3)}
.btn-dark:hover{background:#3d371e;color:#F9F3D8;transform:translateY(-2px)}

/* ===== 返回顶部 ===== */
.backtop{position:fixed;right:25px;bottom:25px;width:48px;height:48px;background:#D4AC0D;color:#2C2815;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;box-shadow:0 4px 15px rgba(212,172,13,.35);font-size:20px;font-weight:700}
.backtop.show{opacity:1;visibility:visible}
.backtop:hover{background:#c49b0c;transform:translateY(-3px)}

/* ===== 响应式 ===== */
@media (max-width:1240px){.container{width:100%}}
@media (max-width:768px){
.container{padding:0 15px}
.menu-toggle{display:flex}
.nav{display:none;position:absolute;top:72px;left:0;width:100%;background:rgba(249,243,216,.98);flex-direction:column;padding:15px;border-bottom:2px solid #D4AC0D}
.nav.active{display:flex}
.nav a{padding:12px 20px;border-bottom:1px solid rgba(212,172,13,.15)}
.footer-grid{grid-template-columns:1fr;gap:30px}
.footer-bottom{flex-direction:column;gap:10px;text-align:center}
.section-title h2{font-size:28px}
}