/* ============================================================
   page-yicheng.css · 驿城区 · 左中右门户三栏原型
   ============================================================ */

/* 统一内联 SVG 图标尺寸（style.css 未定义 .ico 基类尺寸） */
.ico{width:20px;height:20px;flex-shrink:0;}

/* ---------- 首屏 ---------- */
.y-hero{
  position:relative;
  padding:150px 0 90px;
  background:var(--mix-bg);
  overflow:hidden;
}
.y-hero-glow{
  position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;
}
.y-hero-glow-a{width:380px;height:380px;background:radial-gradient(circle,rgba(99,176,232,.45),transparent 70%);top:-80px;right:6%;}
.y-hero-glow-b{width:320px;height:320px;background:radial-gradient(circle,rgba(164,143,232,.4),transparent 70%);bottom:-60px;left:-4%;}
.y-hero-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;z-index:1;
}
.y-hero-text h1{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;line-height:1.25;margin:14px 0 18px;letter-spacing:.5px;}
.y-hero-sub{color:var(--ink-2);font-size:1.05rem;max-width:560px;}
.y-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 22px;}
.y-hero-meta{display:flex;flex-wrap:wrap;gap:22px;color:var(--ink-2);font-size:.92rem;}
.y-hero-meta li{display:flex;align-items:center;gap:7px;}
.y-hero-meta .ico{color:var(--blue);}
.y-hero-media{position:relative;}
.y-hero-media img{
  width:100%;height:380px;object-fit:cover;
  border-radius:var(--r-lg) var(--r-sm) var(--r-lg) var(--r-sm);
  box-shadow:var(--shadow-2);
}
.y-hero-tag{
  position:absolute;left:18px;bottom:18px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(6px);
  padding:9px 16px;border-radius:999px;font-size:.85rem;color:var(--ink-2);
  box-shadow:var(--shadow);
}

/* ---------- 门户三栏 ---------- */
.portal-grid{
  display:grid;grid-template-columns:250px 1fr 260px;gap:28px;align-items:start;
}
.portal-left,.portal-right{position:sticky;top:96px;display:grid;gap:22px;}
.portal-box{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow);
}
.portal-box-title{font-size:1.02rem;font-weight:700;margin-bottom:16px;letter-spacing:.5px;}
.quick-links li{margin-bottom:6px;}
.quick-links a{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--r-sm);
  color:var(--ink-2);font-size:.94rem;transition:background .25s,color .25s,transform .25s;
}
.quick-links a:hover{background:var(--blue-bg);color:var(--blue);transform:translateX(4px);}
.quick-links .ico{color:var(--blue);flex-shrink:0;}
.portal-note p{color:var(--ink-2);font-size:.9rem;line-height:1.8;}
.portal-note{background:var(--purple-bg);border-color:transparent;}
.portal-main{display:grid;gap:24px;}
.portal-card{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg) var(--r-sm) var(--r-lg) var(--r-sm);
  padding:30px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;
}
.portal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);}
.portal-card h2{font-size:1.32rem;font-weight:700;margin:12px 0 14px;}
.portal-card p{color:var(--ink-2);margin-bottom:12px;}
.portal-card p:last-child{margin-bottom:0;}
.portal-card a{color:var(--blue);font-weight:600;}
.portal-card a:hover{text-decoration:underline;}
.portal-cta{background:var(--mix-bg);border-color:transparent;text-align:center;}
.portal-cta p{color:var(--ink-2);font-size:.9rem;margin-bottom:16px;}
.btn-block{width:100%;}
.side-news li{padding:11px 0;border-bottom:1px dashed var(--line);}
.side-news li:last-child{border-bottom:none;}
.side-news a{display:block;font-size:.9rem;color:var(--ink);line-height:1.5;}
.side-news a:hover{color:var(--blue);}
.side-news time{font-size:.78rem;color:var(--ink-3);}

/* ---------- 常见问题 ---------- */
.faq{background:var(--blue-bg);}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.faq-item{
  background:#fff;border-radius:var(--r-md);padding:26px;
  border-left:4px solid var(--blue);box-shadow:var(--shadow);transition:transform .3s,border-color .3s;
}
.faq-item:hover{transform:translateY(-4px);border-left-color:var(--purple);}
.faq-item h3{font-size:1.05rem;margin-bottom:10px;}
.faq-item p{color:var(--ink-2);font-size:.94rem;}
.faq-item a{color:var(--blue);font-weight:600;}

/* ---------- 资讯 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.news-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;display:block;
}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);}
.news-card img{width:100%;height:150px;object-fit:cover;}
.news-card-body{padding:16px;}
.news-card-body h3{font-size:.98rem;line-height:1.5;margin:10px 0 8px;}
.news-card-body time{font-size:.78rem;color:var(--ink-3);}

/* ---------- 相邻县区 ---------- */
.neighbor-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.neighbor-chip{
  padding:12px 26px;border-radius:999px;background:#fff;border:1.5px solid var(--line);
  font-weight:600;color:var(--ink-2);box-shadow:var(--shadow);transition:all .25s;
}
.neighbor-chip:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-3px);}
.neighbor-chip.neighbor-all{background:var(--mix-bg);border-color:transparent;color:var(--purple);}

/* ---------- CTA ---------- */
.y-cta{position:relative;padding:80px 0;overflow:hidden;}
.y-cta-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(124,111,208,.22),transparent 70%);top:-120px;right:-80px;}
.y-cta-inner{
  position:relative;background:linear-gradient(135deg,var(--blue),var(--purple));
  border-radius:var(--r-lg);padding:48px;display:flex;flex-wrap:wrap;gap:28px;
  align-items:center;justify-content:space-between;color:#fff;box-shadow:var(--shadow-2);
}
.y-cta-inner h2{font-size:1.7rem;font-weight:800;margin-bottom:10px;}
.y-cta-inner p{color:rgba(255,255,255,.9);max-width:520px;}
.y-cta-contact{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.y-cta-contact .btn-primary{background:#fff;color:var(--blue);box-shadow:none;}
.y-cta-contact .btn-ghost{border-color:#fff;color:#fff;}
.y-cta-contact .btn-ghost:hover{background:rgba(255,255,255,.15);}
.y-cta-mail{font-size:.88rem;color:rgba(255,255,255,.85);}

/* ---------- 响应式 ---------- */
@media (max-width:1023px){
  .y-hero-grid{grid-template-columns:1fr;gap:30px;}
  .y-hero-media img{height:300px;}
  .portal-grid{grid-template-columns:1fr;}
  .portal-left,.portal-right{position:static;grid-template-columns:1fr 1fr;}
  .news-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
  .y-hero{padding:120px 0 60px;}
  .portal-left,.portal-right{grid-template-columns:1fr;}
  .faq-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .y-cta-inner{padding:30px;}
}


/* ---------- 扩充：报考时间节点 ---------- */
.y-steps-sec{background:#fff;}
.y-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:ystep;}
.y-step{background:var(--blue-bg);border-radius:var(--r-md);padding:22px 18px;position:relative;transition:transform .3s,box-shadow .3s;}
.y-step:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.y-step-dot{display:inline-flex;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;align-items:center;justify-content:center;font-weight:700;margin-bottom:12px;}
.y-step h3{font-size:1rem;margin-bottom:8px;}
.y-step p{font-size:.86rem;color:var(--ink-2);}

/* ---------- 扩充：报考误区 ---------- */
.y-myth-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.y-myth{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow);border-left:4px solid #e8a0a3;}
.y-myth-tag{display:inline-block;padding:3px 12px;border-radius:999px;background:#fdecec;color:#d8646b;font-size:.78rem;font-weight:700;margin-bottom:10px;}
.y-truth{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--blue-bg);color:var(--blue);font-size:.78rem;font-weight:700;margin:12px 0 10px;}
.y-myth p{color:var(--ink-2);font-size:.92rem;}

@media (max-width:1023px){
  .y-steps{grid-template-columns:repeat(2,1fr);}
  .y-myth-list{grid-template-columns:1fr;}
}
@media (max-width:767px){
  .y-steps{grid-template-columns:1fr;}
}


/* ---------- 扩充：深度解读长文 ---------- */
.y2-essay-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:start;}
.y2-essay-body p{margin-bottom:16px;color:var(--ink-2);line-height:2;}
.y2-essay-side{background:var(--blue-bg);border-radius:var(--r-md);padding:24px;}
.y2-essay-side h3{margin-bottom:14px;font-size:1rem;}
.y2-essay-pts{list-style:none;display:grid;gap:12px;}
.y2-essay-pts li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--ink-2);}
.y2-essay-pts .ico{color:var(--blue);margin-top:4px;}
@media (max-width:1023px){
  .y2-essay-grid{grid-template-columns:1fr;}
}


/* ---------- 扩充：报考问答 ---------- */
.y3-qa-sec{background:var(--blue-bg);}
.y3-qa-list{display:grid;gap:16px;max-width:880px;margin:0 auto;}
.y3-qa-item{display:flex;gap:16px;background:#fff;border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--shadow);}
.y3-qa-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
.y3-qa-item h3{font-size:.98rem;margin-bottom:6px;}
.y3-qa-item p{color:var(--ink-2);font-size:.92rem;line-height:1.8;}