fantasia-ui 0.2.60 → 0.2.63

package/dist/fantasia-ui.css

@@ -1,1999 +1,31 @@
-.block {
-  display: block;
-}
-
-.inline {
-  display: inline;
-}
-
-.inline-block {
-  display: inline-block;
-}
-
-.hidden {
-  display: none;
-}
-
-.contents {
-  display: contents;
-}
-
-.flex {
-  display: flex;
-}
-
-.inline-flex {
-  display: inline-flex;
-}
-
-.flex-row {
-  flex-direction: row;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.flex-row-rev {
-  flex-direction: row-reverse;
-}
-
-.flex-col-rev {
-  flex-direction: column-reverse;
-}
-
-.flex-wrap {
-  flex-wrap: wrap;
-}
-
-.flex-nowrap {
-  flex-wrap: nowrap;
-}
-
-.flex-1 {
-  flex: 1 1 0%;
-}
-
-.flex-auto {
-  flex: 1 1 auto;
-}
-
-.flex-none {
-  flex: none;
-}
-
-.flex-shrink {
-  flex-shrink: 1;
-}
-
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
-
-.flex-grow {
-  flex-grow: 1;
-}
-
-.flex-grow-0 {
-  flex-grow: 0;
-}
-
-.justify-start {
-  justify-content: flex-start;
-}
-
-.justify-end {
-  justify-content: flex-end;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.justify-around {
-  justify-content: space-around;
-}
-
-.justify-evenly {
-  justify-content: space-evenly;
-}
-
-.items-start {
-  align-items: flex-start;
-}
-
-.items-end {
-  align-items: flex-end;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.items-baseline {
-  align-items: baseline;
-}
-
-.items-stretch {
-  align-items: stretch;
-}
-
-.self-start {
-  align-self: flex-start;
-}
-
-.self-end {
-  align-self: flex-end;
-}
-
-.self-center {
-  align-self: center;
-}
-
-.self-stretch {
-  align-self: stretch;
-}
-
-.self-auto {
-  align-self: auto;
-}
-
-.flex-center {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.flex-center-col {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.flex-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.flex-end-center {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-
-.grid {
-  display: grid;
-}
-
-.inline-grid {
-  display: inline-grid;
-}
-
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-
-.grid-rows-1 {
-  grid-template-rows: repeat(1, minmax(0, 1fr));
-}
-
-.col-span-1 {
-  grid-column: span 1/span 1;
-}
-
-.row-span-1 {
-  grid-row: span 1/span 1;
-}
-
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.grid-rows-2 {
-  grid-template-rows: repeat(2, minmax(0, 1fr));
-}
-
-.col-span-2 {
-  grid-column: span 2/span 2;
-}
-
-.row-span-2 {
-  grid-row: span 2/span 2;
-}
-
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.grid-rows-3 {
-  grid-template-rows: repeat(3, minmax(0, 1fr));
-}
-
-.col-span-3 {
-  grid-column: span 3/span 3;
-}
-
-.row-span-3 {
-  grid-row: span 3/span 3;
-}
-
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.grid-rows-4 {
-  grid-template-rows: repeat(4, minmax(0, 1fr));
-}
-
-.col-span-4 {
-  grid-column: span 4/span 4;
-}
-
-.row-span-4 {
-  grid-row: span 4/span 4;
-}
-
-.grid-cols-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.grid-rows-5 {
-  grid-template-rows: repeat(5, minmax(0, 1fr));
-}
-
-.col-span-5 {
-  grid-column: span 5/span 5;
-}
-
-.row-span-5 {
-  grid-row: span 5/span 5;
-}
-
-.grid-cols-6 {
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-
-.grid-rows-6 {
-  grid-template-rows: repeat(6, minmax(0, 1fr));
-}
-
-.col-span-6 {
-  grid-column: span 6/span 6;
-}
-
-.row-span-6 {
-  grid-row: span 6/span 6;
-}
-
-.grid-cols-7 {
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-
-.grid-rows-7 {
-  grid-template-rows: repeat(7, minmax(0, 1fr));
-}
-
-.col-span-7 {
-  grid-column: span 7/span 7;
-}
-
-.row-span-7 {
-  grid-row: span 7/span 7;
-}
-
-.grid-cols-8 {
-  grid-template-columns: repeat(8, minmax(0, 1fr));
-}
-
-.grid-rows-8 {
-  grid-template-rows: repeat(8, minmax(0, 1fr));
-}
-
-.col-span-8 {
-  grid-column: span 8/span 8;
-}
-
-.row-span-8 {
-  grid-row: span 8/span 8;
-}
-
-.grid-cols-9 {
-  grid-template-columns: repeat(9, minmax(0, 1fr));
-}
-
-.grid-rows-9 {
-  grid-template-rows: repeat(9, minmax(0, 1fr));
-}
-
-.col-span-9 {
-  grid-column: span 9/span 9;
-}
-
-.row-span-9 {
-  grid-row: span 9/span 9;
-}
-
-.grid-cols-10 {
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-
-.grid-rows-10 {
-  grid-template-rows: repeat(10, minmax(0, 1fr));
-}
-
-.col-span-10 {
-  grid-column: span 10/span 10;
-}
-
-.row-span-10 {
-  grid-row: span 10/span 10;
-}
-
-.grid-cols-11 {
-  grid-template-columns: repeat(11, minmax(0, 1fr));
-}
-
-.grid-rows-11 {
-  grid-template-rows: repeat(11, minmax(0, 1fr));
-}
-
-.col-span-11 {
-  grid-column: span 11/span 11;
-}
-
-.row-span-11 {
-  grid-row: span 11/span 11;
-}
-
-.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-
-.grid-rows-12 {
-  grid-template-rows: repeat(12, minmax(0, 1fr));
-}
-
-.col-span-12 {
-  grid-column: span 12/span 12;
-}
-
-.row-span-12 {
-  grid-row: span 12/span 12;
-}
-
-.place-center {
-  place-items: center;
-}
-
-.place-start {
-  place-items: start;
-}
-
-.place-end {
-  place-items: end;
-}
-
-.m-0 {
-  margin: 0px;
-}
-
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.my-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-
-.mt-0 {
-  margin-top: 0px;
-}
-
-.mr-0 {
-  margin-right: 0px;
-}
-
-.mb-0 {
-  margin-bottom: 0px;
-}
-
-.ml-0 {
-  margin-left: 0px;
-}
-
-.p-0 {
-  padding: 0px;
-}
-
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-.pt-0 {
-  padding-top: 0px;
-}
-
-.pr-0 {
-  padding-right: 0px;
-}
-
-.pb-0 {
-  padding-bottom: 0px;
-}
-
-.pl-0 {
-  padding-left: 0px;
-}
-
-.gap-0 {
-  gap: 0px;
-}
-
-.gap-x-0 {
-  column-gap: 0px;
-}
-
-.gap-y-0 {
-  row-gap: 0px;
-}
-
-.m-1 {
-  margin: 4px;
-}
-
-.mx-1 {
-  margin-left: 4px;
-  margin-right: 4px;
-}
-
-.my-1 {
-  margin-top: 4px;
-  margin-bottom: 4px;
-}
-
-.mt-1 {
-  margin-top: 4px;
-}
-
-.mr-1 {
-  margin-right: 4px;
-}
-
-.mb-1 {
-  margin-bottom: 4px;
-}
-
-.ml-1 {
-  margin-left: 4px;
-}
-
-.p-1 {
-  padding: 4px;
-}
-
-.px-1 {
-  padding-left: 4px;
-  padding-right: 4px;
-}
-
-.py-1 {
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-
-.pt-1 {
-  padding-top: 4px;
-}
-
-.pr-1 {
-  padding-right: 4px;
-}
-
-.pb-1 {
-  padding-bottom: 4px;
-}
-
-.pl-1 {
-  padding-left: 4px;
-}
-
-.gap-1 {
-  gap: 4px;
-}
-
-.gap-x-1 {
-  column-gap: 4px;
-}
-
-.gap-y-1 {
-  row-gap: 4px;
-}
-
-.m-2 {
-  margin: 8px;
-}
-
-.mx-2 {
-  margin-left: 8px;
-  margin-right: 8px;
-}
-
-.my-2 {
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-
-.mt-2 {
-  margin-top: 8px;
-}
-
-.mr-2 {
-  margin-right: 8px;
-}
-
-.mb-2 {
-  margin-bottom: 8px;
-}
-
-.ml-2 {
-  margin-left: 8px;
-}
-
-.p-2 {
-  padding: 8px;
-}
-
-.px-2 {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.py-2 {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-
-.pt-2 {
-  padding-top: 8px;
-}
-
-.pr-2 {
-  padding-right: 8px;
-}
-
-.pb-2 {
-  padding-bottom: 8px;
-}
-
-.pl-2 {
-  padding-left: 8px;
-}
-
-.gap-2 {
-  gap: 8px;
-}
-
-.gap-x-2 {
-  column-gap: 8px;
-}
-
-.gap-y-2 {
-  row-gap: 8px;
-}
-
-.m-3 {
-  margin: 12px;
-}
-
-.mx-3 {
-  margin-left: 12px;
-  margin-right: 12px;
-}
-
-.my-3 {
-  margin-top: 12px;
-  margin-bottom: 12px;
-}
-
-.mt-3 {
-  margin-top: 12px;
-}
-
-.mr-3 {
-  margin-right: 12px;
-}
-
-.mb-3 {
-  margin-bottom: 12px;
-}
-
-.ml-3 {
-  margin-left: 12px;
-}
-
-.p-3 {
-  padding: 12px;
-}
-
-.px-3 {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-
-.py-3 {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-
-.pt-3 {
-  padding-top: 12px;
-}
-
-.pr-3 {
-  padding-right: 12px;
-}
-
-.pb-3 {
-  padding-bottom: 12px;
-}
-
-.pl-3 {
-  padding-left: 12px;
-}
-
-.gap-3 {
-  gap: 12px;
-}
-
-.gap-x-3 {
-  column-gap: 12px;
-}
-
-.gap-y-3 {
-  row-gap: 12px;
-}
-
-.m-4 {
-  margin: 16px;
-}
-
-.mx-4 {
-  margin-left: 16px;
-  margin-right: 16px;
-}
-
-.my-4 {
-  margin-top: 16px;
-  margin-bottom: 16px;
-}
-
-.mt-4 {
-  margin-top: 16px;
-}
-
-.mr-4 {
-  margin-right: 16px;
-}
-
-.mb-4 {
-  margin-bottom: 16px;
-}
-
-.ml-4 {
-  margin-left: 16px;
-}
-
-.p-4 {
-  padding: 16px;
-}
-
-.px-4 {
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.py-4 {
-  padding-top: 16px;
-  padding-bottom: 16px;
-}
-
-.pt-4 {
-  padding-top: 16px;
-}
-
-.pr-4 {
-  padding-right: 16px;
-}
-
-.pb-4 {
-  padding-bottom: 16px;
-}
-
-.pl-4 {
-  padding-left: 16px;
-}
-
-.gap-4 {
-  gap: 16px;
-}
-
-.gap-x-4 {
-  column-gap: 16px;
-}
-
-.gap-y-4 {
-  row-gap: 16px;
-}
-
-.m-5 {
-  margin: 20px;
-}
-
-.mx-5 {
-  margin-left: 20px;
-  margin-right: 20px;
-}
-
-.my-5 {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
-.mt-5 {
-  margin-top: 20px;
-}
-
-.mr-5 {
-  margin-right: 20px;
-}
-
-.mb-5 {
-  margin-bottom: 20px;
-}
-
-.ml-5 {
-  margin-left: 20px;
-}
-
-.p-5 {
-  padding: 20px;
-}
-
-.px-5 {
-  padding-left: 20px;
-  padding-right: 20px;
-}
-
-.py-5 {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-
-.pt-5 {
-  padding-top: 20px;
-}
-
-.pr-5 {
-  padding-right: 20px;
-}
-
-.pb-5 {
-  padding-bottom: 20px;
-}
-
-.pl-5 {
-  padding-left: 20px;
-}
-
-.gap-5 {
-  gap: 20px;
-}
-
-.gap-x-5 {
-  column-gap: 20px;
-}
-
-.gap-y-5 {
-  row-gap: 20px;
-}
-
-.m-6 {
-  margin: 24px;
-}
-
-.mx-6 {
-  margin-left: 24px;
-  margin-right: 24px;
-}
-
-.my-6 {
-  margin-top: 24px;
-  margin-bottom: 24px;
-}
-
-.mt-6 {
-  margin-top: 24px;
-}
-
-.mr-6 {
-  margin-right: 24px;
-}
-
-.mb-6 {
-  margin-bottom: 24px;
-}
-
-.ml-6 {
-  margin-left: 24px;
-}
-
-.p-6 {
-  padding: 24px;
-}
-
-.px-6 {
-  padding-left: 24px;
-  padding-right: 24px;
-}
-
-.py-6 {
-  padding-top: 24px;
-  padding-bottom: 24px;
-}
-
-.pt-6 {
-  padding-top: 24px;
-}
-
-.pr-6 {
-  padding-right: 24px;
-}
-
-.pb-6 {
-  padding-bottom: 24px;
-}
-
-.pl-6 {
-  padding-left: 24px;
-}
-
-.gap-6 {
-  gap: 24px;
-}
-
-.gap-x-6 {
-  column-gap: 24px;
-}
-
-.gap-y-6 {
-  row-gap: 24px;
-}
-
-.m-8 {
-  margin: 32px;
-}
-
-.mx-8 {
-  margin-left: 32px;
-  margin-right: 32px;
-}
-
-.my-8 {
-  margin-top: 32px;
-  margin-bottom: 32px;
-}
-
-.mt-8 {
-  margin-top: 32px;
-}
-
-.mr-8 {
-  margin-right: 32px;
-}
-
-.mb-8 {
-  margin-bottom: 32px;
-}
-
-.ml-8 {
-  margin-left: 32px;
-}
-
-.p-8 {
-  padding: 32px;
-}
-
-.px-8 {
-  padding-left: 32px;
-  padding-right: 32px;
-}
-
-.py-8 {
-  padding-top: 32px;
-  padding-bottom: 32px;
-}
-
-.pt-8 {
-  padding-top: 32px;
-}
-
-.pr-8 {
-  padding-right: 32px;
-}
-
-.pb-8 {
-  padding-bottom: 32px;
-}
-
-.pl-8 {
-  padding-left: 32px;
-}
-
-.gap-8 {
-  gap: 32px;
-}
-
-.gap-x-8 {
-  column-gap: 32px;
-}
-
-.gap-y-8 {
-  row-gap: 32px;
-}
-
-.m-10 {
-  margin: 40px;
-}
-
-.mx-10 {
-  margin-left: 40px;
-  margin-right: 40px;
-}
-
-.my-10 {
-  margin-top: 40px;
-  margin-bottom: 40px;
-}
-
-.mt-10 {
-  margin-top: 40px;
-}
-
-.mr-10 {
-  margin-right: 40px;
-}
-
-.mb-10 {
-  margin-bottom: 40px;
-}
-
-.ml-10 {
-  margin-left: 40px;
-}
-
-.p-10 {
-  padding: 40px;
-}
-
-.px-10 {
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.py-10 {
-  padding-top: 40px;
-  padding-bottom: 40px;
-}
-
-.pt-10 {
-  padding-top: 40px;
-}
-
-.pr-10 {
-  padding-right: 40px;
-}
-
-.pb-10 {
-  padding-bottom: 40px;
-}
-
-.pl-10 {
-  padding-left: 40px;
-}
-
-.gap-10 {
-  gap: 40px;
-}
-
-.gap-x-10 {
-  column-gap: 40px;
-}
-
-.gap-y-10 {
-  row-gap: 40px;
-}
-
-.m-12 {
-  margin: 48px;
-}
-
-.mx-12 {
-  margin-left: 48px;
-  margin-right: 48px;
-}
-
-.my-12 {
-  margin-top: 48px;
-  margin-bottom: 48px;
-}
-
-.mt-12 {
-  margin-top: 48px;
-}
-
-.mr-12 {
-  margin-right: 48px;
-}
-
-.mb-12 {
-  margin-bottom: 48px;
-}
-
-.ml-12 {
-  margin-left: 48px;
-}
-
-.p-12 {
-  padding: 48px;
-}
-
-.px-12 {
-  padding-left: 48px;
-  padding-right: 48px;
-}
-
-.py-12 {
-  padding-top: 48px;
-  padding-bottom: 48px;
-}
-
-.pt-12 {
-  padding-top: 48px;
-}
-
-.pr-12 {
-  padding-right: 48px;
-}
-
-.pb-12 {
-  padding-bottom: 48px;
-}
-
-.pl-12 {
-  padding-left: 48px;
-}
-
-.gap-12 {
-  gap: 48px;
-}
-
-.gap-x-12 {
-  column-gap: 48px;
-}
-
-.gap-y-12 {
-  row-gap: 48px;
-}
-
-.m-16 {
-  margin: 64px;
-}
-
-.mx-16 {
-  margin-left: 64px;
-  margin-right: 64px;
-}
-
-.my-16 {
-  margin-top: 64px;
-  margin-bottom: 64px;
-}
-
-.mt-16 {
-  margin-top: 64px;
-}
-
-.mr-16 {
-  margin-right: 64px;
-}
-
-.mb-16 {
-  margin-bottom: 64px;
-}
-
-.ml-16 {
-  margin-left: 64px;
-}
-
-.p-16 {
-  padding: 64px;
-}
-
-.px-16 {
-  padding-left: 64px;
-  padding-right: 64px;
-}
-
-.py-16 {
-  padding-top: 64px;
-  padding-bottom: 64px;
-}
-
-.pt-16 {
-  padding-top: 64px;
-}
-
-.pr-16 {
-  padding-right: 64px;
-}
-
-.pb-16 {
-  padding-bottom: 64px;
-}
-
-.pl-16 {
-  padding-left: 64px;
-}
-
-.gap-16 {
-  gap: 64px;
-}
-
-.gap-x-16 {
-  column-gap: 64px;
-}
-
-.gap-y-16 {
-  row-gap: 64px;
-}
-
-.m-20 {
-  margin: 80px;
-}
-
-.mx-20 {
-  margin-left: 80px;
-  margin-right: 80px;
-}
-
-.my-20 {
-  margin-top: 80px;
-  margin-bottom: 80px;
-}
-
-.mt-20 {
-  margin-top: 80px;
-}
-
-.mr-20 {
-  margin-right: 80px;
-}
-
-.mb-20 {
-  margin-bottom: 80px;
-}
-
-.ml-20 {
-  margin-left: 80px;
-}
-
-.p-20 {
-  padding: 80px;
-}
-
-.px-20 {
-  padding-left: 80px;
-  padding-right: 80px;
-}
-
-.py-20 {
-  padding-top: 80px;
-  padding-bottom: 80px;
-}
-
-.pt-20 {
-  padding-top: 80px;
-}
-
-.pr-20 {
-  padding-right: 80px;
-}
-
-.pb-20 {
-  padding-bottom: 80px;
-}
-
-.pl-20 {
-  padding-left: 80px;
-}
-
-.gap-20 {
-  gap: 80px;
-}
-
-.gap-x-20 {
-  column-gap: 80px;
-}
-
-.gap-y-20 {
-  row-gap: 80px;
-}
-
-.m-24 {
-  margin: 96px;
-}
-
-.mx-24 {
-  margin-left: 96px;
-  margin-right: 96px;
-}
-
-.my-24 {
-  margin-top: 96px;
-  margin-bottom: 96px;
-}
-
-.mt-24 {
-  margin-top: 96px;
-}
-
-.mr-24 {
-  margin-right: 96px;
-}
-
-.mb-24 {
-  margin-bottom: 96px;
-}
-
-.ml-24 {
-  margin-left: 96px;
-}
-
-.p-24 {
-  padding: 96px;
-}
-
-.px-24 {
-  padding-left: 96px;
-  padding-right: 96px;
-}
-
-.py-24 {
-  padding-top: 96px;
-  padding-bottom: 96px;
-}
-
-.pt-24 {
-  padding-top: 96px;
-}
-
-.pr-24 {
-  padding-right: 96px;
-}
-
-.pb-24 {
-  padding-bottom: 96px;
-}
-
-.pl-24 {
-  padding-left: 96px;
-}
-
-.gap-24 {
-  gap: 96px;
-}
-
-.gap-x-24 {
-  column-gap: 96px;
-}
-
-.gap-y-24 {
-  row-gap: 96px;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.ml-auto {
-  margin-left: auto;
-}
-
-.mr-auto {
-  margin-right: auto;
-}
-
-.mt-auto {
-  margin-top: auto;
-}
-
-.mb-auto {
-  margin-bottom: auto;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.w-screen {
-  width: 100vw;
-}
-
-.w-auto {
-  width: auto;
-}
-
-.w-fit {
-  width: fit-content;
-}
-
-.w-min {
-  width: min-content;
-}
-
-.w-max {
-  width: max-content;
-}
-
-.h-full {
-  height: 100%;
-}
-
-.h-screen {
-  height: 100vh;
-}
-
-.h-auto {
-  height: auto;
-}
-
-.h-fit {
-  height: fit-content;
-}
-
-.min-w-0 {
-  min-width: 0;
-}
-
-.min-h-0 {
-  min-height: 0;
-}
-
-.max-w-full {
-  max-width: 100%;
-}
-
-.max-h-full {
-  max-height: 100%;
-}
-
-.size-full-window {
-  width: 100vw;
-  height: 100vh;
-}
-
-.size-full {
-  width: 100%;
-  height: 100%;
-}
-
-.relative {
-  position: relative;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.fixed {
-  position: fixed;
-}
-
-.sticky {
-  position: sticky;
-}
-
-.static {
-  position: static;
-}
-
-.inset-0 {
-  inset: 0;
-}
-
-.top-0 {
-  top: 0;
-}
-
-.right-0 {
-  right: 0;
-}
-
-.bottom-0 {
-  bottom: 0;
-}
-
-.left-0 {
-  left: 0;
-}
-
-.cover {
-  position: absolute;
-  inset: 0;
-}
-
-.abs-center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-auto {
-  overflow: auto;
-}
-
-.overflow-scroll {
-  overflow: scroll;
-}
-
-.overflow-visible {
-  overflow: visible;
-}
-
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
-.overflow-y-auto {
-  overflow-y: auto;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.overflow-y-hidden {
-  overflow-y: hidden;
-}
-
-.text-xs {
-  font-size: 12px;
-}
-
-.text-sm {
-  font-size: 14px;
-}
-
-.text-base {
-  font-size: 16px;
-}
-
-.text-lg {
-  font-size: 18px;
-}
-
-.text-xl {
-  font-size: 20px;
-}
-
-.text-2xl {
-  font-size: 24px;
-}
-
-.text-3xl {
-  font-size: 30px;
-}
-
-.text-4xl {
-  font-size: 36px;
-}
-
-.text-5xl {
-  font-size: 48px;
-}
-
-.font-thin {
-  font-weight: 100;
-}
-
-.font-light {
-  font-weight: 300;
-}
-
-.font-normal {
-  font-weight: 400;
-}
-
-.font-medium {
-  font-weight: 500;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.font-extrabold {
-  font-weight: 800;
-}
-
-.font-black {
-  font-weight: 900;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-justify {
-  text-align: justify;
-}
-
-.leading-none {
-  line-height: 1;
-}
-
-.leading-tight {
-  line-height: 1.25;
-}
-
-.leading-snug {
-  line-height: 1.375;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.leading-relaxed {
-  line-height: 1.625;
-}
-
-.leading-loose {
-  line-height: 2;
-}
-
-.tracking-tight {
-  letter-spacing: -0.05em;
-}
-
-.tracking-normal {
-  letter-spacing: 0;
-}
-
-.tracking-wide {
-  letter-spacing: 0.05em;
-}
-
-.tracking-wider {
-  letter-spacing: 0.1em;
-}
-
-.tracking-widest {
-  letter-spacing: 0.2em;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-.lowercase {
-  text-transform: lowercase;
-}
-
-.capitalize {
-  text-transform: capitalize;
-}
-
-.normal-case {
-  text-transform: none;
-}
-
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.line-clamp-2 {
-  display: -webkit-box;
-  line-clamp: 2;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.line-clamp-3 {
-  display: -webkit-box;
-  line-clamp: 3;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
-.whitespace-pre {
-  white-space: pre;
-}
-
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-
-.break-all {
-  word-break: break-all;
-}
-
-.break-word {
-  overflow-wrap: break-word;
-}
-
-.rounded-none {
-  border-radius: 0;
-}
-
-.rounded-sm {
-  border-radius: 2px;
-}
-
-.rounded-md {
-  border-radius: 6px;
-}
-
-.rounded-lg {
-  border-radius: 12px;
-}
-
-.rounded-xl {
-  border-radius: 20px;
-}
-
-.rounded-full {
-  border-radius: 9999px;
-}
-
-.border {
-  border: 1px solid;
-}
-
-.border-0 {
-  border: none;
-}
-
-.border-t {
-  border-top: 1px solid;
-}
-
-.border-r {
-  border-right: 1px solid;
-}
-
-.border-b {
-  border-bottom: 1px solid;
-}
-
-.border-l {
-  border-left: 1px solid;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-10 {
-  opacity: 0.1;
-}
-
-.opacity-20 {
-  opacity: 0.2;
-}
-
-.opacity-25 {
-  opacity: 0.25;
-}
-
-.opacity-30 {
-  opacity: 0.3;
-}
-
-.opacity-40 {
-  opacity: 0.4;
-}
-
-.opacity-50 {
-  opacity: 0.5;
-}
-
-.opacity-60 {
-  opacity: 0.6;
-}
-
-.opacity-70 {
-  opacity: 0.7;
-}
-
-.opacity-75 {
-  opacity: 0.75;
-}
-
-.opacity-80 {
-  opacity: 0.8;
-}
-
-.opacity-90 {
-  opacity: 0.9;
-}
-
-.opacity-100 {
-  opacity: 1;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.cursor-default {
-  cursor: default;
-}
-
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-
-.cursor-grab {
-  cursor: grab;
-}
-
-.cursor-text {
-  cursor: text;
-}
-
-.pointer-none {
-  pointer-events: none;
-}
-
-.pointer-auto {
-  pointer-events: auto;
-}
-
-.select-none {
-  user-select: none;
-}
-
-.select-text {
-  user-select: text;
-}
-
-.select-all {
-  user-select: all;
-}
-
-.select-auto {
-  user-select: auto;
-}
-
-.z-hide {
-  z-index: -1;
-}
-
-.z-base {
-  z-index: 0;
-}
-
-.z-raised {
-  z-index: 10;
-}
-
-.z-overlay {
-  z-index: 100;
-}
-
-.z-modal {
-  z-index: 200;
-}
-
-.z-toast {
-  z-index: 300;
-}
-
-.z-top {
-  z-index: 9999;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.object-cover {
-  object-fit: cover;
-}
-
-.object-contain {
-  object-fit: contain;
-}
-
-.object-fill {
-  object-fit: fill;
-}
-
-.object-none {
-  object-fit: none;
-}
-
-.object-center {
-  object-position: center;
-}
-
-.transition {
-  transition: all 0.2s ease;
-}
-
-.transition-colors {
-  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
-}
-
-.transition-opacity {
-  transition: opacity 0.2s ease;
-}
-
-.transition-transform {
-  transition: transform 0.2s ease;
-}
-
-.duration-100 {
-  transition-duration: 100ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.duration-500 {
-  transition-duration: 500ms;
-}
-
-.ease-linear {
-  transition-timing-function: linear;
-}
-
-.ease-in {
-  transition-timing-function: ease-in;
-}
-
-.ease-out {
-  transition-timing-function: ease-out;
-}
-
-.ease-in-out {
-  transition-timing-function: ease-in-out;
-}
-
-.scale-90 {
-  transform: scale(0.9);
-}
-
-.scale-95 {
-  transform: scale(0.95);
-}
-
-.scale-100 {
-  transform: scale(1);
-}
-
-.scale-105 {
-  transform: scale(1.05);
-}
-
-.scale-110 {
-  transform: scale(1.1);
-}
-
-.rotate-45 {
-  transform: rotate(45deg);
-}
-
-.rotate-90 {
-  transform: rotate(90deg);
-}
-
-.rotate-180 {
-  transform: rotate(180deg);
-}
-
-.-rotate-45 {
-  transform: rotate(-45deg);
-}
-
-.-rotate-90 {
-  transform: rotate(-90deg);
-}
-
-.shadow-none {
-  box-shadow: none;
-}
-
-.shadow-sm {
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.shadow-md {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-}
-
-.shadow-lg {
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-}
-
-.shadow-xl {
-  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
-.shadow-inner {
-  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
+.flex-center-col {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
-.aspect-square {
-  aspect-ratio: 1/1;
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
-.aspect-video {
-  aspect-ratio: 16/9;
+.flex-end-center {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
 }
 
-.aspect-photo {
-  aspect-ratio: 4/3;
+.size-full {
+  width: 100%;
+  height: 100%;
 }.f-icon[data-v-baf7de0c] {
   display: inline-flex;
   justify-content: center;
@@ -2412,24 +444,18 @@ to {
 }
 .f-rate--readonly .f-rate__item[data-v-3b5c4f14]:hover {
   transform: none;
-}.f-dropdown-wrapper[data-v-ecac3ad8] {
-  display: inline-flex;
-  align-items: center;
-}
-.f-dropdown-trigger-wrapper[data-v-ecac3ad8] {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
+}.f-dropdown-trigger-wrapper[data-v-36eb6d2b] {
+  display: contents;
 }
-.f-dropdown-item[data-v-ecac3ad8] {
+.f-dropdown-item[data-v-36eb6d2b] {
   position: fixed;
   pointer-events: auto;
 }
-.f-dropdown-bridge[data-v-ecac3ad8] {
+.f-dropdown-bridge[data-v-36eb6d2b] {
   position: absolute;
   background: transparent;
 }
-.f-dropdown-content[data-v-ecac3ad8] {
+.f-dropdown-content[data-v-36eb6d2b] {
   background: rgba(255, 255, 255, 0.96);
   border-radius: 8px;
   border: 1px solid rgba(148, 163, 184, 0.2);
@@ -2439,7 +465,7 @@ to {
   width: fit-content;
   backdrop-filter: blur(6px);
 }
-.f-dropdown-content .f-dropdown-option[data-v-ecac3ad8] {
+.f-dropdown-content .f-dropdown-option[data-v-36eb6d2b] {
   display: flex;
   align-items: center;
   padding: 7px 10px;
@@ -2450,15 +476,15 @@ to {
   font-size: 13px;
   transition: background 0.15s ease, color 0.15s ease;
 }
-.f-dropdown-content .f-dropdown-option[data-v-ecac3ad8]:hover:not(.is-disabled) {
+.f-dropdown-content .f-dropdown-option[data-v-36eb6d2b]:hover:not(.is-disabled) {
   background: var(--surface3);
   color: var(--text);
 }
-.f-dropdown-content .f-dropdown-option.is-disabled[data-v-ecac3ad8] {
+.f-dropdown-content .f-dropdown-option.is-disabled[data-v-36eb6d2b] {
   opacity: 0.35;
   cursor: not-allowed;
 }
-.f-dropdown-content .f-dropdown-option .opt-icon[data-v-ecac3ad8] {
+.f-dropdown-content .f-dropdown-option .opt-icon[data-v-36eb6d2b] {
   display: inline-flex;
   align-items: center;
   width: 16px;
@@ -2466,23 +492,23 @@ to {
   flex-shrink: 0;
   color: var(--text-dim);
 }
-.f-dropdown-content .f-dropdown-option .opt-icon[data-v-ecac3ad8] svg {
+.f-dropdown-content .f-dropdown-option .opt-icon[data-v-36eb6d2b] svg {
   width: 100%;
   height: 100%;
 }
-.f-dropdown-content .f-dropdown-option .opt-label[data-v-ecac3ad8] {
+.f-dropdown-content .f-dropdown-option .opt-label[data-v-36eb6d2b] {
   flex: 1;
   white-space: nowrap;
 }
-.f-dropdown-motion-enter-active[data-v-ecac3ad8],
-.f-dropdown-motion-leave-active[data-v-ecac3ad8] {
+.f-dropdown-motion-enter-active[data-v-36eb6d2b],
+.f-dropdown-motion-leave-active[data-v-36eb6d2b] {
   transition: opacity 0.18s ease, transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
 }
-.f-dropdown-motion-enter-from[data-v-ecac3ad8],
-.f-dropdown-motion-leave-to[data-v-ecac3ad8] {
+.f-dropdown-motion-enter-from[data-v-36eb6d2b],
+.f-dropdown-motion-leave-to[data-v-36eb6d2b] {
   opacity: 0;
   transform: scale(0.92);
-}.f-select[data-v-046bf984] {
+}.f-select[data-v-00ebc113] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -2493,88 +519,90 @@ to {
   box-sizing: border-box;
   padding: 0 12px;
   height: 36px;
-  background: #fff;
-  border: 1px solid #dcdfe6;
+  background: #f8fafc;
+  border: 1px solid #e0e0e6;
   border-radius: 4px;
   cursor: pointer;
   user-select: none;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
-.f-select[data-v-046bf984]:hover:not(.is-disabled) {
-  border-color: #c0c4cc;
+.f-select[data-v-00ebc113]:hover:not(.is-disabled) {
+  border-color: #ec4899;
 }
-.f-select.is-open[data-v-046bf984]:not(.is-disabled), .f-select[data-v-046bf984]:focus-within:not(.is-disabled) {
-  border-color: #409eff;
+.f-select.is-open[data-v-00ebc113]:not(.is-disabled), .f-select[data-v-00ebc113]:focus-within:not(.is-disabled) {
+  border-color: #ec4899;
+  background: #fff;
+  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
 }
-.f-select.is-open:not(.is-disabled) .f-select__arrow[data-v-046bf984], .f-select:focus-within:not(.is-disabled) .f-select__arrow[data-v-046bf984] {
+.f-select.is-open:not(.is-disabled) .f-select__arrow[data-v-00ebc113], .f-select:focus-within:not(.is-disabled) .f-select__arrow[data-v-00ebc113] {
   transform: rotate(180deg);
 }
-.f-select.is-active .f-select__label[data-v-046bf984] {
-  color: #606266;
+.f-select.is-active .f-select__label[data-v-00ebc113] {
+  color: #1e293b;
 }
-.f-select.is-disabled[data-v-046bf984] {
+.f-select.is-disabled[data-v-00ebc113] {
   cursor: not-allowed;
   background-color: #f5f7fa;
   border-color: #e4e7ed;
   color: #c0c4cc;
 }
-.f-select.is-disabled .f-select__label[data-v-046bf984],
-.f-select.is-disabled .f-select__arrow[data-v-046bf984] {
+.f-select.is-disabled .f-select__label[data-v-00ebc113],
+.f-select.is-disabled .f-select__arrow[data-v-00ebc113] {
   cursor: not-allowed;
 }
-.f-select--small[data-v-046bf984] {
+.f-select--small[data-v-00ebc113] {
   height: 32px;
   font-size: 13px;
 }
-.f-select--small .f-select__label[data-v-046bf984] {
+.f-select--small .f-select__label[data-v-00ebc113] {
   font-size: 13px;
 }
-.f-select--medium[data-v-046bf984] {
+.f-select--medium[data-v-00ebc113] {
   height: 36px;
   font-size: 14px;
 }
-.f-select--large[data-v-046bf984] {
+.f-select--large[data-v-00ebc113] {
   height: 40px;
   font-size: 16px;
 }
-.f-select--large .f-select__label[data-v-046bf984] {
+.f-select--large .f-select__label[data-v-00ebc113] {
   font-size: 16px;
 }
-.f-select__label[data-v-046bf984] {
+.f-select__label[data-v-00ebc113] {
   font-size: 14px;
   line-height: 1.5;
-  color: #606266;
+  color: #1e293b;
   flex: 1;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: color 0.2s;
 }
-.f-select__label.is-placeholder[data-v-046bf984] {
-  color: #c0c4cc;
+.f-select__label.is-placeholder[data-v-00ebc113] {
+  color: #94a3b8;
 }
-.f-select__suffix[data-v-046bf984] {
+.f-select__suffix[data-v-00ebc113] {
   display: flex;
   align-items: center;
   gap: 4px;
   flex-shrink: 0;
 }
-.f-select__clear[data-v-046bf984] {
+.f-select__clear[data-v-00ebc113] {
   font-size: 14px;
-  color: #c0c4cc;
+  color: #94a3b8;
   transition: color 0.2s;
   cursor: pointer;
 }
-.f-select__clear[data-v-046bf984]:hover {
-  color: #909399;
+.f-select__clear[data-v-00ebc113]:hover {
+  color: #64748b;
 }
-.f-select__arrow[data-v-046bf984] {
+.f-select__arrow[data-v-00ebc113] {
   font-size: 14px;
-  color: #c0c4cc;
+  color: #94a3b8;
   transition: transform 0.3s, color 0.2s;
 }
-.f-select:hover:not(.is-disabled) .f-select__arrow[data-v-046bf984] {
-  color: #909399;
+.f-select:hover:not(.is-disabled) .f-select__arrow[data-v-00ebc113] {
+  color: #64748b;
 }.f-pagination[data-v-930f8b20] {
   display: flex;
   justify-content: center;
@@ -6696,16 +4724,16 @@ to {
   color: #94a3b8;
   font-weight: 700;
   background: rgba(248, 250, 252, 0.5);
-}.f-upload[data-v-ab699abf] {
+}.f-upload[data-v-072c5bc2] {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
-.f-upload__trigger[data-v-ab699abf] {
+.f-upload__trigger[data-v-072c5bc2] {
   display: inline-block;
   cursor: pointer;
 }
-.f-upload__zone[data-v-ab699abf] {
+.f-upload__zone[data-v-072c5bc2] {
   height: 180px;
   width: 100%;
   border: 2px dashed #dcdfe6;
@@ -6718,75 +4746,75 @@ to {
   text-align: center;
   transition: all 0.2s;
 }
-.f-upload__zone[data-v-ab699abf]:hover {
-  border-color: #409eff;
-  background: rgba(236, 245, 255, 0.3);
+.f-upload__zone[data-v-072c5bc2]:hover {
+  border-color: #ec4899;
+  background: rgba(236, 72, 153, 0.05);
 }
-.f-upload--drag .f-upload__zone[data-v-ab699abf] {
-  border-color: #409eff;
-  background: rgba(236, 245, 255, 0.5);
+.f-upload--drag .f-upload__zone[data-v-072c5bc2] {
+  border-color: #ec4899;
+  background: rgba(236, 72, 153, 0.1);
 }
-.f-upload__input[data-v-ab699abf] {
+.f-upload__input[data-v-072c5bc2] {
   display: none;
 }
-.f-upload__title[data-v-ab699abf] {
+.f-upload__title[data-v-072c5bc2] {
   font-size: 14px;
   font-weight: 600;
   color: #606266;
   margin-top: 8px;
 }
-.f-upload__hint[data-v-ab699abf] {
+.f-upload__hint[data-v-072c5bc2] {
   font-size: 12px;
   color: #909399;
   margin-top: 4px;
   line-height: 1.5;
 }
-.f-upload__list[data-v-ab699abf] {
+.f-upload__list[data-v-072c5bc2] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.f-upload__file-item[data-v-ab699abf] {
+.f-upload__file-item[data-v-072c5bc2] {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 8px 12px;
-  background: #ecf5ff;
-  border: 1px solid #d9ecff;
+  background: #fdf2f8;
+  border: 1px solid #fce7f3;
   border-radius: 4px;
   font-size: 14px;
-  color: #409eff;
+  color: #ec4899;
   transition: all 0.2s;
 }
-.f-upload__file-item--uploading[data-v-ab699abf] {
-  background: #ecf5ff;
-  border-color: #d9ecff;
-  color: #409eff;
+.f-upload__file-item--uploading[data-v-072c5bc2] {
+  background: #fdf2f8;
+  border-color: #fce7f3;
+  color: #ec4899;
 }
-.f-upload__file-item--error[data-v-ab699abf] {
+.f-upload__file-item--error[data-v-072c5bc2] {
   background: #fef0f0;
   border-color: #fde2e2;
   color: #f56c6c;
 }
-.f-upload__file-item--success[data-v-ab699abf] {
+.f-upload__file-item--success[data-v-072c5bc2] {
   background: #f0f9ff;
   border-color: #e1f3d8;
   color: #67c23a;
 }
-.f-upload__file-info[data-v-ab699abf] {
+.f-upload__file-info[data-v-072c5bc2] {
   display: flex;
   flex-direction: column;
   gap: 4px;
   flex: 1;
   min-width: 0;
 }
-.f-upload__file-name[data-v-ab699abf] {
+.f-upload__file-name[data-v-072c5bc2] {
   font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.f-upload__file-error[data-v-ab699abf] {
+.f-upload__file-error[data-v-072c5bc2] {
   font-size: 12px;
   color: #f56c6c;
 }.f-button-group[data-v-62561657] {