/* details 折叠组件样式 */
    details {
      background: transparent;
      border-radius: 12px;
      padding: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      overflow: hidden;
    }

    summary {
      font-size: 1.2rem;
      font-weight: bold;
      color: #333;
      cursor: pointer;
      outline: none;
      padding: 4px;
    }

	/* 基础容器（不带背景图） */
	.danmaku-container {
	  position: relative;
	  margin-top: 15px;
	  height: 220px;
	  border-radius: 8px;
	  overflow: hidden;
	  background-size: cover;
	  background-position: center;
	}
	
	

    /* 弹幕共有基础样式（半透明、飘过） */
    .danmaku-item {
      position: absolute;
      left: 100%; /* 初始位置在屏幕右侧外 */
      white-space: nowrap;
      display: flex;
      align-items: center;
      padding: 6px 12px;
      border-radius: 20px;
      color: #ffffff;
      font-size: 0.9rem;
      
      /* 半透明背景与模糊效果 */
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      border: 1px solid rgba(255, 255, 255, 0.2);
      
      /* 绑定滚动动画：匀速、无限循环 */
      animation: flyBy linear infinite;
    }

    .avatar {
      font-weight: bold;
      margin-right: 6px;
    }

    .content {
      opacity: 0.95;
    }

    /* --- 弹幕位置、速度与颜色个性化定制 --- */
    
    /* 1轨：妈妈的弹幕 */
    .track1 {
      top: 15px;
      animation-duration: 9s;   /* 控制速度：秒数越小速度越快 */
      animation-delay: 0.5s;     /* 延迟发射时间 */
      border-left: 4px solid #ff6b6b; /* 用边框色代替变量区分角色 */
    }

    /* 2轨：我的弹幕 */
    .track2 {
      top: 75px;
      animation-duration: 8s;
      animation-delay: 2.5s;
      border-left: 4px solid #4dadf7;
    }

    /* 3轨：旁白的弹幕 */
    .track3 {
      top: 140px;
      animation-duration: 11s;
      animation-delay: 1s;
      background: rgba(0, 0, 0, 0.4); /* 旁白稍微加深一点透明度 */
      border-left: 4px solid #cc5de8;
    }

    /* 弹幕从右向左飘过的关键帧动画 */
    @keyframes flyBy {
      0% {
        transform: translateX(0);
      }
      100% {
        /* translateX(-100vw) 让它至少滑过整个屏幕 */
        /* calc(-100vw - 100%) 确保很长的弹幕也能完全滑出左侧屏幕 */
        transform: translateX(calc(-100vw - 100%));
      }
    }