/* ===== 字果书法 · 朗林品牌风格 v2 =====
   依据：实测同行站点配色（锋格练字 / 汉翔书法 / 中国硬笔书协 / 六六写字 / 立德教育）
   ── 锋格练字：屏幕主色一块红 #DC382A(17%)＋大片米白宣纸色(30%+)＋金 #F3C04B 极少
   ── 汉翔书法：中国红 #BE191F 只用在导航与页脚，正文区全白(#F3F3F3 占 25%)
   ── 硬笔书协：白 36% ＋ 砖红 #A84235 ＋ 墨黑 #3E3837 ＋ 米黄 #FFEAD2
   ── 六六写字：蓝＋白＋浅蓝底，深墨蓝正文
   共同规律：①底色一律浅（白/宣纸米），彩色不做大面积铺底
             ②只用一个高饱和主色当骨架（导航/页脚/图标/主按钮）
             ③正文用墨黑，不用彩色字　④金、红只做小面积点缀
   本版把翡翠绿从"满屏底色"退到"骨架色"，底色换成宣纸暖白，金红退为点缀。
   品牌色：翡翠绿 #0B5335→#1E9A64 ＋ 土金黄 #C9A227 ＋ 朱红 #B4232A ＋ 熟果橙 #D2761B
   class 名与原模板完全一致，替换本文件即全站生效。 */
:root{
  --g-deep:#0B5335;      /* 翡翠深绿（骨架色） */
  --g-main:#14764A;      /* 主绿 */
  --g-bright:#1E9A64;    /* 亮绿 */
  --g-soft:#EDF5F0;      /* 浅绿面（小块底） */
  --gold:#C9A227;        /* 土金黄（点缀） */
  --gold-lt:#E8D9A0;     /* 亮金（深底上用） */
  --gold-dp:#9C7C1E;     /* 暗金 */
  --red:#B4232A;         /* 朱红（印章红，点缀） */
  --guo:#D2761B;         /* 熟果橙（与LOGO一致） */
  --ink:#1C2B23;         /* 墨黑（正文） */
  --ink-2:#4E5F56;
  --ink-3:#8B9A92;
  --paper:#FAF8F3;       /* 宣纸暖白（页面底） */
  --line:#E6EAE2;
  --grad-green:linear-gradient(135deg,#0B5335 0%,#14764A 48%,#1E9A64 100%);
  --grad-gold:linear-gradient(135deg,#E8D9A0 0%,#C9A227 52%,#9C7C1E 100%);
  --sd-card:0 4px 16px rgba(11,83,53,.06);
  --sd-hover:0 12px 28px rgba(11,83,53,.13);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:16px}
img{max-width:100%;border:0}
a{color:var(--g-main);text-decoration:none}
a:hover{color:var(--gold-dp)}
ul{list-style:none}
.wrap{width:92%;max-width:1200px;margin:0 auto}

/* 按钮：主按钮＝品牌实心色（同行做法），金退为点缀 */
.btn{display:inline-block;padding:12px 28px;border-radius:30px;font-weight:bold;text-align:center;transition:all .25s;border:2px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-orange{background:var(--grad-green);color:#fff;box-shadow:0 6px 16px rgba(11,83,53,.24)}
.btn-orange:hover{background:linear-gradient(135deg,#14764A,#1E9A64);color:#fff;box-shadow:0 10px 22px rgba(11,83,53,.3)}
.btn-line-ink{background:transparent;color:var(--g-deep);border-color:var(--g-main)}
.btn-line-ink:hover{background:var(--g-main);color:#fff;border-color:var(--g-main)}
.btn-white{background:#fff;color:var(--g-deep)}
.btn-white:hover{color:var(--g-deep)}
.btn-line{border-color:var(--gold-lt);color:var(--gold-lt)}
.btn-line:hover{background:rgba(232,217,160,.16);color:var(--gold-lt)}

/* 顶栏：极细深绿条（骨架之一） */
.topbar{background:linear-gradient(90deg,#083D27,#0B5335 60%,#12684A);color:#B9D6C6;font-size:13px;padding:7px 0;border-bottom:1px solid rgba(201,162,39,.26)}
.topbar-in{display:flex;justify-content:space-between;align-items:center}
.topbar-phone strong{color:var(--gold);font-size:15px}

/* 头部：白底留白 */
.header{background:#fff;border-bottom:1px solid var(--line)}
.header-in{display:flex;align-items:center;justify-content:space-between;padding:14px 0;flex-wrap:wrap;gap:10px}
.logo{display:flex;align-items:center}
.logo-img{height:56px;width:auto;display:block}
.header-phone{text-align:right}
.header-phone span{display:block;font-size:13px;color:var(--ink-3)}
.header-phone strong{font-size:24px;color:var(--g-main);letter-spacing:.5px}
.nav-btn{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer}
.nav-btn span{width:26px;height:3px;background:var(--g-deep);border-radius:2px}

/* 导航：改白底＋深绿字（顶部不再叠两条绿，只留顶栏那一条细深绿） */
.navwrap{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(11,83,53,.05)}
.nav-toggle{display:none}
.nav-ul{display:flex;flex-wrap:wrap;align-items:center}
.nav-ul>li{position:relative}
.nav-ul>li>a{display:block;padding:15px 24px;color:var(--ink);font-size:16px;transition:all .25s;letter-spacing:.5px}
.nav-ul>li.active>a{background:var(--g-soft);color:var(--g-deep);font-weight:bold;box-shadow:inset 0 -3px 0 var(--gold)}
.nav-ul>li>a:hover{background:var(--g-soft);color:var(--g-deep)}
.nav-ul>li.nav-bm>a{background:var(--grad-green);color:#fff;font-weight:bold;margin:7px 0 7px 8px;border-radius:20px;padding:8px 20px;box-shadow:0 4px 12px rgba(11,83,53,.22)}
.nav-ul>li.nav-bm>a:hover{background:var(--grad-green);color:#fff;filter:brightness(1.07)}
.sub-nav{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:170px;box-shadow:0 10px 26px rgba(11,83,53,.18);z-index:99;border-top:3px solid var(--gold);border-radius:0 0 8px 8px;overflow:hidden}
.sub-nav li a{display:block;padding:11px 16px;color:var(--ink);border-bottom:1px solid #F0F4EF}
.sub-nav li a:hover{background:var(--g-soft);color:var(--g-main)}
.nav-ul>li:hover .sub-nav{display:block}

/* 首页 hero：宣纸暖白底，绿晕降到几乎看不见 */
.hero{background:linear-gradient(180deg,#FFFEFB 0%,var(--paper) 100%);padding:52px 0 44px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(30,154,100,.07),transparent 68%)}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;position:relative}
.slogan{font-size:56px;font-family:"Noto Serif SC","STSong","SimSun",serif;letter-spacing:4px;margin-bottom:16px;line-height:1.25}
.slogan em{font-style:normal}
/* 书法做法：正文墨黑，只留"朱红＋熟果橙"两处彩色（朱批／果实），其余不再上色 */
.c-ink{color:var(--ink)}.c-red{color:var(--red)}.c-orange{color:var(--guo)}.c-green{color:var(--g-deep)}
.hero-sub{font-size:21px;color:var(--g-main);font-family:"Noto Serif SC","STSong","SimSun",serif;margin-bottom:12px;padding-left:14px;border-left:3px solid var(--gold)}
.hero-desc{color:var(--ink-2);font-size:16px;margin-bottom:22px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.hero-badges span{background:#fff;border:1px solid var(--line);color:var(--g-main);font-size:13px;padding:5px 13px;border-radius:20px;transition:all .25s}
.hero-badges a:hover span{border-color:var(--gold);color:var(--gold-dp);box-shadow:0 4px 12px rgba(201,162,39,.2)}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}

/* 轮播：白边＋细金线 */
.slides{position:relative;height:340px;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(11,83,53,.2);border:3px solid #fff;outline:1px solid rgba(201,162,39,.7)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.slide.on{opacity:1;z-index:1}
.slide img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}
.dots{position:absolute;bottom:12px;right:14px;display:flex;gap:6px;z-index:3}
.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}
.dots i.on{background:var(--gold)}

/* 公告条 */
.notice{background:var(--g-soft);border-bottom:1px solid var(--line);font-size:14px;color:var(--g-main);padding:9px 0}
.notice .wrap{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}
.notice-tag{flex-shrink:0;background:var(--grad-green);color:var(--gold-lt);font-size:12px;padding:2px 9px;border-radius:4px;font-weight:bold}
.notice a{color:var(--g-main);overflow:hidden;text-overflow:ellipsis}
.notice a:hover{color:var(--gold-dp)}

/* 手机端快捷按钮（PC隐藏） */
.m-quick{display:none}

/* 板块通用：白／纸白交替，靠浅底拉出层次 */
.sec{padding:34px 0;background:var(--paper)}
.sec-gray{background:#fff}
.sec-head{text-align:center;margin-bottom:24px;position:relative}
.sec-head h2{font-size:28px;color:var(--g-deep);display:inline-block;font-family:"Noto Serif SC","STSong","SimSun",serif;letter-spacing:1px;position:relative;padding:0 26px}
.sec-head h2:before,.sec-head h2:after{content:"";position:absolute;top:50%;width:16px;height:1px;background:var(--gold)}
.sec-head h2:before{left:0}
.sec-head h2:after{right:0}
.sec-head p{color:var(--ink-3);margin-top:6px}
.sec-more{position:absolute;right:0;top:10px;font-size:14px;color:var(--g-main)}
.sec-more:hover{color:var(--gold-dp)}
.sec-note{text-align:center;color:var(--ink-3);font-size:13px;margin-top:16px}

/* 品牌故事：白卡，左侧绿条，金线分隔 */
.brand-story{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px 44px;box-shadow:var(--sd-card);position:relative;overflow:hidden}
.brand-story:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--grad-green)}
.bs-left{text-align:center;padding-right:38px;border-right:1px solid var(--line)}
.bs-big{display:block;font-size:40px;font-family:"Noto Serif SC","STSong","SimSun",serif;color:var(--g-deep);letter-spacing:6px}
.bs-small{display:block;color:var(--gold-dp);margin-top:8px;letter-spacing:4px;font-size:15px}
.bs-right p{color:var(--ink-2);font-size:16.5px}
.bs-right b{color:var(--red)}

/* 系统功能 */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 22px;text-align:center;transition:all .25s}
.feat-card:hover{transform:translateY(-4px);box-shadow:var(--sd-hover);border-color:rgba(201,162,39,.5)}
.feat-card h3{font-size:18px;color:var(--g-deep);margin:14px 0 8px}
.feat-card p{font-size:14px;color:var(--ink-2);text-align:left}
.feat-ic{display:flex;width:58px;height:58px;border-radius:50%;margin:0 auto;align-items:center;justify-content:center;color:#fff;font-size:24px;font-style:normal;font-family:"Noto Serif SC","STSong","SimSun",serif}
.feat-ic:before{content:""}
.ic1{background:linear-gradient(135deg,#0B5335,#14764A)}
.ic2{background:linear-gradient(135deg,#14764A,#1E9A64)}
.ic3{background:linear-gradient(135deg,#1E9A64,#2FB37A)}
.ic4{background:var(--grad-gold)}

/* 学员作品 */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery-item{border-radius:14px;overflow:hidden;box-shadow:var(--sd-card);background:#fff;border:1px solid var(--line)}
.gallery-item img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .4s}
.gallery-item:hover img{transform:scale(1.04)}

/* 书法百科 */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:block;transition:all .25s}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--sd-hover);border-color:rgba(201,162,39,.5)}
.news-card img{width:100%;height:180px;object-fit:cover;display:block}
.news-txt{padding:16px 18px}
.news-txt h3{font-size:16px;color:var(--g-deep);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-txt p{font-size:13.5px;color:var(--ink-2);height:44px;overflow:hidden}
.news-txt span{font-size:12.5px;color:var(--ink-3)}

/* 关于字果 */
.brand-about{text-align:center;max-width:820px;margin:0 auto}
.brand-about h2{font-size:28px;font-family:"Noto Serif SC","STSong","SimSun",serif;margin-bottom:16px;color:var(--g-deep)}
.brand-about h2:after{content:"";display:block;width:56px;height:3px;background:var(--grad-gold);margin:10px auto 0;border-radius:2px}
.brand-about p{color:var(--ink-2);margin:18px 0 24px}
.brand-about b{color:var(--g-deep)}

/* 免费体验：改浅绿面＋深绿字（不再整条深绿，页面才有呼吸） */
.try{background:linear-gradient(135deg,#F2F8F3,#E7F1EA);color:var(--ink);padding:40px 0;position:relative;overflow:hidden;border-top:1px solid var(--line)}
.try:before{content:"";position:absolute;left:-120px;bottom:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.16),transparent 70%)}
.try-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative}
.try-txt h2{font-size:30px;font-family:"Noto Serif SC","STSong","SimSun",serif;color:var(--g-deep)}
.try-txt p{color:var(--ink-2);margin-top:8px}
.try-btns{display:flex;gap:14px;flex-wrap:wrap}
.try .btn-white{background:var(--grad-green);color:#fff;box-shadow:0 6px 16px rgba(11,83,53,.22)}
.try .btn-white:hover{color:#fff;box-shadow:0 10px 22px rgba(11,83,53,.28)}
.try .btn-line{border-color:var(--g-main);color:var(--g-deep)}
.try .btn-line:hover{background:rgba(11,83,53,.07);color:var(--g-deep)}

/* 列表页/文章页 */
.page-head{background:#fff;border-bottom:1px solid var(--line);padding:30px 0;position:relative}
.page-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold) 0%,transparent 55%)}
.page-head h1{font-size:26px;font-family:"Noto Serif SC","STSong","SimSun",serif;color:var(--g-deep)}
.page-head p{font-size:13.5px;color:var(--ink-3);margin-top:6px}
.list-wrap{display:flex;flex-direction:column;gap:16px}
.list-item{display:grid;grid-template-columns:220px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:all .25s}
.list-item:hover{box-shadow:var(--sd-hover);border-color:rgba(201,162,39,.5)}
.list-item img{width:220px;height:140px;object-fit:cover;display:block}
.list-txt{padding:16px 18px 14px 0}
.list-txt h3{font-size:18px;color:var(--g-deep);margin-bottom:6px}
.list-txt p{font-size:14px;color:var(--ink-2);height:48px;overflow:hidden}
.list-txt span{font-size:12.5px;color:var(--ink-3)}
.pages{text-align:center;margin-top:26px}
.pages a,.pages span{display:inline-block;padding:6px 14px;margin:0 3px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-2)}
.pages a:hover{border-color:var(--gold);color:var(--gold-dp)}
.pages .current,.pages span.current{background:var(--grad-green);color:#fff;border-color:var(--g-main)}
.article{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px 40px;box-shadow:var(--sd-card)}
.art-info{color:var(--ink-3);font-size:13.5px;border-bottom:1px dashed var(--line);padding-bottom:14px;margin-bottom:22px}
.art-body{font-size:16.5px;color:#22332A}
.art-body img{max-width:100%;border-radius:10px;margin:14px auto;display:block}
.art-body p{margin-bottom:14px}
.art-body h2,.art-body h3{color:var(--g-deep);margin:22px 0 10px;font-family:"Noto Serif SC","STSong","SimSun",serif}
.art-body strong,.art-body b{color:var(--g-deep)}
.art-nav{margin-top:30px;border-top:1px dashed var(--line);padding-top:16px;font-size:14.5px}

/* 页脚：深绿骨架＋金标题（同行普遍做法，深色只收在头尾） */
.footer{background:linear-gradient(180deg,#0B5335,#083D27);color:#C9DED2;padding:40px 0 0}
.footer-in{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:30px}
.f-col h3{color:var(--gold-lt);font-size:17px;margin-bottom:14px;font-family:"Noto Serif SC","STSong","SimSun",serif;position:relative;padding-bottom:9px}
.f-col h3:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--grad-gold)}
.f-col p{font-size:14px;margin-bottom:8px}
.f-links ul li{margin-bottom:8px}
.f-links a{color:#C9DED2;font-size:14px}
.f-links a:hover{color:var(--gold)}
.footer-btm{border-top:1px solid rgba(201,162,39,.22);margin-top:28px;padding:14px 0;font-size:13px;color:#8FB3A2;text-align:center}

/* 手机底栏 */
.m-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:99}
.m-bar a{flex:1;text-align:center;padding:11px 0;font-size:14px;color:var(--ink);border-right:1px solid #EFF4EF}
.m-bar a:last-child{border-right:none}
.m-bar .m-bar-bm{background:var(--grad-green);color:var(--gold-lt);font-weight:bold}

/* 微信弹窗 */
.wx-mask{display:none;position:fixed;inset:0;background:rgba(6,45,29,.55);z-index:200;align-items:center;justify-content:center}
.wx-pop{background:#fff;border-radius:16px;padding:28px;text-align:center;border:1px solid var(--line);box-shadow:0 20px 50px rgba(11,83,53,.3)}
.wx-pop img{width:200px;height:200px;display:block;margin:0 auto 12px}
.wx-pop p{margin-bottom:12px;color:var(--ink-2)}
.wx-pop span{display:inline-block;padding:7px 26px;border-radius:20px;background:var(--grad-green);color:var(--gold-lt);cursor:pointer}

/* ===== 手机端 ===== */
@media (max-width:900px){
  .topbar{display:none}
  .header-in{padding:10px 0}
  .logo-img{height:44px}
  .header-phone{display:none}
  .nav-btn{display:flex}
  .navwrap{position:relative;background:#fff;border-bottom:1px solid var(--line)}
  .nav{display:none}
  .nav-toggle:checked~.nav{display:block}
  .nav-ul{flex-direction:column;align-items:stretch}
  .nav-ul>li>a{color:var(--ink);padding:13px 4%;border-bottom:1px solid #EFF4EF;font-size:15px}
  .nav-ul>li.active>a,.nav-ul>li>a:hover{background:var(--g-soft);color:var(--g-main);box-shadow:none}
  .nav-ul>li.nav-bm>a{background:var(--grad-green);color:var(--gold-lt);text-align:center;margin:10px 4%;border-radius:10px}
  .sub-nav{position:static;box-shadow:none;background:#F7FAF7;border-top:none}

  .hero{padding:24px 0 30px}
  .hero-in{grid-template-columns:1fr;gap:24px}
  .slogan{font-size:40px;letter-spacing:3px}
  .hero-sub{font-size:17px}
  .slides{height:210px;border-width:2px}
  .notice{font-size:13px}

  /* 手机端六宫格快捷按钮 */
  .m-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:92%;margin:12px auto 0}
  .m-quick a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 0;box-shadow:0 3px 10px rgba(11,83,53,.05)}
  .mq-tile{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}

  .brand-story{grid-template-columns:1fr;gap:18px;padding:26px 22px}
  .bs-left{border-right:none;border-bottom:1px solid var(--line);padding:0 0 16px}
  .bs-big{font-size:32px}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-item img{height:150px}
  .news-grid{grid-template-columns:1fr}
  .news-card img{height:170px}
  .try{padding:30px 0}
  .try-in{flex-direction:column;text-align:center}
  .try-btns{justify-content:center}
  .footer{padding:24px 0 6px}
  .footer-in{grid-template-columns:1fr}
  .footer .f-col{margin-bottom:12px}
  .footer p{margin:2px 0;line-height:1.6}
  .f-links ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 8px}
  .f-links li{margin:0;font-size:14px;line-height:1.7}
  .footer-btm{margin-top:14px;padding:8px 0}
  .list-item{grid-template-columns:120px 1fr;gap:12px}
  .list-item img{width:120px;height:92px}
  .list-txt{padding:10px 12px 10px 0}
  .list-txt h3{font-size:15.5px}
  .list-txt p{display:none}
  .article{padding:22px 18px}
  .m-bar{display:flex}
  body{padding-bottom:52px}
  .sec{padding:26px 0}
  .sec-head{margin-bottom:18px}
  .sec-head h2{padding:0 18px}
}

/* ===== 四大板块：白卡＋顶部细色条（不再四张满色卡，绿只留小面积图标） ===== */
.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.four-card{display:block;border-radius:16px;padding:26px 20px 44px;background:#fff;border:1px solid var(--line);color:var(--ink);position:relative;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:var(--sd-card)}
.four-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad-green)}
.fc1:before{background:linear-gradient(90deg,#0B5335,#14764A)}
.fc2:before{background:linear-gradient(90deg,#14764A,#1E9A64)}
.fc3:before{background:linear-gradient(90deg,#1E9A64,#2FB37A)}
.fc4:before{background:var(--grad-gold)}
.four-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,83,53,.13);border-color:rgba(201,162,39,.5)}
.fc4 .four-go{background:var(--g-deep);color:var(--gold-lt)}
.four-card i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--grad-green);font-style:normal;font-size:26px;font-weight:bold;font-family:serif;margin-bottom:14px;position:relative}
.fc1 i{background:linear-gradient(135deg,#0B5335,#14764A)}
.fc2 i{background:linear-gradient(135deg,#14764A,#1E9A64)}
.fc3 i{background:linear-gradient(135deg,#1E9A64,#2FB37A)}
.fc4 i{background:var(--grad-gold)}
.four-card h3{font-size:20px;margin:0 0 4px;position:relative;letter-spacing:.5px;color:var(--g-deep);font-family:"Noto Serif SC","STSong","SimSun",serif}
.four-card p{margin:0;font-size:13px;color:var(--ink-3);position:relative}
.four-go{position:absolute;right:16px;bottom:16px;font-size:12px;background:var(--g-soft);color:var(--g-deep);border-radius:20px;padding:3px 12px;font-weight:bold}

/* ===== 产品条 ===== */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.prod-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;text-align:center;box-shadow:var(--sd-card);transition:all .25s}
.prod-card:hover{transform:translateY(-4px);box-shadow:var(--sd-hover);border-color:rgba(201,162,39,.5)}
.prod-card h3{font-size:19px;margin:0 0 4px;font-family:"Noto Serif SC","STSong","SimSun",serif;color:var(--g-deep)}
.prod-card>p{color:var(--ink-3);font-size:13px;margin:0 0 10px}
.prod-price{color:var(--red);font-size:26px;font-weight:bold;margin-bottom:14px;display:inline-block}
.prod-price small{font-size:13px;color:var(--ink-3);font-weight:normal}
.btn-red-sm{display:inline-block;background:var(--grad-green);color:#fff;border-radius:20px;padding:9px 22px;font-size:14px;font-weight:bold;transition:all .25s}
.btn-red-sm:hover{color:#fff;filter:brightness(1.08);box-shadow:0 8px 18px rgba(11,83,53,.26)}
.feat-3{grid-template-columns:repeat(3,1fr)}

/* ===== 名师团 ===== */
.tc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 16px;text-align:center;box-shadow:var(--sd-card);transition:all .25s}
.tc-card:hover{transform:translateY(-4px);box-shadow:var(--sd-hover);border-color:rgba(201,162,39,.5)}
.tc-av{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--g-soft);border:2px solid var(--gold);color:var(--g-deep);font-style:normal;font-size:28px;font-family:serif;font-weight:bold}
.tc-card h3{margin:0 0 2px;font-size:17px;color:var(--g-deep)}
.tc-role{color:var(--gold-dp);font-size:13px;margin:0 0 6px;font-weight:bold}
.tc-card p:last-child{color:var(--ink-3);font-size:13px;margin:0}

/* ===== 加盟条：保留深绿，做页面中段的骨架锚点 ===== */
.join-strip{background:linear-gradient(135deg,#083D27,#0B5335 55%,#14764A);color:#EAF5EF;padding:36px 0;position:relative;overflow:hidden}
.join-strip:before{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.16),transparent 70%)}
.join-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative}
.join-in h2{font-family:"Noto Serif SC","STSong","SimSun",serif;font-size:28px;margin:0 0 8px;color:var(--gold-lt)}
.join-in h2::after{content:"";display:block;width:44px;height:2px;background:var(--grad-gold);margin-top:10px;border-radius:2px}
.join-in p{margin:0;color:#CBDFD4;max-width:640px;line-height:1.8}
.join-in .btn-white{background:var(--grad-gold);color:var(--g-deep)}
.join-in .btn-white:hover{color:var(--g-deep);filter:brightness(1.05)}

/* 手机六宫格单字块 */
.mq-tile b{font-size:24px;font-family:serif;color:#fff}
.g1{background:linear-gradient(135deg,#0B5335,#14764A)}
.g2{background:linear-gradient(135deg,#B4232A,#CE4A50)}
.g3{background:linear-gradient(135deg,#14764A,#1E9A64)}
.g4{background:linear-gradient(135deg,#B6963C,#D8B863)}
.g5{background:linear-gradient(135deg,#083D27,#0B5335)}
.g6{background:linear-gradient(135deg,#1E9A64,#2FB37A)}
.g7{background:linear-gradient(135deg,#14764A,#0B5335)}
.g8{background:linear-gradient(135deg,#D8B863,#B6963C)}

/* hero标签链接、教师头像 */
.hero-badges a{text-decoration:none;display:inline-block}
.tc-card img.tc-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 12px;border:3px solid var(--gold-lt);box-shadow:0 4px 14px rgba(11,83,53,.14)}
@media (max-width:768px){
  .tc-card img.tc-photo{width:64px;height:64px;margin-bottom:8px}
  .footer{padding:22px 0 6px}
  .footer .f-col{margin-bottom:12px}
  .footer h3{font-size:16px;margin-bottom:8px}
  .footer p{margin:4px 0;font-size:14px;line-height:1.7}
  .footer-btm{font-size:12px;padding:10px 0}
}
/* 手机端栅格（必须保留，否则卡片挤一行撑破页面） */
@media (max-width:900px){
  .four-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .four-card{padding:20px 16px 40px}
  .prod-grid{grid-template-columns:1fr;gap:12px}
  .feat-3{grid-template-columns:1fr}
  .tc-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .join-strip{padding:30px 0}
  .join-in{flex-direction:column;align-items:flex-start}
}