/* WMOA — 洞见 / 动态 栏目样式（2026-10-08） */
.ins-head{padding-bottom:72px;border-bottom:1px solid var(--ink)}
.ins-sep{margin:0 .8em;color:var(--grey-3)}
.ins-sample{display:inline-block;margin-left:10px;padding:3px 7px;border:1px solid #E8B4A0;color:#B5654A;font:500 10px/1 var(--ui);letter-spacing:.14em;vertical-align:middle;white-space:nowrap}
.ins-meta{margin:22px 0 0;font:400 12px/1.6 var(--ui);letter-spacing:.14em;color:var(--grey-2)}
.on-dark .ins-meta{color:rgba(255,255,255,.6)}
.ins-sub{margin-top:10px}
.lead.ins-sub{color:var(--grey)}
.on-dark .lead.ins-sub{color:rgba(255,255,255,.72)}
.ins-disc{margin-top:56px !important;max-width:70ch}

/* 期刊封面 */
.ins-cover{display:block;box-shadow:0 18px 40px rgba(8,27,61,.18),0 2px 6px rgba(8,27,61,.12);transition:transform .3s ease}
.ins-cover:hover{transform:translateY(-4px)}
.ins-cover img{width:100%;height:auto}
.ins-cover.big{box-shadow:0 24px 60px rgba(0,0,0,.45)}

/* 列表页：精选期刊 */
.ins-feature{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:center}
.ins-feature .h2{margin-top:22px}
.ins-ex{margin-top:26px;max-width:58ch}
.ins-feature .btn-row{margin-top:34px}

/* 筛选 */
.ins-filter{display:flex;gap:28px;margin-bottom:28px;font:400 13px/1 var(--ui);letter-spacing:.06em}
.ins-filter button{color:var(--grey-2);padding-bottom:6px;border-bottom:1px solid transparent}
.ins-filter button.on{color:var(--ink);border-bottom-color:var(--green)}

/* 列表行 */
.ins-list{border-top:1px solid var(--ink)}
.ins-row{display:grid;grid-template-columns:120px 120px 1fr 40px;gap:32px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line-2);color:var(--ink)}
.ins-row[hidden]{display:none}
.ins-row:hover{color:var(--ink)}
.ins-row:hover .q{color:var(--green-1)}
.ins-date{font:400 12px/2.2 var(--ui);letter-spacing:.14em;color:var(--grey-2)}
.ins-loc{font:400 12px/2.2 var(--ui);letter-spacing:.14em;color:var(--green)}
.ins-t .q{display:block}
.ins-rex{display:block;margin-top:8px;font-size:14px;color:var(--grey-2)}
html[data-lang="en"] .ins-t .zh,html[data-lang="zh"] .ins-t .en{display:none}
.ins-t .ins-sample{margin:12px 0 0}
.ins-arrow{font:300 20px/1.6 var(--ui);color:var(--grey-3);text-align:right;transition:transform .2s ease,color .2s ease}
.ins-row:hover .ins-arrow{color:var(--green);transform:translateX(4px)}
.ins-media{margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.ins-media .body{margin-top:12px}

/* 期刊详情 */
.ins-issue-hero{padding:96px 0 104px}
.ins-issue-grid{display:grid;grid-template-columns:340px 1fr;gap:96px;align-items:center}
.ins-read{max-width:38em}
.ins-read p{margin:0 0 1.2em;font-size:17px;color:var(--ink)}
.ins-read p.cjk{font-family:"Noto Serif SC","Songti SC",serif;line-height:2;text-align:justify}
.ins-read p.en{line-height:1.8}
.ins-closing{margin-top:40px !important;max-width:60ch;padding-left:26px;border-left:1px solid var(--green)}
.ins-toc .row{padding:18px 0}
.ins-toc-t{display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.ins-toc .q.cjk{font-size:18px}
.ins-pg{font:200 22px/1 var(--brand);color:var(--grey-3)}
.ins-spreads img{width:100%;height:auto;margin-bottom:18px;border:1px solid var(--line);box-shadow:0 6px 18px rgba(8,27,61,.08)}
.ins-form .field label{color:rgba(255,255,255,.6)}
.ins-form .field input,.ins-form .field select{background:rgba(255,255,255,.96)}
.ins-preview-note{margin-top:16px !important;color:#E8B4A0 !important}

/* 新闻稿 */
.ins-about{margin-top:56px;padding:34px 36px;background:var(--sunken);max-width:46em}

/* 首页「最新」 */
.ins-latest{border-top:1px solid var(--line)}
.ins-latest-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:start}
.ins-latest-issue{display:grid;grid-template-columns:150px 1fr;gap:40px;align-items:center;color:var(--ink)}
.ins-latest-issue img{width:100%;height:auto;box-shadow:0 14px 30px rgba(8,27,61,.18)}
.ins-latest-issue:hover .h3{color:var(--green-1)}
.ins-latest-news{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.ins-latest-news>a:not(.link-u){display:grid;grid-template-columns:96px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line-2);font:300 16px/1.6 var(--cjk);color:var(--ink)}
.ins-latest-news>a:not(.link-u):hover{color:var(--green-1)}
.ins-latest-news .eyebrow{padding-top:16px}

@media (max-width:1180px){
  .ins-feature,.ins-issue-grid{grid-template-columns:240px 1fr;gap:48px}
  .ins-latest-grid{grid-template-columns:1fr;gap:56px}
  .ins-row{grid-template-columns:100px 1fr 32px;gap:8px 24px}
  .ins-row .ins-loc{grid-column:1;grid-row:2;line-height:1.4}
  .ins-row .ins-t{grid-column:2;grid-row:1 / span 2}
  .ins-row .ins-arrow{grid-column:3;grid-row:1}
}
@media (max-width:760px){
  .ins-feature,.ins-issue-grid{grid-template-columns:1fr;gap:36px}
  .ins-feature .ins-cover,.ins-issue-grid .ins-cover{max-width:220px}
  .ins-issue-hero{padding:56px 0 64px}
  .ins-row{grid-template-columns:1fr 24px;gap:6px 12px;padding:24px 0}
  .ins-row .ins-date{grid-column:1;grid-row:1}
  .ins-row .ins-loc{display:none}
  .ins-row .ins-t{grid-column:1;grid-row:2}
  .ins-row .ins-arrow{grid-column:2;grid-row:1 / span 2;align-self:center}
  .ins-latest-issue{grid-template-columns:110px 1fr;gap:24px}
  .ins-latest-news>a:not(.link-u){grid-template-columns:1fr;gap:4px}
  .ins-about{padding:26px 22px}
  .ins-read p{font-size:16px}
}
/* 动态与洞见合并页（2026-10-09） */
.ins-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.ins-media-inline{margin:0;font:400 12px/1.6 var(--ui);letter-spacing:.06em;color:var(--grey-2)}
.ins-media-inline .link-u{margin-left:14px}
.ins-older{display:inline-block;margin-top:28px}
.ins-empty{padding:30px 0;border-bottom:1px solid var(--line-2)}
#insights .ins-filter{margin-top:88px}
#news .ins-disc{margin-top:28px}
.ins-head .h2{text-wrap:balance}
/* 往期期刊：小封面列表（2026-10-09） */
.ins-past-k{margin:88px 0 0;padding-bottom:18px;border-bottom:1px solid var(--ink)}
.ins-past{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.ins-past-row{display:grid;grid-template-columns:96px minmax(0,1fr) 20px;gap:22px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line-2);color:var(--ink)}
.ins-past-row img{width:96px;height:auto;box-shadow:0 8px 20px rgba(8,27,61,.16);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ins-past-row:hover img{transform:translateY(-4px)}
.ins-past-t{display:flex;flex-direction:column;gap:8px}
.ins-past-t .q{font-weight:300;font-size:19px;line-height:1.4}
.ins-past-t .ins-rex{font-size:13px;line-height:1.6;color:var(--grey)}
.ins-past-t .ins-meta{margin-top:4px}
.ins-past-row .ins-arrow{padding-top:2px}
@media (max-width:1180px){.ins-past{grid-template-columns:1fr}}
@media (max-width:760px){.ins-past-row{grid-template-columns:72px minmax(0,1fr);gap:16px}.ins-past-row img{width:72px}.ins-past-row .ins-arrow{display:none}}
.ins-past-row:hover .ins-arrow{color:var(--green);transform:translateX(4px)}
.ins-past-ex{margin-top:4px;font-size:13px;line-height:1.75;color:var(--grey-2);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
html[data-lang="zh"] .ins-past-ex.en,html[data-lang="en"] .ins-past-ex.zh{display:none}
@media (max-width:1180px){.ins-past-ex{-webkit-line-clamp:4}}

/* Keep the new latest-issue card readable on narrow phones in both languages. */
@media (max-width:480px){
  .ins-latest-grid{grid-template-columns:minmax(0,1fr)}
  .ins-latest-issue{grid-template-columns:minmax(0,1fr);gap:24px}
  .ins-latest-issue img{max-width:150px}
}
