#subCont{padding-top:200px;padding-bottom:200px;color:#fff;word-break:keep-all;background-color:#2C292D}
.sub1_1{background-color:#2C292D;width:100%}
.sub1_1 .sec_1{text-align:center}
.sub1_2 .sec_1{position:relative;margin-bottom:100px}
.map_bg{position:absolute;top:0;opacity:1;mask:linear-gradient(to right,black 0%,transparent 0%);-webkit-mask:linear-gradient(to right,black 0%,transparent 0%);animation:mapRevealUltraSmooth 4s cubic-bezier(0.19,1,0.22,1) forwards}
@keyframes mapRevealUltraSmooth {
    0%{mask:linear-gradient(to right,black 0%,transparent 0%);-webkit-mask:linear-gradient(to right,black 0%,transparent 0%)}
    1%{mask:linear-gradient(to right,black 0%,transparent 1%);-webkit-mask:linear-gradient(to right,black 0%,transparent 1%)}
    2%{mask:linear-gradient(to right,black 0%,transparent 2.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 2.5%)}
    3%{mask:linear-gradient(to right,black 0%,transparent 4%);-webkit-mask:linear-gradient(to right,black 0%,transparent 4%)}
    4%{mask:linear-gradient(to right,black 0%,transparent 5.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 5.5%)}
    5%{mask:linear-gradient(to right,black 0%,transparent 7%);-webkit-mask:linear-gradient(to right,black 0%,transparent 7%)}
    6%{mask:linear-gradient(to right,black 0%,transparent 8.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 8.5%)}
    7%{mask:linear-gradient(to right,black 0%,transparent 10%);-webkit-mask:linear-gradient(to right,black 0%,transparent 10%)}
    8%{mask:linear-gradient(to right,black 0%,transparent 11.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 11.5%)}
    9%{mask:linear-gradient(to right,black 0%,transparent 13%);-webkit-mask:linear-gradient(to right,black 0%,transparent 13%)}
    10%{mask:linear-gradient(to right,black 0%,transparent 14.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 14.5%)}
    12%{mask:linear-gradient(to right,black 0%,transparent 17%);-webkit-mask:linear-gradient(to right,black 0%,transparent 17%)}
    14%{mask:linear-gradient(to right,black 0%,transparent 19.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 19.5%)}
    16%{mask:linear-gradient(to right,black 0%,transparent 22%);-webkit-mask:linear-gradient(to right,black 0%,transparent 22%)}
    18%{mask:linear-gradient(to right,black 0%,transparent 24.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 24.5%)}
    20%{mask:linear-gradient(to right,black 0%,transparent 27%);-webkit-mask:linear-gradient(to right,black 0%,transparent 27%)}
    22%{mask:linear-gradient(to right,black 0%,transparent 29.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 29.5%)}
    24%{mask:linear-gradient(to right,black 0%,transparent 32%);-webkit-mask:linear-gradient(to right,black 0%,transparent 32%)}
    26%{mask:linear-gradient(to right,black 0%,transparent 34.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 34.5%)}
    28%{mask:linear-gradient(to right,black 0%,transparent 37%);-webkit-mask:linear-gradient(to right,black 0%,transparent 37%)}
    30%{mask:linear-gradient(to right,black 0%,transparent 39.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 39.5%)}
    32%{mask:linear-gradient(to right,black 0%,transparent 42%);-webkit-mask:linear-gradient(to right,black 0%,transparent 42%)}
    34%{mask:linear-gradient(to right,black 0%,transparent 44.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 44.5%)}
    36%{mask:linear-gradient(to right,black 0%,transparent 47%);-webkit-mask:linear-gradient(to right,black 0%,transparent 47%)}
    38%{mask:linear-gradient(to right,black 0%,transparent 49.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 49.5%)}
    40%{mask:linear-gradient(to right,black 0%,transparent 52%);-webkit-mask:linear-gradient(to right,black 0%,transparent 52%)}
    42%{mask:linear-gradient(to right,black 0%,transparent 54.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 54.5%)}
    44%{mask:linear-gradient(to right,black 0%,transparent 57%);-webkit-mask:linear-gradient(to right,black 0%,transparent 57%)}
    46%{mask:linear-gradient(to right,black 0%,transparent 59.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 59.5%)}
    48%{mask:linear-gradient(to right,black 0%,transparent 62%);-webkit-mask:linear-gradient(to right,black 0%,transparent 62%)}
    50%{mask:linear-gradient(to right,black 0%,transparent 64.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 64.5%)}
    52%{mask:linear-gradient(to right,black 0%,transparent 67%);-webkit-mask:linear-gradient(to right,black 0%,transparent 67%)}
    54%{mask:linear-gradient(to right,black 0%,transparent 69.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 69.5%)}
    56%{mask:linear-gradient(to right,black 0%,transparent 72%);-webkit-mask:linear-gradient(to right,black 0%,transparent 72%)}
    58%{mask:linear-gradient(to right,black 0%,transparent 74.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 74.5%)}
    60%{mask:linear-gradient(to right,black 0%,transparent 77%);-webkit-mask:linear-gradient(to right,black 0%,transparent 77%)}
    62%{mask:linear-gradient(to right,black 0%,transparent 79.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 79.5%)}
    64%{mask:linear-gradient(to right,black 0%,transparent 82%);-webkit-mask:linear-gradient(to right,black 0%,transparent 82%)}
    66%{mask:linear-gradient(to right,black 0%,transparent 84.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 84.5%)}
    68%{mask:linear-gradient(to right,black 0%,transparent 87%);-webkit-mask:linear-gradient(to right,black 0%,transparent 87%)}
    70%{mask:linear-gradient(to right,black 0%,transparent 89.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 89.5%)}
    72%{mask:linear-gradient(to right,black 0%,transparent 92%);-webkit-mask:linear-gradient(to right,black 0%,transparent 92%)}
    74%{mask:linear-gradient(to right,black 0%,transparent 94.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 94.5%)}
    76%{mask:linear-gradient(to right,black 0%,transparent 97%);-webkit-mask:linear-gradient(to right,black 0%,transparent 97%)}
    78%{mask:linear-gradient(to right,black 0%,transparent 98.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 98.5%)}
    80%{mask:linear-gradient(to right,black 0%,transparent 99%);-webkit-mask:linear-gradient(to right,black 0%,transparent 99%)}
    85%{mask:linear-gradient(to right,black 0%,transparent 99.5%);-webkit-mask:linear-gradient(to right,black 0%,transparent 99.5%)}
    90%{mask:linear-gradient(to right,black 0%,transparent 99.8%);-webkit-mask:linear-gradient(to right,black 0%,transparent 99.8%)}
    95%{mask:linear-gradient(to right,black 0%,transparent 99.9%);-webkit-mask:linear-gradient(to right,black 0%,transparent 99.9%)}
    100%{mask:linear-gradient(to right,black 0%,transparent 100%);-webkit-mask:linear-gradient(to right,black 0%,transparent 100%)}
}
.sub1_1 .sec_1 .tbox{opacity:0;transform:translateY(50px)}
.sub1_1 .sec_1 .imgbox{opacity:0;transform:translateY(50px) scale(0.9);border-radius:20px;overflow:hidden}
.sub1_1 .sec_1 .imgbox img{width:100%}
.sub1_1 .sec_1::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,#8b5cf61a 0%,transparent 50%),radial-gradient(circle at 70% 80%,#ec48991a 0%,transparent 50%);z-index:-1;will-change:transform}
.sub1_1 .sec_1 .txt_1{font-weight:600;font-size:1.5rem}
.sub1_1 .sec_1 .txt_2 img{width:30px;margin-right:10px}
.sub1_1 .sec_1 .txt_2{font-size:1.5rem;font-weight:300}
.sub1_1 .sec_1 h1{font-size:3.5rem}
.sub1_1 .sec_1 .imgbox{border-radius:10px;margin:50px auto;will-change:transform;transform-origin:center center}
.sub1_1 .sec_2{display:flex;gap:50px;padding:100px 0;position:relative}
.sub1_1 .sec_2 .bg_txt{position:absolute;top:45%;left:-15%;transform:translateY(-50%);font-size:10rem;line-height:1;font-weight:900;color:#ffffff0d;z-index:1;letter-spacing:.1em}
.sub1_1 .sec_2 .lbox{width:500px;flex-shrink:0}
.sub1_1 .sec_2 .rbox{width:650px;flex-shrink:0;margin-left:auto}
.sub1_1 .sec_2 .rbox .top{margin-bottom:50px}
.sub1_1 .sec_2 .rbox .list{position:relative;display:flex;flex-direction:column;gap:50px 0}
.sub1_1 .sec_2 .rbox .list::before{position:absolute;top:0;left:-50px;display:block;content:"";width:1px;height:100%;background-color:#fff3}
.sub1_1 .sec_2 .rbox .list li{position:relative}
.sub1_1 .sec_2 .rbox .list li::before{display:block;content:"";width:80px;height:80px;background:url(../images/sub/star.png) center / cover no-repeat;position:absolute;top:-34px;left:-89px;transform-origin:center center;transition:transform .3s ease}
.sub1_1 .sec_2 .rbox .list li.rotating::before{animation:rotateStar 3s linear infinite}
@keyframes rotateStar {
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
.sub1_1 .sec_2 .rbox .list li img{width:100%;margin-bottom:30px;border-radius:20px;overflow:hidden}
.sub1_1 .sec_2 .rbox .list li img:hover{transition:.2s;box-shadow:1px 1px 40px #8551ffcc}
.sub1_1 .sec_2 .rbox .list li .tbox p{font-weight:200;margin-top:20px}
.sub1_1 .sec_2 .lbox{opacity:0;transform:translateX(-50px)}
.sub1_1 .sec_2 .lbox.sticky{position:fixed!important;top:40%!important;z-index:100!important;width:500px!important}
.sub1_1 .sec_2 .rbox .top{opacity:0;transform:translateY(50px)}
.sub1_1 .sec_2 .rbox .list li{opacity:0;transform:translateY(50px)}
.sub1_2{padding-bottom:100px}
.sub1_2 .sec_1 .bd_box{position:relative;display:flex;flex-wrap:wrap;justify-content:center;z-index:99;margin:80px auto}
.sub1_2 .sec_1 .bd_box .box{border-radius:100px;text-align:center;padding:50px;width:550px}
.sub1_2 .sec_1 .bd_box .box.n_1 img{width:50px}
.sub1_2 .sec_1 .bd_box .box.n_2 img{width:30px;margin:10px auto}
.sub1_2 .sec_1 .bd_box .box.n_1{background:linear-gradient(135deg,#a18fff,#7f5af0,#c084fc,#a21caf);position:relative;box-shadow:0 0 40px 10px #a21caf66 0 0 80px 20px #805af033;animation:glow-purple 2.5s ease-in-out infinite alternate}
@keyframes glow-purple {
    0%{box-shadow:0 0 40px 10px #a21caf66 0 0 80px 20px #805af033;filter:brightness(1) saturate(1.2)}
    100%{box-shadow:0 0 80px 30px #a21cafb3 0 0 120px 40px #805af066;filter:brightness(1.15) saturate(1.5)}
}
.sub1_2 .sec_1 .bd_box .box.n_2{background-color:#fff;margin-left:-50px}
.sub1_2 .sec_1 .bd_box .box.n_2 p{color:#333}
.sub1_2 .sec_1 .bd_box .box p.fw600{font-size:1.3rem}
.sub1_2 .sec_1 .bd_box .box.n_2 p.fw600{background:linear-gradient(90deg,#a18fff,#7f5af0,#c084fc,#a21caf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700;text-shadow:0 0 10px #a18fff,0 0 20px #7f5af0,0 0 30px #c084fc;animation:glow-purple-text 2s infinite alternate}
@keyframes glow-purple-text {
    0%{text-shadow:0 0 10px #a18fff,0 0 20px #7f5af0,0 0 30px #c084fc;filter:brightness(1) saturate(1.2)}
    100%{text-shadow:0 0 20px #a18fff,0 0 40px #7f5af0,0 0 60px #c084fc;filter:brightness(1.2) saturate(1.5)}
}
.sub1_2 .sec_2 .tbox:first-child{margin-bottom:50px}
.sub1_2 .sec_2 .tbox{border:1px solid #fff3;border-radius:20px;padding:80px}
.sub1_2 .sec_2 .tbox .top{align-items:center;gap:0 20px;margin-bottom:50px}
.sub1_2 .sec_2 .tbox .bottom{gap:0 100px;flex-wrap:wrap}
.sub1_2 .sec_2 .tbox .bottom img{width:140px;height:140px}
.sub1_2 .sec_2 .tbox .bottom > div{width:calc(100% - 240px)}
.sub1_2 .sec_2 .tbox .bottom .name{margin-top:30px;text-align:right}
.sub1_2 .sec_1 .tbox{opacity:0;transform:translateY(50px)}
.sub1_2 .sec_1 .bd_box{opacity:0;transform:translateY(80px) scale(0.9)}
.sub1_2 .sec_1 .bd_box .box{opacity:0;transform:translateY(50px)}
.sub1_2 .sec_1 .sub1_2_img{opacity:0;transform:translateY(100px) scale(0.8);will-change:transform;max-width:100%;height:auto;display:block;margin:0 auto;visibility:hidden}
.sub1_2 .sec_2 .tbox{opacity:0;transform:translateY(60px);transition:all .4s cubic-bezier(0.25,0.46,0.45,0.94);cursor:pointer;position:relative;overflow:hidden}
.sub1_2 .sec_2 .tbox::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff1a,transparent);transition:left .6s ease;z-index:1}
.sub1_2 .sec_2 .tbox:hover::before{left:100%}
.sub1_2 .sec_2 .tbox:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}
.sub1_2 .sec_2 .tbox .top{opacity:0;transform:translateX(-30px);transition:all .3s ease}
.sub1_2 .sec_2 .tbox:hover .top{transform:translateX(0)}
.sub1_2 .sec_2 .tbox .bottom{opacity:0;transform:translateX(30px);transition:all .3s ease}
.sub1_2 .sec_2 .tbox:hover .bottom{transform:translateX(0)}
.sub1_2 .sec_2 .tbox .bottom img{opacity:0;transform:scale(0.8) rotate(-5deg);transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.sub1_2 .sec_2 .tbox:hover .bottom img{transform:scale(1.05) rotate(0deg)}
.sub1_2 .sec_2 .tbox .bottom > div{opacity:0;transform:translateY(20px);transition:all .3s ease}
.sub1_2 .sec_2 .tbox:hover .bottom > div{transform:translateY(0)}
.sub1_2 .sec_2 .tbox:hover h1{text-shadow:0 0 20px #ffd7004d;transition:all .3s ease}
.sub1_2 .sec_2 .tbox:hover .name{transition:all .3s ease}
.sub1_3{position:relative;padding:100px 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}
.history_container{display:flex;gap:60px;align-items:flex-start;max-width:1400px;margin:0 auto;padding:0 20px}
.year_buttons{flex:0 0 280px;display:flex;flex-direction:column;gap:20px}
.year_btn{background:#ffffff1a;border:2px solid #fff3;border-radius:20px;padding:25px 20px;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;align-items:center;gap:15px}
.year_btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff1a,transparent);transition:left .6s ease}
.year_btn:hover::before{left:100%}
.year_btn:hover{border-color:#ffd700;background:#ffd7001a;transform:translateY(-5px);box-shadow:0 10px 30px #ffd70033}
.year_btn.active{border-color:#ffd700;background:#ffd70026;box-shadow:0 5px 20px #ffd7004d}
.year_btn .star_icon{width:20px;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>') no-repeat center;background-size:contain;flex-shrink:0}
.year_range{display:block;font-size:18px;font-weight:700;margin-bottom:5px;color:#fff}
.year_desc{display:block;font-size:14px;opacity:.8;font-weight:300;color:#ccc}
.history_slider_wrapper{width:1200px;flex:1;position:relative}
.historySwiper{height:500px;border-radius:20px;overflow:hidden;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid #ffffff1a}
.historySwiper .swiper-slide{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:auto;border:1px solid red}
.historySwiper .swiper-slide .img{margin-bottom:20px}
.historySwiper .swiper-slide .img img{width:100%;max-width:300px;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000004d}
.historySwiper .swiper-slide .tbox h4{font-size:24px;font-weight:700;color:#ffd700;margin-bottom:15px;text-shadow:0 0 20px #ffd70080}
.historySwiper .swiper-slide .tbox .info{color:#fff;font-size:14px;line-height:1.6}
.historySwiper .swiper-slide .tbox .info div{margin-bottom:10px}
.historySwiper .swiper-slide .tbox .info b{color:#ffd700;font-weight:600;display:block;margin-bottom:5px}
.historySwiper .swiper-slide .tbox .info p{color:#ccc;font-weight:300}
.historySwiper{overflow:hidden;position:relative;width:100%}
.historySwiper .swiper-wrapper{display:flex;flex-direction:row;width:auto;will-change:transform;position:relative}
.historySwiper .swiper-slide{flex-shrink:0;width:400px;margin-right:30px;opacity:1;visibility:visible}
.historySwiper .swiper-slide:last-child{margin-right:0}
.historySwiper .swiper-slide[style*="display: none"]{display:none!important;opacity:0;visibility:hidden;width:0;margin:0}
@media (max-width: 1024px) {
    .history_container{flex-direction:column;gap:40px}
    .year_buttons{flex:none;flex-direction:row;justify-content:center;flex-wrap:wrap}
    .historySwiper .swiper-slide{width:300px;margin-right:20px}
}
@media (max-width: 768px) {
    .historySwiper .swiper-slide{width:250px;margin-right:15px}
    .historySwiper .swiper-slide .img{height:200px}
    .historySwiper .swiper-slide .tbox h4{font-size:18px}
    .historySwiper .swiper-slide .tbox .info{font-size:12px}
}
.year_btn{flex:1;min-width:200px}
@media (max-width: 768px) {
    .sub1_3{padding:60px 0}
    .year_buttons{flex-direction:column}
    .year_btn{min-width:auto}
    .historySwiper{height:400px}
    .historySwiper .swiper-slide{padding:20px}
    .historySwiper .swiper-slide .tbox h4{font-size:20px}
    .historySwiper .swiper-slide .tbox .info{font-size:12px}
}
:root{--scroll-progress:0}
body::before{content:'';position:fixed;top:0;left:0;width:calc(var(--scroll-progress) * 100%);height:3px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b);z-index:9999;transition:width .1s ease}
@media (max-width: 768px) {
    .sub1_1 .sec_2{flex-direction:column;gap:30px;padding:50px 0}
    .sub1_1 .sec_2 .lbox{width:100%}
    .sub1_1 .sec_2 .rbox{width:100%}
    .sub1_1 .sec_2 .bg_txt{font-size:4rem}
}
@media (max-width: 480px) {
    .sub1_1 .sec_2 .bg_txt{font-size:2.5rem}
}
.star_bg{position:relative!important;overflow:hidden!important}
.stars-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}
.stars-white{background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent),radial-gradient(1px 1px at 200px 60px,#fff,transparent),radial-gradient(2px 2px at 240px 20px,#fff,transparent),radial-gradient(1px 1px at 280px 90px,#fff,transparent),radial-gradient(1px 1px at 320px 50px,#fff,transparent),radial-gradient(2px 2px at 360px 10px,#fff,transparent),radial-gradient(1px 1px at 400px 70px,#fff,transparent),radial-gradient(2px 2px at 440px 40px,#fff,transparent),radial-gradient(1px 1px at 480px 80px,#fff,transparent),radial-gradient(1px 1px at 520px 20px,#fff,transparent),radial-gradient(2px 2px at 560px 60px,#fff,transparent),radial-gradient(1px 1px at 600px 30px,#fff,transparent),radial-gradient(2px 2px at 640px 90px,#fff,transparent),radial-gradient(1px 1px at 680px 10px,#fff,transparent),radial-gradient(1px 1px at 720px 50px,#fff,transparent),radial-gradient(2px 2px at 760px 80px,#fff,transparent);background-repeat:repeat;background-size:800px 100px;animation:twinkle 4s ease-in-out infinite alternate}
.stars-gold{background-image:radial-gradient(1px 1px at 50px 20px,#ffd700,transparent),radial-gradient(1px 1px at 100px 60px,#ffd700,transparent),radial-gradient(2px 2px at 150px 10px,#ffd700,transparent),radial-gradient(1px 1px at 250px 40px,#ffd700,transparent),radial-gradient(1px 1px at 300px 80px,#ffd700,transparent),radial-gradient(2px 2px at 350px 30px,#ffd700,transparent),radial-gradient(1px 1px at 450px 70px,#ffd700,transparent),radial-gradient(1px 1px at 500px 20px,#ffd700,transparent),radial-gradient(2px 2px at 550px 50px,#ffd700,transparent),radial-gradient(1px 1px at 650px 90px,#ffd700,transparent),radial-gradient(1px 1px at 700px 10px,#ffd700,transparent),radial-gradient(2px 2px at 750px 60px,#ffd700,transparent);background-repeat:repeat;background-size:800px 100px;animation:twinkle 3s ease-in-out infinite alternate-reverse;z-index:-1}
.star_bg .shooting-star{position:absolute;top:0;left:0;width:200px;height:1px;background:linear-gradient(135deg,transparent 0%,#fff3 20%,#fff6 40%,#fff9 60%,#fffc 80%,transparent 100%);border-radius:.5px;box-shadow:0 0 6px #fffc 0 0 12px #fff6;animation:shootingStar 3s linear infinite;z-index:1;transform-origin:left center;transform:rotate(60deg)}
.star_bg .shooting-star-2{top:20%;left:10%;animation:shootingStar2 3s linear infinite}
@keyframes twinkle {
    0%{opacity:.3}
    50%{opacity:.8}
    100%{opacity:.4}
}
@keyframes shootingStar {
    0%{transform:translateX(-200px) translateY(-200px) rotate(40deg);opacity:0}
    5%{opacity:1}
    95%{opacity:1}
    100%{transform:translateX(120vw) translateY(120vh) rotate(40deg);opacity:0}
}
@keyframes shootingStar2 {
    0%{transform:translateX(-200px) translateY(-200px) rotate(40deg);opacity:0}
    5%{opacity:1}
    95%{opacity:1}
    100%{transform:translateX(120vw) translateY(120vh) rotate(40deg);opacity:0}
}