.ban-touch-mask[data-v-9ae28240]{width:100%;height:100%;z-index:999;position:absolute}.logo-area[data-v-6ae16c04]{background-size:cover!important;background-position:center!important}.logo-area[data-v-6ae16c04]{overflow:hidden;align-items:center;justify-content:center;display:flex;border-radius:100%;animation:logoEnter 1.2s;animation-fill-mode:forwards;transition:all .8s}.logo-area.is-blur[data-v-6ae16c04]{filter:blur(5px)}.logo-area .img-shadow[data-v-6ae16c04]{content:"";width:100%;height:100%;position:absolute;background-color:#fda085;overflow:hidden;transition:background-color .5s;border-radius:100%;animation:shadowEnter 1.2s;animation-fill-mode:forwards}.logo-area .img-shadow-show[data-v-6ae16c04]{background-color:#00000080}.logo-area .inner[data-v-6ae16c04]{position:relative}.logo-area .inner .main-logo[data-v-6ae16c04]{height:7rem;position:absolute;transform:translate(-50%,-50%);transition:all 1s;top:0}.logo-area .inner .main-logo-top[data-v-6ae16c04]{top:-3.2rem}.logo-area .inner .hello[data-v-6ae16c04]{color:#fff;width:18.75rem;text-align:center;position:absolute;transform:translate(-50%,-50%);font-size:1.5rem;opacity:0;top:100px;transition:all 1s}.logo-area .inner .hello_bottom[data-v-6ae16c04]{opacity:1;top:3.5rem}.logo-area .inner .hello_bottom .hello_bottom_text[data-v-6ae16c04]{font-size:var(--regular-font-size);margin-top:.5rem;padding-top:.5rem;border-top:1px solid #fff}.github-badge[data-v-725337c4]{display:block;position:absolute;top:10px;right:10px;color:#fff;z-index:1;cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.icp[data-v-14330fd6]{width:100%;text-align:center;color:#fff;-webkit-text-decoration:none;text-decoration:none;font-size:var(--small-font-size);line-height:30px;background:rgba(0,0,0,.4);position:fixed;bottom:0;transform:translateY(0);transition:transform ease 1s}.icp.hide[data-v-14330fd6]{transform:translateY(30px)}.drawer[data-v-b68e1114]{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.drawer__inner[data-v-b68e1114]{padding:1rem;position:absolute;bottom:.5rem;left:50%;transition:transform ease .5s;transform:translate(-50%,calc(100% + .5rem));z-index:100;background-color:#f1f1f1;width:calc(100vw - 1rem);box-sizing:border-box;border-radius:var(--regular-border-radius);display:flex;flex-direction:column;overflow:hidden}@media screen and (min-width: 768px){.drawer__inner[data-v-b68e1114]{max-width:1200px;width:90vw;bottom:3rem;transform:translate(-50%,calc(100% + 3rem))}}.drawer__inner.is-opened[data-v-b68e1114]{transform:translate(-50%)}.drawer__close-btn[data-v-b68e1114]{position:absolute;right:1rem;top:1.1rem;font-size:1.2rem}.drawer__content[data-v-b68e1114]{margin-bottom:var(--super-mini-gap)}.drawer__footer[data-v-b68e1114]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;font-size:var(--small-font-size)}.drawer__footer .footer-icon[data-v-b68e1114]{margin-right:.3rem;font-size:var(--regular-font-size)}.tabs__header[data-v-44d4c95b]{position:relative;display:flex;margin:0 calc(var(--super-mini-gap) * -1) var(--mini-gap);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.tabs__header[data-v-44d4c95b]::-webkit-scrollbar{display:none}.tabs__header__mask-left[data-v-44d4c95b]{-webkit-mask-image:linear-gradient(to right,transparent,#000000 2rem);mask-image:linear-gradient(to right,transparent,#000000 2rem)}.tabs__header__mask-right[data-v-44d4c95b]{-webkit-mask-image:linear-gradient(to right,#000000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,#000000 calc(100% - 2rem),transparent)}.tabs__header__mask-both[data-v-44d4c95b]{-webkit-mask-image:linear-gradient(to right,transparent,#000000 2rem,#000000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,transparent,#000000 2rem,#000000 calc(100% - 2rem),transparent)}.tabs__header .tab-label[data-v-44d4c95b]{padding:0 var(--super-mini-gap);color:var(--secondary-text-color);min-width:2rem;cursor:pointer;flex-shrink:0}.tabs__header .tab-label[data-v-44d4c95b]:after{content:"";display:block;height:2px;width:1.5rem;margin:var(--super-mini-gap) auto 0;background-color:var(--regular-text-color);transform:scaleX(0);transition:transform .2s ease;border-radius:var(--regular-border-radius)}.tabs__header .tab-label.is-active[data-v-44d4c95b]{color:var(--regular-text-color);font-weight:700}.tabs__header .tab-label.is-active[data-v-44d4c95b]:after{transform:scaleX(1)}.tabs__content[data-v-44d4c95b]{display:flex;transition:transform .4s ease;border-radius:var(--regular-border-radius);align-items:flex-start}.tab-panel[data-v-653a3479]{width:100%;max-height:100%;overflow-y:auto;flex-shrink:0;margin-right:var(--regular-gap)}.text-popup-overlay[data-v-f317f5fd]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.text-popup[data-v-f317f5fd]{background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.text-popup__header[data-v-f317f5fd]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #eee}.text-popup__title[data-v-f317f5fd]{margin:0;font-size:1.2rem;font-weight:600;color:#333}.text-popup__close[data-v-f317f5fd]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.text-popup__close[data-v-f317f5fd]:hover{background-color:#f5f5f5;color:#666}.text-popup__content[data-v-f317f5fd]{padding:1.5rem;flex:1;overflow-y:auto}.text-popup__content p[data-v-f317f5fd]{margin:0;line-height:1.6;color:#555;white-space:pre-wrap}.text-popup__footer[data-v-f317f5fd]{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end}.text-popup__button[data-v-f317f5fd]{background-color:#0171cd;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.text-popup__button[data-v-f317f5fd]:hover{background-color:#015aa3}.text-popup__button[data-v-f317f5fd]:active{transform:scale(.98)}.popup-enter-active[data-v-f317f5fd],.popup-leave-active[data-v-f317f5fd]{transition:opacity .3s ease}.popup-enter-from[data-v-f317f5fd],.popup-leave-to[data-v-f317f5fd]{opacity:0}.popup-enter-active .text-popup[data-v-f317f5fd],.popup-leave-active .text-popup[data-v-f317f5fd]{transition:transform .3s ease}.popup-enter-from .text-popup[data-v-f317f5fd],.popup-leave-to .text-popup[data-v-f317f5fd]{transform:scale(.9)}.website-item[data-v-8fd04df1]{background-color:#fff;padding:.5rem;border-radius:var(--regular-border-radius);overflow:hidden;display:flex;align-items:center;min-height:calc(1.4rem + var(--super-mini-gap) + 2.8rem);cursor:pointer;transition:all .2s ease;border:1px solid #ffffff}@media (any-hover: hover){.website-item[data-v-8fd04df1]:hover{border:1px solid var(--secondary-text-color)}}.website-item[data-v-8fd04df1]:active{border:1px solid var(--secondary-text-color);box-shadow:inset 0 0 .3rem #0000004d;transform:scale(.99)}.website-item__info[data-v-8fd04df1]{flex:1;overflow:hidden;margin-right:.4rem}.website-item__info .title[data-v-8fd04df1]{margin-bottom:var(--super-mini-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4rem}.website-item__info .description[data-v-8fd04df1]{font-size:var(--small-font-size);color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4rem;height:2.8rem}.website-item__logo[data-v-8fd04df1]{width:3.5rem;height:3.5rem;border-radius:100%;position:relative}.website-item__logo.is-new[data-v-8fd04df1]{animation:bounce 2s infinite}.website-item__logo .site-logo[data-v-8fd04df1]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%}.website-item__logo .site-default-logo[data-v-8fd04df1]{font-size:2rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.website-item__logo .new-badge[data-v-8fd04df1]{position:absolute;top:-8px;right:-8px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-radius:10px;padding:2px 6px;box-shadow:0 2px 8px #ff6b6b4d;animation:pulse 1.5s infinite;z-index:1}.website-item__logo .new-badge .new-text[data-v-8fd04df1]{font-size:.6rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px}.website-drawer .drawer-handler[data-v-ca5ec429]{position:absolute;color:#fff;bottom:5vh;transition:all 1s;display:flex;flex-direction:column;transform:translate(-50%);text-align:center;cursor:pointer}.website-drawer .drawer-handler__icon[data-v-ca5ec429]{transform:scale(1.2,.8)}.website-drawer .drawer-handler__text[data-v-ca5ec429]{font-size:var(--regular-font-size);margin-top:var(--mini-gap);animation:float 4s infinite ease-in-out}@media (any-hover: hover){.website-drawer .drawer-handler__text.slide-up[data-v-ca5ec429]{display:none}}@media (hover: none){.website-drawer .drawer-handler__text.wheel-up[data-v-ca5ec429]{display:none}}.website-drawer__drawer .drawer__content .tabs__header{width:calc(100% - 1.2rem)}.website-drawer__drawer .drawer__content .tabs__content{height:60vh}.website-drawer__drawer .drawer__content .tabs__content .tab-panel{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-gap:var(--mini-gap);align-items:flex-start}@media screen and (min-width: 768px){.website-drawer__drawer .drawer__content .tabs__content .tab-panel{grid-template-columns:repeat(4,1fr)}}.website-drawer__drawer .drawer__content .tabs__content .tab-panel.empty-panel{height:100%;display:flex;align-items:center;justify-content:center;color:var(--secondary-text-color)}#main-view[data-v-5fe95229]{height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}@keyframes logoEnter{0%{opacity:0;width:0rem;height:0rem}20%{opacity:1;width:15rem;height:15rem}80%{transform:rotate(360deg);width:15rem;height:15rem}to{transform:rotate(360deg);width:100%;height:100%;border-radius:0}}@keyframes shadowEnter{0%{opacity:0;width:0rem;height:0rem}20%{opacity:1;width:15rem;height:15rem}80%{width:15rem;height:15rem}to{width:100%;height:100%;border-radius:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}html,body{margin:0;padding:0;-webkit-tap-highlight-color:transparent;color:#303030;--regular-text-color: #303030;--secondary-text-color: #757575;--regular-font-size: 1rem;--small-font-size: .8rem;--regular-gap: 1rem;--small-gap: .8rem;--mini-gap: .6rem;--super-mini-gap: .4rem;--regular-border-radius: .5rem;--regular-shadow: 0 0rem .6rem rgba(0, 0, 0, .15)}a{-webkit-text-decoration:none;text-decoration:none;color:inherit}@media screen and (max-width: 900px){html{font-size:14px}}