.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 4px 7px 0;
    box-sizing: border-box;
}

.nav-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(#cdd8e9, transparent);
    z-index: 999;
}

/* 导航栏基本样式 */
.nav-top .nav {height: 60px;
margin:0;padding:0 7px;border-radius:0;background-position:0px -60px,0px 60px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -1px rgba(85, 120, 161, .15) inset,0 0 0 transparent,0 1px rgba(255, 255, 255, .2),0 0 0 transparent;background-color:transparent;transition:ease-out .35s,backdrop-filter .25s,-webkit-backdrop-filter .25s
}

/* 滚动到顶部时的透明效果 */
.nav-top .nav.at-top {
position:relative;height:60px;background-image:linear-gradient(transparent 1px,#fff 1px,rgba(255,255,255,.3) 26px,rgba(255,255,255,0) 26px,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.65));background-repeat:no-repeat;background-position:0 -1px,0;-webkit-backdrop-filter:blur(8px) brightness(60%) saturate(600%);backdrop-filter:blur(8px) brightness(60%) saturate(600%);background-color:#d2e6ffa6;border-radius:.5em;margin-top:4px;margin-left:7px;margin-right:7px;box-shadow:0 0 0 1px rgba(255, 255, 255, .6) inset,0 0 0 1px rgba(0, 30, 60, .05),0 8px 10px rgba(85, 120, 161, .2),0 8px 10px rgba(31, 139, 255, .05);transition:ease-out .35s,backdrop-filter .25s .1s,-webkit-backdrop-filter .25s .1s
}

.nav-top .nav:before{position:absolute;left:0;top:0;height:52px;width:100%;background:linear-gradient(90deg,transparent,rgba(31, 139, 255, .2));transform-origin:left;transform:scaleX(0);opacity:0;will-change:transform,opacity,pointer-events}


/* logo样式 */
.logo {
    font-size: 24px;
    font-weight: 700;
    color: #5578a1;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    white-space: nowrap;
}

.logo a {
    color: #5578a1;
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 100%;
}

.logo a::before {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
}

/* 菜单容器 */

.nav-content{display: flex;align-items: center;justify-content: space-between;margin:0 auto;max-width: 1380px;height:inherit;position: relative;}.nav-content i[class^=fa-]{width:1.25em;text-align:center}.nav-content ul{margin:0;padding:0}.nav-content li{list-style:none}.nav-content li:hover>a{color:var(--primary-color)}.nav-content li.has-submenu{position:relative}.nav-content li.is-active>a{color:var(--primary-color);text-shadow:-1px -1px rgba(255,255,255,.7),2px 2px 2px rgba(31,139,255,.4)}.nav-content a{text-decoration:none;white-space:nowrap;display:flex;align-items:center;padding:0 24px;color:#5578a1;text-shadow:0 1px rgba(255,255,255,.6);cursor:pointer;height:inherit;transition:.3s}.nav-content ul.menu{padding: 0 40px;display:grid;grid-auto-flow:column;position: relative;height: 40px;margin: 12px 0;justify-content: flex-end; width: auto;min-width: auto;flex-grow: 1;margin-left: auto;}.nav-content ul.menu>li{height:40px}

/* 锚点指示器 */

.nav-content ul.menu>li.anchor{position:absolute;top:0;height:100%;transition:transform cubic-bezier(.1,1.2,.5,1) .5s,width cubic-bezier(.1,1.2,.5,1) .5s,opacity .5s;background:rgba(31,139,255,.05) linear-gradient(rgba(255,255,255,0) 65%,rgba(255,255,255,.65));box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 8px 10px rgba(85,120,161,.2),0 8px 10px rgba(31,139,255,.1);border-radius:9em;pointer-events:none}

.nav-content ul.menu>li.anchor:before{content:"";display:block;margin:0 .7em;height:inherit;height:50%;box-shadow:0 1px #fff inset;background:linear-gradient(#fff,rgba(255,255,255,.3));border-radius:9em}

@media screen and (max-width:768px){
.logo.page-left{display: none !important;}
.nav-content{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}
.nav-content::-webkit-scrollbar{display:none}
.nav-content ul.menu{padding: 0}
.nav-content ul.menu>li.anchor{transition:transform cubic-bezier(.1,1.2,.5,1) .3s,width cubic-bezier(.1,1.2,.5,1) .3s}
    
}


.main{max-width:1200px;margin:0 auto;padding:0 20px;}.fly-case-list{padding:40px 0;margin-top:50px; display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;list-style:none;width:100%}.fly-case-list li{border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);padding:8px;background:linear-gradient(rgba(255,255,255,.8),transparent 50%,transparent 90%,rgba(255,255,255,.5));box-shadow:0 0 0 1px #ffffff80 inset,0 1px #ffffff80 inset,0 1em 2em var(--shadow-light);height:100%;display:flex;flex-direction:column;position:relative}.fly-case-list li:hover{transform:translateY(-10px)}.fly-case-img{display:block;position:relative;overflow:hidden;height:200px;background:linear-gradient(135deg,#f0f5ff 0,#e3ecff 100%);border-radius:var(--border-radius)}.fly-case-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;border-radius:var(--border-radius)}.fly-case-list li:hover .fly-case-img img{transform:scale(1.05)}.fly-case-img i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:rgba(255,255,255,0.9);text-shadow:0 2px 10px rgba(0,0,0,0.3);z-index:2}.fly-case-img .zt,.fly-case-img .sc,.fly-case-img .dx{position:absolute;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;z-index:3;backdrop-filter:blur(5px);color:white}.fly-case-img .zt{top:10px;left:10px;background:rgba(93,157,245,0.85)}.fly-case-img .sc{bottom:10px;left:10px;background:rgba(106,176,76,0.85)}.fly-case-img .dx{bottom:10px;right:10px;background:rgba(147,112,219,0.85)}h2{padding:20px 20px 10px;font-size:18px;font-weight:600}h2 a{color:var(--text-primary);text-decoration:none;transition:var(--transition);text-shadow:-1px -1px var(--white-opacity-8),2px 2px 2px var(--primary-opacity-3)}h2 a:hover{color:var(--primary-color)}.fly-case-info{padding:0 20px 20px;margin-top:auto}.fly-case-info p{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.copy{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:white;border:0;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:0 4px 8px rgba(93,157,245,0.3)}.copy:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(93,157,245,0.4)}

.footer{padding:0 0.5rem 2rem;margin-top:30px;z-index:1;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.15) 16px,transparent 16px),linear-gradient(rgba(85,120,161,.2) 40%,rgba(85,120,161,0));box-shadow:0 1px rgba(255,255,255,.8) inset,0 -1px rgba(85,120,161,.05),0 -5px 10px rgba(85,120,161,.1);transition:.35s ease .35s}.box ul{padding:0 1px;margin:0;display:grid;grid-auto-flow:column;justify-content:start;align-items:center;position: relative !important;cursor:pointer;justify-content:center}.box li{list-style:none;height:var(--height,36px);min-width:60px;cursor:pointer;z-index:1;position:relative;display:flex;color:#5578a1;text-shadow:0 1px rgba(255,255,255,.7);transition:.25s}.box li a{min-width:inherit;display:flex;justify-content:center;align-items:center;text-decoration:none;column-gap:.5em;padding:0 .5em;color:inherit;width:100%;height:100%}.box li.anchor{position:absolute;background:linear-gradient(rgba(31,139,255,.5),transparent) no-repeat 0 0 / 1px var(--height),linear-gradient(#fff,transparent) no-repeat 1px 0 / 1px var(--height),linear-gradient(rgba(31,139,255,.5),transparent) no-repeat 100% 0 / 1px var(--height),linear-gradient(#fff,transparent) no-repeat calc(100% - 1px) 0 / 1px var(--height),linear-gradient(transparent,rgba(31,139,255,.15) 16px,rgba(31,139,255,.2) 0,transparent);pointer-events:none;z-index:0;transition:transform cubic-bezier(.1,1.2,.5,1) .5s,width cubic-bezier(.1,1.2,.5,1) .5s;left:0}.box li.active{color:#1f8bff;text-shadow:-1px -1px rgba(255,255,255,.7),2px 2px 2px rgba(31,139,255,.5);z-index:2}.box li:hover{color:#1f8bff}.cst{font-size:14px;color:#5578a1;line-height:1.25rem;text-shadow:-1px -1px rgba(255,255,255,.5),2px 2px 2px rgba(85,120,161,.4);text-align:center;max-width:800px;margin:0 auto;padding:20px 0}.elip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#NavBtnList{position:fixed;right:.5rem;bottom:8rem;z-index:9999;display:none;flex-direction:column;align-items:flex-end;gap:1rem}#NavBtnList .NavItem{font-size:2rem;background:#fff;padding:.8rem;border-radius:50%;color:#03a9f4;transition:all .3s cubic-bezier(0.4,0,0.2,1);border:1px solid #fff;box-shadow:0 4px 12px rgba(28,31,35,0.08),0 8px 32px rgba(28,31,35,0.12);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px)}#NavBtnList .NavItem.show{opacity:1;transform:translateY(0)}#NavBtnList .NavItem.TopBtn{padding:0;cursor:pointer;position:absolute;z-index:1;top:50%;border-radius:50%;font-size:20px;width:2em;height:2em;border:0;background:linear-gradient(rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, .9));box-shadow:0 0 0 1px rgba(255, 255, 255, .5) inset,0 8px 8px rgba(0, 30, 60, .15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;transition:.3s}#NavBtnList .NavItem:before{content:"";display:block;position:absolute;left:.4em;right:.4em;top:0;height:50%;box-shadow:0 1px #fff inset;background:linear-gradient(rgba(255, 255, 255, .8),rgba(255, 255, 255, .15));border-radius:50%}#NavBtnList .NavItem:hover{color:rgba(255, 255, 255, .8);text-shadow:0 1px #fff;opacity:.7;transition:.7s}#NavBtnList .NavItem:active{transform:translateY(-2px) scale(0.98);transition:all .1s}#NavBtnList .NavItem:hover .tooltip{opacity:1;visibility:visible}@media(max-width:768px){#NavBtnList{right:.25rem;bottom:6rem}#NavBtnList .NavItem.TopBtn{width:3rem;height:3rem}}