天星拾缀（1）：彗星–C/2023 A3

有一颗让所有人期待两年的大彗星，将要经过近日点，这意味着它将猛烈地喷发自身的物质，极有可能成为一颗在地球上能通过肉眼观测到的巨大彗星。它就是C/2023 A3（紫金山-阿特拉斯）彗星。

彗星编号

参考孙国佐的博客给出的规则简要介绍。

1995年之前，彗星主要以发现年份及英文字母次序编号，如1969 i；确定该彗星的轨道后，根据它通过近日点的年份和顺序的罗马数字永久性命名，故彗星1969 i 成为1970 II ，即1970年通过近日点的第二颗彗星。除了编号外，彗星也可以发现者或机构的名字来命名。一颗彗星最多只能冠以三个独立发现者的名字。

1995年后，国际天文联会 (IAU) 采用新彗星编号法。以今天的主角C/2023 A3为例：
$$
C/2023 \space \space \space A3 \space \space \space(Tsuchinshan-ATLAS)
$$

C/：前缀表示彗星的性质。所有可能的前缀如下：
- P/：确认为周期彗星（目地在定义任何周期短于200年的彗星，或是确认已经观测通过近日点超过一次以上的彗星）；P前面需加周期彗星总表编号。例如哈雷彗星（第一颗被确认周期的彗星）应命名为1P/1682 Q1.
- C/：标示无周期的彗星或周期超过200年的彗星。例如，海尔博普彗星的名称为C/1995 01.
- X/：标示没有可靠的轨道元素可以计算的彗星（一般都是历史上的彗星）。
- D/：标示不再回归或已经消失、分裂或失踪的彗星。
- A/：标示被错误归类为彗星，但其实是小行星的天体。
- I/：标示来自太阳系外部的小天体，如C/2019 Q4由于轨道表明来自太阳系外，后被命名为2I/Borisov，I表示Interstellar，跨星际。
2023：发现彗星的年份。
A3：将一年以半个月为单位划分，再按字母顺序命名。例如1月前半月为A，1月后半月为B。26个字母除去i和z，剩下的24个即为12个月的24个半月对应的字母。如此，A3就是1月上半月第一个被发现的彗星。
(Tsuchinshan-ATLAS)：发现该彗星的天文台名，此处为紫金山天文台。

注：若彗星破碎，则在编号后再加-A、-B·以区分每个碎核，例如C/1965 S1-A是池谷-关彗星的A碎核。如果彗星被观测到再次回归，则在P/前加上IAU周期彗星总表的序号，以避免该彗星回归时重新标示。例如1P/1682 Q1 = 1P/1910 A2 = 1P/1982 U1 = 1P/H11ey = 哈雷彗星（名字越写越长）；杨-高彗星，是一颗短周期彗星多次回归，编号为325P。（这个没太懂，网上查到该彗星编号是P/2009 L2）

A3的生命节点

近日点彗星（伴日），9.27活过了太阳引力

9.27-10.3：日出前1小时在滴水湖可以肉眼观测

10.19之后：日落后半小时观测

彗星的动画表现

基础版：star fall animation

css:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow: hidden;
}

section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: black;
  background-position-x: center;
  background-size: cover;
  animation: animateBg 50s linear infinite;
}

@keyframes animateBg {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }
}

span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1),
    0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 20px rgba(255, 255, 255, 1);
  animation: animate 5s linear infinite;
}

span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  height: 1px;
  background: linear-gradient(90deg, #fff, transparent);
}

@keyframes animate {
  0% {
    transform: rotate(315deg) translateX(0);
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    transform: rotate(315deg) translateX(-1500px);
    opacity: 0;
  }
}

span:nth-child(1) {
  top: 0;
  right: 0;
  left: initial;
  animation-delay: 0;
  animation-duration: 2s;
}

span:nth-child(2) {
  top: 0;
  right: 80px;
  left: initial;
  animation-delay: 0.2s;
  animation-duration: 6s;
}

span:nth-child(3) {
  top: 80px;
  right: 0px;
  left: initial;
  animation-delay: 0.4s;
  animation-duration: 4s;
}

span:nth-child(4) {
  top: 0;
  right: 180px;
  left: initial;
  animation-delay: 0.6s;
  animation-duration: 3s;
}

span:nth-child(5) {
  top: 0;
  right: 400px;
  left: initial;
  animation-delay: 0.8s;
  animation-duration: 5s;
}

span:nth-child(6) {
  top: 0;
  right: 600px;
  left: initial;
  animation-delay: 1s;
  animation-duration: 3s;
}

span:nth-child(7) {
  top: 300px;
  right: 0px;
  left: initial;
  animation-delay: 1s;
  animation-duration: 1.75s;
}

span:nth-child(8) {
  top: 0px;
  right: 700px;
  left: initial;
  animation-delay: 1.4s;
  animation-duration: 1.25s;
}

span:nth-child(9) {
  top: 0px;
  right: 1000px;
  left: initial;
  animation-delay: 0.75s;
  animation-duration: 2.25s;
}

span:nth-child(10) {
  top: 0px;
  right: 1000px;
  left: initial;
  animation-delay: 2.75s;
  animation-duration: 3.25s;
}

html:

<body>
  <section>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
  </section>
</body>