:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:100%;height:100vh}.no-scroll-bar::-webkit-scrollbar{width:0;height:0}.no-scroll-bar{-ms-overflow-style:none;scrollbar-width:none}.no-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.scroll-bar::-webkit-scrollbar{width:6px}.scroll-bar::-webkit-scrollbar-track{background-color:#f6f6f6}.scroll-bar::-webkit-scrollbar-thumb{border-radius:4px;box-shadow:inset 4px 0 16px #aaa;border:1px solid rgba(0,0,0,0);border-top:0;border-bottom:0}.scroll-x[data-v-137beae2]{width:100%;height:auto;overflow:auto;-webkit-overflow-scrolling:touch}.margin-center[data-v-645886bb]>*>:first-child{margin-left:auto}.margin-center[data-v-645886bb]>*>:last-child{margin-right:auto}.counter[data-v-e5557b4f]{display:grid;gap:10px;grid-template-areas:"clock clock" "start reset"}.btn[data-v-e5557b4f]{text-align:center;padding:.5em;font-size:24px;background-color:#d2691e;color:#fff;grid-area:start;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.2s;border-radius:5px}.btn[data-v-e5557b4f]:hover{filter:brightness(1.1)}.start[data-v-e5557b4f]:before{content:"开始"}@property --m{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --s{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --ms{syntax: "<integer>"; inherits: false; initial-value: 0;}@keyframes ms-e5557b4f{to{--ms: 99}}@keyframes seconds-e5557b4f{to{--s: 60}}@keyframes minitus-e5557b4f{to{--m: 60}}.clock[data-v-e5557b4f]{grid-area:clock;font-size:60px;text-align:center;padding:.2em;border:5px solid rgba(255,255,255,.3);border-radius:10px;font-family:monospace;background-color:#3a3a3a;color:#fff;counter-reset:minitus var(--m) seconds var(--s) ms var(--ms);animation:minitus-e5557b4f 3600s infinite steps(60,end),seconds-e5557b4f 60s infinite steps(60,end),ms-e5557b4f 1s infinite steps(100,end);animation-play-state:paused}:checked~.clock[data-v-e5557b4f]{animation-play-state:running}:checked~.start[data-v-e5557b4f]:before{content:"暂停"}.clock[data-v-e5557b4f]:before{content:counter(minitus,decimal-leading-zero) ":" counter(seconds,decimal-leading-zero) ":" counter(ms,decimal-leading-zero);text-shadow:3px 3px 3px #000}.reset[data-v-e5557b4f]{grid-area:reset;background-color:#f44336}:checked~.reset[data-v-e5557b4f]{pointer-events:none;opacity:.5}.reset:active+.clock[data-v-e5557b4f]{animation:none}*[data-v-b7269778]{margin:0;padding:0;box-sizing:border-box}.water-box[data-v-b7269778]{width:400px;height:400px;display:flex;align-items:center;justify-content:center;background-color:#00a8ff}.water[data-v-b7269778]{width:300px;height:300px;border-radius:59% 41% 63% 37%/22% 26% 74% 78%;box-shadow:inset 10px 20px 30px #00000080,10px 10px 20px #0000004d,15px 15px 30px #0000000d,inset -10px -10px 15px #fffc;position:relative;animation:action-b7269778 3s linear infinite alternate}.water[data-v-b7269778]:after{content:"";width:20px;height:20px;position:absolute;top:50px;left:30%;background-color:#fffc;border-radius:50% 50% 63% 37%/54% 63% 37% 46%}.water[data-v-b7269778]:before{content:"";width:10px;height:10px;position:absolute;top:75px;left:23%;background-color:#fffc;border-radius:42% 58% 63% 37%/63% 71% 29% 37%}@keyframes action-b7269778{25%{border-radius:30% 70% 44% 56%/42% 26% 74% 58%}50%{border-radius:30% 70% 21% 79%/57% 26% 74% 43%}to{border-radius:39% 70% 51% 49%/33% 40% 69% 67%}}.reference[data-v-1294626d]{width:fit-content;position:relative}.dropdown-content[data-v-1294626d]{position:absolute;top:100%;left:0;width:auto;height:auto;z-index:1}.dropdown[data-v-1294626d]{transition:all .5s;overflow-y:auto;background-color:#fff;box-shadow:0 1px 4px #00076526;border-radius:4px}.jiantou[data-v-1294626d]{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-top:0 solid transparent;border-left:0 solid transparent;border-right:0 solid transparent;border-bottom:5px solid #000}.content-menu[data-v-3b12feee]{position:fixed;background-color:#fff;box-shadow:1px 1px 2px #00000080;min-width:100px;border-radius:5px;font-size:12px;color:#333;line-height:1.8;white-space:nowrap;overflow:hidden}.content-menu ul[data-v-3b12feee]{list-style:none;padding:0;margin:0}.content-menu li[data-v-3b12feee]{padding:5px 10px;cursor:pointer}.content-menu li[data-v-3b12feee]:hover{background-color:#f5f5f5}.v-enter-form[data-v-3b12feee]{opacity:0}.v-enter-to[data-v-3b12feee]{transition:all .3s;opacity:1}.inner[data-v-9c76c9be]{width:200%;height:100px;background-color:#f2f2f2;display:flex;align-items:center;justify-content:space-between;gap:5%;padding:10px}.list[data-v-9c76c9be]{height:50%;flex:1;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:50px;color:#000}.parent[data-v-9c76c9be]{display:flex;width:auto;flex-wrap:nowrap;overflow:auto}.child[data-v-9c76c9be]{width:auto;background-color:red;padding:10px;color:#fff;font-size:20px}.video-pic[data-v-9c76c9be]{width:100px}.context-menu-test[data-v-9c76c9be]{width:100%;height:200px;border:1px solid #ddd}.down-main[data-v-9c76c9be]{margin-left:200px}.down-content ul[data-v-9c76c9be]{list-style:none;padding:0;margin:0}.virtual-main[data-v-9c76c9be]{height:300px;overflow:auto}.virtual-item[data-v-9c76c9be]{border:1px solid #ccc;padding:10px;font-size:16px;height:44px;line-height:24px;box-sizing:border-box;contain:content;content-visibility:auto}