/* 功能说明：展示香瓜手札实验目录与真实项目入口。职责边界：仅处理模块布局与交互反馈。 */
.page-explore { --mod-accent: #547184; }
.explore-intro { padding: 54px 0 34px; }
.explore-intro h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); font-weight: 500; line-height: 1.2; letter-spacing: -.025em; margin: 0; }
.explore-intro p { margin: 14px 0 0; color: var(--text-soft); font-size: 1rem; line-height: 1.8; }
.experiment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 4px 0 64px; }
.experiment-card { display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid rgba(64,60,54,.09); border-radius: 14px; color: inherit; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.experiment-card:hover, .experiment-card:focus-visible { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(42,45,48,.08); }
.experiment-card:focus-visible { outline: 2px solid #547184; outline-offset: 4px; }
.experiment-art { aspect-ratio: 3 / 2; overflow: hidden; background: #edf0f2; }
.experiment-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.experiment-copy { padding: 20px 22px 24px; }
.experiment-type { color: var(--text-muted); font-size: .78rem; }
.experiment-copy h2 { font-size: 1.2rem; font-weight: 500; margin: 10px 0 8px; line-height: 1.4; }
.experiment-copy p { color: var(--text-soft); font-size: .88rem; line-height: 1.8; margin: 0; }
.experiment-note { color: var(--text-muted); font-size: .85rem; padding: 0 0 48px; margin: 0; }
@media(max-width:950px){.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.explore-intro{padding-top:32px}.experiment-grid{grid-template-columns:1fr;gap:22px;padding-bottom:32px}.experiment-copy{padding:18px 20px 22px}}
@media(prefers-reduced-motion:reduce){.experiment-card{transition:none}.experiment-card:hover,.experiment-card:focus-visible{transform:none}}