/* ============================================================
   游轮家官网 · 排版系统 v2  (2026-10-29)
   ------------------------------------------------------------
   四 级 字 阶（与小程序视觉规范对齐）
     主标题  .hx-h1      → 700 加粗
     副标题  .hx-h2      → 700 加粗（板块标题 / 卡片标题）
     小标题  .hx-kicker  → 400 常规（眉标 / 字段名 / 数据标签）
     正文    .hx-body    → 400 常规
   原则：层级靠字号与留白，不靠颜色与堆叠字重。

   本文件只提供"可选类"，不主动改写任何既有版式，
   由模板逐个挂类生效，可随时摘除、零副作用。
   ============================================================ */

:root{
  --hx-ink:#0B1D3A;
  --hx-ink2:#1B2C46;
  --hx-body:#5A6472;
  --hx-mute:#98A0AC;
  --hx-line:#E7E2D8;
  --hx-gold:#C9A962;
  --hx-gold-d:#A8873F;
  --hx-gold-l:#EFE3C8;
  --hx-paper:#FBFAF7;
  --hx-cream:#F5F1E8;
}

/* ---------------- 四级字阶 ---------------- */
.hx-h1{
  font-family:"Noto Serif SC",serif;
  font-size:clamp(38px,5.1vw,66px);
  font-weight:700 !important;
  line-height:1.14;
  letter-spacing:.06em;
}
.hx-h2{
  font-family:"Noto Serif SC",serif;
  font-size:clamp(26px,2.9vw,36px);
  font-weight:700 !important;
  line-height:1.22;
  letter-spacing:.07em;
}
.hx-h3{
  font-family:"Noto Serif SC",serif;
  font-size:20px;
  font-weight:700 !important;
  line-height:1.4;
  letter-spacing:.03em;
}
.hx-kicker{
  font-size:11px;
  font-weight:400 !important;
  letter-spacing:.3em;
  text-transform:uppercase;
  line-height:1.5;
}
.hx-body{
  font-size:14px;
  font-weight:400 !important;
  line-height:1.78;
  letter-spacing:.02em;
}
.hx-note{
  font-size:12.5px;
  font-weight:400 !important;
  color:var(--hx-mute);
  letter-spacing:.05em;
  line-height:1.7;
}

/* ---------------- 组件 ---------------- */
.hx-facts b{
  font-family:"Noto Sans SC",sans-serif;
  font-size:28px; font-weight:700; color:#fff; line-height:1;
}
.hx-facts span{
  display:block; margin-top:8px;
  font-size:12px; font-weight:400; color:rgba(255,255,255,.52); letter-spacing:.12em;
}

.hx-btn-ghost{
  display:inline-flex; align-items:center; justify-content:center;
  padding:15px 34px; border:1px solid rgba(255,255,255,.48);
  color:#fff; font-size:15px; font-weight:400; letter-spacing:.1em;
  text-decoration:none; transition:background .25s ease, border-color .25s ease;
  background:transparent;
}
.hx-btn-ghost:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.8); }

.hx-rule{ width:34px; height:1px; background:var(--hx-gold); display:inline-block; }

/* 板块头：左对齐 + 右侧「查看全部」 */
.hx-sec-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; padding-bottom:22px; border-bottom:1px solid var(--hx-line);
  text-align:left !important;
}
@media (max-width:767px){
  .hx-sec-head{ flex-direction:column; align-items:flex-start; gap:14px; }
}
.hx-more{
  font-size:13.5px; font-weight:400; color:var(--hx-ink2);
  letter-spacing:.06em; text-decoration:none; white-space:nowrap;
  display:inline-flex; align-items:center; gap:8px; padding-bottom:4px;
}
.hx-more i{ color:var(--hx-gold); font-style:normal; }
.hx-more:hover{ color:var(--hx-gold-d); }

/* ============================================================
   首页统一容器（改造稿基准：1440 视口下内容宽 1200px）
   ============================================================ */
.hx-wrap{ max-width:1200px; margin:0 auto; }
@media (max-width:1279px){
  .hx-wrap{ padding-left:20px; padding-right:20px; }
}

/* ============================================================
   查航期搜索条（改造稿 · 一行四字段 + 直角按钮）
   结构：白卡 1200px 压在 hero 底部
   字段：出发日期 / 航线 / 游轮 / 出行人数，之间 1px 短竖线 #DCD6C8
   ============================================================ */
.hx-sb{
  position:relative; display:flex; align-items:stretch;
  width:100%; background:#fff;
  /* 设计稿实测：白色搜索卡高 112px，查航期按钮 80px 居中（上下各 16px 白边） */
  min-height:112px;
  box-shadow:0 16px 40px rgba(11,29,58,.13);
}
.hx-sb-fields{
  flex:1 1 auto; min-width:0; position:relative; display:grid;
  /* 设计稿实测（1200px 容器下）：分隔线 x=379/650/903，字段宽 259/271/253/245 */
  grid-template-columns:25.194% 26.362% 24.611% 23.833%;
}
.hx-sb-field{
  position:relative; min-width:0; max-width:100%; padding:0 18px 0 34px;
  display:flex; flex-direction:column; justify-content:center;
  overflow:hidden;
  background:transparent; border:0; cursor:pointer; text-align:left;
  font-family:inherit; -webkit-appearance:none; appearance:none;
  transition:background .18s ease;
}
.hx-sb-field:first-child{ padding-left:40px; }
.hx-sb-field:hover{ background:#FBFAF7; }
.hx-sb-field.is-open{ background:#FBFAF7; }
.hx-sb-field::before{
  content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:1px; height:8px; background:#DCD6C8;
}
.hx-sb-field:first-child::before{ display:none; }
.hx-sb-label{
  display:block; font-size:11px; font-weight:400; color:#98A0AC;
  letter-spacing:.02em; line-height:1.2; margin-bottom:9px; white-space:nowrap;
}
.hx-sb-value{
  display:flex; align-items:baseline; gap:9px; min-width:0; max-width:100%;
  /* 设计稿实测：值行字号 16px（「2026-10-29」89.5px、「2 位成人」61.5px） */
  font-size:16px; font-weight:700; color:#0B1D3A;
  letter-spacing:.02em; line-height:1.35;
  flex-wrap:wrap; row-gap:1px;
}
.hx-sb-value.is-muted{ color:#98A0AC; font-weight:400; font-size:16px; }
/* 主值：超长时省略号截断，绝不溢出到相邻字段 */
.hx-sb-value .hx-sb-main{
  flex:0 1 auto; min-width:0; max-width:100%;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* 副值（航线方向/天数）：独立成行，超长省略 */
.hx-sb-sub{
  flex:1 1 100%; min-width:0; margin-right:0;
  font-size:13px; font-weight:400; color:#98A0AC; letter-spacing:.02em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* 箭头固定贴在值区右下角（主值+副值两行时也不换行到第三行） */
.hx-sb-caret{
  flex:0 0 auto; align-self:flex-end; margin-left:auto; margin-bottom:3px;
  width:8px; height:8px;
  border-right:1.6px solid #98A0AC; border-bottom:1.6px solid #98A0AC;
  transform:translateY(-2px) rotate(45deg);
}
.hx-sb-btn{
  flex:0 0 156px; align-self:center; height:80px; margin:0 8px;
  background:#0B1D3A; color:#fff; border:0; cursor:pointer;
  font-family:inherit; font-size:15px; font-weight:700; letter-spacing:.3em; text-indent:.3em;
  transition:background .2s ease;
}
.hx-sb-btn:hover{ background:#132C52; }
/* 未选条件时按钮保持改造稿的深色外观，仅光标提示不可用 */
.hx-sb-btn:disabled{ background:#0B1D3A; color:#fff; cursor:not-allowed; opacity:1; }
/* 未选条件时点击「查航期」的引导提示 */
.hx-sb-toast{
  position:absolute; right:10px; bottom:calc(100% + 10px); z-index:45;
  background:#0B1D3A; color:#fff; font-size:12.5px; letter-spacing:.04em;
  padding:8px 16px; white-space:nowrap; pointer-events:none;
  box-shadow:0 12px 28px rgba(11,29,58,.26);
}

/* ---- 下拉面板 ---- */
.hx-sb-panel{
  position:absolute; top:100%; left:0; z-index:70;
  background:#fff; border:1px solid #E7E2D8; border-top:0;
  box-shadow:0 22px 46px rgba(11,29,58,.16);
}
.hx-sb-panel-date{ left:0; width:392px; padding:22px 24px 24px; }
.hx-sb-panel-route{ left:25.194%; width:340px; padding:14px 0 16px; }
.hx-sb-panel-ship{ left:51.556%; width:340px; padding:14px 0 16px; }
.hx-sb-panel-pax{ left:76.167%; width:220px; padding:18px 20px 20px; }
.hx-sb-panel-search{ padding:10px 14px; border-bottom:1px solid #EFE9DC; }
.hx-sb-panel-search input{
  width:100%; border:1px solid #E3E9F0; border-radius:0;
  padding:8px 10px; font-size:13px; color:#0B1D3A; background:#FBFAF7;
  font-family:inherit; outline:none;
}
.hx-sb-panel-search input:focus{ border-color:#C9A962; }
.hx-sb-panel-hint{
  padding:8px 20px; font-size:12px; color:#8A6D1F;
  background:#FBF7EE; border-bottom:1px solid #EFE9DC;
}
.hx-sb-list{ max-height:298px; overflow-y:auto; }
.hx-sb-group{ padding:10px 20px 5px; font-size:11px; letter-spacing:.16em; color:#98A0AC; }
.hx-sb-opt{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; padding:9px 20px; background:none; border:0; cursor:pointer;
  font-family:inherit; font-size:14px; color:#0B1D3A; text-align:left;
  transition:background .15s ease;
}
.hx-sb-opt:hover{ background:#FBFAF7; }
.hx-sb-opt.is-on{ background:#F4F1E8; }
.hx-sb-opt small{ font-size:12px; color:#98A0AC; flex:0 0 auto; }
.hx-sb-opt.is-on .hx-sb-opt-name{ color:#A8873F; }
.hx-sb-empty{ padding:16px 20px; font-size:13px; color:#98A0AC; }
.hx-sb-pax-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:7px 0; }
.hx-sb-pax-row + .hx-sb-pax-row{ border-top:1px solid #F0EDE4; }
.hx-sb-pax-name{ font-size:14px; color:#0B1D3A; }
.hx-sb-stepper{ display:flex; align-items:center; gap:0; }
.hx-sb-stepper button{
  width:26px; height:26px; background:#fff; border:1px solid #E3E9F0; cursor:pointer;
  font-size:15px; line-height:1; color:#0B1D3A; font-family:inherit;
}
.hx-sb-stepper button:hover{ border-color:#C9A962; color:#A8873F; }
.hx-sb-stepper button:disabled{ color:#C7CDD6; cursor:not-allowed; border-color:#EEF1F5; }
.hx-sb-stepper span{ min-width:34px; text-align:center; font-size:14px; color:#0B1D3A; }

/* ---- 日历 ---- */
.hx-cal-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.hx-cal-title{ font-size:14px; font-weight:700; color:#0B1D3A; letter-spacing:.04em; }
.hx-cal-nav{ display:flex; gap:2px; }
.hx-cal-nav button{
  width:28px; height:28px; background:#fff; border:1px solid #E3E9F0; cursor:pointer;
  color:#5B6672; font-size:12px; line-height:1; font-family:inherit;
}
.hx-cal-nav button:hover{ border-color:#C9A962; color:#A8873F; }
.hx-cal-wk{ display:grid; grid-template-columns:repeat(7,1fr); margin-bottom:4px; }
.hx-cal-wk span{ text-align:center; font-size:11px; color:#98A0AC; padding:4px 0; }
.hx-cal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:3px; }
.hx-cal-day{
  position:relative; height:46px; background:#FBFAF7; border:1px solid #F0EDE4;
  cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center;
  font-family:inherit; padding:0; transition:border-color .15s ease, background .15s ease;
}
.hx-cal-day:hover:not(:disabled){ border-color:#C9A962; background:#fff; }
.hx-cal-day:disabled{ background:#F6F6F4; color:#C7CDD6; cursor:default; }
.hx-cal-day b{ font-size:14px; font-weight:700; color:#0B1D3A; line-height:1.1; }
.hx-cal-day.is-on{ background:#0B1D3A; border-color:#0B1D3A; }
.hx-cal-day.is-on b{ color:#fff; }
.hx-cal-day small{ font-size:9px; color:#A8873F; line-height:1.2; margin-top:2px; }
.hx-cal-day.is-on small{ color:#C9A962; }
.hx-cal-hint{ margin-top:12px; font-size:11.5px; color:#98A0AC; letter-spacing:.02em; }

/* ---- 结果区（查航期下方，页面流内） ---- */
.hx-sb-results{ max-width:1200px; margin:26px auto 0; }
.hx-sb-res-head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:16px; }
.hx-sb-res-title{ font-size:15px; font-weight:700; color:#0B1D3A; letter-spacing:.04em; }
.hx-sb-res-sub{ font-size:12.5px; color:#98A0AC; letter-spacing:.02em; }
.hx-sb-res-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.hx-sb-res-card{
  background:#fff; border:1px solid #E9EEF4; overflow:hidden; text-decoration:none;
  display:flex; flex-direction:column;
}
.hx-sb-res-card:hover{ border-color:#DCE3EC; box-shadow:0 10px 30px rgba(11,29,58,.08); }
.hx-sb-res-body{ padding:14px 16px 16px; display:flex; flex-direction:column; flex:1; }
.hx-sb-res-name{ font-size:16px; font-weight:700; color:#0B1D3A; letter-spacing:.02em; line-height:1.35; }
.hx-sb-res-meta{ margin-top:6px; font-size:12px; color:#8A93A0; letter-spacing:.02em; }
.hx-sb-res-foot{ margin-top:auto; padding-top:12px; display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.hx-sb-res-price{ font-size:22px; font-weight:700; color:#0B1D3A; line-height:1; }
.hx-sb-res-price small{ font-size:11px; font-weight:400; color:#98A0AC; margin-left:4px; }
.hx-sb-res-fan{ font-size:11px; color:#C9A962; }

/* ============================================================
   查航期下方信息行（已按需求删除 · 保留占位以防旧样式残留）
   ============================================================ */
@media (max-width:1023px){
  .hx-sb{ flex-wrap:wrap; }
  .hx-sb-fields{ grid-template-columns:1fr 1fr; width:100%; }
  .hx-sb-field{ padding:14px 20px; border-bottom:1px solid #F0EDE4; }
  .hx-sb-field:first-child{ padding-left:20px; }
  .hx-sb-field::before{ display:none; }
  .hx-sb-btn{ flex:1 1 100%; height:52px; margin:0; }
  .hx-sb-panel{ position:static; width:100% !important; border:1px solid #E7E2D8; border-top:0; }
  .hx-sb-panel-date{ padding:18px 16px; }
  .hx-sb-res-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
  .hx-sb-fields{ grid-template-columns:1fr; }
  .hx-sb-res-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   首屏 Hero（左对齐 · 干净底图 · 无叠加文字冲突）
   ============================================================ */
.hx-hero{
  position:relative; width:100%; overflow:hidden;
  min-height:620px; height:74vh; max-height:760px;
  display:flex; align-items:center;
  padding-bottom:86px;
  background:#0B1D3A;
}
.hx-hero-bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
}
.hx-hero-mask{
  position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(11,29,58,.86) 0%,
    rgba(11,29,58,.62) 40%,
    rgba(11,29,58,.16) 72%,
    rgba(11,29,58,.30) 100%);
}
.hx-hero-inner{
  position:relative; z-index:2;
  width:100%; max-width:1280px; margin:0 auto;
  padding:0 40px; text-align:left;
}
.hx-hero-kicker{ color:rgba(255,255,255,.60); margin:0 0 20px; }
.hx-hero-title{
  color:#fff; margin:0;
  text-shadow:0 2px 26px rgba(0,0,0,.30);
}
.hx-hero-sub{
  margin:22px 0 0; max-width:640px;
  font-size:16px; font-weight:400; line-height:1.8;
  letter-spacing:.06em; color:rgba(255,255,255,.84);
}
.hx-hero-actions{
  margin-top:34px; display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}
.hx-hero-facts{
  margin-top:54px; display:flex; gap:56px; flex-wrap:wrap;
}
@media (max-width:767px){
  .hx-hero{ min-height:0; height:auto; max-height:none; padding:56px 0 48px; }
  .hx-hero-inner{ padding:0 22px; }
  .hx-hero-mask{
    background:linear-gradient(180deg,
      rgba(11,29,58,.78) 0%,
      rgba(11,29,58,.62) 55%,
      rgba(11,29,58,.78) 100%);
  }
  .hx-hero-sub{ font-size:13px; margin-top:16px; letter-spacing:.01em; }
  .hx-hero-actions{ margin-top:26px; gap:12px; }
  .hx-hero-facts{ margin-top:36px; gap:30px; }
}

/* ============================================================
   促销位（活动卡条 · 置于查航期上方 · 白底浅卡 · 无深色背景）
   ============================================================ */
.hx-promo{
  background:#F7F5F1; padding:20px 0 26px;
  position:relative; z-index:29; margin-top:-86px;
}
.hx-promo-inner{ max-width:1200px; margin:0 auto; padding:0 20px; }
.hx-promo-list{ display:flex; flex-wrap:wrap; gap:16px; }
.hx-promo-card{
  flex:1 1 300px; min-width:0;
  display:flex; align-items:center; gap:16px;
  padding:10px; border-radius:0;
  background:#FFFFFF;
  border:1px solid #E9EEF4;
  text-decoration:none;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.hx-promo-card:hover{ border-color:#D8C79A; box-shadow:0 8px 24px rgba(11,29,58,.07); }
.hx-promo-thumb{
  width:148px; height:94px; border-radius:0; overflow:hidden; flex-shrink:0;
  background:#F0EDE4;
}
.hx-promo-card{ min-height:114px; }
.hx-promo-thumb img{ width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.hx-promo-txt{ min-width:0; }
.hx-promo-title{
  margin:0; font-size:15px; font-weight:700; color:#0B1D3A;
  line-height:1.4; letter-spacing:.02em;
}
.hx-promo-sub{
  margin:6px 0 0; font-size:12.5px; font-weight:400;
  color:#8A93A0; line-height:1.5; letter-spacing:.02em;
}
.hx-promo-link{
  display:inline-flex; align-items:center; gap:6px; margin-top:9px;
  font-size:12.5px; font-weight:400; color:#A8873F; letter-spacing:.04em;
}
.hx-promo-card:hover .hx-promo-link{ color:#C9A962; }
@media (max-width:1279px){
  .hx-promo-inner{ padding:0 20px; }
}
@media (max-width:767px){
  .hx-promo-inner{ padding:0 16px; }
  .hx-promo-thumb{ width:112px; height:72px; }
  .hx-promo-card{ flex:1 1 100%; }
}

/* ===== 数据带（改造稿：左对齐 · 大数字 + 标签 + 说明） ===== */
.hx-stat{ text-align:left; }
.hx-stat-num{
  font-size:56px; font-weight:700; line-height:1; color:#0B1D3A;
  letter-spacing:-.015em;
}
.hx-stat-num span{ font-size:20px; font-weight:700; margin-left:3px; letter-spacing:0; }
.hx-stat-label{
  margin-top:15px; font-size:15px; font-weight:700; color:#1F2B3A; letter-spacing:.04em;
}
.hx-stat-desc{
  margin:9px 0 0; font-size:12.5px; font-weight:400; color:#6B7480;
  line-height:1.75; letter-spacing:.02em; max-width:250px;
}
@media (max-width:767px){
  .hx-stat-num{ font-size:44px; }
  .hx-stat-num span{ font-size:17px; }
  .hx-stat-desc{ max-width:none; }
}

/* ===== 航次卡片（改造稿：图 16:10 / 标签 / 船名 / 说明 / 分隔 / 价格大字） ===== */
.hx-card{
  display:flex; flex-direction:column; background:#fff;
  border:1px solid #E9EEF4; border-radius:0; overflow:hidden;
  text-decoration:none; transition:box-shadow .25s ease, border-color .25s ease;
}
.hx-card:hover{ box-shadow:0 10px 34px rgba(11,29,58,.10); border-color:#DCE3EC; }
.hx-card-img{ position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:#E9EEF4; }
.hx-card-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s ease; }
.hx-card:hover .hx-card-img img{ transform:scale(1.05); }
.hx-card-tag{
  position:absolute; top:10px; left:10px; padding:3px 9px;
  background:rgba(11,29,58,.82); color:#fff; border-radius:0;
  font-size:11px; font-weight:400; letter-spacing:.06em; line-height:1.6;
}
.hx-card-body{ display:flex; flex-direction:column; flex:1; padding:18px 18px 20px; }
.hx-card-name{
  margin:0; font-size:19px; font-weight:700; color:#0B1D3A;
  line-height:1.35; letter-spacing:.02em;
}
.hx-card-desc{
  margin:7px 0 0; font-size:12.5px; font-weight:400; color:#8A93A0;
  line-height:1.6; letter-spacing:.02em;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.hx-card-div{ height:1px; background:#EEF2F7; margin:14px 0 12px; }
.hx-card-meta{ font-size:12.5px; font-weight:400; color:#5B6672; letter-spacing:.02em; line-height:1.6; }
.hx-card-meta{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.hx-card-fan{ font-size:11.5px; color:#98A2AE; }
.hx-card-fan b{ font-size:12.5px; font-weight:700; color:#C9A962; margin-left:2px; }
.hx-ask{ font-size:15px; font-weight:700; color:#5B6672; }
.hx-card-price{
  display:flex; align-items:baseline; margin-top:10px; color:#1F2B3A;
}
.hx-card-price .cur{ font-size:15px; font-weight:400; color:#5B6672; margin-right:3px; }
.hx-card-price b{ font-size:29px; font-weight:700; line-height:1; letter-spacing:-.01em; }
.hx-card-price .unit{ font-size:12px; font-weight:400; color:#98A2AE; margin-left:6px; }
@media (max-width:767px){
  .hx-card-name{ font-size:17px; }
  .hx-card-price b{ font-size:26px; }
}

/* ===== 搜索卡：压住 hero 底部（改造稿） ===== */
.hx-search-wrap{
  position:relative; z-index:30;
  margin-top:0;
  padding-bottom:34px;
  background:#F7F5F1;
}
.hx-sb-inner{
  max-width:1200px; margin:0 auto; position:relative;
}
@media (max-width:1279px){
  .hx-sb-inner{ padding-left:20px; padding-right:20px; }
}
@media (max-width:1023px){
  .hx-search-wrap{ margin-top:22px; }
}
@media (max-width:767px){
  .hx-hero{ min-height:520px; height:auto; padding:104px 0 56px; }
  .hx-hero-inner{ padding:0 20px; }
}

/* ===== 搜索卡内的日期条（改造稿一行形态） ===== */
.hx-date-bar{
  width:100%; display:flex; align-items:center; gap:14px;
  padding:13px 15px; border-radius:10px;
  border:1px solid #E3E9F0; background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.hx-date-bar:hover{ border-color:#D8C79E; box-shadow:0 4px 16px rgba(11,29,58,.06); }
.hx-date-ico{
  width:30px; height:30px; border-radius:8px; background:#F4F7FB;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#C9A962;
}
.hx-date-txt{ flex:1; min-width:0; text-align:left; }
.hx-date-label{ display:block; font-size:10.5px; font-weight:400; color:#98A2AE; letter-spacing:.14em; line-height:1.4; }
.hx-date-value{ display:block; font-size:15px; font-weight:700; color:#0B1D3A; letter-spacing:.02em; line-height:1.5; margin-top:2px; }
.hx-date-go{
  flex-shrink:0; display:inline-flex; align-items:center; gap:6px;
  background:#0B1D3A; color:#fff; font-size:13px; font-weight:400;
  padding:9px 18px; border-radius:6px; letter-spacing:.06em;
}
@media (max-width:767px){
  .hx-date-bar{ gap:10px; padding:11px 12px; }
  .hx-date-value{ font-size:14px; }
  .hx-date-go{ padding:8px 13px; font-size:12.5px; }
}

/* ========== 首页图片框一律直角（用户要求：图片方框边缘全部用直角） ========== */
.hx-rect{ border-radius:0 !important; }
.hx-rect img{ border-radius:0 !important; }