Vue using stylus style does not work

original code:
.header

  display flex
  line-height .86rem
  background -sharp00bcd4
  color -sharpFFF
   .header-left
     width .64rem
      float left
    .header-input
      flex 1
      background -sharpFFF
      height .64rem
      margin-top .12rem
      margin-left .2rem
      border-radius .1rem
    .header-right
      width 1.24rem
      float right
      text-align center
      

< hr >

color:-sharpfff this style is not loaded

< H1 > fff cannot be uppercase or lowercase < / H1 >
Nov.23,2021

indentation is not done well and cannot be parsed correctly.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e3daea-4474d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e3daea-4474d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?