* {margin:0;padding:0;box-sizing:border-box;}

body {font-family:'Arial','Segoe UI',sans-serif;line-height:1.6;color:#ddd;background:#121212;}

.container {max-width:1000px;margin:0 auto;padding:0 15px;}

/* 导航栏 */
.navbar {background:#1e1e1e;color:#fff;padding:0.8rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.5);}
.navbar .container {display:flex;justify-content:space-between;align-items:center;}
.logo {display:flex;align-items:center;gap:10px;}
.logo-img {width:36px;height:36px;border-radius:4px;}
.logo h1 {font-size:20px;font-weight:bold;color:#fff;}
.nav-menu {display:flex;list-style:none;gap:20px;}
.nav-menu a {color:#ddd;text-decoration:none;transition:color 0.3s;font-weight:500;font-size:14px;}
.nav-menu a:hover {color:#7bc97f;}

/* Hero 部分 */
.hero {background:linear-gradient(135deg,#0a0a0a,#181818);color:#fff;padding:60px 0;display:flex;align-items:center;justify-content:center;min-height:400px;margin-bottom:30px;}
.hero .container {display:flex;justify-content:space-between;align-items:center;width:100%;}
.hero-content {flex:1;padding-right:30px;}
.hero h1 {font-size:36px;margin-bottom:15px;font-weight:bold;}
.hero p {font-size:16px;margin-bottom:20px;opacity:0.9;}
.hero-image {flex:1;display:flex;justify-content:center;align-items:center;}
.hero-icon {width:200px;height:200px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,0.5);animation:float 3s ease-in-out infinite;}
@keyframes float {0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}

/* 按钮 */
.btn {padding:10px 25px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;transition:all 0.3s;text-decoration:none;display:inline-block;}
.btn-primary {background:#7bc97f;color:#121212;}
.btn-primary:hover {background:#5cb366;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.4);}
.btn-secondary {background:#3498db;color:#fff;padding:6px 12px;font-size:13px;}
.btn-secondary:hover {background:#2980b9;}

/* 内容区 */
section {padding:40px 0;margin-bottom:30px;}
.about, .features, .rules, .join, .contact, footer {background:#1e1e1e;}
.about h2, .features h2, .rules h2, .join h2, .contact h2 {font-size:28px;margin-bottom:25px;text-align:center;color:#7bc97f;}

.about-content {display:flex;gap:30px;align-items:center;flex-wrap:wrap;}
.about-text {flex:1;}
.about-text p {font-size:14px;margin-bottom:10px;line-height:1.6;color:#ccc;}

.stats {flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;}
.stat-box {background:#2a2a2a;color:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.4);}
.stat-box h3 {font-size:22px;margin-bottom:8px;}
.stat-box p {font-size:12px;}

/* 特色 */
.features {background:#1e1e1e;}
.features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.feature-card {background:#2a2a2a;padding:30px 15px;border-radius:8px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.4);transition:transform 0.3s,box-shadow 0.3s;}
.feature-card:hover {transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.6);}
.feature-icon {font-size:36px;margin-bottom:10px;color:#7bc97f;}
.feature-card h3 {font-size:18px;margin-bottom:8px;color:#ddd;}
.feature-card p {font-size:13px;color:#bbb;}

/* 规则 */
.rules-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.rule-item {background:#2a2a2a;padding:20px;border-left:4px solid #7bc97f;border-radius:6px;}
.rule-item h4 {color:#7bc97f;margin-bottom:6px;font-size:14px;}
.rule-item p {color:#ccc;font-size:12px;}

/* 加入 */
.join-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.step {background:#2a2a2a;padding:20px;border-radius:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.4);}
.step-number {display:inline-block;width:40px;height:40px;background:linear-gradient(135deg,#2d5a3d,#1a472a);color:#fff;border-radius:50%;line-height:40px;font-size:20px;font-weight:bold;margin-bottom:10px;}
.step h3 {color:#ddd;margin-bottom:6px;font-size:16px;}
.step p {color:#bbb;font-size:12px;margin-bottom:6px;}
.step code {background:#2a2a2a;padding:4px 8px;border-radius:3px;font-family:'Courier New',monospace;color:#7bc97f;font-size:12px;}

/* 联系 */
.contact-info {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;}
.info-item {background:rgba(255,255,255,0.1);padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,0.2);}
.info-item h4 {font-size:14px;margin-bottom:6px;color:#7bc97f;}
.info-item p {font-size:16px;font-weight:bold;color:#fff;}
.info-item a {color:#7bc97f;text-decoration:none;} .info-item a:hover{ text-decoration:underline; }

/* 页脚 */
footer {background:#111;color:#aaa;padding:30px 0 15px;margin-top:30px;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:20px;}
.footer-section h4{margin-bottom:10px;font-size:14px;color:#7bc97f;}
.footer-section p{font-size:12px;line-height:1.6;color:#aaa;}
.footer-section a{color:#7bc97f;text-decoration:none;} .footer-section a:hover{text-decoration:underline;}
.footer-bottom{text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,0.1);font-size:11px;color:#777;}

/* 响应 */
@media(max-width:768px){.nav-menu{gap:10px;font-size:13px;}.hero{padding:40px 0;}.hero h1{font-size:30px;}.hero p{font-size:14px;}.hero-icon{width:150px;height:150px;margin-top:20px;}.about-content{flex-direction:column;gap:20px;}.stats{grid-template-columns:1fr;}.join-steps,.features-grid,.rules-content,.contact-info{grid-template-columns:1fr;}.logo h1{font-size:16px;}}

/* 下载部分 */
.downloads-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.dl-card {background:#2a2a2a;padding:18px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.45);}
.dl-card h3 {font-size:16px;margin-bottom:8px;color:#fff;}
.dl-card p {font-size:13px;color:#bbb;margin-bottom:12px;}
.dl-actions {text-align:right;}
.dl-actions .btn-secondary{background:#7bc97f;color:#121212;padding:8px 14px;font-weight:600;border-radius:6px;}
.dl-actions .btn-secondary:hover{background:#5cb366}

/* 创意灵感小部件 */
.inspire {padding:20px 0;margin-bottom:20px;}
.inspire-card{max-width:480px;margin:0 auto;background:#222;padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.6);}
.inspire-card h3{color:#7bc97f;margin-bottom:8px;font-size:18px}
#inspire-text{color:#ccc;font-size:14px;line-height:1.6}