/* ============================================================
   魔都茶记 MODU TEA  ·  mtea.css  ·  全新模板
   主题：上海茶生活 · 品茶 · 喝茶 · 茶叶
   风格：海派青砖 × 茶汤金（三层顶部结构）
   ============================================================ */
:root{
  --mtea-bg:#f6f3ec;
  --mtea-card:#fffdf7;
  --mtea-ink:#2b3238;
  --mtea-sub:#6f7980;
  --mtea-brick:#3d4a52;
  --mtea-brick2:#53626b;
  --mtea-gold:#c08a3e;
  --mtea-gold2:#e8dcc2;
  --mtea-line:#ded5c2;
  --mtea-red:#a8402d;
  --mtea-dark:#222a30;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
  background:var(--mtea-bg);color:var(--mtea-ink);line-height:1.7;font-size:15px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul,ol{list-style:none}
.mtea-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.mtea-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--mtea-gold),var(--mtea-red));z-index:9999;transition:width .15s}
/* ============ 第一层：浅色信息条（后台生成） ============ */
.mtea-topbar{background:#f1ece0;border-bottom:1px solid var(--mtea-line)}
.mtea-topbar .mtea-wrap{display:flex;justify-content:space-between;align-items:center;height:34px;gap:12px}
.mtea-top-slogan{font-size:12.5px;letter-spacing:2px;color:var(--mtea-sub)}
.mtea-top-slogan b{color:var(--mtea-gold);font-weight:700}
.mtea-top-info{display:flex;gap:14px;white-space:nowrap;font-size:12.5px;color:var(--mtea-sub)}
.mtea-top-info span i{font-style:normal;color:var(--mtea-gold);margin-right:3px}
/* ============ 第二层：青砖主头部 ============ */
.mtea-header{background:linear-gradient(120deg,#333f46,#3d4a52 55%,#4a5a63);box-shadow:0 3px 12px rgba(34,42,48,.3)}
.mtea-header .mtea-wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:18px}
.mtea-logo{display:flex;align-items:center;gap:11px}
.mtea-logo-badge{
  width:40px;height:40px;border-radius:9px;
  background:linear-gradient(135deg,#f0e3c2,#c08a3e 70%,#96691f);
  color:#333f46;font-size:22px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.35);border:1px solid #f5ead0;
}
.mtea-logo b{color:#fff;font-size:20px;letter-spacing:3px;font-weight:800}
.mtea-logo small{display:block;color:var(--mtea-gold2);font-size:10px;letter-spacing:2px;font-family:Arial,sans-serif}
.mtea-header-right{display:flex;align-items:center;gap:16px}
.mtea-header-tag{font-size:12px;color:var(--mtea-gold2);border:1px dashed rgba(232,220,194,.5);padding:4px 12px;border-radius:14px;letter-spacing:1px}
.mtea-search{display:flex;align-items:center;background:#fff;border-radius:19px;overflow:hidden;border:1px solid var(--mtea-gold)}
.mtea-search input{border:0;outline:0;padding:7px 6px 7px 13px;font-size:13px;width:150px;background:transparent;color:#2b3238;font-family:inherit}
.mtea-search button{background:var(--mtea-gold);color:#fff;border:0;padding:7px 15px;font-size:13px;cursor:pointer;font-family:inherit;letter-spacing:2px;transition:.2s}
.mtea-search button:hover{background:var(--mtea-red)}
/* ============ 第三层：独立导航条 ============ */
.mtea-navbar{background:#fff;border-bottom:2px solid var(--mtea-gold2);box-shadow:0 2px 8px rgba(34,42,48,.06)}
.mtea-navbar .mtea-wrap{display:flex;align-items:center;justify-content:space-between;height:48px}
.mtea-nav{display:flex;align-items:center;height:100%}
.mtea-nav a{display:flex;align-items:center;height:100%;padding:0 17px;font-size:14.5px;letter-spacing:1px;color:var(--mtea-ink);position:relative;transition:.2s;border-left:1px solid #f0ead9}
.mtea-nav a:first-child{border-left:0}
.mtea-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--mtea-gold);border-radius:3px 3px 0 0;transform:scaleX(0);transition:.25s}
.mtea-nav a:hover{color:var(--mtea-gold)}
.mtea-nav a:hover::after{transform:scaleX(1)}
.mtea-nav-aside{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--mtea-sub)}
.mtea-nav-aside b{color:var(--mtea-red);font-weight:700}
.mtea-nav-aside span{background:#f4ecda;padding:3px 10px;border-radius:12px;color:var(--mtea-gold)}
/* ============ 面包屑 ============ */
.mtea-crumb{font-size:13px;color:var(--mtea-sub);padding:14px 0 2px}
.mtea-crumb a{color:var(--mtea-sub)}
.mtea-crumb a:hover{color:var(--mtea-gold)}
.mtea-crumb-sep{margin:0 8px;color:var(--mtea-gold)}
/* ============ Hero ============ */
.mtea-hero{position:relative;height:440px;overflow:hidden}
.mtea-hero-img{position:absolute;inset:0;background:url(/templates/img/mtea-hero.jpg) center/cover no-repeat}
.mtea-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,32,37,.82) 0%,rgba(26,32,37,.5) 55%,rgba(26,32,37,.15) 100%)}
.mtea-hero .mtea-wrap{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.mtea-hero-txt{max-width:660px}
.mtea-eyebrow{display:inline-block;background:var(--mtea-brick);color:var(--mtea-gold2);font-size:12px;letter-spacing:3px;padding:5px 14px;border-radius:3px;margin-bottom:18px;border:1px solid rgba(232,220,194,.4)}
.mtea-hero h1{color:#fff;font-size:44px;line-height:1.25;letter-spacing:2px;font-weight:900;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.mtea-hero h1 em{color:var(--mtea-gold);font-style:normal}
.mtea-hero-sub{margin-top:16px;color:#efe8d8;font-size:15px;letter-spacing:1px}
.mtea-hero-sub em{color:var(--mtea-gold);font-style:normal;margin:0 6px}
.mtea-hero-stat{margin-top:22px;display:flex;gap:26px}
.mtea-hero-stat div{color:#d9d2c0;font-size:13px}
.mtea-hero-stat b{display:block;color:#fff;font-size:22px;letter-spacing:1px}
.mtea-hero-stat i{font-style:normal;color:var(--mtea-gold)}
/* ============ 栏目导览 ============ */
.mtea-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 6px}
.mtea-cat{background:var(--mtea-card);border:1px solid var(--mtea-line);border-radius:11px;padding:18px;display:flex;align-items:center;gap:12px;transition:.2s;box-shadow:0 2px 8px rgba(50,60,66,.05)}
.mtea-cat:hover{transform:translateY(-3px);border-color:var(--mtea-gold);box-shadow:0 8px 20px rgba(50,60,66,.12)}
.mtea-cat i{font-style:normal;width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#eef0ea,#dde3df);color:var(--mtea-brick2);display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}
.mtea-cat span{display:flex;flex-direction:column}
.mtea-cat b{font-size:15.5px;letter-spacing:1px}
.mtea-cat span span{font-size:12px;color:var(--mtea-sub);margin-top:2px}
/* ============ 板块标题 ============ */
.mtea-sec{display:flex;align-items:center;justify-content:space-between;margin:34px 0 16px;position:relative}
.mtea-sec::before{content:"";position:absolute;left:0;bottom:-6px;width:56px;height:3px;background:var(--mtea-gold);border-radius:2px}
.mtea-sec h2{font-size:22px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:10px}
.mtea-sec h2::before{content:"▍";color:var(--mtea-gold);font-size:16px}
.mtea-sec h2 em{font-style:normal;font-size:13px;color:var(--mtea-sub);font-weight:400;letter-spacing:1px;margin-left:8px}
.mtea-sec-more{font-size:13px;color:var(--mtea-gold);letter-spacing:1px;border:1px solid var(--mtea-gold);padding:5px 14px;border-radius:16px;transition:.2s}
.mtea-sec-more:hover{background:var(--mtea-gold);color:#fff}
/* ============ 卡片网格 ============ */
.mtea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mtea-card{background:var(--mtea-card);border:1px solid var(--mtea-line);border-radius:11px;overflow:hidden;transition:.25s;box-shadow:0 2px 8px rgba(50,60,66,.05)}
.mtea-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(50,60,66,.14);border-color:var(--mtea-gold)}
.mtea-card-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e8e4d8}
.mtea-card-img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.mtea-card:hover .mtea-card-img img{transform:scale(1.05)}
.mtea-card-tag{position:absolute;left:10px;top:10px;background:rgba(34,42,48,.72);color:#f0e8d6;font-size:12px;padding:3px 10px;border-radius:3px;letter-spacing:1px;z-index:2}
.mtea-card-body{padding:13px 14px 15px}
.mtea-card-body h3{font-size:16px;letter-spacing:1px;font-weight:700;display:flex;align-items:center;gap:6px}
.mtea-card-body h3::before{content:"◆";color:var(--mtea-gold);font-size:11px}
.mtea-card-body p{font-size:13px;color:var(--mtea-sub);margin-top:6px;line-height:1.6}
/* ============ 图文横条文章卡 ============ */
.mtea-post{display:flex;gap:16px;background:var(--mtea-card);border:1px solid var(--mtea-line);border-radius:11px;padding:14px;margin-bottom:14px;transition:.2s;box-shadow:0 2px 8px rgba(50,60,66,.05)}
.mtea-post:hover{border-color:var(--mtea-gold);transform:translateX(4px)}
.mtea-post-img{flex:0 0 190px;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#e8e4d8}
.mtea-post-img img{width:100%;height:100%;object-fit:cover}
.mtea-post-body{flex:1;min-width:0}
.mtea-post-body h3{font-size:16.5px;letter-spacing:.5px;font-weight:700}
.mtea-post-body h3 a:hover{color:var(--mtea-red)}
.mtea-post-meta{font-size:12px;color:var(--mtea-sub);margin:6px 0;display:flex;gap:12px;flex-wrap:wrap}
.mtea-post-meta i{font-style:normal}
.mtea-post-meta i::before{content:"◆ ";color:var(--mtea-gold)}
.mtea-post-body p{font-size:13px;color:var(--mtea-sub);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ============ 主区+侧栏 ============ */
.mtea-layout{display:grid;grid-template-columns:1fr 300px;gap:26px;padding:22px 0 10px;align-items:start}
.mtea-main{min-width:0}
.mtea-side{display:flex;flex-direction:column;gap:16px}
.mtea-side-box{background:var(--mtea-card);border:1px solid var(--mtea-line);border-radius:11px;padding:16px}
.mtea-side-box h3{font-size:16px;letter-spacing:2px;font-weight:800;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid var(--mtea-gold2);display:flex;align-items:center;gap:8px}
.mtea-side-box h3::before{content:"◆";color:var(--mtea-gold);font-size:12px}
.mtea-side-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px dashed var(--mtea-line);font-size:13.5px}
.mtea-side-list li:last-child{border-bottom:0}
.mtea-side-list a{color:var(--mtea-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.mtea-side-list a:hover{color:var(--mtea-red)}
.mtea-side-list em{font-style:normal;color:var(--mtea-gold);font-weight:700}
.mtea-side-desc{font-size:13px;color:var(--mtea-sub);line-height:1.7}
.mtea-side-tools a{display:block;padding:8px 10px;margin-bottom:6px;background:#f2ecdc;border-radius:8px;font-size:13.5px;letter-spacing:1px;border:1px solid var(--mtea-line);transition:.2s}
.mtea-side-tools a:hover{background:var(--mtea-gold);color:#fff;border-color:var(--mtea-gold)}
.mtea-side-tools a i{font-style:normal;color:var(--mtea-gold);margin-right:6px}
.mtea-side-tools a:hover i{color:#fff}
/* ============ 列表行 ============ */
.mtea-list-item{display:flex;gap:16px;background:var(--mtea-card);border:1px solid var(--mtea-line);border-radius:11px;padding:14px;margin-bottom:14px;transition:.2s}
.mtea-list-item:hover{border-color:var(--mtea-gold);box-shadow:0 8px 20px rgba(50,60,66,.1)}
.mtea-list-img{flex:0 0 220px;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#e8e4d8}
.mtea-list-img img{width:100%;height:100%;object-fit:cover}
.mtea-list-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.mtea-list-body h3{font-size:17px;letter-spacing:.5px;font-weight:700}
.mtea-list-body h3 a:hover{color:var(--mtea-red)}
.mtea-list-meta{font-size:12.5px;color:var(--mtea-sub);margin:7px 0;display:flex;gap:14px;flex-wrap:wrap}
.mtea-list-meta i{font-style:normal}
.mtea-list-meta i::before{content:"◆ ";color:var(--mtea-gold)}
.mtea-list-body p{font-size:13.5px;color:var(--mtea-sub);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ============ 文章页 ============ */
.mtea-article{background:var(--mtea-card);border:1px solid var(--mtea-line);border-radius:11px;padding:30px 32px}
.mtea-article h1{font-size:26px;letter-spacing:1.5px;font-weight:900;line-height:1.4}
.mtea-article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--mtea-sub);margin:14px 0 18px;padding-bottom:14px;border-bottom:1px dashed var(--mtea-line)}
.mtea-article-meta i{font-style:normal}
.mtea-article-meta i::before{content:"◆ ";color:var(--mtea-gold)}
.mtea-article h2{font-size:20px;margin:26px 0 12px;padding-left:12px;border-left:4px solid var(--mtea-gold);letter-spacing:1px}
.mtea-article h3{font-size:17px;margin:20px 0 10px;letter-spacing:.5px;color:var(--mtea-brick2)}
.mtea-article p{font-size:15px;line-height:1.95;margin-bottom:14px;text-align:justify}
.mtea-article img{border-radius:9px;margin:14px 0;width:100%;height:auto}
.mtea-article ul{margin:10px 0 16px;padding-left:4px}
.mtea-article ul li{padding:5px 0 5px 20px;position:relative;font-size:15px;line-height:1.8}
.mtea-article ul li::before{content:"◆";position:absolute;left:0;top:5px;color:var(--mtea-gold);font-size:11px}
.mtea-tip{background:#f4efe2;border:1px dashed var(--mtea-gold);border-radius:9px;padding:13px 16px;font-size:13.5px;color:#6d6244;margin:14px 0}
.mtea-tip b{color:var(--mtea-red)}
/* 目录 */
.mtea-catalog ol{margin:0}
.mtea-catalog li{padding:5px 0 5px 18px;position:relative;font-size:13.5px;border-bottom:1px dashed var(--mtea-line);color:var(--mtea-sub)}
.mtea-catalog li::before{content:"◆";position:absolute;left:0;top:5px;color:var(--mtea-gold);font-size:10px}
/* 标签 */
.mtea-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--mtea-line)}
.mtea-tag{font-size:13px;background:#f2ecdc;border:1px solid var(--mtea-line);padding:4px 13px;border-radius:14px;color:#5d5b50;transition:.2s;letter-spacing:.5px}
.mtea-tag:hover{background:var(--mtea-gold);color:#fff;border-color:var(--mtea-gold)}
/* 上下篇 */
.mtea-pager{display:flex;justify-content:space-between;gap:14px;margin-top:22px}
.mtea-pager a{flex:1;font-size:13.5px;background:#f2ecdc;border:1px solid var(--mtea-line);border-radius:8px;padding:10px 14px;color:var(--mtea-ink);transition:.2s}
.mtea-pager a:hover{border-color:var(--mtea-gold);background:#fff}
.mtea-pager span{display:block;font-size:12px;color:var(--mtea-sub);margin-bottom:2px}
/* 相关推荐 */
.mtea-related{margin-top:30px}
.mtea-related h2{font-size:20px;letter-spacing:2px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.mtea-related h2::before{content:"▍";color:var(--mtea-gold)}
.mtea-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
/* ============ FAQ ============ */
.mtea-faq{border:1px solid var(--mtea-line);border-radius:11px;overflow:hidden;background:var(--mtea-card)}
.mtea-faq-item{border-bottom:1px solid var(--mtea-line)}
.mtea-faq-item:last-child{border-bottom:0}
.mtea-faq-q{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s;letter-spacing:.5px}
.mtea-faq-q:hover{background:#f4efe2}
.mtea-faq-ico{font-size:18px;color:var(--mtea-gold);transition:.25s;font-weight:400}
.mtea-faq-item.on .mtea-faq-ico{transform:rotate(45deg)}
.mtea-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 18px;font-size:13.5px;color:var(--mtea-sub);line-height:1.8}
.mtea-faq-item.on .mtea-faq-a{max-height:200px;padding-bottom:14px}
/* 热门标签 */
.mtea-hots{display:flex;flex-wrap:wrap;gap:10px}
.mtea-hot{font-size:13.5px;background:var(--mtea-card);border:1px solid var(--mtea-line);padding:6px 16px;border-radius:18px;transition:.2s;letter-spacing:1px;color:#5d5b50}
.mtea-hot:hover{background:var(--mtea-brick2);color:#fff;border-color:var(--mtea-brick2)}
/* 榜单行 */
.mtea-hot-list li{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px dashed var(--mtea-line);font-size:13.5px}
.mtea-hot-list li:last-child{border-bottom:0}
.mtea-hot-list em{font-style:normal;width:22px;height:22px;border-radius:5px;background:#f0e4ca;color:var(--mtea-gold);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.mtea-hot-list em.top{background:var(--mtea-gold);color:#fff}
.mtea-hot-list a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mtea-hot-list a:hover{color:var(--mtea-red)}
.mtea-hot-list small{color:var(--mtea-sub);font-size:12px}
/* 底部横幅 */
.mtea-banner{position:relative;border-radius:13px;overflow:hidden;margin:34px 0 6px;background:linear-gradient(120deg,#3d4a52,#53626b);color:#fff;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.mtea-banner::after{content:"沪";position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:120px;color:rgba(255,255,255,.07);font-weight:900}
.mtea-banner h3{font-size:22px;letter-spacing:2px;font-weight:800}
.mtea-banner p{font-size:13.5px;color:var(--mtea-gold2);margin-top:6px}
.mtea-btn{display:inline-block;background:var(--mtea-gold);color:#fff;padding:11px 28px;border-radius:22px;font-size:14px;letter-spacing:2px;transition:.2s;border:0;cursor:pointer;font-family:inherit}
.mtea-btn:hover{background:var(--mtea-red);transform:translateY(-2px)}
/* ============ 页脚 ============ */
.mtea-footer{background:var(--mtea-dark);color:#c9cdc8;margin-top:46px;padding:38px 0 30px;text-align:center}
.mtea-footer h4{color:#fff;font-size:21px;letter-spacing:4px;font-weight:800}
.mtea-footer h4 span{color:var(--mtea-gold);margin:0 8px}
.mtea-footer-sub{font-size:13px;color:var(--mtea-gold2);margin-top:6px;letter-spacing:3px}
.mtea-footer-meta{font-size:12.5px;margin-top:10px;color:#a7aca8}
.mtea-footer-meta b{color:var(--mtea-gold);font-weight:700}
.mtea-footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.mtea-footer-links a{font-size:13px;color:#c9cdc8;transition:.2s}
.mtea-footer-links a:hover{color:var(--mtea-gold)}
/* 回顶 */
.mtea-top{position:fixed;right:24px;bottom:40px;width:44px;height:44px;border-radius:50%;background:var(--mtea-gold);color:#fff;font-size:20px;border:0;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:950;box-shadow:0 4px 14px rgba(34,42,48,.35);transition:.2s;font-family:inherit}
.mtea-top:hover{background:var(--mtea-red)}
/* 评分星 */
.mtea-stars{color:var(--mtea-gold);letter-spacing:2px;font-size:13px}
/* 移动端 */
@media(max-width:960px){
  .mtea-grid{grid-template-columns:repeat(2,1fr)}
  .mtea-cats{grid-template-columns:repeat(2,1fr)}
  .mtea-layout{grid-template-columns:1fr}
  .mtea-related-grid{grid-template-columns:repeat(2,1fr)}
  .mtea-navbar .mtea-wrap{flex-wrap:wrap;height:auto;padding:8px 16px;gap:8px}
  .mtea-nav{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .mtea-nav a{height:38px;border-left:0;padding:0 12px}
  .mtea-header .mtea-wrap{height:auto;padding:10px 16px;flex-wrap:wrap;gap:10px}
  .mtea-search input{width:110px}
  .mtea-hero{height:370px}
  .mtea-hero h1{font-size:32px}
}
@media(max-width:560px){
  .mtea-grid{grid-template-columns:1fr}
  .mtea-cats{grid-template-columns:1fr}
  .mtea-topbar .mtea-wrap{height:auto;padding:6px 16px;flex-direction:column;align-items:flex-start;gap:4px}
  .mtea-top-info{flex-wrap:wrap;gap:8px}
  .mtea-post,.mtea-list-item{flex-direction:column}
  .mtea-post-img,.mtea-list-img{flex:auto;width:100%}
  .mtea-article{padding:18px 16px}
  .mtea-hero{height:320px}
  .mtea-hero h1{font-size:26px}
  .mtea-hero-stat{flex-wrap:wrap;gap:14px}
  .mtea-related-grid{grid-template-columns:1fr}
  .mtea-banner{padding:24px}
  .mtea-header-tag{display:none}
}

/* ===== 本地文章显示（自包含样式） ===== */
.wz-sec{width:100%;max-width:1168px;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:100%;max-width:1168px;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;}}