/* ============================================================
 * hz625-light style.css — 广东登报网主题（岭南活力配色）
 * 原创：荔枝红主色 + 镬耳灰渐变 + 暖白底，类名 je- 前缀，零框架
 * ============================================================ */
:root{
  --je-berry:#c23631;         /* 荔枝红（主色） */
  --je-berry-deep:#8b1e1a;    /* 深红 */
  --je-coral:#e05a4f;         /* 珊瑚 */
  --je-coral-lt:#fdf0ee;      /* 浅珊瑚 */
  --je-bg:#faf8f6;            /* 暖白底 */
  --je-card:#ffffff;
  --je-line:#e5ddda;
  --je-txt:#3a2f2d;
  --je-mut:#8c7a76;
  --je-accent:#d49a5a;        /* 镬耳金点缀 */
  --je-r:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--je-bg);color:var(--je-txt);line-height:1.75;font-size:15px}
a{color:var(--je-berry);text-decoration:none}
a:hover{color:var(--je-coral)}
img{max-width:100%;height:auto}
.je-wrap{max-width:1160px;margin:0 auto;padding:0 16px}

/* ---------- 头部 ---------- */
.je-header{background:linear-gradient(120deg,var(--je-berry-deep),var(--je-berry) 55%,var(--je-coral));color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(139,30,26,.25)}
.je-header-in{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.je-logo{display:flex;flex-direction:column;line-height:1.2}
.je-logo a{color:#fff;font-size:22px;font-weight:700;letter-spacing:1px}
.je-logo-sub{font-size:11px;color:#f5dbd8;margin-top:2px}
.je-nav{display:flex;gap:4px;flex-wrap:wrap}
.je-nav a{color:#fce8e5;padding:6px 11px;border-radius:8px;font-size:14px;transition:.2s}
.je-nav a:hover{background:rgba(255,255,255,.14);color:#fff}
.je-nav a.je-nav-cta{background:var(--je-accent);color:#fff;font-weight:600}
.je-menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:20px;width:40px;height:40px;border-radius:8px;cursor:pointer}

/* ---------- 面包屑 ---------- */
.je-crumb{background:var(--je-card);border-bottom:1px solid var(--je-line);font-size:13px;color:var(--je-mut);padding:9px 0}
.je-crumb a{color:var(--je-coral)}
.je-crumb-sep{margin:0 6px;color:var(--je-line)}

/* ---------- 首页 Hero ---------- */
.je-hero{background:linear-gradient(160deg,var(--je-coral-lt),#fdfbf7);border-radius:0 0 24px 24px;padding:44px 20px 40px;text-align:center;margin-bottom:26px}
.je-hero-h1{font-size:34px;color:var(--je-berry-deep);letter-spacing:2px;margin-bottom:12px}
.je-hero-p{max-width:820px;margin:0 auto 22px;color:var(--je-txt);font-size:15.5px}
.je-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.je-btn{display:inline-block;padding:10px 22px;border-radius:10px;font-weight:600;transition:.2s}
.je-btn-primary{background:var(--je-berry);color:#fff}
.je-btn-primary:hover{background:var(--je-berry-deep);color:#fff}
.je-btn-ghost{border:1px solid var(--je-berry);color:var(--je-berry)}

/* ---------- 通用区块 ---------- */
.je-sec{background:var(--je-card);border-radius:var(--je-r);padding:24px 22px;margin-bottom:18px;border:1px solid var(--je-line)}
.je-sec-title{font-size:20px;color:var(--je-berry-deep);margin-bottom:6px;padding-left:11px;border-left:4px solid var(--je-coral)}
.je-sec-sub{color:var(--je-mut);font-size:13.5px;margin-bottom:16px}

/* ---------- 21 城网格 ---------- */
.je-city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.je-city-card{background:var(--je-coral-lt);border:1px solid var(--je-line);border-radius:10px;padding:12px 8px;text-align:center;transition:.2s}
.je-city-card:hover{background:#fce4e0;transform:translateY(-2px)}
.je-city-name{display:block;font-size:16px;font-weight:700;color:var(--je-berry-deep)}
.je-city-tag{display:block;font-size:11.5px;color:var(--je-coral);margin-top:2px}

/* ---------- 报纸卡片 ---------- */
.je-paper-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.je-paper-card{background:var(--je-bg);border:1px solid var(--je-line);border-radius:10px;padding:16px}
.je-paper-card h3{color:var(--je-berry-deep);font-size:16px;margin-bottom:6px}
.je-paper-card p{font-size:13.5px;color:var(--je-txt)}
.je-paper-sm{padding:12px}
.je-paper-lv{color:var(--je-coral);font-size:12.5px;margin-top:4px}

/* ---------- 业务卡 ---------- */
.je-biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.je-biz-card{background:var(--je-bg);border:1px solid var(--je-line);border-radius:10px;padding:16px}
.je-biz-card h3{font-size:15.5px;color:var(--je-berry-deep);margin-bottom:6px}

/* ---------- 流程 ---------- */
.je-flow{list-style:none;counter-reset:none}
.je-flow li{display:flex;gap:14px;padding:12px 4px;border-bottom:1px dashed var(--je-line)}
.je-flow li:last-child{border-bottom:none}
.je-flow-no{flex:0 0 30px;height:30px;border-radius:50%;background:var(--je-berry);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.je-flow-txt{color:var(--je-txt);padding:6px 2px}
.je-flow-text{color:var(--je-txt);font-size:14.5px;line-height:1.9;padding:8px 0}

/* ---------- FAQ ---------- */
.je-faq-item{background:var(--je-bg);border:1px solid var(--je-line);border-radius:10px;margin-bottom:10px;padding:12px 16px}
.je-faq-item summary{cursor:pointer;color:var(--je-berry-deep);font-size:14.5px}
.je-faq-item p{margin-top:8px;color:var(--je-txt);font-size:14px}
.je-faq-section{margin:0 0 30px;padding:0 16px}

/* ---------- 分类页 ---------- */
.je-cat-hero,.je-tag-hero{background:linear-gradient(160deg,var(--je-coral-lt),#fdfbf7);border-radius:var(--je-r);padding:30px 24px;margin-bottom:18px;border:1px solid var(--je-line)}
.je-cat-h1{font-size:28px;color:var(--je-berry-deep);margin-bottom:10px}
.je-cat-lead{color:var(--je-txt);font-size:15px}

/* ---------- 分栏布局 ---------- */
.je-split{display:grid;grid-template-columns:1fr 340px;gap:22px;padding:20px 0}
.je-split-main{min-width:0}
.je-split-aside{min-width:0}
.je-home-grid{display:grid;grid-template-columns:1fr 300px;gap:22px;padding:0 16px 20px}
.je-home-main{min-width:0}
.je-home-aside{min-width:0}

/* ---------- 文章列表 ---------- */
.je-list{display:flex;flex-direction:column;gap:4px}
.je-post{padding:12px 4px;border-bottom:1px solid var(--je-line)}
.je-post:last-child{border-bottom:none}
.je-post-t{font-size:16px;margin-bottom:4px}
.je-post-d{color:var(--je-mut);font-size:13px}
.je-post-tb{display:flex;gap:14px;align-items:flex-start}
.je-post-thumb{flex:0 0 88px}
.je-post-thumb img{border-radius:8px;width:88px;height:66px;object-fit:cover}
.je-post-body{flex:1}

/* ---------- 分页 ---------- */
.je-pager{display:flex;gap:6px;justify-content:center;padding:16px 0;flex-wrap:wrap}
.je-pg{display:inline-block;padding:6px 13px;border:1px solid var(--je-line);border-radius:8px;font-size:13px;background:var(--je-card);color:var(--je-berry)}
.je-pg-now{background:var(--je-berry);color:#fff;border-color:var(--je-berry)}

/* ---------- 文章页 ---------- */
.je-single-grid{display:grid;grid-template-columns:1fr 300px;gap:22px;padding:0 0 20px}
.je-article-main{min-width:0}
.je-article-h1{font-size:24px;color:var(--je-berry-deep);margin-bottom:6px;padding-top:4px}
.je-article-meta{color:var(--je-mut);font-size:13px;margin-bottom:18px}
.je-article-body{font-size:15.5px;line-height:1.9;color:var(--je-txt)}
.je-article-body p{margin:10px 0}
.je-article-body h2{font-size:20px;color:var(--je-berry-deep);margin:24px 0 10px;padding-left:10px;border-left:3px solid var(--je-coral)}
.je-article-body h3{font-size:17px;color:var(--je-berry);margin:18px 0 8px}
.je-article-body ul,.je-article-body ol{padding-left:22px;margin:8px 0}
.je-article-body li{margin:4px 0}
.je-article-body strong{color:var(--je-berry-deep)}
.je-rel-section{margin-top:30px}
.je-art-more{margin-top:16px;font-size:13.5px}
.je-article-aside{min-width:0}

/* ---------- 费用参照 ---------- */
.je-fee-list{display:flex;flex-direction:column;gap:8px}
.je-fee-item{display:flex;flex-wrap:wrap;gap:4px 10px;padding:8px 0;border-bottom:1px dashed var(--je-line)}
.je-fee-item:last-child{border-bottom:none}
.je-fee-type{font-weight:600;color:var(--je-berry-deep);font-size:14px;min-width:100px}
.je-fee-price{color:var(--je-berry);font-weight:700;font-size:15px}
.je-fee-note{width:100%;font-size:12.5px;color:var(--je-mut)}
.je-mat-list{list-style:disc;padding-left:20px;font-size:14px;color:var(--je-txt)}
.je-mat-list li{margin:6px 0}

/* ---------- 页脚 ---------- */
.je-footer{background:linear-gradient(120deg,var(--je-berry-deep),var(--je-berry));color:#ddd;margin-top:30px;padding:36px 0 0}
.je-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:24px}
.je-fcol{min-width:0}
.je-fcol-t{font-size:15px;color:#fff;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.15)}
.je-fcol-p{font-size:13px;color:#ddd;line-height:1.8}
.je-fcol-links{display:flex;flex-wrap:wrap;gap:6px}
.je-fcol-links a{color:#ecc;font-size:13px;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.06);transition:.2s}
.je-fcol-links a:hover{background:rgba(255,255,255,.12);color:#fff}
.je-fcol-cities{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
.je-fcol-cities a{text-align:center;font-size:12px;padding:3px 4px;background:rgba(255,255,255,.05)}
.je-copy{text-align:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px}
.je-copy span{color:#dbb;margin:0 8px}
.je-icp a{color:#dbb}

/* ---------- 响应式 ---------- */
@media (max-width:960px) {
  .je-split,.je-home-grid,.je-single-grid{grid-template-columns:1fr}
  .je-footer-grid{grid-template-columns:1fr 1fr}
  .je-city-grid{grid-template-columns:repeat(4,1fr)}
  .je-paper-row{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px) {
  .je-hero-h1{font-size:26px}
  .je-nav{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--je-berry);padding:12px;border-radius:0 0 12px 12px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
  .je-nav.je-open{display:flex}
  .je-menu-btn{display:block}
  .je-city-grid{grid-template-columns:repeat(3,1fr)}
  .je-paper-row{grid-template-columns:1fr}
  .je-footer-grid{grid-template-columns:1fr}
  .je-fcol-cities{grid-template-columns:repeat(3,1fr)}
  .je-crumb{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .je-crumb::-webkit-scrollbar{display:none}
}