* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c); */
    background-color: #f6f7f9;
    /* color: #fff; */
    color:#000;
    min-height: 100vh;
    padding:10px 20px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

header {
    text-align: center;
    padding: 40px 0;
}

header h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

header p {
    font-size: 1.2rem;
    opacity: 0.9;
}
/* 导航栏样式 */
nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 30px 0;
    flex-wrap: wrap;
}

.nav-item {
    padding: 12px 24px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 500;
    text-align: center;
}

.nav-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.nav-item.active {
    background: linear-gradient(45deg, #3498db, #2ecc71);
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);
}

.download-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    padding: 20px;
}

.card {
    /* background: rgba(255, 255, 255, 0.1); */
    background-color: rgba(255, 255, 255, 1);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #3498db, #2ecc71, #e74c3c, #f39c12);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-10px) scale(1.03);
    /* box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); */
    background: rgba(255, 255, 255, 0.15);
    box-shadow: rgba(52, 152, 219, 0.7) 0px 0px 20px;
}

.card:hover::before {
    transform: scaleX(1);
}

.card-content {
    text-align: center;
}
/* Linux架构指南卡片样式 */
.linux-guide {
    background: rgba(255, 165, 0, 0.15); /* 橙色半透明背景 */
    border: 1px solid rgba(255, 165, 0, 0.3);
}

.linux-guide:hover {
    background: rgba(255, 165, 0, 0.2);
}

.arch-info {
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 8px;
    margin-top: 10px;
    text-align: left;
}

.arch-info code {
    background: rgba(0, 0, 0, 0.2);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
}
.os-logo {
    /* width: 60px;
    height: 60px; */
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.windows-logo {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgBAMAAAB54XoeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURUdwTPJQIv+5AH+6AACk75Innt8AAAABdFJOUwBA5thmAAAARklEQVRo3u3MwQAAIAAEsFNIIYUU8mdK4H7VbwNYAgAA/DaaZDVCoVAoFAqFQqFQKOSN3SSzEQqFQqFQKBQKhUIhAABw5wA++knTcYG7dwAAAABJRU5ErkJggg==');
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%2300adef" d="M0 12h22v22H0zm26 0h22v22H26z"/><path fill="%2300adef" d="M0 38h22V60H0zm26 0h22V60H26z"/></svg>'); */
}

/*.linux-logo {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><circle cx="24" cy="30" r="12" fill="%23f00"/><path fill="%23f00" d="M24 2l3 10 10 3-10 3-3 10-3-10-10-3 10-3z"/></svg>');
}

.mac-logo {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23a2aaad" d="M24 8C14 8 6 16 6 26c0 8 5 15 12 18 1 0 2-1 2-2 0-1 0-1-1-2-1-1-2-3-2-5 0-3 2-6 5-6 3 0 4 2 5 4 1 2 3 3 5 3 2 0 4-1 5-3 1-2 2-4 2-6 0-6-4-11-10-11-6 0-10 5-10 11 0 2 1 4 2 5 1 1 2 2 3 2 1 0 2-1 2-2 0-1 0-1-1-2-1-1-2-3-2-5 0-3 2-6 5-6 3 0 4 2 5 4 1 2 3 3 5 3 2 0 4-1 5-3 1-2 2-4 2-6 0-6-4-11-10-11z"/></svg>');
} */
 /* .windows-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300adef' d='M0 3.449L9.478.002v10.32H0zm10.257 0L24 3.06v10.72H10.257zm-10.257 11.22L9.478 24V13.78H0zm10.257 0L24 20.94V10.78H10.257z'/%3E%3C/svg%3E");
} */

.linux-logo {
    /* Official Penguin Tux logo */
    background-image: url("data:image/png;base64,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");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FCCD00' d='M12 3c-1.2 0-2.4.2-3.5.7-.3.1-.6.4-.7.7l-1.2 3.2c-.1.3-.1.6.1.8.2.2.5.2.8.1l1.2-3.2c.6-.3 1.3-.5 2.1-.5s1.5.2 2.1.5l1.2 3.2c.3.1.6.1.8-.1.2-.2.2-.5.1-.8l-1.2-3.2c-.1-.3-.4-.6-.7-.7-1.1-.5-2.3-.7-3.5-.7zm-4.9 8.8c-.1-.3-.1-.6.1-.8.2-.2.5-.2.8-.1.3 0 .6.1.8.3.2.2.3.5.3.8 0 .3-.1.6-.3.8-.2.2-.5.3-.8.3-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8zM12 15c-1.7 0-3.3.3-4.8.9-.3.1-.6.4-.7.7l-1.3 3.4c-.1.3-.1.6.1.8.2.2.5.2.8.1l1.3-3.4c.8-.3 1.7-.6 2.6-.7v2.8c0 .3.1.6.3.8.2.2.5.3.8.3s.6-.1.8-.3c.2-.2.3-.5.3-.8v-2.8c.9.1 1.8.4 2.6.7l1.3 3.4c.1.2.4.3.6.1.2-.2.2-.5.1-.8l-1.3-3.4c-.1-.3-.4-.6-.7-.7-1.5-.6-3.1-.9-4.8-.9z'/%3E%3Cpath fill='%23FCCD00' d='M12 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6.9-3.2c-.2-.3-.5-.4-.8-.4-.3 0-.6.1-.8.3-.2.2-.3.5-.3.8 0 .3.1.6.3.8.2.2.5.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.5.3-.8 0-.3-.1-.6-.3-.8zM7.2 11.8c-.3-.2-.7-.2-1 0-.3.2-.4.5-.4.8 0 .3.1.6.4.8.3.2.7.2 1 0 .3-.2.4-.5.4-.8 0-.3-.1-.6-.4-.8z'/%3E%3C/svg%3E"); */
}

.mac-logo {
    /* Apple logo */
    background-image: url("data:image/png;base64,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");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.84 1.94-1.04 2.84-.3 1.06.84.87 1.85.62 2.76-.4.19-.84.16-1.28-.09-.45-.25-.73-.65-.89-1.09-.15-.44-.25-.95.11-1.28z'/%3E%3C/svg%3E"); */
}

.card h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    /* color: #fff; */
}

.card p {
    margin-bottom: 20px;
    opacity: 0.8;
}

.download-btn {
    display: inline-block;
    background: linear-gradient(45deg, #3498db, #2ecc71);
    color: white;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 50px;
    font-weight: bold;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.download-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: 0.5s;
    z-index: -1;
}

.download-btn:hover::before {
    left: 100%;
}

.download-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.download-doc{
    position: absolute;
    right: 20px;
    font-size: 14px;
    bottom: 40px;
}
.download-doc:hover {
    color: #2ecc71;
}
@media (max-width: 768px) {
    .download-grid {
        grid-template-columns: 1fr;
    }
    
    header h1 {
        font-size: 2rem;
    }
}