/* index.css - 门户首页专属CSS */

/* Features 区域 */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.feature-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .3s;position:relative;overflow:hidden}
.feature-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.08);transform:translateY(-4px);border-color:var(--primary)}
.feature-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}
.feature-icon.blue{background:#e8f0fe;color:#1a73e8}
.feature-icon.gold{background:#fef7e0;color:#f9ab00}
.feature-icon.green{background:#e6f4ea;color:#137333}
.feature-icon.purple{background:#f3e8fd;color:#8430ce}
.feature-icon.red{background:#fce8e6;color:#c5221f}
.feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--dark)}
.feature-card p{font-size:15px;color:var(--gray);line-height:1.6}
.feature-card .feature-num{position:absolute;top:16px;right:20px;font-size:40px;font-weight:800;color:var(--border);z-index:0}

/* Principles 区域 */
.principles{background:var(--light);padding:80px 20px}
.principles-content{max-width:1000px;margin:0 auto}
.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px}
.principle-item{text-align:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.principle-item .icon{font-size:36px;margin-bottom:12px}
.principle-item h4{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:8px}
.principle-item p{font-size:14px;color:var(--gray)}

/* Technology 区域 */
.tech-section{background:var(--dark);color:#fff;padding:80px 20px}
.tech-content{max-width:1000px;margin:0 auto;text-align:center}
.tech-content h2{font-size:36px;margin-bottom:16px}
.tech-content>p{font-size:18px;color:rgba(255,255,255,.7);margin-bottom:48px}
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.tech-item{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s}
.tech-item:hover{border-color:var(--gold);background:rgba(255,215,0,.05)}
.tech-item .tech-icon{font-size:32px;margin-bottom:12px}
.tech-item h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--gold)}
.tech-item p{font-size:14px;color:rgba(255,255,255,.6)}

/* 首页响应式 */
@media(max-width:768px){
    .features-grid{grid-template-columns:1fr;gap:16px}
    .feature-card{padding:24px}
    .tech-grid{grid-template-columns:1fr 1fr;gap:12px}
    .tech-item{padding:16px}
    .principles-grid{grid-template-columns:1fr 1fr;gap:12px}
    .principle-item{padding:16px}
}