/* 将 HTML head 标签内的所有自定义 CSS 样式复制到这里 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

body {
    font-family: 'Inter', 'Noto Sans SC', sans-serif;
    background-color: #030911;
    color: #e2e8f0;
    scroll-behavior: smooth;
}

.bg-tech-navy { background-color: #071120; }
.bg-tech-card { background-color: #0c182c; }
.text-cyan-accent { color: #64ffda; }

/* 专门匹配 hover:text-cyan-accent 悬浮样式 */
.hover\:text-cyan-accent:hover {
    color: #64ffda !important;
}
.border-cyan-accent { border-color: #64ffda; }

.btn-primary {
    background-color: transparent;
    border: 1px solid #64ffda;
    color: #64ffda;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: rgba(100, 255, 218, 0.1);
    transform: translateY(-2px);
}

/* 玻璃拟态导航 */
.glass-nav {
    background: rgba(6, 14, 27, 0.85);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(100, 255, 218, 0.1);
}

/* 动画 */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* 电路纹理背景 */
.circuit-pattern {
    background-image: radial-gradient(#64ffda 0.5px, transparent 0.5px);
    background-size: 30px 30px;
    opacity: 0.05;
}

.gradient-text {
    background: linear-gradient(90deg, #64ffda, #00b4d8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 新闻轮播 - 整组滑动 */
#news-carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
/* 隐藏溢出内容 */
#news-carousel-wrapper {
    overflow: hidden;
}

/* 核心动画定义 */
@keyframes scroll-left-to-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
@keyframes scroll-right-to-left {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

/* 滚动容器样式 */
.marquee-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.marquee-track_1 {
    display: flex;
    width: max-content;
    animation: scroll-left-to-right 30s linear infinite;
}
.marquee-track_2 {
    display: flex;
    width: max-content;
    animation: scroll-right-to-left 30s linear infinite;
}

.partner-card {
    flex-shrink: 0;
    margin-right: 1.5rem;
}

/* 首页动画 */
@keyframes shimmer {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}