@charset "utf-8";
/* ============================================================
   乐鱼蓝 · 体育企业模板  leyu002
   配色：主蓝 #0b5ed7 / 亮青蓝渐变 #00c6ff→#0072ff / 深海军蓝 #002b5b / 金色点缀 #ffc107
   ============================================================ */
:root{
  --ly-blue:#0b5ed7;
  --ly-blue-2:#0072ff;
  --ly-cyan:#00c6ff;
  --ly-navy:#002b5b;
  --ly-navy-2:#0b1a3a;
  --ly-gold:#ffc107;
  --ly-ink:#1a2233;
  --ly-muted:#6c757d;
  --ly-line:#e6ecf5;
  --ly-grad:linear-gradient(135deg,#00c6ff,#0072ff);
  --ly-grad-deep:linear-gradient(135deg,#1e3c72,#2a5298);
}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:var(--ly-ink);background:#fff;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--ly-blue);}
.ly-wrap{max-width:1200px;}
.section{padding:72px 0;}
.section-title{font-size:30px;font-weight:800;letter-spacing:.5px;margin-bottom:14px;}
.section-sub{color:var(--ly-muted);font-size:16px;max-width:760px;margin:0 auto;}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--ly-blue);text-transform:uppercase;margin-bottom:12px;}
.eyebrow::after{content:"";display:block;width:44px;height:3px;border-radius:3px;background:var(--ly-grad);margin:10px auto 0;}

/* ---------- Header ---------- */
.ly-header{background:rgba(3,12,30,.92);backdrop-filter:saturate(140%) blur(6px);position:sticky;top:0;z-index:1030;border-bottom:1px solid rgba(255,255,255,.08);}
.ly-nav{display:flex;align-items:center;justify-content:space-between;height:70px;}
.ly-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:800;letter-spacing:1px;}
.ly-logo .ball{width:34px;height:34px;border-radius:50%;background:var(--ly-grad);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,114,255,.5);}
.ly-logo .ball svg{width:20px;height:20px;fill:#fff;}
.ly-menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;}
.ly-menu>li{position:relative;}
.ly-menu>li>a{display:block;color:#dbe4f2;font-size:15px;padding:10px 16px;border-radius:8px;transition:.2s;}
.ly-menu>li>a:hover,.ly-menu>li.active>a{color:#fff;background:rgba(255,255,255,.08);}
.ly-menu .sub{position:absolute;left:0;top:120%;min-width:180px;background:#0b1a3a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;opacity:0;visibility:hidden;transition:.2s;box-shadow:0 18px 40px rgba(0,0,0,.45);}
.ly-menu>li:hover .sub{opacity:1;visibility:visible;top:100%;}
.ly-menu .sub a{display:block;color:#c7d3e8;padding:9px 12px;border-radius:8px;font-size:14px;}
.ly-menu .sub a:hover{background:rgba(255,255,255,.08);color:#fff;}
.ly-cta{display:inline-block;background:var(--ly-grad);color:#fff !important;font-weight:700;padding:10px 22px;border-radius:40px;box-shadow:0 10px 24px rgba(0,114,255,.4);}
.ly-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:6px 12px;font-size:22px;line-height:1;}

/* ---------- Hero ---------- */
.ly-hero{background:radial-gradient(1200px 500px at 80% -10%,rgba(0,198,255,.35),transparent),linear-gradient(135deg,#02132e,#0a2a63 60%,#0b5ed7);color:#fff;position:relative;overflow:hidden;}
.ly-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 15% 120%,rgba(0,114,255,.55),transparent);pointer-events:none;}
.ly-hero-inner{position:relative;z-index:2;display:flex;align-items:center;gap:40px;padding:88px 0;}
.ly-hero h1{font-size:44px;line-height:1.2;font-weight:800;margin:14px 0 18px;}
.ly-hero h1 .grad{background:linear-gradient(90deg,#7ee8ff,#bfe6ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ly-hero p{font-size:18px;color:#cfe0f7;margin-bottom:30px;max-width:520px;}
.ly-hero .ly-tag{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#eaf3ff;font-size:13px;letter-spacing:1px;padding:6px 14px;border-radius:40px;}
.ly-hero-btns{display:flex;flex-wrap:wrap;gap:16px;}
.ly-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:14px 30px;border-radius:44px;transition:.25s;}
.ly-btn-primary{background:var(--ly-grad);color:#fff;box-shadow:0 14px 30px rgba(0,114,255,.45);}
.ly-btn-primary:hover{transform:translateY(-2px);color:#fff;}
.ly-btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);color:#fff;}
.ly-btn-ghost:hover{background:rgba(255,255,255,.16);color:#fff;}
.ly-hero-img{flex:0 0 46%;max-width:46%;}
.ly-hero-img .frame{border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);}
.ly-hero-img mip-img,.ly-hero-img img{display:block;width:100%;height:auto;}

/* ---------- Cards: about ---------- */
.ly-about{background:#f4f8ff;}
.ly-about-lead{text-align:center;max-width:840px;margin:0 auto 46px;color:#48566e;font-size:16px;line-height:1.9;}
.ly-card{background:#fff;border-radius:16px;padding:30px;height:100%;box-shadow:0 12px 30px rgba(10,42,99,.08);border:1px solid var(--ly-line);transition:.25s;}
.ly-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(10,42,99,.16);}
.ly-card .ico{width:58px;height:58px;border-radius:14px;background:var(--ly-grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;margin-bottom:18px;box-shadow:0 10px 22px rgba(0,114,255,.35);}
.ly-card h3{font-size:19px;font-weight:800;margin-bottom:10px;}
.ly-card p{color:var(--ly-muted);font-size:15px;line-height:1.85;margin:0;}

/* ---------- Why-us slider ---------- */
.ly-why{background:var(--ly-grad-deep);color:#fff;}
.ly-why .section-sub{color:#dbe7ff;}
.ly-why .eyebrow{color:#8fe3ff;}
.ly-why-grid{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;}
.ly-why .ly-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:none;}
.ly-why .ly-card:hover{background:rgba(255,255,255,.12);}
.ly-why .ly-card h3{color:#fff;}
.ly-why .ly-card p{color:#cfe0f7;}
.ly-why .ico{background:rgba(255,255,255,.14);}

/* ---------- Departments (image cards, dark) ---------- */
.ly-dept{background:#0a1630;color:#fff;}
.ly-dept .section-sub{color:#9fb2d4;}
.ly-dept-card{position:relative;border-radius:16px;overflow:hidden;height:100%;background:#0f2148;border:1px solid rgba(255,255,255,.08);}
.ly-dept-card .ph{height:172px;overflow:hidden;}
.ly-dept-card .ph mip-img,.ly-dept-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.ly-dept-card:hover .ph mip-img,.ly-dept-card:hover .ph img{transform:scale(1.08);}
.ly-dept-card .bd{padding:22px;}
.ly-dept-card h3{font-size:18px;font-weight:800;margin-bottom:8px;color:#fff;}
.ly-dept-card h3 span{color:var(--ly-cyan);margin-right:8px;font-size:14px;}
.ly-dept-card p{color:#9fb2d4;font-size:14px;line-height:1.8;margin:0;}

/* ---------- Security (3 image cards) ---------- */
.ly-sec6 .sec-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--ly-line);box-shadow:0 12px 30px rgba(10,42,99,.08);height:100%;}
.ly-sec6 .sec-card .ph{height:200px;}
.ly-sec6 .sec-card .ph mip-img,.ly-sec6 .sec-card .ph img{width:100%;height:100%;object-fit:cover;display:block;}
.ly-sec6 .sec-card .bd{padding:26px;}
.ly-sec6 .sec-card .no{font-size:13px;font-weight:800;color:var(--ly-blue);letter-spacing:2px;}
.ly-sec6 .sec-card h3{font-size:20px;font-weight:800;margin:8px 0 10px;}
.ly-sec6 .sec-card p{color:var(--ly-muted);font-size:15px;line-height:1.85;margin:0;}

/* ---------- Timeline ---------- */
.ly-timeline{background:#0a1630;color:#fff;}
.ly-timeline .section-sub{color:#9fb2d4;}
.ly-tl{position:relative;margin:0 auto;max-width:880px;padding-left:34px;border-left:2px dashed rgba(255,255,255,.18);}
.ly-tl-item{position:relative;margin-bottom:30px;}
.ly-tl-item::before{content:"";position:absolute;left:-43px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--ly-cyan);box-shadow:0 0 0 5px rgba(0,198,255,.18);}
.ly-tl-date{font-size:14px;color:#8fe3ff;font-weight:700;margin-bottom:8px;}
.ly-tl-card{background:linear-gradient(135deg,#12294f,#0d1e3c);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px 24px;}
.ly-tl-card h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:12px;}
.ly-tl-card ul{margin:0;padding-left:20px;color:#b9c9e4;font-size:15px;line-height:1.9;}
.ly-tl-note{text-align:center;color:#9fb2d4;margin-top:16px;font-size:15px;}

/* ---------- Reviews ---------- */
.ly-reviews{background:#05070f;color:#fff;}
.ly-reviews .section-sub{color:#9aa7c2;}
.ly-rev{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;height:100%;}
.ly-rev .q{font-size:16px;line-height:1.85;color:#e7eefb;margin-bottom:16px;}
.ly-rev .who{display:flex;align-items:center;gap:10px;color:#9fb2d4;font-size:14px;}
.ly-rev .who .avatar{width:38px;height:38px;border-radius:50%;background:var(--ly-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.ly-rev .stars{color:var(--ly-gold);letter-spacing:2px;margin-bottom:10px;}

/* ---------- News ---------- */
.ly-news{background:#f4f8ff;}
.ly-news-list .item{display:flex;gap:22px;background:#fff;border:1px solid var(--ly-line);border-radius:14px;padding:20px;margin-bottom:18px;transition:.25s;}
.ly-news-list .item:hover{box-shadow:0 16px 34px rgba(10,42,99,.12);transform:translateY(-3px);}
.ly-news-list .thumb{flex:0 0 200px;height:132px;border-radius:10px;overflow:hidden;}
.ly-news-list .thumb mip-img,.ly-news-list .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ly-news-list .tx h3{font-size:19px;font-weight:800;margin-bottom:10px;line-height:1.5;}
.ly-news-list .tx p{color:var(--ly-muted);font-size:15px;line-height:1.8;margin:0 0 12px;}
.ly-news-list .meta{color:#9aa7bd;font-size:13px;}
.ly-read{color:var(--ly-blue);font-weight:700;}

/* ---------- CTA strip ---------- */
.ly-cta-strip{background:var(--ly-grad);color:#fff;text-align:center;}
.ly-cta-strip h2{font-size:28px;font-weight:800;margin-bottom:10px;}
.ly-cta-strip p{color:#eaf5ff;margin-bottom:24px;}

/* ---------- Footer ---------- */
.ly-footer{background:#05070f;color:#9fb0cc;padding:60px 0 0;}
.ly-footer h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:18px;}
.ly-footer .f-brand{font-size:22px;font-weight:800;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.ly-footer .f-desc{font-size:14px;line-height:1.9;color:#8595b3;max-width:360px;}
.ly-footer ul.f-links{list-style:none;padding:0;margin:0;}
.ly-footer ul.f-links li{margin-bottom:12px;}
.ly-footer ul.f-links a{color:#9fb0cc;font-size:14px;}
.ly-footer ul.f-links a:hover{color:#fff;}
.ly-footer .f-contact li{display:flex;gap:10px;margin-bottom:14px;font-size:14px;color:#9fb0cc;}
.ly-footer .f-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding:22px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;font-size:13px;color:#6f7f9c;}
.ly-footer .f-bottom a{color:#8595b3;}
.ly-footer .f-bottom a:hover{color:#fff;}

/* ---------- Breadcrumb & inner layout ---------- */
.ly-page-head{background:var(--ly-grad-deep);color:#fff;padding:44px 0;}
.ly-page-head h1{font-size:28px;font-weight:800;margin:0;}
.ly-crumb{font-size:14px;color:#cfe0f7;}
.ly-crumb a{color:#eaf3ff;}
.ly-side .box{background:#fff;border:1px solid var(--ly-line);border-radius:14px;padding:22px;margin-bottom:22px;box-shadow:0 10px 26px rgba(10,42,99,.06);}
.ly-side .box h3{font-size:17px;font-weight:800;margin-bottom:16px;padding-left:12px;border-left:4px solid var(--ly-blue);}
.ly-side .rank li{list-style:none;display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--ly-line);font-size:14px;}
.ly-side .rank li:last-child{border-bottom:0;}
.ly-side .rank .no{flex:0 0 22px;height:22px;line-height:22px;text-align:center;border-radius:6px;background:#eaf1ff;color:var(--ly-blue);font-weight:800;font-size:12px;}
.ly-side .rank li:nth-child(-n+3) .no{background:var(--ly-grad);color:#fff;}
.ly-side .rank a{color:#33415c;}
.ly-side .rank a:hover{color:var(--ly-blue);}
.ly-tags{display:flex;flex-wrap:wrap;gap:8px;}
.ly-tags a{font-size:13px;color:#5a6a86;background:#f1f5fc;border-radius:30px;padding:6px 14px;}
.ly-tags a:hover{background:var(--ly-grad);color:#fff;}

/* ---------- Category / list article block ---------- */
.ly-cat-list .mipui-category-list-item{display:flex;gap:22px;background:#fff;border:1px solid var(--ly-line);border-radius:14px;padding:20px;margin-bottom:18px;transition:.25s;}
.ly-cat-list .mipui-category-list-item:hover{box-shadow:0 16px 34px rgba(10,42,99,.12);}
.ly-cat-list .item-media{flex:0 0 210px;height:140px;border-radius:10px;overflow:hidden;}
.ly-cat-list .item-media mip-img,.ly-cat-list .item-media img{width:100%;height:100%;object-fit:cover;display:block;}
.ly-cat-list .item-content h4{font-size:19px;font-weight:800;margin-bottom:10px;}
.ly-cat-list .item-content .description{color:var(--ly-muted);font-size:15px;line-height:1.8;margin-bottom:12px;}
.ly-cat-list .item-content span{color:#9aa7bd;font-size:13px;}
.ly-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px;}
.ly-pager a,.ly-pager span{display:inline-block;min-width:40px;text-align:center;padding:9px 14px;border:1px solid var(--ly-line);border-radius:8px;color:#48566e;font-size:14px;background:#fff;}
.ly-pager .thisPage,.ly-pager a:hover{background:var(--ly-grad);color:#fff;border-color:transparent;}

/* ---------- Detail ---------- */
.ly-detail{background:#fff;border:1px solid var(--ly-line);border-radius:14px;padding:32px;}
.ly-detail h1{font-size:28px;font-weight:800;line-height:1.4;margin-bottom:16px;}
.ly-detail .d-meta{color:#9aa7bd;font-size:14px;border-bottom:1px dashed var(--ly-line);padding-bottom:16px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:18px;}
.ly-detail .d-body{font-size:16px;line-height:2;color:#33415c;word-break:break-word;}
.ly-detail .d-body p{margin-bottom:16px;}
.ly-detail .d-body img{max-width:100%;height:auto;border-radius:10px;}
.ly-detail .d-body h2,.ly-detail .d-body h3{font-weight:800;margin:24px 0 12px;}
.ly-updown{display:flex;justify-content:space-between;gap:16px;margin-top:26px;border-top:1px dashed var(--ly-line);padding-top:20px;font-size:14px;}
.ly-updown a{color:var(--ly-blue);}

/* ---------- Single page ---------- */
.page-single{background:#fff;border:1px solid var(--ly-line);border-radius:14px;padding:38px 40px;font-size:16px;line-height:2;color:#33415c;}
.page-single h2{font-size:24px;font-weight:800;margin:6px 0 18px;padding-left:14px;border-left:5px solid var(--ly-blue);}
.page-single h3{font-size:19px;font-weight:800;margin:26px 0 12px;color:#0a2a63;}
.page-single p{margin-bottom:16px;}
.page-single ul{padding-left:22px;margin-bottom:16px;}
.page-single li{margin-bottom:8px;}

/* ---------- 404 ---------- */
.ly-404{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.ly-404 .code{font-size:120px;font-weight:900;background:var(--ly-grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .ly-toggle{display:inline-flex;}
  .ly-menu{position:absolute;left:0;right:0;top:70px;flex-direction:column;align-items:stretch;background:#0b1a3a;padding:14px;gap:4px;display:none;}
  .ly-menu.open{display:flex;}
  .ly-menu .sub{position:static;opacity:1;visibility:visible;display:none;background:transparent;border:0;box-shadow:none;padding-left:14px;}
  .ly-menu>li:hover .sub{display:block;}
  .ly-hero-inner{flex-direction:column;text-align:center;padding:56px 0;}
  .ly-hero h1{font-size:32px;}
  .ly-hero p{margin-left:auto;margin-right:auto;}
  .ly-hero-btns{justify-content:center;}
  .ly-hero-img{flex:0 0 auto;max-width:100%;width:100%;}
  .ly-news-list .item,.ly-cat-list .mipui-category-list-item{flex-direction:column;}
  .ly-news-list .thumb,.ly-cat-list .item-media{flex:none;width:100%;height:200px;}
  .section-title{font-size:24px;}
}
@media (max-width:991px){#ly-nav-toggle:checked ~ .ly-nav .ly-menu{display:flex;}}
/* mip-img fill positioning */
.ly-dept-card .ph,.ly-sec6 .sec-card .ph,.ly-news-list .thumb,.ly-cat-list .item-media,.ly-hero-img .frame{position:relative;}
.ly-dept-card .ph mip-img,.ly-sec6 .sec-card .ph mip-img,.ly-news-list .thumb mip-img,.ly-cat-list .item-media mip-img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.ly-dept-card .ph mip-img img,.ly-sec6 .sec-card .ph mip-img img,.ly-news-list .thumb mip-img img,.ly-cat-list .item-media mip-img img{width:100%;height:100%;object-fit:cover;}
.ly-ico{font-size:28px;line-height:1;}