/* ============================================================
   ml001 · 绿茵体育企业模板样式
   参照 beirongwang 架构（去掉全覆盖广告），自包含、无外部框架依赖
   ============================================================ */
:root{
  --brand:#0b3d2e;--brand-2:#16a34a;--brand-3:#0a6b45;
  --gold:#f5b301;--red:#e2453c;--ink:#122018;--text:#243b30;--muted:#6b7d74;
  --line:#e6efe9;--bg:#ffffff;--bg-soft:#f4faf6;--navy-1:#10231b;--navy-2:#081410;
  --radius:18px;--shadow:0 12px 34px rgba(11,61,46,.10);--shadow-sm:0 6px 18px rgba(11,61,46,.08);--maxw:1200px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;font-size:16px;}
a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s;}
a:hover{color:var(--brand-2);}
img{max-width:100%;display:block;border:0;}
h1,h2,h3,h4,h5{margin:0 0 .5em;line-height:1.3;color:var(--ink);font-weight:800;}
p{margin:0 0 1em;}
ul{margin:0;padding:0;list-style:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
.sec{padding:72px 0;}
.sec-head{text-align:center;max-width:760px;margin:0 auto 44px;}
.sec-head .kicker{display:inline-block;font-size:13px;letter-spacing:2px;font-weight:700;color:var(--brand-2);text-transform:uppercase;margin-bottom:10px;}
.sec-head h2{font-size:32px;margin-bottom:12px;}
.sec-head p{color:var(--muted);font-size:16px;margin:0;}
@media(max-width:768px){.sec{padding:48px 0;}.sec-head h2{font-size:24px;}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:999px;padding:12px 26px;font-size:15px;cursor:pointer;border:2px solid transparent;transition:.25s;line-height:1;}
.btn-primary{background:var(--brand-2);color:#fff;box-shadow:0 8px 20px rgba(22,163,74,.35);}
.btn-primary:hover{background:var(--brand-3);color:#fff;transform:translateY(-2px);}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;}
.btn-outline{background:transparent;color:var(--brand);border-color:var(--brand);}
.btn-outline:hover{background:var(--brand);color:#fff;}
.btn-gold{background:var(--gold);color:#3a2b00;}
.btn-gold:hover{filter:brightness(1.05);color:#3a2b00;}
/* 顶部导航 */
.dz-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(11,61,46,.05);}
.dz-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;position:relative;}
.dz-brand{display:flex;align-items:center;gap:11px;font-size:22px;color:var(--brand);}
.dz-brand b{font-weight:900;letter-spacing:.5px;}
.dz-logo{width:42px;height:42px;background-size:contain;background-repeat:no-repeat;background-position:center;flex:0 0 auto;}
.dz-menu{display:flex;align-items:center;gap:6px;}
.dz-menu>li{position:relative;}
.dz-menu>li>a{display:block;padding:10px 16px;font-weight:600;color:var(--text);border-radius:10px;font-size:15px;}
.dz-menu>li>a:hover{background:var(--bg-soft);color:var(--brand);}
.dz-menu>li.active>a{color:var(--brand-2);}
.dz-menu>li.active>a::after{content:"";display:block;height:3px;width:22px;background:var(--brand-2);border-radius:3px;margin:2px auto 0;}
.dz-cta{margin-left:14px;}
.dz-burger{display:none;font-size:26px;cursor:pointer;color:var(--brand);user-select:none;}
.dz-toggle{display:none;}
@media(max-width:920px){
  .dz-burger{display:block;}
  .dz-menu{position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 18px;box-shadow:var(--shadow);display:none;}
  .dz-menu>li>a{padding:13px 6px;border-bottom:1px solid var(--line);border-radius:0;}
  .dz-menu>li.active>a::after{display:none;}
  .dz-cta{margin:14px 0 0;}
  .dz-toggle:checked ~ .dz-menu{display:flex;}
}
/* Hero */
.dz-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-1),var(--navy-2));color:#fff;text-align:center;padding:96px 0 120px;}
.dz-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;}
.dz-hero-mask{position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,61,46,.62),rgba(8,20,16,.74));}
.dz-hero .wrap{position:relative;z-index:2;}
.dz-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#d7f5e5;padding:7px 16px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:22px;}
.dz-hero h1{font-size:42px;color:#fff;margin-bottom:18px;line-height:1.25;text-shadow:0 4px 20px rgba(0,0,0,.3);}
.dz-hero h1 em{font-style:normal;color:#5fe0a0;}
.dz-hero .lead{max-width:820px;margin:0 auto 30px;color:rgba(255,255,255,.82);font-size:17px;}
.dz-hero .lead strong{color:#fff;}
.dz-hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.dz-hero-stats{display:flex;gap:44px;justify-content:center;flex-wrap:wrap;margin-top:44px;}
.dz-hero-stats div{display:flex;flex-direction:column;}
.dz-hero-stats b{font-size:30px;color:var(--gold);font-weight:900;}
.dz-hero-stats span{font-size:14px;color:rgba(255,255,255,.7);}
.dz-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0;}
.dz-wave svg{width:100%;height:70px;display:block;}
.dz-wave path{fill:#fff;}
@media(max-width:768px){.dz-hero{padding:64px 0 90px;}.dz-hero h1{font-size:28px;}.dz-hero .lead{font-size:15px;}.dz-hero-stats{gap:26px;}.dz-hero-stats b{font-size:22px;}}
/* 关于 */
.dz-about{background:linear-gradient(135deg,#0e3527,#08180f);color:#fff;padding:78px 0;}
.dz-about .intro{text-align:center;margin-bottom:46px;}
.dz-about .intro h2{color:#fff;font-size:32px;}
.dz-about .intro p{color:rgba(255,255,255,.72);max-width:760px;margin:0 auto;}
.dz-about-row{display:flex;align-items:center;gap:52px;margin-bottom:52px;}
.dz-about-row:last-child{margin-bottom:0;}
.dz-about-row .media{flex:0 0 46%;}
.dz-about-row .media img{border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.35);width:100%;height:auto;}
.dz-about-row .txt{flex:1;}
.dz-about-row .txt h4{color:#fff;font-size:22px;margin-bottom:14px;}
.dz-about-row .txt p{color:rgba(255,255,255,.74);margin:0;}
.dz-about-row.rev{flex-direction:row-reverse;}
@media(max-width:860px){.dz-about-row,.dz-about-row.rev{flex-direction:column;gap:26px;}.dz-about-row .media{flex:none;width:100%;}}
/* 五大核心功能 */
.dz-dept{padding:76px 0;background:var(--bg-soft);}
.dept-item{display:flex;align-items:center;gap:46px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px;box-shadow:var(--shadow-sm);transition:.3s;}
.dept-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.dept-item:last-child{margin-bottom:0;}
.dept-item .dt{flex:1;}
.dept-item .dt h3{font-size:22px;color:var(--brand);margin-bottom:10px;display:flex;align-items:center;gap:12px;}
.dept-item .dt h3 .no{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand-2),var(--brand-3));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;}
.dept-item .dt p{color:var(--muted);margin:0;}
.dept-item .di{flex:0 0 340px;}
.dept-item .di img{border-radius:14px;width:100%;height:210px;object-fit:cover;}
.dept-item:nth-child(even){flex-direction:row-reverse;}
@media(max-width:820px){.dept-item,.dept-item:nth-child(even){flex-direction:column;gap:20px;}.dept-item .di{flex:none;width:100%;}.dept-item .di img{height:auto;}}
/* 数据安全 */
.dz-security{background:linear-gradient(120deg,#0b3d2e,#14805a);color:#fff;padding:70px 0;}
.dz-security .row{display:flex;align-items:center;gap:48px;}
.dz-security .txt{flex:1.4;}
.dz-security h2{color:#fff;font-size:30px;display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.dz-security .txt p{color:rgba(255,255,255,.82);}
.dz-security ul li{padding:9px 0;font-size:16px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.92);}
.dz-security ul li .ck{color:var(--gold);font-weight:900;}
.dz-security .badge-col{flex:1;text-align:center;}
.dz-security .badge{width:170px;height:170px;border-radius:50%;margin:0 auto;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(255,255,255,.05));border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:64px;box-shadow:inset 0 0 40px rgba(0,0,0,.2);}
.dz-security .badge-note{margin-top:16px;color:rgba(255,255,255,.7);font-size:14px;}
@media(max-width:820px){.dz-security .row{flex-direction:column;gap:28px;}}
/* 精选推荐 */
.dz-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.n7{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:.3s;height:100%;}
.n7:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.n7 .thumb{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef3f0;}
.n7 .thumb img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.n7:hover .thumb img{transform:scale(1.06);}
.n7 .body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;}
.n7 .body h3{font-size:17px;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.n7 .body h3 a{color:var(--ink);}
.n7 .body h3 a:hover{color:var(--brand-2);}
.n7 .body .desc{color:var(--muted);font-size:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.n7 .foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;}
.n7 .foot time{color:var(--muted);font-size:13px;}
.n7 .foot .more{font-size:13px;font-weight:700;color:var(--brand-2);border:1px solid var(--brand-2);padding:6px 14px;border-radius:999px;}
.n7 .foot .more:hover{background:var(--brand-2);color:#fff;}
@media(max-width:860px){.dz-news-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.dz-news-grid{grid-template-columns:1fr;}}
/* 用户口碑 */
.dz-judge{padding:76px 0;background:var(--bg-soft);}
.judge-scroll{display:flex;gap:22px;overflow-x:auto;padding:6px 4px 20px;scroll-snap-type:x mandatory;}
.judge-scroll::-webkit-scrollbar{height:8px;}
.judge-scroll::-webkit-scrollbar-thumb{background:#cfe0d6;border-radius:8px;}
.judge-card{flex:0 0 300px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm);}
.judge-card .top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.judge-card .top img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
.judge-card .top .nm{font-weight:800;color:var(--ink);}
.judge-card .stars{color:var(--gold);font-size:14px;letter-spacing:1px;}
.judge-card p{color:var(--muted);font-size:14px;margin:0;}
/* App 下载 */
.dz-app{padding:76px 0;}
.dl-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:46px;text-align:center;}
.dl-card h2{font-size:28px;margin-bottom:12px;}
.dl-card p{color:var(--muted);max-width:560px;margin:0 auto 26px;}
.dl-card .qr{width:200px;height:200px;margin:0 auto 26px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);}
.dl-card .qr img{width:100%;height:100%;object-fit:cover;}
.dl-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
@media(max-width:560px){.dl-card{padding:32px 22px;}.dl-card h2{font-size:22px;}}
/* 页脚 */
.dz-footer{background:linear-gradient(120deg,#0c2a20,#3a0d2a);color:rgba(255,255,255,.72);padding:56px 0 26px;}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:30px;}
.foot-col{background:rgba(255,255,255,.06);border-radius:16px;padding:22px;}
.foot-col h6{color:#fff;font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.foot-col.c-brand h6{color:#7fe0ac;}
.foot-col.c-contact h6{color:var(--gold);}
.foot-col.c-nav h6{color:#8fd0ff;}
.foot-col.c-partner h6{color:#b6f0c9;}
.foot-col p{font-size:13.5px;color:rgba(255,255,255,.6);margin:0;}
.foot-col ul li{font-size:13.5px;color:rgba(255,255,255,.62);padding:5px 0;}
.foot-col ul li a{color:rgba(255,255,255,.62);}
.foot-col ul li a:hover{color:#fff;}
.foot-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:800;margin-bottom:12px;}
.foot-brand .dz-logo{width:34px;height:34px;}
.dz-copy{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;text-align:center;font-size:13.5px;color:rgba(255,255,255,.55);}
.dz-friend{margin-bottom:22px;font-size:13px;color:rgba(255,255,255,.5);}
.dz-friend a{color:rgba(255,255,255,.6);margin-right:14px;}
@media(max-width:860px){.foot-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr;}}
/* 内页通用 */
.dz-main{padding:40px 0 72px;}
.dz-crumb{font-size:14px;color:var(--muted);margin-bottom:22px;}
.dz-crumb a{color:var(--muted);}.dz-crumb a:hover{color:var(--brand-2);}
.dz-crumb i{font-style:normal;margin:0 8px;color:#c3d1c9;}
.dz-crumb span{color:var(--text);}
.dz-cat-hero{background:linear-gradient(120deg,var(--brand),var(--brand-3));color:#fff;border-radius:20px;padding:38px 34px;margin-bottom:30px;}
.dz-cat-hero h1{color:#fff;font-size:28px;margin-bottom:8px;}
.dz-cat-hero p{color:rgba(255,255,255,.82);margin:0;}
.dz-layout{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start;}
.dz-layout.full{grid-template-columns:1fr;}
@media(max-width:900px){.dz-layout{grid-template-columns:1fr;}}
.dz-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 28px;box-shadow:var(--shadow-sm);}
.dz-list article.n{display:flex;gap:20px;padding:22px 0;border-bottom:1px dashed var(--line);}
.dz-list article.n:first-child{padding-top:0;}
.dz-list article.n:last-child{border-bottom:0;}
.dz-list .thumb{flex:0 0 220px;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#eef3f0;}
.dz-list .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.dz-list article.n:hover .thumb img{transform:scale(1.05);}
.dz-list .body{flex:1;display:flex;flex-direction:column;}
.dz-list .dt{font-size:13px;color:var(--muted);margin-bottom:6px;}
.dz-list .body h3{font-size:18px;margin-bottom:8px;}
.dz-list .body h3 a{color:var(--ink);}
.dz-list .body h3 a:hover{color:var(--brand-2);}
.dz-list .body p{color:var(--muted);font-size:14px;margin:0 0 auto;}
.dz-list .more{margin-top:12px;color:var(--brand-2);font-weight:700;font-size:14px;}
@media(max-width:600px){.dz-list article.n{flex-direction:column;gap:12px;}.dz-list .thumb{flex:none;width:100%;}}
.dz-paginate{margin-top:26px;}
.dz-paginate .pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.dz-paginate .pagination li a,.dz-paginate .pagination li span{display:inline-block;min-width:40px;text-align:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:14px;background:#fff;}
.dz-paginate .pagination li.active span,.dz-paginate .pagination li a:hover{background:var(--brand-2);color:#fff;border-color:var(--brand-2);}
.dz-side .box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:22px;box-shadow:var(--shadow-sm);}
.dz-side .box:last-child{margin-bottom:0;}
.dz-side .box h3{font-size:17px;color:var(--brand);padding-bottom:12px;margin-bottom:14px;border-bottom:2px solid var(--bg-soft);position:relative;}
.dz-side .box h3::after{content:"";position:absolute;left:0;bottom:-2px;width:40px;height:2px;background:var(--brand-2);}
.dz-side .li a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14.5px;color:var(--text);}
.dz-side .li a:last-child{border-bottom:0;}
.dz-side .li a:hover{color:var(--brand-2);}
.dz-side .li a time{color:var(--muted);font-size:12.5px;flex:0 0 auto;}
.dz-tags{display:flex;flex-wrap:wrap;gap:9px;}
.dz-tags a{background:var(--bg-soft);color:var(--brand-3);padding:6px 13px;border-radius:999px;font-size:13px;}
.dz-tags a:hover{background:var(--brand-2);color:#fff;}
.dz-article .detail-title{font-size:28px;line-height:1.4;margin-bottom:14px;}
.dz-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:13.5px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px;}
.dz-body{font-size:16.5px;color:#2c3e37;line-height:1.9;}
.dz-body p{margin-bottom:1.1em;}
.dz-body img{border-radius:12px;margin:14px auto;height:auto;max-width:100%;}
.dz-body h2,.dz-body h3{margin:1.3em 0 .6em;color:var(--brand);}
.dz-body ul{list-style:disc;padding-left:22px;margin-bottom:1em;}
.dz-body ol{list-style:decimal;padding-left:22px;margin-bottom:1em;}
.dz-body blockquote{margin:1em 0;padding:14px 18px;background:var(--bg-soft);border-left:4px solid var(--brand-2);border-radius:0 10px 10px 0;color:var(--muted);}
.dz-page-nav{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);}
.dz-page-nav a{flex:1;max-width:48%;font-size:14px;color:var(--muted);}
.dz-page-nav a:only-child{margin-left:auto;}
.dz-page-nav a b{display:block;color:var(--text);font-weight:600;margin-top:4px;}
.dz-page-nav a:hover b{color:var(--brand-2);}
.dz-searchbar{margin-bottom:22px;}
.dz-searchbar form{display:flex;}
.dz-searchbar input{flex:1;padding:14px 18px;border:1px solid var(--line);border-radius:12px 0 0 12px;font-size:15px;outline:none;}
.dz-searchbar input:focus{border-color:var(--brand-2);}
.dz-searchbar button,.dz-searchbar form input[type=submit]{padding:0 26px;border:0;background:var(--brand-2);color:#fff;border-radius:0 12px 12px 0;font-weight:700;cursor:pointer;}
.dz-panel.muted,.muted{color:var(--muted);text-align:center;padding:40px 0;}
.dz-404{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;}
.dz-404 .code{font-size:130px;font-weight:900;color:var(--brand-2);line-height:1;}
.dz-404 p{color:var(--muted);margin:14px 0 24px;font-size:17px;}
.dz-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
@media(max-width:600px){.dz-gallery{grid-template-columns:1fr;}}