@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap');

:root{--bg:#0c0d0f;--panel:#15171a;--panel2:#1c1e22;--text:#f3f3f1;--muted:#9b9da2;--line:#2a2c30;--accent:#e83a32;--accent2:#ff5b46;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans SC",Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(12,13,15,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:11px;font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:27px;letter-spacing:1px;line-height:1}
.brand-mark{width:38px;height:38px;background:var(--accent);display:grid;place-items:center;transform:skew(-8deg);font-size:24px}
.brand small{display:block;font:600 8px/1.5 Arial,sans-serif;letter-spacing:1.2px;color:var(--muted);margin-top:5px}
.nav{display:flex;gap:30px;align-items:center}
.nav a{font-size:13px;color:#b8b9bc;transition:color .2s}
.nav a:hover,.nav a.active{color:white}
.nav a.active:after{content:"";display:block;width:16px;height:2px;background:var(--accent);margin-top:6px}
.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:22px}
.hero{min-height:570px;max-width:var(--max);margin:auto;padding:88px 24px 32px;position:relative;overflow:hidden;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(12,13,15,.95) 35%,rgba(12,13,15,.3) 100%),repeating-linear-gradient(135deg,transparent 0 42px,rgba(255,255,255,.025) 43px 44px);pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:600px}
.eyebrow{font:700 11px/1.4 "Barlow Condensed",Arial,sans-serif;letter-spacing:2.6px;color:var(--accent2);margin:0 0 15px;text-transform:uppercase}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 12px #e83a32}
.hero h1,.page-hero h1{font-size:clamp(48px,7vw,82px);line-height:1.08;letter-spacing:-2px;margin:0;font-weight:900}
.hero h1 span,.page-hero h1 span{color:var(--accent)}
.hero-copy{margin:24px 0 30px;color:#b7b8bc;font-size:15px;line-height:2}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:22px;padding:13px 18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--accent);color:white}
.button-primary:hover{background:var(--accent2)}
.button-ghost{border:1px solid #45464a;color:#eee}
.hero-art{position:absolute;right:1%;top:7%;width:48%;height:83%;overflow:hidden;background:linear-gradient(145deg,#25282c,#101113 58%,#191a1c);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%,0 20%);opacity:.9}
.hero-art:before{content:"";position:absolute;width:120%;height:35%;left:-10%;top:32%;background:linear-gradient(180deg,transparent,rgba(232,58,50,.18),transparent);transform:rotate(-22deg)}
.art-ring{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;transform:rotate(-25deg) scaleY(.5)}
.ring-one{width:520px;height:520px;right:-20px;top:60px}
.ring-two{width:390px;height:390px;right:45px;top:125px;border-color:rgba(232,58,50,.55);border-width:2px}
.art-number{position:absolute;right:12%;top:16%;font:900 clamp(70px,12vw,150px)/1 "Barlow Condensed",sans-serif;color:rgba(255,255,255,.08);letter-spacing:-7px}
.art-number span{color:var(--accent)}
.art-label{position:absolute;right:12%;bottom:18%;font:800 20px/1.2 "Barlow Condensed",sans-serif;letter-spacing:3px;text-align:right}
.art-stripe{position:absolute;bottom:8%;left:10%;width:75%;height:7px;background:repeating-linear-gradient(110deg,var(--accent) 0 24px,transparent 24px 34px);transform:skew(-30deg)}
.hero-bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;color:#686a6f;font:600 9px Arial,sans-serif;letter-spacing:1.5px}
.section{max-width:var(--max);margin:0 auto;padding:65px 24px}
.section-tight{padding-top:45px;padding-bottom:35px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.section-heading h2{font-size:30px;line-height:1.2;margin:0;font-weight:800}
.section-heading .eyebrow{margin-bottom:8px}
.text-link{font-size:12px;color:#c5c5c7}.text-link span{color:var(--accent);margin-left:8px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat-card{background:var(--panel);border:1px solid var(--line);padding:23px;position:relative;min-height:150px}
.stat-icon{position:absolute;right:20px;top:17px;font:800 30px "Barlow Condensed",sans-serif;color:#34363a}
.stat-card p{margin:0 0 10px;color:var(--muted);font-size:12px}
.stat-card h3{margin:0;font-size:23px;font-weight:800}
.stat-card small{display:block;color:#777a80;font-size:11px;margin-top:7px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.news-card{background:var(--panel);border:1px solid var(--line);padding:22px;min-height:230px;position:relative;transition:border-color .2s,transform .2s}
.news-card:hover{border-color:#55585d;transform:translateY(-3px)}
.news-pinned{border-top:2px solid var(--accent)}
.news-card-top{display:flex;justify-content:space-between;align-items:center}
.pill{font-size:10px;color:#ff958e;border:1px solid rgba(232,58,50,.4);background:rgba(232,58,50,.09);padding:3px 8px}
.pinned-label{font-size:10px;color:var(--accent2)}
.news-date{font:600 10px "Barlow Condensed",sans-serif;letter-spacing:1px;color:#777a80;margin:19px 0 8px}
.news-card h3{font-size:17px;margin:0 0 10px;line-height:1.5}
.news-summary{font-size:12px;color:#a4a6aa;line-height:1.9;margin:0;padding-bottom:18px}
.news-arrow{position:absolute;right:20px;bottom:14px;color:var(--accent)}
.drivers-preview-section{padding-top:40px}
.drivers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.driver-card{border:1px solid var(--line);background:var(--panel);min-width:0;transition:transform .2s,border-color .2s}
.driver-card:hover{transform:translateY(-3px);border-color:#55585d}
.driver-visual{height:170px;position:relative;overflow:hidden;background:linear-gradient(140deg,#292c31,#17191c 65%,#3a1b1b)}
.driver-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.035) 23px 24px)}
.driver-visual:after{content:"";position:absolute;width:65%;height:4px;left:18%;top:54%;background:var(--accent);transform:rotate(-25deg);box-shadow:0 10px 0 rgba(232,58,50,.25)}
.driver-tag{position:absolute;top:14px;left:14px;font:700 9px Arial,sans-serif;letter-spacing:1.5px;color:#c7c8cb;z-index:1}
.driver-number{position:absolute;right:12px;bottom:-28px;font:900 145px/.9 "Barlow Condensed",sans-serif;color:rgba(255,255,255,.08);z-index:1}
.driver-visual-caption{position:absolute;left:16px;bottom:14px;font:700 9px Arial,sans-serif;letter-spacing:2px;color:rgba(255,255,255,.55);z-index:2}
.driver-info{padding:18px;display:flex;justify-content:space-between;gap:10px;align-items:end}
.card-kicker{font-size:10px;color:var(--accent2);margin:0 0 5px}
.driver-info h3{font-size:19px;margin:0;line-height:1.3}
.driver-car{font-size:10px;color:var(--muted);text-align:right;margin:0}
.page-hero{padding:76px max(24px,calc((100vw - var(--max))/2)) 58px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 50%,rgba(232,58,50,.12),transparent 40%),#101113}
.page-hero h1{font-size:clamp(45px,6vw,68px)}
.page-hero>p:last-child{color:var(--muted);font-size:13px;margin:18px 0 0}
.page-section{padding-top:45px;min-height:42vh}
.muted{font-size:11px;color:var(--muted)}
.notice{border-left:2px solid var(--accent);padding:12px 15px;background:#141517;color:#a5a6aa;font-size:11px;margin-top:25px}
code{font-size:11px;color:#ff9a93;background:#292022;padding:2px 5px;border-radius:3px}
.schedule-list{display:grid;gap:12px}
.schedule-card{display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:20px;padding:22px;background:var(--panel);border:1px solid var(--line)}
.round-label{font:800 14px "Barlow Condensed",sans-serif;letter-spacing:1px;color:var(--accent2)}
.schedule-main h3{font-size:17px;margin:0 0 4px}
.schedule-main>p{font-size:12px;color:var(--muted);margin:0 0 12px}
.schedule-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#92949a}
.schedule-status{font-size:10px;padding:5px 10px;border:1px solid #4a4c50;color:#c1c2c5;white-space:nowrap}
.status-pending{border-color:#62513a;color:#e2c18b;background:#30291e}
.status-upcoming{border-color:#3d604a;color:#9bd6ac;background:#1c2b21}
.status-finished{border-color:#45464a;color:#a7a8ac;background:#202124}
.news-grid-full{grid-template-columns:repeat(2,1fr)}
.site-footer{max-width:var(--max);margin:25px auto 0;padding:25px 24px 32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#777a80;font-size:10px}
.site-footer p{margin:0;flex:1}
.footer-brand{font:900 24px "Barlow Condensed",sans-serif;color:white}
.footer-brand span{color:var(--accent)}
@media(max-width:760px){
 .site-header{height:68px;padding:0 18px}.brand{font-size:24px}.brand-mark{width:34px;height:34px}.brand small{font-size:7px}.menu-toggle{display:block}
 .nav{display:none;position:absolute;top:67px;left:0;right:0;background:#101113;border-bottom:1px solid var(--line);padding:15px 20px 20px;flex-direction:column;align-items:stretch;gap:0}
 .nav.nav-open{display:flex}.nav a{padding:12px 0}.nav a.active:after{display:none}
 .hero{min-height:560px;padding:70px 22px 60px;align-items:flex-start}.hero-art{width:75%;height:55%;right:-10%;top:35%;opacity:.55}.hero:before{background:linear-gradient(90deg,var(--bg) 0%,rgba(12,13,15,.85) 70%,rgba(12,13,15,.5) 100%)}
 .hero h1{font-size:56px}.hero-copy{font-size:13px}.hero-bottom{left:22px;right:22px;font-size:8px}
 .section{padding:48px 18px}.section-tight{padding-top:35px;padding-bottom:20px}.section-heading h2{font-size:26px}.stats-grid{grid-template-columns:1fr;gap:9px}.stat-card{min-height:120px;padding:18px}.stat-card h3{font-size:20px}
 .news-grid,.drivers-grid,.news-grid-full{grid-template-columns:1fr}.news-card{min-height:190px}.driver-visual{height:190px}
 .page-hero{padding:55px 20px 42px}.page-hero h1{font-size:48px}.page-section{padding-top:35px}
 .schedule-card{grid-template-columns:1fr auto;gap:10px;padding:17px}.round-label{grid-column:1/-1}.schedule-main{grid-column:1/-1}.schedule-status{grid-column:2;grid-row:2;align-self:start}.schedule-meta{gap:10px}
 .site-footer{padding:22px 18px;gap:10px;flex-wrap:wrap}.site-footer p{flex-basis:65%}
}


/* Added for sponsor and championship standings modules */
.sponsors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sponsors-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}
.sponsor-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:20px;background:var(--panel);border:1px solid var(--line);min-width:0;transition:border-color .2s,transform .2s}
.sponsor-card:hover{border-color:#55585d;transform:translateY(-2px)}
.sponsor-logo-wrap{height:110px;background:#f2f2f0;border-radius:2px;display:grid;place-items:center;overflow:hidden;padding:12px}
.sponsor-logo{display:block;max-width:100%;max-height:100%;object-fit:contain}
.sponsor-logo-placeholder{font:900 34px "Barlow Condensed",sans-serif;color:#202124;letter-spacing:1px}
.sponsor-level{font-size:10px;color:var(--accent2);letter-spacing:.5px}
.sponsor-info h3{font-size:19px;margin:5px 0 7px}
.sponsor-info p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 8px}
.sponsor-info .text-link{font-size:11px}
.table-wrap{width:100%;min-width:0}
.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);background:var(--panel)}
.standings-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}
.standings-table th{background:#1c1e22;color:#9b9da2;font-size:10px;font-weight:600;letter-spacing:.5px;padding:14px 16px;border-bottom:1px solid var(--line)}
.standings-table td{padding:14px 16px;border-bottom:1px solid var(--line)}
.standings-table tbody tr:last-child td{border-bottom:0}
.standings-table tbody tr:hover{background:#1b1d20}
.rank-number{display:inline-grid;place-items:center;min-width:25px;height:25px;border:1px solid #3a3c40;color:#c8c9cb;font:700 12px "Barlow Condensed",sans-serif}
.rank-number.rank-top{border-color:rgba(232,58,50,.55);color:#ff8e85}
.table-sub{display:block;font-size:10px;color:#777a80;margin-top:2px}
.points-cell{font:800 20px "Barlow Condensed",sans-serif;color:#ff8b80}
.empty-state{padding:34px 20px;text-align:center;border:1px dashed #383a3f;background:rgba(255,255,255,.015);color:var(--muted)}
.empty-state-wide{grid-column:1/-1}
.empty-state-mark{font:900 24px "Barlow Condensed",sans-serif;color:var(--accent);letter-spacing:2px}
.empty-state h3{font-size:16px;color:var(--text);margin:9px 0 5px}
.empty-state p{font-size:12px;margin:0;line-height:1.8}
.standings-preview-section,.sponsors-preview-section{padding-top:25px}
@media(max-width:760px){
 .sponsors-grid,.sponsors-grid-full{grid-template-columns:1fr}
 .sponsor-card{grid-template-columns:105px minmax(0,1fr);gap:13px;padding:13px}
 .sponsor-logo-wrap{height:90px}
 .sponsor-info h3{font-size:16px}
 .standings-table th,.standings-table td{padding:12px 13px}
}
/* 完整车手列表：改为横向条目，一行一位车手 */
.drivers-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.drivers-list .driver-card {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: stretch;
}

.drivers-list .driver-visual {
  height: auto;
  min-height: 120px;
}

.drivers-list .driver-info {
  padding: 20px 24px;
  align-items: center;
}

.drivers-list .driver-info h3 {
  font-size: 22px;
}

.drivers-list .driver-car {
  font-size: 12px;
}

/* 手机端适配 */
@media (max-width: 600px) {
  .drivers-list .driver-card {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .drivers-list .driver-visual {
    min-height: 105px;
  }

  .drivers-list .driver-number {
    font-size: 90px;
  }

  .drivers-list .driver-info {
    padding: 12px;
    gap: 8px;
  }

  .drivers-list .driver-info h3 {
    font-size: 16px;
  }

  .drivers-list .driver-car {
    font-size: 10px;
  }
}

.resource-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.resource-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.resource-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
  margin-bottom: 18px;
}

.resource-keywords span {
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--surface, #f3f5f8);
  color: var(--text-muted, #687386);
  font-size: 12px;
}

.resource-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

 
/* =========================================
   CSDC 资源下载页面：布局与视觉优化
   ========================================= */

/* 搜索、分类整体区域 */
.resource-section {
  min-width: 0;
}

.resource-tools {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  margin-bottom: 42px;
}

/* 搜索框外层 */
.resource-search {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  color: var(--muted);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.resource-search:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(232, 58, 50, 0.12);
}

.resource-search > span {
  flex: 0 0 auto;
  font-size: 25px;
  line-height: 1;
}

.resource-search input {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 15px;
}

.resource-search input::placeholder {
  color: var(--muted);
}

/* 分类按钮 */
.resource-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.resource-filter,
.resource-chip {
  min-height: 42px;
  padding: 9px 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: #c6c8cc;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.resource-filter:hover,
.resource-chip:hover {
  border-color: var(--accent);
  color: white;
}

.resource-filter.is-active,
.resource-chip.is-active {
  border-color: var(--accent);
  background: var(--accent);
  color: white;
}

/* 游戏资源的类型筛选 */
.resource-subfilters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: -8px;
  color: var(--muted);
  font-size: 13px;
}

.resource-subfilters[hidden] {
  display: none !important;
}

/* 资源列表标题 */
.resource-results-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.resource-results-heading .eyebrow {
  margin-bottom: 7px;
}

.resource-results-heading h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 800;
}

/* 核心修复：桌面端每行三个资源 */
.resource-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 22px;
  width: 100%;
}

/* 每项资源独立卡片 */
.resource-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  overflow-wrap: anywhere;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.14);
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

.resource-card:hover {
  transform: translateY(-3px);
  border-color: #55585d;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}

.resource-card.resource-featured {
  border-top: 2px solid var(--accent);
}

/* 卡片顶部分类标签 */
.resource-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.resource-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.resource-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border: 1px solid #373940;
  border-radius: 999px;
  background: var(--panel2);
  color: #c7c9ce;
  font-size: 11px;
  line-height: 1.5;
}

.resource-pinned {
  color: var(--accent2);
  font-size: 11px;
  white-space: nowrap;
}

/* 资源标题与简介 */
.resource-card h3 {
  margin: 0 0 12px;
  color: var(--text);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.resource-description {
  margin: 0 0 18px;
  color: #b2b4b9;
  font-size: 13px;
  line-height: 1.9;
}

/* 文件版本、大小、更新时间 */
.resource-meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 18px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  background: var(--panel2);
  color: #c4c6cb;
  font-size: 12px;
  line-height: 1.7;
}

/* 安装说明、注意事项、提取码 */
.resource-detail {
  margin-bottom: 14px;
  color: #bfc1c6;
  font-size: 12px;
  line-height: 1.9;
}

.resource-detail strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
}

.resource-detail p {
  margin: 0;
}

.resource-access-code {
  color: var(--muted);
  font-size: 12px;
}

/* 下载按钮固定在卡片底部 */
.resource-card-footer {
  margin-top: auto;
  padding-top: 18px;
}

.resource-download {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 6px;
  background: var(--accent);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.resource-download:hover {
  background: var(--accent2);
}

.resource-link-pending {
  color: var(--muted);
  font-size: 12px;
}

/* 没有搜索结果时的提示 */
.resource-empty {
  margin-top: 20px;
  padding: 38px 20px;
  border: 1px dashed #3a3c40;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.015);
  text-align: center;
  color: var(--muted);
}

.resource-empty[hidden] {
  display: none !important;
}

.resource-empty h3 {
  margin: 10px 0 6px;
  color: var(--text);
  font-size: 17px;
}

.resource-empty p {
  margin: 0;
  font-size: 13px;
  line-height: 1.8;
}

.resource-empty-icon {
  color: var(--accent);
  font-size: 28px;
}

.resource-disclaimer {
  margin-top: 34px;
  padding: 16px 18px;
  border-left: 2px solid var(--accent);
  background: var(--panel);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.9;
}

/* 平板：每行两个 */
@media (max-width: 1000px) {
  .resource-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .resource-card {
    padding: 20px;
  }
}

/* 手机：每行一个 */
@media (max-width: 640px) {
  .resource-tools {
    gap: 16px;
    margin-bottom: 30px;
  }

  .resource-search {
    min-height: 50px;
    padding: 0 13px;
  }

  .resource-search input {
    height: 48px;
    font-size: 13px;
  }

  .resource-filters {
    gap: 8px;
  }

  .resource-filter,
  .resource-chip {
    min-height: 38px;
    padding: 8px 12px;
    font-size: 12px;
  }

  .resource-subfilters {
    gap: 7px;
    font-size: 12px;
  }

  .resource-results-heading h2 {
    font-size: 24px;
  }

  .resource-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
  }

  .resource-card {
    padding: 19px;
  }

  .resource-card h3 {
    font-size: 18px;
  }

  .resource-disclaimer {
    padding: 13px;
  }