*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden}.layout[data-v-dbe29798]{position:relative;width:100vw;height:100%;overflow:hidden;background-image:linear-gradient(319deg,#c2eaba,#c5f4e0 37%,#efc2cf)}.header[data-v-dbe29798]{display:flex;justify-content:space-between;height:60px;align-items:center;padding:20px;overflow:hidden;border-bottom:1px solid #eee}.list[data-v-dbe29798]{padding-top:20px;overflow-y:auto}.main[data-v-dbe29798]{width:100%;display:flex;height:calc(100% - 60px)}.websites[data-v-dbe29798]{width:100%;display:flex;flex-wrap:wrap;gap:10px;padding:10px;overflow:hidden}.websites-item[data-v-dbe29798]{padding:10px 20px;background-color:#fff;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:14px;max-width:48%}.text[data-v-dbe29798]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav[data-v-dbe29798]{position:absolute;top:60px;width:160px;right:0;background-color:#fff;padding:10px;transition:all .1s;z-index:5}.nav-item[data-v-dbe29798]{padding-left:10px;border-bottom:1px solid #eee;height:40px;line-height:40px}.c-nav[data-v-dbe29798]{display:none}@media screen and (min-width: 800px){.c-nav[data-v-dbe29798]{display:block;width:240px;padding:20px 20px 0;border-right:1px solid #999;margin-right:20px}.c-nav-item[data-v-dbe29798]{height:40px;display:flex;align-items:center}.websites[data-v-dbe29798]{display:flex;flex-wrap:wrap;gap:10px;padding:10px}.text[data-v-dbe29798]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}}