/* 洞察列表页样式：由设计原型 style.css 整表作用域化到 main.insights-index 得到。
   不再手挑规则 —— 上一版用关键字挑选，把 @media 里的 .grid{1fr} 抄了出来却
   丢了媒体查询包裹，桌面端因此变成单列，卡片图被拉到 1240x698（设计 396x223）。
   Amy 反馈的「专栏图片大的夸张」就是这个。整表作用域化可避免此类漏抄与错位。 */
@font-face{font-family:Inter;src:url(assets/inter.ttf)}@font-face{font-family:Caslon;src:url(assets/caslon.ttf)}main.insights-index{box-sizing:border-box}main.insights-index{margin:0;background:#f8f7f4;color:#202629;font:16px/1.65 Inter,'PingFang TC','Microsoft JhengHei',sans-serif}main.insights-index h1, main.insights-index h2, main.insights-index h3{font-family:Caslon,'Songti TC','Songti SC',serif;font-weight:400}html[lang=en] main.insights-index h1, html[lang=en] main.insights-index h2, html[lang=en] main.insights-index h3{font-family:Georgia,serif}main.insights-index a{color:inherit;text-decoration:none}main.insights-index button, main.insights-index select{font:inherit;color:inherit}main.insights-index button, main.insights-index a, main.insights-index select{-webkit-tap-highlight-color:transparent}main.insights-index a:focus-visible, main.insights-index button:focus-visible, main.insights-index select:focus-visible{outline:2px solid #9b835b;outline-offset:5px}main.insights-index .wrap{max-width:1320px;margin:auto;padding-left:40px;padding-right:40px}main.insights-index .site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd5}main.insights-index .brand{width:132px;height:76px;object-fit:contain}html[lang=en] main.insights-index .brand{width:175px}main.insights-index .language{font-size:12px;word-spacing:9px;color:#777}main.insights-index .language [aria-current]{color:#222}main.insights-index .hero{padding:55px 0 38px}main.insights-index .eyebrow{font-size:11px;letter-spacing:.16em;color:#80755f;margin:0 0 16px}main.insights-index h1{font-size:54px;margin:0 0 10px;line-height:1.2}main.insights-index .intro{font-size:18px;color:#647078;margin:0}main.insights-index .sections{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #cac7c0;margin-bottom:30px;gap:44px}main.insights-index .section-link{padding:18px 0 20px;position:relative;color:#707575}main.insights-index .section-link>span{font-size:27px;font-family:Caslon,'Songti TC',serif}main.insights-index .section-link small{font:11px Inter,sans-serif;vertical-align:super;color:#8a8174;margin-left:12px}main.insights-index .section-link p{font-size:14px;margin:5px 0 0}main.insights-index .section-link[aria-current]{color:#202629}main.insights-index .section-link[aria-current]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#9a835e}main.insights-index .filters, main.insights-index .topic-filters{display:flex;align-items:center;gap:12px}main.insights-index .filters{justify-content:space-between;margin:0 0 27px;flex-wrap:wrap}main.insights-index .filter-label, main.insights-index .format{font-size:12px;color:#747c80}main.insights-index .topic-filters{flex-wrap:wrap}main.insights-index .topic-filters button{font-size:13px;padding:7px 14px;border:1px solid #d7d7d1;background:transparent;border-radius:24px;cursor:pointer}main.insights-index .topic-filters button[aria-pressed=true]{background:#232c30;border-color:#232c30;color:white}main.insights-index .format select{margin-left:9px;border:0;border-bottom:1px solid #bbb;background:transparent;padding:6px;font-size:13px}main.insights-index .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}main.insights-index .thumb{position:relative;aspect-ratio:16/9;background:#eeece7;overflow:hidden}main.insights-index .thumb img{width:100%;height:100%;object-fit:contain;display:block}main.insights-index .badge{position:absolute;bottom:12px;left:12px;color:#fff;background:#283237e6;border-radius:3px;font-size:11px;padding:3px 9px}main.insights-index .category{font-size:13px;color:#66757b;margin:16px 0 8px}main.insights-index .card h3{font-size:23px;line-height:1.55;margin:0 0 12px}main.insights-index .card time{font-size:13px;color:#788085}main.insights-index .card a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}main.insights-index .weekly-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;margin-bottom:17px}main.insights-index .weekly-label span{color:#8b7350}main.insights-index .weekly-feature{display:grid;grid-template-columns:1fr 1.1fr;background:#eeece5}main.insights-index .issue-art{position:relative;min-height:355px;overflow:hidden;background:#29333a}main.insights-index .issue-art>img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:.6}main.insights-index .issue-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17212c99,transparent)}main.insights-index .issue-art>div{position:relative;z-index:1;padding:34px;color:#fff}main.insights-index .issue-art p{font-size:12px;letter-spacing:.15em}main.insights-index .issue-art strong{font:110px Georgia,serif;display:block;line-height:1.2;margin:30px 0 14px}main.insights-index .issue-art span{font-size:11px;letter-spacing:.22em}main.insights-index .weekly-copy{padding:35px 40px}main.insights-index .weekly-copy h2{font-size:32px;line-height:1.45;margin:0 0 17px}main.insights-index .weekly-copy>p:not(.eyebrow){font-size:15px;color:#647078}main.insights-index .topics{font-size:11px;color:#7c7466;line-height:2.1;margin:19px 0}main.insights-index .read{display:inline-block;border-bottom:1px solid #7d6b51;font-size:14px;padding-bottom:4px}main.insights-index .archive-head{display:flex;justify-content:space-between;align-items:center;margin:45px 0 20px}main.insights-index .archive-head h2{font-size:25px;margin:0}main.insights-index .archive-head p{font-size:13px;color:#737a7d;margin:5px 0}main.insights-index .archive-head>span{font-size:14px}main.insights-index .archive-row{border-top:1px solid #ccc9c2;border-bottom:1px solid #ccc9c2;padding:24px 0;display:grid;grid-template-columns:65px 125px 1fr 20px;gap:16px;align-items:center}main.insights-index .archive-row strong{font-weight:400}main.insights-index .archive-row time{font-size:12px;color:#737a7d}main.insights-index .issue-num{font:28px Georgia;color:#8c7e66}main.insights-index footer{margin-top:70px!important;border-top:1px solid #dedbd5;padding-top:25px!important;padding-bottom:35px!important;font-size:13px;position:relative}main.insights-index footer p{margin:0 0 5px}main.insights-index footer>span{font-size:11px;color:#737a7d}main.insights-index .copyright{float:right}main.insights-index [hidden]{display:none!important}@media(max-width:700px){main.insights-index .wrap{padding-left:22px;padding-right:22px}main.insights-index .site-header{height:92px}main.insights-index .brand{width:110px;height:60px}main.insights-index .hero{padding:37px 0 22px}main.insights-index h1{font-size:40px}main.insights-index .intro{font-size:16px}main.insights-index .sections{gap:20px}main.insights-index .section-link>span{font-size:24px}main.insights-index .section-link p{font-size:12px}main.insights-index .grid{grid-template-columns:1fr;gap:32px}main.insights-index .card h3{font-size:23px}main.insights-index .filters{gap:17px}main.insights-index .topic-filters{gap:8px}main.insights-index .filter-label{width:100%}main.insights-index .topic-filters button{padding:6px 10px;font-size:12px}main.insights-index .weekly-feature{grid-template-columns:1fr}main.insights-index .issue-art{min-height:270px}main.insights-index .issue-art strong{font-size:86px;margin:18px 0}main.insights-index .weekly-copy{padding:25px}main.insights-index .weekly-copy h2{font-size:28px}main.insights-index .archive-row{grid-template-columns:45px 1fr 20px;gap:9px}main.insights-index .archive-row time{grid-column:2;grid-row:1}main.insights-index .archive-row strong{grid-column:2;grid-row:2;font-size:15px}main.insights-index .archive-row>span:last-child{grid-column:3;grid-row:2}main.insights-index .copyright{float:none;display:block;margin-top:18px}}

/* 列表页的 <main> 自身就是 .wrap（class="insights-index wrap"），
   而作用域化把原型的 .wrap 规则变成了后代选择器 main.insights-index .wrap，
   选不中 main 本身。这里按原型数值补上容器约束：
   1320 - 40*2 = 1240 内容宽 = 3×396 + 2×26 gap，与设计一致。 */
main.insights-index {
  max-width: 1320px;
  margin-left: auto; margin-right: auto;
  padding-left: 40px; padding-right: 40px;
}
@media(max-width:700px){
  main.insights-index { padding-left: 22px; padding-right: 22px; }
}