/* 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; } }