mirror of
https://ghproxy.com/https://github.com/StreakingMan/solvable-sheep-game
synced 2025-05-23 18:46:10 +08:00
2 lines
8.2 KiB
CSS
2 lines
8.2 KiB
CSS
@charset "UTF-8";#root{text-align:center;width:100%;max-width:500px;margin:0 auto;position:relative}#root>:not(.background){z-index:1}.background{position:fixed;left:0;top:0;width:100vw;height:100vh;object-fit:cover;z-index:0}.game{width:100%;margin:0 auto;padding-top:10%;padding-bottom:2.5%}.scene-container{width:100%;padding-bottom:112.5%;position:relative}.scene-inner{position:absolute;left:0;right:0;bottom:0;top:0;overflow:visible;font-size:28px}.symbol{width:12.5%;padding-bottom:12.5%;position:absolute;transition:.15s;left:0;top:0;border-radius:8px}.symbol-inner{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center;border-radius:8px;border:2px solid #444;transition:.3s;overflow:hidden;user-select:none}.symbol-inner img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.queue-container{padding-bottom:18.75%;margin-bottom:16px;position:relative}.queue-container:after{content:"";position:absolute;left:3.125%;right:3.125%;top:0;bottom:0;border-radius:12px;background-color:#00000029;border:8px solid rgba(0,0,0,.08)}.modal{position:fixed;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(10px);background-color:#0000001a;top:0;left:0;z-index:10!important}.bgm-button{position:fixed;left:8px;top:8px;padding:4px;width:36px;height:36px;cursor:pointer}.zhenghuo-button{width:100%;margin-top:8px}.level{font-size:1.8em;font-weight:900;line-height:2;text-shadow:4px 6px 2px rgba(0,0,0,.2)}@keyframes _jump_lfylx_1{0%{transform:translateY(0)}10%{transform:translateY(-50%)}20%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes _scale_lfylx_1{0%{transform:scale(1)}to{transform:scale(1.05)}}._title_lfylx_23{margin:0;line-height:1.15;font-size:2rem;padding-top:1rem;animation:_scale_lfylx_1 .27s infinite alternate;z-index:1}._title_lfylx_23 *{transition:.3s}._title_lfylx_23 ._item_lfylx_34{display:inline-block;animation-name:_jump_lfylx_1;animation-iteration-count:infinite;animation-duration:3s;animation-play-state:running;text-shadow:4px 6px 2px rgba(0,0,0,.2)}._title_lfylx_23,._description_lfylx_44{text-align:center}._description_lfylx_44{margin:0;line-height:1.5;font-size:1rem;font-weight:400;padding-top:.5rem}@keyframes _gradient_1gj3x_1{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}._info_1gj3x_12{position:fixed;right:8px;top:8px;padding:4px;width:36px;height:36px;border-radius:18px;animation:_gradient_1gj3x_1 4s ease infinite;background-image:linear-gradient(-45deg,rgba(238,119,82,.5333333333),rgba(231,60,126,.5333333333),rgba(35,166,213,.5333333333),rgba(35,213,171,.5333333333));background-size:400% 400%;background-position:0 0;box-sizing:border-box;transition:.4s;backdrop-filter:blur(8px);z-index:9;overflow:hidden;color:#fff}._info_1gj3x_12 *{transition:.6s}._info_1gj3x_12 a{text-decoration:underline;color:#fff;font-weight:900}._info_1gj3x_12 ._close_1gj3x_39{position:absolute;border-radius:8px;background-color:#0003;width:36px;height:36px;right:0;top:0;line-height:36px;text-align:center;transform:scale(0);color:#fff;cursor:pointer;user-select:none}._info_1gj3x_12 ._githubIcon_1gj3x_54{position:absolute;right:6px;top:6px;cursor:pointer}._info_1gj3x_12 ._githubLink_1gj3x_60{position:absolute;right:-196px;top:26px}._info_1gj3x_12 ._bilibiliIcon_1gj3x_65{position:absolute;right:-100px;top:10px}._info_1gj3x_12 ._bilibiliLink_1gj3x_70{position:absolute;right:-196px;top:16px}._info_1gj3x_12._open_1gj3x_75{height:100px;border-radius:8px}@media screen and (max-width: 500px){._info_1gj3x_12._open_1gj3x_75{width:calc(100% - 16px)}}@media screen and (min-width: 501px){._info_1gj3x_12._open_1gj3x_75{width:500px}}._info_1gj3x_12._open_1gj3x_75 ._close_1gj3x_39{transform:scale(1)}._info_1gj3x_12._open_1gj3x_75 ._githubIcon_1gj3x_54{right:calc(100% - 70px);top:18px;width:36px;height:36px}._info_1gj3x_12._open_1gj3x_75 ._githubLink_1gj3x_60{right:calc(100% - 200px);top:26px}._info_1gj3x_12._open_1gj3x_75 ._bilibiliIcon_1gj3x_65{height:36px;right:26px;top:50px}._info_1gj3x_12._open_1gj3x_75 ._bilibiliLink_1gj3x_70{right:110px;top:58px}._info_1qnsx_3{position:fixed;left:8px;bottom:8px;transition:.3s;padding:16px;width:36px;height:36px;border-radius:18px;background:rgba(0,0,0,.5);color:#fff;overflow:hidden;backdrop-filter:blur(8px);box-sizing:border-box;cursor:pointer;font-size:14px}._info_1qnsx_3 p{margin:0;opacity:0;transition:.6s}._info_1qnsx_3 a{color:#747bff}._info_1qnsx_3 ._icon_1qnsx_28{position:absolute;left:14px;top:2px;font-size:24px;font-weight:900;transition:.2s}._info_1qnsx_3 ._close_1qnsx_36{position:absolute;border-radius:8px;background-color:#0003;width:36px;height:36px;right:0;top:0;line-height:36px;text-align:center;transform:scale(0);color:#fff;cursor:pointer;user-select:none}._info_1qnsx_3._open_1qnsx_51{height:100px;border-radius:8px}@media screen and (max-width: 500px){._info_1qnsx_3._open_1qnsx_51{width:calc(100% - 70px)}}@media screen and (min-width: 501px){._info_1qnsx_3._open_1qnsx_51{width:500px}}._info_1qnsx_3._open_1qnsx_51 p{opacity:1}._info_1qnsx_3._open_1qnsx_51 ._close_1qnsx_36{transform:scale(1)}._info_1qnsx_3._open_1qnsx_51 ._icon_1qnsx_28{transform:scale(0)}._container_8hden_1{position:fixed;right:8px;bottom:8px;transition:.3s;color:#fff;backdrop-filter:blur(8px);box-sizing:border-box;cursor:pointer;user-select:none;line-height:52px;width:52px;height:52px;overflow:visible}._container_8hden_1 ._square_8hden_16{width:52px;height:52px;border-radius:8px;background:rgba(0,0,0,.4);position:absolute;right:0;top:0;transition:.3s;overflow:hidden}._container_8hden_1 ._square_8hden_16 img{width:100%;height:100%;object-fit:contain}._container_8hden_1._open_8hden_32 ._diy_8hden_32{width:80px;font-weight:900;font-size:18px;background-image:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab)}._dialog_e4xgx_1{text-align:left;overflow-y:auto;color:#ffffffde;background-color:#242424}@media (prefers-color-scheme: light){._dialog_e4xgx_1{color:#213547;background-color:#fff}}._dialogWrapper_e4xgx_13{z-index:10;position:fixed;left:50%;top:0;width:calc(100% - 32px);max-width:500px;bottom:0;transform:translate(-50%) translateY(-100%);opacity:0;transition:.3s;padding:16px;display:flex;flex-flow:column nowrap!important}@media screen and (min-width: 1024px){._dialogWrapper_e4xgx_13{margin:36px 0;border-radius:16px;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}}._dialogShow_e4xgx_35{transform:translate(-50%) translateY(0);opacity:1}._dialog_e4xgx_1 ._error_e4xgx_39{color:#dc143c}._dialog_e4xgx_1 h4{margin:8px 0}._addBtn_e4xgx_46{border-radius:8px;width:50px;height:50px;border:1px solid gray;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}._addBtnEmpty_e4xgx_57:before{content:"+";color:#999;font-size:2em}._addBtn_e4xgx_46 img{width:100%;height:100%;object-fit:cover}._addDialog_e4xgx_67{position:absolute;left:50%;top:50%;width:90%;padding:12px;transform:translate(-50%) translateY(-60vh);opacity:0;transition:.3s;border-radius:8px;border:2px solid #535bf2;color:#ffffffde;background-color:#242424}@media (prefers-color-scheme: light){._addDialog_e4xgx_67{color:#213547;background-color:#fff}}._addDialogShow_e4xgx_87{transform:translate(-50%) translateY(-50%);opacity:1}._deleteBtn_e4xgx_92{flex-grow:1;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;font-size:1.5em;color:#999;cursor:pointer}._deleteBtn_e4xgx_92 span{transform:rotate(45deg)}body{padding:0 32px;-webkit-tap-highlight-color:transparent;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}#root{text-align:center;width:100%;max-width:500px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}button{color:#fff;border:none;padding:8px 16px;border-radius:8px;background-color:#3338}button.primary{background-color:#747bff}select{border:1px solid gray;border-radius:4px;padding:4px 8px}input{border:1px solid gray;border-radius:4px;padding:8px 12px}.flex-container{display:flex;gap:8px;flex-wrap:wrap}.flex-no-wrap{flex-wrap:nowrap}.flex-center{justify-content:center;align-items:center}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-grow{flex-grow:1}.flex-between{justify-content:space-between;align-items:center}.flex-spacer{flex:1 1 auto}
|