/* 职责：设备页截图对照样板的固定画布、系统栏和设备卡片样式。 */
@font-face{font-family:DemoChinese;src:url(chinese.ttf);font-weight:100 900;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#e2e3e8}.symbols{position:absolute;width:0;height:0;overflow:hidden}.stage{width:min(100%,390px);aspect-ratio:390/844;margin:auto;position:relative;overflow:hidden}.screen{width:390px;height:844px;background:#f2f2f7;color:#000;position:absolute;transform-origin:top left;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,DemoChinese,sans-serif;-webkit-font-smoothing:antialiased}.status{position:absolute;top:16px;left:32px;right:27px;display:flex;justify-content:space-between;align-items:center;height:20px}.clock{font-size:17px;font-weight:600;letter-spacing:-.5px;display:flex;align-items:center;gap:5px}.clock svg{width:11px;height:17px}.indicators{display:flex;align-items:center;gap:6px}.signal{width:22px;height:13px}.wifi{width:20px;height:16px}.battery{position:relative;display:flex;align-items:center;height:14px;padding:0 2px 0 3px;border-radius:4px;background:#30c759;color:white;font-size:12px;font-weight:700;line-height:14px}.battery span{font-size:15px;margin-left:-2px}.battery:after{content:"";position:absolute;right:-3px;top:5px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#b3b3b7}.toolbar{position:absolute;top:47px;right:16px;width:140px;height:44px;display:flex;align-items:center;justify-content:space-around;background:#fafafe;border:1px solid white;border-radius:26px;box-shadow:0 10px 28px #22223010}.toolbar svg{width:26px;height:26px}h1{position:absolute;top:105px;left:16px;margin:0;font-size:36px;line-height:41px;font-weight:750;letter-spacing:-1.1px}.device-list{position:absolute;left:16px;right:16px;top:153px;border-radius:27px;background:white;overflow:hidden}.device{height:90px;display:flex;align-items:center;padding:0 16px;gap:14px;position:relative}.device:not(:last-child):after{content:"";position:absolute;bottom:0;left:72px;right:16px;height:1px;background:#e6e6e8}.device-icon{width:42px;height:42px;flex:none;border-radius:12px;background:#e3f3f1;color:#009b8e;display:grid;place-items:center}.device-icon svg{width:27px;height:24px}.device-text{display:flex;flex-direction:column;gap:5px;min-width:0}.device-text strong{font-size:19px;font-weight:600;line-height:24px;letter-spacing:-.45px;white-space:nowrap}.device-text>span{font-size:17px;line-height:22px;letter-spacing:-.4px;color:#8e8e93}.device-text [contenteditable]:focus{outline:1px dashed #009688;outline-offset:2px}.tabbar{position:absolute;bottom:21px;left:58px;width:274px;height:62px;padding:3px;display:flex;align-items:stretch;border-radius:36px;background:#fafafe;border:1px solid white;box-shadow:0 6px 27px #30304012}.tab{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#1b1b1f}.tab.selected{background:#e9e9ee;border-radius:30px;color:#009e91;flex:1.13}.tab svg{width:30px;height:28px}.tab span{font-size:10px;line-height:14px;font-weight:600;letter-spacing:.2px}

.battery-icon{width:29px;height:16px;overflow:visible}

/* 嵌入模型填满 iframe 视口，避免比例取整触发滚动条并挤窄画面。独立原型仍可滚动。 */
html.embedded,
html.embedded body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html.embedded .stage {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  margin: 0;
}