fix: migrate code queue control plane to k3s

src/components/frontend/public/style.css

@@ -6291,11 +6291,11 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
   background: rgba(255,255,255,0.3);
 }
 
-.v3s-page {
+.k3s-page {
   display: grid;
   gap: 14px;
 }
-.v3s-hero-panel {
+.k3s-hero-panel {
   position: relative;
   overflow: hidden;
   border-color: rgba(215, 161, 58, 0.34);
@@ -6304,14 +6304,14 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
     radial-gradient(circle at 12% 84%, rgba(78, 183, 168, 0.13), transparent 34%),
     linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012));
 }
-.v3s-hero {
+.k3s-hero {
   display: grid;
   grid-template-columns: 128px minmax(0, 1fr);
   align-items: center;
   gap: 18px;
   margin-bottom: 16px;
 }
-.v3s-orb {
+.k3s-orb {
   position: relative;
   display: grid;
   place-items: center;
@@ -6328,20 +6328,20 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
   color: var(--accent);
   font-weight: 800;
 }
-.v3s-orb::before,
-.v3s-orb::after {
+.k3s-orb::before,
+.k3s-orb::after {
   content: "";
   position: absolute;
   inset: 12px;
   border: 1px dashed rgba(78,183,168,0.38);
   border-radius: inherit;
 }
-.v3s-orb::after {
+.k3s-orb::after {
   inset: 28px;
   border-style: solid;
   border-color: rgba(255,255,255,0.12);
 }
-.v3s-hero-copy h2 {
+.k3s-hero-copy h2 {
   max-width: 860px;
   margin: 0 0 8px;
   color: var(--text);
@@ -6350,14 +6350,14 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
   letter-spacing: 0.08em;
   text-transform: none;
 }
-.v3s-route-strip {
+.k3s-route-strip {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 8px;
   margin-top: 12px;
 }
-.v3s-route-strip span {
+.k3s-route-strip span {
   padding: 5px 8px;
   border: 1px solid rgba(215,161,58,0.5);
   border-radius: 999px;
@@ -6367,7 +6367,7 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
   font-weight: 800;
   letter-spacing: 0.16em;
 }
-.v3s-route-strip code {
+.k3s-route-strip code {
   max-width: 100%;
   padding: 5px 8px;
   border: 1px solid var(--line-soft);
@@ -6377,79 +6377,79 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
   overflow-wrap: anywhere;
   white-space: normal;
 }
-.v3s-control-plane-grid {
+.k3s-control-plane-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 8px;
   margin-top: 12px;
 }
-.v3s-control-plane-card {
+.k3s-control-plane-card {
   min-height: 96px;
   padding: 12px;
   border: 1px solid rgba(255,255,255,0.1);
   background: linear-gradient(135deg, rgba(0,0,0,0.22), rgba(78,183,168,0.07));
 }
-.v3s-control-plane-card span {
+.k3s-control-plane-card span {
   color: var(--muted);
   font-size: 10px;
   letter-spacing: 0.14em;
   text-transform: uppercase;
 }
-.v3s-control-plane-card strong {
+.k3s-control-plane-card strong {
   display: block;
   margin-top: 8px;
   color: var(--text);
   font-size: 17px;
   letter-spacing: 0.08em;
 }
-.v3s-control-plane-card p {
+.k3s-control-plane-card p {
   margin: 8px 0 0;
   color: var(--muted);
   font-size: 12px;
   line-height: 1.45;
   overflow-wrap: anywhere;
 }
-.v3s-service-panel {
+.k3s-service-panel {
   border-color: rgba(78,183,168,0.25);
 }
-.v3s-service-summary {
+.k3s-service-summary {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 8px;
   margin-bottom: 12px;
 }
-.v3s-service-summary > div,
-.v3s-instance-card {
+.k3s-service-summary > div,
+.k3s-instance-card {
   border: 1px solid var(--line-soft);
   background: rgba(0,0,0,0.18);
 }
-.v3s-service-summary > div {
+.k3s-service-summary > div {
   display: grid;
   gap: 6px;
   min-height: 66px;
   padding: 10px;
 }
-.v3s-service-summary span,
-.v3s-kv dt {
+.k3s-service-summary span,
+.k3s-kv dt {
   color: var(--muted);
   font-size: 10px;
   letter-spacing: 0.12em;
   text-transform: uppercase;
 }
-.v3s-service-summary strong {
+.k3s-service-summary strong {
   color: var(--text);
   font-size: 18px;
 }
-.v3s-instance-grid {
+.k3s-instance-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   gap: 10px;
 }
-.v3s-instance-card {
+.k3s-instance-card {
   padding: 12px;
   border-left: 3px solid rgba(78,183,168,0.7);
 }
-.v3s-instance-role {
+.k3s-instance-role {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -6459,34 +6459,34 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
   font-size: 11px;
   letter-spacing: 0.15em;
 }
-.v3s-kv {
+.k3s-kv {
   display: grid;
   grid-template-columns: 76px minmax(0, 1fr);
   gap: 6px 10px;
   margin: 0;
 }
-.v3s-kv dd {
+.k3s-kv dd {
   min-width: 0;
   margin: 0;
   color: var(--text);
   overflow-wrap: anywhere;
 }
-.v3s-kv code {
+.k3s-kv code {
   white-space: normal;
 }
 
 @media (max-width: 780px) {
-  .v3s-hero {
+  .k3s-hero {
     grid-template-columns: 1fr;
   }
-  .v3s-orb {
+  .k3s-orb {
     width: 96px;
     height: 96px;
   }
-  .v3s-service-summary {
+  .k3s-service-summary {
     grid-template-columns: 1fr 1fr;
   }
-  .v3s-control-plane-grid {
+  .k3s-control-plane-grid {
     grid-template-columns: 1fr;
   }
 }