/* ============================================================
   技术领航人计划 · 官网浮窗（标题排版修正版 v5）
   彩色八仙横条 + 金橙渐变标签 + 8 字漂浮
   纯 CSS / 零 JS

   关键修正：卡片与标签在 HTML 里是 <span>，必须显式 display:block，
   否则行内排版会撑破容器（表现为竖排、左侧大片空白、文字溢出边框）。
   ============================================================ */

.lc-float-box {
  position: fixed;
  right: 10px;
  top: 14vh;
  width: 170px;
  height: 56vh;
  min-height: 300px;
  max-height: 560px;
  pointer-events: none;
  z-index: 9998;
}

.lc-entry {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  display: block;
  pointer-events: auto;
  text-decoration: none;
  transform: translate(-50%, -50%);
  animation: lcFloat8 30s linear infinite;
  will-change: transform;
  filter: drop-shadow(0 8px 20px rgba(26, 48, 84, .20));
}

/* 卡片：必须 block，否则内部 img 与标签会挤在同一行 */
.lc-entry-card {
  display: block;
  position: relative;
  border-radius: 14px;
  padding: 6px 6px 7px;
  background: linear-gradient(180deg, #FFFDF8 0%, #FFF6E7 100%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .85) inset,
    0 2px 10px rgba(180, 96, 20, .14);
}

.lc-entry-art {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 9px;
}

/* 标签：块级 + 居中，横向铺满卡片内容宽 */
.lc-entry-tag {
  display: block;
  margin-top: 6px;
  padding: 6px 3px 7px;
  border-radius: 9px;
  text-align: center;
  overflow: hidden;
  background: linear-gradient(115deg,
    #FFC46B 0%, #FF8A4C 42%, #F0603C 70%, #E24B6A 100%);
  box-shadow: 0 3px 9px rgba(230, 92, 50, .28);
}

/* 第一行 · 主标题：技术联创 */
.lc-entry-txt {
  display: block;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 2px;
  color: #fff;
  white-space: nowrap;
  text-indent: 2px;
  text-shadow: 0 1px 3px rgba(140, 45, 18, .45);
}

/* 第二行 · 副标题：领航人计划（明显弱于主标题） */
.lc-entry-sub {
  display: block;
  margin-top: 3px;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1.5px;
  color: rgba(255, 255, 255, .82);
  white-space: nowrap;
  text-indent: 1.5px;
}

/* 悬浮微反馈 */
.lc-entry:hover,
.lc-entry:focus-visible {
  filter: drop-shadow(0 12px 26px rgba(26, 48, 84, .30));
}
.lc-entry:focus-visible {
  outline: 2px solid #1a5fb4;
  outline-offset: 5px;
  border-radius: 16px;
}

@keyframes lcFloat8 {
  0%    { transform: translate(-50%, -50%) translate(46%, 0%) rotate(0deg); }
  12.5% { transform: translate(-50%, -50%) translate(32.53%, 11.9%) rotate(2.5deg); }
  25%   { transform: translate(-50%, -50%) translate(0%, 0%) rotate(0deg); }
  37.5% { transform: translate(-50%, -50%) translate(-32.53%, -11.9%) rotate(-2.5deg); }
  50%   { transform: translate(-50%, -50%) translate(-46%, 0%) rotate(-3.2deg); }
  62.5% { transform: translate(-50%, -50%) translate(-32.53%, 11.9%) rotate(-2.5deg); }
  75%   { transform: translate(-50%, -50%) translate(0%, 0%) rotate(0deg); }
  87.5% { transform: translate(-50%, -50%) translate(32.53%, -11.9%) rotate(2.5deg); }
  100%  { transform: translate(-50%, -50%) translate(46%, 0%) rotate(0deg); }
}

/* 窄屏：整体再收一档，字号同步下调，避免文字顶到边 */
@media (max-width: 900px) {
  .lc-float-box {
    width: 148px;
    right: 6px;
    top: 13vh;
    height: 50vh;
    min-height: 260px;
  }
  .lc-entry { width: 132px; }
  .lc-entry-card { border-radius: 12px; padding: 5px 5px 6px; }
  .lc-entry-tag { border-radius: 8px; padding: 5px 3px 6px; margin-top: 5px; }
  .lc-entry-txt { font-size: 17px; letter-spacing: 1.6px; text-indent: 1.6px; }
  .lc-entry-sub { font-size: 10px; letter-spacing: 1.2px; margin-top: 2px; text-indent: 1.2px; }
}

/* 尊重减弱动效 */
@media (prefers-reduced-motion: reduce) {
  .lc-entry { animation: none; }
}