/* 前台首页样式 */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;}

.container {max-width:1200px;margin:0 auto;padding:0 20px;}

/* 头部 */
.site-header {background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;width:100%;top:0;z-index:1000;}
.site-header .container {display:flex;justify-content:space-between;align-items:center;padding:15px 20px;}
.logo h1 {font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.logo p {font-size:12px;color:#666;}
.main-nav {display:flex;align-items:center;gap:25px;}
.main-nav a {text-decoration:none;color:#333;font-size:14px;transition:color 0.3s;}
.main-nav a:hover {color:#667eea;}
.btn-login {background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;padding:10px 25px;border-radius:25px;}

/* Hero */
.hero {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:180px 0 100px;text-align:center;}
.hero h1 {font-size:48px;margin-bottom:15px;}
.hero .subtitle {font-size:22px;opacity:0.9;margin-bottom:30px;}
.hero-features {display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap;}
.hero-features span {background:rgba(255,255,255,0.2);padding:8px 20px;border-radius:25px;font-size:14px;}
.hero-actions {display:flex;justify-content:center;gap:15px;}
.btn {padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.btn-primary {background:#fff;color:#667eea;}
.btn-primary:hover {transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.btn-secondary {border:2px solid #fff;color:#fff;}
.btn-secondary:hover {background:#fff;color:#667eea;}

/* 通用区块 */
section {padding:80px 0;}
section h2 {text-align:center;font-size:36px;margin-bottom:50px;}

/* 功能 */
.features {background:#f8f9fa;}
.feature-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.feature-card {background:#fff;padding:40px 30px;border-radius:15px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.05);transition:transform 0.3s;}
.feature-card:hover {transform:translateY(-10px);}
.feature-icon {font-size:60px;margin-bottom:20px;}
.feature-card h3 {font-size:22px;margin-bottom:15px;}
.feature-card p {color:#666;}

/* 平台 */
.platform-list {display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:30px;}
.platform-item {background:#f5f5f5;padding:15px 25px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:16px;transition:all 0.3s;}
.platform-item:hover {background:#667eea;color:#fff;}
.platform-item .icon {font-size:24px;}
.platform-note {text-align:center;color:#999;font-size:14px;}

/* AI模型 */
.ai-models {background:#fff;}
.section-desc {text-align:center;color:#666;max-width:700px;margin:0 auto 40px;font-size:16px;}
.model-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:40px;}
.model-card {background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 15px;border-radius:10px;text-align:center;font-weight:600;box-shadow:0 5px 15px rgba(102,126,234,0.3);}
.model-features {max-width:500px;margin:0 auto;background:#f8f9fa;padding:30px;border-radius:15px;}
.model-features h3 {margin-bottom:15px;}
.model-features ul {list-style:none;}
.model-features li {padding:8px 0;border-bottom:1px solid #e8e8e8;}
.model-features li:last-child {border:none;}

/* 工作流程 */
.workflow {background:#f8f9fa;}
.workflow-steps {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;}
.step {background:#fff;padding:30px;border-radius:15px;text-align:center;flex:1;min-width:150px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.step-number {width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 15px;}
.step h3 {font-size:16px;margin-bottom:8px;}
.step p {color:#666;font-size:13px;}
.step-arrow {font-size:30px;color:#667eea;}

/* 页脚 */
.site-footer {background:#1a1a2e;color:#fff;padding:40px 0;text-align:center;}
.site-footer p {margin-bottom:10px;opacity:0.8;}
.site-footer a {color:#667eea;text-decoration:none;}

/* 响应式 */
@media (max-width:768px) {
    .hero h1 {font-size:32px;}
    .hero .subtitle {font-size:18px;}
    .main-nav {gap:15px;}
    .main-nav a:not(.btn-login) {display:none;}
    section {padding:50px 0;}
    section h2 {font-size:28px;}
    .step-arrow {display:none;}
}