/* POSEIDON Club - Optimized CSS */

/* Performance optimizations */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scroll-behavior: smooth;
}

/* POSEIDON Club - Optimized CSS */
:root {
    --neon-cyan: #00ffff;
    --neon-pink: #ff00ff;
    --neon-green: #00ff00;
    --neon-purple: #8a2be2;
    --dark-bg: #0a0a0a;
    --darker-bg: #050505;
    --grid-color: rgba(0, 255, 255, 0.1);
}

/* Reset and Base Styles */
* {margin:0;padding:0;box-sizing:border-box;}

body {
    font-family: 'Rajdhani', sans-serif;
    background: var(--dark-bg);
    color: #fff;
    overflow-x: hidden;
    position: relative;
}

/* Grid Background Animation */
body::before {
    content: '';
    position: fixed;
    top: 0;left: 0;width: 100%;height: 100%;
    background-image: linear-gradient(rgba(0,255,255,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,0.1) 1px,transparent 1px);
    background-size: 50px 50px;
    -webkit-animation: gridMove 20s linear infinite;
    animation: gridMove 20s linear infinite;
    z-index: -2;
}

@-webkit-keyframes gridMove {0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(50px,50px);transform:translate(50px,50px);}}
@keyframes gridMove {0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(50px,50px);transform:translate(50px,50px);}}

/* Scan Lines Effect */
.scan-lines {
    position:fixed;top:0;left:0;width:100%;height:100%;
    background:linear-gradient(transparent 50%,rgba(0,255,255,0.03) 50%);
    background-size:100% 4px;
    pointer-events:none;z-index:-1;
    -webkit-animation:scanLines 0.1s linear infinite;
    animation:scanLines 0.1s linear infinite;
}

@-webkit-keyframes scanLines {0%{background-position:0 0;}100%{background-position:0 4px;}}
@keyframes scanLines {0%{background-position:0 0;}100%{background-position:0 4px;}}

/* Neon Text Effects */
.neon-text {
    text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor;
    -webkit-animation:neonFlicker 2s infinite alternate;
    animation:neonFlicker 2s infinite alternate;
}

@-webkit-keyframes neonFlicker {0%,100%{opacity:1;}50%{opacity:0.8;}}
@keyframes neonFlicker {0%,100%{opacity:1;}50%{opacity:0.8;}}

/* Data Stream Animation */
.data-stream {position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;}
.stream-line {
    position:absolute;width:2px;height:100px;
    background:linear-gradient(to bottom,transparent,var(--neon-cyan),transparent);
    -webkit-animation:streamFlow 3s linear infinite;
    animation:streamFlow 3s linear infinite;
}

@-webkit-keyframes streamFlow {0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;}50%{opacity:1;}100%{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0;}}
@keyframes streamFlow {0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;}50%{opacity:1;}100%{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0;}}

/* Loading Screen - 已禁用 */
.loading-screen {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    position:absolute !important;
    top:-9999px !important;
    left:-9999px !important;
    width:0 !important;
    height:0 !important;
    z-index:-9999 !important;
}
.loading-screen.hidden {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

.loading-spinner {
    width:80px;height:80px;border:6px solid rgba(0,255,255,0.2);
    border-top:6px solid var(--neon-cyan);border-radius:50%;
    -webkit-animation:spin 1.2s linear infinite;
    animation:spin 1.2s linear infinite;margin-bottom:20px;
    box-shadow:0 0 20px var(--neon-cyan);
}

.loading-text {
    color:var(--neon-cyan);font-size:1.2rem;font-weight:500;
    letter-spacing:0.05em;font-family:'Orbitron',monospace;
    text-shadow:0 0 10px var(--neon-cyan);
}

@-webkit-keyframes spin {0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes spin {0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}

/* Navigation */
.navbar {
    background:rgba(10,10,10,0.9)!important;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--neon-cyan);padding:1rem 0;
}

.navbar-brand {
    font-family:'Orbitron',monospace;font-size:2.2rem;font-weight:900;
    color:var(--neon-cyan)!important;
    text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan);
    letter-spacing:2px;
}

.nav-link {
    font-family:'Orbitron',monospace;color:#fff!important;font-weight:500;
    margin:0 1rem;position:relative;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}

.nav-link:hover {color:var(--neon-cyan)!important;text-shadow:0 0 10px var(--neon-cyan);}

.nav-link::before {
    content:'>';position:absolute;left:-15px;opacity:0;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;color:var(--neon-pink);
}

.nav-link:hover::before {opacity:1;left:-20px;}

/* Hero Section */
.hero {
    min-height:100vh;display:flex;align-items:center;position:relative;
    background:radial-gradient(ellipse at center,rgba(255,0,255,0.1) 0%,transparent 70%);
    padding-top:100px;
}

.hero-content {
    background:rgba(0,0,0,0.5);border-radius:20px;padding:2.5rem 2rem 2rem 2rem;
    box-shadow:0 0 30px var(--neon-cyan);
}

.hero h1 {
    font-family:'Orbitron',monospace;font-size:3.5rem;font-weight:900;
    color:var(--neon-cyan);margin-bottom:1.2rem;
    text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan);
}

.hero p {font-size:1.2rem;color:#cccccc;margin-bottom:1.2rem;max-width:600px;}

/* Buttons */
.btn-cyber {
    background:linear-gradient(45deg,var(--neon-pink),var(--neon-purple));
    border:2px solid var(--neon-pink);color:#fff;padding:15px 40px;
    font-family:'Orbitron',monospace;font-weight:700;text-transform:uppercase;
    position:relative;overflow:hidden;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;text-decoration:none;display:inline-block;
    box-shadow:0 0 20px var(--neon-pink);
}

.btn-cyber:hover {
    box-shadow:0 0 30px var(--neon-pink),inset 0 0 20px rgba(255,0,255,0.1);
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px);color:#fff;
}

/* Hologram Effect */
.hologram-content {
    width:320px;height:320px;
    background:linear-gradient(45deg,transparent,rgba(0,255,255,0.1),transparent);
    border:1px solid var(--neon-cyan);border-radius:10px;display:flex;
    align-items:center;justify-content:center;font-size:5rem;color:var(--neon-cyan);
    -webkit-animation:hologramFloat 4s ease-in-out infinite,hologramGlow 2s ease-in-out infinite alternate;
    animation:hologramFloat 4s ease-in-out infinite,hologramGlow 2s ease-in-out infinite alternate;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;position:relative;overflow:hidden;
    box-shadow:0 0 40px var(--neon-cyan);
    will-change:transform,box-shadow;
}

@-webkit-keyframes hologramFloat {
    0%,100%{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg);}
    25%{-webkit-transform:rotateY(90deg) rotateX(10deg);transform:rotateY(90deg) rotateX(10deg);}
    50%{-webkit-transform:rotateY(180deg) rotateX(0deg);transform:rotateY(180deg) rotateX(0deg);}
    75%{-webkit-transform:rotateY(270deg) rotateX(-10deg);transform:rotateY(270deg) rotateX(-10deg);}
}
@keyframes hologramFloat {
    0%,100%{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg);}
    25%{-webkit-transform:rotateY(90deg) rotateX(10deg);transform:rotateY(90deg) rotateX(10deg);}
    50%{-webkit-transform:rotateY(180deg) rotateX(0deg);transform:rotateY(180deg) rotateX(0deg);}
    75%{-webkit-transform:rotateY(270deg) rotateX(-10deg);transform:rotateY(270deg) rotateX(-10deg);}
}

@-webkit-keyframes hologramGlow {
    0%{box-shadow:0 0 20px var(--neon-cyan);border-color:var(--neon-cyan);}
    100%{box-shadow:0 0 40px var(--neon-cyan),0 0 60px var(--neon-cyan);border-color:var(--neon-pink);}
}
@keyframes hologramGlow {
    0%{box-shadow:0 0 20px var(--neon-cyan);border-color:var(--neon-cyan);}
    100%{box-shadow:0 0 40px var(--neon-cyan),0 0 60px var(--neon-cyan);border-color:var(--neon-pink);}
}

/* Contact Section */
.contact {
    padding:100px 0;
    background:linear-gradient(135deg,rgba(0,255,255,0.1) 0%,rgba(0,0,0,0.9) 100%);
}

.contact-cyber {
    background:linear-gradient(135deg,rgba(0,0,0,0.9),rgba(20,20,20,0.9));
    border:2px solid var(--neon-cyan);border-radius:20px;padding:2.5rem;
    position:relative;overflow:hidden;box-shadow:0 0 30px var(--neon-cyan);
}

.contact-cyber::before {
    content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;
    background:linear-gradient(45deg,var(--neon-cyan),var(--neon-pink),var(--neon-green),var(--neon-purple));
    z-index:-1;border-radius:20px;
    -webkit-animation:borderGlow 3s linear infinite;
    animation:borderGlow 3s linear infinite;
}

@-webkit-keyframes borderGlow {0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);}100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg);}}
@keyframes borderGlow {0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);}100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg);}}

.contact-item {
    display:flex;align-items:center;margin-bottom:1.2rem;padding:1.2rem;
    background:rgba(0,0,0,0.5);border-radius:15px;border-left:4px solid var(--neon-cyan);
    -webkit-transition:all 0.3s;
    transition:all 0.3s;cursor:pointer;box-shadow:0 0 10px var(--neon-cyan);
}

.contact-item:hover {
    background:rgba(0,255,255,0.1);
    -webkit-transform:translateX(10px);
    transform:translateX(10px);border-left-color:var(--neon-pink);
    box-shadow:0 5px 20px rgba(0,255,255,0.3);
}

.contact-icon-cyber {
    width:54px;height:54px;
    background:linear-gradient(45deg,var(--neon-cyan),var(--neon-green));
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    margin-right:1.2rem;font-size:1.5rem;color:var(--dark-bg);
    box-shadow:0 0 20px var(--neon-cyan);
}

.contact-text h5 {
    font-family:'Orbitron',monospace;color:var(--neon-cyan);
    font-weight:700;margin-bottom:0.3rem;text-transform:uppercase;
}

.contact-text p {color:#cccccc;margin:0;font-size:1rem;}

/* Button Styles */
.btn-whatsapp {
    display: inline-flex;align-items: center;
    background: linear-gradient(45deg, #25d366, #128c7e);
    color: #fff !important;border: none;border-radius: 24px;
    padding: 6px 18px 6px 14px;font-size: 1rem;
    font-family: 'Orbitron', monospace;font-weight: 600;
    box-shadow: 0 0 10px #25d366, 0 0 4px #128c7e;margin-left: 8px;
    text-decoration: none !important;
    -webkit-transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}

.btn-whatsapp i {margin-right: 7px;font-size: 1.1em;}

.btn-whatsapp:hover {
    background: linear-gradient(45deg, #128c7e, #25d366);
    color: #fff !important;box-shadow: 0 0 18px #25d366, 0 0 8px #128c7e;
    -webkit-transform: translateY(-2px) scale(1.04);
    transform: translateY(-2px) scale(1.04);
}

.btn-phone {
    display: inline-flex;align-items: center;
    background: linear-gradient(45deg, var(--neon-cyan), var(--neon-green));
    color: #222 !important;border: none;border-radius: 24px;
    padding: 6px 18px 6px 14px;font-size: 1rem;
    font-family: 'Orbitron', monospace;font-weight: 600;
    box-shadow: 0 0 10px var(--neon-cyan), 0 0 4px var(--neon-green);
    margin-right: 8px;text-decoration: none !important;
    -webkit-transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}

.btn-phone i {margin-right: 7px;font-size: 1.1em;}

.btn-phone:hover {
    background: linear-gradient(45deg, var(--neon-green), var(--neon-cyan));
    color: #111 !important;box-shadow: 0 0 18px var(--neon-green), 0 0 8px var(--neon-cyan);
    -webkit-transform: translateY(-2px) scale(1.04);
    transform: translateY(-2px) scale(1.04);
}

.btn-map-link {
    display: inline-flex;align-items: center;
    background: linear-gradient(45deg, var(--neon-cyan), var(--neon-pink));
    color: #fff !important;border: none;border-radius: 20px;
    padding: 7px 20px 7px 14px;font-size: 1rem;
    font-family: 'Orbitron', monospace;font-weight: 600;
    box-shadow: 0 0 10px var(--neon-cyan), 0 0 4px var(--neon-pink);
    text-decoration: none !important;margin-bottom: 4px;
    -webkit-transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}

.btn-map-link i {margin-right: 7px;font-size: 1.1em;}

.btn-map-link:hover {
    background: linear-gradient(45deg, var(--neon-pink), var(--neon-cyan));
    color: #fff !important;box-shadow: 0 0 18px var(--neon-pink), 0 0 8px var(--neon-cyan);
    -webkit-transform: translateY(-2px) scale(1.04);
    transform: translateY(-2px) scale(1.04);
}

.btn-waze-link {
    display: inline-flex;align-items: center;
    background: linear-gradient(45deg, #05c8f7, #2e5cff);
    color: #fff !important;border: none;border-radius: 20px;
    padding: 7px 20px 7px 14px;font-size: 1rem;
    font-family: 'Orbitron', monospace;font-weight: 600;
    box-shadow: 0 0 10px #05c8f7, 0 0 4px #2e5cff;
    text-decoration: none !important;margin-bottom: 4px;
    -webkit-transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}

.btn-waze-link i {margin-right: 7px;font-size: 1.1em;}

.btn-waze-link:hover {
    background: linear-gradient(45deg, #2e5cff, #05c8f7);
    color: #fff !important;box-shadow: 0 0 18px #2e5cff, 0 0 8px #05c8f7;
    -webkit-transform: translateY(-2px) scale(1.04);
    transform: translateY(-2px) scale(1.04);
}

.btn-social {
    display: inline-flex;align-items: center;justify-content: center;
    width: 44px;height: 44px;border-radius: 50%;
    background: linear-gradient(45deg, var(--neon-pink), var(--neon-cyan));
    color: #fff !important;font-size: 1.3rem;
    box-shadow: 0 0 10px var(--neon-pink), 0 0 4px var(--neon-cyan);
    border: none;text-decoration: none !important;
    -webkit-transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
    margin-bottom: 4px;
}

.btn-social:hover {
    background: linear-gradient(45deg, var(--neon-cyan), var(--neon-pink));
    color: #fff !important;box-shadow: 0 0 18px var(--neon-cyan), 0 0 8px var(--neon-pink);
    -webkit-transform: translateY(-2px) scale(1.08);
    transform: translateY(-2px) scale(1.08);
}

/* Section Titles */
.section-title {
    font-family:'Orbitron',monospace;font-size:2.5rem;font-weight:900;
    text-align:center;margin-bottom:2.2rem;color:var(--neon-pink);
    text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink);
}

/* Images */
.img-fluid {
    border:2px solid var(--neon-cyan);
    box-shadow:0 0 20px var(--neon-cyan),0 0 10px var(--neon-pink);
}

/* Footer */
footer {
    background:var(--darker-bg);border-top:2px solid var(--neon-cyan);
    padding:2rem 0;position:relative;
}

.footer-content {
    color:#cccccc;text-align:center;font-family:'Orbitron',monospace;
}

.footer-content:before {
    content:'';display:block;width:100px;height:4px;
    margin:0 auto 1rem auto;
    background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));
    border-radius:2px;
}

/* Scrollbar */
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background:var(--dark-bg);}
::-webkit-scrollbar-thumb {
    background:linear-gradient(45deg,var(--neon-cyan),var(--neon-pink));
    border-radius:5px;
}

/* 赞助商区域样式 */
.sponsors-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    position: relative;
    overflow: hidden;
}

.sponsors-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(0, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 0, 255, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.sponsors-header {
    position: relative;
    z-index: 2;
}

.sponsors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
    position: relative;
    z-index: 2;
}

.sponsor-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(0, 255, 255, 0.2);
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sponsor-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.sponsor-item:hover::before {
    left: 100%;
}

.sponsor-item:hover {
    transform: translateY(-10px);
    border-color: var(--neon-cyan);
    box-shadow: 
        0 10px 30px rgba(0, 255, 255, 0.3),
        0 0 20px rgba(0, 255, 255, 0.2);
}

.sponsor-logo {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    position: relative;
    text-align: center;
}

.sponsor-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: brightness(0.9) contrast(1.1);
    transition: all 0.3s ease;
}

.sponsor-item:hover .sponsor-logo img {
    filter: brightness(1.1) contrast(1.2);
    transform: scale(1.05);
}

.sponsor-info h5 {
    color: var(--neon-cyan);
    font-family: 'Orbitron', monospace;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.sponsor-info p {
    color: #ccc;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.9rem;
    margin: 0;
}

/* 赞助商分类筛选 */
.sponsor-filters {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    position: relative;
    z-index: 2;
}

.filter-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 255, 255, 0.3);
    color: #ccc;
    padding: 0.8rem 1.5rem;
    border-radius: 25px;
    font-family: 'Orbitron', monospace;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.filter-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.2), transparent);
    transition: left 0.3s ease;
}

.filter-btn:hover::before {
    left: 100%;
}

.filter-btn:hover {
    color: var(--neon-cyan);
    border-color: var(--neon-cyan);
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
}

.filter-btn.active {
    background: var(--neon-cyan);
    color: var(--dark-bg);
    border-color: var(--neon-cyan);
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

/* 不同尺寸logo的适配 */
.sponsor-item[data-category="premium"] .sponsor-logo {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sponsor-item[data-category="premium"] .sponsor-logo img {
    max-height: 120px;
}

.sponsor-item[data-category="standard"] .sponsor-logo {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sponsor-item[data-category="standard"] .sponsor-logo img {
    max-height: 80px;
}

/* 赞助商动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes sponsorGlow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 30px rgba(0, 255, 255, 0.6);
    }
}

.sponsor-item {
    animation: fadeInUp 0.6s ease forwards;
}

.sponsor-item:nth-child(1) { animation-delay: 0.1s; }
.sponsor-item:nth-child(2) { animation-delay: 0.2s; }
.sponsor-item:nth-child(3) { animation-delay: 0.3s; }
.sponsor-item:nth-child(4) { animation-delay: 0.4s; }
.sponsor-item:nth-child(5) { animation-delay: 0.5s; }
.sponsor-item:nth-child(6) { animation-delay: 0.6s; }

/* Responsive Design */
@media (max-width: 992px) {
    .hologram-content{width:220px;height:220px;font-size:2.5rem;}
    
    /* 平板端赞助商优化 */
    .sponsors-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1.2rem;
    }
    
    .sponsor-item {
        padding: 1.2rem;
    }
    
    .sponsor-logo {
        height: 80px;
    }
    
    .sponsor-item[data-category="premium"] .sponsor-logo {
        height: 90px;
    }
    
    .sponsor-item[data-category="premium"] .sponsor-logo img {
        max-height: 80px;
    }
    
    .sponsor-item[data-category="standard"] .sponsor-logo {
        height: 70px;
    }
    
    .sponsor-item[data-category="standard"] .sponsor-logo img {
        max-height: 60px;
    }
}

@media (max-width: 768px) {
    .hero h1{font-size:2rem;}
    .section-title{font-size:1.5rem;}
    .hologram-content{width:160px;height:160px;font-size:1.6rem;margin-top:32px;}
    .hero-content{padding:1.2rem;margin-bottom:18px;}
    .navbar .container, .footer-content {text-align:center;}
    .navbar-nav {justify-content:center !important;}
    .navbar-brand img {height:36px;}
    .btn-cyber {font-size:1.1rem;padding:12px 20px;}
    .contact-cyber {padding:1.2rem;}
    .contact-item {padding:0.7rem;margin-bottom:0.7rem;}
    .contact-icon-cyber {width:40px;height:40px;font-size:1.1rem;margin-right:0.7rem;}
    .contact-text h5 {font-size:1rem;}
    .contact-text p {font-size:0.95rem;}
    
    /* 赞助商区域响应式 */
    .sponsors-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
    }
    
    .sponsor-item {
        padding: 1rem;
    }
    
    .sponsor-logo {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .sponsor-item[data-category="premium"] .sponsor-logo {
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .sponsor-item[data-category="premium"] .sponsor-logo img {
        max-height: 60px;
        max-width: 90%;
    }
    
    .sponsor-item[data-category="standard"] .sponsor-logo {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .sponsor-item[data-category="standard"] .sponsor-logo img {
        max-height: 45px;
        max-width: 90%;
    }
    
    .sponsor-filters {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .filter-btn {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }
    .img-fluid {margin-bottom:1rem;}
    .row.justify-content-center {flex-direction:column;align-items:center;}
    .col-lg-4 {max-width:90vw;width:100%;}
    .contact-btns {
        display: flex;flex-direction: column;gap: 8px;
    }
    .btn-phone, .btn-whatsapp {
        width: 100%;margin-right: 0 !important;margin-left: 0 !important;
    }
}

/* 超小屏幕优化 (手机竖屏) */
@media (max-width: 480px) {
    /* 赞助商区域超小屏幕优化 */
    .sponsors-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
        padding: 0 1rem;
    }
    
    .sponsor-item {
        padding: 0.8rem;
        margin-bottom: 0.5rem;
    }
    
    .sponsor-logo {
        height: 50px;
    }
    
    .sponsor-item[data-category="premium"] .sponsor-logo {
        height: 55px;
    }
    
    .sponsor-item[data-category="premium"] .sponsor-logo img {
        max-height: 50px;
        max-width: 85%;
    }
    
    .sponsor-item[data-category="standard"] .sponsor-logo {
        height: 45px;
    }
    
    .sponsor-item[data-category="standard"] .sponsor-logo img {
        max-height: 40px;
        max-width: 85%;
    }
    
    /* 赞助商标题优化 */
    .sponsors-header h3 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    .sponsors-header p {
        font-size: 0.9rem;
        margin-bottom: 2rem;
    }
    
    /* 筛选按钮优化 */
    .sponsor-filters {
        gap: 0.3rem;
        margin-top: 1.5rem;
    }
    
    .filter-btn {
        padding: 0.5rem 0.8rem;
        font-size: 0.8rem;
    }
}