*{box-sizing:border-box;margin:0;padding:0}.bilibili-link{align-items:center;background:#00a1d61a;border:2px solid #00a1d64d;border-radius:20px;color:#00a1d6;display:inline-flex;font-size:1.1em;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.bilibili-link:hover{background:#00a1d6;border-color:#00a1d6;box-shadow:0 4px 12px #00a1d64d;color:#fff;transform:translateY(-2px)}.bilibili-link:active{transform:translateY(0)}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;margin-right:0;min-height:calc(100vh - 180px);padding:40px;transition:all .3s ease-in-out}.main-content.with-sidebar{margin-right:50px}.main-content.full-width{margin-right:0}.App{min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.App:before{animation:gentleBackgroundMove 25s ease-in-out infinite;background-image:url(/MySite/static/media/2.7f78af4db0b4a34cded5.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.top-banner{animation:bannerGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,gold,#ffed4e,gold);border:3px solid #b8860b;border-radius:50px;bottom:20px;left:50%;padding:15px 40px;position:fixed;transform:translateX(-50%);z-index:1000}.banner-text{color:#8b0000;font-family:Microsoft YaHei,sans-serif;font-size:2em;font-weight:900;letter-spacing:3px;text-shadow:2px 2px 4px #0000004d}@keyframes bannerGlow{0%{box-shadow:0 0 20px #ffd70080,0 0 40px #ffd7004d}to{box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70080}}@keyframes gentleBackgroundMove{0%{transform:translate(-.8%,-.5%) scale(1.02)}20%{transform:translate(.5%,-.8%) scale(1.02)}40%{transform:translate(.8%,.3%) scale(1.02)}60%{transform:translate(-.3%,.8%) scale(1.02)}80%{transform:translate(-.8%,-.3%) scale(1.02)}to{transform:translate(-.8%,-.5%) scale(1.02)}}.main-layout{background:#0000;display:flex;min-height:100vh;padding-top:80px;position:relative;z-index:1}.top-nav-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8c5747;border-bottom:1px solid #fff3;display:flex;height:80px;padding:0 10px 0 20px;position:fixed;right:-100%;top:0;transition:right .5s cubic-bezier(.4,0,.2,1);width:calc(100% - 50px);z-index:100}.top-nav-bar.expanded{right:50px}.nav-header{flex-shrink:0;min-width:180px;padding:0 15px;text-align:left}.nav-header h2{color:#fff;font-size:1.8em;font-weight:600;margin-bottom:5px;text-shadow:0 1px 2px #0000001a}.nav-menu{align-items:stretch;display:flex;flex:1 1;justify-content:stretch;margin:0;max-width:none;opacity:0;padding:0;transition:all .3s ease;width:100%}.top-nav-bar.expanded .nav-menu{opacity:1;transition-delay:.2s}.nav-menu.collapsed{height:0;opacity:0;transform:translateY(-20px);visibility:hidden}.nav-menu.expanded{height:auto;opacity:1;transform:translateY(0);visibility:visible}.menu-item{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;margin:0;opacity:0;overflow:hidden;padding:0;position:relative;transform:translateX(20px);transition:all .3s ease}.top-nav-bar.expanded .menu-item:first-child{opacity:1;transform:translateX(0);transition-delay:.3s}.top-nav-bar.expanded .menu-item:nth-child(2){opacity:1;transform:translateX(0);transition-delay:.4s}.top-nav-bar.expanded .menu-item:nth-child(3){opacity:1;transform:translateX(0);transition-delay:.5s}.menu-item:not(:last-child):after{background:#ffffff4d;content:"";height:80px;pointer-events:none;position:absolute;right:0;width:2px}.menu-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:500;gap:5px;height:100%;justify-content:center;padding:0 5px;position:relative;transition:all .3s ease;width:100%;z-index:2}.menu-button:hover{transform:scale(1.05)}.menu-icon{color:#fff}.menu-icon,.menu-text{font-size:1.2em}.expand-icon{font-size:.7em}.nav-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8c5747;border:none;border-bottom:1px solid #fff3;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5em;font-weight:500;height:80px;justify-content:center;position:fixed;right:0;top:0;transition:all .3s ease;width:50px;z-index:102}.menu-button:hover{box-shadow:none;transform:translateX(3px)}.menu-button:active{transform:translateX(2px)}.menu-icon{font-size:1.3em;margin-right:10px}.menu-text{flex:1 1;text-align:left}.menu-link{border-radius:5px;color:#fff;font-size:1.2em;padding:5px 10px;text-decoration:none;transition:all .3s ease}.menu-link:hover{background:#fff3;transform:scale(1.05)}.expand-icon{color:#fff;font-size:1.2em;font-weight:700;left:-5px;margin-left:10px;position:relative;transition:transform .3s ease}.detail-panel{animation:fadeSlideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffd7004d;border-radius:20px;left:50%;max-width:600px;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;width:90%;z-index:1000}.detail-panel.fade-out{animation:fadeSlideOut .3s ease-in forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-55%) scale(.95)}}.detail-panel h3{border-bottom:3px solid gold;color:#2c3e50;font-size:2em;margin-bottom:20px;padding-bottom:15px;text-align:center}.detail-content{font-size:1.2em;line-height:1.8;text-align:center}.detail-content p{margin-bottom:15px}.contact-label{color:#666;font-weight:600;margin-top:20px}.wechat-contact{background:#e74c3c1a;border-radius:10px;color:#e74c3c;font-size:1.3em;font-weight:700;padding:10px 20px}.welcome-panel{animation:welcomeFadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffd7004d;border-radius:20px;left:50%;max-width:500px;padding:60px 40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .8s ease-out,transform .8s ease-out;width:90%;z-index:100}@keyframes welcomeFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.welcome-panel h2{color:#2c3e50;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px #0000001a}.welcome-panel p{color:#666;font-size:1.3em;margin-bottom:30px}.welcome-decoration{display:flex;font-size:2em;gap:20px;justify-content:center}.welcome-close-btn{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:25px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease}.welcome-close-btn:hover{transform:translateY(-2px)}.contact-label{color:#7f8c8d;font-size:.9em;margin:10px 0 5px}.wechat-contact{background:#27ae601a;border-radius:20px;color:#27ae60;display:inline-block;font-size:1.1em;font-weight:600;padding:8px 15px}@media (min-width:769px){.nav-toggle{display:flex}}@media (max-width:768px){.top-banner{animation:bannerGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,gold,#ffed4e,gold);border:2px solid #b8860b;border-radius:20px;bottom:20px;box-sizing:border-box;left:50%;margin:0;max-width:85vw;padding:12px 20px;position:fixed;text-align:center;transform:translateX(-50%);width:auto;z-index:1000}.banner-text{font-size:1.2em;letter-spacing:.5px;line-height:1.2;white-space:nowrap;word-break:keep-all}.main-layout{padding-top:70px}.top-nav-bar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:space-between;min-height:60px;padding:8px 10px}.nav-header{flex-shrink:0;margin-right:10px;max-width:120px;min-width:auto;padding:0}.nav-header h2{font-size:1.3em;font-weight:600;line-height:1.2;margin:0}.nav-header p{font-size:.8em;line-height:1.2;margin:0}.main-layout{padding-top:0}.nav-menu{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;height:0;max-width:none;min-width:0;opacity:0;transform:translateY(-20px);transition:all .3s ease;visibility:hidden}.nav-menu.expanded{height:auto;opacity:1;transform:translateY(0);visibility:visible}.nav-menu.collapsed{height:0;opacity:0;transform:translateY(-20px);visibility:hidden}.menu-item{flex:1 1;min-width:0;opacity:0;transform:translateX(20px);transition:all .3s ease}.nav-menu.expanded .menu-item:first-child{opacity:1;transform:translateX(0);transition-delay:.3s}.nav-menu.expanded .menu-item:nth-child(2){opacity:1;transform:translateX(0);transition-delay:.4s}.nav-menu.expanded .menu-item:nth-child(3){opacity:1;transform:translateX(0);transition-delay:.5s}.menu-button{align-items:center;background:#0000!important;border:none!important;border-radius:8px;box-shadow:none!important;color:#fff!important;display:flex;flex-direction:column;font-size:.85em;font-weight:500;justify-content:center;line-height:1.2;min-height:50px;padding:6px 8px;text-align:center;text-shadow:0 1px 2px #00000080;white-space:nowrap;width:100%}.menu-icon{display:none!important}.menu-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;flex-shrink:1;font-size:.9em;font-weight:500;height:2.6em;line-height:1.3;margin:0;min-width:0;overflow:visible;text-align:center;text-overflow:clip;white-space:normal}.expand-icon,.menu-text{color:#fff!important;text-shadow:0 1px 2px #00000080}.expand-icon{flex-shrink:0;font-size:.8em}.nav-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8c5747;border:none;border-bottom:1px solid #fff3;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.5em;font-weight:500;height:80px;justify-content:center;transition:all .3s ease;width:50px;z-index:102}.nav-toggle,.top-nav-bar.mobile-fixed{align-items:center;display:flex;position:fixed;right:0;top:0}.top-nav-bar.mobile-fixed{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(45deg,#8c5747,sienna);border-bottom:1px solid #8c5747;height:70px;left:0;margin:0;padding:0 10px;width:100%!important;z-index:1000}.nav-menu.mobile-visible{align-items:center;background:#0000!important;border-left:3px solid #ffffff4d;border-right:3px solid #ffffff4d;display:flex!important;flex:1 1;flex-direction:row;gap:8px;height:auto!important;min-width:0;opacity:1!important;padding:0 10px;transform:none!important;visibility:visible!important}.nav-menu.mobile-visible .menu-item{height:auto!important;margin:0!important;opacity:1!important;overflow:visible!important;padding:0!important;transform:translateX(0)!important}.nav-menu.mobile-visible .menu-item:first-child{transition-delay:.1s}.nav-menu.mobile-visible .menu-item:nth-child(2){transition-delay:.2s}.nav-menu.mobile-visible .menu-item:nth-child(3){transition-delay:.3s}.main-content{padding:110px 20px 20px}.welcome-panel{max-width:90%;padding:40px 20px}.welcome-panel h2{font-size:2em}.detail-panel{max-width:95%;padding:20px}}@media (max-width:480px){.main-layout{padding-top:75px}.top-nav-bar{align-items:center;flex-direction:row;left:0!important;min-height:65px;padding:8px 10px;right:0!important;width:100%!important}.nav-header{margin-right:10px;min-width:auto}.nav-header h2{font-size:1.1em;font-weight:600;line-height:1.2}.nav-header p{font-size:.7em;line-height:1.2}.nav-menu{flex:1 1;gap:4px;min-width:0}.menu-button{background:#0000!important;border:none!important;border-radius:8px;box-shadow:none!important;color:#fff!important;flex-direction:column;font-size:.75em;font-weight:500;justify-content:center;line-height:1.2;min-height:45px;padding:4px 6px;text-align:center;text-shadow:0 1px 2px #000c}.menu-icon{display:none!important}.menu-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;font-size:.8em;font-weight:500;height:2.4em;line-height:1.2;margin:0;text-align:center;white-space:normal}.expand-icon,.menu-text{color:#fff!important;text-shadow:0 1px 2px #000c}.expand-icon{font-size:.7em}.nav-toggle{display:none}.top-nav-bar.mobile-fixed{min-height:55px;padding:8px 10px}.nav-menu.mobile-visible{background:#0000!important;border-left:2px solid #ffffff4d;border-right:2px solid #ffffff4d;gap:4px;height:auto!important;opacity:1!important;padding:0 8px;transform:none!important;visibility:visible!important}.bottom-banner{border-radius:15px;bottom:15px;max-width:80vw;padding:10px 15px}.banner-text{font-size:1em;letter-spacing:.3px}}
/*# sourceMappingURL=main.d45a075e.css.map*/