/* ============================================================
   牛童学AI智习室 加盟合作官网 · 移动端模板样式
   主题：紫色系 | 易优CMS eyou
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#F7F5FC;color:#2B2F3A;font-size:14px;line-height:1.7;padding-bottom:56px}
img{max-width:100%;border:0;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:#7C3AED}
ul,ol{list-style:none}
h1,h2,h3{font-weight:700;line-height:1.4}
input,button{font-family:inherit;outline:none}
.clearfix::after{content:"";display:block;clear:both}
.hide{display:none!important}

/* ===== 顶部 ===== */
.m-top{background:linear-gradient(120deg,#5B21B6,#7C3AED 60%,#A78BFA);color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.m-top .mt-logo{display:flex;align-items:center;gap:8px}
.m-top .mt-logo img{height:34px;width:34px;border-radius:10px;object-fit:cover}
.m-top .mt-logo b{font-size:16px;letter-spacing:.5px}
.m-top .mt-phone{background:#fff;color:#5B21B6;border-radius:20px;padding:6px 14px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:5px}
.m-top .mt-menu{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:18px}

/* 下拉菜单 */
.m-drop{background:#5B21B6;display:none;position:sticky;top:56px;z-index:99;box-shadow:0 10px 20px rgba(76,29,149,.3)}
.m-drop.open{display:block}
.m-drop ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:8px}
.m-drop li{background:rgba(255,255,255,.1);border-radius:10px;text-align:center}
.m-drop a{color:#fff;font-size:13px;padding:11px 4px;display:block}
.m-drop li.m-has{position:relative}
.m-drop .m-sub{display:flex;flex-direction:column;gap:2px;padding:2px 4px 6px}
.m-drop .m-sub li{background:transparent;border-radius:0;text-align:left}
.m-drop .m-sub a{font-size:12px;color:rgba(255,255,255,.88);padding:6px 8px}
.m-drop .m-sub a::before{content:"· ";opacity:.75}
.m-drop .m-sub a:hover{color:#fff}

/* ===== Hero ===== */
.m-hero{position:relative;color:#fff;overflow:hidden}
.m-hero .mh-bg{width:100%;height:auto;position:relative}
.m-hero .mh-txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:20px 18px;background:linear-gradient(90deg,rgba(76,29,149,.82) 0%,rgba(76,29,149,.45) 55%,rgba(76,29,149,.15) 100%)}
.m-hero .mh-tag{display:inline-block;width:fit-content;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);padding:4px 12px;border-radius:16px;font-size:12px;margin-bottom:10px}
.m-hero h1{font-size:24px;line-height:1.4;margin-bottom:8px}
.m-hero h1 em{font-style:normal;color:#FBBF24}
.m-hero p{font-size:13px;color:#EFE9FF;margin-bottom:14px}
.m-hero .mh-stats{display:flex;gap:8px;margin-bottom:16px}
.m-hero .mh-stats span{flex:1;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px 4px;text-align:center;font-size:11px}
.m-hero .mh-stats b{display:block;font-size:17px;color:#fff}
.m-hero .mh-stats i{font-style:normal;color:#FBBF24}
.m-hero .mh-btns{display:flex;gap:10px}
.m-hero .btn{flex:1;text-align:center;border-radius:24px;padding:11px 6px;font-size:14px;font-weight:700}
.m-btn-phone{background:#fff;color:#5B21B6}
.m-btn-gold{background:linear-gradient(120deg,#F59E0B,#FBBF24);color:#7C2D12}

/* ===== 数据条 ===== */
.m-data{background:#4C1D95;color:#fff}
.m-data .wrap{display:flex;flex-wrap:wrap}
.m-data .md{width:50%;padding:14px 10px;text-align:center;border-bottom:1px dashed rgba(255,255,255,.2)}
.m-data .md:nth-child(odd){border-right:1px dashed rgba(255,255,255,.2)}
.m-data b{font-size:22px;color:#FBBF24;display:block}
.m-data i{font-style:normal;font-size:13px}
.m-data span{font-size:12px;color:#D8CDFB}
.m-data small{display:block;font-size:10px;color:#A78BFA}

/* ===== 通用区块 ===== */
.m-section{padding:36px 14px}
.m-tit{text-align:center;margin-bottom:22px}
.m-tit span{display:block;font-size:11px;letter-spacing:3px;color:#9CA3AF;margin-bottom:4px}
.m-tit h2{font-size:22px;color:#5B21B6;position:relative;display:inline-block;padding-bottom:8px}
.m-tit h2::after{content:"";position:absolute;left:50%;bottom:0;width:36px;height:3px;border-radius:3px;background:linear-gradient(120deg,#5B21B6,#A78BFA);transform:translateX(-50%)}
.m-tit p{color:#6B7280;font-size:12.5px;margin-top:10px}

.m-card{background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(124,58,237,.1);border:1px solid #E8E4F5;padding:16px;margin-bottom:14px}
.m-card h3{font-size:16px;color:#5B21B6;margin-bottom:8px}
.m-card p{font-size:13px;color:#6B7280}
.m-card .mc-ico{width:44px;height:44px;border-radius:12px;background:#F5F3FF;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px}
.m-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.m-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.m-grid3 .m-card{padding:12px;text-align:center;margin-bottom:0}
.m-grid3 .mc-ico{margin:0 auto 8px}

.m-imgbox{border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(124,58,237,.18);margin-bottom:16px}
.m-imgbox img{width:100%}
.m-block ul li{position:relative;padding-left:20px;margin-bottom:10px;font-size:13.5px;color:#374151}
.m-block ul li::before{content:"✓";position:absolute;left:0;top:1px;width:15px;height:15px;line-height:13px;text-align:center;font-size:10px;color:#fff;background:#10B981;border-radius:50%}
.m-src{font-size:11px;color:#9CA3AF;margin-top:8px}

/* 对比表 */
.m-cmp{background:#fff;border-radius:14px;border:1px solid #E8E4F5;box-shadow:0 6px 20px rgba(124,58,237,.1);overflow-x:auto}
.m-cmp table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:560px}
.m-cmp th,.m-cmp td{padding:11px 12px;border-bottom:1px solid #E8E4F5;text-align:left;vertical-align:top}
.m-cmp thead th{background:linear-gradient(120deg,#5B21B6,#8B5CF6);color:#fff;font-size:13px}
.m-cmp tbody tr:nth-child(even){background:#F5F3FF}
.m-cmp .yes{color:#10B981;font-weight:700}
.m-cmp .no{color:#9CA3AF}
.m-cmp td:first-child{font-weight:600;white-space:nowrap}

/* 流程 */
.m-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.m-step{background:#fff;border-radius:14px;border:1px solid #E8E4F5;box-shadow:0 6px 20px rgba(124,58,237,.1);padding:16px;position:relative}
.m-step .ms-no{position:absolute;top:10px;right:12px;font-size:26px;font-weight:800;color:#EDE9FE}
.m-step .ms-ico{width:44px;height:44px;border-radius:50%;background:linear-gradient(120deg,#5B21B6,#A78BFA);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:8px}
.m-step h3{font-size:14px;color:#5B21B6;margin-bottom:6px}
.m-step p{font-size:12px;color:#6B7280}

/* FAQ */
.m-faq{background:#fff;border:1px solid #E8E4F5;border-radius:12px;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 14px rgba(124,58,237,.08)}
.m-faq .q{display:flex;gap:8px;padding:14px;font-weight:600;color:#5B21B6;font-size:14px}
.m-faq .q .qi{width:22px;height:22px;line-height:22px;text-align:center;border-radius:6px;background:#F5F3FF;color:#7C3AED;font-size:12px;flex-shrink:0}
.m-faq .q .arr{margin-left:auto;color:#7C3AED;font-size:10px;transition:transform .3s}
.m-faq.open .q .arr{transform:rotate(180deg)}
.m-faq .a{display:none;padding:0 14px 14px 44px;font-size:13px;color:#6B7280}
.m-faq.open .a{display:block}

/* 资讯 */
.m-news li{background:#fff;border-radius:12px;border:1px solid #E8E4F5;box-shadow:0 4px 14px rgba(124,58,237,.08);padding:12px;margin-bottom:12px}
.m-news a{display:flex;gap:12px}
.m-news .np{width:96px;height:72px;flex-shrink:0;border-radius:10px;overflow:hidden}
.m-news .np img{width:100%;height:100%;object-fit:cover}
.m-news .nt{flex:1;min-width:0}
.m-news .nt h4{font-size:14px;color:#2B2F3A;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}
.m-news .nt p{font-size:12px;color:#9CA3AF}
.m-news .nt .tag{display:inline-block;background:#F5F3FF;color:#7C3AED;font-size:11px;padding:1px 8px;border-radius:8px;margin-right:6px}
.m-rank li{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;border:1px solid #E8E4F5;padding:10px 12px;margin-bottom:8px}
.m-rank .no{width:22px;height:22px;line-height:22px;text-align:center;border-radius:6px;background:#F5F3FF;color:#7C3AED;font-weight:700;font-size:12px;flex-shrink:0}
.m-rank li:nth-child(-n+3) .no{background:linear-gradient(120deg,#5B21B6,#A78BFA);color:#fff}
.m-rank a{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* CTA */
.m-cta{background:linear-gradient(120deg,#5B21B6,#8B5CF6);border-radius:16px;margin:20px 14px 10px;padding:20px;color:#fff;text-align:center;position:relative;overflow:hidden}
.m-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(200px 120px at 85% 15%,rgba(255,255,255,.2),transparent 60%)}
.m-cta h3{font-size:17px;margin-bottom:6px;position:relative}
.m-cta p{font-size:12.5px;color:#EFE9FF;margin-bottom:14px;position:relative}
.m-cta .btn{display:block;border-radius:24px;padding:11px;font-weight:700;font-size:14px;position:relative;background:#fff;color:#5B21B6;margin-bottom:8px}
.m-cta .btn.gold{background:linear-gradient(120deg,#F59E0B,#FBBF24);color:#7C2D12}

/* 列表/详情通用 */
.m-crumbs{background:#fff;border-bottom:1px solid #E8E4F5;padding:10px 14px;font-size:12px;color:#6B7280}
.m-crumbs a{color:#6B7280}
.m-crumbs .sep{margin:0 5px;color:#9CA3AF}
.m-page{text-align:center;padding:18px 0}
.m-page a,.m-page span{display:inline-block;min-width:34px;height:34px;line-height:34px;margin:0 3px;background:#fff;border:1px solid #E8E4F5;border-radius:8px;font-size:13px;color:#6B7280}
.m-page span{background:linear-gradient(120deg,#5B21B6,#8B5CF6);color:#fff;border-color:#7C3AED}
.m-article{background:#fff;padding:18px 14px}
.m-article h1{font-size:20px;color:#5B21B6;margin-bottom:10px}
.m-article .meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#9CA3AF;border-bottom:1px dashed #E8E4F5;padding-bottom:12px;margin-bottom:14px}
.m-article .meta .tag{color:#7C3AED;background:#F5F3FF;padding:1px 8px;border-radius:8px}
.m-article .content{font-size:15px;line-height:2;color:#3A3F4B}
.m-article .content p{margin-bottom:14px}
.m-article .content img{max-width:100%;height:auto;margin:12px auto;border-radius:10px}
.m-article .content h2,.m-article .content h3{margin:20px 0 10px;color:#5B21B6}
.m-article .content ul{padding-left:20px;list-style:disc;margin-bottom:14px}
.m-article .tip{background:#F5F3FF;border:1px solid #A78BFA;border-radius:12px;padding:14px;margin:16px 0;font-size:13px;color:#5B21B6}
.m-article .tip b{color:#F59E0B}
.m-pn{display:flex;justify-content:space-between;gap:10px;background:#fff;padding:12px 14px;font-size:12px;color:#6B7280;border-top:1px solid #E8E4F5}
.m-pn a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-adv{background:linear-gradient(120deg,#5B21B6,#7C3AED);border-radius:14px;color:#fff;padding:16px;text-align:center;margin-bottom:14px}
.m-adv h4{font-size:16px;margin-bottom:8px}
.m-adv p{font-size:12.5px;color:#E9E2FB;line-height:1.8;margin-bottom:12px;text-align:left}
.m-adv .btn{display:inline-block;background:#fff;color:#5B21B6;font-size:14px;font-weight:700;padding:10px 22px;border-radius:22px}

/* 底部 */
.m-footer{background:#2A1B4E;color:#B9A9E8;padding:24px 14px 16px;text-align:center;font-size:12px}
.m-footer h4{color:#fff;font-size:14px;margin-bottom:8px}
.m-footer .flink{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:12px 0}
.m-footer .flink a{color:#B9A9E8}
.m-footer .fwarn{font-size:11px;color:#6F5BA8;line-height:1.8;margin-top:10px}
.m-footer .ftel{font-size:20px;color:#fff;font-weight:800;letter-spacing:1px}

/* 底部悬浮 */
.m-fbar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;background:#fff;border-top:1px solid #E8E4F5;box-shadow:0 -4px 16px rgba(76,29,149,.15)}
.m-fbar a{flex:1;text-align:center;padding:10px 6px;font-size:13px;font-weight:700}
.m-fbar .fb-phone{color:#fff;background:linear-gradient(120deg,#5B21B6,#7C3AED);display:flex;align-items:center;justify-content:center;gap:5px}
.m-fbar .fb-msg{color:#5B21B6;display:flex;align-items:center;justify-content:center;gap:5px}

/* ===== v3 新增模块 ===== */
/* 头部副标题 */
.m-top .mt-logo b{display:flex;flex-direction:column;line-height:1.25}
.m-top .mt-logo b small{font-size:10px;font-weight:400;color:#EFE9FF;letter-spacing:.5px}
/* 转型卡片标签 */
.m-card .mc-tag{display:inline-block;margin-top:10px;background:#F5F3FF;color:#7C3AED;font-size:11.5px;padding:4px 12px;border-radius:14px;font-weight:600}
/* 双闭环 */
.m-loop{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.ml-box{background:#fff;border-radius:14px;border:1px solid #E8E4F5;box-shadow:0 6px 20px rgba(124,58,237,.1);padding:16px}
.ml-box .ml-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:14px;margin-bottom:10px}
.ml-box.ml-wk .ml-tag{background:#F5F3FF;color:#5B21B6}
.ml-box.ml-day .ml-tag{background:#FFF7E6;color:#B45309}
.ml-box h3{font-size:15px;color:#5B21B6;margin-bottom:6px}
.ml-box p{font-size:12.5px;color:#6B7280;line-height:1.7}
/* 轻资产数字 */
.m-card .mc-num{font-size:20px;font-weight:800;color:#7C3AED;margin-bottom:6px;line-height:1.2}
.m-card .mc-num i{font-style:normal;font-size:12px;color:#6B7280;font-weight:400}

/* ===== v3 内页品牌横幅（列表/单页/详情等次页） ===== */
.m-inner-hero{background:linear-gradient(120deg,#5B21B6,#7C3AED 60%,#8B5CF6);color:#fff;padding:26px 18px;text-align:center;position:relative;overflow:hidden}
.m-inner-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(300px 160px at 90% 0,rgba(255,255,255,.2),transparent 60%),radial-gradient(260px 160px at 4% 100%,rgba(167,139,250,.35),transparent 60%)}
.m-inner-hero h2{position:relative;font-size:20px;font-weight:800;letter-spacing:.5px;margin-bottom:8px}
.m-inner-hero p{position:relative;font-size:12.5px;color:#EFE9FF;line-height:1.7}