/* 例子/ 共用设备框架；案例内容和动画由各自文件定义。 */
:root{--demo-device-width:390px;--demo-device-height:844px;--demo-device-radius:48px;--demo-device-edge:6px;--demo-island-width:120px;--demo-island-height:33px}
.demo-device{width:min(var(--demo-device-width),calc(100vw - 24px));height:var(--demo-device-height);position:relative;isolation:isolate;overflow:hidden;border-radius:var(--demo-device-radius);border:var(--demo-device-edge) solid #151616;box-shadow:0 0 0 3px #6c6d69,0 0 0 7px #101314,0 26px 85px #0007;background:#ac9182;flex-shrink:0}
.demo-island{position:absolute;z-index:31;width:var(--demo-island-width);height:var(--demo-island-height);top:13px;left:50%;transform:translateX(-50%);border-radius:30px;background:#090c0b;box-shadow:0 0 0 1px #3338;pointer-events:none}