场景是希望做一个类似屏保的默认浏览器页面，展示当日剩余时间，同时不会太明显干扰注意力
平时我是 mac+一个额外显示器，显示器没内容的时候就展示这个页面
可以访问 URL 直接使用
https://genwebapp.com/app/sHz8_L3u5E3E0vf7/1736138078932
或者复制如下 urlapp 到浏览器地址栏使用
data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9InpoLUNOIj4KPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxlPTEuMCI+CiAgICA8dGl0bGU+5pe26Ze06Im65pyvPC90aXRsZT4KICAgIDxzdHlsZT4KICAgICAgICBib2R5IHsKICAgICAgICAgICAgbWFyZ2luOiAwOwogICAgICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICAgICAgaGVpZ2h0OiAxMDB2aDsKICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMxYTFhMWE7IC8qIOa3seiJsuiDjOaZryAqLwogICAgICAgIH0KICAgICAgICAuZ3JpZC1jb250YWluZXIgewogICAgICAgICAgICBkaXNwbGF5OiBncmlkOwogICAgICAgICAgICB3aWR0aDogOTh2dzsKICAgICAgICAgICAgaGVpZ2h0OiA5OHZoOwogICAgICAgICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IHJlcGVhdCgyNCwgMWZyKTsKICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNjAsIDFmcik7CiAgICAgICAgICAgICBwYWRkaW5nOiAycHg7Lyog5re75Yqg5YaF6L656LedICovCiAgICAgICAgICAgCiAgICAgICAgfQogICAgICAgIC5ncmlkLWNlbGwgewogICAgICAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsgLyog6LCD5pW05ZyG6KeSICovCiAgICAgICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4zcyBlYXNlLWluLW91dDsKICAgICAgICAgICAgbWFyZ2luOiAxcHg7CiAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDJweCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSk7Lyog5re75Yqg5YaF6Zi05b2xICovCiAgICAgICAgfQogICAgICAgCiAgICAgICAgLnBhc3QgewogICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzMzMzsgLyogIOa3seeBsOiJsiAqLwogICAgICAgICAgICAgCiAgICAgICAgfQogICAgICAgICAuY3VycmVudCB7CiAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZjYzAwOyAvKiAg5Lqu6buE6ImyICovCiAgICAgICAgICAgIAogICAgICAgIH0KICAgICAgICAuZnV0dXJlIHsKICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyMjI7IC8qICDovoPmt7HngbDoibIgKi8KICAgICAgICB9CiAgICA8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgogICAgPGRpdiBjbGFzcz0iZ3JpZC1jb250YWluZXIiIGlkPSJ0aW1lR3JpZCI+PC9kaXY+CiAgICA8c2NyaXB0PgogICAgICAgIGNvbnN0IGdyaWRDb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgndGltZUdyaWQnKTsKICAgICAgICBsZXQgZ3JpZENlbGxzID0gW107CgogICAgICAgIC8vIOWIneWni+WMluagvOWtkAogICAgICAgIGZ1bmN0aW9uIGluaXRHcmlkKCkgewogICAgICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDI0OyBpKyspIHsKICAgICAgICAgICAgICAgIGZvciAobGV0IGogPSAwOyBqIDwgNjA7IGorKykgewogICAgICAgICAgICAgICAgICAgIGNvbnN0IGNlbGwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgICAgICAgICAgICAgICAgICBjZWxsLmNsYXNzTGlzdC5hZGQoJ2dyaWQtY2VsbCcpOwogICAgICAgICAgICAgICAgICAgIGdyaWRDb250YWluZXIuYXBwZW5kQ2hpbGQoY2VsbCk7CiAgICAgICAgICAgICAgICAgICAgZ3JpZENlbGxzLnB1c2goY2VsbCk7CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICB9CgogICAgICAgIC8vIOabtOaWsOagvOWtkOminOiJsgogICAgICAgIGZ1bmN0aW9uIHVwZGF0ZUdyaWRDb2xvcnMoKSB7CiAgICAgICAgICAgIGNvbnN0IG5vdyA9IG5ldyBEYXRlKCk7CiAgICAgICAgICAgIGNvbnN0IGN1cnJlbnRIb3VyID0gbm93LmdldEhvdXJzKCk7CiAgICAgICAgICAgIGNvbnN0IGN1cnJlbnRNaW51dGUgPSBub3cuZ2V0TWludXRlcygpOwogICAgICAgICAgICAKICAgICAgICAgICAgZ3JpZENlbGxzLmZvckVhY2goKGNlbGwsIGluZGV4KSA9PiB7CiAgICAgICAgICAgICAgICBjb25zdCByb3cgPSBNYXRoLmZsb29yKGluZGV4IC8gNjApOwogICAgICAgICAgICAgICAgY29uc3QgY29sID0gaW5kZXggJSA2MDsKCiAgICAgICAgICAgICAgICBjZWxsLmNsYXNzTGlzdC5yZW1vdmUoJ3Bhc3QnLCAnY3VycmVudCcsICdmdXR1cmUnKTsKCiAgICAgICAgICAgICAgICBpZiAocm93IDwgY3VycmVudEhvdXIgfHwgKHJvdyA9PT0gY3VycmVudEhvdXIgJiYgY29sIDwgY3VycmVudE1pbnV0ZSkpIHsKICAgICAgICAgICAgICAgICAgICBjZWxsLmNsYXNzTGlzdC5hZGQoJ3Bhc3QnKTsKICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgfSBlbHNlIGlmIChyb3cgPT09IGN1cnJlbnRIb3VyICYmIGNvbCA9PT0gY3VycmVudE1pbnV0ZSkgewogICAgICAgICAgICAgICAgICAgIGNlbGwuY2xhc3NMaXN0LmFkZCgnY3VycmVudCcpOwogICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgICAgICAgICBjZWxsLmNsYXNzTGlzdC5hZGQoJ2Z1dHVyZScpOwogICAgICAgICAgICAgICAgfQogICAgICAgICAgICB9KTsKICAgICAgICB9CiAgICAgICAgCiAgICAgICAgaW5pdEdyaWQoKTsKICAgICAgICB1cGRhdGVHcmlkQ29sb3JzKCk7CiAgICAgICAgc2V0SW50ZXJ2YWwodXBkYXRlR3JpZENvbG9ycywgMjAwMDApOyAvLyDmr48gMjAg56eS5pu05paw5LiA5qyhCiAgICA8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw+
