.case-filters {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border-color: #ead8c5;
  background: #fff;
  border-radius: 10px;
}
.case-filters .case-filter-field { grid-template-columns: minmax(0, 1fr); gap: 5px; }
.case-filters .case-filter-select { font-weight: 400; }
.case-wechat-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  height: 38px;
  min-width: 0;
  padding: 0 6px 0 8px;
  border: 1px solid #ded6cd;
  border-radius: 6px;
  color: #2d251d;
  font-size: 12px;
  font-weight: 700;
}
#case-copy-wechat {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  padding: 4px 6px;
  border: 1px solid #f0d3b1;
  border-radius: 999px;
  background: #fff8ef;
  color: #b86911;
  font-size: 10px;
  cursor: pointer;
}
.case-consult-cta {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 9px;
  background: linear-gradient(110deg, #ff9600, #ed7b00);
  box-shadow: 0 4px 9px rgba(240, 130, 0, .18);
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
}
.case-consult-cta:hover { filter: brightness(1.04); }
.case-consult-cta:focus-visible, #case-copy-wechat:focus-visible { outline: 2px solid #b86911; outline-offset: 3px; }
@media (max-width: 680px) {
  .page { padding-top: 14px; }
  .page-topbar { margin-bottom: 12px; padding-right: 36px; }
  .page-breadcrumb { gap: 5px; font-size: 11px; }
  .page-breadcrumb a, .page-breadcrumb strong {
    min-height: 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
  }
  .page-breadcrumb strong { color: #ed8500; }
  .case-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px; gap: 8px; }
  .case-filters .case-filter-label { font-size: 11px; }
  .case-filters .case-filter-select, .case-wechat-value { height: 36px; }
  .case-filters .case-filter-select { font-size: 12px; padding-left: 9px; }
}
@media (max-width: 360px) {
  .case-wechat-value { font-size: 11px; padding-left: 5px; padding-right: 3px; }
  #case-copy-wechat { padding: 4px; gap: 2px; }
  #case-copy-wechat i { display: none; }
}
.case-filters .case-filter-select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ded6cd;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238a98a8' stroke-width='1.5'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center;
}


.trocase-workspace > .page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* Case filter toolbar and three-column controls. */
#case-filters { display:block; }
.case-filter-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; color:#565959; font:700 16px/1.5 "Microsoft YaHei",sans-serif; }
.case-filter-actions { display:flex; align-items:center; gap:10px; }
#case-filters .case-wechat-field { display:block; }
#case-filters .case-wechat-value { gap:12px; height:40px; font-size:14px; white-space:nowrap; }
#case-filter-reset, #case-filter-toggle { padding:8px 18px; border:1px solid #ffbc7a; border-radius:9px; font:700 16px/1.5 "Microsoft YaHei",sans-serif; cursor:pointer; }
#case-filter-reset { color:#b85a00; background:#fff9f1; }
#case-filter-toggle { color:white; background:#505050; border-color:#505050; }
.case-filter-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.case-filter-fields[hidden] { display:none; }
#case-filters .case-filter-select { height:48px; font-size:16px; border-radius:8px; }
#case-filters .case-consult-cta { grid-column:1/-1; min-height:54px; font-size:20px; }
@media(max-width:720px) {
 .case-filter-toolbar { align-items:flex-start; flex-direction:column; }
 .case-filter-actions { width:100%; flex-wrap:wrap; gap:8px; }
 #case-filters .case-wechat-field { flex:1 1 100%; }
 .case-filter-fields { grid-template-columns:1fr; gap:10px; }
 #case-filters .case-consult-cta { font-size:17px; }
}
@media(max-width:720px) {
 .case-filter-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:10px 8px; }
 .case-filter-actions { display:contents; }
 #case-filters .case-wechat-field { grid-column:1/-1; grid-row:2; }
 #case-filter-reset { grid-column:2; grid-row:1; }
 #case-filter-toggle { grid-column:3; grid-row:1; }
 #case-filter-reset, #case-filter-toggle { padding:6px 12px; font-size:14px; }
}
@media(max-width:720px) {
 .case-filter-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 6px; }
 #case-filters .case-filter-fields .case-filter-label { font-size:11px; white-space:nowrap; }
 #case-filters .case-filter-select { height:40px; min-width:0; padding-left:6px; padding-right:18px; font-size:12px; background-position:right 5px center; }
}
@media(max-width:720px) {
 .case-filter-toolbar { grid-template-columns:minmax(0,1fr) auto auto 48px; }
 #case-filters .case-wechat-field { grid-column:1/-1; }
}