/* 多设备展台沿用纸白与墨绿，以完整屏幕比例展示作品。 */
.ecosystem{border-top:1px solid var(--line)}
.device-scene{position:relative;aspect-ratio:1.85;background:radial-gradient(ellipse at 45% 35%,#fffdf6,#e4e3da 80%);overflow:hidden;border-radius:3px}
.scene-note{position:absolute;top:7%;left:5%;font-family:var(--serif);font-size:clamp(14px,2vw,26px)}
.screen{background:#171a18;border:8px solid #242724;border-radius:20px;overflow:hidden;box-shadow:0 18px 35px #26312630}
.screen img{object-position:50% 45%}
.scene-mac{position:absolute;left:25%;top:15%;width:62%;height:69%}
.scene-mac .screen{height:83%;border-width:10px;border-bottom-width:23px;border-radius:12px}
.mac-foot{position:absolute;left:39%;bottom:0;width:23%;height:20%;background:linear-gradient(90deg,#b4b7b4,#e8e9e6,#a6aaa6);clip-path:polygon(25% 0,75% 0,82% 78%,100% 88%,100% 100%,0 100%,0 88%,18% 78%)}
.scene-ipad{position:absolute;left:7%;bottom:9%;width:29%;height:65%;transform:rotate(-6deg)}
.scene-phone{position:absolute;left:66%;bottom:6%;width:14%;height:56%;border-width:6px;border-radius:24px;transform:rotate(7deg)}
.scene-watch{position:absolute;left:84%;bottom:8%;width:11%;height:33%;transform:rotate(9deg)}
.watch-band{position:absolute;left:16%;top:0;width:68%;height:100%;border-radius:20px;background:linear-gradient(90deg,#b9b6a7,#d6d0bc,#a7a392)}
.watch-face{position:absolute;top:18%;height:64%;width:100%;border-width:5px;border-radius:24px}
.scene-signature{position:absolute;bottom:3%;left:5%;font-size:10px;letter-spacing:2px;color:#535c52}
.platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:48px}
.platforms article{border-top:1px solid var(--line);padding-top:22px}
.platform-number{font-size:10px;letter-spacing:2px;color:var(--accent)}
.platforms h3{font-size:25px;margin:18px 0 12px}
.platforms p{font-size:13px;color:var(--muted);min-height:73px}
.platforms a,.platform-detail{font-size:11px;line-height:1.8}.platforms a{border-bottom:1px solid var(--line);padding-bottom:6px}.platform-detail{color:var(--muted)}
.screen-story{background:#e1e7df;padding:90px 0;overflow:hidden}
.screen-story-inner{width:min(1320px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}
.screen-story-copy>p:not(.eyebrow){color:#4c594f;font-size:14px}.screen-story-copy .serif{color:#3a6255;font-style:normal}.preview-chips{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.preview-chips span{padding:8px 12px;border:1px solid #a8b7a8;border-radius:30px;font-size:11px}
.preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.preview-pair figure:nth-child(2){padding-top:70px}.preview-phone{border:7px solid #232b26;border-radius:30px;overflow:hidden;box-shadow:0 24px 35px #203e2824}.preview-phone img{height:auto;object-fit:contain}.preview-pair figcaption{font-size:10px;margin-top:18px;color:#47574b;line-height:1.7}
.widget-story{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.widget-story>div>p:not(.eyebrow){color:var(--muted)}
.widget-stage{position:relative;aspect-ratio:1.05;background:#e6e2d8;border-radius:3px;padding:35px;overflow:hidden}.widget-small{width:48%;aspect-ratio:1;position:relative;border-radius:23px;overflow:hidden;box-shadow:0 15px 35px #25332624;transform:rotate(-7deg)}.widget-small>div{position:absolute;inset:0;display:flex;justify-content:end;flex-direction:column;padding:16px;color:#fff;background:linear-gradient(transparent 35%,#071519c9)}.widget-small small{font-size:9px;letter-spacing:2px}.widget-small strong{font-size:13px;font-weight:500;margin-top:8px}.widget-wide{position:absolute;display:grid;grid-template-columns:1fr 1fr;gap:3px;width:75%;height:40%;right:7%;bottom:15%;background:#20352f;border-radius:24px;overflow:hidden;box-shadow:0 18px 30px #25332624;transform:rotate(5deg)}.widget-wide span{position:absolute;left:0;bottom:0;width:100%;padding:22px 18px 15px;background:linear-gradient(transparent,#071519b3);color:white;font-size:11px;display:flex;justify-content:space-between}.widget-stage-note{position:absolute;bottom:5%;left:8%;font-size:11px;color:#535c52}
@media(max-width:1000px){.screen-story-inner{width:calc(100% - 64px);gap:35px}.platforms{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.platforms p{min-height:0}.widget-story{gap:40px}.screen{border-width:5px}.scene-mac .screen{border-width:6px;border-bottom-width:14px}.scene-phone{border-width:4px;border-radius:18px}.watch-face{border-width:3px;border-radius:15px}}
@media(max-width:700px){.device-scene{aspect-ratio:1.4}.scene-mac{left:24%;width:68%;top:23%;height:57%}.scene-ipad{left:5%;width:30%;height:52%;bottom:9%}.scene-phone{left:66%;width:16%;height:45%;border-radius:13px}.scene-watch{left:85%;width:11%;height:26%}.scene-signature{font-size:7px;letter-spacing:1px}.watch-face{border-radius:10px}.platforms{gap:30px 20px;margin-top:30px}.platforms h3{font-size:22px}.screen-story{padding:60px 0}.screen-story-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px}.preview-pair{gap:18px;max-width:500px;margin:auto}.preview-phone{border-width:5px;border-radius:22px}.preview-pair figure:nth-child(2){padding-top:42px}.widget-story{display:flex;flex-direction:column-reverse;gap:30px;align-items:stretch}.widget-stage{max-width:550px;width:100%;margin:auto}.widget-small>div{padding:12px}.widget-small strong{font-size:11px}.app-showcase{gap:30px}}

/* 摄影感场景保持完整比例，避免移动端裁掉设备。 */
.device-photo-scene{margin:0;background:#e9e2d6;border-radius:3px;overflow:hidden}
.device-photo-scene img{display:block;width:100%;height:auto;object-fit:contain}