.catnav{z-index:25;background:#111318;border-bottom:1px solid #ffffff14;position:sticky;top:72px;box-shadow:0 6px 18px #00000014}.catnav-bar{max-width:1280px;margin:0 auto;padding:0 16px}.catnav-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow:auto visible}.catnav-scroll::-webkit-scrollbar{display:none}.catnav-item{flex-shrink:0;align-items:center;gap:4px;min-height:46px;padding:0 4px;display:inline-flex;position:relative}.catnav-item--all{color:#ffffffe6;white-space:nowrap;gap:7px;margin-right:2px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none}.catnav-item--all:hover{color:#ffb37a}.catnav-grid-icon{color:#f97316;font-size:12px}.catnav-item-link{color:#ffffffb8;white-space:nowrap;border-radius:8px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s}.catnav-item-link:hover{color:#fff;background:#ffffff0f}.catnav-caret-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;line-height:1;transition:transform .2s,color .2s;display:inline-flex}.catnav-caret-btn.is-open{color:#f97316;transform:rotate(180deg)}.catnav-megamenu{z-index:40;min-width:240px;padding-top:6px;position:absolute;top:100%;left:0}.catnav-megamenu-inner{background:#111318;border:1px solid #ffffff1a;border-radius:14px;gap:4px;padding:12px;display:grid;box-shadow:0 18px 40px #0006}.catnav-child{color:#ffffffc7;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.catnav-child:hover{color:#fff;background:#f9731624}.catnav-child--all{color:#f97316;border-top:1px solid #ffffff1a;margin-top:4px;padding-top:10px;font-weight:700}@media (max-width:820px){.catnav{top:64px}.catnav-bar{padding:0 12px}.catnav-item--all{padding:0 10px;font-size:12px}.catnav-item-link{padding:9px 8px;font-size:12px}.catnav-megamenu{min-width:0;padding:0 0 6px;position:static}.catnav-megamenu-inner{box-shadow:none;scrollbar-width:none;background:0 0;border:none;border-radius:0;flex-wrap:nowrap;gap:6px;padding:4px 0 8px 8px;display:flex;overflow-x:auto}.catnav-megamenu-inner::-webkit-scrollbar{display:none}.catnav-child{white-space:nowrap;background:#ffffff14;border:1px solid #ffffff14;flex-shrink:0}}
.site-header{z-index:30;background:#111318;border-bottom:1px solid #ffffff14;position:sticky;top:0;box-shadow:0 10px 30px #11131826}.header-inner{align-items:center;gap:18px;max-width:1280px;min-height:72px;margin:0 auto;padding:12px 20px;display:flex}.logo-link{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.site-logo{object-fit:contain;width:auto;height:42px;display:block}.header-search{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:auto;align-items:center;gap:10px;min-width:0;max-width:510px;min-height:44px;padding:0 14px;display:flex}.search-icon{color:#ffffffb3;flex-shrink:0;font-size:18px;line-height:1}.header-search input{color:#f3f4f6;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:12px 0;font-size:14px}.header-search input::placeholder{color:#ffffff8f}.header-nav{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-item{color:#ffffffd1;white-space:nowrap;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.nav-item:hover,.nav-item:focus-visible{color:#fff;background:#f973161f;outline:none}.nav-item--active{color:#fff;background:#f973162e}@media (max-width:820px){.header-inner{flex-wrap:wrap;gap:8px 10px;min-height:64px;padding:10px 14px}.site-logo{height:34px}.header-search{flex-basis:100%;order:3;width:100%;max-width:none;min-height:42px}.header-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;order:2;justify-content:flex-end;gap:4px;min-width:0;margin-left:auto;overflow:auto hidden}.header-nav::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;padding:8px 10px;font-size:12px}}@media (max-width:410px){.header-inner{padding:10px 12px}.site-logo{height:30px}.header-nav{gap:2px}.nav-item{padding:7px 8px;font-size:11px}}
.site-footer{background:#111318;border-top:1px solid #ffffff14;margin-top:60px;padding:48px 20px 24px}.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:40px;max-width:1280px;margin:0 auto;display:grid}.footer-brand{color:#fff;letter-spacing:.5px;margin:0 0 8px;font-size:22px;font-weight:800}.footer-title{color:#fff;letter-spacing:.3px;margin:0 0 16px;font-size:15px;font-weight:700}.footer-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-list li{color:#ffffffb3;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.footer-list a{color:#ffffffb3;text-decoration:none;transition:color .2s}.footer-list a:hover{color:#f97316}.footer-icon{flex-shrink:0;font-size:16px;line-height:1.4}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;max-width:1280px;margin:40px auto 0;padding-top:20px}.footer-bottom p{color:#ffffff73;margin:0;font-size:13px}@media (max-width:820px){.site-footer{margin-top:40px;padding:36px 16px 20px}.footer-inner{grid-template-columns:1fr;gap:28px}}@media (max-width:410px){.site-footer{padding:28px 14px 18px}}