.effect-experience{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);background:#fff;border:1px solid var(--line);border-top:0}
.effect-main{margin:0;position:relative;min-height:470px;background:#d8dfdc;overflow:hidden}
.effect-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.effect-main figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 26px 24px;background:linear-gradient(transparent,#07100ddd);color:#fff}
.effect-main strong{display:block;font:28px Georgia,"Songti SC",serif}
.effect-main small{display:block;margin-top:7px;color:#c8d4cf}
.effect-browser{padding:24px;background:#f6f5f0}
.effect-browser-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}
.effect-browser-head span{font-size:10px;font-weight:800;letter-spacing:.14em}
.effect-browser-head button{border:1px solid var(--line);background:white;padding:8px 10px;font-size:10px;white-space:nowrap}
.effect-browser-head button.active{background:var(--teal);color:white}
.effect-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:400px;overflow:auto}
.effect-thumb{border:1px solid var(--line);background:white;padding:0;text-align:left;color:var(--ink)}
.effect-thumb.active{border:2px solid var(--teal);box-shadow:0 0 0 2px #0d5b5622}
.effect-thumb img{width:100%;height:86px;display:block;object-fit:cover}
.effect-thumb span{display:block;padding:8px;font-size:10px;line-height:1.35}
.effect-help{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
@media(max-width:900px){.effect-experience{grid-template-columns:1fr}.effect-main{min-height:400px}.effect-thumbs{grid-template-columns:repeat(3,1fr);max-height:none}}
@media(max-width:560px){.effect-main{min-height:300px}.effect-thumbs{grid-template-columns:1fr 1fr}.effect-thumb img{height:72px}}