mirror of
https://github.com/lingke-net/koring-space.git
synced 2026-09-12 05:45:17 +08:00
Add CardNav, theme providers, and UI updates
Introduce an interactive top navigation and theming + site UI/branding changes. - Add CardNav component (TSX + CSS) with GSAP animations and responsive behavior. - Dynamic Header now loads CardNav (client-side). - Add Providers (next-themes) and wrap RootLayout; enable theme toggle and update site title to "Koring Team". - Add Koring logo component and public SVG asset. - Add custom 404 (app/not-found.tsx). - Update home page spacing and card paddings for responsiveness. - Refactor Footer content and layout for legal/branding text. - Add dependencies: gsap, react-icons and update pnpm lock.
This commit is contained in:
+11
-5
@@ -6,6 +6,7 @@ import { Header } from "@/layout/header";
|
|||||||
import { Footer } from "@/layout/footer";
|
import { Footer } from "@/layout/footer";
|
||||||
import Script from "next/script";
|
import Script from "next/script";
|
||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
import { Providers } from "./providers";
|
||||||
|
|
||||||
const alimamaFangYuan = localFont({
|
const alimamaFangYuan = localFont({
|
||||||
src: "../public/font/Alimama.ttf",
|
src: "../public/font/Alimama.ttf",
|
||||||
@@ -18,7 +19,7 @@ const geistMono = Geist_Mono({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "RivFox",
|
title: "Koring Team",
|
||||||
description: "Generated by create next app",
|
description: "Generated by create next app",
|
||||||
icons: {
|
icons: {
|
||||||
icon: "/favicon.svg",
|
icon: "/favicon.svg",
|
||||||
@@ -32,12 +33,15 @@ export default function RootLayout({
|
|||||||
}>) {
|
}>) {
|
||||||
return (
|
return (
|
||||||
<html
|
<html
|
||||||
lang="en"
|
lang="en"
|
||||||
className={cn("h-full", "antialiased", alimamaFangYuan.variable, geistMono.variable, "font-sans")}
|
suppressHydrationWarning
|
||||||
>
|
className={cn("h-full", "antialiased", alimamaFangYuan.variable, geistMono.variable, "font-sans")}
|
||||||
|
>
|
||||||
<body className="min-h-full flex flex-col">
|
<body className="min-h-full flex flex-col">
|
||||||
|
<Providers>
|
||||||
<Header />
|
<Header />
|
||||||
<main className="flex-1 pt-14 px-4 sm:px-10 lg:px-48">
|
<div style={{ height: 20 }} />
|
||||||
|
<main className="flex-1 px-4 sm:px-10 lg:px-48">
|
||||||
{children}
|
{children}
|
||||||
<Script
|
<Script
|
||||||
src="https://analysis.rivfox.com/api/script.js"
|
src="https://analysis.rivfox.com/api/script.js"
|
||||||
@@ -45,7 +49,9 @@ export default function RootLayout({
|
|||||||
strategy="afterInteractive"
|
strategy="afterInteractive"
|
||||||
/>
|
/>
|
||||||
</main>
|
</main>
|
||||||
|
<div style={{ height: 50 }} />
|
||||||
<Footer/>
|
<Footer/>
|
||||||
|
</Providers>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -0,0 +1,26 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
import { Button } from "@/components/ui/button";
|
||||||
|
import { FlickeringGrid } from "@/components/ui/flickering-grid";
|
||||||
|
|
||||||
|
export default function NotFound() {
|
||||||
|
return (
|
||||||
|
<div className="relative flex flex-col items-center justify-center min-h-[60vh] gap-6" style={{ height: "85vh" }}>
|
||||||
|
<FlickeringGrid
|
||||||
|
className="absolute inset-0 z-0 mask-[radial-gradient(700px_circle_at_center,white,transparent)]"
|
||||||
|
squareSize={6}
|
||||||
|
gridGap={14}
|
||||||
|
color="#6b9eb6"
|
||||||
|
maxOpacity={0.7}
|
||||||
|
flickerChance={0.1}
|
||||||
|
/>
|
||||||
|
<div className="relative z-10 flex flex-col items-center gap-2">
|
||||||
|
<span className="text-8xl font-black tracking-tighter text-muted-foreground/20">404</span>
|
||||||
|
<h1 className="text-2xl font-bold">页面未找到</h1>
|
||||||
|
<p className="text-sm text-muted-foreground">你访问的页面不存在或已被移除</p>
|
||||||
|
</div>
|
||||||
|
<Link href="/" className="relative z-10">
|
||||||
|
<Button>返回首页</Button>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
+19
-29
@@ -30,34 +30,24 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="relative w-full h-120 overflow-hidden">
|
<div className="relative w-full" style={{ height: "75vh" }}>
|
||||||
<div className="relative rounded-xl border w-full h-full">
|
<FlickeringGrid
|
||||||
<div className="absolute inset-0 z-10 flex items-center justify-center">
|
className="absolute inset-0 z-0 mask-[radial-gradient(700px_circle_at_center,white,transparent)]"
|
||||||
<img
|
squareSize={6}
|
||||||
src="/koring-big-w-blue.svg"
|
gridGap={14}
|
||||||
alt="Koring Team"
|
color="#6b9eb6"
|
||||||
className="w-[5%] h-1"
|
maxOpacity={0.7}
|
||||||
/>
|
flickerChance={0.1}
|
||||||
</div>
|
/>
|
||||||
|
<div className="relative z-10 flex flex-col items-center justify-center h-full gap-2">
|
||||||
<span className="absolute right-12 bottom-12 text-xl text-muted-foreground">
|
<span className="font-bold text-5xl">Koring Team</span>
|
||||||
|
<span className="text-xl text-muted-foreground">创意无限</span>
|
||||||
</span>
|
|
||||||
|
|
||||||
<FlickeringGrid
|
|
||||||
className="absolute inset-0 z-0 mask-[radial-gradient(700px_circle_at_center,white,transparent)]"
|
|
||||||
squareSize={6}
|
|
||||||
gridGap={14}
|
|
||||||
color="#6b9eb6"
|
|
||||||
maxOpacity={0.7}
|
|
||||||
flickerChance={0.1}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Link
|
<Link
|
||||||
href="/launcher"
|
href="/launcher"
|
||||||
className="relative flex w-full flex-col overflow-hidden rounded-md border p-6 group dark text-white bg-[#0A0A0AFF]"
|
className="relative flex w-full flex-col overflow-hidden rounded-md border p-4 sm:p-6 group dark text-white bg-[#0A0A0AFF]"
|
||||||
>
|
>
|
||||||
<div className="flex items-center justify-between gap-4">
|
<div className="flex items-center justify-between gap-4">
|
||||||
要不来尝尝鲜？试试这个...
|
要不来尝尝鲜？试试这个...
|
||||||
@@ -90,7 +80,7 @@ export default function HomePage() {
|
|||||||
<a
|
<a
|
||||||
href="https://docs.play.lenjing.work"
|
href="https://docs.play.lenjing.work"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="group rounded-md border border-border p-6"
|
className="group rounded-md border border-border p-4 sm:p-6"
|
||||||
>
|
>
|
||||||
<div className="flex items-center justify-between gap-4">
|
<div className="flex items-center justify-between gap-4">
|
||||||
<b>散射系列</b>
|
<b>散射系列</b>
|
||||||
@@ -104,7 +94,7 @@ export default function HomePage() {
|
|||||||
|
|
||||||
<a
|
<a
|
||||||
href="/launcher"
|
href="/launcher"
|
||||||
className="group rounded-md border border-border p-6"
|
className="group rounded-md border border-border p-4 sm:p-6"
|
||||||
>
|
>
|
||||||
<div className="flex items-center justify-between gap-4">
|
<div className="flex items-center justify-between gap-4">
|
||||||
<b>科灵启动器</b>
|
<b>科灵启动器</b>
|
||||||
@@ -120,7 +110,7 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a className="group rounded-md border border-border p-6">
|
<a className="group rounded-md border border-border p-4 sm:p-6">
|
||||||
<div className="flex items-center justify-between gap-4">
|
<div className="flex items-center justify-between gap-4">
|
||||||
<b>绘皮编辑器</b>
|
<b>绘皮编辑器</b>
|
||||||
<Status status="degraded">
|
<Status status="degraded">
|
||||||
@@ -135,7 +125,7 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a className="group rounded-md border border-border p-6">
|
<a className="group rounded-md border border-border p-4 sm:p-6">
|
||||||
<div className="flex items-center justify-between gap-4">
|
<div className="flex items-center justify-between gap-4">
|
||||||
<b>绘皮编辑器</b>
|
<b>绘皮编辑器</b>
|
||||||
<Status status="degraded">
|
<Status status="degraded">
|
||||||
@@ -150,7 +140,7 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a className="group rounded-md border border-border p-6">
|
<a className="group rounded-md border border-border p-4 sm:p-6">
|
||||||
<div className="flex items-center justify-between gap-4">
|
<div className="flex items-center justify-between gap-4">
|
||||||
<b>创汇基金</b>
|
<b>创汇基金</b>
|
||||||
<Status status="degraded">
|
<Status status="degraded">
|
||||||
@@ -168,7 +158,7 @@ export default function HomePage() {
|
|||||||
<a
|
<a
|
||||||
href="https://mchine.space"
|
href="https://mchine.space"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="group rounded-md border border-border p-6"
|
className="group rounded-md border border-border p-4 sm:p-6"
|
||||||
>
|
>
|
||||||
<div className="flex items-center justify-between gap-4">
|
<div className="flex items-center justify-between gap-4">
|
||||||
<b>木柴.空间</b>
|
<b>木柴.空间</b>
|
||||||
|
|||||||
@@ -0,0 +1,11 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "next-themes";
|
||||||
|
|
||||||
|
export function Providers({ children }: { children: React.ReactNode }) {
|
||||||
|
return (
|
||||||
|
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
|
||||||
|
{children}
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,268 @@
|
|||||||
|
.card-nav-container {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 1rem;
|
||||||
|
z-index: 99;
|
||||||
|
box-sizing: border-box;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 800px;
|
||||||
|
height: 60px;
|
||||||
|
padding: 0;
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
backdrop-filter: blur(20px) saturate(1.4);
|
||||||
|
-webkit-backdrop-filter: blur(20px) saturate(1.4);
|
||||||
|
border: 0.5px solid rgba(0, 0, 0, 0.06);
|
||||||
|
border-radius: 0.75rem;
|
||||||
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
position: relative;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-top {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 60px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0.5rem 0.45rem 0.55rem 1.1rem;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #000;
|
||||||
|
transition: background-color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-menu {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-menu:hover .hamburger-line {
|
||||||
|
opacity: 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-line {
|
||||||
|
width: 30px;
|
||||||
|
height: 2px;
|
||||||
|
background-color: currentColor;
|
||||||
|
transition:
|
||||||
|
transform 0.25s ease,
|
||||||
|
opacity 0.2s ease,
|
||||||
|
margin 0.3s ease;
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-menu.open .hamburger-line:first-child {
|
||||||
|
transform: translateY(4px) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-menu.open .hamburger-line:last-child {
|
||||||
|
transform: translateY(-4px) rotate(-45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-text {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-cta-button {
|
||||||
|
background-color: #111;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: calc(0.75rem - 0.35rem);
|
||||||
|
padding: 0 1rem;
|
||||||
|
height: 100%;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-cta-button:hover {
|
||||||
|
background-color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-content {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 60px;
|
||||||
|
bottom: 0;
|
||||||
|
padding: 0.5rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
gap: 12px;
|
||||||
|
visibility: hidden;
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav.open .card-nav-content {
|
||||||
|
visibility: visible;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card {
|
||||||
|
height: 100%;
|
||||||
|
flex: 1 1 0;
|
||||||
|
min-width: 0;
|
||||||
|
border-radius: calc(0.75rem - 0.2rem);
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 12px 16px;
|
||||||
|
gap: 8px;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card-label {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 22px;
|
||||||
|
letter-spacing: -0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card-links {
|
||||||
|
margin-top: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card-link {
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card-link:hover {
|
||||||
|
opacity: 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .card-nav {
|
||||||
|
background: rgba(26, 26, 26, 0.7);
|
||||||
|
backdrop-filter: blur(20px) saturate(1.4);
|
||||||
|
-webkit-backdrop-filter: blur(20px) saturate(1.4);
|
||||||
|
border-color: rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .logo-text {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .hamburger-menu {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .theme-toggle {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .theme-toggle:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.card-nav-container {
|
||||||
|
padding: 0.6rem 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-top {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-menu {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-container {
|
||||||
|
position: static;
|
||||||
|
transform: none;
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-cta-button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-nav-content {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 0.5rem;
|
||||||
|
bottom: 0;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card {
|
||||||
|
height: auto;
|
||||||
|
min-height: 60px;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-height: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card-label {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-card-link {
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,267 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useLayoutEffect, useRef, useState } from "react";
|
||||||
|
import { gsap } from "gsap";
|
||||||
|
import { GoArrowUpRight } from "react-icons/go";
|
||||||
|
import { useTheme } from "next-themes";
|
||||||
|
import "./CardNav.css";
|
||||||
|
|
||||||
|
interface CardNavLink {
|
||||||
|
label: string;
|
||||||
|
href?: string;
|
||||||
|
ariaLabel: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface CardNavItem {
|
||||||
|
label: string;
|
||||||
|
bgColor: string;
|
||||||
|
textColor: string;
|
||||||
|
links: CardNavLink[];
|
||||||
|
}
|
||||||
|
|
||||||
|
interface CardNavProps {
|
||||||
|
logo?: string;
|
||||||
|
logoAlt?: string;
|
||||||
|
items: CardNavItem[];
|
||||||
|
className?: string;
|
||||||
|
ease?: string;
|
||||||
|
baseColor?: string;
|
||||||
|
menuColor?: string;
|
||||||
|
buttonBgColor?: string;
|
||||||
|
buttonTextColor?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const CardNav: React.FC<CardNavProps> = ({
|
||||||
|
logo,
|
||||||
|
logoAlt = "Logo",
|
||||||
|
items,
|
||||||
|
className = "",
|
||||||
|
ease = "power3.out",
|
||||||
|
baseColor = "#fff",
|
||||||
|
menuColor,
|
||||||
|
buttonBgColor,
|
||||||
|
buttonTextColor,
|
||||||
|
}) => {
|
||||||
|
const [isHamburgerOpen, setIsHamburgerOpen] = useState(false);
|
||||||
|
const [isExpanded, setIsExpanded] = useState(false);
|
||||||
|
const navRef = useRef<HTMLElement>(null);
|
||||||
|
const cardsRef = useRef<HTMLDivElement[]>([]);
|
||||||
|
const tlRef = useRef<gsap.core.Timeline | null>(null);
|
||||||
|
const { theme, setTheme } = useTheme();
|
||||||
|
|
||||||
|
const calculateHeight = () => {
|
||||||
|
const navEl = navRef.current;
|
||||||
|
if (!navEl) return 260;
|
||||||
|
|
||||||
|
const isMobile = window.matchMedia("(max-width: 768px)").matches;
|
||||||
|
if (isMobile) {
|
||||||
|
const contentEl = navEl.querySelector<HTMLElement>(".card-nav-content");
|
||||||
|
if (contentEl) {
|
||||||
|
const wasVisible = contentEl.style.visibility;
|
||||||
|
const wasPointerEvents = contentEl.style.pointerEvents;
|
||||||
|
const wasPosition = contentEl.style.position;
|
||||||
|
const wasHeight = contentEl.style.height;
|
||||||
|
|
||||||
|
contentEl.style.visibility = "visible";
|
||||||
|
contentEl.style.pointerEvents = "auto";
|
||||||
|
contentEl.style.position = "static";
|
||||||
|
contentEl.style.height = "auto";
|
||||||
|
|
||||||
|
contentEl.offsetHeight;
|
||||||
|
|
||||||
|
const topBar = 60;
|
||||||
|
const padding = 16;
|
||||||
|
const contentHeight = contentEl.scrollHeight;
|
||||||
|
|
||||||
|
contentEl.style.visibility = wasVisible;
|
||||||
|
contentEl.style.pointerEvents = wasPointerEvents;
|
||||||
|
contentEl.style.position = wasPosition;
|
||||||
|
contentEl.style.height = wasHeight;
|
||||||
|
|
||||||
|
return topBar + contentHeight + padding;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return 260;
|
||||||
|
};
|
||||||
|
|
||||||
|
const createTimeline = () => {
|
||||||
|
const navEl = navRef.current;
|
||||||
|
if (!navEl) return null;
|
||||||
|
|
||||||
|
gsap.set(navEl, { height: 60 });
|
||||||
|
gsap.set(cardsRef.current, { y: 50, opacity: 0 });
|
||||||
|
|
||||||
|
const tl = gsap.timeline({ paused: true });
|
||||||
|
|
||||||
|
tl.to(navEl, {
|
||||||
|
height: calculateHeight,
|
||||||
|
duration: 0.4,
|
||||||
|
ease,
|
||||||
|
});
|
||||||
|
|
||||||
|
tl.to(
|
||||||
|
cardsRef.current,
|
||||||
|
{ y: 0, opacity: 1, duration: 0.4, ease, stagger: 0.08 },
|
||||||
|
"-=0.1"
|
||||||
|
);
|
||||||
|
|
||||||
|
return tl;
|
||||||
|
};
|
||||||
|
|
||||||
|
useLayoutEffect(() => {
|
||||||
|
const tl = createTimeline();
|
||||||
|
tlRef.current = tl;
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
tl?.kill();
|
||||||
|
tlRef.current = null;
|
||||||
|
};
|
||||||
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
|
}, [ease, items]);
|
||||||
|
|
||||||
|
useLayoutEffect(() => {
|
||||||
|
const handleResize = () => {
|
||||||
|
if (!tlRef.current) return;
|
||||||
|
|
||||||
|
if (isExpanded) {
|
||||||
|
const newHeight = calculateHeight();
|
||||||
|
gsap.set(navRef.current, { height: newHeight });
|
||||||
|
|
||||||
|
tlRef.current.kill();
|
||||||
|
const newTl = createTimeline();
|
||||||
|
if (newTl) {
|
||||||
|
newTl.progress(1);
|
||||||
|
tlRef.current = newTl;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
tlRef.current.kill();
|
||||||
|
const newTl = createTimeline();
|
||||||
|
if (newTl) {
|
||||||
|
tlRef.current = newTl;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
window.addEventListener("resize", handleResize);
|
||||||
|
return () => window.removeEventListener("resize", handleResize);
|
||||||
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
|
}, [isExpanded]);
|
||||||
|
|
||||||
|
const toggleMenu = () => {
|
||||||
|
const tl = tlRef.current;
|
||||||
|
if (!tl) return;
|
||||||
|
if (!isExpanded) {
|
||||||
|
setIsHamburgerOpen(true);
|
||||||
|
setIsExpanded(true);
|
||||||
|
tl.play(0);
|
||||||
|
} else {
|
||||||
|
setIsHamburgerOpen(false);
|
||||||
|
tl.eventCallback("onReverseComplete", () => setIsExpanded(false));
|
||||||
|
tl.reverse();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const setCardRef =
|
||||||
|
(i: number) =>
|
||||||
|
(el: HTMLDivElement | null) => {
|
||||||
|
if (el) cardsRef.current[i] = el;
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={`card-nav-container ${className}`}>
|
||||||
|
<nav
|
||||||
|
ref={navRef}
|
||||||
|
className={`card-nav ${isExpanded ? "open" : ""}`}
|
||||||
|
style={{ backdropFilter: "blur(20px) saturate(1.4)", WebkitBackdropFilter: "blur(20px) saturate(1.4)" }}
|
||||||
|
>
|
||||||
|
<div className="card-nav-top">
|
||||||
|
<div className="card-nav-left">
|
||||||
|
<div
|
||||||
|
className={`hamburger-menu ${isHamburgerOpen ? "open" : ""}`}
|
||||||
|
onClick={toggleMenu}
|
||||||
|
onKeyDown={(e) => {
|
||||||
|
if (e.key === "Enter" || e.key === " ") {
|
||||||
|
e.preventDefault();
|
||||||
|
toggleMenu();
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
role="button"
|
||||||
|
aria-label={isExpanded ? "Close menu" : "Open menu"}
|
||||||
|
aria-expanded={isExpanded}
|
||||||
|
tabIndex={0}
|
||||||
|
style={{ color: menuColor || "#000" }}
|
||||||
|
>
|
||||||
|
<div className="hamburger-line" />
|
||||||
|
<div className="hamburger-line" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="logo-container">
|
||||||
|
<a href="/" className="no-underline">
|
||||||
|
{logo ? (
|
||||||
|
<img src={logo} alt={logoAlt} className="logo" />
|
||||||
|
) : (
|
||||||
|
<span className="logo-text" style={{ cursor: "pointer" }}>{logoAlt}</span>
|
||||||
|
)}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="theme-toggle"
|
||||||
|
onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
|
||||||
|
aria-label="Toggle dark mode"
|
||||||
|
>
|
||||||
|
{theme === "dark" ? (
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||||
|
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
|
||||||
|
</svg>
|
||||||
|
) : (
|
||||||
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||||
|
<circle cx="12" cy="12" r="4" />
|
||||||
|
<path d="M12 2v2" />
|
||||||
|
<path d="M12 20v2" />
|
||||||
|
<path d="m4.93 4.93 1.41 1.41" />
|
||||||
|
<path d="m17.66 17.66 1.41 1.41" />
|
||||||
|
<path d="M2 12h2" />
|
||||||
|
<path d="M20 12h2" />
|
||||||
|
<path d="m6.34 17.66-1.41 1.41" />
|
||||||
|
<path d="m19.07 4.93-1.41 1.41" />
|
||||||
|
</svg>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="card-nav-content" aria-hidden={!isExpanded}>
|
||||||
|
{(items || []).slice(0, 3).map((item, idx) => (
|
||||||
|
<div
|
||||||
|
key={`${item.label}-${idx}`}
|
||||||
|
className="nav-card"
|
||||||
|
ref={setCardRef(idx)}
|
||||||
|
style={{ backgroundColor: item.bgColor, color: item.textColor }}
|
||||||
|
>
|
||||||
|
<div className="nav-card-label">{item.label}</div>
|
||||||
|
<div className="nav-card-links">
|
||||||
|
{item.links?.map((lnk, i) => (
|
||||||
|
<a
|
||||||
|
key={`${lnk.label}-${i}`}
|
||||||
|
className="nav-card-link"
|
||||||
|
href={lnk.href}
|
||||||
|
aria-label={lnk.ariaLabel}
|
||||||
|
>
|
||||||
|
<GoArrowUpRight className="nav-card-link-icon" aria-hidden="true" />
|
||||||
|
{lnk.label}
|
||||||
|
</a>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default CardNav;
|
||||||
@@ -0,0 +1,34 @@
|
|||||||
|
import type { SVGProps } from "react"
|
||||||
|
|
||||||
|
export function KoringLogo(props: SVGProps<SVGSVGElement>) {
|
||||||
|
return (
|
||||||
|
<svg viewBox="0 0 1509.74 513" xmlns="http://www.w3.org/2000/svg" fill="none">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint_linear_0" x1="279.500153" x2="42.9584656" y1="240.000015" y2="455.749146" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stopColor="rgb(54,110,250)" offset="0" stopOpacity="1" />
|
||||||
|
<stop stopColor="rgb(0,127,255)" offset="1" stopOpacity="0" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="缁勫悎 9">
|
||||||
|
<g id="<">
|
||||||
|
<path id="鐭㈤噺 29" d="M301.352 290.961L122.809 407.312L28.5088 351.793L300.704 174.406C300.958 174.088 301.175 173.956 301.354 174.013C301.48 174.052 301.587 174.183 301.676 174.406C301.892 174.948 302 175.557 302 176.234L302 288.524C302 289.986 301.825 290.79 301.475 290.936C301.436 290.953 301.395 290.961 301.352 290.961Z" fill="url(#paint_linear_0)" fillRule="evenodd" />
|
||||||
|
</g>
|
||||||
|
<g id="Koring Team<">
|
||||||
|
<path id="鐭㈤噺 18" d="M690.814 221.4C690.908 221.307 690.955 221.166 690.955 220.978L690.955 145.033L708.15 124.364L772.53 221.26C772.53 221.353 772.553 221.424 772.6 221.471C772.647 221.518 772.717 221.541 772.811 221.541L817.364 221.541C817.411 221.541 817.446 221.529 817.47 221.506C817.493 221.483 817.505 221.447 817.505 221.4L817.505 220.978L733.337 94.0915L804.554 8.48983L804.554 8.06752C804.554 8.0206 804.543 7.98541 804.519 7.96195C804.496 7.93849 804.46 7.92676 804.414 7.92676L756.271 7.92676C756.252 7.92676 756.235 7.93051 756.22 7.93802C756.16 7.96805 756.13 8.05814 756.13 8.20829L690.955 87.9249L690.955 8.48983C690.955 8.30214 690.908 8.16137 690.814 8.06752C690.72 7.97368 690.58 7.92676 690.392 7.92676L652.878 7.92676C652.69 7.92676 652.549 7.97368 652.455 8.06752C652.361 8.16137 652.314 8.30214 652.314 8.48983L652.314 220.978C652.314 221.166 652.361 221.307 652.455 221.4C652.549 221.494 652.69 221.541 652.878 221.541L690.392 221.541C690.58 221.541 690.72 221.494 690.814 221.4Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 19" d="M870.153 221.412C877.462 223.61 885.102 224.709 893.072 224.709C901.185 224.709 908.949 223.57 916.363 221.293C922.112 219.526 927.651 217.076 932.979 213.94C939.321 210.184 944.971 205.756 949.93 200.656C954.512 195.945 958.505 190.66 961.907 184.801C965.315 178.971 967.909 172.911 969.688 166.621C971.633 159.747 972.605 152.599 972.605 145.175C972.605 136.766 971.398 128.738 968.983 121.092C967.248 115.597 964.889 110.298 961.907 105.197C958.364 99.0974 954.182 93.6368 949.361 88.8155C944.54 83.9942 939.079 79.8122 932.979 76.2696C927.734 73.2029 922.284 70.7955 916.631 69.0475C909.136 66.73 901.283 65.5713 893.072 65.5713C885.796 65.5713 878.778 66.5052 872.019 68.373C865.569 70.155 859.355 72.7872 853.375 76.2696C847.517 79.672 842.232 83.6642 837.52 88.246C832.42 93.2055 827.992 98.8559 824.236 105.197C821.185 110.383 818.782 115.772 817.028 121.364C814.654 128.929 813.468 136.866 813.468 145.175C813.468 152.69 814.458 159.923 816.437 166.874C818.203 173.074 820.755 179.05 824.096 184.801C827.567 190.738 831.637 196.086 836.308 200.845C841.236 205.865 846.831 210.23 853.094 213.94C858.565 217.147 864.251 219.638 870.153 221.412ZM913.815 185.766C907.806 189.064 900.891 190.713 893.072 190.713C885.161 190.713 878.197 189.026 872.179 185.65C871.772 185.422 871.37 185.186 870.971 184.942C868.933 183.685 867.042 182.266 865.299 180.684C861.706 177.422 858.74 173.469 856.402 168.824C852.976 161.88 851.264 153.997 851.264 145.175C851.264 136.119 852.93 128.189 856.261 121.386C858.275 117.301 860.814 113.751 863.879 110.734C865.955 108.691 868.272 106.892 870.83 105.338C871.376 105.009 871.929 104.695 872.489 104.394C878.487 101.176 885.347 99.5666 893.072 99.5666C900.891 99.5666 907.806 101.216 913.815 104.514C914.297 104.778 914.773 105.053 915.243 105.338C917.801 106.892 920.118 108.691 922.194 110.734C925.259 113.751 927.798 117.301 929.812 121.386C933.19 128.189 934.88 136.119 934.88 145.175C934.88 153.997 933.19 161.88 929.812 168.824C927.743 173.049 925.119 176.702 921.94 179.782C919.93 181.731 917.697 183.451 915.243 184.942C914.773 185.227 914.297 185.502 913.815 185.766Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 20" d="M1002.62 174.244L1002.62 69.3016C1002.62 69.1139 1002.67 68.9732 1002.76 68.8793C1002.85 68.7855 1002.99 68.7386 1003.18 68.7386L1038.94 68.7386C1039.13 68.7386 1039.27 68.7855 1039.36 68.8793C1039.45 68.9732 1039.5 69.1139 1039.5 69.3016L1039.5 82.615C1040.45 81.8171 1041.41 81.0393 1042.39 80.2815C1047.72 76.1565 1053.39 72.899 1059.41 70.5091C1067.7 67.2172 1076.64 65.5713 1086.24 65.5713C1086.42 65.5713 1086.56 65.6182 1086.66 65.7121C1086.75 65.8059 1086.8 65.9467 1086.8 66.1344L1086.8 100.763C1086.8 100.951 1086.75 101.092 1086.66 101.185C1086.56 101.279 1086.42 101.326 1086.24 101.326C1075.26 101.326 1066.34 102.828 1059.49 105.831C1056.42 107.164 1053.71 108.895 1051.36 111.021C1048.49 113.608 1046.16 116.781 1044.36 120.541C1041.12 127.345 1039.5 136.612 1039.5 148.342L1039.5 220.978C1039.5 221.166 1039.45 221.307 1039.36 221.401C1039.27 221.495 1039.13 221.541 1038.94 221.541L1003.18 221.541C1002.99 221.541 1002.85 221.495 1002.76 221.401C1002.67 221.307 1002.62 221.166 1002.62 220.978L1002.62 174.244Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 21" d="M1148.89 38.3326C1148.98 38.2388 1149.03 38.098 1149.03 37.9103L1149.03 3.56307C1149.03 3.37538 1148.98 3.23461 1148.89 3.14077C1148.8 3.04692 1148.66 3 1148.47 3L1112.71 3C1112.53 3 1112.38 3.04692 1112.29 3.14077C1112.2 3.23461 1112.15 3.37538 1112.15 3.56307L1112.15 37.9103C1112.15 38.098 1112.2 38.2388 1112.29 38.3326C1112.38 38.4264 1112.53 38.4734 1112.71 38.4734L1148.47 38.4734C1148.66 38.4734 1148.8 38.4264 1148.89 38.3326ZM1148.89 221.4C1148.98 221.307 1149.03 221.166 1149.03 220.978L1149.03 69.3014C1149.03 69.1137 1148.98 68.9729 1148.89 68.8791C1148.8 68.7853 1148.66 68.7383 1148.47 68.7383L1112.71 68.7383C1112.53 68.7383 1112.38 68.7853 1112.29 68.8791C1112.2 68.9729 1112.15 69.1137 1112.15 69.3014L1112.15 220.978C1112.15 221.166 1112.2 221.307 1112.29 221.4C1112.38 221.494 1112.53 221.541 1112.71 221.541L1148.47 221.541C1148.66 221.541 1148.8 221.494 1148.89 221.4Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 22" d="M1184.53 174.244L1184.53 69.3016C1184.53 69.1139 1184.58 68.9732 1184.67 68.8793C1184.77 68.7855 1184.91 68.7386 1185.09 68.7386L1220.85 68.7386C1221.04 68.7386 1221.18 68.7855 1221.27 68.8793C1221.37 68.9732 1221.41 69.1139 1221.41 69.3016L1221.41 83.0582C1222.45 82.1541 1223.5 81.2754 1224.58 80.4222C1231.81 74.6845 1239.53 70.6094 1247.75 68.1969C1253.7 66.4465 1259.92 65.5713 1266.39 65.5713C1270.1 65.5713 1273.73 65.9723 1277.26 66.7742C1283.06 68.0884 1288.6 70.4793 1293.91 73.9469C1302.45 79.5307 1309.37 87.6483 1314.67 98.2997C1319.97 108.951 1322.62 121.386 1322.62 135.603L1322.62 220.978C1322.62 221.166 1322.58 221.307 1322.48 221.401C1322.39 221.495 1322.25 221.541 1322.06 221.541L1286.31 221.541C1286.16 221.541 1286.02 221.511 1285.9 221.451C1285.87 221.436 1285.84 221.419 1285.81 221.401C1285.72 221.307 1285.67 221.166 1285.67 220.978L1285.67 135.603C1285.67 127.72 1284.24 121.245 1281.38 116.177C1278.69 111.37 1275.29 107.766 1271.2 105.363C1270.93 105.209 1270.67 105.06 1270.4 104.916C1267.34 103.255 1264.19 102.171 1260.95 101.663C1259.52 101.438 1258.07 101.326 1256.6 101.326C1249.66 101.326 1243.58 102.781 1238.37 105.69C1233.21 108.552 1229.08 113.456 1225.99 120.4C1222.94 127.298 1221.41 136.612 1221.41 148.342L1221.41 220.978C1221.41 221.166 1221.37 221.307 1221.27 221.401C1221.18 221.495 1221.04 221.541 1220.85 221.541L1185.09 221.541C1184.91 221.541 1184.77 221.495 1184.67 221.401C1184.58 221.307 1184.53 221.166 1184.53 220.978L1184.53 174.244Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 23" d="M1400 219.41C1408.75 222.943 1418.2 224.709 1428.38 224.709C1438.48 224.709 1447.54 222.661 1455.54 218.564C1458.84 216.877 1461.96 214.843 1464.91 212.462C1467.73 210.177 1470.35 207.73 1472.78 205.121C1472.61 214.677 1470.78 222.872 1467.3 229.706C1464.99 234.313 1462.05 238.196 1458.47 241.353C1456.43 243.148 1454.19 244.709 1451.74 246.035C1445.03 249.695 1437.15 251.525 1428.09 251.525C1416.97 251.525 1407.75 249.554 1400.43 245.613C1393.16 241.671 1386.54 235.571 1380.59 227.313C1380.59 227.261 1380.58 227.213 1380.56 227.168C1380.51 227.051 1380.4 226.959 1380.23 226.891C1380.17 226.859 1380.11 226.844 1380.05 226.844C1379.92 226.844 1379.8 226.906 1379.67 227.031L1350.88 247.232C1350.7 247.419 1350.53 247.56 1350.39 247.654C1350.37 247.672 1350.36 247.691 1350.36 247.712C1350.33 247.802 1350.41 247.924 1350.6 248.076C1353.67 252.181 1357.01 256.017 1360.62 259.582C1367.15 266.041 1374.55 271.614 1382.84 276.3C1395.74 283.62 1410.83 287.28 1428.09 287.28C1437.03 287.28 1445.54 285.967 1453.62 283.343C1458.95 281.612 1464.1 279.312 1469.06 276.441C1474.43 273.349 1479.33 269.745 1483.75 265.627C1489.59 260.181 1494.59 253.839 1498.76 246.598C1500.12 244.242 1501.36 241.83 1502.46 239.361C1507.31 228.55 1509.74 216.651 1509.74 203.664L1509.74 69.3016C1509.74 69.1861 1509.71 69.0884 1509.66 69.0084C1509.63 68.9585 1509.58 68.9154 1509.53 68.8793C1509.43 68.7855 1509.29 68.7386 1509.11 68.7386L1473.35 68.7386C1473.16 68.7386 1473.02 68.7855 1472.93 68.8793C1472.83 68.9732 1472.79 69.1139 1472.79 69.3016L1472.79 85.1784C1470.36 82.5608 1467.73 80.1073 1464.91 77.818C1461.96 75.4367 1458.84 73.4026 1455.54 71.7158C1447.54 67.6195 1438.48 65.5713 1428.38 65.5713C1418.32 65.5713 1408.96 67.3093 1400.3 70.7853C1396.55 72.2884 1392.94 74.1165 1389.45 76.2696C1384.8 79.1358 1380.56 82.4204 1376.71 86.1235C1371.05 91.5746 1366.27 97.9326 1362.36 105.197C1360.29 109.057 1358.56 113.029 1357.15 117.114C1354.1 125.941 1352.57 135.295 1352.57 145.175C1352.57 154.829 1354.04 163.988 1356.97 172.652C1358.41 176.915 1360.2 181.059 1362.36 185.083C1366.23 192.277 1370.96 198.59 1376.55 204.022C1380.44 207.802 1384.74 211.155 1389.45 214.081C1392.85 216.163 1396.36 217.94 1400 219.41ZM1454.91 185.787C1448.2 189.634 1440.32 191.558 1431.26 191.558C1427.24 191.558 1423.41 190.954 1419.79 189.746C1416.86 188.772 1414.07 187.405 1411.41 185.646C1410.34 184.934 1409.3 184.172 1408.3 183.36C1403.79 179.679 1400.11 174.975 1397.27 169.246C1393.79 162.208 1392.06 154.184 1392.06 145.175C1392.06 136.119 1393.79 128.049 1397.27 120.963C1400.11 115.121 1403.82 110.349 1408.4 106.647C1409.41 105.83 1410.46 105.065 1411.55 104.353C1414.94 102.148 1418.49 100.56 1422.2 99.5881C1425.12 98.823 1428.14 98.4405 1431.26 98.4405C1440.32 98.4405 1448.2 100.364 1454.91 104.212C1457.72 105.813 1460.26 107.699 1462.53 109.87C1465.71 112.914 1468.36 116.518 1470.47 120.682C1474.13 127.767 1475.96 135.931 1475.96 145.175C1475.96 154.372 1474.13 162.49 1470.47 169.528C1468.52 173.285 1466.13 176.587 1463.28 179.436C1460.83 181.89 1458.04 184.006 1454.91 185.787Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 24" d="M787.381 296.359C787.287 296.265 787.146 296.218 786.958 296.218L635.633 296.218C635.483 296.218 635.348 296.248 635.228 296.308C635.198 296.323 635.169 296.34 635.141 296.359C635.047 296.453 635 296.594 635 296.781L635 333.099C635 333.287 635.047 333.428 635.141 333.522C635.169 333.54 635.198 333.557 635.228 333.572C635.348 333.632 635.483 333.662 635.633 333.662L692.081 333.662L692.081 509.27C692.081 509.457 692.128 509.598 692.222 509.692C692.25 509.711 692.279 509.728 692.309 509.743C692.429 509.803 692.564 509.833 692.715 509.833L730.159 509.833C730.346 509.833 730.487 509.786 730.581 509.692C730.675 509.598 730.722 509.457 730.722 509.27L730.722 333.662L786.958 333.662C787.146 333.662 787.287 333.615 787.381 333.522C787.474 333.428 787.521 333.287 787.521 333.099L787.521 296.781C787.521 296.594 787.474 296.453 787.381 296.359Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 25" d="M920.52 442.827C920.614 442.733 920.661 442.593 920.661 442.405C921.036 423.167 917.751 406.885 910.807 393.559C904.95 382.203 897.384 373.317 888.109 366.901C886.462 365.762 884.761 364.7 883.005 363.716C878.908 361.394 874.67 359.482 870.291 357.98C862.283 355.235 853.806 353.862 844.857 353.862C831.624 353.862 819.57 356.395 808.696 361.459C806.923 362.285 805.182 363.178 803.472 364.138C796.945 367.778 791.183 372.164 786.187 377.295C781.845 381.754 778.082 386.777 774.896 392.362C773.863 394.186 772.909 396.045 772.033 397.941C767.138 408.535 764.69 420.259 764.69 433.114C764.69 445.923 767.105 457.633 771.935 468.243C772.838 470.226 773.825 472.171 774.896 474.078C777.704 479.039 780.984 483.567 784.737 487.661C790.142 493.557 796.528 498.555 803.894 502.653C816.422 509.551 831.039 513 847.743 513C850.421 513 853.084 512.86 855.732 512.582C865.614 511.541 875.292 508.56 884.765 503.639C890.383 500.72 895.57 497.283 900.326 493.328C905.739 488.826 910.593 483.653 914.889 477.808L914.889 477.386C914.889 477.292 914.795 477.151 914.608 476.963L886.384 457.678L885.961 457.678C885.868 457.678 885.703 457.772 885.469 457.96C880.307 465.045 874.559 470.465 868.225 474.218C864.924 476.175 861.489 477.621 857.92 478.558C854.641 479.419 851.248 479.849 847.743 479.849C836.998 479.849 828.059 478.066 820.927 474.5C816.785 472.429 813.261 469.797 810.354 466.603C808.254 464.296 806.476 461.697 805.02 458.804C802.759 454.251 801.245 448.973 800.476 442.968L920.098 442.968C920.285 442.968 920.426 442.921 920.52 442.827ZM881.598 410.803C881.901 411.513 882.191 412.24 882.469 412.985L802.974 412.985C803.57 411.294 804.252 409.675 805.02 408.128C807.066 404.037 809.656 400.533 812.793 397.614C814.981 395.578 817.434 393.828 820.153 392.362C826.816 388.796 835.051 387.013 844.857 387.013C853.157 387.013 860.392 388.826 866.562 392.451C866.671 392.514 866.779 392.579 866.888 392.644C873.128 396.397 878.032 402.451 881.598 410.803Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 26" d="M983.021 507.701C991.765 511.234 1001.22 513 1011.39 513C1021.5 513 1030.55 510.952 1038.56 506.855C1041.86 505.168 1044.98 503.134 1047.92 500.753C1050.75 498.464 1053.38 496.012 1055.81 493.398L1055.81 509.269C1055.81 509.457 1055.85 509.598 1055.95 509.692C1056.04 509.786 1056.18 509.833 1056.37 509.833L1093.04 509.833C1093.23 509.833 1093.37 509.786 1093.46 509.692C1093.56 509.598 1093.6 509.457 1093.6 509.269L1093.6 357.593C1093.6 357.405 1093.56 357.264 1093.46 357.17C1093.37 357.076 1093.23 357.03 1093.04 357.03L1056.37 357.03C1056.18 357.03 1056.04 357.076 1055.95 357.17C1055.85 357.264 1055.81 357.405 1055.81 357.593L1055.81 373.469C1053.38 370.852 1050.75 368.398 1047.92 366.109C1044.98 363.728 1041.86 361.694 1038.56 360.007C1030.55 355.91 1021.5 353.862 1011.39 353.862C1001.34 353.862 991.979 355.6 983.317 359.076C979.572 360.579 975.957 362.408 972.472 364.561C967.822 367.427 963.574 370.711 959.73 374.415C954.071 379.866 949.286 386.224 945.374 393.488C943.311 397.348 941.574 401.32 940.164 405.405C937.115 414.232 935.591 423.586 935.591 433.466C935.591 443.12 937.056 452.279 939.985 460.943C941.427 465.206 943.223 469.35 945.374 473.374C949.248 480.568 953.979 486.881 959.566 492.314C963.453 496.093 967.755 499.446 972.472 502.372C975.865 504.454 979.381 506.231 983.021 507.701ZM1037.93 474.078C1031.22 477.925 1023.34 479.849 1014.28 479.849C1010.25 479.849 1006.43 479.245 1002.81 478.037C999.883 477.063 997.092 475.696 994.432 473.937C993.355 473.225 992.319 472.463 991.323 471.651C986.809 467.97 983.13 463.266 980.285 457.537C976.812 450.499 975.076 442.475 975.076 433.466C975.076 424.41 976.812 416.34 980.285 409.254C983.129 403.412 986.84 398.64 991.416 394.938C992.426 394.121 993.478 393.356 994.573 392.644C997.959 390.439 1001.51 388.851 1005.22 387.879C1008.14 387.114 1011.16 386.731 1014.28 386.731C1023.34 386.731 1031.22 388.655 1037.93 392.503C1040.74 394.104 1043.28 395.99 1045.55 398.161C1048.73 401.205 1051.37 404.809 1053.48 408.973C1057.14 416.058 1058.97 424.223 1058.97 433.466C1058.97 442.663 1057.14 450.781 1053.48 457.819C1051.54 461.576 1049.15 464.878 1046.3 467.727C1043.84 470.181 1041.06 472.297 1037.93 474.078Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 27" d="M1117.19 462.535L1117.19 357.593C1117.19 357.405 1117.24 357.264 1117.33 357.17C1117.43 357.076 1117.57 357.03 1117.75 357.03L1153.51 357.03C1153.7 357.03 1153.84 357.076 1153.93 357.17C1154.03 357.264 1154.07 357.405 1154.07 357.593L1154.07 371.349C1155.11 370.445 1156.16 369.566 1157.24 368.713C1164.47 362.976 1172.19 358.9 1180.41 356.488C1186.36 354.737 1192.58 353.862 1199.05 353.862C1203.75 353.862 1208.24 354.528 1212.52 355.86C1217.01 357.255 1221.27 359.381 1225.3 362.238C1231.78 366.824 1237.14 373.087 1241.4 381.029C1245.27 376.46 1249.5 372.355 1254.09 368.713C1261.51 362.849 1269.42 358.722 1277.83 356.331C1283.62 354.685 1289.64 353.862 1295.9 353.862C1300.59 353.862 1305.08 354.528 1309.37 355.86C1313.86 357.255 1318.12 359.381 1322.15 362.238C1330.03 367.822 1336.27 375.892 1340.87 386.45C1345.52 397.007 1347.84 409.489 1347.84 423.894L1347.84 509.269C1347.84 509.385 1347.81 509.483 1347.76 509.563C1347.73 509.613 1347.68 509.656 1347.63 509.692C1347.53 509.786 1347.39 509.833 1347.21 509.833L1311.45 509.833C1311.26 509.833 1311.12 509.786 1311.03 509.692C1310.93 509.598 1310.89 509.457 1310.89 509.269L1310.89 423.894C1310.89 415.823 1309.78 409.254 1307.58 404.187C1305.37 399.072 1302.39 395.365 1298.64 393.066C1297.32 392.255 1295.94 391.587 1294.51 391.062C1291.89 390.099 1289.09 389.617 1286.11 389.617C1279.21 389.617 1273.16 391.072 1267.95 393.981C1262.74 396.843 1258.59 401.747 1255.5 408.691C1252.45 415.589 1250.92 424.903 1250.92 436.633L1250.92 509.269C1250.92 509.457 1250.87 509.598 1250.78 509.692C1250.69 509.786 1250.54 509.833 1250.36 509.833L1214.6 509.833C1214.41 509.833 1214.27 509.786 1214.18 509.692C1214.09 509.598 1214.04 509.457 1214.04 509.269L1214.04 423.894C1214.04 415.823 1212.94 409.254 1210.73 404.187C1208.53 399.072 1205.55 395.365 1201.79 393.066C1200.47 392.255 1199.09 391.587 1197.66 391.062C1195.04 390.099 1192.24 389.617 1189.26 389.617C1182.32 389.617 1176.24 391.072 1171.03 393.981C1165.87 396.843 1161.74 401.747 1158.65 408.691C1155.6 415.589 1154.07 424.903 1154.07 436.633L1154.07 509.269C1154.07 509.457 1154.03 509.598 1153.93 509.692C1153.84 509.786 1153.7 509.833 1153.51 509.833L1117.75 509.833C1117.57 509.833 1117.43 509.786 1117.33 509.692C1117.24 509.598 1117.19 509.457 1117.19 509.269L1117.19 462.535Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
<path id="鐭㈤噺 28" d="M1509.11 491.674C1509.2 491.486 1509.25 491.298 1509.25 491.111L1509.25 451.344C1509.25 451.201 1509.22 451.101 1509.15 451.045C1509.1 451.01 1509.04 450.992 1508.97 450.992L1431.41 411.507L1508.97 371.177C1508.99 371.177 1509.01 371.174 1509.02 371.168C1509.17 371.118 1509.25 370.839 1509.25 370.332L1509.25 331.41C1509.25 331.175 1509.2 330.964 1509.11 330.777C1509.07 330.699 1509.02 330.654 1508.97 330.64C1508.89 330.621 1508.8 330.666 1508.69 330.777L1378.34 398.556C1378.32 398.556 1378.3 398.559 1378.28 398.564C1378.13 398.615 1378.06 398.894 1378.06 399.401L1378.06 424.809C1378.06 424.903 1378.08 424.973 1378.13 425.02C1378.17 425.067 1378.24 425.091 1378.34 425.091L1508.69 491.674C1508.8 491.784 1508.89 491.829 1508.97 491.81C1509.02 491.796 1509.07 491.751 1509.11 491.674Z" fill="rgb(54,110,250)" fillRule="evenodd" />
|
||||||
|
</g>
|
||||||
|
<path id="logo(杈规)" d="M255 0C395.833 0 510 114.167 510 255C510 395.833 395.833 510 255 510C114.167 510 0 395.833 0 255C0 114.167 114.167 0 255 0ZM255 106.744C243.063 106.744 231.451 108.101 220.167 110.816L220.166 110.816C212.397 112.684 204.784 115.196 197.325 118.351C189.403 121.702 181.881 125.674 174.76 130.267L174.759 130.267C165.949 135.95 157.751 142.583 150.167 150.167C142.583 157.751 135.95 165.948 130.268 174.759C125.674 181.88 121.702 189.402 118.351 197.325C115.196 204.784 112.684 212.398 110.816 220.167L110.815 220.168C108.101 231.452 106.744 243.063 106.744 255C106.744 266.937 108.101 278.549 110.816 289.833L110.816 289.834C112.684 297.603 115.196 305.216 118.351 312.675C121.702 320.598 125.674 328.119 130.267 335.241L130.268 335.241C135.95 344.052 142.583 352.249 150.167 359.833C157.751 367.417 165.949 374.05 174.759 379.733C181.88 384.326 189.402 388.298 197.325 391.649C204.784 394.804 212.398 397.316 220.167 399.184C231.451 401.899 243.062 403.256 255 403.256C266.938 403.256 278.549 401.899 289.833 399.184C297.602 397.316 305.216 394.804 312.675 391.649C320.598 388.298 328.12 384.326 335.242 379.732C344.052 374.049 352.249 367.416 359.833 359.833C367.416 352.249 374.049 344.052 379.732 335.242C384.326 328.12 388.298 320.598 391.649 312.675C394.804 305.216 397.316 297.602 399.184 289.833C401.899 278.549 403.256 266.938 403.256 255C403.256 243.062 401.899 231.451 399.184 220.167C397.316 212.398 394.804 204.784 391.649 197.325C388.298 189.403 384.326 181.881 379.733 174.76C374.051 165.949 367.417 157.752 359.833 150.167C352.249 142.584 344.052 135.951 335.243 130.268L335.242 130.268C328.12 125.674 320.598 121.702 312.675 118.351C305.216 115.196 297.602 112.684 289.833 110.816L289.832 110.815C278.548 108.101 266.937 106.744 255 106.744Z" fill="rgb(0,0,0)" fillRule="evenodd" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
+41
-27
@@ -3,34 +3,48 @@ import Link from "next/link";
|
|||||||
|
|
||||||
function Footer() {
|
function Footer() {
|
||||||
return (
|
return (
|
||||||
<div className="py-10 px-4 mt-10 mx-4 md:mx-6 lg:mx-44 flex items-start md:items-center flex-col md:flex-row sm:justify-between gap-4 md:gap-0 border-t">
|
<>
|
||||||
<Link href="/">
|
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
|
||||||
<Button className="font-bold" variant="ghost">
|
© {new Date().getFullYear()} Koring Team. All rights reserved. | 棱镜视界，创造超越想象的视界
|
||||||
<span>Koring Team Space</span>
|
|
||||||
</Button>
|
|
||||||
</Link>
|
|
||||||
<div className="flex items-center gap-1 flex-wrap">
|
|
||||||
<a href="mailto:hi@lenjing.email?subject=联系支持" target="_blank">
|
|
||||||
<Button variant="ghost">hi@lenjing.email</Button>
|
|
||||||
</a>
|
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank">
|
|
||||||
<Button variant="ghost">鲁ICP备2024089677号-2</Button>
|
|
||||||
</a>
|
|
||||||
<a href="https://rivfox.com/" target="_blank">
|
|
||||||
<Button variant="ghost">RIVFOX.COM</Button>
|
|
||||||
</a>
|
|
||||||
<a href="https://lingke.ink/" target="_blank">
|
|
||||||
<Button variant="ghost">瓴克科技</Button>
|
|
||||||
</a>
|
|
||||||
<a href="https://dream-pep.cn/" target="_blank">
|
|
||||||
<Button variant="ghost">追梦者</Button>
|
|
||||||
</a>
|
|
||||||
<a href="https://lenjing.cn/" target="_blank">
|
|
||||||
<Button variant="ghost">棱镜视界</Button>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
|
||||||
);
|
Koring Launcher 是一个非官方的 Minecraft 启动器，与 Mojang Studios、Microsoft 或他们位于中国大陆的代理公司之间并无任何从属或关联。
|
||||||
|
</div>
|
||||||
|
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
|
||||||
|
"Minecraft" 以及 "我的世界" 为美国微软公司的商标。Koring Launcher 和本网站与美国微软公司之间没有从属关系。
|
||||||
|
</div>
|
||||||
|
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
|
||||||
|
Koring Team 是 Lingke Network 旗下 Prism Horizon 独立运营的创意化工作室
|
||||||
|
</div>
|
||||||
|
<div style={{ height: 20 }} />
|
||||||
|
<div className="py-8 px-4 border-t">
|
||||||
|
<div className="mx-0 md:mx-6 lg:mx-44 flex flex-col md:flex-row items-start md:items-center justify-between gap-6 md:gap-4">
|
||||||
|
<Link href="/">
|
||||||
|
<Button className="font-bold text-sm md:text-base" variant="ghost">
|
||||||
|
<span>Koring Team Space</span>
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
<div className="flex items-center gap-1 flex-wrap">
|
||||||
|
<a href="mailto:hi@lenjing.email?subject=联系支持" target="_blank">
|
||||||
|
<Button className="text-xs md:text-sm" variant="ghost">HI@lenjing.email</Button>
|
||||||
|
</a>
|
||||||
|
<a href="https://rivfox.com/" target="_blank">
|
||||||
|
<Button className="text-xs md:text-sm" variant="ghost">RIVFOX.COM</Button>
|
||||||
|
</a>
|
||||||
|
<a href="https://lingke.ink/" target="_blank">
|
||||||
|
<Button className="text-xs md:text-sm" variant="ghost">瓴克科技</Button>
|
||||||
|
</a>
|
||||||
|
<a href="https://dream-pep.cn/" target="_blank">
|
||||||
|
<Button className="text-xs md:text-sm" variant="ghost">追梦者</Button>
|
||||||
|
</a>
|
||||||
|
<a href="https://lenjing.cn/" target="_blank">
|
||||||
|
<Button className="text-xs md:text-sm" variant="ghost">棱镜视界</Button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export { Footer };
|
export { Footer };
|
||||||
|
|||||||
+45
-17
@@ -1,23 +1,51 @@
|
|||||||
import { Button } from "@/components/ui/button";
|
"use client";
|
||||||
import Link from "next/link";
|
|
||||||
|
import dynamic from "next/dynamic";
|
||||||
|
|
||||||
|
const CardNav = dynamic(() => import("@/components/card-nav/CardNav"), {
|
||||||
|
ssr: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
const navItems = [
|
||||||
|
{
|
||||||
|
label: "产品",
|
||||||
|
bgColor: "#1B1722",
|
||||||
|
textColor: "#fff",
|
||||||
|
links: [
|
||||||
|
{ label: "Koring Launcher", href: "/launcher", ariaLabel: "Koring Launcher" },
|
||||||
|
{ label: "Sanshe Play", href: "https://docs.play.lenjing.work", ariaLabel: "Sanshe Play" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "资源",
|
||||||
|
bgColor: "#2F293A",
|
||||||
|
textColor: "#fff",
|
||||||
|
links: [
|
||||||
|
{ label: "Github", href: "https://github.com/lingke-net", ariaLabel: "Github" },
|
||||||
|
{ label: "支持", href: "https://support.lingke.ink", ariaLabel: "支持" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "关于",
|
||||||
|
bgColor: "#2F293A",
|
||||||
|
textColor: "#fff",
|
||||||
|
links: [
|
||||||
|
{ label: "MChine Space", href: "https://mchine.space", ariaLabel: "MChine Space" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
function Header() {
|
function Header() {
|
||||||
return (
|
return (
|
||||||
<div className="fixed w-full backdrop-blur-sm bg-background/70 p-3 px-4 md:px-10 lg:px-48 flex items-center justify-between z-20">
|
<CardNav
|
||||||
<Link href="/">
|
logoAlt="Koring Team"
|
||||||
<Button className="font-bold" variant="ghost">
|
items={navItems}
|
||||||
Koring Team Space
|
baseColor="#ffffff"
|
||||||
</Button>
|
menuColor="#000"
|
||||||
</Link>
|
buttonBgColor="#111"
|
||||||
<div className="flex items-center gap-1">
|
buttonTextColor="#fff"
|
||||||
<a href="https://support.lingke.ink">
|
ease="power3.out"
|
||||||
<Button variant="ghost">支持</Button>
|
/>
|
||||||
</a>
|
|
||||||
<a href="https://learn.rivfox.com">
|
|
||||||
<Button variant="ghost">文档</Button>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -29,6 +29,7 @@
|
|||||||
"clsx": "^2.1.1",
|
"clsx": "^2.1.1",
|
||||||
"cmdk": "^1.1.1",
|
"cmdk": "^1.1.1",
|
||||||
"fuse.js": "^7.2.0",
|
"fuse.js": "^7.2.0",
|
||||||
|
"gsap": "^3.15.0",
|
||||||
"lowlight": "^3.3.0",
|
"lowlight": "^3.3.0",
|
||||||
"lucide-react": "^1.7.0",
|
"lucide-react": "^1.7.0",
|
||||||
"motion": "^12.38.0",
|
"motion": "^12.38.0",
|
||||||
@@ -38,6 +39,7 @@
|
|||||||
"react": "19.2.4",
|
"react": "19.2.4",
|
||||||
"react-dom": "19.2.4",
|
"react-dom": "19.2.4",
|
||||||
"react-fast-marquee": "^1.6.5",
|
"react-fast-marquee": "^1.6.5",
|
||||||
|
"react-icons": "^5.7.0",
|
||||||
"rough-notation": "^0.5.1",
|
"rough-notation": "^0.5.1",
|
||||||
"tailwind-merge": "^3.5.0",
|
"tailwind-merge": "^3.5.0",
|
||||||
"tippy.js": "^6.3.7",
|
"tippy.js": "^6.3.7",
|
||||||
|
|||||||
Generated
+20
@@ -68,6 +68,9 @@ importers:
|
|||||||
fuse.js:
|
fuse.js:
|
||||||
specifier: ^7.2.0
|
specifier: ^7.2.0
|
||||||
version: 7.4.2
|
version: 7.4.2
|
||||||
|
gsap:
|
||||||
|
specifier: ^3.15.0
|
||||||
|
version: 3.15.0
|
||||||
lowlight:
|
lowlight:
|
||||||
specifier: ^3.3.0
|
specifier: ^3.3.0
|
||||||
version: 3.3.0
|
version: 3.3.0
|
||||||
@@ -95,6 +98,9 @@ importers:
|
|||||||
react-fast-marquee:
|
react-fast-marquee:
|
||||||
specifier: ^1.6.5
|
specifier: ^1.6.5
|
||||||
version: 1.6.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
|
version: 1.6.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
|
||||||
|
react-icons:
|
||||||
|
specifier: ^5.7.0
|
||||||
|
version: 5.7.0(react@19.2.4)
|
||||||
rough-notation:
|
rough-notation:
|
||||||
specifier: ^0.5.1
|
specifier: ^0.5.1
|
||||||
version: 0.5.1
|
version: 0.5.1
|
||||||
@@ -2810,6 +2816,9 @@ packages:
|
|||||||
graceful-fs@4.2.11:
|
graceful-fs@4.2.11:
|
||||||
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
|
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
|
||||||
|
|
||||||
|
gsap@3.15.0:
|
||||||
|
resolution: {integrity: sha512-dMW4CWBTUK1AEEDeZc1g4xpPGIrSf9fJF960qbTZmN/QwZIWY5wgliS6JWl9/25fpTGJrMRtSjGtOmPnfjZB+A==}
|
||||||
|
|
||||||
has-bigints@1.1.0:
|
has-bigints@1.1.0:
|
||||||
resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
|
resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
|
||||||
engines: {node: '>= 0.4'}
|
engines: {node: '>= 0.4'}
|
||||||
@@ -3905,6 +3914,11 @@ packages:
|
|||||||
react: '>= 16.8.0 || ^18.0.0'
|
react: '>= 16.8.0 || ^18.0.0'
|
||||||
react-dom: '>= 16.8.0 || ^18.0.0'
|
react-dom: '>= 16.8.0 || ^18.0.0'
|
||||||
|
|
||||||
|
react-icons@5.7.0:
|
||||||
|
resolution: {integrity: sha512-LBLy340Rzqy6+/yVhZKT3B/QpP1BZaesGqasf09HPOBzRarcDIFH0WwXlXQfE7q7ipxK4MSiC5DIBWURCny6fw==}
|
||||||
|
peerDependencies:
|
||||||
|
react: '*'
|
||||||
|
|
||||||
react-is@16.13.1:
|
react-is@16.13.1:
|
||||||
resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
|
resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
|
||||||
|
|
||||||
@@ -7411,6 +7425,8 @@ snapshots:
|
|||||||
|
|
||||||
graceful-fs@4.2.11: {}
|
graceful-fs@4.2.11: {}
|
||||||
|
|
||||||
|
gsap@3.15.0: {}
|
||||||
|
|
||||||
has-bigints@1.1.0: {}
|
has-bigints@1.1.0: {}
|
||||||
|
|
||||||
has-flag@4.0.0: {}
|
has-flag@4.0.0: {}
|
||||||
@@ -8494,6 +8510,10 @@ snapshots:
|
|||||||
react: 19.2.4
|
react: 19.2.4
|
||||||
react-dom: 19.2.4(react@19.2.4)
|
react-dom: 19.2.4(react@19.2.4)
|
||||||
|
|
||||||
|
react-icons@5.7.0(react@19.2.4):
|
||||||
|
dependencies:
|
||||||
|
react: 19.2.4
|
||||||
|
|
||||||
react-is@16.13.1: {}
|
react-is@16.13.1: {}
|
||||||
|
|
||||||
react-remove-scroll-bar@2.3.8(@types/react@19.2.17)(react@19.2.4):
|
react-remove-scroll-bar@2.3.8(@types/react@19.2.17)(react@19.2.4):
|
||||||
|
|||||||
@@ -0,0 +1,27 @@
|
|||||||
|
<svg viewBox="0 0 1509.74 513" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1509.739380" height="513.000000" fill="none" customFrame="#000000">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint_linear_0" x1="279.500153" x2="42.9584656" y1="240.000015" y2="455.749146" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="rgb(54,110,250)" offset="0" stop-opacity="1" />
|
||||||
|
<stop stop-color="rgb(0,127,255)" offset="1" stop-opacity="0" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="组合 9">
|
||||||
|
<g id="<">
|
||||||
|
<path id="矢量 29" d="M301.352 290.961L122.809 407.312L28.5088 351.793L300.704 174.406C300.958 174.088 301.175 173.956 301.354 174.013C301.48 174.052 301.587 174.183 301.676 174.406C301.892 174.948 302 175.557 302 176.234L302 288.524C302 289.986 301.825 290.79 301.475 290.936C301.436 290.953 301.395 290.961 301.352 290.961Z" fill="url(#paint_linear_0)" fill-rule="evenodd" />
|
||||||
|
</g>
|
||||||
|
<g id="Koring Team<">
|
||||||
|
<path id="矢量 18" d="M690.814 221.4C690.908 221.307 690.955 221.166 690.955 220.978L690.955 145.033L708.15 124.364L772.53 221.26C772.53 221.353 772.553 221.424 772.6 221.471C772.647 221.518 772.717 221.541 772.811 221.541L817.364 221.541C817.411 221.541 817.446 221.529 817.47 221.506C817.493 221.483 817.505 221.447 817.505 221.4L817.505 220.978L733.337 94.0915L804.554 8.48983L804.554 8.06752C804.554 8.0206 804.543 7.98541 804.519 7.96195C804.496 7.93849 804.46 7.92676 804.414 7.92676L756.271 7.92676C756.252 7.92676 756.235 7.93051 756.22 7.93802C756.16 7.96805 756.13 8.05814 756.13 8.20829L690.955 87.9249L690.955 8.48983C690.955 8.30214 690.908 8.16137 690.814 8.06752C690.72 7.97368 690.58 7.92676 690.392 7.92676L652.878 7.92676C652.69 7.92676 652.549 7.97368 652.455 8.06752C652.361 8.16137 652.314 8.30214 652.314 8.48983L652.314 220.978C652.314 221.166 652.361 221.307 652.455 221.4C652.549 221.494 652.69 221.541 652.878 221.541L690.392 221.541C690.58 221.541 690.72 221.494 690.814 221.4Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 19" d="M870.153 221.412C877.462 223.61 885.102 224.709 893.072 224.709C901.185 224.709 908.949 223.57 916.363 221.293C922.112 219.526 927.651 217.076 932.979 213.94C939.321 210.184 944.971 205.756 949.93 200.656C954.512 195.945 958.505 190.66 961.907 184.801C965.315 178.971 967.909 172.911 969.688 166.621C971.633 159.747 972.605 152.599 972.605 145.175C972.605 136.766 971.398 128.738 968.983 121.092C967.248 115.597 964.889 110.298 961.907 105.197C958.364 99.0974 954.182 93.6368 949.361 88.8155C944.54 83.9942 939.079 79.8122 932.979 76.2696C927.734 73.2029 922.284 70.7955 916.631 69.0475C909.136 66.73 901.283 65.5713 893.072 65.5713C885.796 65.5713 878.778 66.5052 872.019 68.373C865.569 70.155 859.355 72.7872 853.375 76.2696C847.517 79.672 842.232 83.6642 837.52 88.246C832.42 93.2055 827.992 98.8559 824.236 105.197C821.185 110.383 818.782 115.772 817.028 121.364C814.654 128.929 813.468 136.866 813.468 145.175C813.468 152.69 814.458 159.923 816.437 166.874C818.203 173.074 820.755 179.05 824.096 184.801C827.567 190.738 831.637 196.086 836.308 200.845C841.236 205.865 846.831 210.23 853.094 213.94C858.565 217.147 864.251 219.638 870.153 221.412ZM913.815 185.766C907.806 189.064 900.891 190.713 893.072 190.713C885.161 190.713 878.197 189.026 872.179 185.65C871.772 185.422 871.37 185.186 870.971 184.942C868.933 183.685 867.042 182.266 865.299 180.684C861.706 177.422 858.74 173.469 856.402 168.824C852.976 161.88 851.264 153.997 851.264 145.175C851.264 136.119 852.93 128.189 856.261 121.386C858.275 117.301 860.814 113.751 863.879 110.734C865.955 108.691 868.272 106.892 870.83 105.338C871.376 105.009 871.929 104.695 872.489 104.394C878.487 101.176 885.347 99.5666 893.072 99.5666C900.891 99.5666 907.806 101.216 913.815 104.514C914.297 104.778 914.773 105.053 915.243 105.338C917.801 106.892 920.118 108.691 922.194 110.734C925.259 113.751 927.798 117.301 929.812 121.386C933.19 128.189 934.88 136.119 934.88 145.175C934.88 153.997 933.19 161.88 929.812 168.824C927.743 173.049 925.119 176.702 921.94 179.782C919.93 181.731 917.697 183.451 915.243 184.942C914.773 185.227 914.297 185.502 913.815 185.766Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 20" d="M1002.62 174.244L1002.62 69.3016C1002.62 69.1139 1002.67 68.9732 1002.76 68.8793C1002.85 68.7855 1002.99 68.7386 1003.18 68.7386L1038.94 68.7386C1039.13 68.7386 1039.27 68.7855 1039.36 68.8793C1039.45 68.9732 1039.5 69.1139 1039.5 69.3016L1039.5 82.615C1040.45 81.8171 1041.41 81.0393 1042.39 80.2815C1047.72 76.1565 1053.39 72.899 1059.41 70.5091C1067.7 67.2172 1076.64 65.5713 1086.24 65.5713C1086.42 65.5713 1086.56 65.6182 1086.66 65.7121C1086.75 65.8059 1086.8 65.9467 1086.8 66.1344L1086.8 100.763C1086.8 100.951 1086.75 101.092 1086.66 101.185C1086.56 101.279 1086.42 101.326 1086.24 101.326C1075.26 101.326 1066.34 102.828 1059.49 105.831C1056.42 107.164 1053.71 108.895 1051.36 111.021C1048.49 113.608 1046.16 116.781 1044.36 120.541C1041.12 127.345 1039.5 136.612 1039.5 148.342L1039.5 220.978C1039.5 221.166 1039.45 221.307 1039.36 221.401C1039.27 221.495 1039.13 221.541 1038.94 221.541L1003.18 221.541C1002.99 221.541 1002.85 221.495 1002.76 221.401C1002.67 221.307 1002.62 221.166 1002.62 220.978L1002.62 174.244Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 21" d="M1148.89 38.3326C1148.98 38.2388 1149.03 38.098 1149.03 37.9103L1149.03 3.56307C1149.03 3.37538 1148.98 3.23461 1148.89 3.14077C1148.8 3.04692 1148.66 3 1148.47 3L1112.71 3C1112.53 3 1112.38 3.04692 1112.29 3.14077C1112.2 3.23461 1112.15 3.37538 1112.15 3.56307L1112.15 37.9103C1112.15 38.098 1112.2 38.2388 1112.29 38.3326C1112.38 38.4264 1112.53 38.4734 1112.71 38.4734L1148.47 38.4734C1148.66 38.4734 1148.8 38.4264 1148.89 38.3326ZM1148.89 221.4C1148.98 221.307 1149.03 221.166 1149.03 220.978L1149.03 69.3014C1149.03 69.1137 1148.98 68.9729 1148.89 68.8791C1148.8 68.7853 1148.66 68.7383 1148.47 68.7383L1112.71 68.7383C1112.53 68.7383 1112.38 68.7853 1112.29 68.8791C1112.2 68.9729 1112.15 69.1137 1112.15 69.3014L1112.15 220.978C1112.15 221.166 1112.2 221.307 1112.29 221.4C1112.38 221.494 1112.53 221.541 1112.71 221.541L1148.47 221.541C1148.66 221.541 1148.8 221.494 1148.89 221.4Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 22" d="M1184.53 174.244L1184.53 69.3016C1184.53 69.1139 1184.58 68.9732 1184.67 68.8793C1184.77 68.7855 1184.91 68.7386 1185.09 68.7386L1220.85 68.7386C1221.04 68.7386 1221.18 68.7855 1221.27 68.8793C1221.37 68.9732 1221.41 69.1139 1221.41 69.3016L1221.41 83.0582C1222.45 82.1541 1223.5 81.2754 1224.58 80.4222C1231.81 74.6845 1239.53 70.6094 1247.75 68.1969C1253.7 66.4465 1259.92 65.5713 1266.39 65.5713C1270.1 65.5713 1273.73 65.9723 1277.26 66.7742C1283.06 68.0884 1288.6 70.4793 1293.91 73.9469C1302.45 79.5307 1309.37 87.6483 1314.67 98.2997C1319.97 108.951 1322.62 121.386 1322.62 135.603L1322.62 220.978C1322.62 221.166 1322.58 221.307 1322.48 221.401C1322.39 221.495 1322.25 221.541 1322.06 221.541L1286.31 221.541C1286.16 221.541 1286.02 221.511 1285.9 221.451C1285.87 221.436 1285.84 221.419 1285.81 221.401C1285.72 221.307 1285.67 221.166 1285.67 220.978L1285.67 135.603C1285.67 127.72 1284.24 121.245 1281.38 116.177C1278.69 111.37 1275.29 107.766 1271.2 105.363C1270.93 105.209 1270.67 105.06 1270.4 104.916C1267.34 103.255 1264.19 102.171 1260.95 101.663C1259.52 101.438 1258.07 101.326 1256.6 101.326C1249.66 101.326 1243.58 102.781 1238.37 105.69C1233.21 108.552 1229.08 113.456 1225.99 120.4C1222.94 127.298 1221.41 136.612 1221.41 148.342L1221.41 220.978C1221.41 221.166 1221.37 221.307 1221.27 221.401C1221.18 221.495 1221.04 221.541 1220.85 221.541L1185.09 221.541C1184.91 221.541 1184.77 221.495 1184.67 221.401C1184.58 221.307 1184.53 221.166 1184.53 220.978L1184.53 174.244Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 23" d="M1400 219.41C1408.75 222.943 1418.2 224.709 1428.38 224.709C1438.48 224.709 1447.54 222.661 1455.54 218.564C1458.84 216.877 1461.96 214.843 1464.91 212.462C1467.73 210.177 1470.35 207.73 1472.78 205.121C1472.61 214.677 1470.78 222.872 1467.3 229.706C1464.99 234.313 1462.05 238.196 1458.47 241.353C1456.43 243.148 1454.19 244.709 1451.74 246.035C1445.03 249.695 1437.15 251.525 1428.09 251.525C1416.97 251.525 1407.75 249.554 1400.43 245.613C1393.16 241.671 1386.54 235.571 1380.59 227.313C1380.59 227.261 1380.58 227.213 1380.56 227.168C1380.51 227.051 1380.4 226.959 1380.23 226.891C1380.17 226.859 1380.11 226.844 1380.05 226.844C1379.92 226.844 1379.8 226.906 1379.67 227.031L1350.88 247.232C1350.7 247.419 1350.53 247.56 1350.39 247.654C1350.37 247.672 1350.36 247.691 1350.36 247.712C1350.33 247.802 1350.41 247.924 1350.6 248.076C1353.67 252.181 1357.01 256.017 1360.62 259.582C1367.15 266.041 1374.55 271.614 1382.84 276.3C1395.74 283.62 1410.83 287.28 1428.09 287.28C1437.03 287.28 1445.54 285.967 1453.62 283.343C1458.95 281.612 1464.1 279.312 1469.06 276.441C1474.43 273.349 1479.33 269.745 1483.75 265.627C1489.59 260.181 1494.59 253.839 1498.76 246.598C1500.12 244.242 1501.36 241.83 1502.46 239.361C1507.31 228.55 1509.74 216.651 1509.74 203.664L1509.74 69.3016C1509.74 69.1861 1509.71 69.0884 1509.66 69.0084C1509.63 68.9585 1509.58 68.9154 1509.53 68.8793C1509.43 68.7855 1509.29 68.7386 1509.11 68.7386L1473.35 68.7386C1473.16 68.7386 1473.02 68.7855 1472.93 68.8793C1472.83 68.9732 1472.79 69.1139 1472.79 69.3016L1472.79 85.1784C1470.36 82.5608 1467.73 80.1073 1464.91 77.818C1461.96 75.4367 1458.84 73.4026 1455.54 71.7158C1447.54 67.6195 1438.48 65.5713 1428.38 65.5713C1418.32 65.5713 1408.96 67.3093 1400.3 70.7853C1396.55 72.2884 1392.94 74.1165 1389.45 76.2696C1384.8 79.1358 1380.56 82.4204 1376.71 86.1235C1371.05 91.5746 1366.27 97.9326 1362.36 105.197C1360.29 109.057 1358.56 113.029 1357.15 117.114C1354.1 125.941 1352.57 135.295 1352.57 145.175C1352.57 154.829 1354.04 163.988 1356.97 172.652C1358.41 176.915 1360.2 181.059 1362.36 185.083C1366.23 192.277 1370.96 198.59 1376.55 204.022C1380.44 207.802 1384.74 211.155 1389.45 214.081C1392.85 216.163 1396.36 217.94 1400 219.41ZM1454.91 185.787C1448.2 189.634 1440.32 191.558 1431.26 191.558C1427.24 191.558 1423.41 190.954 1419.79 189.746C1416.86 188.772 1414.07 187.405 1411.41 185.646C1410.34 184.934 1409.3 184.172 1408.3 183.36C1403.79 179.679 1400.11 174.975 1397.27 169.246C1393.79 162.208 1392.06 154.184 1392.06 145.175C1392.06 136.119 1393.79 128.049 1397.27 120.963C1400.11 115.121 1403.82 110.349 1408.4 106.647C1409.41 105.83 1410.46 105.065 1411.55 104.353C1414.94 102.148 1418.49 100.56 1422.2 99.5881C1425.12 98.823 1428.14 98.4405 1431.26 98.4405C1440.32 98.4405 1448.2 100.364 1454.91 104.212C1457.72 105.813 1460.26 107.699 1462.53 109.87C1465.71 112.914 1468.36 116.518 1470.47 120.682C1474.13 127.767 1475.96 135.931 1475.96 145.175C1475.96 154.372 1474.13 162.49 1470.47 169.528C1468.52 173.285 1466.13 176.587 1463.28 179.436C1460.83 181.89 1458.04 184.006 1454.91 185.787Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 24" d="M787.381 296.359C787.287 296.265 787.146 296.218 786.958 296.218L635.633 296.218C635.483 296.218 635.348 296.248 635.228 296.308C635.198 296.323 635.169 296.34 635.141 296.359C635.047 296.453 635 296.594 635 296.781L635 333.099C635 333.287 635.047 333.428 635.141 333.522C635.169 333.54 635.198 333.557 635.228 333.572C635.348 333.632 635.483 333.662 635.633 333.662L692.081 333.662L692.081 509.27C692.081 509.457 692.128 509.598 692.222 509.692C692.25 509.711 692.279 509.728 692.309 509.743C692.429 509.803 692.564 509.833 692.715 509.833L730.159 509.833C730.346 509.833 730.487 509.786 730.581 509.692C730.675 509.598 730.722 509.457 730.722 509.27L730.722 333.662L786.958 333.662C787.146 333.662 787.287 333.615 787.381 333.522C787.474 333.428 787.521 333.287 787.521 333.099L787.521 296.781C787.521 296.594 787.474 296.453 787.381 296.359Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 25" d="M920.52 442.827C920.614 442.733 920.661 442.593 920.661 442.405C921.036 423.167 917.751 406.885 910.807 393.559C904.95 382.203 897.384 373.317 888.109 366.901C886.462 365.762 884.761 364.7 883.005 363.716C878.908 361.394 874.67 359.482 870.291 357.98C862.283 355.235 853.806 353.862 844.857 353.862C831.624 353.862 819.57 356.395 808.696 361.459C806.923 362.285 805.182 363.178 803.472 364.138C796.945 367.778 791.183 372.164 786.187 377.295C781.845 381.754 778.082 386.777 774.896 392.362C773.863 394.186 772.909 396.045 772.033 397.941C767.138 408.535 764.69 420.259 764.69 433.114C764.69 445.923 767.105 457.633 771.935 468.243C772.838 470.226 773.825 472.171 774.896 474.078C777.704 479.039 780.984 483.567 784.737 487.661C790.142 493.557 796.528 498.555 803.894 502.653C816.422 509.551 831.039 513 847.743 513C850.421 513 853.084 512.86 855.732 512.582C865.614 511.541 875.292 508.56 884.765 503.639C890.383 500.72 895.57 497.283 900.326 493.328C905.739 488.826 910.593 483.653 914.889 477.808L914.889 477.386C914.889 477.292 914.795 477.151 914.608 476.963L886.384 457.678L885.961 457.678C885.868 457.678 885.703 457.772 885.469 457.96C880.307 465.045 874.559 470.465 868.225 474.218C864.924 476.175 861.489 477.621 857.92 478.558C854.641 479.419 851.248 479.849 847.743 479.849C836.998 479.849 828.059 478.066 820.927 474.5C816.785 472.429 813.261 469.797 810.354 466.603C808.254 464.296 806.476 461.697 805.02 458.804C802.759 454.251 801.245 448.973 800.476 442.968L920.098 442.968C920.285 442.968 920.426 442.921 920.52 442.827ZM881.598 410.803C881.901 411.513 882.191 412.24 882.469 412.985L802.974 412.985C803.57 411.294 804.252 409.675 805.02 408.128C807.066 404.037 809.656 400.533 812.793 397.614C814.981 395.578 817.434 393.828 820.153 392.362C826.816 388.796 835.051 387.013 844.857 387.013C853.157 387.013 860.392 388.826 866.562 392.451C866.671 392.514 866.779 392.579 866.888 392.644C873.128 396.397 878.032 402.451 881.598 410.803Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 26" d="M983.021 507.701C991.765 511.234 1001.22 513 1011.39 513C1021.5 513 1030.55 510.952 1038.56 506.855C1041.86 505.168 1044.98 503.134 1047.92 500.753C1050.75 498.464 1053.38 496.012 1055.81 493.398L1055.81 509.269C1055.81 509.457 1055.85 509.598 1055.95 509.692C1056.04 509.786 1056.18 509.833 1056.37 509.833L1093.04 509.833C1093.23 509.833 1093.37 509.786 1093.46 509.692C1093.56 509.598 1093.6 509.457 1093.6 509.269L1093.6 357.593C1093.6 357.405 1093.56 357.264 1093.46 357.17C1093.37 357.076 1093.23 357.03 1093.04 357.03L1056.37 357.03C1056.18 357.03 1056.04 357.076 1055.95 357.17C1055.85 357.264 1055.81 357.405 1055.81 357.593L1055.81 373.469C1053.38 370.852 1050.75 368.398 1047.92 366.109C1044.98 363.728 1041.86 361.694 1038.56 360.007C1030.55 355.91 1021.5 353.862 1011.39 353.862C1001.34 353.862 991.979 355.6 983.317 359.076C979.572 360.579 975.957 362.408 972.472 364.561C967.822 367.427 963.574 370.711 959.73 374.415C954.071 379.866 949.286 386.224 945.374 393.488C943.311 397.348 941.574 401.32 940.164 405.405C937.115 414.232 935.591 423.586 935.591 433.466C935.591 443.12 937.056 452.279 939.985 460.943C941.427 465.206 943.223 469.35 945.374 473.374C949.248 480.568 953.979 486.881 959.566 492.314C963.453 496.093 967.755 499.446 972.472 502.372C975.865 504.454 979.381 506.231 983.021 507.701ZM1037.93 474.078C1031.22 477.925 1023.34 479.849 1014.28 479.849C1010.25 479.849 1006.43 479.245 1002.81 478.037C999.883 477.063 997.092 475.696 994.432 473.937C993.355 473.225 992.319 472.463 991.323 471.651C986.809 467.97 983.13 463.266 980.285 457.537C976.812 450.499 975.076 442.475 975.076 433.466C975.076 424.41 976.812 416.34 980.285 409.254C983.129 403.412 986.84 398.64 991.416 394.938C992.426 394.121 993.478 393.356 994.573 392.644C997.959 390.439 1001.51 388.851 1005.22 387.879C1008.14 387.114 1011.16 386.731 1014.28 386.731C1023.34 386.731 1031.22 388.655 1037.93 392.503C1040.74 394.104 1043.28 395.99 1045.55 398.161C1048.73 401.205 1051.37 404.809 1053.48 408.973C1057.14 416.058 1058.97 424.223 1058.97 433.466C1058.97 442.663 1057.14 450.781 1053.48 457.819C1051.54 461.576 1049.15 464.878 1046.3 467.727C1043.84 470.181 1041.06 472.297 1037.93 474.078Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 27" d="M1117.19 462.535L1117.19 357.593C1117.19 357.405 1117.24 357.264 1117.33 357.17C1117.43 357.076 1117.57 357.03 1117.75 357.03L1153.51 357.03C1153.7 357.03 1153.84 357.076 1153.93 357.17C1154.03 357.264 1154.07 357.405 1154.07 357.593L1154.07 371.349C1155.11 370.445 1156.16 369.566 1157.24 368.713C1164.47 362.976 1172.19 358.9 1180.41 356.488C1186.36 354.737 1192.58 353.862 1199.05 353.862C1203.75 353.862 1208.24 354.528 1212.52 355.86C1217.01 357.255 1221.27 359.381 1225.3 362.238C1231.78 366.824 1237.14 373.087 1241.4 381.029C1245.27 376.46 1249.5 372.355 1254.09 368.713C1261.51 362.849 1269.42 358.722 1277.83 356.331C1283.62 354.685 1289.64 353.862 1295.9 353.862C1300.59 353.862 1305.08 354.528 1309.37 355.86C1313.86 357.255 1318.12 359.381 1322.15 362.238C1330.03 367.822 1336.27 375.892 1340.87 386.45C1345.52 397.007 1347.84 409.489 1347.84 423.894L1347.84 509.269C1347.84 509.385 1347.81 509.483 1347.76 509.563C1347.73 509.613 1347.68 509.656 1347.63 509.692C1347.53 509.786 1347.39 509.833 1347.21 509.833L1311.45 509.833C1311.26 509.833 1311.12 509.786 1311.03 509.692C1310.93 509.598 1310.89 509.457 1310.89 509.269L1310.89 423.894C1310.89 415.823 1309.78 409.254 1307.58 404.187C1305.37 399.072 1302.39 395.365 1298.64 393.066C1297.32 392.255 1295.94 391.587 1294.51 391.062C1291.89 390.099 1289.09 389.617 1286.11 389.617C1279.21 389.617 1273.16 391.072 1267.95 393.981C1262.74 396.843 1258.59 401.747 1255.5 408.691C1252.45 415.589 1250.92 424.903 1250.92 436.633L1250.92 509.269C1250.92 509.457 1250.87 509.598 1250.78 509.692C1250.69 509.786 1250.54 509.833 1250.36 509.833L1214.6 509.833C1214.41 509.833 1214.27 509.786 1214.18 509.692C1214.09 509.598 1214.04 509.457 1214.04 509.269L1214.04 423.894C1214.04 415.823 1212.94 409.254 1210.73 404.187C1208.53 399.072 1205.55 395.365 1201.79 393.066C1200.47 392.255 1199.09 391.587 1197.66 391.062C1195.04 390.099 1192.24 389.617 1189.26 389.617C1182.32 389.617 1176.24 391.072 1171.03 393.981C1165.87 396.843 1161.74 401.747 1158.65 408.691C1155.6 415.589 1154.07 424.903 1154.07 436.633L1154.07 509.269C1154.07 509.457 1154.03 509.598 1153.93 509.692C1153.84 509.786 1153.7 509.833 1153.51 509.833L1117.75 509.833C1117.57 509.833 1117.43 509.786 1117.33 509.692C1117.24 509.598 1117.19 509.457 1117.19 509.269L1117.19 462.535Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
<path id="矢量 28" d="M1509.11 491.674C1509.2 491.486 1509.25 491.298 1509.25 491.111L1509.25 451.344C1509.25 451.201 1509.22 451.101 1509.15 451.045C1509.1 451.01 1509.04 450.992 1508.97 450.992L1431.41 411.507L1508.97 371.177C1508.99 371.177 1509.01 371.174 1509.02 371.168C1509.17 371.118 1509.25 370.839 1509.25 370.332L1509.25 331.41C1509.25 331.175 1509.2 330.964 1509.11 330.777C1509.07 330.699 1509.02 330.654 1508.97 330.64C1508.89 330.621 1508.8 330.666 1508.69 330.777L1378.34 398.556C1378.32 398.556 1378.3 398.559 1378.28 398.564C1378.13 398.615 1378.06 398.894 1378.06 399.401L1378.06 424.809C1378.06 424.903 1378.08 424.973 1378.13 425.02C1378.17 425.067 1378.24 425.091 1378.34 425.091L1508.69 491.674C1508.8 491.784 1508.89 491.829 1508.97 491.81C1509.02 491.796 1509.07 491.751 1509.11 491.674Z" fill="rgb(54,110,250)" fill-rule="evenodd" />
|
||||||
|
</g>
|
||||||
|
<path id="logo(边框)" d="M255 0C395.833 0 510 114.167 510 255C510 395.833 395.833 510 255 510C114.167 510 0 395.833 0 255C0 114.167 114.167 0 255 0ZM255 106.744C243.063 106.744 231.451 108.101 220.167 110.816L220.166 110.816C212.397 112.684 204.784 115.196 197.325 118.351C189.403 121.702 181.881 125.674 174.76 130.267L174.759 130.267C165.949 135.95 157.751 142.583 150.167 150.167C142.583 157.751 135.95 165.948 130.268 174.759C125.674 181.88 121.702 189.402 118.351 197.325C115.196 204.784 112.684 212.398 110.816 220.167L110.815 220.168C108.101 231.452 106.744 243.063 106.744 255C106.744 266.937 108.101 278.549 110.816 289.833L110.816 289.834C112.684 297.603 115.196 305.216 118.351 312.675C121.702 320.598 125.674 328.119 130.267 335.241L130.268 335.241C135.95 344.052 142.583 352.249 150.167 359.833C157.751 367.417 165.949 374.05 174.759 379.733C181.88 384.326 189.402 388.298 197.325 391.649C204.784 394.804 212.398 397.316 220.167 399.184C231.451 401.899 243.062 403.256 255 403.256C266.938 403.256 278.549 401.899 289.833 399.184C297.602 397.316 305.216 394.804 312.675 391.649C320.598 388.298 328.12 384.326 335.242 379.732C344.052 374.049 352.249 367.416 359.833 359.833C367.416 352.249 374.049 344.052 379.732 335.242C384.326 328.12 388.298 320.598 391.649 312.675C394.804 305.216 397.316 297.602 399.184 289.833C401.899 278.549 403.256 266.938 403.256 255C403.256 243.062 401.899 231.451 399.184 220.167C397.316 212.398 394.804 204.784 391.649 197.325C388.298 189.403 384.326 181.881 379.733 174.76C374.051 165.949 367.417 157.752 359.833 150.167C352.249 142.584 344.052 135.951 335.243 130.268L335.242 130.268C328.12 125.674 320.598 121.702 312.675 118.351C305.216 115.196 297.602 112.684 289.833 110.816L289.832 110.815C278.548 108.101 266.937 106.744 255 106.744Z" fill="rgb(0,0,0)" fill-rule="evenodd" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 21 KiB |
Reference in New Issue
Block a user