/* ============================================
   音效工坊 - 主样式表
   CSS前缀: yx3-
   配色: #1E1E1E / #00BFFF / #FFFFFF / #E0E0E0
   字体: Roboto Mono, monospace
   ============================================ */

/* --- Reset & Base --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Roboto Mono',Menlo,monospace;background:#1E1E1E;color:#E0E0E0;line-height:1.7;overflow-x:hidden}
a{color:#00BFFF;text-decoration:none;transition:color .3s}
a:hover{color:#33d4ff}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:#FFFFFF}

/* ---干扰标签隐藏 --- */
.sound-jammer-block{display:none!important}

/* --- 响应式容器 --- */
.yx3-container{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.yx3-container{padding:0 40px}}
@media(min-width:1024px){.yx3-container{padding:0 60px}}

/* --- 导航栏 --- */
.yx3-nav{background:#141414;border-bottom:1px solid #2a2a2a;z-index:100;position:relative}
.yx3-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1440px;margin:0 auto}
.yx3-nav-logo{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:#00BFFF}
.yx3-nav-logo svg{width:32px;height:32px}
.sp-logo-text{color:#00BFFF;font-weight:700}
.yx3-nav-links{display:none;gap:0}
.yx3-nav-links a{color:#E0E0E0;font-size:.85rem;padding:8px 14px;position:relative;transition:color .3s}
.yx3-nav-links a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,#00BFFF,#0088cc,#00BFFF);transition:width .3s;border-radius:1px}
.yx3-nav-links a:hover{color:#00BFFF}
.yx3-nav-links a:hover::after{width:80%}
@media(min-width:768px){
  .yx3-nav-links{display:flex;gap:0}
  .yx3-hamburger{display:none!important}
}

/* --- 汉堡菜单 --- */
.yx3-hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:1px solid #333;border-radius:4px}
.yx3-hamburger span{width:22px;height:2px;background:#00BFFF;transition:all .3s}
.yx3-hamburger.yx3-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.yx3-hamburger.yx3-active span:nth-child(2){opacity:0}
.yx3-hamburger.yx3-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* --- 移动端侧边栏 --- */
.yx3-mobile-menu{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#111;border-left:2px solid #00BFFF;z-index:200;transition:right .3s ease;padding:60px 20px 20px;overflow-y:auto}
.yx3-mobile-menu.yx3-open{right:0}
.yx3-mobile-menu a{display:block;color:#E0E0E0;padding:14px 16px;border-bottom:1px solid #222;font-size:.9rem;transition:all .3s}
.yx3-mobile-menu a:hover{color:#00BFFF;padding-left:24px}
.yx3-mobile-close{position:absolute;top:16px;right:16px;background:none;border:1px solid #333;color:#00BFFF;font-size:1.2rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px}
.yx3-mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:199;display:none}
.yx3-mobile-overlay.yx3-open{display:block}

/* --- 迷你调音台样式 (侧边栏) --- */
.yx3-mobile-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,#1a1a1a,#111);border-bottom:1px solid #333}
.yx3-mobile-menu .yx3-fader-deco{display:flex;gap:8px;padding:10px 16px;margin-bottom:10px}
.yx3-mobile-menu .yx3-fader-bar{width:4px;background:linear-gradient(180deg,#00BFFF,#004466);border-radius:2px;animation:yx3-faderPulse 1.5s ease-in-out infinite alternate}
.yx3-mobile-menu .yx3-fader-bar:nth-child(1){height:20px;animation-delay:0s}
.yx3-mobile-menu .yx3-fader-bar:nth-child(2){height:30px;animation-delay:.2s}
.yx3-mobile-menu .yx3-fader-bar:nth-child(3){height:15px;animation-delay:.4s}
.yx3-mobile-menu .yx3-fader-bar:nth-child(4){height:25px;animation-delay:.6s}
.yx3-mobile-menu .yx3-fader-bar:nth-child(5){height:35px;animation-delay:.8s}
@keyframes yx3-faderPulse{0%{opacity:.5}100%{opacity:1}}

/* --- Hero 区域 --- */
.yx3-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#111}
.yx3-hero-bg{position:absolute;inset:0;z-index:0}
.yx3-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.4}
.yx3-hero-content{position:relative;z-index:2;padding:40px 20px}
.yx3-hero h1{font-size:2rem;color:#FFFFFF;margin-bottom:16px;text-shadow:0 0 20px rgba(0,191,255,.3)}
.yx3-hero p{font-size:1rem;color:#ccc;max-width:600px;margin:0 auto 30px}
@media(min-width:768px){.yx3-hero h1{font-size:3rem}.yx3-hero p{font-size:1.1rem}}
@media(min-width:1024px){.yx3-hero{min-height:80vh}.yx3-hero h1{font-size:3.5rem}}

/* --- 搜索框 --- */
.yx3-search-box{display:flex;max-width:560px;margin:0 auto;background:#1a1a1a;border:1px solid #333;border-radius:6px;overflow:hidden}
.yx3-search-box input{flex:1;padding:14px 18px;background:transparent;border:none;color:#E0E0E0;font-family:inherit;font-size:.9rem;outline:none}
.yx3-search-box input::placeholder{color:#666}
.yx3-search-box button{padding:14px 24px;background:#00BFFF;color:#111;border:none;font-family:inherit;font-weight:700;cursor:pointer;transition:background .3s}
.yx3-search-box button:hover{background:#33d4ff}

/* --- 频谱动画 (Hero背景) --- */
.yx3-spectrum-canvas{position:absolute;bottom:0;left:0;width:100%;height:120px;z-index:1;opacity:.6}

/* --- 通用Section --- */
.yx3-section{padding:60px 0}
.yx3-section-alt{background:#161616}
.yx3-section-title{font-size:1.4rem;color:#00BFFF;margin-bottom:8px}
.yx3-section-subtitle{font-size:.9rem;color:#888;margin-bottom:40px}
@media(min-width:768px){.yx3-section{padding:80px 0}.yx3-section-title{font-size:1.8rem}}

/* --- 卡片网格 --- */
.yx3-grid{display:grid;gap:24px}
.yx3-grid-2{grid-template-columns:1fr}
.yx3-grid-3{grid-template-columns:1fr}
.yx3-grid-4{grid-template-columns:1fr}
@media(min-width:768px){
  .yx3-grid-2{grid-template-columns:repeat(2,1fr)}
  .yx3-grid-3{grid-template-columns:repeat(2,1fr)}
  .yx3-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .yx3-grid-3{grid-template-columns:repeat(3,1fr)}
  .yx3-grid-4{grid-template-columns:repeat(4,1fr)}
}

/* --- 音效卡片 --- */
.yx3-card{background:#222;border:1px solid #333;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.yx3-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,191,255,.15)}
.yx3-card-img{position:relative;overflow:hidden;aspect-ratio:16/9}
.yx3-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.yx3-card:hover .yx3-card-img img{transform:scale(1.05)}
.yx3-card-body{padding:18px}
.yx3-card-body h3{font-size:1rem;color:#FFF;margin-bottom:8px}
.yx3-card-body p{font-size:.85rem;color:#999;line-height:1.6}

/* --- 声波脉冲动画 --- */
.yx3-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(0,191,255,.2);animation:yx3-pulseAnim 2s ease-in-out infinite;pointer-events:none;opacity:0;transition:opacity .3s}
.yx3-card:hover .yx3-pulse{opacity:1}
@keyframes yx3-pulseAnim{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}100%{transform:translate(-50%,-50%) scale(.8);opacity:.6}}

/* --- 场景探索卡片 --- */
.yx3-scene-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;cursor:pointer}
.yx3-scene-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.yx3-scene-card:hover img{transform:scale(1.08)}
.yx3-scene-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8));display:flex;align-items:flex-end;padding:24px;transition:background .3s}
.yx3-scene-card:hover .yx3-scene-card-overlay{background:linear-gradient(180deg,transparent 20%,rgba(0,191,255,.15) 100%)}
.yx3-scene-card h3{font-size:1.2rem;color:#FFF}
.yx3-scene-card p{font-size:.8rem;color:#ccc;margin-top:4px}

/* --- 大师班 --- */
.yx3-master-card{display:flex;flex-direction:column;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}
.yx3-master-card-img{aspect-ratio:16/9;overflow:hidden}
.yx3-master-card-img img{width:100%;height:100%;object-fit:cover}
.yx3-master-card-body{padding:20px}
.yx3-master-card-body h3{font-size:1rem;margin-bottom:8px}
.yx3-master-card-body p{font-size:.85rem;color:#999}
.yx3-master-tag{display:inline-block;background:#00BFFF;color:#111;font-size:.7rem;padding:3px 8px;border-radius:3px;font-weight:700;margin-bottom:8px}

/* --- 幕后故事 --- */
.yx3-story{display:flex;flex-direction:column;gap:30px}
@media(min-width:768px){.yx3-story{flex-direction:row;align-items:center}}
.yx3-story-img{flex:1;border-radius:8px;overflow:hidden}
.yx3-story-img img{width:100%;height:auto;object-fit:cover}
.yx3-story-text{flex:1}
.yx3-story-text h3{font-size:1.3rem;margin-bottom:12px}
.yx3-story-text p{font-size:.9rem;color:#bbb;margin-bottom:12px}

/* --- 声音设计挑战 --- */
.yx3-challenge{position:relative;border-radius:12px;overflow:hidden;padding:60px 30px;text-align:center}
.yx3-challenge-bg{position:absolute;inset:0;z-index:0}
.yx3-challenge-bg img{width:100%;height:100%;object-fit:cover;opacity:.3}
.yx3-challenge-content{position:relative;z-index:1}
.yx3-challenge h3{font-size:1.5rem;color:#FFF;margin-bottom:12px}
.yx3-challenge p{color:#ccc;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}

/* --- 合作录音棚 --- */
.yx3-studio-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:24px;text-align:center;transition:border-color .3s}
.yx3-studio-card:hover{border-color:#00BFFF}
.yx3-studio-card h4{font-size:1rem;color:#FFF;margin-bottom:8px}
.yx3-studio-card p{font-size:.8rem;color:#888}
.yx3-studio-icon{width:48px;height:48px;margin:0 auto 16px;background:#222;border-radius:50%;display:flex;align-items:center;justify-content:center}
.yx3-studio-icon svg{width:24px;height:24px;fill:#00BFFF}

/* --- 定制请求表单 --- */
.yx3-form{max-width:640px;margin:0 auto}
.yx3-form-group{margin-bottom:20px}
.yx3-form-group label{display:block;font-size:.85rem;color:#ccc;margin-bottom:6px}
.yx3-form-group input,.yx3-form-group textarea,.yx3-form-group select{width:100%;padding:12px 16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#E0E0E0;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .3s}
.yx3-form-group input:focus,.yx3-form-group textarea:focus,.yx3-form-group select:focus{border-color:#00BFFF}
.yx3-form-group textarea{resize:vertical;min-height:120px}

/* --- 按钮 (混音台物理按键风格) --- */
.yx3-btn{display:inline-block;padding:12px 28px;font-family:inherit;font-size:.9rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:1px}
.yx3-btn-primary{background:linear-gradient(180deg,#00BFFF,#0099cc);color:#111;box-shadow:0 3px 0 #006688,0 4px 8px rgba(0,0,0,.3)}
.yx3-btn-primary:hover{background:linear-gradient(180deg,#33d4ff,#00BFFF);transform:translateY(-1px);box-shadow:0 4px 0 #006688,0 6px 12px rgba(0,0,0,.3)}
.yx3-btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 #006688,0 2px 4px rgba(0,0,0,.3)}
.yx3-btn-outline{background:transparent;color:#00BFFF;border:2px solid #00BFFF;box-shadow:0 3px 0 #004466}
.yx3-btn-outline:hover{background:rgba(0,191,255,.1);transform:translateY(-1px)}
.yx3-btn-outline:active{transform:translateY(2px);box-shadow:0 1px 0 #004466}

/* --- 授权许可 --- */
.yx3-license-card{background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:30px;text-align:center;transition:border-color .3s,transform .3s}
.yx3-license-card:hover{border-color:#00BFFF;transform:translateY(-4px)}
.yx3-license-card.yx3-featured{border-color:#00BFFF;position:relative}
.yx3-license-card.yx3-featured::before{content:'推荐';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#00BFFF;color:#111;font-size:.75rem;font-weight:700;padding:4px 16px;border-radius:20px}
.yx3-license-card h4{font-size:1.1rem;color:#FFF;margin-bottom:8px}
.yx3-license-price{font-size:2rem;color:#00BFFF;font-weight:700;margin:16px 0}
.yx3-license-price span{font-size:.85rem;color:#888}
.yx3-license-features{margin:20px 0}
.yx3-license-features li{padding:8px 0;font-size:.85rem;color:#bbb;border-bottom:1px solid #222}

/* --- 联系我们 --- */
.yx3-contact-grid{display:grid;gap:30px}
@media(min-width:768px){.yx3-contact-grid{grid-template-columns:1fr 1fr}}
.yx3-contact-info{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:30px}
.yx3-contact-info h4{font-size:1rem;color:#00BFFF;margin-bottom:16px}
.yx3-contact-info p{font-size:.85rem;color:#bbb;margin-bottom:12px}

/* --- 页脚 --- */
.yx3-footer{background:#111;border-top:2px solid #222;padding:50px 0 20px}
.yx3-footer-grid{display:grid;gap:30px;margin-bottom:40px}
@media(min-width:768px){.yx3-footer-grid{grid-template-columns:repeat(3,1fr)}}
.yx3-footer h5{font-size:.95rem;color:#00BFFF;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.yx3-footer a{color:#999;font-size:.85rem;display:block;padding:4px 0;transition:color .3s}
.yx3-footer a:hover{color:#00BFFF}
.yx3-footer-social{display:flex;gap:12px;margin-top:8px}
.yx3-footer-social a{width:36px;height:36px;border:1px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s}
.yx3-footer-social a:hover{border-color:#00BFFF;background:rgba(0,191,255,.1)}
.yx3-footer-social svg{width:16px;height:16px;fill:#999}
.yx3-footer-social a:hover svg{fill:#00BFFF}
.yx3-footer-bottom{border-top:1px solid #222;padding-top:20px;text-align:center}
.yx3-footer-bottom p{font-size:.75rem;color:#666;margin-bottom:6px}
.yx3-footer-bottom a{font-size:.75rem;color:#666}
.yx3-footer-bottom a:hover{color:#00BFFF}
.yx3-footer-honor{display:inline-flex;align-items:center;gap:6px;margin:8px 0}
.yx3-footer-honor svg{width:16px;height:16px;fill:#FFD700}

/* --- 内页 Banner --- */
.yx3-page-banner{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#111}
.yx3-page-banner-bg{position:absolute;inset:0}
.yx3-page-banner-bg img{width:100%;height:100%;object-fit:cover;opacity:.35}
.yx3-page-banner-content{position:relative;z-index:2;padding:40px 20px}
.yx3-page-banner h1{font-size:2rem;color:#FFF;margin-bottom:12px}
.yx3-page-banner p{font-size:.95rem;color:#ccc;max-width:600px;margin:0 auto}
@media(min-width:768px){.yx3-page-banner{min-height:360px}.yx3-page-banner h1{font-size:2.5rem}}

/* --- 内页内容区域 --- */
.yx3-content{padding:50px 0}
.yx3-content h2{font-size:1.4rem;color:#00BFFF;margin-bottom:16px}
.yx3-content h3{font-size:1.1rem;color:#FFF;margin-bottom:12px}
.yx3-content p{font-size:.9rem;color:#bbb;margin-bottom:16px;line-height:1.8}
.yx3-content-list{margin:20px 0}
.yx3-content-list li{padding:12px 0;border-bottom:1px solid #222;display:flex;align-items:center;gap:12px;font-size:.9rem;color:#ccc}
.yx3-content-list li::before{content:'';width:6px;height:6px;background:#00BFFF;border-radius:50%;flex-shrink:0}

/* --- 混音台页面 --- */
.yx3-mixer{display:flex;flex-direction:column;gap:20px}
@media(min-width:768px){.yx3-mixer{flex-direction:row}}
.yx3-mixer-sidebar{background:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:20px;min-width:220px}
.yx3-mixer-sidebar h4{font-size:.9rem;color:#00BFFF;margin-bottom:16px}
.yx3-mixer-category{padding:10px 14px;cursor:pointer;border-radius:4px;font-size:.85rem;color:#ccc;transition:all .3s;border:1px solid transparent}
.yx3-mixer-category:hover,.yx3-mixer-category.yx3-active{background:#222;color:#00BFFF;border-color:#333}
.yx3-mixer-main{flex:1;background:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:20px}
.yx3-mixer-main h4{font-size:.9rem;color:#00BFFF;margin-bottom:16px}
.yx3-track-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;margin-bottom:10px;transition:border-color .3s}
.yx3-track-item:hover{border-color:#00BFFF}
.yx3-track-play{width:36px;height:36px;background:#00BFFF;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;flex-shrink:0}
.yx3-track-play:hover{background:#33d4ff}
.yx3-track-play svg{width:14px;height:14px;fill:#111}
.yx3-track-info{flex:1;min-width:0}
.yx3-track-info h5{font-size:.85rem;color:#FFF;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yx3-track-info span{font-size:.75rem;color:#888}
.yx3-track-wave{flex:2;height:32px;background:#222;border-radius:4px;overflow:hidden;position:relative;display:none}
@media(min-width:768px){.yx3-track-wave{display:block}}
.yx3-track-download{background:none;border:1px solid #333;color:#00BFFF;padding:6px 12px;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .3s;flex-shrink:0}
.yx3-track-download:hover{background:#00BFFF;color:#111}

/* --- 混音台多轨区域 --- */
.yx3-multitrack{background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:20px;margin-top:20px}
.yx3-multitrack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.yx3-multitrack-header h4{font-size:.9rem;color:#00BFFF}
.yx3-multitrack-tracks{min-height:100px}
.yx3-multitrack-track{display:flex;align-items:center;gap:12px;padding:10px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;margin-bottom:8px}
.yx3-multitrack-track span{font-size:.8rem;color:#ccc;min-width:100px}
.yx3-multitrack-visual{flex:1;height:24px;background:#222;border-radius:3px;overflow:hidden}
.yx3-multitrack-visual-bar{height:100%;background:linear-gradient(90deg,#00BFFF,#0088cc);width:0;transition:width .5s}

/* --- APP下载页 --- */
.yx3-app-section{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0a0a0a}
.yx3-app-content{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 20px;text-align:center}
@media(min-width:768px){.yx3-app-content{flex-direction:row;text-align:left}}
.yx3-app-mockup{max-width:280px}
.yx3-app-mockup img{border-radius:20px;box-shadow:0 20px 60px rgba(0,191,255,.2)}
.yx3-app-text h1{font-size:2rem;color:#FFF;margin-bottom:16px}
.yx3-app-text p{font-size:.95rem;color:#bbb;margin-bottom:30px;max-width:480px}
.yx3-app-buttons{display:flex;gap:16px;flex-wrap:wrap}
.yx3-app-buttons a{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:#222;border:1px solid #333;border-radius:8px;color:#FFF;font-size:.85rem;transition:all .3s}
.yx3-app-buttons a:hover{border-color:#00BFFF;background:#1a1a1a}
.yx3-app-buttons svg{width:24px;height:24px;fill:#FFF}

/* --- 面包屑 --- */
.yx3-breadcrumb{padding:12px 0;font-size:.8rem;color:#888}
.yx3-breadcrumb a{color:#00BFFF}
.yx3-breadcrumb span{margin:0 6px;color:#555}

/* --- 标签 --- */
.yx3-tag{display:inline-block;background:#222;color:#00BFFF;font-size:.75rem;padding:4px 10px;border-radius:20px;border:1px solid #333;margin:2px}

/* --- 回到顶部 --- */
.yx3-back-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:#00BFFF;color:#111;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;display:none;align-items:center;justify-content:center;z-index:90;box-shadow:0 4px 12px rgba(0,191,255,.3);transition:all .3s}
.yx3-back-top.yx3-visible{display:flex}
.yx3-back-top:hover{background:#33d4ff;transform:translateY(-2px)}

/* --- 加载频谱动画 --- */
.yx3-loader{position:fixed;inset:0;background:#1E1E1E;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s}
.yx3-loader.yx3-loaded{opacity:0;pointer-events:none}
.yx3-loader-bars{display:flex;gap:4px;align-items:flex-end;height:40px}
.yx3-loader-bar{width:4px;background:#00BFFF;border-radius:2px;animation:yx3-loaderAnim .8s ease-in-out infinite alternate}
.yx3-loader-bar:nth-child(1){height:10px;animation-delay:0s}
.yx3-loader-bar:nth-child(2){height:20px;animation-delay:.1s}
.yx3-loader-bar:nth-child(3){height:30px;animation-delay:.2s}
.yx3-loader-bar:nth-child(4){height:40px;animation-delay:.3s}
.yx3-loader-bar:nth-child(5){height:25px;animation-delay:.4s}
.yx3-loader-bar:nth-child(6){height:15px;animation-delay:.5s}
@keyframes yx3-loaderAnim{0%{height:10px}100%{height:40px}}

/* --- 工具类 --- */
.yx3-text-center{text-align:center}
.yx3-mt-20{margin-top:20px}
.yx3-mt-40{margin-top:40px}
.yx3-mb-20{margin-bottom:20px}
.yx3-mb-40{margin-bottom:40px}