/* uling19.com 视觉打磨层 2026-07-26 · 回滚：删除 index.html 中本文件的 <link> 即可 */

/* 1. 统一设计令牌：柔化背景粒子、统一圆角阴影 */
#bgCanvas{opacity:.55}
.mouse-blur{opacity:.6}

/* 2. 提升低对比文字可读性 */
.lead{color:var(--text-soft)}
.menu-card p{color:var(--text-soft);font-size:.92rem;line-height:1.7}
.footerbar span{color:var(--text-soft)}

/* 3. 目录卡片：统计数字升级为主视觉，填充空区 */
.menu-card{display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.menu-card:hover,.menu-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 46px rgba(0,0,0,.22),var(--glow);border-color:var(--line-strong)}
.menu-card-meta{margin-top:auto;padding-top:14px}
.menu-card-meta span{font-size:1.02rem;font-weight:700;color:var(--text);letter-spacing:.01em}
.menu-card-meta b{font-size:1.05rem;transition:transform .2s ease}
.menu-card:hover .menu-card-meta b{transform:translateX(4px)}
.menu-num{font-variant-numeric:tabular-nums}

/* 4. 主题切换：一体化 segmented control */
.top-theme{display:inline-flex;gap:0;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.top-theme button{border:0;background:transparent;border-radius:999px;padding:6px 13px;transition:background .18s ease,color .18s ease}
.top-theme button.active{background:var(--cyan);color:var(--bg0)}
[data-theme="light"] .top-theme button.active{color:#fff}

/* 5. 项目/奖项/能力卡片统一悬浮反馈 */
.project-card,.award-card,.ability-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.project-card:hover,.award-card:hover,.ability-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 16px 40px rgba(0,0,0,.2)}

/* 6. AI 悬浮按钮与整体渐变风格统一 */
.fab{background:linear-gradient(135deg,var(--cyan),var(--violet));color:var(--bg0);border:0;font-weight:700;box-shadow:0 10px 30px rgba(98,217,238,.28)}
[data-theme="light"] .fab{color:#fff}
.fab:hover{filter:brightness(1.08)}

/* 7. 底栏：弱化冗余页码，避免与圆点导航抢焦点 */
.page-no{opacity:.65;font-variant-numeric:tabular-nums}
.dot-nav button{transition:transform .18s ease,background .18s ease}
.dot-nav button:hover{transform:scale(1.35)}

/* 8. 服务入口卡片微交互 */
.ulh-svc{transition:transform .18s ease,border-color .18s ease,background .18s ease}
.ulh-svc:hover{transform:translateY(-2px);border-color:var(--line-strong)}

/* 9. 每页左上角标题区瘦身：减少“标签+标题+副标题+导语”的拥挤感 */
.slide-head{gap:14px;align-items:flex-start}
.slide-head>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"eyebrow subtitle" "title title" "lead lead";column-gap:12px;row-gap:6px;max-width:min(72ch,100%)}
.slide-head .eyebrow{grid-area:eyebrow;margin:0;align-self:center;height:24px;padding:0 10px;font-size:.62rem;letter-spacing:.11em;opacity:.88}
.slide-head .title,.slide-head .section-title{grid-area:title;margin:0;font-size:clamp(1.95rem,3.2vw,3.35rem);line-height:1.02;letter-spacing:-.045em}
.slide-head .subtitle{grid-area:subtitle;margin:0;align-self:center;font-size:.68rem;letter-spacing:.12em;line-height:1.32;color:var(--muted);white-space:normal;max-width:30ch}
.slide-head .lead{grid-area:lead;margin:2px 0 0;max-width:52ch;font-size:.86rem;line-height:1.58;color:var(--soft-copy,var(--text-soft))}
.slide-head .top-theme{margin-top:2px;flex:none}
.slide-head .section-title+ .lead,.slide-head .section-title~.lead{margin-top:0}

@media (max-width: 760px){
  .slide-head>div:first-child{display:block;max-width:100%}
  .slide-head .eyebrow{display:inline-flex;margin-bottom:6px}
  .slide-head .subtitle{display:block;margin-top:4px;white-space:normal}
  .slide-head .title,.slide-head .section-title{font-size:1.7rem;line-height:1.08}
  .slide-head .lead{font-size:.83rem;line-height:1.5;margin-top:6px}
}

/* 10. 标题区质感升级：静态光轨 + 渐变标题，不新增动画负担 */
html body .slide-head>div:first-child{position:relative;padding-left:16px}
html body .slide-head>div:first-child::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--violet) 58%,var(--green));box-shadow:0 0 16px rgba(98,217,238,.22)}
html body .slide-head>div:first-child::after{content:"";position:absolute;left:16px;right:0;bottom:-8px;height:1px;background:linear-gradient(90deg,rgba(98,217,238,.34),rgba(149,120,240,.16),transparent 72%);pointer-events:none}
html body .slide-head .eyebrow{background:linear-gradient(135deg,rgba(98,217,238,.10),rgba(149,120,240,.08));border-color:rgba(98,217,238,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html body .slide-head .title,html body .slide-head .section-title{display:inline-block;width:max-content;max-width:100%;background:linear-gradient(110deg,var(--text) 0%,var(--text) 52%,var(--cyan) 76%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 34px rgba(98,217,238,.10)}
html[data-theme="light"] body .slide-head .title,html[data-theme="light"] body .slide-head .section-title{background:linear-gradient(110deg,#0f1b39 0%,#0f1b39 56%,#2563eb 78%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
html[data-theme="light"] body .slide-head>div:first-child::before{box-shadow:0 0 14px rgba(37,99,235,.12)}

/* 11. 稳定切页可见性 + 桌面降载：非活动页不参与绘制 */
html body .slide.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html body .slide:not(.active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media (min-width:901px){
  html body .slide:not(.active) .slide-inner{content-visibility:hidden;contain-intrinsic-size:840px 1200px}
  html body .slide{backdrop-filter:blur(14px) saturate(1.12)!important}
}

@media (max-width: 760px){
  html body .slide-head>div:first-child{padding-left:12px}
  html body .slide-head>div:first-child::after{left:12px;bottom:-6px}
  html body .slide-head>div:first-child::before{width:2px}
}

@media (prefers-reduced-motion: reduce){
  .menu-card,.project-card,.award-card,.ability-card,.ulh-svc,.dot-nav button,.menu-card-meta b{transition:none}
  .menu-card:hover,.project-card:hover,.award-card:hover,.ability-card:hover,.ulh-svc:hover{transform:none}
}