/* 研究广场公开页。立项课题筛选与页签；观察、队列和导读沿用原有样式。 */
main.wrap:has(.pg-topics){max-width:1200px;width:min(1200px,calc(100% - 32px))}
.pg-topics{overflow-x:clip}
.topics-hero{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}
.topics-hero p{margin:0;max-width:40em;color:var(--color-text-secondary)}
.topics-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}
.topics-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);text-decoration:none;color:var(--color-text-secondary);background:var(--color-bg-surface)}
.topics-tabs a[aria-selected="true"]{background:var(--color-brand-seal);border-color:var(--color-brand-seal);color:var(--color-text-on-brand)}
.topics-panel{margin-bottom:var(--space-8)}
.topics-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-3) 0}
.topics-note,.topics-result{color:var(--color-text-muted);font-size:14px;line-height:22px}
.topics-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-3) 0}
.topics-chips button{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-bg-sunken);color:var(--color-text-primary)}
.topics-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.topics-empty-title{margin:var(--space-4) 0 var(--space-2);font-family:var(--serif);font-size:26px}
.topics-empty-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.topics-empty-actions button{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-surface)}
.topics-skel{height:180px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-bg-sunken),var(--color-bg-surface),var(--color-bg-sunken));background-size:200% 100%}
.pg-topics .ui-search{margin-top:var(--space-4);max-width:100%}
.pg-topics .th-camp,.pg-topics .th-button,.pg-topics .ui-btn,.pg-topics .ui-filter{min-height:44px}
.topics-more{margin:var(--space-4) 0 0}
.topics-more a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-brand-seal);font-weight:500}
.findings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-4)}
.finding-lead,.panorama-card,.topics-login,.topics-secondary .th-story,.topics-secondary .th-sidebar section{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}
.finding-lead{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.finding-kicker,.finding-foot span{margin:0;color:var(--color-text-gold);font-size:14px}
.finding-num{display:flex;align-items:baseline;gap:var(--space-3);margin:0}
.finding-num strong{font-family:var(--serif);font-size:56px;line-height:1;color:var(--color-brand-seal)}
.finding-num span,.finding-lead p{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:22px}
.finding-lead h3{margin:0;font-size:28px;line-height:40px}
.finding-steps{display:flex;gap:var(--space-3);margin:0;padding:0;list-style:none}
.finding-steps li{display:flex;align-items:center;gap:var(--space-2);font-size:14px}
.finding-steps b{color:var(--color-brand-seal)}
.finding-foot{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}
.finding-foot a{min-height:44px;display:inline-flex;align-items:center}
.finding-questions{display:flex;flex-direction:column;gap:var(--space-3)}
.finding-q{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);text-decoration:none;color:inherit;min-height:44px}
.finding-q span{color:var(--color-text-gold);font-size:13px}
.finding-q em{font-style:normal;color:var(--color-text-muted);font-size:14px}
.panorama-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:var(--space-6)}
.topics-deeper{margin-top:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5)}
.topics-deeper summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:500}
.topics-secondary .th-story-picture{display:none}
.topics-secondary .th-story{padding:var(--space-4);margin-bottom:var(--space-3)}
.topics-login{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6);margin-top:var(--space-8)}
.topics-login h2,.topics-login p{margin:0}
.topics-login p{color:var(--color-text-secondary);margin-top:var(--space-2)}

@media (max-width:900px){
  .topics-cards,.findings-grid,.panorama-card{grid-template-columns:1fr 1fr}
  .findings-grid,.topics-login{grid-template-columns:1fr}
  .topics-login{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .topics-cards,.panorama-card{grid-template-columns:1fr}
  .topics-tabs{flex-direction:column}
  .topics-tabs a{width:100%}
}

/* 导读卡片去掉大图后，旧版 .th-story 的“文字 + 图片”两栏网格仍在，文字被压到 190px。改成单栏。 */
.topics-secondary .th-story{grid-template-columns:minmax(0,1fr)}


/* 将旧广场样式隔离在页面内，不修改共享 topics_hub.css。 */
.pg-topics{overflow-x:visible;overflow-wrap:anywhere}
.pg-topics a.ui-btn-primary,.pg-topics a.ui-btn-primary:hover{color:var(--color-text-on-brand)}
.pg-topics a.ui-btn-secondary,.pg-topics a.ui-btn-secondary:hover,.pg-topics a.ui-btn-text,.pg-topics a.ui-btn-text:hover{color:var(--color-text-link)}
.pg-topics .topics-hero h1{font-family:var(--serif);font-size:40px;line-height:54px;font-weight:700}
.pg-topics .topics-hero>.ui-tag{align-self:flex-start}
.pg-topics .topics-tabs a{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-text-secondary);justify-content:center;box-sizing:border-box}
.pg-topics .topics-tabs a[aria-selected="true"]{border-bottom-color:var(--color-text-link);color:var(--color-text-link);font-weight:700;background:transparent}
.pg-topics .topics-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:16px;align-items:center}
.pg-topics .topics-toolbar .ui-search{margin:0;min-width:0}
.pg-topics .topics-category summary{min-height:44px;padding:8px 0;cursor:pointer;color:var(--color-text-secondary)}
.pg-topics .th-sidebar>section{padding:20px;min-width:0}
.pg-topics .th-camp{padding-block:16px}
.pg-topics .th-filter button,.pg-topics .th-story-bottom a{min-height:44px}
.pg-topics .th-story-bottom a{display:inline-flex;align-items:center;color:var(--color-text-link)}
.pg-topics .th-filter .ui-filter{border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-secondary);padding:8px 16px}
.pg-topics .th-filter .ui-filter[aria-pressed="true"]{background:var(--color-bg-seal-tint);border-color:var(--color-text-link);color:var(--color-text-link)}
.pg-topics .topics-continue{margin:16px 0 24px}
.pg-topics [hidden]{display:none!important}
@media(max-width:900px){.pg-topics .topics-toolbar{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){
 .pg-topics .topics-hero h1{font-size:30px;line-height:42px}
 .pg-topics .topics-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .pg-topics .topics-toolbar .topics-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%}
 .pg-topics .topics-toolbar .topics-filters>*{flex:none;min-height:44px}
 .pg-topics .th-sidebar>section{padding:16px}
}

.pg-topics .th-share{min-height:44px}