.page-header{padding:120px 0 60px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);text-align:center;color:#fff}
.page-header h1{font-size:2.8rem;margin-bottom:15px}
.page-header p{font-size:1.2rem;opacity:0.95}
.download-platforms{padding:60px 0}
.platform-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px}
.tab-btn{padding:12px 32px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s;color:#4a5568}
.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.tab-btn:not(.active):hover{border-color:var(--primary);color:var(--primary)}
.platform-content{display:none}
.platform-content.active{display:block}
.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:900px;margin:0 auto}
.platform-card{padding:30px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all 0.2s}
.platform-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.1);border-color:var(--primary)}
.platform-icon{width:60px;height:60px;margin:0 auto 20px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}
.platform-icon svg{width:32px;height:32px}
.platform-icon.android{background:#3ddc84}
.platform-icon.ios{background:#000}
.platform-icon.windows{background:#0078d4}
.platform-icon.macos{background:#000}
.platform-icon.linux{background:#e6e6e6;color:#000}
.platform-icon.linux svg{width:28px;height:28px}
.platform-card h3{font-size:1.4rem;text-align:center;margin-bottom:15px;color:var(--text-light)}
.version-info{display:flex;justify-content:center;gap:15px;margin-bottom:15px}
.version-info span{font-size:0.9rem;color:#718096;padding:4px 12px;background:#f7fafc;border-radius:6px}
.requirements{list-style:none;margin-bottom:20px;text-align:center}
.requirements li{color:#718096;font-size:0.95rem;margin-bottom:6px}
.download-btn{width:100%;justify-content:center;padding:14px 24px;margin-bottom:12px}
.secondary-link{display:block;text-align:center;color:var(--primary);text-decoration:none;font-size:0.9rem;transition:color 0.2s}
.secondary-link:hover{color:var(--primary-dark);text-decoration:underline}
.system-requirements{padding:60px 0;background:#f7fafc}
.system-requirements h2{font-size:2rem;text-align:center;margin-bottom:40px;color:var(--text-light)}
.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:800px;margin:0 auto}
.requirement-item{text-align:center;padding:25px;background:#fff;border-radius:12px}
.requirement-item h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-light)}
.requirement-item p{color:#718096}
.qr-download{padding:60px 0;background:#fff}
.qr-content{display:flex;align-items:center;justify-content:center;gap:60px;max-width:700px;margin:0 auto}
.qr-code{width:180px;height:180px;background:#f7fafc;border-radius:12px;padding:20px;flex-shrink:0}
.qr-code svg{width:100%;height:100%;color:var(--text-light)}
.qr-info{flex:1}
.qr-info h3{font-size:1.6rem;margin-bottom:12px;color:var(--text-light)}
.qr-info p{color:#718096;margin-bottom:20px;line-height:1.7}
.qr-links{display:flex;gap:15px}
.qr-link{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f7fafc;border-radius:8px;text-decoration:none;color:var(--text-light);transition:all 0.2s}
.qr-link:hover{background:var(--primary);color:#fff}
.qr-link svg{width:20px;height:20px}
.install-guide{padding:60px 0;background:#f7fafc}
.install-guide h2{font-size:2rem;text-align:center;margin-bottom:50px;color:var(--text-light)}
.guide-steps{max-width:800px;margin:0 auto}
.guide-step{display:flex;gap:20px;margin-bottom:30px}
.step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;flex-shrink:0}
.step-content{flex:1;padding-top:5px}
.step-content h3{font-size:1.3rem;margin-bottom:8px;color:var(--text-light)}
.step-content p{color:#718096;line-height:1.7}
.dark-mode .page-header{background:linear-gradient(135deg,#1c2128 0%,#161b22 100%)}
.dark-mode .tab-btn{background:#161b22;border-color:#30363d;color:#a0aec0}
.dark-mode .tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.dark-mode .platform-card{background:#161b22;border-color:#30363d}
.dark-mode .platform-card:hover{border-color:var(--primary)}
.dark-mode .platform-card h3{color:#fff}
.dark-mode .version-info span{background:#21262d;color:#a0aec0}
.dark-mode .requirements li{color:#a0aec0}
.dark-mode .system-requirements{background:#0d1117}
.dark-mode .system-requirements h2{color:#fff}
.dark-mode .requirement-item{background:#161b22}
.dark-mode .requirement-item h3{color:#fff}
.dark-mode .qr-download{background:#0d1117}
.dark-mode .qr-code{background:#161b22}
.dark-mode .qr-info h3{color:#fff}
.dark-mode .qr-link{background:#161b22;color:#a0aec0}
.dark-mode .qr-link:hover{background:var(--primary);color:#fff}
.dark-mode .install-guide{background:#0d1117}
.dark-mode .install-guide h2{color:#fff}
.dark-mode .step-content h3{color:#fff}
@media(max-width:768px){.qr-content{flex-direction:column;text-align:center}
.qr-links{justify-content:center}}
