@media(min-width:725px){.Page[data-v-2c77587c]{background-color:var(--backgroundColor)}.Page .Body[data-v-2c77587c]{width:calc(100% - 20px);max-width:1280px;margin:0 auto;display:flex;gap:12px;align-items:flex-start}.Page .Body .Category[data-v-2c77587c]{flex:0 0 170px;position:sticky;top:70px}.Page .Body .Category .Mains[data-v-2c77587c]{background-color:var(--ButbackgroundColor);border-radius:16px;padding:14px}.Page .Body .Category .Mains .side-title[data-v-2c77587c]{font-size:13px;font-weight:600;color:var(--fontColorEutra);padding:0 10px 10px}.Page .Body .Category .Mains .Item[data-v-2c77587c]{height:40px;line-height:40px;font-size:14px;color:var(--fontColorSecondary-100);border-radius:10px;padding:0 12px;cursor:pointer;transition:all .3s;display:block;text-decoration:none;margin-bottom:2px}.Page .Body .Category .Mains .Item[data-v-2c77587c]:hover,.Page .Body .Category .Mains .active[data-v-2c77587c]{background-color:var(--primary-color-50);color:var(--primary-color)}.Page .Body .Category .Mains .active[data-v-2c77587c]{font-weight:600}.Page .Body .cate-mobile[data-v-2c77587c]{display:none}.Page .Body .Bodys[data-v-2c77587c]{flex:1;width:calc(100% - 170px)}}@media(min-width:725px)and (max-width:1000px){.Body .Category[data-v-2c77587c]{display:none}.Body .cate-mobile[data-v-2c77587c]{display:flex;gap:8px;overflow-x:auto;padding:8px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.Body .cate-mobile[data-v-2c77587c]::-webkit-scrollbar{display:none}.Body .cate-mobile .chip[data-v-2c77587c]{flex-shrink:0;padding:6px 14px;border-radius:20px;background-color:var(--ButbackgroundColor);font-size:13px;color:var(--fontColorSecondary-100);text-decoration:none;transition:all .2s}.Body .cate-mobile .chip.active[data-v-2c77587c]{background-color:var(--primary-color);color:var(--ButbackgroundColor);font-weight:600}.Body .Bodys[data-v-2c77587c]{width:100%}}@media(max-width:724px){.Page[data-v-2c77587c]{background-color:var(--backgroundColor);min-height:60vh}.Page .Body[data-v-2c77587c]{width:100%;margin:0;padding:10px 0 20px}.Page .Body .Category[data-v-2c77587c]{display:none}.Page .Body .cate-mobile[data-v-2c77587c]{display:flex;gap:8px;overflow-x:auto;padding:0 14px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:70px}.Page .Body .cate-mobile[data-v-2c77587c]::-webkit-scrollbar{display:none}.Page .Body .cate-mobile .chip[data-v-2c77587c]{flex-shrink:0;padding:6px 14px;border-radius:20px;background-color:var(--ButbackgroundColor);border:1px solid var(--eutra-color);font-size:13px;color:var(--fontColorSecondary-100);text-decoration:none;transition:all .2s}.Page .Body .cate-mobile .chip.active[data-v-2c77587c]{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--ButbackgroundColor);font-weight:600}.Page .Body .Bodys[data-v-2c77587c]{width:100%}}