/* 下载教程里的演示画面与关键帧。由 web/scripts/demo-gen.py 生成（python3 web/scripts/demo-gen.py write），别手改。 */
/* 屏幕与摆件：由 web/scripts/demo-gen.py 生成（python3 web/scripts/demo-gen.py css），别在这里手改，改生成器再整段换。
 * 照真实系统画（用户 2026-10-26「苹果的一点都不真实，Windows 稍微有点不真实」）：macOS 照 Tahoe（菜单栏右侧时钟、程序坞、
 * 访达浮动侧栏、系统设置彩色图标、终端默认白底），Windows 照 11（居中任务栏、Edge 下载面板、资源管理器、NSIS 安装程序）。
 * ⚠️ 不用 backdrop-filter：整块屏幕在镜头里缩放，毛玻璃每帧都要重算，播起来会卡。 */
.k-screen { position: relative; container-type: inline-size; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; line-height: 1.4; color: #1d1d1f; text-align: left; -webkit-user-select: none; user-select: none; }
/* 字号写在子元素上：容器自己身上的 cqw 不认自己，会退回按浏览器窗口宽度算（量出来 27px） */
.k-screen > * { font-size: 1.3cqw; }
.k-screen *, .k-screen *::before, .k-screen *::after { box-sizing: border-box; }
/* 演示放在弹窗里，site.css 的 .k-modal-box p（15px）会漏进来；demo.css 排在后面，同等具体度靠它压回去 */
.k-screen p { margin: 0; font-size: inherit; line-height: inherit; color: inherit; }
.k-screen.is-mac { background: radial-gradient(90% 80% at 15% 5%, #9fc0ff 0%, rgba(159, 192, 255, 0) 60%), radial-gradient(80% 90% at 100% 100%, #f6b2c9 0%, rgba(246, 178, 201, 0) 60%), linear-gradient(160deg, #5876e4, #9a7fe0 55%, #e7a1b6); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif; }
.k-screen.is-win { background: radial-gradient(60% 85% at 64% 60%, #b6dcff 0%, #5b9df0 26%, #1c5fca 55%, #0a2c6e 100%); font-family: "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", -apple-system, "PingFang SC", sans-serif; }
/* 镜头：壁纸、窗口、各步弹出的东西、指针都在它里面，一起平移缩放（屏幕只有五百来像素宽，不推近字看不清） */
.k-cam { position: absolute; inset: 0; background: inherit; transform-origin: 0 0; }
.k-sc { position: absolute; inset: 0; }
.k-sc ~ .k-sc { opacity: 0; }
.km-t { position: absolute; display: block; white-space: nowrap; }
.km-ico { display: block; flex: none; background: no-repeat center / contain; }
.km-abs { position: absolute; }
/* 要点的地方画一圈绿；指针尖端在左上角，坐标就是点击点 */
.k-ring { box-shadow: 0 0 0 .28cqw #fff, 0 0 0 .7cqw var(--green) !important; border-radius: .6cqw; }
.k-cur {
  position: absolute; z-index: 30; left: 0; top: 0; width: 2.2cqw; height: 3.2cqw; transform: translate(var(--x1), var(--y1)); transform-origin: 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cpath d='M1 1v15l4-4 3 7 2.5-1-3-7h5.5z' fill='%23111' stroke='%23fff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0 / contain;
}
/* Windows 的指针是白底黑边 */
.is-win .k-cur { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cpath d='M1 1v15l4-4 3 7 2.5-1-3-7h5.5z' fill='%23fff' stroke='%23111' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.k-type { display: inline-block; vertical-align: top; }
.k-scroll, .km-scrolled { position: absolute; left: 0; top: 0; width: 100%; height: 60cqw; }

/* ---- macOS ---- */
.km-menubar { position: absolute; left: 0; right: 0; top: 0; height: 3.4cqw; display: flex; align-items: center; gap: 2cqw; padding: 0 1.6cqw; background: rgba(255, 255, 255, .34); font-size: 1.3cqw; color: #1d1d1f; }
.km-menubar b { font-weight: 700; }
.km-apple { flex: none; width: 1.6cqw; height: 1.9cqw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M10 6.4C8 4.6 4.3 5.2 2.8 8.1S1.6 16.3 4 20c1.3 2 2.5 3 4 2.6 1-.3 1.4-.6 2-.6s1 .3 2 .6c1.5.4 2.7-.6 4-2.6 1-1.5 1.5-2.8 1.8-3.8-2.4-1-3.4-4.6-1-6.8-1.4-2.6-4.6-3.2-6.8-1z' fill='%23111'/%3E%3Cpath d='M10.4 5.3c0-2.1 1.5-4.1 3.7-4.6.2 2.3-1.6 4.4-3.7 4.6z' fill='%23111'/%3E%3C/svg%3E") no-repeat center / contain; }
.km-mb-r { margin-left: auto; display: flex; align-items: center; gap: 1.5cqw; }
.km-mb-r .km-ico { width: 1.7cqw; height: 1.7cqw; }
.km-mbsel { position: absolute; border-radius: .6cqw; }
.km-dock { position: absolute; left: 50%; bottom: .7cqw; transform: translateX(-50%); display: flex; align-items: center; gap: .6cqw; padding: .55cqw .7cqw; border-radius: 1.9cqw; background: rgba(255, 255, 255, .38); box-shadow: inset 0 0 0 .08cqw rgba(255, 255, 255, .6), 0 .6cqw 2cqw rgba(0, 0, 0, .18); }
.km-dock .km-ico, .km-dock img { width: 4.2cqw; height: 4.2cqw; }
.km-dock hr { width: .1cqw; height: 3.6cqw; margin: 0 .2cqw; border: 0; background: rgba(0, 0, 0, .2); }
.km-mac { position: absolute; overflow: hidden; border-radius: 1.6cqw; background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .2), 0 1.6cqw 4cqw rgba(0, 0, 0, .28); }
.km-lights { position: absolute; left: .7cqw; top: .9cqw; width: 5cqw; height: 1.2cqw; }
.km-lights::before { content: ""; position: absolute; left: 0; top: 0; width: 1.1cqw; height: 1.1cqw; border-radius: 50%; background: #ff5f57; box-shadow: 1.7cqw 0 0 #febc2e, 3.4cqw 0 0 #28c840; }
.km-nav { font-size: 2cqw; line-height: 1; color: #3a3a3c; }
.km-nav.is-off { color: #c3c3c7; }
/* 访达：浮动侧栏 + 工具栏标题 + 图标视图 */
.km-fside { position: absolute; left: .7cqw; top: .7cqw; bottom: .7cqw; width: 13cqw; padding: 3.7cqw .6cqw 0; border-radius: 1.2cqw; background: #edeff3; font-size: 1.15cqw; }
.km-fside small { display: block; padding: .2cqw .7cqw .3cqw; font-size: .95cqw; font-weight: 600; color: #8e8e93; }
.km-fside > span:not(.km-lights) { display: flex; align-items: center; gap: .7cqw; height: 2.5cqw; padding: 0 .7cqw; border-radius: .6cqw; white-space: nowrap; }
.km-fside .km-ico { width: 1.35cqw; height: 1.35cqw; }
.km-fside .on { background: rgba(0, 0, 0, .08); }
.km-ftb { position: absolute; left: 14.4cqw; right: 0; top: 0; height: 5cqw; display: flex; align-items: center; gap: 1.1cqw; padding: 0 1.4cqw; font-size: 1.35cqw; }
.km-ftb b { font-weight: 700; }
.km-ftb-r { margin-left: auto; display: flex; gap: 1.4cqw; }
.km-ftb-r .km-ico { width: 1.6cqw; height: 1.6cqw; opacity: .7; }
.km-file { position: absolute; display: block; width: 10cqw; text-align: center; font-size: 1.1cqw; line-height: 1.3; color: #1d1d1f; }
.km-file > img, .km-file > .km-ico { display: block; width: 6cqw; height: 6cqw; margin: 0 auto .5cqw; }
/* 提示框：圆角大、按钮是胶囊，位置写死，指针坐标才算得准 */
.km-alert { position: absolute; border-radius: 2.2cqw; background: rgba(243, 243, 245, .98); box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .14), 0 1.8cqw 4.4cqw rgba(0, 0, 0, .34); text-align: center; font-size: 1.05cqw; line-height: 1.45; color: #3a3a3c; }
.km-alert > img, .km-alert > .km-ico { position: absolute; left: 50%; top: 2.2cqw; width: 5cqw; height: 5cqw; margin-left: -2.5cqw; }
.km-alert b { position: absolute; left: 1.6cqw; right: 1.6cqw; top: 8cqw; font-size: 1.25cqw; line-height: 1.35; color: #1d1d1f; }
.km-alert p { position: absolute; left: 1.8cqw; right: 1.8cqw; }
.km-alert .km-btn { position: absolute; left: 1.8cqw; right: 1.8cqw; }
.km-btn { display: flex; align-items: center; justify-content: center; height: 3cqw; padding: 0 1.2cqw; border-radius: 1.5cqw; background: rgba(0, 0, 0, .075); font-size: 1.15cqw; color: #1d1d1f; white-space: nowrap; }
.km-btn.k-ring { border-radius: 1.5cqw; }
.km-btn.is-blue { background: #0a84ff; color: #fff; }
.km-btn.is-sq { position: absolute; border-radius: .7cqw; background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .14), 0 .1cqw .3cqw rgba(0, 0, 0, .12); }
.km-field { position: absolute; left: 2.4cqw; right: 2.4cqw; height: 2.7cqw; padding: 0 1cqw; border-radius: .7cqw; background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .16); font-size: 1.15cqw; line-height: 2.7cqw; text-align: left; color: #1d1d1f; }
/* 苹果菜单 */
.km-menu { position: absolute; border-radius: 1cqw; background: rgba(246, 246, 248, .98); box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .14), 0 1cqw 3cqw rgba(0, 0, 0, .24); }
.km-menu span { position: absolute; left: .6cqw; right: .6cqw; display: flex; align-items: center; height: 2.6cqw; padding: 0 1cqw; border-radius: .5cqw; font-size: 1.2cqw; white-space: nowrap; }
.km-menu em { margin-left: auto; font-style: normal; color: #8e8e93; }
.km-menu hr { position: absolute; left: 1.4cqw; right: 1.4cqw; margin: 0; border: 0; border-top: .08cqw solid rgba(0, 0, 0, .12); }
/* 系统设置 */
.km-sside { position: absolute; left: .7cqw; top: .7cqw; bottom: .7cqw; width: 21cqw; padding: 3.7cqw .6cqw 0; border-radius: 1.2cqw; background: #edeff3; font-size: 1.15cqw; }
.km-sside > span:not(.km-lights) { display: flex; align-items: center; gap: .8cqw; height: 2.6cqw; padding: 0 .6cqw; border-radius: .6cqw; white-space: nowrap; }
.km-sside > span > .km-ico { width: 1.8cqw; height: 1.8cqw; }
.km-sside > hr { height: .7cqw; margin: 0; border: 0; }
.km-sside .on { background: #0a84ff; color: #fff; }
.km-sside .on.is-gray { background: rgba(0, 0, 0, .1); color: #1d1d1f; }
.km-sside .km-search { height: 2.5cqw; margin-bottom: .7cqw; padding: 0 .8cqw; border-radius: 1.25cqw; background: rgba(0, 0, 0, .06); color: #8e8e93; gap: .5cqw; }
.km-sside .km-search .km-ico { width: 1.2cqw; height: 1.2cqw; }
.km-sside .km-acct { height: 4.2cqw; margin-bottom: .5cqw; gap: .8cqw; }
.km-acct > i { flex: none; width: 3cqw; height: 3cqw; border-radius: 50%; background: linear-gradient(#c9ccd2, #9da2aa); }
.km-acct > span { display: flex; flex-direction: column; line-height: 1.25; font-weight: 600; }
.km-acct small { font-size: .95cqw; font-weight: 400; color: #8e8e93; }
.km-stb { position: absolute; left: 22.4cqw; right: 0; top: 0; height: 4.6cqw; display: flex; align-items: center; gap: 1cqw; padding: 0 1.2cqw; font-size: 1.4cqw; }
.km-stb b { margin-left: .6cqw; font-weight: 700; }
.km-ghead { position: absolute; display: flex; gap: 1.2cqw; font-size: 1.05cqw; line-height: 1.45; color: #6e6e73; }
.km-ghead .km-ico { width: 4.4cqw; height: 4.4cqw; }
.km-ghead b { display: block; font-size: 1.5cqw; color: #1d1d1f; }
.km-grp { position: absolute; overflow: hidden; border-radius: 1.1cqw; background: #f5f5f7; }
.km-row { display: flex; align-items: center; gap: .8cqw; height: 3cqw; padding: 0 1cqw; border-top: .08cqw solid rgba(0, 0, 0, .07); font-size: 1.15cqw; white-space: nowrap; }
.km-row:first-child { border-top: 0; }
.km-row .km-ico { width: 1.8cqw; height: 1.8cqw; }
.km-row em { margin-left: auto; font-style: normal; color: #8e8e93; }
.km-lbl { position: absolute; font-size: 1.1cqw; font-weight: 700; color: #1d1d1f; }
.km-blocked { white-space: normal; font-size: 1.1cqw; line-height: 1.35; }
.km-clip { position: absolute; overflow: hidden; }
/* 聚焦搜索、终端、启动器窗口 */
.km-spot { position: absolute; display: flex; align-items: center; gap: 1.2cqw; padding: 0 2cqw; border-radius: 3.25cqw; background: rgba(250, 250, 252, .97); box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .1), 0 1.6cqw 4cqw rgba(0, 0, 0, .26); font-size: 2cqw; color: #1d1d1f; }
.km-spot .km-ico { width: 2cqw; height: 2cqw; }
.km-spot small { color: #8e8e93; font-size: 2cqw; }
.km-spres { position: absolute; padding: .8cqw; border-radius: 2cqw; background: rgba(250, 250, 252, .97); box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .1), 0 1.6cqw 4cqw rgba(0, 0, 0, .22); font-size: 1.5cqw; }
.km-spres span { display: flex; align-items: center; gap: 1.2cqw; height: 4cqw; padding: 0 1.2cqw; border-radius: 1.2cqw; background: #0a84ff; color: #fff; }
.km-spres .km-ico { width: 2.8cqw; height: 2.8cqw; }
.km-spres small { margin-left: auto; opacity: .85; font-size: 1.15cqw; }
.km-term .km-ttb { position: relative; height: 3.4cqw; display: flex; align-items: center; justify-content: center; border-bottom: .08cqw solid #dcdcde; background: #f4f4f5; font-size: 1.1cqw; font-weight: 600; color: #4a4a4c; }
.km-tl { position: absolute; left: 1.2cqw; right: 1.2cqw; font: 1.2cqw/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; color: #1d1d1f; white-space: normal; word-break: break-all; }
.km-caret { display: inline-block; width: .72cqw; height: 1.45cqw; background: #8a8a8e; vertical-align: -.25cqw; }
.km-app { position: absolute; overflow: hidden; border-radius: 1.6cqw; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .2), 0 1.8cqw 4.4cqw rgba(0, 0, 0, .32); }
.km-app img { display: block; width: 100%; height: auto; }
.km-app .km-lights { left: .47cqw; top: .47cqw; transform: scale(.6); transform-origin: 0 0; }
/* 按键提示：底下垫一块半透明深色，压在白窗口上也看得见 */
.k-keys { position: absolute; left: 0; right: 0; top: 49.5cqw; width: max-content; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 1.2cqw; padding: .8cqw 1.4cqw; border-radius: 1.4cqw; background: rgba(20, 20, 24, .55); color: #fff; font-size: 1.9cqw; font-weight: 700; }
.k-key { display: inline-flex; align-items: center; justify-content: center; gap: .6cqw; min-width: 5cqw; height: 4.2cqw; padding: 0 1.6cqw; border-radius: .9cqw; background: #fff; box-shadow: 0 .35cqw 0 #c9c9cf, 0 .8cqw 1.6cqw rgba(0, 0, 0, .25); color: #1d1d1f; font-size: 1.55cqw; font-weight: 600; }

/* ---- Windows 11 ---- */
.km-taskbar { position: absolute; left: 0; right: 0; bottom: 0; height: 4.6cqw; background: rgba(238, 241, 247, .95); border-top: .08cqw solid rgba(0, 0, 0, .08); }
.km-tb-c { position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%); display: flex; align-items: center; gap: .4cqw; }
.km-tb-c > .km-ico { position: relative; width: 3.4cqw; height: 3.4cqw; border-radius: .6cqw; background-size: 2.2cqw; }
.km-tb-c > .km-ico.on { background-color: rgba(255, 255, 255, .8); }
.km-tb-c > .km-ico.on::after { content: ""; position: absolute; left: 1.1cqw; right: 1.1cqw; bottom: .1cqw; height: .3cqw; border-radius: .2cqw; background: #0f6cbd; }
.km-tb-search { display: flex; align-items: center; gap: .6cqw; width: 12cqw; height: 3cqw; margin: 0 .3cqw; padding: 0 1cqw; border-radius: 1.5cqw; background: #fff; box-shadow: inset 0 0 0 .08cqw rgba(0, 0, 0, .1); color: #5f6368; font-size: 1.1cqw; }
.km-tb-search .km-ico { width: 1.3cqw; height: 1.3cqw; }
.km-tray { position: absolute; right: 1cqw; top: 0; height: 100%; display: flex; align-items: center; gap: .9cqw; font-size: .95cqw; color: #1d1d1f; }
.km-tray .km-ico { width: 1.4cqw; height: 1.4cqw; }
.km-clock { margin-left: .4cqw; line-height: 1.35; text-align: right; }
.km-win { position: absolute; overflow: hidden; border-radius: .8cqw; background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .22), 0 1.4cqw 3.6cqw rgba(0, 0, 0, .3); font-size: 1.15cqw; }
.km-ctl { position: absolute; right: 0; top: 0; display: flex; height: 3.6cqw; }
.km-ctl .km-ico { width: 4.4cqw; height: 100%; background-size: 2cqw; }
.km-x { width: 1.3cqw; height: 1.3cqw; margin-left: auto; }
/* Edge */
.km-etabs { position: absolute; left: 0; right: 0; top: 0; height: 3.6cqw; background: #dde3ec; }
.km-etab { position: absolute; left: .9cqw; bottom: 0; width: 20cqw; height: 2.9cqw; display: flex; align-items: center; gap: .7cqw; padding: 0 1cqw; border-radius: .8cqw .8cqw 0 0; background: #f7f9fc; font-size: 1.1cqw; white-space: nowrap; }
.km-etab img { width: 1.5cqw; height: 1.5cqw; }
.km-eplus { position: absolute; left: 22.2cqw; top: .9cqw; font-size: 1.7cqw; line-height: 1; color: #555; }
.km-ebar { position: absolute; left: 0; right: 0; top: 3.6cqw; height: 4.2cqw; display: flex; align-items: center; gap: .9cqw; padding: 0 1cqw; border-bottom: .08cqw solid #e1e5eb; background: #f7f9fc; }
.km-ebar > .km-ico { width: 2.6cqw; height: 2.6cqw; border-radius: .5cqw; background-size: 1.6cqw; }
.km-eurl { flex: 1; height: 2.8cqw; display: flex; align-items: center; gap: .7cqw; padding: 0 1.1cqw; border-radius: 1.4cqw; background: #eef1f5; font-size: 1.15cqw; color: #202124; }
.km-eurl .km-ico { width: 1.25cqw; height: 1.25cqw; }
.km-eurl .km-star { width: 1.5cqw; height: 1.5cqw; margin-left: auto; }
.km-edl-on { position: absolute; border-radius: .5cqw; background: #dbe6f6; }
.km-edl-on .km-ico { width: 100%; height: 100%; background-size: 1.6cqw; }
.km-epage { position: absolute; left: 0; right: 0; top: 7.8cqw; bottom: 0; background: #fff; }
.km-enav { position: absolute; left: 5cqw; right: 5cqw; top: 1.4cqw; display: flex; align-items: center; gap: 1.8cqw; font-size: 1.05cqw; color: #55565a; }
.km-enav img { width: 1.6cqw; height: 1.6cqw; margin-right: -1.1cqw; }
.km-enav b { color: #1d1d1f; }
.km-enav em { margin-left: auto; padding: .4cqw 1.2cqw; border-radius: .6cqw; background: #1f9d63; color: #fff; font-style: normal; font-weight: 600; }
.km-eh1 { position: absolute; font-size: 2.7cqw; line-height: 1.25; letter-spacing: -.02em; color: #1d1d1f; }
.km-ebar-t { position: absolute; height: 1.2cqw; border-radius: .6cqw; background: #eceef1; }
.km-ego { position: absolute; padding: .9cqw 1.6cqw; border-radius: .8cqw; background: #2f2a1f; color: #fff; font-size: 1.15cqw; font-weight: 600; white-space: nowrap; }
.km-eshot { position: absolute; border-radius: .8cqw; box-shadow: 0 1cqw 3cqw rgba(0, 0, 0, .18); }
.km-fly { position: absolute; border-radius: .9cqw; background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .16), 0 1.2cqw 3cqw rgba(0, 0, 0, .24); }
.km-fly-h { position: absolute; left: 1.4cqw; right: .8cqw; top: 0; height: 3.8cqw; display: flex; align-items: center; gap: 1.2cqw; font-size: 1.3cqw; }
.km-fly-h b { margin-right: auto; font-weight: 600; }
.km-fly-h .km-ico { width: 1.5cqw; height: 1.5cqw; }
.km-fly-it { position: absolute; border-radius: .6cqw; background: #f3f5f8; }
.km-fname { position: absolute; font-weight: 600; font-size: 1.1cqw; white-space: nowrap; }
.km-fmsg { position: absolute; font-size: 1.02cqw; line-height: 1.4; color: #555; }
.km-fbtn { position: absolute; border-radius: .5cqw; background-size: 1.5cqw; }
.km-fmore { background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .12); }
.km-fmore .km-ico { width: 100%; height: 100%; background-size: 1.5cqw; }
.km-link { position: absolute; color: #0f6cbd; font-size: 1.15cqw; white-space: nowrap; padding: 0 .3cqw; border-radius: .4cqw; }
.km-emenu { position: absolute; border-radius: .8cqw; background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .14), 0 1cqw 2.6cqw rgba(0, 0, 0, .22); }
.km-emenu span { position: absolute; left: .5cqw; right: .5cqw; display: flex; align-items: center; gap: .9cqw; height: 2.8cqw; padding: 0 .9cqw; border-radius: .5cqw; font-size: 1.1cqw; white-space: nowrap; }
.km-emenu .km-ico { width: 1.4cqw; height: 1.4cqw; }
.km-edlg { position: absolute; border-radius: .9cqw; background: #fff; box-shadow: 0 0 0 .08cqw rgba(0, 0, 0, .16), 0 1.4cqw 4cqw rgba(0, 0, 0, .3); }
.km-edlg b { position: absolute; font-size: 1.35cqw; line-height: 1.35; font-weight: 600; }
.km-edlg p { position: absolute; font-size: 1.05cqw; line-height: 1.45; color: #444; }
.km-wbtn { position: absolute; display: flex; align-items: center; justify-content: center; height: 2.8cqw; border-radius: .5cqw; background: #fff; box-shadow: inset 0 0 0 .08cqw #c8cbd0; font-size: 1.1cqw; white-space: nowrap; }
.km-wbtn.is-blue { background: #0f6cbd; color: #fff; box-shadow: none; }
/* 资源管理器 */
.km-xt { position: absolute; left: 0; right: 0; top: 0; height: 3.6cqw; background: #e8edf5; }
.km-xtab { position: absolute; left: .8cqw; bottom: 0; width: 14cqw; height: 2.9cqw; display: flex; align-items: center; gap: .7cqw; padding: 0 1cqw; border-radius: .7cqw .7cqw 0 0; background: #f9fafc; font-size: 1.1cqw; white-space: nowrap; }
.km-xtab > .km-ico:first-child { width: 1.5cqw; height: 1.5cqw; }
.km-xt .km-eplus { left: 15.8cqw; }
.km-xcmd { position: absolute; left: 0; right: 0; top: 3.6cqw; height: 3.8cqw; display: flex; align-items: center; gap: 1.3cqw; padding: 0 1.2cqw; background: #f9fafc; font-size: 1.1cqw; white-space: nowrap; }
.km-xcmd .km-ico { width: 1.5cqw; height: 1.5cqw; }
.km-xcmd span { display: flex; align-items: center; gap: .5cqw; }
.km-xnew { padding: .35cqw .8cqw; border-radius: .5cqw; background: #fff; box-shadow: inset 0 0 0 .08cqw #dcdfe4; }
.km-xsep { width: .08cqw; height: 2cqw; background: #d6d9de; }
.km-xaddr { position: absolute; left: 0; right: 0; top: 7.4cqw; height: 3.4cqw; display: flex; align-items: center; gap: .7cqw; padding: 0 1cqw; border-bottom: .08cqw solid #e3e6eb; background: #f9fafc; }
.km-xaddr > .km-ico { width: 1.6cqw; height: 1.6cqw; }
.km-xbox { display: flex; align-items: center; gap: .6cqw; height: 2.4cqw; padding: 0 .8cqw; border-radius: .5cqw; background: #fff; box-shadow: inset 0 0 0 .08cqw #dfe2e7; font-size: 1.05cqw; color: #333; white-space: nowrap; }
.km-xbox .km-ico { width: 1.3cqw; height: 1.3cqw; }
.km-xpath { flex: 1; }
.km-xsearch { width: 15cqw; justify-content: space-between; color: #777; }
.km-xside { position: absolute; left: 0; top: 10.8cqw; bottom: 2.4cqw; width: 13cqw; padding: .5cqw .5cqw; font-size: 1.05cqw; background: #f9fafc; }
.km-xside span { display: flex; align-items: center; gap: .6cqw; height: 2.35cqw; padding: 0 .7cqw; border-radius: .5cqw; white-space: nowrap; }
.km-xside .km-ico { width: 1.45cqw; height: 1.45cqw; }
.km-xside .on { background: #dfe8f5; }
.km-xside hr { margin: .35cqw .7cqw; border: 0; border-top: .08cqw solid #e0e3e8; }
.km-xgrp { font-size: 1.05cqw; font-weight: 600; color: #333; }
.km-xfile { position: absolute; display: block; width: 12cqw; text-align: center; font-size: 1.02cqw; line-height: 1.3; word-break: break-all; }
.km-xfile > img, .km-xfile > .km-ico { display: block; width: 6cqw; height: 6cqw; margin: 0 auto .5cqw; }
.km-xstat { position: absolute; left: 0; right: 0; bottom: 0; height: 2.4cqw; display: flex; align-items: center; padding: 0 1.2cqw; background: #f9fafc; font-size: .95cqw; color: #555; }
/* SmartScreen：蓝底白字，按钮白色描边 */
.km-ss { position: absolute; background: #1062b3; color: #fff; box-shadow: 0 1.4cqw 3.6cqw rgba(0, 0, 0, .35); }
.km-ss b { position: absolute; font-size: 2.7cqw; font-weight: 300; white-space: nowrap; }
.km-ss p { position: absolute; font-size: 1.35cqw; line-height: 1.5; }
.km-ssp { font-size: 1.35cqw; line-height: 1.6; }
.km-sslink { font-size: 1.35cqw; text-decoration: underline; padding: 0 .3cqw; border-radius: .3cqw; }
.km-ssb { position: absolute; display: flex; align-items: center; justify-content: center; height: 3cqw; border: .15cqw solid rgba(255, 255, 255, .9); font-size: 1.2cqw; white-space: nowrap; }
/* NSIS 安装程序 */
.km-nsis { background: #f0f0f0; border-radius: .6cqw; }
.km-ntb { position: absolute; left: 0; right: 0; top: 0; height: 3.2cqw; display: flex; align-items: center; gap: .7cqw; padding-left: 1cqw; background: #fff; font-size: 1.05cqw; }
.km-ntb img { width: 1.4cqw; height: 1.4cqw; }
.km-ntb .km-ico { width: 4.2cqw; height: 100%; background-size: 1.8cqw; }
.km-ntb .km-dim { margin-left: auto; opacity: .35; }
.km-nhead { position: absolute; left: 0; right: 0; top: 3.2cqw; height: 6.6cqw; padding: 1.1cqw 1.6cqw; background: #fff; border-bottom: .1cqw solid #a0a0a0; font-size: 1.05cqw; }
.km-nhead b { display: block; font-size: 1.15cqw; }
.km-nhead span { display: block; padding-left: 1.4cqw; color: #333; }
.km-nhead img { position: absolute; right: 1.4cqw; top: 1.2cqw; width: 4.2cqw; height: 4.2cqw; }
.km-nsis .km-t { font-size: 1.05cqw; }
.km-nprog { position: absolute; display: block; height: 1.7cqw; border: .1cqw solid #bcbcbc; background: #e6e6e6; }
.km-nprog i { display: block; width: 58%; height: 100%; background: #06b025; }
.km-nbtn { position: absolute; display: flex; align-items: center; justify-content: center; height: 2.6cqw; border: .1cqw solid #adadad; background: #e1e1e1; font-size: 1.02cqw; white-space: nowrap; }
.km-nbtn.is-off { color: #9a9a9a; border-color: #cfcfcf; background: #ececec; }
.km-nfoot { position: absolute; display: block; border-top: .1cqw solid #d0d0d0; }
.km-nfoot em { position: absolute; left: 1cqw; top: -.8cqw; padding: 0 .4cqw; background: #f0f0f0; font-size: .9cqw; font-style: normal; color: #9a9a9a; }
/* 图标 */
.i-finder { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%236fcbff'/%3E%3Cstop offset='1' stop-color='%231071e5'/%3E%3C/linearGradient%3E%3CclipPath id='k'%3E%3Crect x='4' y='4' width='92' height='92' rx='22'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23k)'%3E%3Crect width='100' height='100' fill='%23eef3f9'/%3E%3Cpath d='M0 0H55C47 30 45 58 53 100H0Z' fill='url(%23a)'/%3E%3C/g%3E%3Crect x='31' y='30' width='6' height='15' rx='3' fill='%231b2433'/%3E%3Crect x='65' y='30' width='6' height='15' rx='3' fill='%231b2433'/%3E%3Cpath d='M27 66C40 76 62 76 75 66' stroke='%231b2433' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-safari { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='4.6' y='4.6' width='90.8' height='90.8' rx='21.5' fill='%23fff' stroke='%23d4d4d9' stroke-width='1.6'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2340b7ff'/%3E%3Cstop offset='1' stop-color='%230a5fe0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='37' fill='url(%23b)'/%3E%3Ccircle cx='50' cy='50' r='31' fill='none' stroke='%23fff' stroke-width='2' stroke-dasharray='1 4.4' opacity='.8'/%3E%3Cpath d='M50 50L71 29L56 56Z' fill='%23ff3b30'/%3E%3Cpath d='M50 50L29 71L44 44Z' fill='%23fff'/%3E%3C/svg%3E"); }
.i-messages { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2367f27f'/%3E%3Cstop offset='1' stop-color='%230cbd3a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='92' height='92' rx='22' fill='url(%23g)'/%3E%3Cellipse cx='50' cy='47' rx='30' ry='24' fill='%23fff'/%3E%3Cpath d='M29 60L23 75L42 66Z' fill='%23fff'/%3E%3C/svg%3E"); }
.i-mail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234db6ff'/%3E%3Cstop offset='1' stop-color='%23176ae4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='92' height='92' rx='22' fill='url(%23g)'/%3E%3Crect x='21' y='31' width='58' height='40' rx='5' fill='%23fff'/%3E%3Cpath d='M23 34L50 55L77 34' stroke='%232a7fec' stroke-width='4' fill='none'/%3E%3C/svg%3E"); }
.i-music { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff6e84'/%3E%3Cstop offset='1' stop-color='%23f72e4a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='92' height='92' rx='22' fill='url(%23g)'/%3E%3Cpath d='M43 67V33L70 27V60' stroke='%23fff' stroke-width='5.5' fill='none' stroke-linejoin='round'/%3E%3Ccircle cx='37' cy='67' r='8' fill='%23fff'/%3E%3Ccircle cx='64' cy='61' r='8' fill='%23fff'/%3E%3C/svg%3E"); }
.i-appstore { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231fc9ff'/%3E%3Cstop offset='1' stop-color='%23126ff2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='92' height='92' rx='22' fill='url(%23g)'/%3E%3Cpath d='M44 28L30 70M56 28L70 70M27 58H73' stroke-width='7' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-settings { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23c3c6cc'/%3E%3Cstop offset='1' stop-color='%236c7078'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='92' height='92' rx='22' fill='url(%23g)'/%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='%233a3d43' stroke-width='11' stroke-dasharray='7.6 6'/%3E%3Ccircle cx='50' cy='50' r='19' fill='none' stroke='%233a3d43' stroke-width='6'/%3E%3Ccircle cx='50' cy='50' r='8' fill='%233a3d43'/%3E%3C/svg%3E"); }
.i-calc { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='4' y='4' width='92' height='92' rx='22' fill='%232a2a2d'/%3E%3Ccircle cx='26' cy='26' r='6.3' fill='%23a5a5a8'/%3E%3Ccircle cx='42' cy='26' r='6.3' fill='%23a5a5a8'/%3E%3Ccircle cx='58' cy='26' r='6.3' fill='%23a5a5a8'/%3E%3Ccircle cx='74' cy='26' r='6.3' fill='%23ff9f0a'/%3E%3Ccircle cx='26' cy='42' r='6.3' fill='%23505054'/%3E%3Ccircle cx='42' cy='42' r='6.3' fill='%23505054'/%3E%3Ccircle cx='58' cy='42' r='6.3' fill='%23505054'/%3E%3Ccircle cx='74' cy='42' r='6.3' fill='%23ff9f0a'/%3E%3Ccircle cx='26' cy='58' r='6.3' fill='%23505054'/%3E%3Ccircle cx='42' cy='58' r='6.3' fill='%23505054'/%3E%3Ccircle cx='58' cy='58' r='6.3' fill='%23505054'/%3E%3Ccircle cx='74' cy='58' r='6.3' fill='%23ff9f0a'/%3E%3Ccircle cx='26' cy='74' r='6.3' fill='%23505054'/%3E%3Ccircle cx='42' cy='74' r='6.3' fill='%23505054'/%3E%3Ccircle cx='58' cy='74' r='6.3' fill='%23505054'/%3E%3Ccircle cx='74' cy='74' r='6.3' fill='%23ff9f0a'/%3E%3C/svg%3E"); }
.i-notes { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CclipPath id='k'%3E%3Crect x='4' y='4' width='92' height='92' rx='22'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect x='4.6' y='4.6' width='90.8' height='90.8' rx='21.5' fill='%23fff' stroke='%23d4d4d9' stroke-width='1.6'/%3E%3Crect x='4' y='4' width='92' height='26' fill='%23ffd52e' clip-path='url(%23k)'/%3E%3Cpath d='M22 46H78M22 60H78M22 74H62' stroke='%23d0d0d4' stroke-width='3.4'/%3E%3C/svg%3E"); }
.i-terminal { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233a3a3e'/%3E%3Cstop offset='1' stop-color='%231b1b1e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='92' height='92' rx='22' fill='url(%23g)'/%3E%3Cpath d='M27 39L41 50L27 61' stroke-width='6.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47 63H67' stroke-width='6.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-trash { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M25 30H75L69 86H31Z' fill='%23ffffffbf' stroke='%239aa0a8' stroke-width='2'/%3E%3Cpath d='M38 38L40 78M50 38V78M62 38L60 78' stroke='%23b4b9c0' stroke-width='2.4'/%3E%3Crect x='21' y='22' width='58' height='9' rx='4' fill='%23d6d9de' stroke='%239aa0a8' stroke-width='1.5'/%3E%3C/svg%3E"); }
.i-cal-zh { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='4.6' y='4.6' width='90.8' height='90.8' rx='21.5' fill='%23fff' stroke='%23d4d4d9' stroke-width='1.6'/%3E%3Ctext x='50' y='36' font-size='17' text-anchor='middle' fill='%23ff3b30' font-family='sans-serif'%3E%E5%91%A8%E4%B8%80%3C/text%3E%3Ctext x='50' y='80' font-size='44' text-anchor='middle' fill='%231d1d1f' font-family='sans-serif'%3E26%3C/text%3E%3C/svg%3E"); }
.i-cal-en { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='4.6' y='4.6' width='90.8' height='90.8' rx='21.5' fill='%23fff' stroke='%23d4d4d9' stroke-width='1.6'/%3E%3Ctext x='50' y='36' font-size='17' text-anchor='middle' fill='%23ff3b30' font-family='sans-serif' font-weight='600'%3EMON%3C/text%3E%3Ctext x='50' y='80' font-size='44' text-anchor='middle' fill='%231d1d1f' font-family='sans-serif'%3E26%3C/text%3E%3C/svg%3E"); }
.i-fs-airdrop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 66a28 28 0 1 1 40 0M38 58a17 17 0 1 1 24 0' stroke='%230a84ff' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='48' r='6' fill='%230a84ff'/%3E%3C/svg%3E"); }
.i-fs-recent { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%230a84ff' stroke-width='7'/%3E%3Cpath d='M50 30V50L63 60' stroke='%230a84ff' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-fs-apps { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M42 26L26 74M58 26L74 74M22 60H78' stroke='%230a84ff' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-fs-desktop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='14' y='22' width='72' height='48' rx='6' fill='none' stroke='%230a84ff' stroke-width='7'/%3E%3Cpath d='M36 80H64' stroke='%230a84ff' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-fs-docs { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M28 14H58L74 30V86H28Z' fill='none' stroke='%230a84ff' stroke-width='7' stroke-linejoin='round'/%3E%3Cpath d='M40 50H62M40 64H62' stroke='%230a84ff' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-fs-down { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%230a84ff' stroke-width='7'/%3E%3Cpath d='M50 30V66M36 53L50 67L64 53' stroke='%230a84ff' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-wifi { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Cpath d='M24 46a37 37 0 0 1 52 0M33 56a23 23 0 0 1 34 0' stroke-width='7' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='66' r='5' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-bt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Cpath d='M37 36L63 60L50 72V28L63 40L37 64' stroke-width='6' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-net { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Ccircle cx='50' cy='50' r='24' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 50H74M50 26C38 40 38 60 50 74M50 26C62 40 62 60 50 74' stroke-width='4' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-gen { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='%23fff' stroke-width='11' stroke-dasharray='7.6 6'/%3E%3Ccircle cx='50' cy='50' r='19' fill='none' stroke='%23fff' stroke-width='6'/%3E%3C/svg%3E"); }
.i-s-look { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%231d1d1f'/%3E%3Ccircle cx='50' cy='50' r='24' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Cpath d='M50 26a24 24 0 0 1 0 48Z' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-acc { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Ccircle cx='50' cy='29' r='7' fill='%23fff'/%3E%3Cpath d='M28 42H72M50 42V60L40 78M50 60L60 78' stroke-width='6.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-cc { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Crect x='24' y='29' width='52' height='17' rx='8.5' fill='%23fff'/%3E%3Ccircle cx='36' cy='37.5' r='5.5' fill='%238e8e93'/%3E%3Crect x='26' y='55' width='48' height='15' rx='7.5' fill='none' stroke='%23fff' stroke-width='4'/%3E%3Ccircle cx='65' cy='62.5' r='5.5' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-priv { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Cpath d='M37 52V32a4.5 4.5 0 0 1 9 0V48M46 46V26a4.5 4.5 0 0 1 9 0V46M55 46V30a4.5 4.5 0 0 1 9 0V52M64 52V42a4.5 4.5 0 0 1 9 0V60c0 13-9 21-21 21-9 0-15-5-19-12l-8-12a4.5 4.5 0 0 1 8-5l6 7' stroke-width='4.6' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-dock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%231d1d1f'/%3E%3Crect x='22' y='26' width='56' height='46' rx='7' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Crect x='31' y='58' width='38' height='7' rx='3.5' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-disp { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Crect x='20' y='26' width='60' height='38' rx='5' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Cpath d='M38 76H62' stroke='%23fff' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-s-about { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Crect x='22' y='28' width='56' height='36' rx='4' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Cpath d='M16 72H84' stroke='%23fff' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-s-upd { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='%23fff' stroke-width='11' stroke-dasharray='7.6 6'/%3E%3Ccircle cx='50' cy='50' r='19' fill='none' stroke='%23fff' stroke-width='6'/%3E%3C/svg%3E"); }
.i-s-disk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Crect x='22' y='34' width='56' height='32' rx='6' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Ccircle cx='66' cy='50' r='4' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-cont { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Cpath d='M30 62a26 26 0 1 1 40 0' stroke-width='6' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='50' r='6' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-login { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Cpath d='M30 34H70M30 50H70M30 66H56' stroke-width='6' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-clock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Ccircle cx='50' cy='50' r='24' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 36V50L60 57' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-lang { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Ccircle cx='50' cy='50' r='24' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 50H74M50 26C40 40 40 60 50 74' stroke-width='4' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-share { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Cpath d='M50 24V58M38 36L50 24L62 36M32 48V74H68V48' stroke-width='5.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-tm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%2330a46c'/%3E%3Ccircle cx='50' cy='50' r='24' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 36V50H62' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-loc { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Cpath d='M72 28L28 47L49 51L53 72Z' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-contacts { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%23a2845e'/%3E%3Ccircle cx='50' cy='40' r='11' fill='%23fff'/%3E%3Cpath d='M28 74c3-13 12-19 22-19s19 6 22 19Z' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-cal { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%23ff3b30'/%3E%3Crect x='26' y='30' width='48' height='42' rx='6' fill='%23fff'/%3E%3Cpath d='M26 42H74' stroke='%23ff3b30' stroke-width='5'/%3E%3C/svg%3E"); }
.i-s-rem { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%230a84ff'/%3E%3Ccircle cx='32' cy='36' r='4' fill='%23fff'/%3E%3Ccircle cx='32' cy='50' r='4' fill='%23fff'/%3E%3Ccircle cx='32' cy='64' r='4' fill='%23fff'/%3E%3Cpath d='M44 36H72M44 50H72M44 64H72' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-photos { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%23fff' stroke='%23e2e2e6' stroke-width='2'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%23ffcc00' opacity='.85' transform='rotate(0 50 50)'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%23ff9500' opacity='.85' transform='rotate(45 50 50)'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%23ff3b30' opacity='.85' transform='rotate(90 50 50)'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%23af52de' opacity='.85' transform='rotate(135 50 50)'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%230a84ff' opacity='.85' transform='rotate(180 50 50)'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%2334c7bd' opacity='.85' transform='rotate(225 50 50)'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%2334c759' opacity='.85' transform='rotate(270 50 50)'/%3E%3Cellipse cx='50' cy='34' rx='9' ry='15' fill='%23a2d94b' opacity='.85' transform='rotate(315 50 50)'/%3E%3C/svg%3E"); }
.i-s-mic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%23ff9500'/%3E%3Crect x='42' y='24' width='16' height='30' rx='8' fill='%23fff'/%3E%3Cpath d='M34 48a16 16 0 0 0 32 0M50 64V74' stroke-width='5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-speech { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%238e8e93'/%3E%3Cpath d='M30 50V50M40 40V60M50 30V70M60 40V60M70 46V54' stroke-width='6' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-s-cam { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%2334c759'/%3E%3Crect x='22' y='36' width='38' height='28' rx='5' fill='%23fff'/%3E%3Cpath d='M62 46L78 38V62L62 54Z' fill='%23fff'/%3E%3C/svg%3E"); }
.i-s-rec { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='22' fill='%23ff3b30'/%3E%3Ccircle cx='50' cy='50' r='22' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Ccircle cx='50' cy='50' r='11' fill='%23fff'/%3E%3C/svg%3E"); }
.i-lock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 46V34a20 20 0 0 1 40 0v12' fill='none' stroke='%238e8e93' stroke-width='8'/%3E%3Crect x='20' y='44' width='60' height='44' rx='9' fill='%238e8e93'/%3E%3C/svg%3E"); }
.i-spot { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='43' cy='43' r='22' fill='none' stroke='%238e8e93' stroke-width='8'/%3E%3Cpath d='M60 60L78 78' stroke='%238e8e93' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-mb-cc { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='16' y='26' width='68' height='20' rx='10' fill='none' stroke='%231d1d1f' stroke-width='6'/%3E%3Ccircle cx='34' cy='36' r='5' fill='%231d1d1f'/%3E%3Crect x='16' y='56' width='68' height='20' rx='10' fill='none' stroke='%231d1d1f' stroke-width='6'/%3E%3Ccircle cx='66' cy='66' r='5' fill='%231d1d1f'/%3E%3C/svg%3E"); }
.i-mb-wifi { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M14 42a52 52 0 0 1 72 0M27 56a34 34 0 0 1 46 0M40 70a15 15 0 0 1 20 0' stroke='%231d1d1f' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-mb-bat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='8' y='32' width='76' height='36' rx='9' fill='none' stroke='%231d1d1f' stroke-width='5'/%3E%3Crect x='15' y='39' width='52' height='22' rx='4' fill='%231d1d1f'/%3E%3Cpath d='M90 44V56' stroke='%231d1d1f' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-mb-spot { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='43' cy='43' r='24' fill='none' stroke='%231d1d1f' stroke-width='8'/%3E%3Cpath d='M61 61L82 82' stroke='%231d1d1f' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-start { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='10' y='10' width='38' height='38' rx='3' fill='%2338a3ff'/%3E%3Crect x='52' y='10' width='38' height='38' rx='3' fill='%231e88f0'/%3E%3Crect x='10' y='52' width='38' height='38' rx='3' fill='%231e88f0'/%3E%3Crect x='52' y='52' width='38' height='38' rx='3' fill='%230b6fd8'/%3E%3C/svg%3E"); }
.i-w-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='44' cy='44' r='22' fill='none' stroke='%231f1f1f' stroke-width='7'/%3E%3Cpath d='M61 61L80 80' stroke='%231f1f1f' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-taskview { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='10' y='24' width='46' height='52' rx='6' fill='%23fff' stroke='%23333' stroke-width='5'/%3E%3Crect x='46' y='16' width='44' height='52' rx='6' fill='%233f8ef0' stroke='%23333' stroke-width='5'/%3E%3C/svg%3E"); }
.i-w-folder { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8 28a7 7 0 0 1 7-7h24l9 9h37a7 7 0 0 1 7 7v7H8Z' fill='%23f4b41e'/%3E%3Cpath d='M8 40H92v38a7 7 0 0 1-7 7H15a7 7 0 0 1-7-7Z' fill='%23ffd257'/%3E%3Crect x='8' y='40' width='84' height='7' fill='%233c8ce7'/%3E%3C/svg%3E"); }
.i-w-edge { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='e' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2335c6f4'/%3E%3Cstop offset='.55' stop-color='%231a7fdc'/%3E%3Cstop offset='1' stop-color='%2340d26c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='40' fill='url(%23e)'/%3E%3Cpath d='M20 57c5-22 26-32 43-26 11 4 17 13 14 21-3 7-12 8-18 4' fill='none' stroke='%23fff' stroke-width='9' stroke-linecap='round' opacity='.92'/%3E%3C/svg%3E"); }
.i-w-store { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='16' y='34' width='68' height='50' rx='7' fill='%23202020'/%3E%3Cpath d='M36 34V27a14 14 0 0 1 28 0v7' fill='none' stroke='%23202020' stroke-width='6'/%3E%3Crect x='36' y='48' width='12' height='12' fill='%23f25022'/%3E%3Crect x='52' y='48' width='12' height='12' fill='%237fba00'/%3E%3Crect x='36' y='64' width='12' height='12' fill='%2300a4ef'/%3E%3Crect x='52' y='64' width='12' height='12' fill='%23ffb900'/%3E%3C/svg%3E"); }
.i-w-up { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 58L50 38L70 58' stroke='%23333' stroke-width='8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-wifi { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M14 44a52 52 0 0 1 72 0M27 58a34 34 0 0 1 46 0' stroke='%23222' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='72' r='7' fill='%23222'/%3E%3C/svg%3E"); }
.i-w-vol { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M16 40H32L52 22V78L32 60H16Z' fill='%23222'/%3E%3Cpath d='M64 36a20 20 0 0 1 0 28M74 26a34 34 0 0 1 0 48' stroke='%23222' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-bat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='8' y='32' width='76' height='36' rx='7' fill='none' stroke='%23222' stroke-width='6'/%3E%3Crect x='16' y='40' width='50' height='20' rx='3' fill='%23222'/%3E%3Cpath d='M90 44V56' stroke='%23222' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-min { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 50H70' stroke='%23222' stroke-width='5'/%3E%3C/svg%3E"); }
.i-w-max { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='32' y='32' width='36' height='36' rx='4' fill='none' stroke='%23222' stroke-width='5'/%3E%3C/svg%3E"); }
.i-w-close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M33 33L67 67M67 33L33 67' stroke='%23222' stroke-width='5'/%3E%3C/svg%3E"); }
.i-w-back { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M70 50H30M46 32L28 50L46 68' stroke='%23333' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-fwd { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 50H70M54 32L72 50L54 68' stroke='%23b0b3b8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-reload { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M72 52a22 22 0 1 1-8-17M66 22V36H52' stroke='%23333' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-lock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M34 46V36a16 16 0 0 1 32 0v10' fill='none' stroke='%235f6368' stroke-width='7'/%3E%3Crect x='26' y='44' width='48' height='38' rx='7' fill='%235f6368'/%3E%3C/svg%3E"); }
.i-w-star { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 16L60 39L84 41L66 57L72 81L50 68L28 81L34 57L16 41L40 39Z' fill='none' stroke='%23444' stroke-width='5.5' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-dl { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 18V62M32 46L50 64L68 46' stroke='%23333' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 80H78' stroke='%23333' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-more { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='24' cy='50' r='6.5' fill='%23333'/%3E%3Ccircle cx='50' cy='50' r='6.5' fill='%23333'/%3E%3Ccircle cx='76' cy='50' r='6.5' fill='%23333'/%3E%3C/svg%3E"); }
.i-w-prof { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23c9d8ef'/%3E%3Ccircle cx='50' cy='42' r='14' fill='%235a7fb8'/%3E%3Cpath d='M24 78c5-14 15-20 26-20s21 6 26 20' fill='%235a7fb8'/%3E%3C/svg%3E"); }
.i-w-trash { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M28 32H72L67 84H33Z' fill='none' stroke='%23444' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M20 30H80M40 30V20H60V30' stroke='%23444' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-pin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M58 16L84 42L72 46L58 60L60 76L24 40L40 42L54 28Z' fill='none' stroke='%23444' stroke-width='5.5' stroke-linejoin='round'/%3E%3Cpath d='M38 62L18 82' stroke='%23444' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-warn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 12L92 86H8Z' fill='%23f7b500'/%3E%3Cpath d='M50 38V60' stroke='%23fff' stroke-width='8' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='72' r='5' fill='%23fff'/%3E%3C/svg%3E"); }
.i-w-check { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M24 52L42 70L78 32' stroke='%23333' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-flag { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M28 86V16M28 20H72L62 36L72 52H28' stroke='%23444' stroke-width='6' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-info { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%23444' stroke-width='6'/%3E%3Cpath d='M50 46V70' stroke='%23444' stroke-width='7' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='33' r='5' fill='%23444'/%3E%3C/svg%3E"); }
.i-w-link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M44 56a14 14 0 0 0 20 0l14-14a14 14 0 0 0-20-20l-6 6M56 44a14 14 0 0 0-20 0L22 58a14 14 0 0 0 20 20l6-6' stroke='%23444' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%230f6cbd' stroke-width='6'/%3E%3Cpath d='M50 34V66M34 50H66' stroke='%230f6cbd' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-cut { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='32' cy='70' r='12' fill='none' stroke='%23444' stroke-width='6'/%3E%3Ccircle cx='68' cy='70' r='12' fill='none' stroke='%23444' stroke-width='6'/%3E%3Cpath d='M40 60L72 18M60 60L28 18' stroke='%23444' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-w-copy { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='34' y='30' width='44' height='52' rx='6' fill='none' stroke='%23444' stroke-width='6'/%3E%3Cpath d='M24 66V24a6 6 0 0 1 6-6h34' stroke='%23444' stroke-width='6' fill='none'/%3E%3C/svg%3E"); }
.i-w-sort { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M34 20V80M20 66L34 80L48 66M66 80V20M52 34L66 20L80 34' stroke='%23444' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-w-view { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 30H80M20 50H80M20 70H80' stroke='%23444' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-x-home { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M18 48L50 20L82 48V82H58V60H42V82H18Z' fill='none' stroke='%23444' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-x-gallery { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='16' y='22' width='68' height='56' rx='8' fill='%23e8f1fd' stroke='%232c7be5' stroke-width='5'/%3E%3Cpath d='M22 72L42 50L58 64L66 56L80 72' fill='%232c7be5'/%3E%3Ccircle cx='64' cy='38' r='6' fill='%23f2b01e'/%3E%3C/svg%3E"); }
.i-x-cloud { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M28 74a18 18 0 0 1 2-36 24 24 0 0 1 44 6 15 15 0 0 1-2 30Z' fill='%230f6cbd'/%3E%3C/svg%3E"); }
.i-x-desk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='12' y='20' width='76' height='50' rx='5' fill='%2340a0f0'/%3E%3Cpath d='M38 82H62' stroke='%23555' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-x-down { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='38' fill='%2330b55a'/%3E%3Cpath d='M50 28V66M34 52L50 68L66 52' stroke='%23fff' stroke-width='8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.i-x-doc { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M24 12H60L78 30V88H24Z' fill='%233b82e8'/%3E%3Cpath d='M60 12V30H78' fill='%23a9cbf7'/%3E%3Cpath d='M34 52H68M34 66H68' stroke='%23fff' stroke-width='5'/%3E%3C/svg%3E"); }
.i-x-pic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='14' y='20' width='72' height='60' rx='8' fill='%2329a2e8'/%3E%3Cpath d='M18 74L42 50L58 64L68 56L84 74Z' fill='%23fff' opacity='.9'/%3E%3Ccircle cx='66' cy='38' r='7' fill='%23ffe066'/%3E%3C/svg%3E"); }
.i-x-music { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='38' fill='%23f2654f'/%3E%3Cpath d='M44 66V32L66 28V58' stroke='%23fff' stroke-width='6' fill='none'/%3E%3Ccircle cx='39' cy='66' r='7' fill='%23fff'/%3E%3Ccircle cx='61' cy='60' r='7' fill='%23fff'/%3E%3C/svg%3E"); }
.i-x-video { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='14' y='22' width='72' height='56' rx='8' fill='%238f5ad8'/%3E%3Cpath d='M42 36L64 50L42 64Z' fill='%23fff'/%3E%3C/svg%3E"); }
.i-x-pc { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='12' y='18' width='76' height='50' rx='5' fill='%23263f61'/%3E%3Crect x='17' y='23' width='66' height='40' fill='%2364b5f6'/%3E%3Cpath d='M36 82H64M50 68V82' stroke='%23555' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.i-x-photo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='8' y='14' width='84' height='72' rx='6' fill='%23fff' stroke='%23d9dce1' stroke-width='3'/%3E%3Crect x='16' y='22' width='68' height='56' rx='3' fill='%2387c6f5'/%3E%3Cpath d='M16 78L40 48L58 66L68 56L84 72V78Z' fill='%234caf50'/%3E%3Ccircle cx='66' cy='38' r='7' fill='%23ffeb3b'/%3E%3C/svg%3E"); }
.i-view-grid { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='14' y='14' width='30' height='30' rx='6' fill='none' stroke='%23555' stroke-width='7'/%3E%3Crect x='14' y='56' width='30' height='30' rx='6' fill='none' stroke='%23555' stroke-width='7'/%3E%3Crect x='56' y='14' width='30' height='30' rx='6' fill='none' stroke='%23555' stroke-width='7'/%3E%3Crect x='56' y='56' width='30' height='30' rx='6' fill='none' stroke='%23555' stroke-width='7'/%3E%3C/svg%3E"); }
/* 镜头 / 指针关键帧 */
/* Windows · 下载不了（5 步） */
@keyframes k-cam-w1 {
  0%, 20% { transform: translate(-100cqw, 0cqw) scale(2); }
  26%, 40% { transform: translate(-90.38cqw, -11.86cqw) scale(1.9); }
  46%, 60% { transform: translate(-41.67cqw, -20.46cqw) scale(1.83); }
  66%, 80% { transform: translate(-41.67cqw, -20.46cqw) scale(1.83); }
  86%, 97% { transform: translate(-100cqw, -1.88cqw) scale(2); }
  100% { transform: translate(-100cqw, 0cqw) scale(2); }
}
@keyframes k-cur-w1 {
  0% { transform: translate(64.2cqw, 17.8cqw); }
  11%, 17.2% { transform: translate(91.2cqw, 16.2cqw); }
  18% { transform: translate(91.2cqw, 16.2cqw) scale(.78); }
  19%, 21.6% { transform: translate(91.2cqw, 16.2cqw); }
  21.6% { transform: translate(91.2cqw, 16.2cqw); }
  31%, 37.2% { transform: translate(73.6cqw, 22.4cqw); }
  38% { transform: translate(73.6cqw, 22.4cqw) scale(.78); }
  39%, 41.6% { transform: translate(73.6cqw, 22.4cqw); }
  41.6% { transform: translate(73.6cqw, 22.4cqw); }
  51%, 57.2% { transform: translate(34.6cqw, 28.2cqw); }
  58% { transform: translate(34.6cqw, 28.2cqw) scale(.78); }
  59%, 61.6% { transform: translate(34.6cqw, 28.2cqw); }
  61.6% { transform: translate(34.6cqw, 28.2cqw); }
  71%, 77.2% { transform: translate(35.2cqw, 30.8cqw); }
  78% { transform: translate(35.2cqw, 30.8cqw) scale(.78); }
  79%, 81.6% { transform: translate(35.2cqw, 30.8cqw); }
  81.6% { transform: translate(35.2cqw, 30.8cqw); }
  91%, 97.2% { transform: translate(64.2cqw, 17.8cqw); }
  98% { transform: translate(64.2cqw, 17.8cqw) scale(.78); }
  99% { transform: translate(64.2cqw, 17.8cqw); }
  100% { transform: translate(64.2cqw, 17.8cqw); }
}
/* Windows · 双击打不开（4 步） */
@keyframes k-cam-w2 {
  0%, 25% { transform: translate(-5.44cqw, -2.57cqw) scale(1.98); }
  32.5%, 50% { transform: translate(-39.63cqw, 0cqw) scale(1.63); }
  57.5%, 75% { transform: translate(-39.63cqw, -28.91cqw) scale(1.63); }
  82.5%, 96.25% { transform: translate(-16.89cqw, -7.33cqw) scale(1.34); }
  100% { transform: translate(-5.44cqw, -2.57cqw) scale(1.98); }
}
@keyframes k-cur-w2 {
  0% { transform: translate(46cqw, 32cqw); }
  13.75%, 19.5% { transform: translate(27.2cqw, 20.6cqw); }
  20.5% { transform: translate(27.2cqw, 20.6cqw) scale(.78); }
  21.5% { transform: translate(27.2cqw, 20.6cqw); }
  22.5% { transform: translate(27.2cqw, 20.6cqw) scale(.78); }
  23.5%, 27% { transform: translate(27.2cqw, 20.6cqw); }
  27% { transform: translate(27.2cqw, 20.6cqw); }
  38.75%, 46.5% { transform: translate(33.6cqw, 23.4cqw); }
  47.5% { transform: translate(33.6cqw, 23.4cqw) scale(.78); }
  48.75%, 52% { transform: translate(33.6cqw, 23.4cqw); }
  52% { transform: translate(33.6cqw, 23.4cqw); }
  63.75%, 71.5% { transform: translate(62.6cqw, 47cqw); }
  72.5% { transform: translate(62.6cqw, 47cqw) scale(.78); }
  73.75%, 77% { transform: translate(62.6cqw, 47cqw); }
  77% { transform: translate(62.6cqw, 47cqw); }
  87.5%, 97% { transform: translate(64cqw, 38cqw); }
  100% { transform: translate(46cqw, 32cqw); }
}
/* macOS · 双击打不开（9 步） */
@keyframes k-cam-m1 {
  0%, 11.11% { transform: translate(-14cqw, -9.88cqw) scale(2); }
  14.44%, 22.22% { transform: translate(-22.79cqw, -11.18cqw) scale(1.46); }
  25.56%, 33.33% { transform: translate(0cqw, 0cqw) scale(2); }
  36.67%, 44.44% { transform: translate(0cqw, 0cqw) scale(1.65); }
  47.78%, 55.56% { transform: translate(0cqw, -10.38cqw) scale(1.38); }
  58.89%, 66.67% { transform: translate(-26.92cqw, -6.78cqw) scale(1.27); }
  70%, 77.78% { transform: translate(-22.79cqw, -11.18cqw) scale(1.46); }
  81.11%, 88.89% { transform: translate(-22.79cqw, -11.18cqw) scale(1.46); }
  92.22%, 98.33% { transform: translate(-3.8cqw, -0.93cqw) scale(1.08); }
  100% { transform: translate(-14cqw, -9.88cqw) scale(2); }
}
@keyframes k-cur-m1 {
  0% { transform: translate(46cqw, 30cqw); }
  6.11%, 8.67% { transform: translate(34.4cqw, 18.6cqw); }
  9.11% { transform: translate(34.4cqw, 18.6cqw) scale(.78); }
  9.56% { transform: translate(34.4cqw, 18.6cqw); }
  10% { transform: translate(34.4cqw, 18.6cqw) scale(.78); }
  10.44%, 12% { transform: translate(34.4cqw, 18.6cqw); }
  12% { transform: translate(34.4cqw, 18.6cqw); }
  17.22%, 20.67% { transform: translate(50.4cqw, 35.9cqw); }
  21.11% { transform: translate(50.4cqw, 35.9cqw) scale(.78); }
  21.67%, 23.11% { transform: translate(50.4cqw, 35.9cqw); }
  23.11% { transform: translate(50.4cqw, 35.9cqw); }
  28.33%, 31.78% { transform: translate(2.6cqw, 1.9cqw); }
  32.22% { transform: translate(2.6cqw, 1.9cqw) scale(.78); }
  32.78%, 34.22% { transform: translate(2.6cqw, 1.9cqw); }
  34.22% { transform: translate(2.6cqw, 1.9cqw); }
  39.44%, 42.89% { transform: translate(7.5cqw, 9.1cqw); }
  43.33% { transform: translate(7.5cqw, 9.1cqw) scale(.78); }
  43.89%, 45.33% { transform: translate(7.5cqw, 9.1cqw); }
  45.33% { transform: translate(7.5cqw, 9.1cqw); }
  50.56%, 54% { transform: translate(19.5cqw, 36.5cqw); }
  54.44% { transform: translate(19.5cqw, 36.5cqw) scale(.78); }
  55%, 56.44% { transform: translate(19.5cqw, 36.5cqw); }
  56.44% { transform: translate(19.5cqw, 36.5cqw); }
  58.33%, 61.11% { transform: translate(60cqw, 26cqw); }
  63.33%, 65.11% { transform: translate(80cqw, 30.7cqw); }
  65.56% { transform: translate(80cqw, 30.7cqw) scale(.78); }
  66.11%, 67.56% { transform: translate(80cqw, 30.7cqw); }
  67.56% { transform: translate(80cqw, 30.7cqw); }
  72.78%, 76.22% { transform: translate(50.4cqw, 35.9cqw); }
  76.67% { transform: translate(50.4cqw, 35.9cqw) scale(.78); }
  77.22%, 78.67% { transform: translate(50.4cqw, 35.9cqw); }
  78.67% { transform: translate(50.4cqw, 35.9cqw); }
  83.89%, 87.33% { transform: translate(50.4cqw, 35.9cqw); }
  87.78% { transform: translate(50.4cqw, 35.9cqw) scale(.78); }
  88.33%, 89.78% { transform: translate(50.4cqw, 35.9cqw); }
  89.78% { transform: translate(50.4cqw, 35.9cqw); }
  94.44%, 98.67% { transform: translate(66cqw, 44cqw); }
  100% { transform: translate(46cqw, 30cqw); }
}
/* macOS · 提示已损坏（7 步） */
@keyframes k-cam-m2 {
  0%, 14.29% { transform: translate(-14cqw, -9.88cqw) scale(2); }
  18.57%, 28.57% { transform: translate(-22.79cqw, -11.18cqw) scale(1.46); }
  32.86%, 42.86% { transform: translate(-28.57cqw, -12.73cqw) scale(1.57); }
  47.14%, 57.14% { transform: translate(-28.57cqw, -12.73cqw) scale(1.57); }
  61.43%, 71.43% { transform: translate(-46.67cqw, -18.07cqw) scale(1.47); }
  75.71%, 85.71% { transform: translate(-20.55cqw, -3.22cqw) scale(1.21); }
  90%, 97.86% { transform: translate(-3.8cqw, -0.93cqw) scale(1.08); }
  100% { transform: translate(-14cqw, -9.88cqw) scale(2); }
}
@keyframes k-cur-m2 {
  0% { transform: translate(46cqw, 30cqw); }
  7.86%, 11.14% { transform: translate(34.4cqw, 18.6cqw); }
  11.71% { transform: translate(34.4cqw, 18.6cqw) scale(.78); }
  12.29% { transform: translate(34.4cqw, 18.6cqw); }
  12.86% { transform: translate(34.4cqw, 18.6cqw) scale(.78); }
  13.43%, 15.43% { transform: translate(34.4cqw, 18.6cqw); }
  15.43% { transform: translate(34.4cqw, 18.6cqw); }
  22.14%, 26.57% { transform: translate(50.4cqw, 39.7cqw); }
  27.14% { transform: translate(50.4cqw, 39.7cqw) scale(.78); }
  27.86%, 29.71% { transform: translate(50.4cqw, 39.7cqw); }
  29.71% { transform: translate(50.4cqw, 39.7cqw); }
  35.71% { transform: translate(84cqw, 44cqw); }
  44% { transform: translate(84cqw, 44cqw); }
  50% { transform: translate(84cqw, 44cqw); }
  58.29% { transform: translate(84cqw, 44cqw); }
  64.29% { transform: translate(88cqw, 31cqw); }
  72.57% { transform: translate(88cqw, 31cqw); }
  79.29%, 82.57% { transform: translate(34.4cqw, 18.6cqw); }
  83.14% { transform: translate(34.4cqw, 18.6cqw) scale(.78); }
  83.71% { transform: translate(34.4cqw, 18.6cqw); }
  84.29% { transform: translate(34.4cqw, 18.6cqw) scale(.78); }
  84.86%, 86.86% { transform: translate(34.4cqw, 18.6cqw); }
  86.86% { transform: translate(34.4cqw, 18.6cqw); }
  92.86%, 98.29% { transform: translate(66cqw, 44cqw); }
  100% { transform: translate(46cqw, 30cqw); }
}
@keyframes k-scr9 { 0%, 2.78% { transform: translateY(0); } 5.56%, 100% { transform: translateY(-22cqw); } }