.ban-touch-mask[data-v-9ae28240]{width:100%;height:100%;z-index:999;position:absolute}.logo-area[data-v-d40b2812]{background-size:cover!important;background-position:center!important}.logo-area[data-v-d40b2812]{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-d40b2812]{filter:blur(5px)}.logo-area .img-shadow[data-v-d40b2812]{content:"";width:100%;height:100%;position:absolute;background-color:var(--primary-color);overflow:hidden;transition:background-color .5s;border-radius:100%;animation:shadowEnter 1.2s;animation-fill-mode:forwards}.logo-area .img-shadow-show[data-v-d40b2812]{background-color:#00000080}.logo-area .inner[data-v-d40b2812]{position:relative}.logo-area .inner .main-logo[data-v-d40b2812]{height:7rem;position:absolute;transform:translate(-50%,-50%);transition:all 1s;top:0}.logo-area .inner .main-logo-top[data-v-d40b2812]{top:-3.2rem}.logo-area .inner .hello[data-v-d40b2812]{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-d40b2812]{opacity:1;top:3.5rem}.logo-area .inner .hello_bottom .site-title[data-v-d40b2812]{font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.logo-area .inner .hello_bottom .site-subtitle[data-v-d40b2812]{font-size:1rem;opacity:.9}.logo-area .inner .hello_bottom .hello_bottom_text[data-v-d40b2812]{font-size:var(--regular-font-size);margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.3);opacity:.8}.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-47f21eae]{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.drawer__inner[data-v-47f21eae]{padding:1rem;position:absolute;bottom:.5rem;left:50%;transition:transform ease .5s;transform:translate(-50%,calc(100% + .5rem));z-index:100;width:calc(100vw - 1rem);max-height:90vh;max-height:calc(var(--vh, 1vh) * 90);box-sizing:border-box;border-radius:var(--regular-border-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--regular-shadow);background:radial-gradient(circle at top left,rgba(255,255,255,.96),rgba(255,255,255,.9));border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media screen and (min-width: 768px){.drawer__inner[data-v-47f21eae]{max-width:1200px;width:90vw;bottom:3rem;transform:translate(-50%,calc(100% + 3rem));border-radius:1.5rem}}.drawer__inner.is-opened[data-v-47f21eae]{transform:translate(-50%)}.drawer__close-btn[data-v-47f21eae]{position:absolute;right:1rem;top:1.1rem;font-size:1.2rem}.drawer__content[data-v-47f21eae]{margin-bottom:var(--super-mini-gap);flex:1;overflow-y:auto}.drawer__footer[data-v-47f21eae]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;font-size:var(--small-font-size)}.drawer__footer .footer-icon[data-v-47f21eae]{margin-right:.3rem;font-size:var(--regular-font-size)}.tabs__header[data-v-f1691a52]{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-f1691a52]::-webkit-scrollbar{display:none}.tabs__header__mask-left[data-v-f1691a52]{-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-f1691a52]{-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-f1691a52]{-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-f1691a52]{padding:0 var(--super-mini-gap);color:var(--secondary-text-color);min-width:2rem;cursor:pointer;flex-shrink:0;transition:color .2s ease}.tabs__header .tab-label[data-v-f1691a52]:after{content:"";display:block;height:3px;width:2rem;margin:var(--super-mini-gap) auto 0;background-color:var(--accent-color);transform:scaleX(0);transition:transform .2s ease;border-radius:var(--regular-border-radius)}.tabs__header .tab-label[data-v-f1691a52]:hover{color:var(--accent-color)}.tabs__header .tab-label.is-active[data-v-f1691a52]{color:var(--accent-color);font-weight:700}.tabs__header .tab-label.is-active[data-v-f1691a52]:after{transform:scaleX(1);box-shadow:0 .12rem .5rem #a855f780}.tabs__content[data-v-f1691a52]{display:block;border-radius:var(--regular-border-radius);overflow-y:auto;overflow-x:hidden}.tab-panel[data-v-036376e7]{width:100%;max-height:100%;overflow-y:auto}.website-item[data-v-87dd42d2]{background-color:#fff;padding:.5rem;border-radius:var(--regular-border-radius);overflow:hidden;display:flex;align-items:center;position:relative;min-height:calc(1.4rem + var(--super-mini-gap) + 2.8rem);cursor:pointer;transition:all .2s ease;border:1px solid rgba(148,163,184,.15);box-shadow:0 0 #0000}@media (any-hover: hover){.website-item[data-v-87dd42d2]:hover{border-color:var(--primary-color);box-shadow:0 .15rem .8rem #22c55e59}}.website-item[data-v-87dd42d2]:active{border-color:var(--primary-color);box-shadow:inset 0 0 .3rem #0000004d;transform:scale(.99)}.website-item--with-badge[data-v-87dd42d2]{padding-top:1.35rem}.website-item__badges[data-v-87dd42d2]{position:absolute;top:.35rem;left:.5rem;display:flex;gap:.25rem;z-index:1}.website-item__badges .badge[data-v-87dd42d2]{font-size:.6rem;padding:.08rem .32rem;border-radius:.25rem;font-weight:500}.website-item__badges .badge--hot[data-v-87dd42d2]{background:linear-gradient(135deg,#fb923c,#ef4444);color:#fff}.website-item__badges .badge--new[data-v-87dd42d2]{background:linear-gradient(135deg,var(--primary-color),#16a34a);color:#fff}.website-item__info[data-v-87dd42d2]{flex:1;overflow:hidden;margin-right:.4rem}.website-item__info .title[data-v-87dd42d2]{margin-bottom:var(--super-mini-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4rem;font-weight:500}.website-item__info .description[data-v-87dd42d2]{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__info .tags[data-v-87dd42d2]{display:flex;gap:.3rem;margin-top:.3rem;flex-wrap:wrap}.website-item__info .tags .tag[data-v-87dd42d2]{font-size:.7rem;color:#4b5563;background:rgba(59,130,246,.08);padding:.1rem .4rem;border-radius:.25rem;border:1px solid rgba(59,130,246,.18)}.website-item__logo[data-v-87dd42d2]{width:3.5rem;height:3.5rem;border-radius:100%;position:relative}.website-item__logo .site-logo[data-v-87dd42d2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%}.website-item__logo .site-default-logo[data-v-87dd42d2]{font-size:2rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.website-drawer .drawer-handler[data-v-ccc17d01]{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-ccc17d01]{transform:scale(1.2,.8)}.website-drawer .drawer-handler__text[data-v-ccc17d01]{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-ccc17d01]{display:none}}@media (hover: none){.website-drawer .drawer-handler__text.wheel-up[data-v-ccc17d01]{display:none}}.website-drawer__drawer .drawer__content .website-drawer__topics{margin-bottom:var(--regular-gap);padding:.5rem .75rem;border-radius:var(--regular-border-radius);background:rgba(255,255,255,.85);border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.website-drawer__drawer .drawer__content .website-drawer__topics .topics-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem}.website-drawer__drawer .drawer__content .website-drawer__topics .topics-header__icon{font-size:.9rem}.website-drawer__drawer .drawer__content .website-drawer__topics .topics-header__title{font-size:.85rem;font-weight:600;color:var(--regular-text-color)}.website-drawer__drawer .drawer__content .website-drawer__topics .topics-header__divider{flex:1;height:1px;background:linear-gradient(to right,rgba(148,163,184,.4),transparent);margin-left:.5rem}.website-drawer__drawer .drawer__content .website-drawer__topics .topics-list{display:flex;flex-wrap:wrap;gap:.4rem}.website-drawer__drawer .drawer__content .website-drawer__topics .topic-chip{border:none;outline:none;display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .65rem;border-radius:999px;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(236,72,153,.1));border:1px solid rgba(168,85,247,.25);font-size:.8rem;cursor:pointer;transition:all .2s ease}.website-drawer__drawer .drawer__content .website-drawer__topics .topic-chip:hover{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(236,72,153,.2));border-color:#a855f766}.website-drawer__drawer .drawer__content .website-drawer__topics .topic-chip__emoji{font-size:.9rem}.website-drawer__drawer .drawer__content .website-drawer__topics .topic-chip__text{color:var(--regular-text-color)}.website-drawer__drawer .drawer__content .website-drawer__filter{margin-bottom:var(--regular-gap);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.4rem;border-radius:var(--regular-border-radius);background:rgba(255,255,255,.85);border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.website-drawer__drawer .drawer__content .website-drawer__filter .filter-bar{display:flex;align-items:center;gap:.4rem}.website-drawer__drawer .drawer__content .website-drawer__filter .filter-bar__input{flex:1;padding:.35rem .6rem;border-radius:999px;border:1px solid #e5e7eb;font-size:.85rem;outline:none}.website-drawer__drawer .drawer__content .website-drawer__filter .filter-bar__clear{border:none;outline:none;font-size:.8rem;padding:.25rem .6rem;border-radius:999px;background-color:#f3f4f6;cursor:pointer}.website-drawer__drawer .drawer__content .website-drawer__filter .filter-tags{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding-bottom:.1rem}.website-drawer__drawer .drawer__content .website-drawer__filter .filter-tag{white-space:nowrap;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid #e5e7eb;background-color:#fff;cursor:pointer}.website-drawer__drawer .drawer__content .website-drawer__filter .filter-tag.is-active{background-image:linear-gradient(135deg,var(--accent-color),#ec4899);border-color:transparent;color:#fff;box-shadow:0 .12rem .5rem #a855f773}.website-drawer__drawer .drawer__content .tabs__header{width:calc(100% - 1.2rem)}.website-drawer__drawer .drawer__content .tabs__content{height:60vh;height:calc(var(--vh, 1vh) * 60)}.website-drawer__drawer .drawer__content .tabs__content .tab-panel{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:var(--mini-gap);align-items:flex-start}@media screen and (min-width: 480px){.website-drawer__drawer .drawer__content .tabs__content .tab-panel{grid-template-columns:repeat(2,1fr)}}@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)}}html,body{margin:0;padding:0;-webkit-tap-highlight-color:transparent;color:#303030;--regular-text-color: #303030;--secondary-text-color: #757575;--primary-color: #22c55e;--secondary-color: #3b82f6;--accent-color: #a855f7;--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}}