:root{--nike-black:#000;--nike-white:#fff;--nike-gray:#f5f5f5;--nike-light-gray:#e5e5e5;--nike-dark-gray:#757575;--nike-red:#e01e3f;--primary:#000;--secondary:#e01e3f;--accent:#ff6b00;--text:#333;--light-text:#767676;--background:#fff;--card-background:#f8f8f8}
*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif}
body{background-color:var(--nike-white);color:var(--text);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:#e3f2fd}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
header{background:var(--nike-black);color:var(--nike-white);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.header-content{justify-content:space-between}
.header-content,.logo{display:flex;align-items:center}
.logo{font-size:1.8rem;font-weight:800;letter-spacing:1px}
.logo span{color:var(--secondary)}
nav ul{display:flex;list-style:none}
nav li{margin-left:25px}
nav a{color:var(--nike-white);text-decoration:none;font-weight:500;transition:all .3s ease;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}
nav a:hover{color:var(--accent)}
.mobile-menu{display:none;font-size:1.5rem;color:var(--nike-white);cursor:pointer}
.hero{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(https://nike.putian1688.cn/bj1.jpg) no-repeat 50%/cover;height:500px;display:flex;align-items:center;position:relative;margin-bottom:30px;overflow:hidden}
.hero-content{position:relative;z-index:1;color:var(--nike-white);padding:0 20px;max-width:800px;text-align:center;margin:0 auto}
.hero h1{font-size:3rem;margin-bottom:20px;line-height:1.2;text-transform:uppercase;letter-spacing:2px}
.hero p{font-size:1.2rem;margin-bottom:30px;font-weight:300}
.btn{display:inline-block;background:var(--secondary);color:var(--nike-white);padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:700;transition:all .3s ease;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2);background:#c11a33}
.section{background:var(--background);border-radius:10px;padding:40px;margin-bottom:40px;box-shadow:0 5px 15px rgba(0,0,0,.05)}
.section h2{color:var(--primary);margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--secondary);display:inline-block;font-size:2rem;text-transform:uppercase;letter-spacing:1px}
.section h3{color:var(--primary);margin:25px 0 15px;font-size:1.5rem}
.comparison-table{width:100%;border-collapse:collapse;margin:25px 0;font-size:1rem}
.comparison-table td,.comparison-table th{padding:15px;text-align:left;border-bottom:1px solid var(--nike-light-gray)}
.comparison-table th{background-color:var(--primary);color:var(--nike-white);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.comparison-table tr:nth-child(2n){background-color:var(--card-background)}
.comparison-table td:first-child{font-weight:600}
.price-cards{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}
.price-card{flex:1;min-width:250px;background:var(--card-background);border-radius:10px;padding:25px;text-align:center;color:var(--text);box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease}
.price-card:hover{transform:translateY(-5px)}
.price-card h3{margin-bottom:15px;color:var(--primary);font-size:1.3rem}
.price{font-size:2.2rem;font-weight:700;margin:15px 0;color:var(--secondary)}
.tip-box{background:#e3f2fd;border-left:4px solid var(--secondary);padding:25px;margin:25px 0;border-radius:0 8px 8px 0}
.tip-box h3{color:var(--secondary);margin-bottom:15px;font-size:1.3rem}
.icon-list{list-style:none;margin:20px 0}
.icon-list li{margin-bottom:15px;display:flex;align-items:flex-start}
.icon-list i{color:var(--secondary);margin-right:15px;font-size:1.2rem;margin-top:3px}
.rating{display:flex;margin:15px 0}
.rating i{color:var(--accent);margin-right:5px}
@media (max-width:768px){.header-content{flex-direction:column;text-align:center}
nav ul{margin-top:15px;flex-wrap:wrap;justify-content:center;display:none}
nav ul.active{display:flex}
nav li{margin:0 10px 10px 0}
.mobile-menu{display:block;position:absolute;top:20px;right:20px}
.hero h1{font-size:2.2rem}
.price-cards{flex-direction:column}
.comparison-table{font-size:.9rem;display:block;overflow-x:auto}
.section{padding:25px}
}
footer{background:var(--primary);color:var(--nike-white);padding:50px 0 20px;margin-top:50px}
.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}
.footer-section{flex:1;min-width:250px;margin-bottom:30px}
.footer-section h3{margin-bottom:20px;color:var(--accent);font-size:1.3rem}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1);margin-top:20px}
.social-icons{display:flex;gap:15px;margin-top:15px}
.social-icons a{color:var(--nike-white);font-size:1.5rem;transition:color .3s ease}
.social-icons a:hover{color:var(--accent)}
@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.animated{animation:fadeIn .8s ease forwards}
.badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:600;margin-right:10px;margin-bottom:10px}
.badge-primary{background:var(--secondary);color:var(--nike-white)}
.badge-secondary{background:var(--accent);color:var(--nike-white)}
.divider{height:3px;background:var(--nike-light-gray);margin:30px 0;border-radius:3px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:25px 0}
.news-card{background:var(--card-background);border-radius:10px;overflow:hidden;transition:transform .3s ease}
.news-card:hover{transform:translateY(-5px)}
.news-content{padding:20px}
.news-date{color:var(--nike-dark-gray);font-size:.9rem;margin-bottom:10px;display:block}
.faq-item{margin-bottom:20px;border-bottom:1px solid var(--nike-light-gray);padding-bottom:20px}
.faq-question{font-weight:600;font-size:1.2rem;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-answer{color:var(--light-text);line-height:1.6}
.wechat-float-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#09bb07,#0eb00c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 5px 15px rgba(0,0,0,.3);cursor:pointer;z-index:999;transition:all .3s ease}
.wechat-float-btn:hover{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 25px;border-radius:30px;font-size:14px;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}
.toast.show{opacity:1}
@media (max-width:768px){.wechat-float-btn{bottom:20px;right:20px;width:50px;height:50px;font-size:24px}
.toast{width:80%;text-align:center}
}