@media (max-width:1024px){.home-grid{grid-template-columns:1fr}}
@media (max-width:860px){.brand-text{display:none}.music-details{display:none}.auth-user-meta{display:none}}
@media (max-width:720px){
  .header-inner{padding:10px 14px;gap:8px;min-height:56px}
  .tab-bar-wrapper{padding:12px 14px 2px 14px;top:56px}
  .tab-bar{border-radius:14px;padding:4px}
  .tab-btn{padding:9px 13px;font-size:.74rem;gap:6px}
  .tab-btn span{display:none}.tab-btn i{font-size:.9rem}.tab-btn.active span{display:inline}
  .site-main{padding:22px 14px 60px 14px}
  .hero-card{padding:24px 20px;gap:20px;flex-direction:column;text-align:center;align-items:center;border-radius:20px}
  .hero-info{align-items:center}.dc-activity-box{align-self:center}.title-wrapper{justify-content:center}.title::after{display:none}
  .avatar-container{width:92px;height:92px}
  .bypass-hero{padding:26px 18px;border-radius:20px}
  .bypass-hero h2{font-size:1.3rem}
  .bypass-input-wrap{flex-direction:column;padding:8px;gap:8px}
  .bypass-input-field input{padding:13px 14px 13px 44px}
  .bypass-input-wrap button.submit{width:100%;justify-content:center;padding:14px}
  .mod-container,.mod-container.grid-layout{grid-template-columns:1fr}
  .row-grid{grid-template-columns:1fr}
  .admin-stat-grid{grid-template-columns:1fr}
  .official-manager-grid{grid-template-columns:1fr}
  .footer-inner{justify-content:center;text-align:center}
  .upload-card{padding:22px 18px;border-radius:18px}
  .welcome-card{padding:22px 18px;border-radius:18px}
  .embed-fields{grid-template-columns:1fr}
  .api-login-state{padding:32px 20px 26px}
  .api-login-icon{width:66px;height:66px;font-size:1.7rem}
  .api-login-title{font-size:1.25rem}
  .api-oauth-row{grid-template-columns:1fr}
  .api-user-state{padding:22px 18px}
  .api-user-header img{width:48px;height:48px}
  .api-usage-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .api-usage-card{padding:10px 6px}
  .api-usage-card .val{font-size:1.15rem}
  .api-usage-hero .numbers .big{font-size:1.8rem}
  .endpoint-lock-card{padding:14px;gap:11px}
  .endpoint-lock-icon{width:38px;height:38px;font-size:.95rem}
}
@media (max-width:580px){
  #toast-container{bottom:90px;right:14px;width:calc(100% - 28px)}
  .scroll-top-btn{bottom:22px;right:14px;width:42px;height:42px}
  .modal-overlay{padding:20px 12px;align-items:center}
  .mod-header{padding-right:72px}.stat-row{grid-template-columns:1fr}
  .music-controls .music-btn:nth-child(1){display:none}
  .api-endpoint-header .endpoint-desc{display:none}
  .api-endpoint-header{padding:14px 16px;gap:10px}
  .api-endpoint-icon{width:34px;height:34px;font-size:.85rem}
  .api-endpoint-body.open{padding:16px}
  .header-inner{padding:8px 10px;gap:6px}
  .header-actions{gap:4px;padding-right:0}
  .icon-btn{width:36px;height:36px}
  .icon-btn svg{width:15px;height:15px}
  .music-player-box{padding:3px}
  .music-icon{width:30px;height:30px}
  .auth-user-info{padding:3px;gap:6px}
  .auth-user-avatar{width:28px;height:28px}
  .auth-btn{width:24px;height:24px;font-size:.65rem}
  .auth-actions{gap:0;margin-left:2px}
  .endpoint-info-code{font-size:.72rem;padding:9px 11px}
  .endpoint-info-hero{padding:13px 15px;gap:11px}
  .endpoint-info-hero-icon{width:40px;height:40px;font-size:1rem}
  .endpoint-info-hero-title{font-size:.85rem}
}
@media (max-width:420px){
  .header-inner{padding:7px 8px;gap:4px}
  .brand-logo{width:34px;height:34px;border-radius:10px}
  .icon-btn{width:32px;height:32px}
  .icon-btn svg{width:14px;height:14px}
  .music-icon{width:26px;height:26px}
  .music-icon svg{width:14px;height:14px}
  .music-controls .music-btn:nth-child(3){display:none}
  .auth-user-avatar{width:24px;height:24px}
  .auth-btn{width:22px;height:22px;font-size:.6rem}
  .auth-user-info{padding:2px;gap:5px}
  .auth-actions{margin-left:1px}
}
@media (max-width:380px){
  .music-controls{display:none}
  .auth-user-avatar{width:22px;height:22px}
}

@media (min-width:1025px){
  body{font-size:15px}
  .header-inner{max-width:1440px;min-height:68px;padding:14px 32px}
  .brand-logo{width:44px;height:44px;border-radius:13px}
  .brand-name{font-size:1.1rem}
  .icon-btn{width:42px;height:42px;font-size:.95rem}
  .auth-user-avatar{width:36px;height:36px}
  .tab-bar-wrapper{top:68px;padding:18px 32px 6px 32px}
  .tab-btn{padding:11px 24px;font-size:.86rem;gap:9px;border-radius:11px}
  .site-main{max-width:1440px;padding:36px 32px 100px 32px}
  .view-section.active{gap:28px;--view-gap:28px}
  .hero-card{padding:42px 48px;gap:36px;border-radius:28px}
  .avatar-container{width:128px;height:128px}
  .title{font-size:2.6rem}
  .official-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
  .home-grid{grid-template-columns:1.4fr 1fr;gap:26px}
  .welcome-card{padding:34px 36px;border-radius:22px;gap:18px}
  .stat-pill{padding:22px 16px;border-radius:16px}
  .stat-pill .num{font-size:1.75rem}
  .bypass-hero{padding:56px 52px;border-radius:28px}
  .bypass-hero-inner{max-width:760px}
  .bypass-icon-big{width:92px;height:92px;font-size:2.5rem;margin-bottom:24px;border-radius:26px}
  .bypass-hero h2{font-size:2.05rem}
  .api-login-state{padding:64px 48px 48px}
  .api-login-icon{width:96px;height:96px;font-size:2.6rem;margin-bottom:24px}
  .api-login-title{font-size:1.95rem}
  .api-user-state{padding:34px 36px}
  .api-user-header img{width:72px;height:72px}
  .form-control{padding:14px 18px;font-size:.92rem;border-radius:12px}
  .mod-container{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px}
  .mod-card{padding:28px;gap:15px;border-radius:20px}
  .form-shell{max-width:900px}
  .upload-card{padding:42px 46px;border-radius:24px}
  .admin-panel .modal-panel{max-width:1080px}
  .admin-tabs{margin:0 34px;padding:5px}
  .panel-inner-scroll{padding:30px 34px;gap:20px}
  .official-manager-grid{grid-template-columns:repeat(4,1fr);gap:12px}
  .admin-stat-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .endpoint-lock-card{padding:22px}
  .endpoint-info-hero{padding:20px 22px}
  .endpoint-info-hero-icon{width:52px;height:52px;font-size:1.35rem}
  .endpoint-info-hero-title{font-size:1.02rem}
  .endpoint-info-card{padding:18px 20px}
}