/* Public */
@charset "utf-8"; /* CSS Document */
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin:0; padding:0; }
img { border:0 none; vertical-align:top; max-width:100%; height:auto; }
ul,li,dl,dd,dt { list-style-type:none; }
i,em,cite { font-style:normal; }
body {
  margin: 0;
  padding: 0;
  font-family: '微软雅黑', Arial, sans-serif;
  background: #18151a;
  color: #fff;
  min-height: 100vh;
}
a { text-decoration:none; }
.clear,.cle { clear:both; }
/* 已移除IE废弃兼容代码 */
a:focus { outline:none; }    /* 去掉火狐下链接虚线框 */

/* 响应式容器 */
.index_body, .top, .download, .enter, .middle, .footer {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.index_body { margin:0 auto; background:url(../images/bg.jpg) no-repeat center 0; overflow:hidden;}
.top { width:100%; height:346px; position:relative; margin:50px auto 0; overflow:hidden;}
.top .logo { width:969px; height:346px; position:absolute; top:0px; left:-969px;}
.top .offical { width:136px; height:295px; position:absolute; top:0px; right:-200px;}
.top .delayed{
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;}

.download { width:100%; display:flex; justify-content:center; gap:50px; margin:100px auto 0; }
.download .cont { width:360px; }
.download .tit, .download .button { width:360px; }

.enter { width:100%; display:flex; align-items:center; justify-content:center; gap:30px; margin:15px auto 0; }
.enter .button { }
.enter .genuine { width:213px; height:114px; background:#000; position:relative; display:flex; align-items:center; justify-content:center; }
.enter .genuine .txt { font-size:26px; color:#fff; font-weight:bold; text-align:center; text-shadow:1px 1px 2px #5f5d5c; }

.middle { width:100%; display:flex; justify-content:center; gap:20px; margin:20px auto 0; }
.middle .show { width:246px; height:480px; background:url(../images/player.png) no-repeat 0 0; }
.middle .video { width:600px; height:400px; display:flex; align-items:center; justify-content:center; background:#111; }
/* .middle .left .marqueetop */
.middle .show .tit{ width:230px; height:24px; margin:25px 8px 0; text-align:center; font-size:19px; font-weight:bold; color:#ffa601; line-height:22px;}
.middle .show .g1{ height:385px; width:202px; margin:5px 0 0 23px;}

.footer { width:100%; height:auto; margin:80px auto 20px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; position:relative;}
.footer .logo { position:absolute;}
.footer .txt { font-size:12px; color:#fff; line-height:22px; text-align:center; }
.footer .txt a { color:#fff; }

.serve { width:154px; position:fixed; top:50%; margin-top:-100px;}
.serve .tit { width:154px; height:30px; text-align:center; font-size:23px; line-height:30px; color:#f4d7ba; }
.serve .button { width:154px; height:47px; background:url(../images/serve.jpg) no-repeat 0 0; margin-top:10px; font-size:16px; line-height:23px; color:#eaea09; text-align:center;}
.serve .white { color:#fff;}

	/**top**/
#top1{padding:1px 0 0 1px; position:fixed;right:16px; top:90px; z-index:9999; font-size:12px;}
#top1 .relative{display:block}
#top1 div{background:url(../images/top_bg.jpg) #1e1e1e no-repeat; width:53px; padding-top:9px; margin-left:16px}
#top1 a span,#top1 .top-btn{background:url(../images/btn_main.jpg) no-repeat;display:block; width:53px}
#top1 div .top-zb,#top1 div .top-qq{color:#fff;cursor:pointer;display:block;height:70px}
#top1 div a:hover{color:#ffe157}
#top1 .top-link-img img{ border-top:1px solid #333}
#top1 .top-zb span{background-position:-111px 0;height:57px}
#top1 .top-zb:hover span{background-position:-164px 0}
#top1 .top-qq{margin-top:25px}
#top1 .top-qq span{background-position:0 -51px;height:41px}
#top1 .top-qq:hover span{background-position:-53px -51px}
#top1 .top-btn{background-position: 0 -94px;height:25px;  margin-left:16px}
#top1 div,#top1 .top-btn{_margin-left:5px}
#top1 .top-im{height:92px}
.QRCode{display:block; width:86px; height:97px; margin-top:5px; padding-top:30px; text-align:center; background:url("../images/bg-QRCode.gif") no-repeat 0 0}
#top1 div .sub-close-btn{position:absolute; display:inline-block; height:16px; width:16px; background:url(../images/isdiv_close.png) left top; left:-10px; top:-10px; z-index:10; overflow:hidden; _background-image:url(../images/isdiv_close.gif)}
#top1 div .sub-close-btn:hover{background-position:left bottom}

/* 响应式支持 */
@media (max-width: 900px) {
  .top, .index_body, .download, .enter, .middle, .footer { max-width: 100%; }
  .download, .enter, .middle, .footer { flex-direction: column; align-items: center; }
  .middle .video { width: 100%; height: auto; }
  .middle .show { width: 90vw; height: auto; background-size: contain; }
}

.main-bg {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg, #221b1e 60%, #ff4e00 100%);
  background-image: url('../images/bg.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.25;
  z-index: 0;
}
.main-header {
  text-align: center;
  padding: 48px 0 24px 0;
  position: relative;
  z-index: 2;
}
.main-logo {
  width: 340px;
  max-width: 90vw;
  margin-bottom: 12px;
  filter: drop-shadow(0 4px 24px #000a);
  animation: logo-float 3.5s ease-in-out infinite alternate, logo-glow 2.5s ease-in-out infinite alternate;
  transition: transform 0.3s, filter 0.3s;
}
.main-logo:hover {
  transform: scale(1.06);
  filter: drop-shadow(0 0 32px #ffa601) drop-shadow(0 0 8px #fff7cc);
}
@keyframes logo-float {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
@keyframes logo-glow {
  0% { filter: drop-shadow(0 0 8px #ffa601cc); }
  100% { filter: drop-shadow(0 0 24px #ffa601cc); }
}
.subtitle {
  font-size: 1.3rem;
  color: #ffa601;
  letter-spacing: 2px;
  font-weight: 500;
  background: linear-gradient(90deg, #ffa601 0%, #ff4e00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: subtitle-glow 2.5s ease-in-out infinite alternate;
  filter: drop-shadow(0 0 8px #ffa601cc);
}
@keyframes subtitle-glow {
  0% { filter: drop-shadow(0 0 8px #ffa601cc); }
  100% { filter: drop-shadow(0 0 24px #ffa601cc); }
}
.main-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  z-index: 2;
}
.download-section {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 32px;
}
.download-area {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin-bottom: 48px;
  flex-wrap: wrap;
}
.download-card {
  background: #221b1e;
  border-radius: 20px;
  box-shadow: 0 4px 18px #0006;
  padding: 32px 18px 24px 18px;
  text-align: center;
  min-width: 180px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.2s, box-shadow 0.2s;
  border-top: 5px solid #333;
}
.download-card.mobile { border-top: 5px solid #007aff; }
.download-card.pc { border-top: 5px solid #ffa601; }
.download-card:hover {
  transform: translateY(-6px) scale(1.04);
  box-shadow: 0 8px 24px #ff4e0055;
}
.platform-icon {
  font-size: 2.2rem;
  margin-bottom: 10px;
  filter: drop-shadow(0 2px 8px #0008);
}
.platform-title {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 14px;
  letter-spacing: 1px;
}
.main-btn {
  display: inline-block;
  padding: 10px 24px;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  color: #fff;
  margin-top: 10px;
  box-shadow: 0 2px 8px #0004;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
  text-shadow: 0 2px 8px #0008;
  background: #ff4e00;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.main-btn::after {
  content: '';
  position: absolute;
  left: -60%;
  top: 0;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg, transparent 60%, #fff8 100%);
  transform: skewX(-20deg);
  animation: btn-shine 2.8s linear infinite;
  pointer-events: none;
  z-index: 2;
}
@keyframes btn-shine {
  0% { left: -60%; }
  100% { left: 120%; }
}
.mobile-btn { background: #007aff; }
.mobile-btn:hover { background: #0051a8; }
.pc-btn { background: linear-gradient(90deg, #ffa601 0%, #ff4e00 100%); }
.pc-btn:hover { background: linear-gradient(90deg, #ff4e00 0%, #ffa601 100%); }
.platform-tip {
  font-size: 0.92rem;
  color: #aaa;
  margin-top: 6px;
  letter-spacing: 1px;
}
.enter-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-bottom: 40px;
}
.enter-btn {
  min-width: 180px;
}
.genuine-card {
  background: linear-gradient(135deg, #ff4e00 30%, #ffa601 100%);
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 16px;
  padding: 24px 32px;
  box-shadow: 0 2px 12px #ff4e0055;
  text-align: center;
  min-width: 120px;
}
.showcase-section {
  margin-bottom: 40px;
}
.showcase-title {
  font-size: 1.4rem;
  color: #ffa601;
  text-align: left;
  margin-bottom: 18px;
  letter-spacing: 2px;
  font-weight: bold;
  padding-left: 8px;
}
.showcase-cards {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.showcase-card {
  background: #221b1e;
  border-radius: 18px;
  box-shadow: 0 2px 12px #0006;
  padding: 10px 10px 18px 10px;
  min-width: 160px;
  max-width: 180px;
  flex: 0 0 auto;
  text-align: center;
  transition: transform 0.2s, box-shadow 0.2s;
}
.showcase-card img {
  width: 140px;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 2px 8px #0008;
  margin-bottom: 8px;
}
.showcase-card:hover {
  transform: translateY(-8px) scale(1.04);
  box-shadow: 0 8px 32px #ff4e0055;
}
.player-name {
  color: #ffa601;
  font-size: 1.05rem;
  font-weight: bold;
  margin-top: 2px;
}
.video-section {
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
}
.video-card {
  background: rgba(34,27,30,0.95);
  border-radius: 18px;
  box-shadow: 0 4px 24px #0006;
  padding: 24px;
  max-width: 700px;
  width: 100%;
}
.main-footer {
  background: rgba(34,27,30,0.98);
  border-top: 2px solid #ffa601;
  text-align: center;
  padding: 32px 0 24px 0;
  position: relative;
  z-index: 2;
}
.footer-logo img {
  width: 80px;
  margin-bottom: 12px;
}
.footer-links {
  color: #ffa601;
  margin-bottom: 8px;
  font-size: 1.1rem;
}
.footer-links a {
  color: #ffa601;
  margin: 0 8px;
  text-decoration: none;
  transition: color 0.2s;
}
.footer-links a:hover {
  color: #ff4e00;
}
.footer-info {
  color: #fff;
  font-size: 0.95rem;
  opacity: 0.8;
}
@media (max-width: 900px) {
  .main-content, .download-section, .enter-section, .showcase-cards, .video-section {
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }
  .download-area {
    gap: 12px;
  }
  .download-card {
    max-width: 90vw;
    min-width: 0;
    padding: 18px 4vw 12px 4vw;
  }
  .showcase-card img {
    width: 100px;
    height: 120px;
  }
  .main-header {
    padding: 32px 0 16px 0;
  }
}

.badge-auth {
  display: inline-block;
  background: linear-gradient(90deg, #ffa601 0%, #ff4e00 100%);
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 14px;
  padding: 4px 16px;
  box-shadow: 0 0 8px #ffa60199, 0 0 2px #fff;
  letter-spacing: 1px;
  animation: badge-pulse 1.8s infinite alternate;
}
@keyframes badge-pulse {
  0% { box-shadow: 0 0 8px #ffa60199, 0 0 2px #fff; }
  100% { box-shadow: 0 0 24px #ffa601cc, 0 0 8px #fff7cc; }
}

.site-header {
  width: 100%;
  background: linear-gradient(90deg, #18151a 80%, #ff4e00 100%);
  box-shadow: 0 2px 16px #0008;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 10;
}
.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px 24px;
}
.logo {
  width: 220px;
  max-width: 40vw;
  filter: drop-shadow(0 4px 24px #000a);
}
.header-info {
  display: flex;
  align-items: center;
  gap: 18px;
}
.site-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 16px 0 16px;
}
.showcase-area {
  margin-bottom: 56px;
}
.showcase-carousel {
  display: flex;
  gap: 28px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: #ffa601 #221b1e;
}
.site-footer {
  background: #18151a;
  border-top: 2px solid #ffa601;
  text-align: center;
  padding: 36px 0 24px 0;
  position: relative;
  z-index: 2;
}

.screenshots-area {
  margin: 64px 0 56px 0;
}
.screenshots-title {
  font-size: 1.5rem;
  color: #ffa601;
  text-align: center;
  margin-bottom: 24px;
  letter-spacing: 2px;
  font-weight: bold;
}
.screenshots-gallery {
  display: flex;
  gap: 32px;
  overflow-x: auto;
  padding: 16px 0 24px 0;
  scrollbar-width: thin;
  scrollbar-color: #ffa601 #221b1e;
  scroll-behavior: smooth;
}
.screenshot-card {
  background: #221b1e;
  border-radius: 22px;
  box-shadow: 0 4px 24px #0006;
  padding: 12px;
  min-width: 320px;
  max-width: 360px;
  flex: 0 0 auto;
  text-align: center;
  transition: transform 0.2s, box-shadow 0.2s;
}
.screenshot-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 2px 8px #0008;
  margin-bottom: 4px;
}
.screenshot-card:hover {
  box-shadow: 0 0 24px #ffa601cc, 0 12px 40px #ff4e0055;
  border: 1.5px solid #ffa601;
  transition: box-shadow 0.3s, border 0.3s;
}
.screenshot-desc {
  color: #ffa601;
  font-size: 1.05rem;
  font-weight: 500;
  margin-top: 8px;
  text-align: center;
  letter-spacing: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 900px) {
  .site-main {
    padding: 18px 4vw 0 4vw;
  }
  .screenshots-gallery {
    gap: 16px;
  }
  .screenshot-card {
    min-width: 180px;
    max-width: 220px;
    padding: 6px;
  }
  .screenshot-card img {
    height: 90px;
    border-radius: 8px;
  }
}

.screenshots-gallery-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.arrow-btn {
  background: rgba(34,27,30,0.85);
  border: none;
  color: #ffa601;
  font-size: 2.2rem;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  margin: 0 8px;
  box-shadow: 0 2px 8px #0006;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow-btn:hover {
  background: #ffa601;
  color: #fff;
  transform: scale(1.1);
}
.arrow-btn.left {
  left: 0;
}
.arrow-btn.right {
  right: 0;
}
.img-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: rgba(0,0,0,0.85);
  align-items: center;
  justify-content: center;
}
.img-modal .modal-content {
  display: block;
  margin: 5vh auto;
  max-width: 90vw;
  max-height: 80vh;
  border-radius: 16px;
  box-shadow: 0 8px 32px #000a;
}
.close-modal {
  position: absolute;
  top: 32px;
  right: 48px;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
  text-shadow: 0 2px 8px #000a;
  transition: color 0.2s;
}
.close-modal:hover {
  color: #ffa601;
}
@media (max-width: 900px) {
  .arrow-btn {
    font-size: 1.5rem;
    width: 36px;
    height: 36px;
  }
  .close-modal {
    top: 12px;
    right: 18px;
    font-size: 2rem;
  }
}

.game-info-area {
  background: linear-gradient(100deg, #221b1e 80%, #ff4e00 100%);
  border-radius: 22px;
  box-shadow: 0 4px 24px #ff4e0033, 0 0 0 2px #ffa60144;
  padding: 40px 32px 32px 32px;
  margin: 48px auto 40px auto;
  max-width: 900px;
  color: #fff;
  position: relative;
  animation: card-float 3.2s ease-in-out infinite alternate, card-glow 2.8s ease-in-out infinite alternate;
  overflow: hidden;
}
@keyframes card-float {
  0% { transform: translateY(0); }
  100% { transform: translateY(-8px); }
}
@keyframes card-glow {
  0% { box-shadow: 0 4px 24px #ff4e0033, 0 0 0 2px #ffa60144; }
  100% { box-shadow: 0 8px 32px #ff4e0088, 0 0 0 4px #ffa601cc; }
}
.game-info-title {
  font-size: 1.6rem;
  color: #ffa601;
  font-weight: bold;
  margin-bottom: 18px;
  letter-spacing: 2px;
  text-align: center;
  animation: title-glow 2.2s ease-in-out infinite alternate;
  text-shadow: 0 2px 8px #ffa60188, 0 0 2px #fff;
}
@keyframes title-glow {
  0% { text-shadow: 0 2px 8px #ffa60188, 0 0 2px #fff; }
  100% { text-shadow: 0 4px 24px #ffa601cc, 0 0 8px #fff7cc; }
}
.game-info-content {
  font-size: 1.08rem;
  line-height: 2;
  color: #fff;
  text-align: left;
  max-width: 700px;
  margin: 0 auto;
  animation: fadein 1.2s;
}
@keyframes fadein {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: none; }
}
.game-info-content ul {
  margin: 18px 0 0 0;
  padding-left: 1.2em;
}
.game-info-content li {
  margin-bottom: 8px;
  color: #ffd580;
  font-size: 1.02rem;
}
.game-info-content strong {
  color: #ffa601;
}
@media (max-width: 900px) {
  .game-info-area {
    padding: 18px 4vw 18px 4vw;
    margin: 24px 0 24px 0;
    max-width: 98vw;
  }
  .game-info-title {
    font-size: 1.2rem;
  }
  .game-info-content {
    font-size: 0.98rem;
  }
}

.custom-footer {
  background: #18151a;
  padding: 48px 0 32px 0;
  color: #aaa;
  font-size: 1rem;
  margin-top: 48px;
  border-top: 2px solid transparent;
  position: relative;
  z-index: 1;
}
.custom-footer::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.5px;
  background: linear-gradient(90deg, transparent 0%, #ffa601 50%, transparent 100%);
  z-index: 1;
}
.footer-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px;
}
.footer-runtime {
  text-align: center;
  margin-bottom: 18px;
  font-size: 1.08rem;
}
.footer-runtime-label {
  color: #ffa601;
  margin-right: 8px;
}
.footer-runtime-value {
  display: inline-block;
  background: rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 4px 18px;
  font-family: 'Consolas', 'Menlo', 'monospace';
  font-size: 1.08rem;
  letter-spacing: 1px;
  box-shadow: 0 2px 8px #0002;
}
.footer-runtime-days { color: #ffa601; }
.footer-runtime-hours { color: #ff4e00; }
.footer-runtime-minutes { color: #3ddc84; }
.footer-runtime-seconds { color: #fff; }
.footer-divider {
  width: 160px;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, #ffa601 50%, transparent 100%);
  margin: 0 auto 22px auto;
  border-radius: 2px;
  box-shadow: 0 2px 8px #ff4e0033;
}
.footer-copyright {
  text-align: center;
  font-size: 1rem;
  color: #aaa;
  line-height: 1.8;
}
.footer-powered {
  color: #666;
  font-size: 0.95rem;
  margin-top: 2px;
}
@media (max-width: 900px) {
  .custom-footer {
    padding: 28px 0 18px 0;
    font-size: 0.95rem;
  }
  .footer-container {
    padding: 0 4vw;
  }
  .footer-runtime-value {
    padding: 2px 8px;
    font-size: 0.98rem;
  }
  .footer-divider {
    width: 60px;
    margin-bottom: 10px;
  }
}

.footer-qq-link {
  color: #ffa601;
  text-decoration: underline;
  font-weight: bold;
  transition: color 0.2s;
}
.footer-qq-link:hover {
  color: #ff4e00;
  text-decoration: underline wavy;
}

#bg-particles {
  position: fixed;
  z-index: 0;
  left: 0; top: 0; width: 100vw; height: 100vh;
  pointer-events: none;
  opacity: 0.25;
}

.logo-text {
  font-size: 3.2rem;
  font-family: '微软雅黑', 'Arial Black', 'Arial', sans-serif;
  font-weight: 900;
  letter-spacing: 2px;
  background: linear-gradient(100deg, #fffbe6 0%, #ffa601 30%, #ff4e00 70%, #fffbe6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow:
    0 2px 8px #ffb30088,
    0 0 2px #fff,
    0 0 16px #ff4e0044;
  filter: drop-shadow(0 0 8px #ffa601cc);
  animation: logo-float 3.5s ease-in-out infinite alternate, logo-glow 2.5s ease-in-out infinite alternate;
  transition: transform 0.3s, filter 0.3s;
  text-align: center;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
  line-height: 1.1;
}
.logo-text::after {
  content: '';
  position: absolute;
  left: -30%;
  top: 0;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg, transparent 60%, #fff8 100%);
  transform: skewX(-20deg);
  animation: logo-shine 3.2s linear infinite;
  pointer-events: none;
  z-index: 3;
}
@keyframes logo-shine {
  0% { left: -30%; }
  100% { left: 130%; }
}
.logo-text:hover {
  transform: scale(1.08);
  filter: drop-shadow(0 0 32px #ffa601) drop-shadow(0 0 8px #fff7cc);
}
.logo-subtitle {
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 6px;
  letter-spacing: 1.5px;
  background: linear-gradient(90deg, #fffbe6 0%, #ffa601 60%, #ff4e00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  opacity: 0.85;
  text-shadow: 0 1px 4px #ffb30044;
}