.navbar[data-v-6e24d536]{position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;display:flex;align-items:center;transition:all .3s ease;background:rgba(0,0,0,.3);color:#fff}.nav-content[data-v-6e24d536]{width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.menu[data-v-6e24d536]{list-style:none;display:flex;gap:30px}.menu li[data-v-6e24d536]{cursor:pointer;transition:color .3s}.navbar-scrolled[data-v-6e24d536]{background:#fff;color:#000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar-scrolled .menu li[data-v-6e24d536]{color:#000}.breadcrumb-wrapper[data-v-6e24d536]{margin:120px auto 20px;width:1200px}.detail-card[data-v-6e24d536]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px;max-width:1200px;margin:40px auto;transition:box-shadow .3s ease}.detail-card[data-v-6e24d536]:hover{box-shadow:0 6px 28px rgba(0,0,0,.12)}.detail-container[data-v-6e24d536]{display:flex;gap:50px;flex-wrap:wrap;align-items:flex-start}.image-section[data-v-6e24d536]{flex:1.2;display:flex;flex-direction:column;align-items:center}.cover-container[data-v-6e24d536]{position:relative;width:100%;height:450px;background:#fafafa;border-radius:12px;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:20px;overflow:hidden}.cover-image[data-v-6e24d536]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;transition:opacity .3s ease;will-change:opacity}.cover-image.fading[data-v-6e24d536]{opacity:.7}.thumbnail-list[data-v-6e24d536]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.thumbnail[data-v-6e24d536]{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:pointer;box-shadow:0 0 0 2px transparent;transition:all .3s ease;background:#f8f8f8}.thumbnail[data-v-6e24d536]:hover{transform:scale(1.05)}.thumbnail.active[data-v-6e24d536],.thumbnail[data-v-6e24d536]:hover{box-shadow:0 0 0 2px #409eff,0 0 6px rgba(64,158,255,.4)}.info-section[data-v-6e24d536]{flex:1;display:flex;flex-direction:column;gap:20px}.info-section h1[data-v-6e24d536]{font-size:24px;font-weight:600;color:#333;margin-bottom:10px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.info-section p[data-v-6e24d536]{line-height:1.6}.desc[data-v-6e24d536]{color:#555;font-size:15px;margin:5px 0}.info-section p.desc+p.desc[data-v-6e24d536]{margin-top:4px}.info-section>div[data-v-6e24d536]{background:#fafafa;border-radius:10px;padding:15px 20px}@media (max-width:900px){.detail-card[data-v-6e24d536]{padding:20px;margin:20px}.detail-container[data-v-6e24d536]{flex-direction:column;align-items:center;gap:30px}.image-section[data-v-6e24d536],.info-section[data-v-6e24d536]{flex:unset;width:100%}.cover-image[data-v-6e24d536]{max-height:320px}.thumbnail-list[data-v-6e24d536]{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px;scrollbar-width:none}.thumbnail-list[data-v-6e24d536]::-webkit-scrollbar{display:none}.thumbnail[data-v-6e24d536]{flex-shrink:0;width:70px;height:70px}.info-section h1[data-v-6e24d536]{font-size:20px;text-align:center}.desc[data-v-6e24d536],.info-section p[data-v-6e24d536]{font-size:14px}}@media (max-width:480px){.cover-image[data-v-6e24d536]{max-height:260px;border-radius:10px}.thumbnail[data-v-6e24d536]{width:60px;height:60px}}