@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
.container{max-width:100%;margin:0 40px;padding:0 20px}

.row_class{display: flex;flex-direction: row;}
.column_class{display: flex;flex-direction: column;}

.topbar{margin-top:40px;position:relative;z-index: 80;}
.nav{position: relative;display:flex;align-items:center;justify-content:space-between;height:64px;border-radius: 99px 99px 99px 99px;border: 2px solid #FFFFFF;}
.logo{font-weight:700;letter-spacing:1px}
.menu{display:flex;gap:60px}
.menu a{color:#333;text-decoration:none}
.menu-active{font-weight: bold;color: #101010;}
.menu-inactive{font-weight: medium;color: #000000;}
.btn{border:none;border-radius:24px;padding:10px 18px;cursor:pointer;transition:all .2s ease}
.btn-primary{background: linear-gradient( 90deg, #E4FDBF 0%, #D3FF91 100%);border-radius: 99px 99px 99px 99px;}
.btn-primary_submit{background: linear-gradient( 90deg, #E4FDBF 0%, #D3FF91 100%);border-radius: 99px 99px 99px 99px;}
.btn-secondary{background:#e9f3ff;color:#1b4d95}
.btn.small{padding:6px 12px;border-radius:18px}
.input{height:38px;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}

.hero{position:relative;margin-top:-110px;}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none}
.hero-bg{width:100%;height:auto;display:block}
.hero-inner{position:absolute;inset:0;display:flex;gap:40px;padding:140px 40px 0 40px;}

.hero-figure{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;margin-right: 50px;}
.human-wrap{position:relative;height:80%;}
.human{height:100%;width:auto;display:block}
.org-item{display:flex;align-items:center;font-size:12px;}
.org-icon{width:70px;height:70px;object-fit:cover;border-radius:12px}
.org-left-gap{justify-content: center;align-items: center;}
.org-left-gap2{margin-left: -100px;}
.org-right-gap{margin-left: -200px;}
.org-right-gap2{margin-left: 100px;}
.org-name{white-space:nowrap;font-size:14px;}
.orbit{position:absolute;inset:0}
/* .pill{position:absolute;background:#fff;border:1px solid #eee;border-radius:20px;padding:6px 10px;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)} */
.orbit-top{position:absolute;left:50%;top:-100px;transform:translate(-50%,0);display:flex;gap:15px}
.orbit-left{position:absolute;right:100%;top:45%;transform:translate(-12px,-50%);display:flex;flex-direction:column;gap:10px}
.orbit-right{position:absolute;left:100%;top:45%;transform:translate(12px,-50%);display:flex;flex-direction:column;gap:10px}
.orbit-left .org-item,.orbit-right .org-item{flex-direction:column;align-items:center}
/* //.pill{background:#fff;border:1px solid #eee;border-radius:20px;padding:6px 10px;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)} */

.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.results{padding:32px 0}
.search{padding:12px 0}
.search-panel{display:flex;gap:16px;justify-content:flex-end}
.input-file{position:relative;display:inline-flex;align-items:center}
.input-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.input-file span{display:inline-block;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:8px 14px;color:#374151}
.search-preview{margin-top:12px}
.search-preview img{width:100%;height:auto;border-radius:12px;border:1px solid #eef}
.table{width:100%;background:#fff;border:1px solid #eef;border-radius:12px;overflow:hidden}
.thead,.tr{display:grid;grid-template-columns:2fr 2fr 1fr 1.5fr 1fr}
.thead{background:#f8fafc;font-weight:600}
.thead>div,.tr>div{padding:12px;border-bottom:1px solid #f1f5f9}
.tbody .tr:last-child>div{border-bottom:none}
.link{color:#1b4d95;text-decoration:none}

.download{padding:12px 0 40px}

.analysis{padding:28px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid #eef;border-radius:12px;overflow:hidden}
.card img{width:100%;height:180px;object-fit:cover}
.card-body{padding:12px}
.card-title{font-weight:600;margin-bottom:6px}
.card-desc{color:#6b7280;margin-bottom:10px}

.about{padding:34px 0;border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);}
.team{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.member{background:#fff;padding:18px;text-align:center}
.member-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}
.member-avatar-middle{width:171px;height:171px;border-radius:50%;object-fit:cover;}
.member-name{margin-top:8px;font-weight:600}
.member-role{color:#6b7280}

.footer{background:#e9f7d8;}
.footer-inner{display:flex;justify-content:space-between;gap:20px;padding:22px 0}
.footer-title{font-weight:700;margin-bottom:6px}
.footer-links{background:#e9f7d8;border-top:1px solid #eef}
.footer-box{
  font-size: 14px;color: #666666;margin-bottom: 10px;
}
.links-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}
.foot-logo{font-weight:700;color:#64748b}
.foot-nav{display:flex;gap:30px}
.foot-nav a{color:#666666;text-decoration:none}
.foot-social{display:flex;gap:10px}
.soc span{display:inline-block;width:12px;height:12px;border-radius:50%;background:#0f172a}

.scroll-flash{position:fixed;inset:0;background:radial-gradient(600px 300px at 50% 30%, rgba(88,210,107,.25), transparent 60%), linear-gradient(180deg, rgba(27,77,149,.12), transparent);opacity:0;transition:opacity .9s ease;z-index:15;pointer-events:none}
.scroll-flash.show{opacity:1}
html.tilt .hero-inner{transform:translateY(-6px);filter:saturate(1.05);transition:transform .9s ease, filter .9s ease}
html.tilt .nav{box-shadow:0 10px 30px rgba(27,77,149,.15);transform:translateY(-4px);transition:transform .9s ease, box-shadow .9s ease}

@media (max-width:900px){
  .hero-inner{flex-direction:column}
  .cards{grid-template-columns:1fr 1fr}
  .team{grid-template-columns:1fr 1fr}
  .thead,.tr{grid-template-columns:1.5fr 1.5fr .8fr 1fr .8fr}
}
@media (max-width:600px){
  .cards{grid-template-columns:1fr}
  .team{grid-template-columns:1fr}
}
.search{padding:16px 0}
.search-panel{display:flex;flex-direction:column;gap:12px}

.search-content-box{display: flex;flex-direction: row;}
.filter-item{background:#fff;border:1px solid #eef;border-radius:12px;padding:12px}
.filter-title{font-weight:600;margin-bottom:8px}
.filter-select{width:100%;min-height:120px;border:1px solid #e5e7eb;border-radius:10px;padding:6px}
.search-preview{margin-top:12px}
.search-preview img{width:100%;height:auto;border-radius:12px;border:1px solid #eef}


@media (max-width: 600px) {
  .hero {
    width: 80vw;    /* 在小屏幕设备上宽度是视口宽度的80% */
    height: 80vh;   /* 在小屏幕设备上高度是视口高度的80% */
  }
}