48 lines
1.2 KiB
CSS
48 lines
1.2 KiB
CSS
/* Astrion 品牌形象组件 —— 六边形 + 双眼
|
||
* 参数精确还原 static/src/components/avatar/StatusAvatar.vue：
|
||
* viewBox 0 0 200 200，flat-top 圆角正六边形
|
||
* idle 态：外框 stroke-width 12，眼睛 stroke-width 10，全部 currentColor
|
||
* 眼睛竖线位于 (84,96) / (116,96)，长 22
|
||
* 颜色永远跟随上下文文字色（currentColor），禁止单独上色。
|
||
*/
|
||
|
||
.astrion-avatar {
|
||
display: block;
|
||
color: inherit;
|
||
overflow: visible;
|
||
}
|
||
|
||
.aa-frame {
|
||
fill: none;
|
||
stroke: currentColor;
|
||
stroke-width: 12;
|
||
stroke-linecap: round;
|
||
stroke-linejoin: round;
|
||
}
|
||
|
||
.aa-eye {
|
||
fill: none;
|
||
stroke: currentColor;
|
||
stroke-width: 10;
|
||
stroke-linecap: round;
|
||
stroke-linejoin: round;
|
||
}
|
||
|
||
/* 思考表情：三个波浪圆点（r=7，位于 80/100/120） */
|
||
.aa-think-dot {
|
||
fill: currentColor;
|
||
animation: aa-think-wave 1.6s ease-in-out infinite;
|
||
}
|
||
.aa-think-dot:nth-child(1) { animation-delay: -0.48s; }
|
||
.aa-think-dot:nth-child(2) { animation-delay: -0.32s; }
|
||
.aa-think-dot:nth-child(3) { animation-delay: -0.16s; }
|
||
|
||
@keyframes aa-think-wave {
|
||
0%, 100% { transform: translateY(0); }
|
||
50% { transform: translateY(-12px); }
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.aa-think-dot { animation: none; }
|
||
}
|