@charset "UTF-8";

/* ===== MK体育在线官网 全局公共样式 common.css ===== */

/* === 重置与基础 === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Microsoft YaHei','PingFang SC','Hiragino Sans GB',sans-serif;color:#333;line-height:1.6;background:#fff;overflow-x:hidden}
a{color:#7C5C8C;text-decoration:none;transition:all .3s ease}
a:hover{color:#2D1F3D}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
input,textarea,button{font-family:inherit}

/* === 容器 === */
.container{width:1200px;max-width:96%;margin:0 auto;padding:0 15px}
.container-full{width:100%;padding:0 30px}

/* === 导航栏 N1通栏白底 === */
.header{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 20px rgba(45,31,61,.08);z-index:1000;transition:all .3s ease}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center}
.logo svg{height:40px;width:auto}
.logo-text{margin-left:10px}
.logo-text .zh{font-size:20px;font-weight:700;color:#2D1F3D;letter-spacing:2px}
.logo-text .en{font-size:11px;color:#7C5C8C;letter-spacing:1px;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:0}
.nav-item{position:relative;padding:0 18px}
.nav-item>a{display:block;font-size:15px;color:#2D1F3D;font-weight:500;padding:23px 0;position:relative}
.nav-item>a::after{content:'';position:absolute;bottom:18px;left:18px;right:18px;height:2px;background:#7C5C8C;transform:scaleX(0);transition:transform .3s ease}
.nav-item>a:hover::after{transform:scaleX(1)}
.nav-item.active>a{color:#7C5C8C}
.nav-item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 10px 40px rgba(45,31,61,.12);border-radius:8px;padding:12px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}
.dropdown-menu a{display:block;padding:10px 24px;font-size:14px;color:#2D1F3D;transition:all .2s}
.dropdown-menu a:hover{background:#DDD0E6;color:#2D1F3D}

/* === 按钮 B1圆角填充 === */
.btn{display:inline-block;padding:12px 32px;font-size:15px;font-weight:500;border-radius:25px;cursor:pointer;transition:all .3s ease;border:none;text-align:center}
.btn-primary{background:#7C5C8C;color:#fff}
.btn-primary:hover{background:#2D1F3D;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,92,140,.3)}
.btn-outline{border:2px solid #7C5C8C;color:#7C5C8C;background:transparent}
.btn-outline:hover{background:#7C5C8C;color:#fff}
.btn-dark{background:#2D1F3D;color:#fff}
.btn-dark:hover{background:#7C5C8C;color:#fff}
.btn-sm{padding:8px 22px;font-size:13px;border-radius:20px}
.btn-lg{padding:14px 40px;font-size:16px;border-radius:30px}

/* === 模块标题 === */
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:32px;color:#2D1F3D;font-weight:700;margin-bottom:12px;position:relative;display:inline-block}
.section-title h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:#7C5C8C;border-radius:2px}
.section-title p{font-size:15px;color:#666;margin-top:20px}
.section-title.light h2{color:#fff}
.section-title.light p{color:rgba(255,255,255,.8)}

/* === Footer === */
.footer{background:#2D1F3D;color:#fff;padding:60px 0 0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px}
.footer-brand .footer-logo{height:35px;margin-bottom:15px}
.footer-brand p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:15px}
.footer-title{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}
.footer-title::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:#7C5C8C}
.footer-links li{margin-bottom:10px}
.footer-links a{font-size:14px;color:rgba(255,255,255,.7);transition:color .3s}
.footer-links a:hover{color:#DDD0E6}
.footer-contact li{display:flex;align-items:flex-start;margin-bottom:12px;font-size:14px;color:rgba(255,255,255,.7)}
.footer-contact .icon{width:18px;height:18px;margin-right:10px;flex-shrink:0;fill:#7C5C8C}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(255,255,255,.5)}
.footer-bottom a{color:rgba(255,255,255,.5);margin-left:20px}
.footer-bottom a:hover{color:#DDD0E6}

/* === 面包屑 === */
.breadcrumb{background:#f8f5fb;padding:15px 0;font-size:13px;color:#666}
.breadcrumb a{color:#7C5C8C}
.breadcrumb a:hover{color:#2D1F3D}
.breadcrumb span{margin:0 8px;color:#999}

/* === 分页 === */
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:40px 0}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:8px;font-size:14px;color:#2D1F3D;background:#fff;border:1px solid #e0d5e8;transition:all .3s}
.pagination a:hover{background:#DDD0E6;border-color:#7C5C8C}
.pagination .current{background:#7C5C8C;color:#fff;border-color:#7C5C8C}

/* === 返回顶部 === */
.back-to-top{position:fixed;bottom:40px;right:40px;width:44px;height:44px;background:#7C5C8C;color:#fff;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(124,92,140,.3)}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:#2D1F3D;transform:translateY(-3px)}
.back-to-top svg{width:20px;height:20px;fill:#fff}

/* === 移动端菜单 === */
.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px}
.mobile-toggle span{display:block;width:24px;height:2px;background:#2D1F3D;transition:all .3s}

/* === 响应式 === */
@media(max-width:991px){
.container{width:100%;padding:0 20px}
.footer-grid{grid-template-columns:1fr 1fr}
.nav-item{padding:0 12px}
.nav-item>a{font-size:14px}
}
@media(max-width:767px){
.mobile-toggle{display:flex}
.nav{position:fixed;top:70px;left:0;width:100%;background:#fff;flex-direction:column;align-items:stretch;max-height:0;overflow:hidden;transition:max-height .4s ease;box-shadow:0 10px 30px rgba(45,31,61,.1)}
.nav.open{max-height:500px}
.nav-item{padding:0;border-bottom:1px solid #f0ebf4}
.nav-item>a{padding:15px 20px}
.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 20px;display:none}
.nav-item.dropdown.open .dropdown-menu{display:block}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column;text-align:center;gap:10px}
}