@charset "utf-8";
/* ============================================================
   ky01 体育企业官网模板 ky01.css
   风格：现代体育企业 · 变体 ky01q036（色相 63°，主色 #bdc526）
   ============================================================ */
:root{
    --c-primary:#bdc526;
    --c-primary-d:#909717;
    --c-accent:#4a47e1;
    --c-text:#3f411b;
    --c-muted:#8a8c63;
    --c-line:#f2f3e8;
    --c-bg:#f9f9f5;
    --radius:10px;
    --shadow:0 6px 24px rgba(123,129,24,.08);
}
*{box-sizing:border-box;}
body.tiyu-body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    color:var(--c-text);
    background:#fff;
    font-size:15px;
    line-height:1.7;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
.mipcms-main{padding-top:70px;}

/* ---------- Header ---------- */
.tiyu-header{
    height:70px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);
    display:flex;align-items:center;width:100%;
}
.tiyu-header .header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;}
.tiyu-header .logo a{display:flex;align-items:center;}
.logo-mark{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:9px;margin-right:10px;
    background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
    color:#fff;font-weight:800;font-size:16px;letter-spacing:1px;
}
.logo-text{font-size:20px;font-weight:800;color:var(--c-text);}
.header-tel{text-align:right;line-height:1.2;}
.header-tel .tel-label{display:block;font-size:12px;color:var(--c-muted);}
.header-tel .tel-num{font-size:20px;font-weight:800;color:var(--c-primary);}
.tiyu-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0;}
.tiyu-menu>li{position:relative;margin-left:6px;}
.tiyu-menu>li>a{
    display:block;padding:0 16px;line-height:70px;font-size:15px;font-weight:500;color:var(--c-text);transition:.2s;
}
.tiyu-menu>li>a:hover,.tiyu-menu>li.active>a{color:var(--c-primary);}
.tiyu-menu>li.active>a{position:relative;}
.tiyu-menu>li.active>a:after{content:"";position:absolute;left:16px;right:16px;bottom:16px;height:2px;background:var(--c-primary);border-radius:2px;}
.tiyu-menu .sub-menu{
    position:absolute;left:0;top:70px;min-width:150px;background:#fff;
    box-shadow:var(--shadow);border-radius:0 0 8px 8px;padding:6px 0;
    opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;list-style:none;margin:0;z-index:99;
}
.tiyu-menu>li:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.tiyu-menu .sub-menu li a{display:block;padding:8px 20px;font-size:14px;color:var(--c-muted);white-space:nowrap;}
.tiyu-menu .sub-menu li a:hover{color:var(--c-primary);background:var(--c-bg);}
/* mobile nav (mip-nav-slidedown) */
mip-nav-slidedown .navbar-expand-lg{display:block;}
@media (max-width:991px){
    mip-nav-slidedown{width:100%;}
    .tiyu-menu{flex-direction:column;align-items:stretch;background:#fff;border-top:1px solid var(--c-line);}
    .tiyu-menu>li{margin:0;}
    .tiyu-menu>li>a{line-height:48px;border-bottom:1px solid var(--c-line);}
    .tiyu-menu>li.active>a:after{display:none;}
    .tiyu-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:var(--c-bg);display:none;}
}

/* ---------- Section head ---------- */
.sec-head{text-align:center;margin-bottom:40px;}
.sec-head.left{text-align:left;}
.sec-en{display:block;font-size:13px;letter-spacing:3px;color:var(--c-accent);font-weight:700;text-transform:uppercase;margin-bottom:6px;}
.sec-title{font-size:30px;font-weight:800;color:var(--c-text);margin:0 0 10px;position:relative;display:inline-block;padding-bottom:14px;}
.sec-title.left{display:block;}
.sec-title:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:46px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--c-primary),var(--c-accent));}
.sec-title.left:after{left:0;transform:none;}
.sec-desc{color:var(--c-muted);margin:0;}

/* ---------- Hero ---------- */
.tiyu-hero{background:#292b08;}
.hero-carousel{width:100%;}
.hero-slide{position:relative;width:100%;height:100%;overflow:hidden;}
.hero-img{position:absolute;inset:0;width:100%;height:100%;}
.hero-img img,.hero-img i{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;}
.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,12,8,.74) 0%,rgba(30,12,8,.38) 45%,rgba(30,12,8,.05) 100%);}
.hero-content{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;z-index:2;}
.hero-sub{display:inline-block;font-size:14px;letter-spacing:3px;color:#9492f2;font-weight:600;margin-bottom:12px;}
.hero-title{font-size:46px;line-height:1.25;font-weight:800;margin:0 0 16px;text-shadow:0 4px 18px rgba(0,0,0,.3);}
.hero-desc{font-size:17px;max-width:520px;margin:0 0 26px;color:rgba(255,255,255,.9);}
.hero-btn{display:inline-block;padding:13px 38px;border-radius:40px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(90deg,var(--c-primary),var(--c-accent));box-shadow:0 8px 22px rgba(232,68,46,.42);transition:.25s;}
.hero-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(26,115,232,.55);}
@media (max-width:767px){
    .hero-title{font-size:26px;}
    .hero-desc{font-size:14px;max-width:100%;}
    .hero-sub{font-size:12px;}
}

/* ---------- Service ---------- */
.tiyu-service{padding:70px 0;background:#fff;}
.service-list{margin:0 -15px;}
.service-item{padding:0 15px 30px;}
.service-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.3s;height:100%;}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.sc-img{position:relative;overflow:hidden;}
.sc-img img,.sc-img i{transition:.5s;width:100%;}
.service-card:hover .sc-img img,.service-card:hover .sc-img i{transform:scale(1.06);}
.sc-body{padding:22px 24px 26px;}
.sc-title{font-size:19px;font-weight:700;margin:0 0 10px;color:var(--c-text);}
.sc-text{font-size:14px;color:var(--c-muted);margin:0 0 14px;min-height:44px;}
.sc-more{font-size:14px;color:var(--c-primary);font-weight:600;}
.sc-more:hover{color:var(--c-primary-d);}

/* ---------- About ---------- */
.tiyu-about{padding:70px 0;background:var(--c-bg);}
.about-inner{margin:0;}
.about-img{padding:0 15px;}
.about-img mip-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.about-text{padding:0 15px;}
.about-text .sec-en{color:var(--c-accent);}
.about-text .sec-title{margin-bottom:18px;}
.about-p{color:var(--c-muted);font-size:15px;margin-bottom:18px;}
.about-features{display:flex;flex-wrap:wrap;margin:0 0 24px;padding:0;}
.about-features li{width:50%;color:var(--c-text);font-size:14px;padding:6px 0;}
.about-stat{margin:0;border-top:1px solid #e6e7da;padding-top:22px;}
.stat-item{text-align:center;}
.stat-num{display:block;font-size:30px;font-weight:800;color:var(--c-primary);line-height:1.1;}
.stat-label{font-size:13px;color:var(--c-muted);}

/* ---------- Recommend ---------- */
.tiyu-recommend{padding:70px 0;background:#fff;}
.rec-card,.rec-sm-card{display:block;border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--c-line);transition:.3s;height:100%;}
.rec-card:hover,.rec-sm-card:hover{box-shadow:var(--shadow);transform:translateY(-4px);}
.rec-img img,.rec-img i,.rec-sm-img img,.rec-sm-img i{width:100%;}
.rec-info{padding:18px 20px;}
.rec-info time,.rec-sm-info time{font-size:13px;color:var(--c-muted);}
.rec-info h4{font-size:20px;font-weight:700;margin:6px 0 0;line-height:1.4;}
.rec-sm{margin-bottom:18px;}
.rec-sm-card{display:flex;align-items:center;}
.rec-sm-img{width:150px;flex:0 0 150px;}
.rec-sm-info{padding:10px 16px;}
.rec-sm-info h5{font-size:15px;font-weight:600;margin:0 0 6px;line-height:1.4;}
.rec-card:hover h4,.rec-sm-card:hover h5{color:var(--c-primary);}

/* ---------- News ---------- */
.tiyu-news{padding:70px 0;background:var(--c-bg);}
.news-grid{margin:0 -12px;}
.news-item{padding:0 12px 24px;}
.no-result{color:var(--c-muted);padding:30px 0;}

/* article-list block card */
.mipui-category-list-item{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-line);transition:.3s;height:100%;display:flex;flex-direction:column;}
.mipui-category-list-item:hover{box-shadow:var(--shadow);transform:translateY(-4px);}
.item-media{overflow:hidden;}
.item-media img,.item-media i{width:100%;transition:.5s;}
.mipui-category-list-item:hover .item-media img,.mipui-category-list-item:hover .item-media i{transform:scale(1.06);}
.item-content{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;}
.item-title{font-size:16px;font-weight:700;margin:0 0 8px;line-height:1.45;}
.item-title a{color:var(--c-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mipui-category-list-item:hover .item-title a{color:var(--c-primary);}
.description{font-size:13px;color:var(--c-muted);margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.item-meta{margin:0;font-size:12px;color:#a1a385;display:flex;gap:16px;}
.item-meta .meta-time:before{content:"🕒 ";}
.item-meta .meta-views:before{content:"👁 ";}

/* ---------- Sidebar ---------- */
.side-box{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:20px 22px;margin-bottom:22px;}
.side-title{font-size:17px;font-weight:700;margin:0 0 16px;padding-left:12px;position:relative;color:var(--c-text);}
.side-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:linear-gradient(var(--c-primary),var(--c-accent));}
.hot-list{margin:0;padding:0;}
.hot-list li{display:flex;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--c-line);}
.hot-list li:last-child{border-bottom:0;}
.hot-rank{flex:0 0 22px;height:22px;line-height:22px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:#c7c9b1;border-radius:5px;margin-right:10px;}
.hot-list li:nth-child(1) .hot-rank{background:#e0e854;}
.hot-list li:nth-child(2) .hot-rank{background:#a1e740;}
.hot-list li:nth-child(3) .hot-rank{background:#6d6af0;color:#1a1862;}
.hot-list li a{font-size:14px;color:var(--c-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hot-list li a:hover{color:var(--c-primary);}
.tags-box .tags{display:flex;flex-wrap:wrap;margin:0;padding:0;}
.tags-box .tags li{margin:0 8px 10px 0;}
.tags-box .tags a{display:inline-block;padding:5px 12px;font-size:13px;color:var(--c-muted);background:var(--c-bg);border-radius:20px;}
.tags-box .tags a:hover{background:var(--c-primary);color:#fff;}

/* ---------- Page banner (栏目/内页顶部) ---------- */
.page-banner{
    padding:56px 0;background:linear-gradient(120deg,#61660a,#b6bf18 60%,#62cf30);
    color:#fff;position:relative;overflow:hidden;
}
.page-banner.small{padding:26px 0;}
.pb-title{font-size:32px;font-weight:800;margin:0 0 8px;}
.pb-crumb{font-size:14px;color:rgba(255,255,255,.85);}
.pb-crumb .list-unstyled{margin:0;padding:0;flex-wrap:wrap;}
.crumb-item{color:rgba(255,255,255,.9);}
.crumb-item a{color:rgba(255,255,255,.9);}
.crumb-item a:hover{color:#fff;text-decoration:underline;}
.crumb-sep{margin:0 8px;color:rgba(255,255,255,.6);}
.page-body{padding:50px 0;background:#fff;}
.cat-list{margin:0 -12px;}
.cat-item{padding:0 12px 24px;}

/* ---------- Detail ---------- */
.detail-body{padding:40px 0;background:#fff;}
.detail-article{background:#fff;}
.detail-title{font-size:28px;font-weight:800;line-height:1.4;margin:0 0 14px;color:var(--c-text);}
.detail-meta{font-size:13px;color:var(--c-muted);padding-bottom:16px;border-bottom:1px solid var(--c-line);display:flex;flex-wrap:wrap;gap:20px;}
.detail-tags{display:flex;flex-wrap:wrap;margin:14px 0 0;padding:0;}
.detail-tags li{margin:0 8px 8px 0;}
.detail-tags a{font-size:13px;color:var(--c-primary);background:rgba(26,115,232,.08);padding:4px 12px;border-radius:20px;}
.detail-content{padding:24px 0;font-size:16px;line-height:1.9;color:#333;word-break:break-word;}
.detail-content p{margin:0 0 16px;}
.detail-content img{height:auto!important;border-radius:8px;margin:6px 0;}
.detail-content h2,.detail-content h3{font-weight:700;margin:24px 0 14px;color:var(--c-text);}
.detail-content ul,.detail-content ol{padding-left:22px;margin:0 0 16px;}
.detail-content blockquote{border-left:4px solid var(--c-primary);background:var(--c-bg);margin:16px 0;padding:12px 18px;color:var(--c-muted);border-radius:0 8px 8px 0;}
.detail-content table{width:100%;border-collapse:collapse;margin:16px 0;}
.detail-content table td,.detail-content table th{border:1px solid var(--c-line);padding:8px 12px;}
.img-album{text-align:center;}
.img-album mip-img{margin:0 auto;}
.detail-relate{margin-top:30px;padding-top:8px;}
.detail-pager{margin-top:26px;border-top:1px solid var(--c-line);padding-top:18px;}
.pager-item{padding:8px 0;font-size:14px;}
.pager-item span{color:var(--c-muted);margin-right:8px;}
.pager-item a{color:var(--c-text);}
.pager-item a:hover{color:var(--c-primary);}
.pager-next{text-align:right;}

/* ---------- Pagination ---------- */
.pagination-wrap{margin-top:20px;}
.pagination-wrap .pagination,.mip-page-pagination .pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;gap:6px;}
.pagination-wrap .pagination li a,.pagination-wrap .pagination li span,.mip-page-pagination li a,.mip-page-pagination li span{
    display:inline-block;min-width:38px;height:38px;line-height:38px;text-align:center;padding:0 10px;
    border:1px solid var(--c-line);border-radius:6px;color:var(--c-text);font-size:14px;background:#fff;
}
.pagination-wrap .pagination li.active a,.pagination-wrap .pagination li.active span,
.mip-page-pagination li.active a{background:var(--c-primary);color:#fff;border-color:var(--c-primary);}
.pagination-wrap .pagination li a:hover{border-color:var(--c-primary);color:var(--c-primary);}

/* ---------- Footer ---------- */
.tiyu-footer{background:#31330f;color:#c4c6a9;padding:56px 0 0;margin-top:0;}
.footer-top{padding-bottom:36px;}
.f-logo{font-size:22px;font-weight:800;color:#fff;margin-bottom:14px;}
.f-desc{font-size:13px;line-height:1.9;color:#a9aa8d;margin:0 0 10px;}
.f-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 18px;position:relative;padding-bottom:10px;}
.f-title:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--c-accent);border-radius:2px;}
.f-nav,.f-contact{margin:0;padding:0;}
.f-nav li,.f-contact li{padding:6px 0;font-size:14px;}
.f-nav li a{color:#c4c6a9;transition:.2s;}
.f-nav li a:hover{color:#fff;padding-left:4px;}
.friend-link{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;}
.friend-link ul{margin:0;padding:0;gap:6px 18px;}
.friend-link li{font-size:13px;}
.friend-link .fl-label{color:#a9aa8d;}
.friend-link li a{color:#c4c6a9;}
.friend-link li a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;text-align:center;}
.mip-footer{margin:0;font-size:13px;color:#a9aa8d;}
.mip-footer a{color:#c4c6a9;}
.mip-footer a:hover{color:#fff;}

/* ---------- misc / mip gototop ---------- */
mip-gototop{background:var(--c-primary)!important;border-radius:8px!important;}
.detail-content mip-anim,.detail-content mip-vd{margin:16px 0;}