*{box-sizing:border-box}
body{margin:0;background:#f1ede7;color:#403731;font:14px/1.8 system-ui,"PingFang SC",sans-serif}
header{max-width:960px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;color:#80756c}
a{color:inherit}main{max-width:960px;margin:auto;padding:12px 24px 40px;display:grid;grid-template-columns:415px minmax(0,1fr);gap:64px;align-items:start}
.device-area{min-width:0;overflow:auto;padding-bottom:12px}
.device{box-sizing:content-box;width:393px;padding:10px;border:1px solid #c9bdb0;border-radius:53px;background:#292923}
.screen{width:393px;height:852px;border-radius:43px;overflow:hidden;background:#fffcf7;display:flex;flex-direction:column}
.system{height:59px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:12px;position:relative}
.system i{position:absolute;width:120px;height:32px;background:#191b17;left:50%;top:11px;transform:translateX(-50%);border-radius:22px}
.host{height:44px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 21px;font-size:11px;color:#80756c}
.capsule{border:1px solid #e3d8cd;border-radius:20px;padding:1px 13px;font-size:15px;letter-spacing:3px}
#phone{display:block;width:393px;min-width:393px;max-width:393px;height:715px;min-height:715px;max-height:715px;flex:none;border:0;background:#fffcf7}
.home-indicator{height:34px;flex:none;display:grid;place-items:center}.home-indicator:after{content:"";width:130px;height:5px;background:#36362e;border-radius:5px}
.overlay-screen{position:relative}
.overlay-screen #phone{height:749px;min-height:749px;max-height:749px}
.overlay-screen .home-indicator{position:absolute;bottom:0;left:0;right:0;z-index:100;pointer-events:none;background:transparent}
aside{padding-top:24px}h1{font-size:28px;font-weight:500;line-height:1.5}p{color:#80756c}details{margin:28px 0;padding-block:18px;border-block:1px solid #e3d8cd}summary{cursor:pointer}button{font:inherit;padding:10px;margin:6px 0;cursor:pointer}#prototype-controls:empty:before{content:"进入「计划」或「我的」后，这里显示对应演示控制。";color:#80756c}
@media(max-width:760px){header{padding-inline:12px}main{display:block;padding-inline:12px}.device{margin-inline:auto}aside{max-width:415px;margin:auto;padding-top:0}}