* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, sans-serif; background-color: #f9fafb; color: #1e293b; line-height:1.5; }
.container { max-width:1280px; margin:0 auto; padding:0 24px; }
a { text-decoration:none; color:inherit; transition:all 0.2s; }

/* 头部 */
.header { background:#fff; border-bottom:1px solid #eef2f8; position:sticky; top:0; z-index:100; box-shadow:0 2px 8px rgba(0,0,0,0.02); }
.navbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:12px 0; gap:16px; }
.logo-area { display:flex; align-items:center; gap:12px; }
.logo-area > i { font-size:1.3rem; color:#0f766e; }
.logo-divider { width:1px; height:24px; background:#e2e8f0; }
.logo-text { display:flex; align-items:baseline; gap:8px; }
.logo-text span:first-child { font-size:1.5rem; font-weight:800; color:#0f766e; }
.logo-text span:last-child { font-size:0.85rem; font-weight:500; color:#5b6e8c; }
.category-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:#f8fafc; padding:6px 18px; border-radius:60px; }
.nav-category { font-weight:550; font-size:0.95rem; padding:8px 18px; border-radius:40px; color:#1e293b; white-space:nowrap; background:transparent; }
.nav-category i { margin-right:8px; color:#5b6e8c; }
.nav-category:hover { background:#e6f7f3; color:#0f766e; }
@media (max-width:860px) { .navbar { flex-direction:column; align-items:stretch; } .category-nav { justify-content:center; overflow-x:auto; padding:6px 12px; } .nav-category { font-size:0.85rem; padding:6px 14px; } }

/* 搜索条 */
.search-mini { background:linear-gradient(145deg,#f0fdfa 0%,#e6f7f2 100%); border-radius:2rem; margin:24px 0 28px; padding:20px 32px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.hero-search-form { background:white; border-radius:60px; display:flex; align-items:center; padding:0 0 0 20px; box-shadow:0 2px 8px rgba(0,0,0,0.03); border:1px solid #e2e8f0; min-width:260px; }
.hero-search-form input { flex:1; padding:10px 8px 10px 0; border:none; background:transparent; outline:none; font-size:0.9rem; }
.hero-search-form button { background:#0f766e; border:none; color:white; padding:0 20px; border-radius:60px; font-weight:600; cursor:pointer; height:44px; }

/* 主要内容 */
.about-hero { background:linear-gradient(145deg,#f0fdfa 0%,#e6f7f2 100%); border-radius:2rem; padding:48px 40px; text-align:center; margin:24px 0 40px; }
.about-hero h1 { font-size:2.2rem; font-weight:800; color:#0f172a; margin-bottom:16px; }
.about-hero p { font-size:1.1rem; color:#334155; max-width:700px; margin:0 auto; }
.about-section { background:white; border-radius:28px; padding:32px 36px; margin-bottom:32px; border:1px solid #edf2f7; box-shadow:0 4px 20px rgba(0,0,0,0.02); }
.about-section h2 { font-size:1.6rem; font-weight:700; border-left:4px solid #14b8a6; padding-left:16px; margin-bottom:24px; color:#0f172a; }
.about-section p { font-size:1rem; line-height:1.7; color:#1e293b; margin-bottom:1.2em; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; margin:32px 0 16px; }
.stat-item { background:#f8fafc; border-radius:20px; padding:24px 16px; }
.stat-number { font-size:2rem; font-weight:800; color:#0f766e; }
.stat-label { font-size:0.9rem; color:#475569; margin-top:8px; }
.domain-list { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:24px 0; }
.domain-card { background:#f8fafc; border-radius:20px; padding:24px; text-align:center; transition:0.2s; }
.domain-card i { font-size:2rem; color:#0f766e; margin-bottom:12px; }
.domain-card h3 { font-size:1.2rem; font-weight:700; margin-bottom:8px; }
.values-list { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:24px 0; }
.value-card { background:#f8fafc; border-radius:20px; padding:24px; text-align:center; }
.value-card i { font-size:2rem; color:#0f766e; margin-bottom:12px; }
.value-card h3 { font-size:1.2rem; font-weight:700; margin-bottom:8px; }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:20px; }
.team-card { background:#f8fafc; border-radius:20px; padding:20px; text-align:center; }
.team-card i { font-size:2.5rem; color:#0f766e; }
.team-card h4 { font-weight:700; margin:8px 0 4px; }
.team-card p { font-size:0.8rem; color:#5b6e8c; }
@media (max-width:768px) {
  .stats-grid, .domain-list, .values-list, .team-grid { grid-template-columns:1fr 1fr; }
  .about-section { padding:24px 20px; }
}
@media (max-width:480px) {
  .stats-grid, .domain-list, .values-list, .team-grid { grid-template-columns:1fr; }
}

.footer {
    background: #0f172a;
    color: #cbd5e1;
    padding: 20px 0 !important;
    margin: 48px 0 0 0 !important;
    border-radius: 32px 32px 0 0;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    left: 0 !important;
    box-sizing: border-box !important;
}
.footer-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
    box-sizing: border-box;
}
.footer-links-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-links-grid a {
    color: #cbd5e1;
    font-size: 0.9rem;
    font-weight: 500;
    transition: 0.2s;
}
.footer-links-grid a:hover {
    color: #2dd4bf;
    transform: translateY(-1px);
}
.footer-bottom {
    text-align: center;
    font-size: 0.8rem;
    color: #94a3b8;
    margin-bottom: 20px;
}
.copyright-text {
    display: block;
    text-align: center;
    line-height: 1.6;
}
.copyright-text span {
    display: block;
}
.beian {
    display: inline-block;
    align-items: center;
    gap: 6px;
}
.beian a, .copyright-text a {
    color: #94a3b8 !important;
    text-decoration: none !important;
}
.beian a:hover, .copyright-text a:hover {
    color: #2dd4bf !important;
}
.disclaimer {
    text-align: center;
    font-size: 0.7rem;
    color: #6c7a91;
    line-height: 1.5;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin: 0 !important;
}
.disclaimer a {
    color: #7e8aa2;
}
.disclaimer a:hover {
    color: #2dd4bf;
}
@media (max-width: 768px) {
    .footer-links-grid {
        gap: 16px;
    }
    .footer-links-grid a {
        font-size: 0.8rem;
    }
}
.domain-card i, 
.value-card i, 
.team-card i {
  color: #0f766e;
}