.insights-page .page-banner { background: linear-gradient(90deg, rgba(24,16,14,.9), rgba(43,22,18,.58)), url("../images/案例图/企业文化/中国华电集团红色档案展.png") center/cover no-repeat; }
    .featured-insight { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 470px; background: #fff; border: 1px solid var(--gray-line); box-shadow: var(--shadow-md); }
    .featured-insight .visual { min-height: 470px; overflow: hidden; }
    .featured-insight .visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease-out); }
    .featured-insight:hover .visual img { transform: scale(1.04); }
    .featured-insight .copy { padding: 55px 48px; display: flex; flex-direction: column; justify-content: center; }
    .featured-insight .label, .insight-card .label { color: var(--red); font-size: 12px; letter-spacing: 3px; }
    .featured-insight h2 { margin: 14px 0 20px; font-family: var(--serif); font-size: 30px; line-height: 1.55; letter-spacing: 2px; }
    .featured-insight p { color: var(--ink-mute); line-height: 1.95; }
    .featured-insight .takeaway { margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--gray-line); color: var(--gold); font-family: var(--serif); font-size: 15px; }
    .insight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .insight-card { background: #fff; border: 1px solid var(--gray-line); overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
    .insight-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-md); }
    .insight-card .thumb { height: 220px; overflow: hidden; }
    .insight-card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease-out); }
    .insight-card:hover .thumb img { transform: scale(1.06); }
    .insight-card .body { padding: 27px 25px 30px; }
    .insight-card h3 { margin: 10px 0 12px; font-family: var(--serif); font-size: 19px; line-height: 1.55; }
    .insight-card p { color: var(--ink-mute); font-size: 13px; line-height: 1.85; }
    .method-band { background: linear-gradient(125deg, #731c22, #9b2c2c); color: #fff; }
    .method-band .sec-head h2 { color: #fff; }
    .method-band .sec-head p { color: rgba(255,255,255,.68); }
    .method-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
    .method-item { padding: 34px 30px; border-right: 1px solid rgba(255,255,255,.16); }
    .method-item:last-child { border-right: 0; }
    .method-item span { font-family: var(--serif); color: #f0d391; font-size: 13px; letter-spacing: 3px; }
    .method-item h3 { margin: 14px 0 10px; font-family: var(--serif); font-size: 20px; letter-spacing: 2px; }
    .method-item p { color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.8; }
    @media (max-width: 1024px) { .featured-insight { grid-template-columns: 1fr; } .featured-insight .visual { min-height: 340px; } .insight-grid { grid-template-columns: repeat(2, 1fr); } .method-grid { grid-template-columns: repeat(2, 1fr); } .method-item:nth-child(2) { border-right: 0; } }
    @media (max-width: 768px) { .featured-insight .visual { min-height: 250px; } .featured-insight .copy { padding: 34px 25px; } .featured-insight h2 { font-size: 24px; } .insight-grid, .method-grid { grid-template-columns: 1fr; } .method-item { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); } }