/* 浅蓝主题样式（BEM 风格）——卡片化、居中、带动画 */
:root{
  --bg-1:#eaf6ff; --bg-2:#d7efff; --card:#ffffff; --text:#052635; --accent:#2b8cff; --container:1100px;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;margin:0;color:var(--text);background:linear-gradient(180deg,var(--bg-1),var(--bg-2));-webkit-font-smoothing:antialiased}
.container{max-width:var(--container);margin:0 auto;padding:32px}
.site-header{background:transparent;border-bottom:none}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-title{margin:0;font-size:1.2rem;color:var(--text)}
.site-logo{height:88px;width:auto;display:block;transition:height .24s ease}
@media(max-width:600px){
  .site-logo{height:56px}
}
.site-logo-link{display:inline-block;vertical-align:middle}
.site-header nav a{margin-left:12px;color:var(--text);text-decoration:none}
.hero{padding:48px 0;text-align:center}
.hero h2{font-size:1.8rem;margin:0 0 8px}

/* 渐变文本样式（用于英雄标题） */
.gradient-text{
  background: linear-gradient(90deg,#ff7aa2 0%,#ffd76b 35%,#6bd3ff 70%,#7b6bff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  background-size: 200% 100%;
  animation: gradient-move 4s linear infinite;
}

@keyframes gradient-move{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(43,140,255,0.18)}

/* 公司信息布局 */
.company__inner{display:flex;gap:20px;background:var(--card);border-radius:12px;padding:20px;box-shadow:0 10px 30px rgba(16,42,67,0.06);align-items:flex-start;margin-top:18px}
.company__nav{width:240px;flex:0 0 240px;display:flex;flex-direction:column;gap:10px}
.company__item{background:transparent;border:1px solid rgba(5,38,53,0.06);padding:12px;border-radius:10px;text-align:left;cursor:pointer;font-weight:600;color:var(--text);transition:background-color .22s ease,transform .12s ease,box-shadow .12s ease}
.company__item:hover{transform:translateX(4px);box-shadow:0 6px 18px rgba(43,140,255,0.06)}
.company__item.is-active{background:var(--accent);color:#fff;border-color:transparent;transform:none}
.company__content{flex:1;background:transparent;padding:8px}
.company__inner{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.is-loaded .company__inner{opacity:1;transform:none}

.company__panel{background:transparent;opacity:0;transform:translateY(8px);max-height:0;overflow:hidden;transition:opacity .36s cubic-bezier(.2,.8,.2,1),transform .36s cubic-bezier(.2,.8,.2,1),max-height .36s cubic-bezier(.2,.8,.2,1);padding:0}
.company__panel.is-visible{opacity:1;transform:none;max-height:1600px;padding:8px 0;transition-delay:0.06s}
.company__panel h3{margin-top:0}
.company__panel .meta{font-size:0.9rem;color:#6b7280}

.features{display:none}
.site-footer{padding:18px;text-align:center;color:var(--text)}

@media(min-width:900px){
  .hero h2{font-size:2rem}
}
@media(max-width:899px){
  .company__inner{flex-direction:column}
  .company__nav{width:100%;flex:0 0 auto;order:0;display:flex;flex-direction:row;overflow:auto}
  .company__item{white-space:nowrap;flex:0 0 auto}
}