@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap');
        
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: #050506;
    color: #f4f4f5;
    overflow-x: hidden;
}

/* ==== 磨砂玻璃质感 ==== 
   调低了基础背景色的透明度，让底层的 3D 粒子星空能更好地透射上来 
*/
.glass-panel { 
    background: rgba(20, 20, 25, 0.35); 
    backdrop-filter: blur(20px); 
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08); 
}
.glass-nav { 
    background: rgba(5, 5, 6, 0.25); 
    backdrop-filter: blur(16px); 
    -webkit-backdrop-filter: blur(16px);
}

/* ==== 自定义滚动条 ==== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; } /* 轨道改为透明，完美融入宇宙背景 */
::-webkit-scrollbar-thumb { background: rgba(39, 39, 42, 0.8); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(63, 63, 70, 0.9); }

/* ==== 动效与过渡曲线 (Apple Style) ==== */
.apple-transition { transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.4s ease-out forwards; }
.animate-slide-up { animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* ==== 状态控制 ==== */
.hidden-view { display: none !important; }
.hidden-opacity { opacity: 0; pointer-events: none; }
.visible-opacity { opacity: 1; pointer-events: auto; }

/* ==== 后台表单组件 ==== */
.admin-input {
    width: 100%; 
    background: rgba(9, 9, 11, 0.8); 
    border: 1px solid #27272a; 
    border-radius: 8px; 
    padding: 10px 14px; 
    color: #fff; 
    font-size: 14px; 
    transition: border-color 0.3s, box-shadow 0.3s;
}
.admin-input:focus { 
    outline: none; 
    border-color: #52525b; 
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

/* ==== 瀑布流辅助修复 ==== 
   强制要求浏览器在渲染多列布局时，不要把同一个卡片拦腰截断分到两列去 
*/
.break-inside-avoid {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}