/* qm-insight.css — 洞察栏目。版式仍是暗色图文；文字按特斯拉字级：标题 40/500，卡片名 17/500，正文 14/400，行高 20px。只使用 400 与 500。不嵌入 Universal Sans，中文与拉丁用苹方 / 雅黑（避开被 cus.css 换成 D-DIN 的 Arial、Segoe UI、Inter）。2026-10-06 */
.qmi{--g:#b89b6a;--g2:#d8c29a;--ink:#ffffff;--mute:#a2a3a5;--line:rgba(255,255,255,.12);--bg:#0b0b0c;--bg2:#121214;--bg3:#18171a;--ts:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-family:var(--ts);font-weight:400;font-style:normal;letter-spacing:0;font-synthesis:none}
.qmi .qmi-k{display:inline-block;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#a2a3a5}
.qmi .qmi-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;color:var(--mute)}
.qmi .qmi-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 14px 3px 0;border-radius:50%;background:rgba(255,255,255,.4);vertical-align:middle}
.qmi-more{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:5px}
.qmi-more svg{width:16px;height:16px;transition:transform .25s}
.qmi-more:hover{color:#fff!important}.qmi-more:hover svg{transform:translateX(4px)}
.qmi-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.qmi-sh h2{margin:0!important}
.qmi-sh p{max-width:520px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--mute)}
.qmi-blk{border-bottom:1px solid var(--line);scroll-margin-top:120px}
.qmi-blk>.qma-in{padding-top:96px;padding-bottom:96px}
.qmi-blk.alt{background:var(--bg2)}
/* hub hero */
.qmi-hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.qmi-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.7) brightness(.62);animation:qmaZoom 14s ease-out both}
.qmi-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.92) 0%,rgba(11,11,12,.55) 46%,rgba(11,11,12,.2) 100%),linear-gradient(180deg,rgba(11,11,12,.55) 0%,transparent 30%,rgba(11,11,12,.95) 100%)}
.qmi-hero .qma-in{padding-top:150px;padding-bottom:72px}
.qmi-hero .qmi-hl{font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#a2a3a5;margin-bottom:22px}
.qmi-hero h1{max-width:900px}
.qmi-lead{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:end;margin-top:56px;padding-top:34px;border-top:1px solid rgba(255,255,255,.22)}
.qmi-lead .qmi-k{margin-bottom:14px}
.qmi-lead h2{margin:0 0 16px!important;font-size:28px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important}
.qmi-lead h2 a{color:#fff!important;background:linear-gradient(#fff,#fff) 0 100%/0 1px no-repeat;transition:background-size .4s}
.qmi-lead h2 a:hover{background-size:100% 1px}
.qmi-lead p.qmi-dek{max-width:760px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.78);margin-bottom:18px}
.qmi-lead-side{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
/* sub nav */
.qmi-sub{position:sticky;top:0;z-index:5;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.qmi-sub .qma-in{display:flex;gap:4px 30px;overflow-x:auto;scrollbar-width:none}
.qmi-sub .qma-in::-webkit-scrollbar{display:none}
.qmi-sub a{flex:none;padding:18px 0;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:rgba(255,255,255,.72)!important;border-bottom:1px solid transparent}
.qmi-sub a:hover,.qmi-sub a.is-on{color:#fff!important;border-bottom-color:#fff}
/* cards */
.qmi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.qmi-card{display:flex;flex-direction:column;min-width:0}
.qmi-card .qmi-im{display:block;aspect-ratio:16/10;overflow:hidden;background:#1b1a1d;margin-bottom:22px}
.qmi-card .qmi-im img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .9s ease,filter .5s}
.qmi-card:hover .qmi-im img{transform:scale(1.04);filter:saturate(1)}
.qmi-card .qmi-k{margin-bottom:12px}
.qmi-card h3{margin:0 0 12px;font-size:17px;font-weight:500;line-height:1.4;letter-spacing:0;color:#fff}
.qmi-card h3 a{color:#fff!important}
.qmi-card h3 a:hover{color:#fff!important}
.qmi-card p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--mute);margin-bottom:16px}
.qmi-card .qmi-meta{margin-top:auto}
.qmi-card.is-big{grid-column:span 2}
.qmi-card.is-big h3{font-size:20px;font-weight:500;line-height:1.35}
/* reports band */
.qmi-rep{position:relative;isolation:isolate;overflow:hidden}
.qmi-rep>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.5) brightness(.35)}
.qmi-rep::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,11,12,.75),rgba(11,11,12,.92))}
.qmi-rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.qmi-r{display:flex;flex-direction:column;padding:34px 30px 32px;background:rgba(11,11,12,.6);border:1px solid var(--line);border-top:2px solid var(--g);transition:background .3s,transform .3s}
.qmi-r:hover{background:rgba(255,255,255,.06);transform:translateY(-4px)}
.qmi-r .qmi-n{font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#a2a3a5;margin-bottom:30px}
.qmi-r h3{margin:0 0 14px;font-size:17px;font-weight:500;line-height:1.4;letter-spacing:0;color:#fff}
.qmi-r p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.78);margin-bottom:26px}
.qmi-r .qmi-meta{margin-top:auto}
/* series */
.qmi-ser{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
.qmi-ser-in p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.78);margin-bottom:26px}
.qmi-ser-list{counter-reset:s}
.qmi-sp{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding:26px 0;border-top:1px solid var(--line);color:inherit!important}
.qmi-sp:last-child{border-bottom:1px solid var(--line)}
.qmi-sp .qmi-im{display:block;aspect-ratio:16/10;overflow:hidden}
.qmi-sp img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .8s}
.qmi-sp:hover img{transform:scale(1.05)}
.qmi-sp .qmi-k{margin-bottom:10px}
.qmi-sp h3{margin:0 0 10px;font-size:17px;line-height:1.4;letter-spacing:0;color:#fff;font-weight:500}
.qmi-sp:hover h3{color:#fff}
.qmi-sp p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--mute)}
/* perspectives */
.qmi-pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.qmi-p{display:grid;grid-template-rows:auto 1fr;background:var(--bg3);border:1px solid var(--line);color:inherit!important}
.qmi-p .qmi-im{display:block;aspect-ratio:21/9;overflow:hidden}
.qmi-p img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85);transition:transform .9s}
.qmi-p:hover img{transform:scale(1.04)}
.qmi-p-b{padding:34px 34px 36px}
.qmi-p blockquote{margin:0 0 22px;padding-left:22px;border-left:1px solid rgba(255,255,255,.35);font-size:20px;line-height:1.4;letter-spacing:0;color:#fff;font-weight:500;font-style:normal}
.qmi-p h3{margin:0 0 12px;font-size:17px;color:rgba(255,255,255,.9);font-weight:500;line-height:1.4;letter-spacing:0}
/* topics & industries */
.qmi-tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.qmi-t{padding:36px 0 40px;border-top:1px solid var(--line);scroll-margin-top:120px}
.qmi-t:target{background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 70%)}
.qmi-t h3{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 12px;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:0;color:#fff}
.qmi-t h3 small{font-size:14px;letter-spacing:0;line-height:20px;color:#a2a3a5;font-weight:500;font-family:var(--ts)}
.qmi-t>p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--mute);margin-bottom:18px;max-width:560px}
.qmi-t ul{list-style:none;margin:0;padding:0}
.qmi-t li{border-top:1px solid rgba(255,255,255,.07)}
.qmi-t li a{display:flex;justify-content:space-between;gap:20px;padding:13px 0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.9)!important;transition:color .2s,padding .25s}
.qmi-t li a:hover{color:#fff!important;padding-left:8px}
.qmi-t li a em{flex:none;font-style:normal;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;color:var(--mute);padding-top:3px}
.qmi-igrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
/* subscribe */
.qmi-subband{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:80px}
.qmi-subband>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.6) brightness(.45)}
.qmi-subband::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.94),rgba(11,11,12,.55))}
.qmi-subband .qma-in{padding-top:110px;padding-bottom:110px}
.qmi-subband h2{max-width:720px}
.qmi-subband p{max-width:620px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.78);margin-bottom:34px}
.qmi-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.qmi-tags span{padding:7px 14px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:rgba(255,255,255,.8)}
/* article */
.qmi-ah .qma-in{padding-bottom:70px}
.qmi-ah h1{max-width:1000px;font-size:40px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:0!important}
.qmi-ah .qmi-dek{max-width:820px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.78);margin-bottom:28px}
.qmi-ah .qmi-k{margin-bottom:20px;color:#a2a3a5;text-shadow:none}
.qmi-body .qma-in{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;padding-top:80px;padding-bottom:96px}
.qmi-aside{position:sticky;top:110px;align-self:start}
.qmi-aside h4{margin:0 0 14px;font-size:14px;letter-spacing:0;line-height:20px;color:#a2a3a5;font-weight:500}
.qmi-aside ol{list-style:none;margin:0 0 34px;padding:0;counter-reset:t}
.qmi-aside li{counter-increment:t;border-top:1px solid var(--line)}
.qmi-aside li a{display:flex;gap:12px;padding:11px 0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.7)!important}
.qmi-aside li a::before{content:counter(t,decimal-leading-zero);color:#a2a3a5;font-size:14px;font-weight:500;padding-top:2px}
.qmi-aside li a:hover{color:#fff!important}
.qmi-aside dl{margin:0;font-size:14px;line-height:20px}
.qmi-aside dt{color:var(--mute);font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;margin-top:14px}
.qmi-aside dd{margin:2px 0 0;color:rgba(255,255,255,.88);font-weight:400}
.qmi-aside dd a{color:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(255,255,255,.35)}
.qmi-main{max-width:780px;min-width:0}
.qmi-take{margin:0 0 64px;padding:34px 36px 30px;background:var(--bg3);border:1px solid var(--line);border-top:2px solid var(--g)}
.qmi-take h2{font-size:14px!important;letter-spacing:0!important;line-height:20px!important;color:#a2a3a5!important;margin:0 0 18px!important;font-family:var(--ts)!important;font-weight:500!important}
.qmi-take ul{list-style:none;margin:0;padding:0}
.qmi-take li{position:relative;padding:12px 0 12px 26px;border-top:1px solid rgba(255,255,255,.07);font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#fff}
.qmi-take li:first-child{border-top:0}
.qmi-take li::before{content:"";position:absolute;left:0;top:22px;width:10px;height:1px;background:#a2a3a5}
.qmi-photo{margin:0 0 56px}
.qmi-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.qmi-s{margin:0 0 56px;scroll-margin-top:110px}
.qmi-s h2{font-size:28px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important;margin:0 0 20px!important}
.qmi-s h2 span{display:block;font-size:14px;letter-spacing:0;line-height:20px;color:#a2a3a5;margin-bottom:12px;font-family:var(--ts);font-weight:500}
.qmi-s p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:rgba(255,255,255,.78);margin:0 0 18px}
.qmi-q{margin:8px 0 60px;padding:6px 0 6px 32px;border-left:1px solid rgba(255,255,255,.35);font-size:20px;line-height:1.4;letter-spacing:0;color:#fff;font-weight:500;font-style:normal}
.qmi-ex{margin:12px 0 64px;padding:36px 34px 30px;background:#f4f4f4;color:#171a20}
.qmi-ex figcaption{display:block}
.qmi-ex .qmi-exk{font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#5c5e62;margin-bottom:10px}
.qmi-ex h3{margin:0 0 8px;font-size:17px;font-weight:500;color:#171a20;line-height:1.4;letter-spacing:0}
.qmi-ex .qmi-exc{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#393c41;margin-bottom:26px}
.qmi-ex .qmi-exn{margin-top:22px;padding-top:14px;border-top:1px solid #e8e8e8;font-size:14px;font-weight:400;line-height:20px;color:#5c5e62;letter-spacing:0}
.qmi-layers{display:flex;flex-direction:column;gap:6px}
.qmi-layer{display:grid;grid-template-columns:56px 180px minmax(0,1fr);align-items:center;gap:18px;padding:16px 20px;background:#fff;border-left:3px solid #e8e8e8}
.qmi-layer:nth-child(1){background:#171a20;color:#fff;border-left-color:#3E6AE1}
.qmi-layer:nth-child(1) b{color:#fff}.qmi-layer:nth-child(1) p{color:#a2a3a5}
.qmi-layer:nth-child(2){background:#393c41;color:#fff}.qmi-layer:nth-child(2) b{color:#fff}.qmi-layer:nth-child(2) p{color:#e8e8e8}
.qmi-layer:nth-child(3){background:#f4f4f4}
.qmi-layer i{font-style:normal;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#5c5e62}
.qmi-layer b{font-size:14px;font-weight:500;color:#171a20}
.qmi-layer p{margin:0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#393c41}
.qmi-steps{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:4px}
.qmi-step{position:relative;padding:22px 18px 22px;background:#fff;border-top:3px solid #e8e8e8}
.qmi-step:nth-child(odd){background:#f4f4f4}
.qmi-step i{display:block;font-style:normal;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#5c5e62;margin-bottom:12px}
.qmi-step b{display:block;font-size:14px;font-weight:500;color:#171a20;margin-bottom:8px;line-height:20px}
.qmi-step p{margin:0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#393c41}
.qmi-mx{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px}
.qmi-mx-y{grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0;border-right:1px solid #e8e8e8;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;color:#5c5e62}.qmi-mx-y span,.qmi-mx-y b{writing-mode:vertical-rl}.qmi-mx-y b{color:#171a20;font-weight:500;letter-spacing:0}
.qmi-mx-g{display:grid;grid-template-columns:1fr 1fr;gap:4px;position:relative}
.qmi-mx-c{padding:20px 20px 22px;background:#fff;min-height:130px}
.qmi-mx-c:nth-child(2){background:#171a20;color:#fff}.qmi-mx-c:nth-child(2) b{color:#fff}.qmi-mx-c:nth-child(2) p{color:#a2a3a5}
.qmi-mx-c:nth-child(3){background:#f4f4f4}
.qmi-mx-c b{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#171a20}
.qmi-mx-c p{margin:0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#393c41}
.qmi-mx-x{grid-column:2;display:flex;justify-content:space-between;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;color:#5c5e62;padding-top:6px;border-top:1px solid #e8e8e8}
.qmi-mx-x b{color:#171a20;font-weight:500;letter-spacing:0}
.qmi-mx-yl{display:none;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#5c5e62;margin:0 0 10px}
.qmi-tbl{width:100%;border-collapse:collapse;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;table-layout:fixed}
.qmi-tbl th{padding:12px 14px;text-align:left;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#fff;background:#171a20}
.qmi-tbl td{padding:14px;border-bottom:1px solid #e8e8e8;color:#393c41;vertical-align:top;background:#fff}
.qmi-tbl tr:nth-child(even) td{background:#f4f4f4}
.qmi-tbl td:first-child{font-weight:500;color:#171a20}
.qmi-tblw{overflow-x:auto}
.qmi-act{margin:0 0 30px}
.qmi-act>h2{font-size:28px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important}
.qmi-agrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.qmi-a{padding:26px 24px 28px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-top:2px solid var(--g)}
.qmi-a span{display:block;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#a2a3a5;margin-bottom:16px}
.qmi-a h3{margin:0 0 10px;font-size:17px;color:#fff;font-weight:500;line-height:1.4;letter-spacing:0}
.qmi-a p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--mute)}
.qmi-by{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:var(--mute)}
.qmi-by a{color:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(255,255,255,.35)}
@media (max-width:1100px){
 .qmi-grid,.qmi-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qmi-igrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qmi-ser{grid-template-columns:1fr;gap:32px}
 .qmi-body .qma-in{grid-template-columns:1fr;gap:0}
 .qmi-aside{position:static;display:none}
 .qmi-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
 .qmi-blk>.qma-in{padding-top:64px;padding-bottom:64px}
 .qmi-hero{min-height:auto}
 .qmi-hero .qma-in{padding-top:120px;padding-bottom:48px}
 .qmi-lead{grid-template-columns:1fr;gap:20px;margin-top:36px}
 .qmi-grid,.qmi-rgrid,.qmi-pgrid,.qmi-tgrid,.qmi-igrid,.qmi-agrid{grid-template-columns:1fr}
 .qmi-card.is-big{grid-column:auto}
 .qmi-sh{flex-direction:column;align-items:flex-start}
 .qmi-sp{grid-template-columns:110px minmax(0,1fr);gap:16px}
 .qmi-sp p{display:none}
 .qmi-body .qma-in{padding-top:48px;padding-bottom:64px}
 .qmi-take{padding:26px 22px 22px}
 .qmi-ex{padding:26px 18px 22px;margin-left:-4px;margin-right:-4px}
 .qmi-layer{grid-template-columns:1fr;gap:6px}
 .qmi-steps{grid-template-columns:1fr}
 .qmi-mx-g{grid-template-columns:1fr}
 .qmi-mx{grid-template-columns:1fr}.qmi-mx-y{display:none}.qmi-mx-yl{display:block}.qmi-mx-x{grid-column:1}
 .qmi-tbl{font-size:14px;min-width:520px}
 .qmi-s p{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.qmi *{transition:none!important;animation:none!important}}
/* 压过 qm-about-pages 的衬线 .ser、700 字重、字距，以及洞察首页内联归档样式。 */
.qmi,.qmi :where(h1,h2,h3,h4,p,a,li,span,em,i,b,strong,small,blockquote,figcaption,dt,dd,button,label){font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;font-style:normal !important;letter-spacing:0 !important;text-shadow:none !important;text-transform:none !important;font-synthesis:none !important}
.qmi .ser,.qmi h1,.qmi h2,.qmi h3,.qmi h4{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;font-weight:500 !important;letter-spacing:0 !important;font-style:normal !important}
.qmi :where(b,strong){font-weight:500 !important}
.qmi h1,.qmi .qmi-hero h1,.qmi .qmi-ah h1{font-size:40px !important;line-height:1.25 !important;color:#fff !important}
.qmi .qma-lead,.qmi .qma-crumb{font-size:14px !important;font-weight:400 !important;line-height:20px !important;letter-spacing:0 !important}
.qmi .qmi-sh h2,.qmi .qmi-subband h2{font-size:28px !important;line-height:1.3 !important}
.qmi .qmi-card h3,.qmi .qmi-agrid .qmi-card h3,.qmi .qmi-r h3,.qmi .qmi-sp h3,.qmi .qmi-p h3,.qmi .qmi-a h3,.qmi .qmi-ex h3{font-size:17px !important;line-height:1.4 !important}
.qmi .qmi-card.is-big h3{font-size:20px !important;line-height:1.35 !important}
.qmi .qmi-t h3{font-size:20px !important;line-height:1.35 !important}
.qmi .qmi-card p,.qmi .qmi-agrid .qmi-card p{font-size:14px !important;font-weight:400 !important;line-height:20px !important}
.qmi .qmi-af button,.qmi .qmi-acount,.qmi .qmi-amore,.qmi .qmi-tmore,.qmi .qmi-sub a,.qmi .qmi-more{font-size:14px !important;font-weight:500 !important;letter-spacing:0 !important;line-height:20px !important}
@media (max-width:921px){
 .qmi h1,.qmi .qmi-hero h1,.qmi .qmi-ah h1{font-size:32px !important}
 .qmi .qmi-lead h2,.qmi .qmi-s h2,.qmi .qmi-act>h2,.qmi .qmi-sh h2,.qmi .qmi-subband h2{font-size:24px !important}
 .qmi .qma-in{padding-right:72px}
}
/* 2026-10-08: article pages use the same light reading surface as the insight hub. */
html body:has(.qmi-article),
html body:has(.qmi-article) #page,
html body:has(.qmi-article) .site-content,
html body:has(.qmi-article) #primary,
html body:has(.qmi-article) #main {
  background: #fff !important;
  color: #193c2e;
}
.qma.qmi.qmi-article {
  --g: #007a53;
  --ink: #193c2e;
  --mute: #5b6f61;
  --line: #d8e2da;
  --bg: #fff;
  --bg2: #f7faf7;
  --bg3: #f1f6f1;
  background: #fff !important;
  color: #193c2e !important;
}
.qmi.qmi-article .qma-hero.qmi-ah {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background: #f7faf7 !important;
  overflow: hidden;
}
.qmi.qmi-article .qma-hero.qmi-ah::after { display: none !important; }
.qmi.qmi-article .qma-hero.qmi-ah > img {
  order: 2;
  position: relative !important;
  inset: auto !important;
  z-index: 0 !important;
  width: 100% !important;
  height: min(52vh, 560px) !important;
  object-fit: cover;
  filter: none !important;
  animation: none !important;
  transform: none !important;
}
.qmi.qmi-article .qma-hero .qma-in {
  order: 1;
  position: relative;
  z-index: 1;
  padding-top: 128px !important;
  padding-bottom: 36px !important;
}
.qmi.qmi-article :is(h1, h2) {
  font-family: "D-DIN", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  color: #193c2e !important;
}
.qmi.qmi-article h1,
.qmi.qmi-article .qmi-ah h1 {
  color: #193c2e !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.28 !important;
  font-weight: 500 !important;
  max-width: 16em;
}
.qmi.qmi-article .qmi-k { color: #007a53 !important; }
.qmi.qmi-article .qmi-dek {
  color: #4e6256 !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  max-width: 40em;
}
.qmi.qmi-article .qmi-meta { color: #5b6f61 !important; font-size: 14px !important; line-height: 1.6 !important; }
.qmi.qmi-article .qmi-meta span + span::before { background: #8aa394; }
.qmi.qmi-article .qma-crumb,
.qmi.qmi-article .qma-crumb a { color: #5b6f61 !important; letter-spacing: 0 !important; }
.qmi.qmi-article .qma-crumb a:hover { color: #007a53 !important; }
.qmi.qmi-article .qmi-body { background: #fff; }
.qmi.qmi-article .qmi-main { max-width: 44rem; }
.qmi.qmi-article .qmi-s h2,
.qmi.qmi-article .qmi-act > h2,
.qmi.qmi-article .qmi-sh h2 {
  color: #193c2e !important;
  font-size: clamp(26px, 2.4vw, 32px) !important;
  line-height: 1.35 !important;
}
.qmi.qmi-article .qmi-s h2 span { color: #007a53 !important; }
.qmi.qmi-article .qmi-s p {
  color: #24382e !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}
.qmi.qmi-article .qmi-aside h4,
.qmi.qmi-article .qmi-aside li a::before,
.qmi.qmi-article .qmi-aside dt { color: #5b6f61 !important; }
.qmi.qmi-article .qmi-aside li { border-top-color: #d8e2da; }
.qmi.qmi-article .qmi-aside li a { color: #193c2e !important; }
.qmi.qmi-article .qmi-aside li a:hover { color: #007a53 !important; }
.qmi.qmi-article .qmi-aside dd,
.qmi.qmi-article .qmi-aside dd a { color: #193c2e !important; border-bottom-color: #007a53; }
.qmi.qmi-article .qmi-take {
  background: #f1f6f1;
  border-color: #d8e2da;
  border-top-color: #007a53;
}
.qmi.qmi-article .qmi-take h2 { color: #007a53 !important; }
.qmi.qmi-article .qmi-take li { color: #193c2e; border-top-color: #d8e2da; }
.qmi.qmi-article .qmi-take li::before { background: #007a53; }
.qmi.qmi-article .qmi-q { color: #193c2e; border-left-color: #007a53; font-size: 22px; line-height: 1.55; }
.qmi.qmi-article .qmi-a { background: #f7faf7; border-color: #d8e2da; border-top-color: #007a53; }
.qmi.qmi-article .qmi-a h3,
.qmi.qmi-article .qmi-card h3,
.qmi.qmi-article .qmi-card h3 a { color: #193c2e !important; }
.qmi.qmi-article .qmi-a p,
.qmi.qmi-article .qmi-a span,
.qmi.qmi-article .qmi-card p,
.qmi.qmi-article .qmi-sh p { color: #4e6256 !important; }
.qmi.qmi-article .qmi-by,
.qmi.qmi-article .qmi-by a { color: #193c2e !important; }
.qmi.qmi-article .qmi-by a { border-bottom-color: #007a53; }
.qmi.qmi-article .qmi-more { color: #007a53 !important; border-bottom-color: #007a53; }
.qmi.qmi-article .qmi-sh,
.qmi.qmi-article .qmi-blk { border-bottom-color: #d8e2da; }
.qmi.qmi-article .qmi-blk.alt { background: #f7faf7; }
@media (max-width: 1100px) {
  .qmi.qmi-article .qmi-aside { display: block !important; position: static; margin: 0 0 28px; padding-bottom: 8px; border-bottom: 1px solid #d8e2da; }
  .qmi.qmi-article .qmi-body .qma-in { grid-template-columns: 1fr !important; }
}
@media (max-width: 921px) {
  .qmi.qmi-article .qma-in { padding-right: clamp(20px, 4vw, 80px) !important; }
  .qmi.qmi-article h1,
  .qmi.qmi-article .qmi-ah h1 { font-size: 32px !important; }
}
