.top-nav,[class*=top-nav__]{display:block}.top-nav{z-index:100;background:var(--fb-nav-bg);border-bottom:1px solid #1018280f;width:100%;height:72px;position:sticky;top:0}.top-nav__inner{align-items:center;gap:40px;max-width:1440px;height:100%;margin:0 auto;padding:0 32px;display:flex}.top-nav__brand{cursor:pointer;flex:none;align-items:center;gap:10px;display:flex}.top-nav__logo{background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.top-nav__logo-img{object-fit:cover;width:100%;height:100%;display:block}.top-nav__brand-text{color:#0c0d0d;letter-spacing:1px;white-space:nowrap;align-items:baseline;gap:6px;font-size:19px;font-weight:700;display:flex}.top-nav__brand-en{letter-spacing:.5px;color:var(--fb-brand-text);font-size:12px;font-weight:600}.top-nav__menu{flex:1;align-items:center;gap:4px;display:flex}.top-nav__item{cursor:pointer;align-items:center;height:72px;padding:0 16px;display:flex;position:relative}.top-nav__item-text{color:#5b6266;font-size:15px;transition:color .15s;display:inline-block}.top-nav__item-text:after{content:attr(data-label);visibility:hidden;pointer-events:none;height:0;font-weight:600;display:block;overflow:hidden}.top-nav__item:hover .top-nav__item-text{color:#0c0d0d}.top-nav__item--active:after{content:"";background:linear-gradient(90deg,#21d4c2 0%,#58c8ff 100%);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:0;left:16px;right:16px}.top-nav__item--active .top-nav__item-text{color:#0c0d0d;font-weight:600}.top-nav__search{border:1.5px solid var(--fb-border);background:#f2f4f7;border-radius:999px;flex:0 220px;align-items:center;gap:6px;min-width:0;height:34px;padding:0 12px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.top-nav__search:focus-within{background:#fff;border-color:#21d4c2;box-shadow:0 0 0 3px #21d4c229}.top-nav__search-icon{color:var(--fb-t3);flex:none;align-items:center;display:flex}.top-nav__search-input{color:#0c0d0d;background:0 0;border:none;flex:1;min-width:0;height:100%;font-family:inherit;font-size:13px}.top-nav__search-input:focus-visible{outline:none}.top-nav__search-input::placeholder{color:#9da3a6}.top-nav__iconbtn{color:#5b6266;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:inherit;transition:background .15s,color .15s;display:none}.top-nav__iconbtn:hover{color:#0c0d0d;background:#f2f4f7}.top-nav__iconbtn:focus-visible{outline-offset:2px;outline:2px solid #17b0a7}.top-nav__searchbar{z-index:2;background:#fff;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;inset:0}.top-nav__searchbar-input{color:#0c0d0d;background:#f2f4f7;border:none;border-radius:999px;flex:1;min-width:0;height:36px;padding:0 14px;font-family:inherit;font-size:14px;transition:background .15s,box-shadow .15s}.top-nav__searchbar-input:focus-visible{background:#fff;outline:none;box-shadow:0 0 0 1.5px #21d4c2}.top-nav__searchbar-input::placeholder{color:#9da3a6}.top-nav__searchbar-go{height:36px;color:var(--fb-on-grad);cursor:pointer;background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%);border:none;border-radius:999px;flex:none;padding:0 18px;font-family:inherit;font-size:14px}.top-nav__searchbar-cancel{color:#5b6266;cursor:pointer;background:0 0;border:none;flex:none;height:36px;padding:0 6px;font-family:inherit;font-size:14px}.top-nav__right{flex:none;align-items:center;gap:4px;display:flex}.top-nav__tool{align-items:center;height:72px;display:flex;position:relative}.top-nav__tool-btn{color:#5b6266;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.top-nav__tool-btn:hover{color:#0c0d0d;background:#f2f4f7}.top-nav__tool-btn:focus-visible{outline-offset:2px;outline:2px solid #17b0a7}.top-nav__tool-icon{color:inherit;flex:none;align-items:center;display:flex}.top-nav__tool-text{display:inline-block}.top-nav__tool-text-more{display:inline}.top-nav__pop{z-index:120;text-align:center;opacity:0;visibility:hidden;background:#fff;border-radius:12px;width:168px;padding:14px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;right:0;transform:translateY(-4px);box-shadow:0 8px 28px #10182829}.top-nav__tool:hover .top-nav__pop,.top-nav__tool:focus-within .top-nav__pop{opacity:1;visibility:visible;transform:none}.top-nav__pop-qr{border-radius:8px;width:124px;height:124px;margin:0 auto;display:block}.top-nav__pop-empty{width:124px;height:124px;color:var(--fb-t3);border:1px dashed #d8e0e3;border-radius:8px;justify-content:center;align-items:center;margin:0 auto;padding:0 12px;font-size:12px;line-height:1.5;display:flex}.top-nav__pop-text{color:#5b6266;margin-top:10px;font-size:12px;line-height:1.5;display:block}.top-nav__file{display:none}.top-nav__login{color:var(--fb-on-grad);cursor:pointer;background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%);border-radius:999px;padding:8px 22px;font-size:14px;transition:opacity .15s,transform .15s}.top-nav__login:hover{opacity:.9;transform:translateY(-1px)}.top-nav__user{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.top-nav__user:hover{background:#f2f4f7}.top-nav__avatar-wrap{flex:none;line-height:0;display:block;position:relative}.top-nav__avatar{border-radius:50%;width:32px;height:32px;display:block}.top-nav__avatar--empty{background:linear-gradient(135deg,#d8f3f8 0%,#e1f2ff 100%)}.top-nav__dot{color:#fff;text-align:center;font-variant-numeric:tabular-nums;box-sizing:content-box;background:#ff4d4f;border:2px solid #fff;border-radius:999px;min-width:10px;height:16px;padding:0 5px;font-size:11px;font-style:normal;font-weight:600;line-height:16px;position:absolute;top:-5px;right:-7px}.top-nav__nickname{color:#0c0d0d;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;overflow:hidden}.top-nav__brand,.top-nav__user,.top-nav__item{color:inherit;text-decoration:none}.top-nav__login{border:none;outline:none;font-family:inherit}.top-nav__inner{gap:16px}.top-nav__menu{flex:none}:root .top-nav__search.top-nav__search--quiet:not(:focus-within){border-color:var(--fb-divider);background:0 0}:root .top-nav__search.top-nav__search--quiet:not(:focus-within) .top-nav__search-icon,:root .top-nav__search.top-nav__search--quiet:not(:focus-within) .top-nav__search-input::placeholder{opacity:.65}.top-nav__right{margin-left:auto}@media (max-width:1180px){.top-nav__tool-text{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top-nav__tool-btn{padding:0 8px}.top-nav__search{flex-basis:170px}}@media (max-width:1024px){.top-nav__inner{gap:12px;padding:0 20px}.top-nav__item{padding:0 10px}.top-nav__item-text{font-size:14px}.top-nav__search{display:none}.top-nav__iconbtn{display:flex}.top-nav__nickname{display:none}.top-nav__user{padding:4px}}@media (max-width:767px){.top-nav{height:52px}.top-nav__inner{justify-content:space-between;gap:0;padding:0 12px}.top-nav__menu{display:none}.top-nav__logo{border-radius:8px;width:28px;height:28px}.top-nav__brand-text{gap:4px;font-size:17px}.top-nav__brand-en{font-size:10px}.top-nav__login{padding:6px 16px;font-size:13px}.top-nav__avatar{width:28px;height:28px}.top-nav__nickname{max-width:80px;font-size:13px}.top-nav__tool,.top-nav__tool-btn--action{display:none}.top-nav__right{gap:12px}.top-nav__dot{top:-4px;right:-6px}.top-nav__iconbtn{margin-left:auto}.top-nav__searchbar-input{font-size:16px}.top-nav__iconbtn:after,.top-nav .fb-theme-toggle:after,.top-nav__tool-btn:after,.top-nav__login:after{content:"";pointer-events:auto;background:0 0;position:absolute}.top-nav__iconbtn{position:relative}.top-nav__iconbtn:after{inset:-5px}.top-nav .fb-theme-toggle{position:relative}.top-nav .fb-theme-toggle:after{inset:-5px -6px}.top-nav__tool-btn{position:relative}.top-nav__tool-btn:after{inset:-5px -6px}.top-nav__login{position:relative}.top-nav__login:after{inset:-6px 0 -6px -6px}}:root[data-theme=dark] .top-nav{background:var(--fb-nav-bg);border-bottom-color:var(--fb-nav-line)}:root[data-theme=dark] .top-nav__brand-text{color:var(--fb-t1)}:root[data-theme=dark] .top-nav__brand-en{color:var(--fb-brand-text)}:root[data-theme=dark] .top-nav__item-text{color:var(--fb-t2)}:root[data-theme=dark] .top-nav__item:hover .top-nav__item-text{color:var(--fb-t1)}:root[data-theme=dark] .top-nav__item--active:after{background:var(--fb-grad)}:root[data-theme=dark] .top-nav__item--active .top-nav__item-text{color:var(--fb-t1)}:root[data-theme=dark] .top-nav__search{background:var(--fb-chip);border-color:var(--fb-border)}:root[data-theme=dark] .top-nav__search:focus-within{background:var(--fb-surface-2);border-color:var(--fb-accent-strong);box-shadow:0 0 0 3px #21d4c233}:root[data-theme=dark] .top-nav__search-icon{color:var(--fb-t3)}:root[data-theme=dark] .top-nav__search-input{color:var(--fb-t1)}:root[data-theme=dark] .top-nav__search-input::placeholder{color:var(--fb-placeholder)}:root[data-theme=dark] .top-nav__iconbtn{color:var(--fb-t2)}:root[data-theme=dark] .top-nav__iconbtn:hover{background:var(--fb-chip);color:var(--fb-t1)}:root[data-theme=dark] .top-nav__searchbar{background:var(--fb-card)}:root[data-theme=dark] .top-nav__searchbar-input{background:var(--fb-chip);color:var(--fb-t1)}:root[data-theme=dark] .top-nav__searchbar-input::placeholder{color:var(--fb-placeholder)}:root[data-theme=dark] .top-nav__searchbar-go{background:var(--fb-grad);color:var(--fb-on-grad)}:root[data-theme=dark] .top-nav__searchbar-cancel,:root[data-theme=dark] .top-nav__tool-btn{color:var(--fb-t2)}:root[data-theme=dark] .top-nav__tool-btn:hover{background:var(--fb-chip);color:var(--fb-t1)}:root[data-theme=dark] .top-nav__pop{background:var(--fb-card);box-shadow:var(--fb-shadow)}:root[data-theme=dark] .top-nav__pop-qr{background:var(--fb-qr-paper)}:root[data-theme=dark] .top-nav__pop-empty{border-color:var(--fb-border-2);color:var(--fb-t3)}:root[data-theme=dark] .top-nav__pop-text{color:var(--fb-t2)}:root[data-theme=dark] .top-nav__login{color:var(--fb-on-grad);background:var(--fb-grad)}:root[data-theme=dark] .top-nav__user:hover{background:var(--fb-chip)}:root[data-theme=dark] .top-nav__avatar--empty{background:var(--fb-tint)}:root[data-theme=dark] .top-nav__dot{border-color:var(--fb-card);background:var(--fb-danger);color:var(--fb-on-danger)}:root[data-theme=dark] .top-nav__nickname{color:var(--fb-t1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .top-nav{background:var(--fb-nav-bg);border-bottom-color:var(--fb-nav-line)}:root:not([data-theme=light]) .top-nav__brand-text{color:var(--fb-t1)}:root:not([data-theme=light]) .top-nav__brand-en{color:var(--fb-brand-text)}:root:not([data-theme=light]) .top-nav__item-text{color:var(--fb-t2)}:root:not([data-theme=light]) .top-nav__item:hover .top-nav__item-text{color:var(--fb-t1)}:root:not([data-theme=light]) .top-nav__item--active:after{background:var(--fb-grad)}:root:not([data-theme=light]) .top-nav__item--active .top-nav__item-text{color:var(--fb-t1)}:root:not([data-theme=light]) .top-nav__search{background:var(--fb-chip);border-color:var(--fb-border)}:root:not([data-theme=light]) .top-nav__search:focus-within{background:var(--fb-surface-2);border-color:var(--fb-accent-strong);box-shadow:0 0 0 3px #21d4c233}:root:not([data-theme=light]) .top-nav__search-icon{color:var(--fb-t3)}:root:not([data-theme=light]) .top-nav__search-input{color:var(--fb-t1)}:root:not([data-theme=light]) .top-nav__search-input::placeholder{color:var(--fb-placeholder)}:root:not([data-theme=light]) .top-nav__iconbtn{color:var(--fb-t2)}:root:not([data-theme=light]) .top-nav__iconbtn:hover{background:var(--fb-chip);color:var(--fb-t1)}:root:not([data-theme=light]) .top-nav__searchbar{background:var(--fb-card)}:root:not([data-theme=light]) .top-nav__searchbar-input{background:var(--fb-chip);color:var(--fb-t1)}:root:not([data-theme=light]) .top-nav__searchbar-input::placeholder{color:var(--fb-placeholder)}:root:not([data-theme=light]) .top-nav__searchbar-go{background:var(--fb-grad);color:var(--fb-on-grad)}:root:not([data-theme=light]) .top-nav__searchbar-cancel,:root:not([data-theme=light]) .top-nav__tool-btn{color:var(--fb-t2)}:root:not([data-theme=light]) .top-nav__tool-btn:hover{background:var(--fb-chip);color:var(--fb-t1)}:root:not([data-theme=light]) .top-nav__pop{background:var(--fb-card);box-shadow:var(--fb-shadow)}:root:not([data-theme=light]) .top-nav__pop-qr{background:var(--fb-qr-paper)}:root:not([data-theme=light]) .top-nav__pop-empty{border-color:var(--fb-border-2);color:var(--fb-t3)}:root:not([data-theme=light]) .top-nav__pop-text{color:var(--fb-t2)}:root:not([data-theme=light]) .top-nav__login{color:var(--fb-on-grad);background:var(--fb-grad)}:root:not([data-theme=light]) .top-nav__user:hover{background:var(--fb-chip)}:root:not([data-theme=light]) .top-nav__avatar--empty{background:var(--fb-tint)}:root:not([data-theme=light]) .top-nav__dot{border-color:var(--fb-card);background:var(--fb-danger);color:var(--fb-on-danger)}:root:not([data-theme=light]) .top-nav__nickname{color:var(--fb-t1)}}.top-nav[data-side-nav="1"] .top-nav__menu--side{display:none}.top-nav[data-side-nav="1"] .top-nav__search{flex:1;max-width:480px;height:40px;margin:0 auto}.top-nav[data-side-nav="1"] .top-nav__search-input{font-size:14px}@media (min-width:1025px){.top-nav__searchbar{display:none}}.top-nav__burger{display:none}@media (max-width:767px){.top-nav .top-nav__burger{width:36px;height:36px;color:var(--fb-text);cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;margin:0 4px 0 -6px;padding:0;display:inline-flex;position:relative}.top-nav .top-nav__burger:after{content:"";position:absolute;inset:-4px}.top-nav .top-nav__burger:active{background:var(--fb-accent-soft)}.top-nav .top-nav__burger:focus-visible{outline:2px solid var(--fb-accent);outline-offset:2px}.top-nav .top-nav__tool-btn .top-nav__tool-text{clip-path:none;width:auto;height:auto;margin:0;padding:0;font-size:13px;position:static;overflow:visible}.top-nav .top-nav__tool-btn .top-nav__tool-text-more{display:none}}@media (max-width:767px) and (max-width:380px){.top-nav .top-nav__right{gap:8px}.top-nav .top-nav__tool-btn{padding:0 6px}}@media (max-width:767px) and (max-width:340px){.top-nav .top-nav__tool-btn .top-nav__tool-text{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (max-width:767px){.top-nav .top-nav__searchbtn+.top-nav__right{margin-left:0}.top-nav .top-nav__searchbtn{margin-right:12px}}@media (max-width:380px){.top-nav .top-nav__searchbtn{margin-right:8px}.top-nav .top-nav__searchbtn:after{right:-2px}}@media (max-width:340px){.top-nav .top-nav__searchbtn{margin-right:clamp(0px,100vw - 317px,8px)}.top-nav .top-nav__searchbtn:after{right:0}}
.m-tabbar{display:none}@media (max-width:767px){.m-tabbar{z-index:200;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--fb-nav-bg);border-top:1px solid #1018280f;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.m-tabbar__item{height:50px;color:inherit;flex-direction:column;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.m-tabbar__item--active .m-tabbar__label{color:#0c0d0d;font-weight:600}.m-tabbar__icon{object-fit:contain;width:32px;height:24px}.m-tabbar__label{color:var(--fb-t3);margin-top:2px;font-size:10px;line-height:1}.m-tabbar__primary-button{width:68px;height:40px;color:var(--fb-on-grad);background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%);border-radius:27px;justify-content:center;align-items:center;font-size:14px;display:flex;box-shadow:0 4px 12px #00000029}.dt-home,.dt-wiki,.dt-wikilist,.dt-fish,.dt-rank,.dt-mine,.dt-post,.dt-search{padding-bottom:calc(60px + env(safe-area-inset-bottom))}:root[data-theme=dark] .m-tabbar{background:var(--fb-nav-bg);border-top-color:var(--fb-nav-line)}:root[data-theme=dark] .m-tabbar__label{color:var(--fb-t3)}:root[data-theme=dark] .m-tabbar__item--active .m-tabbar__label{color:var(--fb-t1)}:root[data-theme=dark] .m-tabbar__item--active .m-tabbar__icon{filter:invert()hue-rotate(180deg)}:root[data-theme=dark] .m-tabbar__primary-button{background:var(--fb-grad);color:var(--fb-on-grad)}}@media (prefers-color-scheme:dark) and (max-width:767px){:root:not([data-theme=light]) .m-tabbar{background:var(--fb-nav-bg);border-top-color:var(--fb-nav-line)}:root:not([data-theme=light]) .m-tabbar__label{color:var(--fb-t3)}:root:not([data-theme=light]) .m-tabbar__item--active .m-tabbar__label{color:var(--fb-t1)}:root:not([data-theme=light]) .m-tabbar__item--active .m-tabbar__icon{filter:invert()hue-rotate(180deg)}:root:not([data-theme=light]) .m-tabbar__primary-button{background:var(--fb-grad);color:var(--fb-on-grad)}}