/* =====================================================================
   sportpress —— 体育资讯自适应模板（复刻 模版1/sportnews 代码结构，
   全新配色 + 布局；内置 5 套主题 th-1..th-5，站群各站按域名分配，
   做到“同一套代码、颜色与布局多变”）。图片一律原生 <img loading=lazy>。
   ===================================================================== */

/* ---------- 主题变量：默认（th-1 蔚蓝琥珀） ---------- */
:root{
    --sp-primary:#1560d6; --sp-primary-dark:#0d3f92; --sp-accent:#ff7a1a;
    --sp-ink:#0f2745; --sp-soft:#eef4ff; --sp-line:#e4e9f2; --sp-muted:#68758a;
    --sp-head:linear-gradient(100deg,#0d3f92 0%,#1560d6 55%,#2f86f0 100%);
    --sp-hero:linear-gradient(120deg,#0b1f3a 0%,#123f7a 60%,#1560d6 100%);
    --sp-foot:linear-gradient(120deg,#0b1730 0%,#12263f 100%);
    /* 通用设计令牌 */
    --body:#1f2733; --bg:#ffffff; --bg-soft:#f6f8fc;
    --r-sm:8px; --r-md:14px; --r-lg:20px; --r-pill:60px;
    --sh-sm:0 2px 8px rgba(16,32,64,.06); --sh-md:0 10px 24px rgba(16,32,64,.09); --sh-lg:0 18px 40px rgba(16,32,64,.14);
    --gut:24px; --c1:1320px; --c2:1180px; --c3:900px;
    /* 兼容 模版1 里正文/组件引用的旧变量名 */
    --primary:var(--sp-primary); --line:var(--sp-line);
}
/* ---------- 5 套主题（仅换颜色令牌，结构与代码完全一致） ---------- */
body.th-2{ --sp-primary:#128052; --sp-primary-dark:#0a5636; --sp-accent:#e0a52a; --sp-ink:#0c2b1e; --sp-soft:#e9f7ef;
    --sp-head:linear-gradient(100deg,#0a5636 0%,#128052 55%,#28a06c 100%);
    --sp-hero:linear-gradient(120deg,#07231a 0%,#0d5133 60%,#128052 100%);
    --sp-foot:linear-gradient(120deg,#06170f 0%,#0c2b1e 100%); }
body.th-3{ --sp-primary:#c22a3c; --sp-primary-dark:#8c1725; --sp-accent:#2b3a55; --sp-ink:#33121a; --sp-soft:#fdeeef;
    --sp-head:linear-gradient(100deg,#8c1725 0%,#c22a3c 55%,#e0536a 100%);
    --sp-hero:linear-gradient(120deg,#2a0d13 0%,#7d1a26 60%,#c22a3c 100%);
    --sp-foot:linear-gradient(120deg,#1d0a0e 0%,#33121a 100%); }
body.th-4{ --sp-primary:#4b3fd4; --sp-primary-dark:#2f2699; --sp-accent:#17c3d6; --sp-ink:#1b1638; --sp-soft:#efecff;
    --sp-head:linear-gradient(100deg,#2f2699 0%,#4b3fd4 55%,#7a5cf0 100%);
    --sp-hero:linear-gradient(120deg,#150f38 0%,#3a2fb0 60%,#4b3fd4 100%);
    --sp-foot:linear-gradient(120deg,#120d2e 0%,#241a52 100%); }
body.th-5{ --sp-primary:#39424e; --sp-primary-dark:#22272e; --sp-accent:#8dc63f; --sp-ink:#1a1d21; --sp-soft:#f1f4ee;
    --sp-head:linear-gradient(100deg,#22272e 0%,#39424e 55%,#5a6675 100%);
    --sp-hero:linear-gradient(120deg,#14171b 0%,#2b323b 60%,#39424e 100%);
    --sp-foot:linear-gradient(120deg,#101317 0%,#1f242b 100%); }

/* ---------- 基础重置 ---------- */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;border:0}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;line-height:1.25;color:var(--sp-ink)}
p{margin:0 0 16px}
ul{margin:0;padding:0;list-style:none}

/* ---------- 版心 / 栅格 ---------- */
.md-c1{max-width:var(--c1);margin:0 auto;padding:0 16px}
.md-c2{max-width:var(--c2);margin:0 auto;padding:0 16px}
.md-c3{max-width:var(--c3);margin:0 auto;padding:0 16px}
.md-row{display:flex;flex-wrap:wrap;margin:0 -12px}
.md-row>[class*="md-c"]{padding:0 12px}
.md-3{flex:0 0 25%;max-width:25%}.md-4{flex:0 0 33.3333%;max-width:33.3333%}
.md-6{flex:0 0 50%;max-width:50%}.md-8{flex:0 0 66.6667%;max-width:66.6667%}
.md-10{flex:0 0 83.3333%;max-width:83.3333%}.md-12{flex:0 0 100%;max-width:100%}
.md-sec{padding:56px 0}
.md-sec--soft{background:var(--sp-soft)}
.md-sec--tint{background:linear-gradient(180deg,#fff 0%,var(--sp-soft) 100%)}
.md-sec-lg{padding:88px 0}.md-tc{text-align:center}
.md-mb2{margin-bottom:8px}.md-mb4{margin-bottom:24px}.md-mb5{margin-bottom:48px}

/* ---------- 区块标题：短横强调 ---------- */
.md-h2{position:relative;font-size:30px;color:var(--sp-ink);margin-bottom:14px;letter-spacing:.5px}
.md-h2:after{content:"";display:block;width:56px;height:4px;margin:14px 0 0;border-radius:4px;background:linear-gradient(90deg,var(--sp-primary),var(--sp-accent))}
.md-h2.md-tc:after{margin-left:auto;margin-right:auto}
.md-sub{font-size:15px;color:var(--sp-muted);max-width:760px;margin:0 auto 40px;line-height:1.8}

/* ---------- 顶部信息条（新增） ---------- */
.sp-topbar{background:var(--sp-primary-dark);color:rgba(255,255,255,.86);font-size:13px}
.sp-topbar-in{max-width:var(--c1);margin:0 auto;padding:7px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sp-topbar .sp-date{display:flex;align-items:center;gap:8px;letter-spacing:.4px}
.sp-topbar .sp-date b{color:#fff;font-weight:700}
.sp-topbar .sp-slogan{opacity:.8}
.sp-topbar .sp-quick{display:flex;align-items:center;gap:14px}
.sp-topbar .sp-quick a{opacity:.85;transition:.25s}
.sp-topbar .sp-quick a:hover{opacity:1;color:#fff}

/* ---------- 头部导航 ---------- */
.md-header{position:sticky;top:0;z-index:60;background:var(--sp-head);box-shadow:0 4px 18px rgba(10,25,50,.18)}
.md-header .md-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;max-width:var(--c1);margin:0 auto;padding:8px 16px}
.md-logo{display:flex;align-items:center;line-height:1.15}
.md-logo a{display:flex;flex-direction:column;font-size:23px;font-weight:800;color:#fff;letter-spacing:.5px}
.md-logo small{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:2.4px;text-transform:uppercase;margin-top:3px}
.md-menu{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.md-menu>li{position:relative}
.md-menu>li>a{display:block;padding:9px 13px;font-size:15.5px;font-weight:600;color:rgba(255,255,255,.9);border-radius:var(--r-sm);transition:.25s}
.md-menu>li>a:hover,.md-menu>li.active>a{color:#fff;background:rgba(255,255,255,.16)}
.md-menu>li.active>a{box-shadow:inset 0 -3px 0 var(--sp-accent)}
.md-sub-menu{position:absolute;top:100%;left:0;min-width:158px;background:#fff;border-radius:0 0 var(--r-sm) var(--r-sm);box-shadow:var(--sh-md);display:none;z-index:70;overflow:hidden}
.md-menu>li:hover .md-sub-menu{display:block}
.md-sub-menu a{display:block;padding:9px 15px;font-size:14px;color:#33405a;border-bottom:1px solid #f1f3f8}
.md-sub-menu a:hover{background:var(--sp-soft);color:var(--sp-primary)}
.md-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:700;color:var(--sp-ink);background:var(--sp-accent);border-radius:var(--r-pill);transition:.3s;white-space:nowrap}
.md-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.2)}

/* ---------- Hero：左文右图分栏（较 模版1 的居中式改版） ---------- */
.md-hero{position:relative;overflow:hidden;background:var(--sp-hero);color:#fff}
.md-hero:before{content:"";position:absolute;inset:0;opacity:.13;z-index:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:46px 46px}
.md-hero-in{position:relative;z-index:2;max-width:var(--c1);margin:0 auto;padding:64px 16px;display:flex;align-items:center;gap:44px}
.md-hero-txt{flex:1 1 52%;min-width:0}
.md-hero-media{flex:1 1 44%;min-width:0}
.md-hero h1{font-size:42px;font-weight:800;letter-spacing:1px;color:#fff;margin-bottom:18px;line-height:1.22;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.md-hero p{font-size:17px;line-height:1.9;color:rgba(255,255,255,.82);margin-bottom:30px}
.md-hero-btns a{display:inline-block;margin:6px 12px 6px 0;padding:12px 26px;border-radius:var(--r-pill);border:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06);color:#fff;font-size:15px;font-weight:700;transition:.35s}
.md-hero-btns a:first-child{background:var(--sp-accent);border-color:var(--sp-accent);color:#1a1206}
.md-hero-btns a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.md-hero-card{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.4);background:#0e1a2c}
.md-hero-card img{display:block;width:100%;height:320px;object-fit:cover}
.md-hero-card .cap{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:15px;font-weight:600;color:#fff;line-height:1.5}
.md-hero-card .cap em{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:1px;color:#1a1206;background:var(--sp-accent);padding:3px 9px;border-radius:5px;margin-bottom:8px}

/* ---------- 关于段 + 大图 ---------- */
.md-about p{font-size:16px;line-height:1.95;color:#4c5768}
.md-figure{display:block;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-md);margin-top:36px;background:#eef1f6}
.md-figure mip-img,.md-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .6s}
.md-figure:hover img{transform:scale(1.02)}

/* ---------- 栏目卡：1 主 + 3 子，顶部强调条 ---------- */
.md-cards{display:flex;flex-wrap:wrap;margin:0 -12px}
.md-cards>*{padding:0 12px}
.md-card{position:relative;display:block;height:100%;padding:26px 24px;border-radius:var(--r-md);transition:.35s;margin-bottom:24px;overflow:hidden}
.md-card:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--sp-primary),var(--sp-accent))}
.md-card.main{background:linear-gradient(135deg,var(--sp-primary),var(--sp-primary-dark));color:#fff;box-shadow:var(--sh-md)}
.md-card.main h3,.md-card.main p{color:#fff}
.md-card.main:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.md-card.sub{background:#fff;border:1px solid var(--sp-line);box-shadow:var(--sh-sm)}
.md-card.sub:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:var(--sp-primary)}
.md-card mip-img,.md-card img{display:block;width:150px;max-height:150px;object-fit:contain;margin-bottom:16px}
.md-card h3{font-size:17px;margin-bottom:12px}
.md-card p{font-size:14.4px;line-height:1.65;margin:0;color:var(--sp-muted);opacity:.95}

/* ---------- 三列图文卡片流 ---------- */
.md-grid{display:flex;flex-wrap:wrap;gap:24px}
.md-fig{flex:1 1 calc(33.333% - 16px);max-width:none;background:#fff;border:1px solid var(--sp-line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-sm);transition:.35s}
.md-fig:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:transparent}
.md-fig .thumb{display:block;height:180px;overflow:hidden;background:#eef1f6}
.md-fig mip-img,.md-fig img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.md-fig:hover img{transform:scale(1.06)}
.md-fig .txt{padding:16px 18px 20px}
.md-fig h3{font-size:16px;color:var(--sp-ink);margin-bottom:8px;line-height:1.5}
.md-fig p{font-size:13.5px;color:var(--sp-muted);margin:0;line-height:1.6}

/* ---------- 横向图文卡列表 ---------- */
.md-list{display:flex;flex-direction:column;gap:20px}
.md-item{display:flex;align-items:stretch;gap:22px;background:#fff;border:1px solid var(--sp-line);border-left:4px solid transparent;border-radius:var(--r-md);padding:16px;box-shadow:var(--sh-sm);transition:.3s}
.md-item:hover{box-shadow:var(--sh-md);transform:translateX(3px);border-left-color:var(--sp-accent)}
.md-item .thumb{flex:0 0 216px;width:216px;height:146px;overflow:hidden;border-radius:var(--r-sm);background:#eef1f6}
.md-item .thumb mip-img,.md-item .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.md-item:hover .thumb img{transform:scale(1.05)}
.md-item .txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.md-item h3{font-size:17px;margin-bottom:9px;line-height:1.5}
.md-item h3 a:hover{color:var(--sp-primary)}
.md-item .desc{font-size:14px;color:var(--sp-muted);margin-bottom:10px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.md-item .foot{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--sp-muted)}
.md-item .more{padding:6px 14px;font-size:13.5px;font-weight:600;color:var(--sp-primary);border:1px solid var(--sp-primary);border-radius:var(--r-pill);transition:.25s}
.md-item .more:hover{background:var(--sp-primary);color:#fff}

/* ---------- 时间线 ---------- */
.md-tl{position:relative;border-left:3px solid var(--sp-primary);padding-left:32px;margin-top:36px}
.md-tl>li{position:relative;margin-bottom:34px;padding-left:8px}
.md-tl>li:last-child{margin-bottom:0}
.md-tl .dot{position:absolute;left:-49px;top:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.md-tl .box{background:#fff;padding:20px 24px;border-radius:var(--r-md);box-shadow:var(--sh-sm);border:1px solid var(--sp-line);transition:.3s}
.md-tl .box:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}
.md-tl h5{font-size:16.5px;color:var(--sp-ink);margin-bottom:10px}
.md-tl h5 a:hover{color:var(--sp-primary)}
.md-tl p{font-size:14.5px;color:#5a6577;line-height:1.75;margin:0}

/* ---------- 深色段 ---------- */
.md-dark{background:var(--sp-hero);color:#fff;padding:56px 0}
.md-dark .md-h2{color:#fff}.md-dark .md-h2:after{background:var(--sp-accent)}
.md-figs{display:flex;flex-wrap:wrap;gap:24px;margin-top:8px}

/* ---------- 主体 / 侧栏 ---------- */
.md-main{display:flex;gap:34px;align-items:flex-start}
.md-main>.col-a{flex:1 1 auto;min-width:0}
.md-main>.col-b{flex:0 0 322px;width:322px}
.md-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:96px}
.md-side .card{background:#fff;border:1px solid var(--sp-line);border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:20px 22px}
.md-side h3{position:relative;font-size:17px;margin-bottom:15px;padding-left:13px;color:var(--sp-ink)}
.md-side h3:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:3px;background:linear-gradient(var(--sp-primary),var(--sp-accent))}
.md-hot{counter-reset:h}
.md-hot li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #edf0f6}
.md-hot li:last-child{border-bottom:0}
.md-hot li:before{counter-increment:h;content:counter(h);flex:0 0 23px;height:23px;line-height:23px;text-align:center;border-radius:6px;background:var(--sp-soft);color:var(--sp-muted);font-size:12px;font-weight:800}
.md-hot li:nth-child(-n+3):before{background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));color:#fff}
.md-hot a{flex:1 1 auto;min-width:0;font-size:14.3px;line-height:1.6;color:#3d4757}
.md-hot a:hover{color:var(--sp-primary)}
.md-tags{display:flex;flex-wrap:wrap;gap:9px}
.md-tags a{padding:6px 13px;border-radius:var(--r-pill);background:var(--sp-soft);color:#43506b;font-size:13px;transition:.25s}
.md-tags a:hover{background:var(--sp-primary);color:#fff}

/* ---------- 面包屑 / 分页 ---------- */
.md-crumb{font-size:14px;color:var(--sp-muted);margin-bottom:18px}
.md-crumb a:hover{color:var(--sp-primary)}
.md-page{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:36px}
.md-page a,.md-page span{padding:8px 14px;border:1px solid var(--sp-line);border-radius:var(--r-sm);background:#fff;font-size:14px;color:#4a5568}
.md-page .current,.md-page a:hover{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff}
.md-empty{padding:52px 18px;text-align:center;color:var(--sp-muted);background:#fff;border:1px dashed var(--sp-line);border-radius:var(--r-md)}
.md-empty b{display:block;font-size:19px;color:var(--sp-ink);margin-bottom:8px}

/* ---------- 正文详情 ---------- */
.md-art{background:#fff;border:1px solid var(--sp-line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:44px}
.md-art h1{font-size:32px;line-height:1.4;margin-bottom:16px;color:var(--sp-ink)}
.md-art .meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13.5px;color:#93a0b1;padding-bottom:18px;border-bottom:1px solid var(--sp-line);margin-bottom:24px}
.md-body{font-size:17px;line-height:1.95;color:#28323f;word-break:break-word}
.md-body p{margin:0 0 18px;text-indent:2em}
.md-body h2,.md-body h3{margin:30px 0 14px;font-size:21px;padding-left:14px;border-left:5px solid var(--sp-primary);line-height:1.4;color:var(--sp-ink)}
.md-body h3{font-size:18px}
.md-body mip-img,.md-body img{display:block;margin:22px auto;border-radius:var(--r-md);max-width:100%;box-shadow:var(--sh-sm)}
.md-body ul,.md-body ol{margin:0 0 18px;padding-left:2em}.md-body li{margin-bottom:8px;text-indent:0}
.md-body blockquote{margin:22px 0;padding:16px 20px;background:var(--sp-soft);border-left:4px solid var(--sp-accent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:#4c5a6b;font-style:normal;text-indent:0}
.md-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
.md-body th,.md-body td{border:1px solid var(--sp-line);padding:11px 13px;text-align:left}
.md-body th{background:var(--sp-soft);color:var(--sp-ink);font-weight:700}
.md-body .caption{text-align:center;font-size:13px;color:#93a0b1;text-indent:0;margin:-10px 0 18px}
.md-pn{display:flex;gap:22px;margin-top:30px;font-size:14px}
.md-pn>div{flex:1 1 0;min-width:0;padding:15px 18px;border:1px solid var(--sp-line);border-radius:var(--r-md);background:var(--bg-soft)}
.md-pn em{display:block;font-style:normal;font-size:12.5px;color:#93a0b1;margin-bottom:5px}
.md-pn a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3d4757}
.md-pn a:hover{color:var(--sp-primary)}

/* ---------- 页脚 ---------- */
.md-footer{background:var(--sp-foot);color:#eef1f6;padding:54px 0 26px}
.md-fcards{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:26px}
.md-fcards>div{flex:1 1 calc(25% - 17px);min-width:0}
.md-fcard{height:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-md);padding:20px}
.md-fcard h6{position:relative;font-size:16px;font-weight:800;margin-bottom:14px;padding-bottom:10px;color:#fff}
.md-fcard h6:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:3px;background:var(--sp-accent)}
.md-fcard li{line-height:1.9;font-size:14px;color:rgba(255,255,255,.62)}
.md-fcard a{color:rgba(255,255,255,.62);transition:.25s}.md-fcard a:hover{color:#fff;padding-left:3px}
.md-flinks{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}
.md-flinks a{color:rgba(255,255,255,.55)}
.md-copy{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.55);text-align:center;line-height:1.9}

/* ---------- 响应式：平板 ---------- */
@media (max-width:1199px){
    .md-hero-in{gap:28px;padding:52px 16px}
    .md-hero h1{font-size:36px}
    .md-hero-card img{height:270px}
}
@media (max-width:991px){
    .sp-topbar .sp-slogan{display:none}
    .md-nav{flex-wrap:wrap;min-height:0;padding:10px 16px}
    .md-logo{order:1}
    .md-btn{order:2;margin-left:auto}
    .md-menu{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding:6px 0 4px;gap:0}
    .md-menu>li{flex:0 0 auto}
    .md-menu>li>a{padding:8px 11px}
    .md-sub-menu{display:none!important}
    .md-hero-in{flex-direction:column;padding:44px 16px}
    .md-hero-txt,.md-hero-media{flex:1 1 auto;width:100%}
    .md-hero h1{font-size:32px}
    .md-hero-card img{height:240px}
    .md-main{display:block}.md-main>.col-b{width:100%;margin-top:26px}
    .md-side{position:static}
    .md-grid .md-fig{flex:1 1 calc(50% - 12px)}
}
/* ---------- 响应式：手机 ---------- */
@media (max-width:767px){
    .md-h2{font-size:23px}
    .md-sec{padding:36px 0}.md-sec-lg{padding:52px 0}
    .md-3,.md-4,.md-6,.md-8,.md-10{flex:0 0 100%;max-width:100%}
    .md-hero-in{padding:36px 16px}
    .md-hero h1{font-size:26px}
    .md-hero p{font-size:15px}
    .md-hero-btns a{display:block;width:100%;margin:10px 0 0;text-align:center}
    .md-hero-card img{height:200px}
    .md-item{flex-direction:column;gap:14px}
    .md-item .thumb{width:100%;height:190px;flex:none}
    .md-grid .md-fig{flex:1 1 100%}
    .md-fcards>div{flex:1 1 100%}
    .md-art{padding:22px 16px;border-radius:var(--r-md)}
    .md-art h1{font-size:23px}
    .md-body{font-size:16px}
    .md-tl{border-left:0;padding-left:0}
    .md-tl>li{padding:26px 0 0}
    .md-tl .dot{left:0;top:-6px}
    .md-pn{display:block}.md-pn>div{margin-bottom:12px}
    .sp-topbar-in{justify-content:center;text-align:center}
    .sp-topbar .sp-quick{display:none}
}
.md-burger{display:none}