/* ============================================================
   海上月老 SHANGHAI MATCHMAKER  ·  yl.css  ·  全新结构模板
   主题：上海婚介 · 红娘牵线 · 老字号婚介所
   结构：左右分屏（左固定品牌侧栏 + 右滚动主区）
         + 编号式分段导航 + 服务卡 + 牵手案例进度线
   风格：宣纸米 × 朱砂红 × 黛青 × 鎏金（海派老字号）
   ============================================================ */
:root{
  --yl-bg:#f5f0e6;
  --yl-card:#fffdf7;
  --yl-ink:#2f2a24;
  --yl-sub:#8a7f6e;
  --yl-red:#b03a2e;
  --yl-red2:#c0483b;
  --yl-teal:#3a5a68;
  --yl-teal2:#4a6a78;
  --yl-gold:#b98a44;
  --yl-line:#e0d8c8;
  --yl-dark:#2a2620;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,serif;
  background:var(--yl-bg);color:var(--yl-ink);line-height:1.75;font-size:15px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul,ol{list-style:none}
.yl-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--yl-red),var(--yl-gold));z-index:9999;transition:width .15s}
/* ============ 左右分屏骨架 ============ */
.yl-layout{display:flex;min-height:100vh}
/* ============ 左：固定品牌侧栏 ============ */
.yl-side{
  width:300px;flex:0 0 300px;position:sticky;top:0;height:100vh;
  background:linear-gradient(170deg,#3a1d1a,#2a2620 60%,#241f1a);
  color:#efe6d8;display:flex;flex-direction:column;
  padding:34px 26px 22px;overflow:hidden;z-index:800;
}
.yl-side::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 12%,rgba(176,58,46,.28),transparent 42%),
  radial-gradient(circle at 88% 90%,rgba(58,90,104,.35),transparent 50%);}
.yl-side>*{position:relative;z-index:1}
.yl-seal{
  width:64px;height:64px;border-radius:12px;
  background:linear-gradient(135deg,#c0483b,#8f2f24);
  color:#ffe9c9;font-size:34px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 3px rgba(255,233,201,.55),0 6px 18px rgba(0,0,0,.4);
  letter-spacing:0;
}
.yl-side h1{margin-top:18px;font-size:27px;letter-spacing:6px;color:#fff;font-weight:900}
.yl-side h1 em{font-style:normal;color:var(--yl-red2)}
.yl-side .yl-en{font-family:Arial,sans-serif;font-size:10px;letter-spacing:4px;color:#b9a888;margin-top:4px}
.yl-side .yl-slogan{margin-top:16px;font-size:14px;letter-spacing:2px;color:#d8c9ae;border-left:3px solid var(--yl-red);padding-left:10px;line-height:1.9}
.yl-side .yl-slogan b{color:#ffb4a8}
.yl-hotline{margin-top:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 15px;font-size:12.5px;color:#cfc2a8;line-height:1.9}
.yl-hotline b{color:#ffb4a8;font-size:17px;letter-spacing:1px}
.yl-hotline i{font-style:normal;color:var(--yl-gold)}
.yl-side-nav{margin-top:20px;display:flex;flex-direction:column;gap:3px}
.yl-side-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:13.5px;letter-spacing:2px;color:#d8c9ae;transition:.2s}
.yl-side-nav a::before{content:"❤";font-size:9px;color:var(--yl-red2);opacity:.85}
.yl-side-nav a:hover{background:rgba(176,58,46,.35);color:#fff}
.yl-side-foot{margin-top:auto;font-size:11px;color:#8f8470;letter-spacing:1px;line-height:1.9;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}
.yl-side-foot b{color:#b9a888;font-weight:600}
/* ============ 右：主区 ============ */
.yl-main{flex:1;min-width:0;position:relative}
/* 顶栏（细条） */
.yl-topbar{position:sticky;top:0;z-index:700;background:rgba(255,253,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--yl-line)}
.yl-topbar .yl-wrap{display:flex;align-items:center;justify-content:space-between;height:52px;gap:14px;padding:0 22px}
.yl-topbar .yl-t-logo{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:2px;font-weight:800;color:var(--yl-red2)}
.yl-topbar .yl-t-logo i{font-style:normal;font-size:17px}
.yl-top-search{display:flex;align-items:center;background:#f2ecdf;border:1px solid var(--yl-line);border-radius:16px;overflow:hidden;max-width:210px;flex:1}
.yl-top-search input{border:0;outline:0;padding:5px 4px 5px 11px;font-size:12.5px;width:100%;background:transparent;font-family:inherit;color:#2f2a24}
.yl-top-search button{background:var(--yl-red);color:#fff;border:0;padding:5px 12px;font-size:12.5px;cursor:pointer;font-family:inherit;letter-spacing:1px;transition:.2s}
.yl-top-search button:hover{background:var(--yl-red2)}
.yl-top-info{display:flex;gap:12px;font-size:12px;color:var(--yl-sub);white-space:nowrap;flex-shrink:0}
.yl-top-info span i{font-style:normal;color:var(--yl-red);margin-right:2px}
/* 编号式分段导航 */
.yl-navbar{position:sticky;top:52px;z-index:699;background:#fffdf7;border-bottom:1px solid var(--yl-line)}
.yl-navbar .yl-wrap{display:flex;gap:2px;padding:0 22px}
.yl-nav{display:flex;gap:2px;overflow-x:auto}
.yl-nav a{
  display:flex;align-items:center;gap:8px;padding:12px 15px;
  font-size:13.5px;letter-spacing:2px;color:var(--yl-sub);white-space:nowrap;
  border-bottom:3px solid transparent;transition:.2s;
}
.yl-nav a b{font-style:normal;font-family:Arial,sans-serif;font-size:11px;color:var(--yl-gold);font-weight:700}
.yl-nav a:hover{color:var(--yl-red2);border-bottom-color:var(--yl-red)}
/* ============ Hero ============ */
.yl-wrap{padding-left:22px;padding-right:22px;max-width:1180px;margin:0 auto}
.yl-hero{position:relative;border-radius:16px;overflow:hidden;min-height:400px;margin-top:22px}
.yl-hero-img{position:absolute;inset:0;background:url(/templates/img/yl-hero.jpg) center/cover no-repeat}
.yl-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,28,20,.9) 0%,rgba(38,28,20,.6) 46%,rgba(38,28,20,.05) 100%)}
.yl-hero-body{position:relative;z-index:2;min-height:400px;display:flex;flex-direction:column;justify-content:center;padding:36px}
.yl-eyebrow{width:fit-content;background:var(--yl-red);color:#fff;font-size:11px;letter-spacing:4px;padding:5px 15px;border-radius:2px;margin-bottom:15px}
.yl-hero h1{color:#fff;font-size:37px;line-height:1.25;letter-spacing:3px;font-weight:900;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.yl-hero h1 em{font-style:normal;color:#ffb4a8}
.yl-hero-sub{margin-top:13px;color:#e6d8be;font-size:14px;letter-spacing:2px}
.yl-hero-stat{margin-top:19px;display:flex;gap:24px}
.yl-hero-stat div{color:#cbbfa4;font-size:12.5px}
.yl-hero-stat b{display:block;color:#fff;font-size:20px;letter-spacing:1px}
.yl-hero-stat i{font-style:normal;color:#ffb4a8}
/* ============ 板块标题 ============ */
.yl-sec{display:flex;align-items:baseline;justify-content:space-between;margin:32px 0 15px}
.yl-sec h2{font-size:21px;letter-spacing:3px;font-weight:900;color:var(--yl-ink);display:flex;align-items:center;gap:10px}
.yl-sec h2::before{content:"";width:14px;height:14px;background:var(--yl-red);transform:rotate(45deg);border-radius:2px}
.yl-sec h2 small{font-size:11px;color:var(--yl-sub);letter-spacing:3px;font-weight:400;margin-left:4px;font-family:Arial,sans-serif}
.yl-sec-more{font-size:12.5px;color:var(--yl-red);letter-spacing:1px}
.yl-sec-more:hover{text-decoration:underline}
/* ============ 婚介服务（编号卡） ============ */
.yl-srv{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.yl-srv-item{position:relative;background:var(--yl-card);border:1px solid var(--yl-line);border-radius:13px;padding:21px 19px 19px;overflow:hidden;transition:.25s}
.yl-srv-item::before{content:"";position:absolute;right:-18px;top:-18px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(176,58,46,.13),transparent 70%)}
.yl-srv-item:hover{border-color:var(--yl-red);transform:translateY(-4px);box-shadow:0 12px 26px rgba(90,40,20,.12)}
.yl-srv-no{font-family:Arial,sans-serif;font-size:12px;color:var(--yl-gold);font-weight:700;letter-spacing:1px}
.yl-srv-item h3{font-size:16.5px;margin-top:7px;letter-spacing:1px;font-weight:800}
.yl-srv-item p{font-size:12.5px;color:var(--yl-sub);margin-top:7px;line-height:1.7}
.yl-srv-item a{display:inline-block;margin-top:11px;font-size:12px;color:var(--yl-red);letter-spacing:1px}
.yl-srv-item a:hover{text-decoration:underline}
/* ============ 会员墙 ============ */
.yl-members{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.yl-member{background:var(--yl-card);border:1px solid var(--yl-line);border-radius:13px;overflow:hidden;transition:.25s}
.yl-member:hover{border-color:var(--yl-red);transform:translateY(-4px);box-shadow:0 12px 26px rgba(90,40,20,.12)}
.yl-member-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ece4d4}
.yl-member-img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.yl-member:hover .yl-member-img img{transform:scale(1.05)}
.yl-member-no{position:absolute;left:10px;top:10px;background:var(--yl-teal);color:#fff;font-size:11px;padding:3px 10px;border-radius:3px;letter-spacing:2px;z-index:2}
.yl-member-body{padding:11px 14px 13px}
.yl-member-body h3{font-size:15.5px;font-weight:800;letter-spacing:.5px;display:flex;align-items:center;gap:7px}
.yl-member-body h3 em{font-style:normal;font-size:11px;color:var(--yl-red);border:1px solid var(--yl-red);padding:1px 8px;border-radius:9px;font-weight:400}
.yl-member-body p{font-size:12.5px;color:var(--yl-sub);margin-top:5px;line-height:1.65}
/* ============ 牵手案例（进度式时间线） ============ */
.yl-cases{margin-top:6px}
.yl-case{display:grid;grid-template-columns:76px 1fr 150px;gap:16px;align-items:center;padding:15px 0;border-bottom:1px dashed var(--yl-line)}
.yl-case:last-child{border-bottom:0}
.yl-case-no{text-align:center;color:var(--yl-gold);font-family:Arial,sans-serif}
.yl-case-no b{display:block;font-size:23px;font-weight:800}
.yl-case-no small{font-size:10.5px;letter-spacing:2px}
.yl-case-mid h3{font-size:15.5px;font-weight:800;letter-spacing:.5px}
.yl-case-mid h3 a:hover{color:var(--yl-red2)}
.yl-case-meta{font-size:12px;color:var(--yl-sub);margin-top:4px;display:flex;gap:14px;flex-wrap:wrap}
.yl-case-meta i{font-style:normal}
.yl-case-meta i::before{content:"◆ ";color:var(--yl-red)}
.yl-case-line{position:relative;height:7px;background:linear-gradient(90deg,var(--yl-red),var(--yl-gold));border-radius:4px;margin-top:8px}
.yl-case-line span{position:absolute;right:-5px;top:-6px;width:19px;height:19px;border-radius:50%;background:var(--yl-card);border:3px solid var(--yl-red);box-shadow:0 0 0 4px #f5e6d8}
.yl-case-right{font-size:12.5px;color:var(--yl-sub);text-align:right;line-height:1.8}
.yl-case-right b{color:var(--yl-red);font-size:15px}
/* ============ 红娘团队 ============ */
.yl-team{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.yl-teammate{background:var(--yl-card);border:1px solid var(--yl-line);border-radius:13px;padding:19px;text-align:center;transition:.25s}
.yl-teammate:hover{border-color:var(--yl-red);transform:translateY(-4px);box-shadow:0 12px 26px rgba(90,40,20,.12)}
.yl-avatar{width:82px;height:82px;border-radius:50%;margin:0 auto;border:3px solid #e8d8c2;background:#efe7d8;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--yl-red2);font-weight:800}
.yl-teammate h3{margin-top:12px;font-size:15.5px;font-weight:800}
.yl-teammate em{display:block;font-style:normal;font-size:11.5px;color:var(--yl-gold);letter-spacing:2px;margin-top:3px}
.yl-teammate p{font-size:12.5px;color:var(--yl-sub);margin-top:9px;line-height:1.7}
/* ============ 右栏 / 文章 ============ */
.yl-two{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}
.yl-article{background:var(--yl-card);border:1px solid var(--yl-line);border-radius:14px;padding:27px 28px}
.yl-article h1{font-size:24px;letter-spacing:1.5px;font-weight:900;line-height:1.4}
.yl-article-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:12.5px;color:var(--yl-sub);margin:13px 0 16px;padding-bottom:12px;border-bottom:1px dashed var(--yl-line)}
.yl-article-meta i{font-style:normal}
.yl-article-meta i::before{content:"◆ ";color:var(--yl-red)}
.yl-article h2{font-size:18.5px;margin:22px 0 10px;letter-spacing:1px;padding-left:11px;border-left:4px solid var(--yl-red)}
.yl-article h3{font-size:15.5px;margin:17px 0 8px;color:var(--yl-teal2);letter-spacing:.5px}
.yl-article p{font-size:14.5px;line-height:1.95;margin-bottom:13px;text-align:justify}
.yl-article img{border-radius:10px;margin:13px 0;width:100%;height:auto}
.yl-article ul{margin:9px 0 15px}
.yl-article ul li{padding:5px 0 5px 20px;position:relative;font-size:14.5px;line-height:1.8}
.yl-article ul li::before{content:"囍";position:absolute;left:0;top:5px;color:var(--yl-red);font-size:11px}
.yl-tip{background:#f6e8d8;border:1px dashed var(--yl-gold);border-radius:9px;padding:12px 15px;font-size:13px;color:#7d6a52;margin:13px 0}
.yl-tip b{color:var(--yl-red2)}
.yl-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--yl-line)}
.yl-tag{font-size:12.5px;background:#f6e8d8;border:1px solid var(--yl-line);padding:4px 13px;border-radius:14px;color:#7d6a52;transition:.2s;letter-spacing:.5px}
.yl-tag:hover{background:var(--yl-red);color:#fff;border-color:var(--yl-red)}
.yl-pager{display:flex;justify-content:space-between;gap:14px;margin-top:19px}
.yl-pager a{flex:1;font-size:13px;background:#f6e8d8;border:1px solid var(--yl-line);border-radius:8px;padding:9px 13px;color:var(--yl-ink);transition:.2s}
.yl-pager a:hover{border-color:var(--yl-red);background:#fff}
.yl-pager span{display:block;font-size:11.5px;color:var(--yl-sub);margin-bottom:2px}
/* 侧栏 */
.yl-aside{display:flex;flex-direction:column;gap:15px;position:sticky;top:118px}
.yl-side-box{background:var(--yl-card);border:1px solid var(--yl-line);border-radius:13px;padding:15px}
.yl-side-box h3{font-size:15px;letter-spacing:2px;font-weight:800;padding-bottom:9px;margin-bottom:9px;border-bottom:2px solid #ecdcc4;display:flex;align-items:center;gap:8px}
.yl-side-box h3::before{content:"囍";color:var(--yl-red);font-size:13px}
.yl-hot-list li{display:flex;align-items:center;gap:9px;padding:7px 2px;border-bottom:1px dashed var(--yl-line);font-size:13px}
.yl-hot-list li:last-child{border-bottom:0}
.yl-hot-list em{font-style:normal;width:20px;height:20px;border-radius:3px;background:#f6e8d8;color:var(--yl-red);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:11.5px;flex-shrink:0}
.yl-hot-list em.top{background:var(--yl-red);color:#fff}
.yl-hot-list a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yl-hot-list a:hover{color:var(--yl-red2)}
.yl-hot-list small{color:var(--yl-sub);font-size:11.5px}
.yl-side-list li{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px dashed var(--yl-line);font-size:13px}
.yl-side-list li:last-child{border-bottom:0}
.yl-side-list a{color:var(--yl-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.yl-side-list a:hover{color:var(--yl-red2)}
.yl-side-list em{font-style:normal;color:var(--yl-gold);font-weight:700}
.yl-side-tools a{display:block;padding:8px 10px;margin-bottom:6px;background:#f6e8d8;border-radius:8px;font-size:13px;letter-spacing:1px;border:1px solid var(--yl-line);transition:.2s}
.yl-side-tools a:hover{background:var(--yl-red);color:#fff;border-color:var(--yl-red)}
.yl-side-tools a i{font-style:normal;color:var(--yl-red);margin-right:6px}
.yl-side-tools a:hover i{color:#fff}
.yl-appoint{background:linear-gradient(150deg,#3a5a68,#4a6a78);border:1px solid #2f4550;border-radius:13px;padding:18px;text-align:center;color:#e8eef2}
.yl-appoint h3{font-size:15px;letter-spacing:2px;font-weight:800}
.yl-appoint p{font-size:12px;color:#b9c6ce;margin:7px 0 11px}
.yl-appoint-btn{display:inline-block;background:var(--yl-red);color:#fff;padding:9px 25px;border-radius:4px;font-size:13px;letter-spacing:2px;transition:.2s}
.yl-appoint-btn:hover{background:var(--yl-red2);transform:translateY(-2px)}
/* 列表页 */
.yl-list-item{display:flex;gap:15px;background:var(--yl-card);border:1px solid var(--yl-line);border-radius:13px;padding:13px;margin-bottom:13px;transition:.2s}
.yl-list-item:hover{border-color:var(--yl-red);box-shadow:0 8px 20px rgba(90,40,20,.1)}
.yl-list-img{flex:0 0 205px;aspect-ratio:16/10;overflow:hidden;border-radius:9px;background:#ece4d4}
.yl-list-img img{width:100%;height:100%;object-fit:cover}
.yl-list-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.yl-list-body h3{font-size:16px;letter-spacing:.5px;font-weight:800}
.yl-list-body h3 a:hover{color:var(--yl-red2)}
.yl-list-meta{font-size:12px;color:var(--yl-sub);margin:6px 0;display:flex;gap:14px;flex-wrap:wrap}
.yl-list-meta i{font-style:normal}
.yl-list-meta i::before{content:"◆ ";color:var(--yl-red)}
.yl-list-body p{font-size:13px;color:var(--yl-sub);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* FAQ */
.yl-faq{border:1px solid var(--yl-line);border-radius:13px;overflow:hidden;background:var(--yl-card)}
.yl-faq-item{border-bottom:1px solid var(--yl-line)}
.yl-faq-item:last-child{border-bottom:0}
.yl-faq-q{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;font-size:14.5px;font-weight:600;cursor:pointer;transition:.2s;letter-spacing:.5px}
.yl-faq-q:hover{background:#f6e8d8}
.yl-faq-ico{font-size:17px;color:var(--yl-red);transition:.25s;font-weight:400}
.yl-faq-item.on .yl-faq-ico{transform:rotate(45deg)}
.yl-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 17px;font-size:13px;color:var(--yl-sub);line-height:1.8}
.yl-faq-item.on .yl-faq-a{max-height:200px;padding-bottom:13px}
/* CTA */
.yl-cta{position:relative;border-radius:14px;overflow:hidden;margin:28px 0 6px;background:linear-gradient(120deg,#3a1d1a,#6b2f26);color:#fff;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.yl-cta::after{content:"囍";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:100px;color:rgba(255,255,255,.07);font-weight:900}
.yl-cta h3{font-size:20px;letter-spacing:2px;font-weight:800}
.yl-cta p{font-size:13px;color:#e0cbb8;margin-top:5px}
.yl-btn{display:inline-block;background:var(--yl-gold);color:#2f2a24;padding:10px 25px;border-radius:4px;font-size:13.5px;letter-spacing:2px;transition:.2s;border:0;cursor:pointer;font-family:inherit;font-weight:700}
.yl-btn:hover{background:#fff;color:var(--yl-red2);transform:translateY(-2px)}
/* ============ 页脚 ============ */
.yl-footer{background:var(--yl-dark);color:#c3b89f;margin-top:44px;padding:34px 22px 26px;text-align:center}
.yl-footer h4{color:#fff;font-size:19px;letter-spacing:5px;font-weight:900}
.yl-footer h4 span{color:var(--yl-red2);margin:0 8px}
.yl-footer-sub{font-size:12.5px;color:#968d77;margin-top:5px;letter-spacing:3px}
.yl-footer-meta{font-size:12px;margin-top:9px;color:#847b66}
.yl-footer-meta b{color:var(--yl-gold);font-weight:700}
.yl-footer-links{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1)}
.yl-footer-links a{font-size:12.5px;color:#c3b89f;transition:.2s}
.yl-footer-links a:hover{color:var(--yl-red2)}
.yl-top{position:fixed;right:22px;bottom:38px;width:42px;height:42px;border-radius:50%;background:var(--yl-red);color:#fff;font-size:18px;border:0;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:950;box-shadow:0 4px 14px rgba(90,30,10,.35);transition:.2s;font-family:inherit}
.yl-top:hover{transform:translateY(-3px)}
/* ============ 响应式 ============ */
@media(max-width:1100px){
  .yl-layout{display:block}
  .yl-side{position:static;width:100%;height:auto;flex:none;padding:18px 20px;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap}
  .yl-side h1{order:1;margin-top:0;font-size:22px}
  .yl-side .yl-en{order:2;margin-top:0}
  .yl-side .yl-slogan{order:3;width:100%;margin-top:8px}
  .yl-hotline{order:4;flex:1;margin-top:8px;min-width:200px}
  .yl-side-nav{order:5;flex-direction:row;flex-wrap:wrap;margin-top:8px;gap:2px}
  .yl-side-foot{display:none}
  .yl-srv,.yl-members,.yl-team{grid-template-columns:repeat(2,1fr)}
  .yl-two{grid-template-columns:1fr}
  .yl-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .yl-aside .yl-side-box{flex:1 1 220px}
  .yl-case{grid-template-columns:64px 1fr;gap:12px}
  .yl-case-right{grid-column:1/-1;text-align:left;padding-left:80px}
}
@media(max-width:640px){
  .yl-srv,.yl-members,.yl-team{grid-template-columns:1fr}
  .yl-topbar .yl-wrap{padding:7px 14px;flex-wrap:wrap;gap:7px;height:auto}
  .yl-top-info{flex-wrap:wrap;gap:7px;order:3;width:100%}
  .yl-top-search{max-width:none}
  .yl-navbar .yl-wrap{padding:0 8px}
  .yl-wrap{padding-left:14px;padding-right:14px}
  .yl-hero{min-height:340px}
  .yl-hero-body{min-height:340px;padding:22px}
  .yl-hero h1{font-size:27px}
  .yl-list-item{flex-direction:column}
  .yl-list-img{flex:auto;width:100%}
  .yl-article{padding:17px 15px}
  .yl-case{grid-template-columns:1fr;padding:12px 0}
  .yl-case-no{text-align:left;display:flex;align-items:baseline;gap:6px}
  .yl-case-no b{font-size:18px}
  .yl-case-right{padding-left:0}
  .yl-cta{padding:21px}
}

/* ===== 本地文章显示（自包含样式） ===== */
.wz-sec{width:calc(100% - 44px);max-width:1136px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;margin:26px auto 13px;padding:13px 18px;border-radius:14px;color:#fff;background:linear-gradient(150deg,#1c3f4d 0%,#28576a 48%,#3f8a9e 100%);box-shadow:0 12px 26px rgba(24,70,88,.35),inset 0 2px 0 rgba(255,255,255,.25),inset 0 -4px 10px rgba(0,0,0,.2);transform:translateZ(0);}
.wz-sec::before{content:"";position:absolute;top:0;left:0;width:100%;height:52%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none;}
.wz-sec h2{position:relative;z-index:1;margin:0;font-size:17.5px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:9px;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.4);}
.wz-sec h2 i{font-style:normal;font-size:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:3px 7px;box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 2px 5px rgba(0,0,0,.25);}
.wz-sec h2 small{font-size:10.5px;letter-spacing:2px;font-weight:400;color:#f6cf8d;opacity:1;margin-left:3px;font-family:Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.45);}
.wz-sec-more{position:relative;z-index:1;font-size:12.5px;color:#fff;letter-spacing:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);padding:5px 15px;border-radius:20px;box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 3px 8px rgba(0,0,0,.2);text-decoration:none;white-space:nowrap;}
.wz-sec-more:hover{background:rgba(255,255,255,.3);text-decoration:none;}
.wz-sec::after{content:"📚 每日更新 · 原创精选";position:absolute;right:95px;top:50%;transform:translateY(-50%);font-size:11.5px;color:#fff;opacity:.8;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.35);z-index:1;}
.wz-wrap{width:calc(100% - 44px);max-width:1136px;margin-left:auto;margin-right:auto;padding:6px 2px 10px;}
.wz-list{margin:0;}
.wz-card{background:linear-gradient(180deg,#ffffff,#fdfaf6);border:1px solid #f0e6dc;border-radius:16px;padding:24px 26px;margin-bottom:24px;box-shadow:0 6px 18px rgba(80,50,30,.10),0 2px 4px rgba(80,50,30,.05),inset 0 1px 0 rgba(255,255,255,.95);position:relative;overflow:hidden;transition:all .3s ease;transform:translateZ(0);}
.wz-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#b03a7a,#e0558f,#f4bd49);opacity:.95;}
.wz-card::after{content:"";position:absolute;top:4px;left:0;width:100%;height:46px;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0));pointer-events:none;z-index:0;}
.wz-card:hover{box-shadow:0 16px 36px rgba(80,50,30,.18),0 4px 8px rgba(80,50,30,.06),inset 0 1px 0 rgba(255,255,255,.95);transform:translateY(-4px);}
.wz-card-title,.wz-card-excerpt,.wz-card-full{position:relative;z-index:1;}
.wz-card-title{margin:8px 0 12px;font-size:21px;line-height:1.5;letter-spacing:.5px;text-shadow:0 1px 2px rgba(176,58,122,.12);}
.wz-card-title a{color:#b03a7a;text-decoration:none;transition:color .2s ease;}
.wz-card-title a:hover{color:#8e2a5e;}
.wz-card-excerpt{font-size:13.5px;color:#9a8f86;line-height:1.7;background:linear-gradient(90deg,#faf7f4,#f6efe9);border-left:4px solid #e8b8a0;padding:9px 14px;border-radius:0 10px 10px 0;margin-bottom:15px;box-shadow:inset 0 1px 2px rgba(0,0,0,.03);}
.wz-card-excerpt:empty{display:none;margin-bottom:0;}
.wz-card-full{font-size:15px;line-height:1.9;color:#424242;word-wrap:break-word;border-top:1px dashed #eee2d6;padding-top:15px;}
.wz-card-full img{max-width:100%;height:auto;border-radius:10px;margin:8px 0;box-shadow:0 4px 14px rgba(0,0,0,.12);}
.wz-card-full h1,.wz-card-full h2,.wz-card-full h3{margin:1em 0 .5em;line-height:1.4;color:#2f2f2f;}
.wz-card-full h2{font-size:18px;border-left:4px solid #b03a7a;padding-left:10px;}
.wz-card-full h3{font-size:16px;}
.wz-card-full p{margin:0 0 1em;}
.wz-card-full ul,.wz-card-full ol{padding-left:1.6em;margin:0 0 1em;}
.wz-card-full li{margin-bottom:.4em;}
.wz-card-full blockquote{border-left:4px solid #b03a7a;margin:1em 0;padding:.6em 1em;background:#faf6f8;color:#666;border-radius:0 10px 10px 0;}
.wz-card-full table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px;}
.wz-card-full td,.wz-card-full th{border:1px solid #e5dcd2;padding:6px 10px;}
.wz-card-full th{background:#faf5f0;}
.wz-card-full a{color:#1976D2;text-decoration:underline;}
@media (max-width:768px){.wz-sec::after{display:none;}.wz-card{padding:18px 16px;}.wz-card-title{font-size:18px;}}