查看“︁模板:生物联赛倒计时”︁的源代码

<div style="
  position:relative;
  width:320px; max-width:90%;
  margin:2em auto;
  padding:2.5em 1.5em 2em;
  border-radius:18px;
  background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%);
  color:#fff;
  font-family:'Segoe UI',Arial,Helvetica,sans-serif;
  text-align:center;
  box-shadow:
    0 0 12px #00f5ff,
    0 0 24px #00f5ff33,
    inset 0 0 12px #00000055;
  overflow:hidden;
  animation: pulse 3s ease-in-out infinite; /* 新增整体脉冲动画 [[19]] */
">
  <!-- 扫描光效 -->
  <div style="
    position:absolute;top:-50%;left:-50%;
    width:200%;height:200%;
    background:linear-gradient(90deg,transparent 0%,rgba(0,245,255,.15) 50%,transparent 100%); /* 增强光效透明度 [[14]] */
    animation:scan 4s linear infinite; /* 加速动画 */
    pointer-events:none;"></div>
  
  <style>
    @keyframes scan{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
    @keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.03);}} /* 减弱脉冲幅度 [[14]] */
  </style>
  
  <!-- 标题 -->
  <div style="
    font-size:24px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:1em;
    color:#00f5ff;
    text-shadow:0 0 8px #00f5ffaa; /* 添加文字光晕 [[14]] -->
  ">
    全国生物联赛倒计时
  </div>
  
  <!-- 倒计时核心逻辑 -->
  <div style="
    font-size:46px;
    font-weight:900;
    color:#fff;
    padding:.3em .8em;
    border-radius:14px;
    background:rgba(0,0,0,.4);
    display:inline-block;
    box-shadow:
      inset 0 0 10px #000,
      0 0 15px #00f5ff66; /* 外发光增强 [[9]] -->
    animation:pulse 2s ease-in-out infinite;
    margin-bottom:1.2em;
  ">
    {{#ifexpr: {{#time:U}} <= {{#time:U|2025-05-11}} | <!-- 修复逻辑嵌套 [[5]] -->
      {{Countdown|2025-05-11|format=dd天}}
    | {{#ifexpr: {{#time:U}} <= {{#time:U|2026-05-10}} |
      {{Countdown|2026-05-10|format=dd天}}
    | ... <!-- 后续年份同理，保持原结构 -->
    | <span style="font-size:24px">赛事日期待更新</span> <!-- 异常处理 [[5]] -->
    }}
  </div>
  
  <!-- 副标题 -->
  <div style="
    font-size:16px;
    color:#a0f0ff;
    letter-spacing:1px;
    background:rgba(0,30,40,.6);
    padding:8px 15px;
    border-radius:10px;
    display:inline-block;
    border:1px solid #00f5ff33;
  ">
    下一届：2025年5月11日 [[2]]
  </div>
  
  <!-- 装饰元素 -->
  <div style="
    position:absolute;
    bottom:10px;right:15px;
    width:20px;height:20px;
    border-radius:50%;
    background:radial-gradient(#00f5ff,transparent 70%);
    opacity:.6;
  "></div>
</div>