.layout-container[data-v-76f239fd]{display:flex;flex-direction:column;background-image:url(/img/bg2.b7c3bedf.png);background-size:100% 100%;height:100vh;width:100%;margin:0 auto}.layout[data-v-76f239fd]{margin-top:150px;padding:0 5%;box-sizing:border-box;height:calc(100% - 150px)}.main-content[data-v-76f239fd]{display:flex;flex-direction:column;width:100%;height:calc(100% - 80px)}.left-nav[data-v-76f239fd]{width:100%;height:calc(100% - 40px)}.breadcrumb[data-v-76f239fd]{color:#333;font-family:SourceHanSansCN-Regular;font-size:clamp(14px,2vw,22px);line-height:normal;letter-spacing:0;margin-bottom:40px;display:inline-block}.breadcrumb span>span[data-v-76f239fd]{cursor:pointer}.nav[data-v-76f239fd]{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;height:100%}.nav[data-v-76f239fd]::-webkit-scrollbar{width:0}.nav-item[data-v-76f239fd]{height:42px;line-height:42px;padding:0 24px;cursor:pointer;transition:all .3s;background:#dfdfdf;margin-bottom:20px;text-align:center;color:#7e7e7e;font-family:CustomFont;font-size:18px}.nav-item.active[data-v-76f239fd],.nav-item[data-v-76f239fd]:hover{background:#333;color:#fff}.nav-item[data-v-76f239fd]:hover{transform:translateY(-6px)}.right-content[data-v-76f239fd]{flex:1;padding:0 0 0 84px;height:calc(100% - 40px);transform:scale(.9);margin-top:-35px}.right-content .img-content[data-v-76f239fd]{position:relative;cursor:pointer}.right-content .img-content .back[data-v-76f239fd]{width:40px;height:40px;position:absolute;top:0;left:0;z-index:10}.right-content .title-bar[data-v-76f239fd]{text-align:center;color:#333;font-family:CustomFont;height:40px;font-size:40px;margin:0 auto 40px auto;display:flex;align-items:center;justify-content:center}.right-content .title-bar .title-bar-text[data-v-76f239fd]{margin:0 20px 0 30px;letter-spacing:10px}.right-content .title-bar .title-bar-back[data-v-76f239fd]{width:38px;height:45px}.content-body[data-v-76f239fd]{width:100%;height:calc(100% - 80px);overflow:hidden;display:flex}.content-body .content-body-left[data-v-76f239fd]{flex:1;height:100%;background:#25394c;display:flex;flex-direction:column;justify-content:center}.content-body .content-body-left .content-body-left-img[data-v-76f239fd]{width:80%;height:auto;margin:0 auto}.content-body .content-body-left p[data-v-76f239fd]{color:#4f4936;font-family:SourceHanSansCN-Regular;font-size:16px;letter-spacing:0;flex:1;overflow-y:scroll;color:#fff;scrollbar-width:none;-ms-overflow-style:none;white-space:pre-wrap;padding:0 10%;margin-top:0}.content-body .content-body-left p[data-v-76f239fd]::-webkit-scrollbar{display:none}.content-body .content-body-right[data-v-76f239fd]{height:100%;aspect-ratio:3/2}.content-body .content-body-right .detail-img[data-v-76f239fd]{width:100%;height:100%}.content-body .content-body[data-v-76f239fd]::-webkit-scrollbar{display:none}.loading[data-v-76f239fd]{flex:1;text-align:center;padding:70px 0;font-size:18px;color:#999}.lightbox-overlay[data-v-76f239fd]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn-76f239fd .3s ease}.lightbox-content[data-v-76f239fd]{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox-image[data-v-76f239fd]{max-width:80vw;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5)}.lightbox-close[data-v-76f239fd]{position:absolute;top:20px;right:20px;background:rgba(120,101,93,.7);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1001}.lightbox-close[data-v-76f239fd]:hover{background:rgba(120,101,93,.9);transform:scale(1.1)}.lightbox-close svg[data-v-76f239fd]{width:24px;height:24px}@keyframes fadeIn-76f239fd{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.main-content[data-v-76f239fd]{flex-direction:row}.left-nav[data-v-76f239fd]{width:180px;margin-right:3vw;margin-bottom:0}.right-content[data-v-76f239fd]{width:75%;padding-left:3vw}.content-body[data-v-76f239fd]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1200px){.layout[data-v-76f239fd]{padding:0 8%}.left-nav[data-v-76f239fd]{width:200px}}