/* Geometry follows the existing 2560 × 1795 sixth-screen reference. */
.sixth-screen { background:#fff; color:#000; }
.sixth-screen__rails { position:absolute; inset:0 auto 120px 50%; width:1380px; transform:translateX(-50%); border-inline:1px solid #eaebee; pointer-events:none; }
.sixth-screen__heading { position:absolute; top:216px; left:50%; width:1280px; transform:translateX(-50%); text-align:center; }
.sixth-screen__heading h2 { margin:0; font-size:48px; line-height:66px; font-weight:400; }
.sixth-screen__heading p { margin:16px 0 0; font-size:18px; line-height:27px; color:#808080; font-weight:400; }
.sixth-screen__grid { position:absolute; top:424px; left:50%; width:1280px; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; transform:translateX(-50%); }
.bento-card { position:relative; grid-column:span 2; height:580px; overflow:hidden; border-radius:20px; background:#f7f7f9; }
.bento-card--wide,.bento-card--iteration { grid-column:span 3; }
.bento-card__number { position:absolute; z-index:2; top:30px; left:30px; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#fff; box-shadow:0 2px 4px rgb(0 0 0 / 8%); color:#808080; font-size:14px; line-height:20px; }
.bento-card__image { position:absolute; top:68px; left:0; display:block; width:100%; height:384px; object-fit:cover; }
.bento-card__copy { position:absolute; left:30px; right:30px; top:472px; }
.bento-card__copy h3 { display:flex; align-items:center; gap:8px; margin:0; font-size:18px; line-height:26px; font-weight:600; }
.bento-card__copy h3 img { width:18px; height:18px; flex:none; }
.bento-card__copy p { margin:8px 0 0; font-size:16px; line-height:24px; color:#777; font-weight:400; }
.bento-card--iteration { background:#65afff url("https://pixso.cn/assets/image/pixso-ai-20261022-3c6e4127c7/image/bentos/image04bj.jpg") center / cover no-repeat; color:#fff; }
.bento-card--iteration .bento-card__copy p { color:rgb(255 255 255 / 70%); }
.bento-iteration { position:absolute; top:90px; left:158px; width:420px; height:312px; font-size:14px; line-height:20px; }
.bento-iteration__prompt { margin:0 0 14px auto; width:252px; padding:8px 10px; border-radius:12px; background:rgb(255 255 255 / 82%); color:#454545; font-size:12px; line-height:18px; }
.bento-iteration__steps { list-style:none; padding:0; margin:0; display:grid; justify-items:start; gap:6px; color:rgb(255 255 255 / 68%); }
.bento-iteration__steps li { display:flex; align-items:center; gap:6px; padding:5px 10px; background:rgb(255 255 255 / 10%); border-radius:6px; }
.bento-iteration__steps li > img { width:14px; height:14px; display:block; flex:none; }
.bento-iteration__steps li:last-child { background:none; }
.bento-iteration__steps li:not(:last-child) { height:34px; padding:0 10px; border-radius:12px; font-size:13px; }
.bento-iteration__lines { margin-top:10px; display:grid; gap:7px; opacity:.16; }
.bento-iteration__lines i { display:block; height:6px; border-radius:3px; background:#fff; }
.bento-iteration__lines > div { display:flex; gap:9px; }
.bento-iteration__lines > div i:first-child { width:45px; }
.bento-iteration__lines > div i:last-child { width:110px; }
.bento-iteration__lines > i { width:286px; }
.bento-iteration__input { position:absolute; bottom:0; left:0; width:420px; height:86px; padding:12px 14px; border-radius:14px; background:#fff; color:#aaa; }
.bento-iteration__send { position:absolute; right:10px; bottom:10px; display:block; width:30px; height:30px; }
.sixth-screen__divider { position:absolute; inset:auto 0 0; height:120px; border-block:1px solid #eaebee; background:#f9f9fb; }
.sixth-screen__divider::after { content:''; position:absolute; inset:0 auto 0 50%; width:1380px; transform:translateX(-50%); background:repeating-linear-gradient(to bottom,#e3e4e7 0 5px,transparent 5px 10px) left / 1px 100% no-repeat,repeating-linear-gradient(to bottom,#e3e4e7 0 5px,transparent 5px 10px) right / 1px 100% no-repeat; }