/* ============================================================
   Guocui Cloud · English Channel (en.css)
   与 guocui.css 共用 :root 设计变量（宣纸/朱砂/描金/黛青）
   仅补充英文频道专属布局：Hero / 卡片栅格 / 内容区 / 页脚
   ============================================================ */

.en-hero{
  background:
    radial-gradient(circle at 15% 20%, rgba(176,141,74,.20), transparent 45%),
    linear-gradient(160deg, var(--jade), var(--jade-deep));
  color:#F3ECDD; padding:66px 0 56px; border-bottom:3px solid var(--gold);
}
.en-hero .en-container{display:flex; flex-direction:column; align-items:center; text-align:center;}
.en-hero .seal-hero{
  display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:74px; margin-bottom:8px;
  background:linear-gradient(150deg,var(--red),var(--red-deep));
  color:#fff; font-family:var(--brush); font-size:26px; line-height:1.05;
  writing-mode:vertical-rl; text-orientation:upright; letter-spacing:2px;
  border-radius:8px; box-shadow:0 4px 12px rgba(122,30,26,.4), inset 0 0 0 2px rgba(255,255,255,.22);
}
.en-hero h1{font-family:var(--brush); font-size:48px; letter-spacing:5px; margin:14px 0 6px; color:#FBF6EA; text-shadow:0 2px 10px rgba(0,0,0,.25);}
.en-hero .en-sub{font-family:var(--latin); letter-spacing:4px; text-transform:uppercase; font-size:13px; color:var(--gold-soft);}
.en-hero p{font-family:var(--serif); max-width:780px; margin:20px auto 0; color:#EDE2C9; line-height:1.95; font-size:16px;}

.en-container{max-width:1200px; margin:0 auto; padding:0 18px;}
.en-main{padding:44px 0 64px;}
.en-section{margin-bottom:48px;}
.en-section h2{font-family:var(--brush); font-size:30px; color:var(--red-deep); letter-spacing:2px; border-left:5px solid var(--red); padding-left:14px; margin:0 0 18px;}
.en-section p{font-family:var(--serif); color:var(--ink-soft); line-height:1.95; margin:0 0 14px; font-size:15.5px;}
.en-section ul.en-list{font-family:var(--serif); color:var(--ink-soft); line-height:1.95; font-size:15.5px; padding-left:22px;}
.en-section ul.en-list li{margin:0 0 10px;}
.en-section ul.en-list li b{color:var(--jade-deep);}

.en-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.en-card{background:var(--card); border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:6px; padding:22px 20px; box-shadow:0 8px 22px rgba(43,38,32,.07); transition:.25s; display:flex; flex-direction:column;}
.en-card:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(43,38,32,.13); border-top-color:var(--red);}
.en-card .ec-cn{font-family:var(--brush); font-size:26px; color:var(--red); letter-spacing:3px;}
.en-card h3{font-family:var(--latin); font-size:19px; color:var(--jade-deep); margin:6px 0 10px; letter-spacing:.5px;}
.en-card p{font-family:var(--serif); color:var(--ink-soft); font-size:14px; line-height:1.85; flex:1;}
.en-card a.ec-link{margin-top:14px; align-self:flex-start; color:var(--red); font-family:var(--serif); font-weight:600; border-bottom:1px solid var(--gold); padding-bottom:2px;}
.en-card a.ec-link:hover{color:var(--red-deep); text-decoration:none; border-bottom-color:var(--red);}

.en-cta{background:linear-gradient(160deg,var(--paper-2),var(--card)); border:1px solid var(--line); border-left:5px solid var(--red); padding:28px 24px; border-radius:6px; text-align:center;}
.en-cta h3{font-family:var(--brush); font-size:24px; color:var(--red-deep); margin:0 0 8px; letter-spacing:2px;}
.en-cta p{font-family:var(--serif); color:var(--ink-soft); margin:0 0 6px;}
.en-cta a{display:inline-block; margin-top:12px; background:var(--red); color:#fff; padding:10px 28px; border-radius:22px; font-family:var(--serif); letter-spacing:1px;}
.en-cta a:hover{background:var(--red-deep); text-decoration:none;}

.en-footer{background:var(--jade-deep); color:#C9A86A; padding:30px 0; border-top:3px solid var(--gold); text-align:center; font-family:var(--serif); font-size:13px; line-height:1.95;}
.en-footer a{color:var(--gold-soft);}
.en-footer .en-sep{opacity:.5; margin:0 8px;}

@media (max-width:900px){ .en-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){
  .en-grid{grid-template-columns:1fr;}
  .en-hero h1{font-size:34px;}
  #top .top-wrap, .header .header-wrap, .category_navbar .navbar-wrap, .en-container{width:100%!important;}
}

/* 英文频道导航项较多时允许换行居中 */
.category_navbar .navbar-wrap{flex-wrap:wrap; justify-content:center; gap:0 4px;}
.category_navbar .navbar-wrap>li{flex:0 0 auto;}