karin-plugin-kkk 2.45.2-beta.2 → 2.45.2-beta.4

package/lib/style.css

@@ -174,6 +174,7 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --font-weight-black: 900;
     --tracking-tighter: -.05em;
     --tracking-tight: -.025em;
     --tracking-normal: 0em;
@@ -215,7 +216,6 @@
     --font-bilifont: bilifont, "HarmonyOS Sans SC";
     --font-fansmedal-num: fansmedal-num, "HarmonyOS Sans SC";
     --radius-5xl: calc(var(--radius) * 5);
-    --radius-6xl: calc(var(--radius) * 6);
     --radius-7xl: calc(var(--radius) * 7);
     --radius-8xl: calc(var(--radius) * 8);
   }
@@ -12968,6 +12968,10 @@
     pointer-events: none;
   }
 
+  .visible {
+    visibility: visible;
+  }
+
   .absolute {
     position: absolute;
   }
@@ -13592,10 +13596,18 @@
     z-index: -1;
   }
 
+  .col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
 
+  .col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
   .col-span-4 {
     grid-column: span 4 / span 4;
   }
@@ -13698,6 +13710,10 @@
     margin-top: calc(var(--spacing) * -170);
   }
 
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * .5);
+  }
+
   .mt-1 {
     margin-top: var(--spacing);
   }
@@ -13766,10 +13782,6 @@
     margin-top: calc(var(--spacing) * 14);
   }
 
-  .mt-15 {
-    margin-top: calc(var(--spacing) * 15);
-  }
-
   .mt-16 {
     margin-top: calc(var(--spacing) * 16);
   }
@@ -14059,8 +14071,8 @@
     overflow: hidden;
   }
 
-  .line-clamp-5 {
-    -webkit-line-clamp: 5;
+  .line-clamp-4 {
+    -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden;
@@ -14098,7 +14110,7 @@
     display: table;
   }
 
-  .aspect-\[3\/4\] {
+  .aspect-3\/4 {
     aspect-ratio: 3 / 4;
   }
 
@@ -14218,6 +14230,10 @@
     height: calc(var(--spacing) * 18);
   }
 
+  .h-19 {
+    height: calc(var(--spacing) * 19);
+  }
+
   .h-20 {
     height: calc(var(--spacing) * 20);
   }
@@ -14342,10 +14358,6 @@
     height: calc(var(--spacing) * 110);
   }
 
-  .h-120 {
-    height: calc(var(--spacing) * 120);
-  }
-
   .h-125 {
     height: calc(var(--spacing) * 125);
   }
@@ -14354,18 +14366,10 @@
     height: calc(var(--spacing) * 150);
   }
 
-  .h-160 {
-    height: calc(var(--spacing) * 160);
-  }
-
   .h-175 {
     height: calc(var(--spacing) * 175);
   }
 
-  .h-180 {
-    height: calc(var(--spacing) * 180);
-  }
-
   .h-200 {
     height: calc(var(--spacing) * 200);
   }
@@ -14506,6 +14510,10 @@
     min-height: calc(var(--spacing) * 100);
   }
 
+  .min-h-146\.75 {
+    min-height: calc(var(--spacing) * 146.75);
+  }
+
   .min-h-150 {
     min-height: calc(var(--spacing) * 150);
   }
@@ -14750,6 +14758,10 @@
     width: calc(var(--spacing) * 75);
   }
 
+  .w-82\.5 {
+    width: calc(var(--spacing) * 82.5);
+  }
+
   .w-87\.5 {
     width: calc(var(--spacing) * 87.5);
   }
@@ -14778,6 +14790,10 @@
     width: calc(var(--spacing) * 130);
   }
 
+  .w-140 {
+    width: calc(var(--spacing) * 140);
+  }
+
   .w-150 {
     width: calc(var(--spacing) * 150);
   }
@@ -15018,6 +15034,30 @@
     min-width: 0;
   }
 
+  .min-w-14 {
+    min-width: calc(var(--spacing) * 14);
+  }
+
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
+
+  .min-w-26 {
+    min-width: calc(var(--spacing) * 26);
+  }
+
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+
+  .min-w-34 {
+    min-width: calc(var(--spacing) * 34);
+  }
+
+  .min-w-37 {
+    min-width: calc(var(--spacing) * 37);
+  }
+
   .min-w-37\.5 {
     min-width: calc(var(--spacing) * 37.5);
   }
@@ -15132,10 +15172,6 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
-  .scale-\[1\.06\] {
-    scale: 1.06;
-  }
-
   .scale-\[1\.08\] {
     scale: 1.08;
   }
@@ -15440,10 +15476,6 @@
     gap: calc(var(--spacing) * 24);
   }
 
-  .gap-25 {
-    gap: calc(var(--spacing) * 25);
-  }
-
   :where(.space-y-1 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
@@ -15508,6 +15540,10 @@
     column-gap: calc(var(--spacing) * 3);
   }
 
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
+
   .gap-x-5 {
     column-gap: calc(var(--spacing) * 5);
   }
@@ -15620,6 +15656,10 @@
     row-gap: calc(var(--spacing) * 10);
   }
 
+  .gap-y-11 {
+    row-gap: calc(var(--spacing) * 11);
+  }
+
   .gap-y-16 {
     row-gap: calc(var(--spacing) * 16);
   }
@@ -15636,6 +15676,14 @@
     align-self: center;
   }
 
+  .self-start {
+    align-self: flex-start;
+  }
+
+  .self-stretch {
+    align-self: stretch;
+  }
+
   .truncate {
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -15678,10 +15726,6 @@
     border-radius: var(--radius-5xl);
   }
 
-  .rounded-6xl {
-    border-radius: var(--radius-6xl);
-  }
-
   .rounded-7xl {
     border-radius: var(--radius-7xl);
   }
@@ -16102,6 +16146,16 @@
     }
   }
 
+  .border-foreground\/45 {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-foreground\/45 {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -16290,6 +16344,10 @@
     background-color: oklab(70.3645% -.0835712 -.107067 / .05);
   }
 
+  .bg-\[\#E04F86\] {
+    background-color: #e04f86;
+  }
+
   .bg-\[\#c9943a\]\/5 {
     background-color: oklab(70.1439% .0269371 .119456 / .05);
   }
@@ -16394,13 +16452,13 @@
     }
   }
 
-  .bg-black\/65 {
-    background-color: #000000a6;
+  .bg-black\/60 {
+    background-color: #0009;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-black\/65 {
-      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
+    .bg-black\/60 {
+      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
     }
   }
 
@@ -16536,33 +16594,43 @@
     }
   }
 
-  .bg-foreground, .bg-foreground\/50 {
+  .bg-foreground, .bg-foreground\/5 {
     background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-foreground\/50 {
-      background-color: color-mix(in oklab, var(--foreground) 50%, transparent);
+    .bg-foreground\/5 {
+      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
     }
   }
 
-  .bg-foreground\/70 {
+  .bg-foreground\/10 {
     background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-foreground\/70 {
-      background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
+    .bg-foreground\/10 {
+      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    }
+  }
+
+  .bg-foreground\/50 {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-foreground\/50 {
+      background-color: color-mix(in oklab, var(--foreground) 50%, transparent);
     }
   }
 
-  .bg-foreground\/80 {
+  .bg-foreground\/70 {
     background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-foreground\/80 {
-      background-color: color-mix(in oklab, var(--foreground) 80%, transparent);
+    .bg-foreground\/70 {
+      background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
     }
   }
 
@@ -17180,6 +17248,10 @@
     object-fit: cover;
   }
 
+  .object-\[50\%_30\%\] {
+    object-position: 50% 30%;
+  }
+
   .p-1 {
     padding: var(--spacing);
   }
@@ -17188,6 +17260,10 @@
     padding: calc(var(--spacing) * 2.5);
   }
 
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -17204,6 +17280,10 @@
     padding: calc(var(--spacing) * 8);
   }
 
+  .p-9 {
+    padding: calc(var(--spacing) * 9);
+  }
+
   .p-10 {
     padding: calc(var(--spacing) * 10);
   }
@@ -17224,10 +17304,6 @@
     padding: calc(var(--spacing) * 18);
   }
 
-  .p-25 {
-    padding: calc(var(--spacing) * 25);
-  }
-
   .p-\[1\.8em\] {
     padding: 1.8em;
   }
@@ -17328,10 +17404,6 @@
     padding-block: var(--spacing);
   }
 
-  .py-1\.5 {
-    padding-block: calc(var(--spacing) * 1.5);
-  }
-
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -17412,6 +17484,10 @@
     padding-top: 0;
   }
 
+  .pt-0\.5 {
+    padding-top: calc(var(--spacing) * .5);
+  }
+
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -17424,6 +17500,10 @@
     padding-top: calc(var(--spacing) * 6);
   }
 
+  .pt-7 {
+    padding-top: calc(var(--spacing) * 7);
+  }
+
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
@@ -17528,6 +17608,10 @@
     padding-bottom: calc(var(--spacing) * 6);
   }
 
+  .pb-7 {
+    padding-bottom: calc(var(--spacing) * 7);
+  }
+
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
@@ -17572,6 +17656,10 @@
     padding-left: calc(var(--spacing) * 8);
   }
 
+  .pl-10 {
+    padding-left: calc(var(--spacing) * 10);
+  }
+
   .pl-12 {
     padding-left: calc(var(--spacing) * 12);
   }
@@ -17805,6 +17893,10 @@
     font-size: 15px;
   }
 
+  .text-\[18px\] {
+    font-size: 18px;
+  }
+
   .text-\[20px\] {
     font-size: 20px;
   }
@@ -17861,10 +17953,6 @@
     font-size: 36px;
   }
 
-  .text-\[38px\] {
-    font-size: 38px;
-  }
-
   .text-\[40px\] {
     font-size: 40px;
   }
@@ -17933,10 +18021,6 @@
     font-size: 72px;
   }
 
-  .text-\[76px\] {
-    font-size: 76px;
-  }
-
   .text-\[80px\] {
     font-size: 80px;
   }
@@ -17996,11 +18080,26 @@
     line-height: calc(var(--spacing) * 20);
   }
 
+  .leading-\[0\.9\] {
+    --tw-leading: .9;
+    line-height: .9;
+  }
+
+  .leading-\[0\.84\] {
+    --tw-leading: .84;
+    line-height: .84;
+  }
+
   .leading-\[0\.88\] {
     --tw-leading: .88;
     line-height: .88;
   }
 
+  .leading-\[1\.1\] {
+    --tw-leading: 1.1;
+    line-height: 1.1;
+  }
+
   .leading-\[1\.2\] {
     --tw-leading: 1.2;
     line-height: 1.2;
@@ -18041,9 +18140,9 @@
     line-height: 1.08;
   }
 
-  .leading-\[1\.12\] {
-    --tw-leading: 1.12;
-    line-height: 1.12;
+  .leading-\[1\.14\] {
+    --tw-leading: 1.14;
+    line-height: 1.14;
   }
 
   .leading-\[1\.16\] {
@@ -18116,6 +18215,11 @@
     line-height: var(--leading-tight);
   }
 
+  .font-black {
+    --tw-font-weight: var(--font-weight-black);
+    font-weight: var(--font-weight-black);
+  }
+
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -18151,6 +18255,11 @@
     letter-spacing: -.03em;
   }
 
+  .tracking-\[-0\.04em\] {
+    --tw-tracking: -.04em;
+    letter-spacing: -.04em;
+  }
+
   .tracking-\[-0\.05em\] {
     --tw-tracking: -.05em;
     letter-spacing: -.05em;
@@ -18231,6 +18340,11 @@
     letter-spacing: .28em;
   }
 
+  .tracking-\[0\.32em\] {
+    --tw-tracking: .32em;
+    letter-spacing: .32em;
+  }
+
   .tracking-\[2px\] {
     --tw-tracking: 2px;
     letter-spacing: 2px;
@@ -18280,6 +18394,10 @@
     text-wrap: balance;
   }
 
+  .text-pretty {
+    text-wrap: pretty;
+  }
+
   .wrap-break-word {
     overflow-wrap: break-word;
   }
@@ -18340,6 +18458,10 @@
     color: #13386c;
   }
 
+  .text-\[\#E04F86\] {
+    color: #e04f86;
+  }
+
   .text-\[\#a07d30\] {
     color: #a07d30;
   }
@@ -18378,7 +18500,7 @@
     }
   }
 
-  .text-background, .text-background\/80 {
+  .text-background\/80 {
     color: var(--background);
   }
 
@@ -18634,6 +18756,16 @@
     }
   }
 
+  .text-foreground\/55 {
+    color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-foreground\/55 {
+      color: color-mix(in oklab, var(--foreground) 55%, transparent);
+    }
+  }
+
   .text-foreground\/60 {
     color: var(--foreground);
   }
@@ -18644,6 +18776,16 @@
     }
   }
 
+  .text-foreground\/65 {
+    color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-foreground\/65 {
+      color: color-mix(in oklab, var(--foreground) 65%, transparent);
+    }
+  }
+
   .text-foreground\/70 {
     color: var(--foreground);
   }
@@ -18939,10 +19081,6 @@
     opacity: .5;
   }
 
-  .opacity-55 {
-    opacity: .55;
-  }
-
   .opacity-60 {
     opacity: .6;
   }
@@ -19057,6 +19195,36 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-black\/10 {
+    --tw-shadow-color: #0000001a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-black\/10 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
+  .shadow-black\/15 {
+    --tw-shadow-color: #00000026;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-black\/15 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
+  .shadow-black\/20 {
+    --tw-shadow-color: #0003;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-black\/20 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
   .ring-border\/40 {
     --tw-ring-color: var(--border);
   }
@@ -19067,6 +19235,16 @@
     }
   }
 
+  .ring-foreground\/10 {
+    --tw-ring-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-foreground\/10 {
+      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    }
+  }
+
   .ring-white\/25 {
     --tw-ring-color: #ffffff40;
   }
@@ -19092,11 +19270,6 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
-  .blur-\[36px\] {
-    --tw-blur: blur(36px);
-    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
-  }
-
   .blur-\[46px\] {
     --tw-blur: blur(46px);
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -19472,6 +19645,16 @@
     }
   }
 
+  .dark\:bg-\[\#FB7299\]:is(.dark, .dark :not(:is(.dark .light *, .dark [data-theme="light"] *)), [data-theme="dark"], [data-theme="dark"] :not(:is([data-theme="dark"] .light *, [data-theme="dark"] [data-theme="light"] *))) {
+    background-color: #fb7299;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    .dark\:bg-\[\#FB7299\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      background-color: #fb7299;
+    }
+  }
+
   .dark\:bg-surface\/10:is(.dark, .dark :not(:is(.dark .light *, .dark [data-theme="light"] *)), [data-theme="dark"], [data-theme="dark"] :not(:is([data-theme="dark"] .light *, [data-theme="dark"] [data-theme="light"] *))) {
     background-color: var(--surface);
   }
@@ -19504,6 +19687,16 @@
     }
   }
 
+  .dark\:text-\[\#FB7299\]:is(.dark, .dark :not(:is(.dark .light *, .dark [data-theme="light"] *)), [data-theme="dark"], [data-theme="dark"] :not(:is([data-theme="dark"] .light *, [data-theme="dark"] [data-theme="light"] *))) {
+    color: #fb7299;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    .dark\:text-\[\#FB7299\]:not(:is(.light, .light *, [data-theme="light"], [data-theme="light"] *)) {
+      color: #fb7299;
+    }
+  }
+
   .dark\:text-\[\#c7daef\]:is(.dark, .dark :not(:is(.dark .light *, .dark [data-theme="light"] *)), [data-theme="dark"], [data-theme="dark"] :not(:is([data-theme="dark"] .light *, [data-theme="dark"] [data-theme="light"] *))) {
     color: #c7daef;
   }