/* ============================================================
 * 官网 · 货源大厅（hall.html）页面外壳样式
 * 卡片 / 弹窗等核心视觉复用承运商工作台 portal.css（在 hall.html 中引入），
 * 此处仅负责：页面大图头图、内容容器、筛选栏微调、响应式。
 * ============================================================ */

/* 头图 */
.hall-hero{
  position:relative;
  background:linear-gradient(120deg,#0A4DAA 0%,#0984E3 60%,#1E9BE0 100%);
  color:#fff;
  padding:46px 0 54px;
  overflow:hidden;
}
.hall-hero::after{
  content:"";position:absolute;right:-60px;top:-40px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none;
}
.hall-hero .wrap{position:relative;z-index:1}
.hall-hero h1{font-size:30px;margin:0 0 10px;font-weight:800;letter-spacing:.5px}
.hall-hero p{margin:0;max-width:760px;line-height:1.7;color:rgba(255,255,255,.92);font-size:15px}
.hall-hero .crumb{
  font-size:13px;color:rgba(255,255,255,.75);margin-bottom:12px;
}
.hall-hero .crumb a{color:rgba(255,255,255,.85);text-decoration:none}
.hall-hero .crumb a:hover{text-decoration:underline}
.hall-hero .hall-hero__stat{
  display:flex;gap:28px;margin-top:22px;flex-wrap:wrap;
}
.hall-hero .hall-hero__stat .it{display:flex;flex-direction:column}
.hall-hero .hall-hero__stat .num{font-size:22px;font-weight:800}
.hall-hero .hall-hero__stat .lbl{font-size:13px;color:rgba(255,255,255,.8)}

/* 内容容器：复用官网标准宽屏 .wrap（--wrap 1600px），与 index/services 等页面一致，不再 1100px 收窄 */
.hall-section{padding:0 0 8px}

/* 复用承运商工作台 .cp-main/.cp-card 布局，这里做适配 */
.hall-section .cp-main{padding:0}
.hall-section .cp-card{
  margin-top:-30px;position:relative;z-index:2;
  background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(10,40,90,.10);
  padding:20px 22px;
}

/* 筛选栏：宽屏同一行展示，窄屏回落；覆盖 .yc-city-sel 的 width:100% */
.cp-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cp-filters .cp-input,
.cp-filters .cp-select,
.cp-filters .yc-city-sel,
.cp-filters .cp-check,
.cp-filters .cp-btn{flex:0 0 auto;width:auto;min-width:0}
.cp-filters .cp-input{width:170px}
.cp-filters .cp-select{min-width:150px}
.cp-filters .yc-city-sel{min-width:130px}
.cp-check{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--yz-sub,#5a6b80);cursor:pointer}

/* 输入框 / 下拉框：与 .yc-city-sel 同一观感（细边、9px 圆角、同高、同聚焦环） */
.cp-input,.cp-select{
  height:41px;padding:0 12px;font-size:14px;font-family:inherit;line-height:normal;
  color:var(--yz-text,#1c2b3a);background:#fff;
  border:1px solid var(--yz-line,#dde5ee);border-radius:9px;outline:none;
  transition:border-color .15s,box-shadow .15s;
}
.cp-input::placeholder{color:#b3bdc9}
.cp-input:hover,.cp-select:hover{border-color:var(--yz-primary,#0984e3)}
.cp-input:focus,.cp-select:focus{border-color:var(--yz-primary,#0984e3);box-shadow:0 0 0 3px rgba(9,132,227,.10)}
.cp-select{
  padding-right:34px;cursor:pointer;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aabc0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;
}
.cp-check input{width:15px;height:15px;margin:0;accent-color:var(--yz-primary,#0984e3);cursor:pointer}

/* 按钮：从承运商工作台 portal.css 移植基础 .cp-btn（hall 页未引 portal.css，price-app.css 仅有修饰类） */
.cp-btn{
  border:0;border-radius:9px;padding:9px 18px;font-size:14px;cursor:pointer;
  color:#fff;background:linear-gradient(135deg,var(--yz-deep,#0A4DAA),var(--yz-primary,#0984E3));
  white-space:nowrap;font-family:inherit;line-height:normal;
}
.cp-btn:hover{opacity:.92}
.cp-btn:disabled{opacity:.45;cursor:not-allowed}
.cp-btn--sm{padding:7px 14px;font-size:13px;border-radius:8px}
.cp-btn--primary{background:linear-gradient(135deg,var(--yz-deep,#0A4DAA),var(--yz-primary,#0984E3))}
.cp-btn--warn{background:linear-gradient(135deg,#d46b08,var(--yz-warn,#FA8C16))}
.cp-btn--danger{background:linear-gradient(135deg,#c0392b,var(--yz-danger,#E5484D))}
.cp-btn--line{background:#fff;color:#4d5f75;border:1px solid #d9e2ec}
.cp-btn--line:hover{border-color:var(--yz-primary,#0984e3);color:var(--yz-primary,#0984e3);opacity:1}
.cp-btn--muted{background:#eef1f5;color:var(--yz-sub,#7a8a9e)}
.cp-btn--muted:hover{opacity:1;background:#e3e8ef}
.cp-order--locked .cp-btn{background:#eef1f5;color:#a5b0bd;border-color:transparent}

/* 列表与空态：一行两条（与承运商工作台 .cp-list 一致，窄屏回落单列） */
.cp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;min-height:240px}
.cp-empty{padding:48px 16px;text-align:center;color:#93a1b3;font-size:14px;background:#f7f9fc;border-radius:12px}

/* 承运商提示条（顶部说明） */
.hall-notice{
  display:flex;align-items:center;gap:10px;font-size:13.5px;color:#0A4DAA;
  background:#eaf3ff;border:1px solid #cfe3ff;border-radius:10px;padding:10px 14px;margin:0 0 4px;
}
.hall-notice b{color:#0A4DAA}

/* 响应式 */
@media (max-width:760px){
  .hall-hero h1{font-size:24px}
  .hall-section .cp-card{margin-top:-20px;padding:16px 14px}
  .cp-filters{gap:8px}
  .cp-filters .cp-input,
  .cp-filters .cp-select,
  .cp-filters .yc-city-sel{flex:1 1 100%;min-width:0}
  .cp-list{grid-template-columns:1fr;gap:14px}
}