/* ============================================================
   同笔砚 TONG BI YAN · 家长视角现代化设计系统 v2.0
   设计理念：深蓝立信任(砚·沉静长期) ｜ 丝带黄给温度(一诺之信)
            暖白底替代冷灰 ｜ 圆角卡片 + 柔阴影 ｜ 大气字体层级
   ============================================================ */
:root{
  /* 品牌主色 */
  --ink:#0B1A71;          /* 品牌深蓝 · 信任/沉静 */
  --ink-2:#10259E;        /* 深蓝渐变伴色 */
  --blue:#2A52CC;         /* 交互蓝 · 链接/悬停 */
  --blue-soft:#EEF2FF;    /* 浅蓝底 */
  --gold:#FEE83D;         /* 丝带黄 · 温度/高亮 */
  --gold-deep:#F2C200;    /* 金黄悬停 */
  /* 背景与中性 */
  --paper:#FFFFFF;
  --cream:#FBF9F5;        /* 暖白 · 替代冷灰 */
  --cream-2:#F4F1EA;
  /* 文字 */
  --ink-text:#232838;     /* 标题近黑 */
  --body:#5A6072;         /* 正文 */
  --muted:#6B7285;        /* 次要 */
  /* 线条与阴影 */
  --line:#E9EAF0;
  --line-warm:#ECE6DA;
  --shadow:0 14px 38px rgba(11,26,113,.10);
  --shadow-sm:0 6px 18px rgba(11,26,113,.08);
  --shadow-lg:0 22px 60px rgba(11,26,113,.16);
  /* 圆角 */
  --r:18px; --r-md:14px; --r-sm:10px; --r-pill:999px;
  --maxw:1200px;
  --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--font);
  font-size:16px;
  line-height:1.8;
  color:var(--body);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:var(--body);transition:color .2s,background .2s;}
a:hover{color:var(--blue);cursor:pointer;}
img{border:none;max-width:100%;display:block;}
h1,h2,h3,h4,h5{margin:0;font-weight:700;color:var(--ink-text);line-height:1.3;}
ul,li{list-style:none;margin:0;padding:0;}
.clear{clear:both;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px;}

/* ============ 顶部细条 ============ */
.head_all{width:100%;background:var(--ink);clear:both;}
.head_t{max-width:var(--maxw);margin:0 auto;height:38px;line-height:38px;padding:0 22px;color:rgba(255,255,255,.82);font-size:14px;display:flex;justify-content:space-between;align-items:center;}
.head_t .head_tr a{color:rgba(255,255,255,.82);padding:0 10px;font-size:14px;}
.head_t .head_tr a:hover{color:var(--gold);}
.head_t .head_tr a.cta{color:var(--ink);background:var(--gold);padding:4px 14px;border-radius:var(--r-pill);font-weight:700;}
.head_t .head_tr a.cta:hover{background:var(--gold-deep);color:var(--ink);}

/* ============ Logo + 电话区 ============ */
.con_all{width:100%;background:var(--paper);clear:both;border-bottom:1px solid var(--line);}
.con_con{max-width:var(--maxw);margin:0 auto;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;}
.logo{display:flex;align-items:center;gap:14px;}
.logo img{height:52px;width:auto;}
.logo .brand-tag{font-size:13px;color:var(--muted);letter-spacing:3px;font-weight:600;border-left:1px solid var(--line);padding-left:14px;line-height:1.5;white-space:nowrap;}
.logo .brand-name{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:1px;line-height:1.1;}
.logo .brand-sub{font-size:13px;color:var(--muted);letter-spacing:2px;font-weight:600;}
.head-right{display:flex;align-items:center;gap:18px;}
.head-phone{text-align:right;line-height:1.25;}
.head-phone .lab{font-size:13px;color:var(--muted);}
.head-phone .num{font-size:22px;font-weight:800;color:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:.5px;}
.head-cta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-weight:700;font-size:16px;padding:11px 22px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm);}
.head-cta:hover{background:var(--blue);color:#fff;}
.head-cta b{color:var(--gold);}

/* ============ 主导航 ============ */
.mune_all{width:100%;background:var(--ink);position:sticky;top:0;z-index:900;box-shadow:0 4px 18px rgba(11,26,113,.18);}
.nav{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;padding:0 22px;}
.nav ul{display:flex;align-items:center;width:100%;}
.nav li{position:relative;}
.nav li a{display:block;padding:0 20px;height:58px;line-height:58px;color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;transition:background .2s,color .2s;}
.nav li:hover > a,.nav li.current > a{background:var(--gold);color:var(--ink);}
.nav li .submenu{display:none;position:absolute;top:58px;left:0;min-width:170px;background:#fff;border:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);box-shadow:var(--shadow);padding:6px 0;z-index:999;}
.nav li:hover .submenu{display:block;}
.nav li .submenu li{border-bottom:1px solid var(--line);}
.nav li .submenu li:last-child{border-bottom:none;}
.nav li .submenu li a{height:40px;line-height:40px;color:var(--body);font-size:15px;padding:0 18px;font-weight:500;}
.nav li .submenu li a:hover{background:var(--blue-soft);color:var(--ink);}
.nav .nav-cta--first{margin-left:auto;}
.nav .nav-cta--second{margin-left:12px;}
.nav .nav-cta a,.nav .nav-cta--first a,.nav .nav-cta--second a{background:var(--gold);color:var(--ink);border-radius:var(--r-pill);height:42px;line-height:42px;padding:0 22px;margin:8px 0 8px 0;font-weight:800;}
.nav .nav-cta a:hover,.nav .nav-cta--first a:hover,.nav .nav-cta--second a:hover{background:var(--gold-deep);color:var(--ink);}

/* ============ 通用区块 ============ */
.section{padding:72px 0;clear:both;}
.section--cream{background:var(--cream);}
.section--ink{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);}
.sec-head{text-align:center;max-width:760px;margin:0 auto 44px;}
.sec-eyebrow{display:inline-block;background:var(--gold);color:var(--ink);font-size:14px;font-weight:800;letter-spacing:1px;padding:5px 16px;border-radius:var(--r-pill);margin-bottom:16px;}
.sec-title{font-size:30px;font-weight:800;color:var(--ink-text);letter-spacing:.5px;}
.section--ink .sec-title{color:#fff;}
.sec-line{width:64px;height:4px;background:var(--gold);border-radius:2px;margin:16px auto 0;}
.sec-desc{margin-top:16px;font-size:16px;color:var(--body);line-height:1.9;}

/* ============ HERO ============ */
.hero{position:relative;background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);overflow:hidden;}
.hero::after{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(254,232,61,.16),transparent 70%);pointer-events:none;}
.hero__inner{max-width:var(--maxw);margin:0 auto;padding:78px 22px 84px;display:flex;align-items:center;gap:56px;position:relative;z-index:2;}
.hero__text{flex:1.1;min-width:0;}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(254,232,61,.16);color:var(--gold);border:1px solid rgba(254,232,61,.4);font-size:14px;font-weight:700;letter-spacing:1px;padding:7px 16px;border-radius:var(--r-pill);margin-bottom:22px;}
.hero__title{color:#fff;font-size:42px;font-weight:800;line-height:1.32;letter-spacing:1px;margin-bottom:20px;}
.hero__title .hl{color:var(--gold);}
.hero__sub{color:rgba(255,255,255,.86);font-size:17px;line-height:1.95;margin-bottom:18px;max-width:560px;}
.hero__sub b{color:var(--gold);font-weight:700;}
.hero__btns{display:flex;gap:16px;flex-wrap:wrap;margin:26px 0 28px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:800;padding:15px 32px;border-radius:var(--r-pill);transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap;}
.btn:hover{transform:translateY(-2px);}
.btn--gold{background:var(--gold);color:var(--ink);box-shadow:0 10px 26px rgba(254,232,61,.35);}
.btn--gold:hover{background:var(--gold-deep);color:var(--ink);}
.btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff;}
.btn--ink{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm);}
.btn--ink:hover{background:var(--blue);color:#fff;}
.hero__trust{display:flex;flex-wrap:wrap;gap:18px;color:rgba(255,255,255,.82);font-size:14px;}
.hero__trust span{display:inline-flex;align-items:center;gap:6px;}
.hero__trust i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block;}
.hero__media{flex:.9;position:relative;}
.hero__media img{width:100%;border-radius:var(--r);box-shadow:var(--shadow-lg);border:4px solid rgba(255,255,255,.12);}
.hero__media .ribbon{position:absolute;left:-22px;bottom:34px;background:var(--gold);color:var(--ink);font-weight:800;font-size:15px;padding:10px 18px;border-radius:var(--r-pill);box-shadow:var(--shadow);z-index:3;}
/* 首屏轮播（数据源：后台 → 扩展内容 → 轮播图片） */
.hero__media .hero-slide{display:block;position:absolute;left:0;right:0;top:0;opacity:0;transition:opacity .55s ease;pointer-events:none;}
.hero__media .hero-slide:first-of-type{position:relative;opacity:1;pointer-events:auto;}
.hero__media .hero-slide.on{opacity:1;pointer-events:auto;}
.hero__media .hero-slide img{display:block;}
.hero-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;display:flex;gap:8px;z-index:4;}
.hero-dots:empty{display:none;}
.hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .25s;}
.hero-dots i.on{background:var(--gold);width:22px;border-radius:999px;}

/* ============ 价值主张 / 三层深度 ============ */
.depth-grid{display:flex;gap:24px;flex-wrap:wrap;}
.depth-card{flex:1;min-width:260px;background:var(--paper);border:1px solid var(--line-warm);border-radius:var(--r);padding:32px 26px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;}
.depth-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold);}
.depth-card .tag{display:inline-block;background:var(--ink);color:#fff;font-size:14px;font-weight:800;padding:5px 14px;border-radius:var(--r-pill);margin-bottom:14px;}
.depth-card:nth-child(3) .tag{background:var(--gold);color:var(--ink);}
.depth-card h3{font-size:21px;margin-bottom:10px;}
.depth-card p{font-size:15px;line-height:1.9;color:var(--body);margin-bottom:14px;}
.depth-card .corr{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:6px;}
.depth-card .corr-d{font-size:14px;color:var(--muted);}
.depth-card .more{display:inline-block;margin-top:8px;color:var(--blue);font-weight:700;font-size:14px;}

/* ============ 好老师到家 · 服务卡片 ============ */
.svc-wrap{background:var(--blue-soft);border-radius:26px;padding:46px 36px;margin-top:8px;}
.svc-grid{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;}
.svc-card{flex:1;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.svc-card .pill{display:inline-block;font-size:13px;font-weight:800;padding:5px 13px;border-radius:var(--r-pill);margin-bottom:14px;}
.svc-card .pill--free{background:var(--gold);color:var(--ink);}
.svc-card .pill--main{background:var(--ink);color:#fff;}
.svc-card .pill--sub{background:#E4E9F7;color:var(--ink);}
.svc-card h3{font-size:20px;color:var(--ink);margin-bottom:10px;}
.svc-card p{font-size:15px;line-height:1.9;color:var(--body);margin-bottom:12px;}
.svc-card .meta{font-size:13px;color:var(--muted);}
.svc-badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px;}
.svc-badges span{background:#fff;border:1px solid var(--ink);color:var(--ink);font-size:14px;font-weight:700;padding:9px 18px;border-radius:var(--r-pill);}
.svc-note{text-align:center;color:var(--muted);font-size:13px;line-height:1.8;margin-top:20px;}

/* ============ 老师画像预览 ============ */
.teacher-grid{display:flex;gap:22px;flex-wrap:wrap;}
.teacher-card{flex:1;min-width:240px;background:#fff;border:1px solid var(--line-warm);border-radius:var(--r);padding:28px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;}
.teacher-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.teacher-card .ava{width:84px;height:84px;border-radius:50%;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border:3px solid var(--gold);overflow:hidden;}
.teacher-card .ava img{width:100%;height:100%;object-fit:cover;}
.teacher-card .ava .ph{font-size:30px;font-weight:800;color:var(--ink);}
.teacher-card h4{font-size:18px;color:var(--ink);margin-bottom:6px;}
.teacher-card .role{display:inline-block;background:var(--gold);color:var(--ink);font-size:13px;font-weight:800;padding:3px 12px;border-radius:var(--r-pill);margin-bottom:12px;}
.teacher-card p{font-size:14px;line-height:1.85;color:var(--body);}
.teacher-card .verify{margin-top:12px;font-size:13px;color:var(--blue);font-weight:700;}

/* ============ 学员故事 ============ */
.story-grid{display:flex;gap:22px;flex-wrap:wrap;}
.story-card{flex:1;min-width:280px;background:#fff;border-radius:var(--r);padding:30px 28px;box-shadow:var(--shadow-sm);border-top:4px solid var(--gold);}
.story-card .quote{font-size:16px;line-height:1.95;color:var(--ink-text);margin-bottom:18px;}
.story-card .who{display:flex;align-items:center;gap:12px;}
.story-card .who .dot{width:40px;height:40px;border-radius:50%;background:var(--blue-soft);color:var(--ink);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px;}
.story-card .who .name{font-weight:800;color:var(--ink);}
.story-card .who .from{font-size:13px;color:var(--muted);}

/* ============ 资讯列表 ============ */
.news-grid{display:flex;gap:30px;}
.news-main{flex:1.5;min-width:0;}
.news-side{flex:1;min-width:0;}
.news-title-row{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:18px;}
.news-title-row h3{font-size:20px;color:var(--ink);}
.news-title-row a{font-size:14px;color:var(--blue);font-weight:700;}
.news-list li{display:flex;gap:16px;padding:16px 0;border-bottom:1px dashed var(--line);align-items:center;}
.news-list li img{width:120px;height:84px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;}
.news-list li h4{font-size:16px;color:var(--ink-text);font-weight:700;line-height:1.5;margin-bottom:6px;}
.news-list li h4 a{color:var(--ink-text);}
.news-list li h4 a:hover{color:var(--blue);}
.news-list li p{font-size:14px;color:var(--muted);line-height:1.7;}
.news-mini li{padding:11px 0;border-bottom:1px dashed var(--line);font-size:15px;color:var(--body);position:relative;padding-left:14px;}
.news-mini li::before{content:"";position:absolute;left:0;top:18px;width:5px;height:5px;border-radius:50%;background:var(--gold);}
.news-mini li a{color:var(--body);}
.news-mini li a:hover{color:var(--blue);}

/* ============ 品牌故事（同/笔/砚）============ */
.story3{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:30px;}
/* 品牌区已改浅底（见 index.html ⑥），故本组件文字由白字反转为深色；slogan 改「深蓝金匾」保留金色仪式感 */
.story3 .item{max-width:300px;text-align:center;color:var(--ink-text);}
.story3 .item img{width:80px;height:80px;margin:0 auto 12px;}
.story3 .item h3{color:var(--ink);font-size:24px;margin-bottom:8px;}
.story3 .item p{font-size:15px;color:var(--body);line-height:1.8;}
.story3 .slogan{display:inline-block;background:var(--ink);color:var(--gold);font-weight:800;font-size:18px;margin-top:26px;text-align:center;padding:12px 25px 12px 30px;border-radius:var(--r-pill);}

/* ============ 底部 CTA 带 ============ */
.cta-band{text-align:center;}
.cta-band h2{color:#fff;font-size:28px;font-weight:800;margin-bottom:14px;}
.cta-band p{color:rgba(255,255,255,.85);font-size:16px;max-width:680px;margin:0 auto 28px;line-height:1.9;}

/* ============ 页脚 ============ */
.foot{background:#081252;clear:both;color:rgba(255,255,255,.68);padding:54px 0 26px;margin-top:0;}
.footer{max-width:var(--maxw);margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;}
.foot-brand .logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.foot-brand .logo img{height:42px;}
.foot-brand .logo .bn{font-size:19px;font-weight:800;color:#fff;letter-spacing:1px;}
.foot-brand p{font-size:14px;line-height:1.9;color:rgba(255,255,255,.62);margin-bottom:14px;}
.foot-brand .comp{color:var(--gold);font-weight:700;font-size:14px;}
.foot-col h4{color:#fff;font-size:16px;font-weight:800;margin-bottom:16px;position:relative;padding-left:12px;}
.foot-col h4::before{content:"";position:absolute;left:0;top:3px;width:4px;height:16px;background:var(--gold);border-radius:2px;}
.foot-col a{display:block;color:rgba(255,255,255,.72);font-size:14px;line-height:2.2;transition:color .2s;}
.foot-col a:hover{color:var(--gold);}
.foot-contact p{font-size:14px;line-height:2;color:rgba(255,255,255,.72);}
.foot-contact .tel-label{font-size:14px;line-height:1.6;color:rgba(255,255,255,.62);margin-bottom:3px;}
.foot-contact .tel-num{font-size:20px;font-weight:800;color:#fff;line-height:1.4;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;letter-spacing:.5px;margin-bottom:4px;}
.foot-contact .qr{background:#fff;border-radius:var(--r-sm);padding:8px;width:120px;margin-top:10px;}
.foot-contact .qr img{width:100%;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:18px;text-align:center;font-size:13px;color:rgba(255,255,255,.5);line-height:1.9;}
.foot-bottom .compliance{color:var(--gold);font-weight:700;margin-bottom:6px;}

/* ============ 右侧咨询组件（沿用品牌色，略调以贴合新系统）============ */
.tby-consult__tab{background:var(--ink) !important;color:var(--gold) !important;}
.tby-consult__tab:hover{background:var(--blue) !important;}
.tby-consult__panel{border-color:var(--ink) !important;}
.tby-consult__hd{background:var(--ink) !important;color:var(--gold) !important;}
.tby-consult__btn{background:var(--ink) !important;}
.tby-consult__btn:hover{background:var(--blue) !important;}
.tby-consult__btn--tel{background:var(--gold) !important;color:var(--ink) !important;}
.tby-consult__btn--tel:hover{background:var(--gold-deep) !important;}
.tby-consult__btn--ghost{background:#fff !important;color:var(--ink) !important;border:1px solid var(--ink) !important;}
.tby-consult__btn--ghost:hover{background:var(--blue-soft) !important;}

/* ============ 响应式（窄屏）============ */
@media (max-width:1000px){
  .hero__inner{flex-direction:column;padding:56px 22px 64px;gap:34px;}
  .hero__title{font-size:32px;}
  .hero__media{max-width:480px;width:100%;}
  .news-grid{flex-direction:column;}
  .footer{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .con_con{flex-wrap:wrap;height:auto;padding:12px 16px;gap:10px;}
  .head-phone{display:none;}
  .nav ul{flex-wrap:wrap;}
  .nav li a{height:48px;line-height:48px;padding:0 14px;font-size:15px;}
  .nav .nav-cta{margin-left:0;}
  .footer{grid-template-columns:1fr;gap:24px;}
  .sec-title{font-size:24px;}
  .hero__title{font-size:26px;}
}

/* ============ 老师档案卡 · 字段模板组件 ============ */
.tcard-wrap{display:flex;gap:22px;flex-wrap:wrap;margin-top:8px;}
.tcard{flex:1;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;}
.tcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.tcard__top{background:linear-gradient(135deg,var(--ink),var(--ink-2));padding:22px;display:flex;gap:16px;align-items:center;}
.tcard__ava{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.14);border:3px solid var(--gold);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.tcard__ava img{width:100%;height:100%;object-fit:cover;}
.tcard__ava .ph{font-size:26px;font-weight:800;color:#fff;}
.tcard__id .name{color:#fff;font-size:20px;font-weight:800;line-height:1.2;}
.tcard__id .role{display:inline-block;margin-top:8px;background:var(--gold);color:var(--ink);font-size:13px;font-weight:800;padding:3px 12px;border-radius:999px;}
.tcard__body{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1;}
.tcard__verify{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.tcard__verify span{display:inline-flex;align-items:center;gap:4px;background:var(--blue-soft);color:var(--ink);font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px;}
.tcard__verify span i{color:#2e9e5b;font-style:normal;font-weight:800;}
.tcard__row{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:15px;line-height:1.6;}
.tcard__row .k{color:var(--muted);width:76px;flex-shrink:0;font-weight:600;}
.tcard__row .v{color:var(--ink-text);flex:1;}
.tcard__intro{font-size:14px;color:var(--body);line-height:1.85;background:var(--cream);border-radius:var(--r-sm);padding:12px 14px;margin:14px 0;}
.tcard__btn{display:block;text-align:center;background:var(--ink);color:#fff;font-weight:700;font-size:15px;padding:11px;border-radius:var(--r-pill);text-decoration:none;transition:background .2s;margin-top:auto;}
.tcard__btn:hover{background:var(--blue);color:#fff;}
.tcard-note{margin-top:16px;font-size:14px;color:var(--muted);text-align:center;}

/* ============================================================
   内页通用 · 列表/详情/表单/侧边栏（修复旧模板裸奔）
   ============================================================ */
.page-wrap{max-width:var(--maxw);margin:0 auto;padding:48px 22px 72px;display:flex;gap:36px;align-items:flex-start;}
.page-main{flex:1;min-width:0;}
.page-side{width:300px;flex-shrink:0;position:sticky;top:86px;}

.tby-breadcrumb{background:var(--cream);border-bottom:1px solid var(--line-warm);padding:14px 0;}
.tby-breadcrumb .inner{max-width:var(--maxw);margin:0 auto;padding:0 22px;font-size:14px;color:var(--muted);}
.tby-breadcrumb a{color:var(--body);}
.tby-breadcrumb a:hover{color:var(--blue);}
.tby-breadcrumb .sep{margin:0 8px;}

.page-header{background:linear-gradient(135deg,var(--ink),var(--ink-2));padding:46px 0 42px;position:relative;overflow:hidden;}
.page-header::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(254,232,61,.14),transparent 70%);}
.page-header .inner{max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:2;}
.page-header h1{color:#fff;font-size:32px;font-weight:800;margin-bottom:8px;}
.page-header p{color:rgba(255,255,255,.8);font-size:16px;line-height:1.8;max-width:640px;}
.page-header .count{color:var(--gold);font-weight:700;font-size:14px;margin-top:8px;display:inline-block;}

/* 文章列表卡片 */
.article-list{display:flex;flex-direction:column;gap:18px;}
.article-card{display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.article-card .thumb{width:220px;height:150px;flex-shrink:0;border-radius:var(--r-sm);overflow:hidden;background:var(--cream);}
.article-card .thumb img{width:100%;height:100%;object-fit:cover;}
.article-card .body{flex:1;min-width:0;display:flex;flex-direction:column;}
.article-card h3{font-size:19px;color:var(--ink);margin-bottom:10px;line-height:1.45;}
.article-card h3 a{color:var(--ink);}
.article-card h3 a:hover{color:var(--blue);}
.article-card .excerpt{font-size:15px;color:var(--body);line-height:1.85;margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-card .meta{display:flex;gap:18px;font-size:13px;color:var(--muted);margin-top:12px;align-items:center;}
.article-card .meta .tag{display:inline-block;background:var(--blue-soft);color:var(--ink);font-size:13px;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);}

.empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px dashed var(--line-warm);border-radius:var(--r);}
.empty-state p{color:var(--muted);font-size:16px;}

/* 分页 */
.tby-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:38px;flex-wrap:wrap;}
.tby-pagination a,.tby-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);font-size:15px;color:var(--body);transition:all .2s;}
.tby-pagination a:hover{background:var(--blue-soft);border-color:var(--blue);color:var(--ink);}
.tby-pagination .current{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700;}
.tby-pagination .disabled{color:var(--muted);border-color:var(--line);background:#f8f8f8;}

/* 详情页 */
.article-detail{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:42px 46px;box-shadow:var(--shadow-sm);}
.article-header{border-bottom:1px solid var(--line-warm);padding-bottom:24px;margin-bottom:28px;}
.article-header h1{font-size:28px;color:var(--ink);line-height:1.4;margin-bottom:14px;}
.article-meta{display:flex;gap:20px;font-size:14px;color:var(--muted);flex-wrap:wrap;}
.article-meta span{display:inline-flex;align-items:center;gap:6px;}
.article-body{font-size:16px;color:var(--body);line-height:1.95;}
.article-body p{margin-bottom:18px;}
.article-body img{max-width:100%;border-radius:var(--r-sm);margin:18px 0;height:auto !important;}
.article-body h2,.article-body h3,.article-body h4{color:var(--ink);margin:28px 0 14px;font-weight:800;}
.article-body h2{font-size:22px;}
.article-body h3{font-size:19px;}
.article-body ul,.article-body ol{margin:0 0 18px 22px;}
.article-body li{margin-bottom:8px;}
.article-body a{color:var(--blue);text-decoration:underline;}
.article-body a:hover{color:var(--ink);}

.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line-warm);font-size:15px;}
.article-nav a{color:var(--body);display:flex;align-items:center;gap:8px;max-width:48%;}
.article-nav a:hover{color:var(--blue);}
.article-nav .next{margin-left:auto;}

/* 侧边栏 */
.tby-sidebar{display:flex;flex-direction:column;gap:22px;}
.tby-widget{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-sm);}
.tby-widget h4{font-size:16px;color:var(--ink);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gold);display:inline-block;}
.tby-widget ul{display:flex;flex-direction:column;gap:12px;}
.tby-widget li{font-size:15px;line-height:1.6;}
.tby-widget li a{color:var(--body);}
.tby-widget li a:hover{color:var(--blue);}
.tby-widget .cta{display:block;text-align:center;background:var(--ink);color:#fff;font-weight:700;padding:12px;border-radius:var(--r-pill);margin-top:8px;}
.tby-widget .cta:hover{background:var(--blue);color:#fff;}

/* 表单页 */
.form-section{background:var(--cream);padding:46px 0 72px;}
.form-wrap{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:38px 42px;box-shadow:var(--shadow-sm);}
.form-wrap h1{font-size:26px;color:var(--ink);margin-bottom:8px;}
.form-wrap .lead{color:var(--body);font-size:16px;margin-bottom:28px;}
.tby-form{display:flex;flex-direction:column;gap:12px;}
.form-row{display:flex;flex-direction:column;gap:5px;}
.form-row label{font-size:15px;font-weight:700;color:var(--ink);}
.form-row .hint{font-size:13px;color:var(--muted);}
.form-row input[type=text],.form-row input[type=tel],.form-row select,.form-row textarea{width:100%;padding:12px 16px;border:1px solid var(--line-warm);border-radius:var(--r-sm);font-size:16px;color:var(--ink-text);background:#fff;transition:border-color .2s,box-shadow .2s;}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(42,82,204,.1);}
.form-row input[type=radio]{width:auto;margin-right:6px;}
.form-row .radio-group{display:flex;gap:18px;flex-wrap:wrap;}
.form-row textarea{min-height:120px;resize:vertical;}
.tby-form .btn-submit{background:var(--ink);color:#fff;font-size:16px;font-weight:800;padding:14px 32px;border:none;border-radius:var(--r-pill);cursor:pointer;transition:background .2s;align-self:flex-start;}
.tby-form .btn-submit:hover{background:var(--blue);}
.form-note{background:var(--cream);border:1px solid var(--line-warm);border-radius:var(--r-sm);padding:16px;font-size:14px;color:var(--muted);line-height:1.8;margin-top:24px;}

@media (max-width:1000px){
  .page-wrap{flex-direction:column;}
  .page-side{width:100%;position:static;}
  .article-card{flex-direction:column;}
  .article-card .thumb{width:100%;height:200px;}
  .article-detail{padding:28px;}
}
@media (max-width:680px){
  .page-header h1{font-size:24px;}
  .article-detail{padding:22px;}
  .article-header h1{font-size:22px;}
  .form-wrap{padding:26px 22px;}
}