/* 下载中心·资料检索 */
.dl-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:14px;
}
.dl-tools .dl-filters{margin:0}
.dl-search{
  position:relative;
  width:min(100%,390px);
  flex:0 1 390px;
  display:flex;
  align-items:center;
}
.dl-search-label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.dl-search-icon{
  position:absolute;
  left:17px;
  width:19px;
  height:19px;
  fill:none;
  stroke:#77867e;
  stroke-width:1.7;
  stroke-linecap:round;
  pointer-events:none;
  transition:stroke .2s ease;
}
.dl-search input{
  width:100%;
  height:46px;
  padding:0 92px 0 48px;
  border:1px solid rgba(20,46,30,.13);
  border-radius:999px;
  outline:none;
  background:rgba(255,255,255,.92);
  color:var(--text);
  font:500 13.5px/1.4 inherit;
  box-shadow:0 12px 34px -28px rgba(20,46,30,.45);
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
  -webkit-appearance:none;
  appearance:none;
}
.dl-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.dl-search input::placeholder{color:#9aa69f;font-weight:400}
.dl-search input:hover{border-color:rgba(45,143,79,.34);background:#fff}
.dl-search input:focus{
  border-color:var(--accent);
  background:#fff;
  box-shadow:0 0 0 4px rgba(46,197,138,.11),0 16px 34px -26px rgba(20,46,30,.42);
}
.dl-search:focus-within .dl-search-icon{stroke:var(--accent-dark)}
.dl-search-clear{
  position:absolute;
  right:54px;
  width:25px;
  height:25px;
  padding:0;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#edf2ef;
  color:#66756d;
  font:400 19px/1 inherit;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:scale(.82);
  transition:opacity .18s ease,transform .18s ease,background .18s ease;
}
.dl-search.has-value .dl-search-clear{opacity:1;visibility:visible;transform:scale(1)}
.dl-search-clear:hover{background:#dfe9e3;color:var(--accent-dark)}
.dl-search kbd{
  position:absolute;
  right:13px;
  padding:3px 6px;
  border:1px solid rgba(20,46,30,.1);
  border-bottom-color:rgba(20,46,30,.18);
  border-radius:6px;
  background:#f7f9f8;
  color:#94a099;
  font:500 10px/1.2 inherit;
  box-shadow:0 1px 0 rgba(20,46,30,.06);
  pointer-events:none;
}
.dl-search.has-value kbd{display:none}
.dl-result-meta{
  min-height:22px;
  margin:0 0 16px;
  color:#87948c;
  font-size:12px;
  letter-spacing:.01em;
}
.dl-result-meta strong{color:var(--accent-dark);font-weight:650}
.dl-no-results td{
  height:210px;
  padding:40px 24px!important;
  text-align:center;
  background:linear-gradient(135deg,rgba(235,250,246,.64),rgba(255,255,255,.92))!important;
}
.dl-empty-mark{
  width:46px;
  height:46px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ebf7f1;
  color:var(--accent-dark);
  font-size:21px;
}
.dl-no-results b{display:block;margin-bottom:7px;color:var(--text);font-size:15px;font-weight:600}
.dl-no-results span{color:var(--muted);font-size:12.5px}
.dl-no-results button{
  margin-left:5px;
  padding:0;
  border:0;
  border-bottom:1px solid currentColor;
  background:none;
  color:var(--accent-dark);
  font:600 12.5px/1.4 inherit;
  cursor:pointer;
}

@media(max-width:900px){
  .dl-tools{align-items:stretch;flex-direction:column;gap:17px}
  .dl-search{width:100%;max-width:none;flex-basis:auto}
}
@media(max-width:560px){
  .dl-tools .dl-filters{gap:8px}
  .dl-tools .filter{padding:8px 15px;font-size:12.5px}
  .dl-search input{height:44px;padding-right:52px}
  .dl-search kbd{display:none}
  .dl-search-clear{right:13px}
  .dl-result-meta{margin-bottom:12px}
}

/* 下载中心 · 移动端资料卡片（方案 1） */
@media(max-width:760px){
  .dl-list{
    padding-left:16px;
    padding-right:16px;
  }
  .dl-list .tbl-scroll{
    overflow:visible;
  }
  .dl-list .tbl-scroll>.dl-tbl{
    display:block;
    min-width:0;
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
    box-shadow:none;
  }
  .dl-tbl thead{
    display:none;
  }
  .dl-tbl tbody{
    display:grid;
    gap:16px;
  }
  .dl-tbl tbody tr{
    display:grid;
    grid-template-columns:auto auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:0;
    padding:19px 18px 18px;
    border:1px solid rgba(20,46,30,.09);
    border-radius:16px;
    background:linear-gradient(180deg,#f2fbf7 0%,#fff 60%);
    box-shadow:0 12px 30px -26px rgba(20,46,30,.38);
  }
  .dl-tbl tbody tr:hover td{
    background:transparent;
  }
  .dl-tbl tbody td{
    display:block;
    min-width:0;
    padding:0;
    border:0;
    background:transparent;
    font-size:13.5px;
    line-height:1.55;
  }
  .dl-tbl tbody td:first-child{
    grid-column:1/-1;
    margin-bottom:70px;
    color:var(--text);
    font-size:16px;
    font-weight:600;
    line-height:1.52;
    overflow-wrap:anywhere;
  }
  .dl-tbl tbody td:nth-child(2){
    grid-column:1;
    padding:6px 0 6px 12px;
    border:1px solid rgba(46,197,138,.2);
    border-right:0;
    border-radius:999px 0 0 999px;
    background:#e8f8f1;
    color:var(--accent-dark);
    font-size:10px;
    font-weight:400;
    line-height:1.3;
    white-space:nowrap;
  }
  .dl-tbl tbody td:nth-child(2)::after{
    content:"\00b7";
    margin:0 6px;
    color:#6fa58c;
  }
  .dl-tbl tbody td:nth-child(3){
    grid-column:2;
    padding:6px 12px 6px 0;
    border:1px solid rgba(46,197,138,.2);
    border-left:0;
    border-radius:0 999px 999px 0;
    background:#e8f8f1;
    color:var(--accent-dark);
    font-size:10px;
    font-weight:400;
    line-height:1.3;
    white-space:nowrap;
  }
  .dl-tbl tbody td:nth-child(4){
    grid-column:4;
    min-width:0;
    margin:0 0 0 10px;
    justify-self:end;
  }
  .dl-tbl .file-action,
  .dl-tbl .file-action.is-disabled{
    display:inline-flex;
    width:auto;
    min-height:0;
    align-items:center;
    justify-content:center;
    padding:8px 15px;
    border:1px solid var(--accent);
    border-radius:999px;
    background:var(--accent);
    color:#fff;
    font-size:12.5px;
    font-weight:400;
    line-height:1.3;
    text-align:center;
    text-decoration:none;
  }
  .dl-tbl .file-action.is-disabled{
    border-color:#dfe9e4;
    background:#dfe9e4;
    color:#74827b;
  }
  .dl-tbl .dl-pending-row td{
    background:transparent;
  }
  .dl-tbl tbody tr>td:only-child{
    grid-column:1/-1;
    margin:0;
    color:var(--muted);
    font-size:14px;
    font-weight:500;
  }
}
@media(max-width:360px){
  .dl-tbl tbody td:nth-child(2){grid-column:1}
  .dl-tbl tbody td:nth-child(3){grid-column:2}
  .dl-tbl tbody td:nth-child(4){grid-column:1/-1;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
  .dl-search input,.dl-search-icon,.dl-search-clear{transition:none}
}