91 lines
11 KiB
Plaintext
91 lines
11 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>银河锋锐工作室</title>
|
|
<script src="https://tailwind.gvsds.com"></script>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
|
<link href="https://www.gvsds.com/assets/css/cookie.css" rel="stylesheet">
|
|
<link href="https://www.gvsds.com/assets/css/gvsds-page.css" rel="stylesheet">
|
|
<script src="https://www.gvsds.com/assets/js/tailwind.config.js"></script>
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
|
|
<style id="external-tw-style" type="text/tailwindcss">
|
|
@layer utilities{.content-auto{content-visibility:auto}.menu-shadow{box-shadow:0 8px 16px rgba(0,0,0,.08)}.search-result-highlight{@apply bg-yellow-100 text-primary font-medium}.tag-basic{@apply bg-gray-100 text-gray-700 text-xs px-1.5 py-0.5 rounded}.tag-new{@apply bg-[#e6f7e9] text-[#00b42a] text-xs px-1.5 py-0.5 rounded}.tag-hot{@apply bg-[#fff2e8] text-[#ff7d00] text-xs px-1.5 py-0.5 rounded}.tag-preview{@apply bg-[#e8f3ff] text-[#0066ff] text-xs px-1.5 py-0.5 rounded}.tag-feature{@apply bg-[#f5faff] text-[#0066ff] text-xs px-1.5 py-0.5 rounded}.sidebar-submenu-active{@apply bg-primary/10 text-primary font-medium border-l-2 border-primary}.mobile-menu-enter{@apply opacity-0 translate-x-full}.mobile-menu-enter-active{@apply opacity-100 translate-x-0 transition-all duration-300}.mobile-menu-exit{@apply opacity-100 translate-x-0}.mobile-menu-exit-active{@apply opacity-0 translate-x-full transition-all duration-300}.search-btn-focus{@apply border-primary text-primary}.card-shadow{box-shadow:0 4px 12px rgba(0,0,0,.08)}.file-corner{position:relative}.file-corner::after{content:'';position:absolute;top:0;right:0;border-width:0 24px 24px 0;border-style:solid;border-color:transparent #d1d5db transparent transparent}.scale-in{animation:scaleIn .3s ease-out forwards}@keyframes scaleIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.slide-up{animation:slideUp .4s ease-out forwards}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.window-titlebar{background:linear-gradient(90deg,navy,#1084d0)}.window-border{border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #7b7b7b;border-bottom:2px solid #7b7b7b}.window-border-inset{border-top:2px solid #7b7b7b;border-left:2px solid #7b7b7b;border-right:2px solid #fff;border-bottom:2px solid #fff}.search-btn{@apply h-full px-4 text-gray-500 transition-all duration-200 ease-in-out hover:text-primary flex items-center justify-center rounded-r-md}.search-icon{@apply transition-transform duration-200 ease-in-out}.search-btn:hover .search-icon{transform:scale(1.03)}.search-btn:active .search-icon{transform:scale(0.95)}.search-wrapper{@apply transition-all duration-300 ease-in-out}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}section { position: relative; }section .absolute.left-0,section .absolute.right-0 { overflow: hidden; }@keyframes gradientAnimation {0% { background-position: 0% 50%; }50% { background-position: 100% 50%; }100% { background-position: 0% 50%; }}
|
|
/*@font-face{font-family:"Dot Matrix";src:url("https://fonts.cdnfonts.com/css/dot-matrix") format("truetype");font-weight:400;font-style:normal;font-display:swap}
|
|
@font-face{font-family:"Milky Han Term J Heavy";src:url("https://www.gvsds.com/assets/fonts/MilkyHanTermJHeavy.woff2") format("woff2"),url("https://www.gvsds.com/assets/fonts/MilkyHanTermJHeavy.ttf") format("truetype");font-style:normal;font-display:swap}
|
|
@font-face{font-family:'Playlist Script';src:url('https://www.gvsds.com/assets/fonts/PlaylistScript.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}*/
|
|
</style>
|
|
<style id="external-tw-style" type="text/tailwindcss">
|
|
#header[data-nav-theme="dark"] nav a[data-menu] {color: #555867;}
|
|
#header[data-nav-theme="dark"] nav a[data-menu]:hover {color: #111827;}
|
|
#header[data-nav-theme="light"] nav a[data-menu] {color: #ffffff;text-shadow:0 1px 6px rgba(0,0,0,0.65);}
|
|
#header[data-nav-theme="light"] nav a[data-menu]:hover {color: #dbeafe;}
|
|
#header[data-nav-theme="light"] nav a[data-menu]:hover::after {background-color: #ffffff;}</style>
|
|
</head>
|
|
<body class="bg-white font-sans">
|
|
<header id="header" class="fixed top-0 left-0 right-0 z-50 bg-white shadow-sm border-b border-gray-100 bg-[linear-gradient(120deg,#ffffff,#f0f8ff,#f8f0ff,#ffffff)] bg-[size:400%_400%] animate-[gradientAnimation_15s_ease_infinite] dark:bg-gray-900 dark:border-gray-800 dark:bg-[linear-gradient(120deg,#111827,#1e293b,#271e3b,#111827)] transition-all duration-300 ease-in-out">
|
|
<div class="flex items-center justify-between h-16 px-6">
|
|
<div class="flex items-center space-x-4">
|
|
<div class="flex items-center text-primary text-xl font-bold h-10" id="header-png"><img src="https://www.gvsds.com/assets/hlogos/gnobg.png" style="height: 100%; object-fit: contain; margin-top: -8px;"></div>
|
|
<button id="mobile-menu-btn" class="md:hidden text-text-primary text-xl transition-all duration-200 hover:scale-110"><i class="fa fa-bars"></i></button>
|
|
</div>
|
|
<nav class="hidden md:flex items-center space-x-6">
|
|
<a href="#" draggable="false" class="relative font-medium transition-colors after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-0 after:h-[2px] after:bg-[#3b82f6] after:transition-all after:duration-200 after:ease hover:after:w-full" data-menu="studio">工作室</a>
|
|
<a href="#" draggable="false" class="relative font-medium transition-colors after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-0 after:h-[2px] after:bg-[#3b82f6] after:transition-all after:duration-200 after:ease hover:after:w-full" data-menu="project">产品和服务</a>
|
|
<a href="#" draggable="false" class="relative font-medium transition-colors after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-0 after:h-[2px] after:bg-[#3b82f6] after:transition-all after:duration-200 after:ease hover:after:w-full" data-menu="document">文档</a>
|
|
<a href="#" draggable="false" class="relative font-medium transition-colors after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-0 after:h-[2px] after:bg-[#3b82f6] after:transition-all after:duration-200 after:ease hover:after:w-full" data-menu="solution">解决方案</a>
|
|
<a href="#" draggable="false" class="relative font-medium transition-colors after:content-[''] after:absolute after:bottom-[-2px] after:left-0 after:w-0 after:h-[2px] after:bg-[#3b82f6] after:transition-all after:duration-200 after:ease hover:after:w-full" data-menu="methodology">方法论</a>
|
|
</nav>
|
|
<div class="flex items-center space-x-3">
|
|
<div class="relative hidden md:flex items-center">
|
|
<div class="flex items-center border border-gray-200 rounded-md overflow-hidden focus-within:border-[#3b82f6] focus-within:ring-1 focus-within:ring-[#3b82f6]/30 w-64 lg:w-80 bg-white">
|
|
<input type="text" id="search-all" placeholder="搜索所有内容..." class="w-full px-4 py-2 text-sm outline-none border-0 bg-transparent placeholder-gray-400">
|
|
<button id="desktop-search-btn" class="px-3 h-full text-gray-500 cursor-pointer transition-colors duration-200 hover:text-[#3b82f6]"><i class="fa fa-search search-icon"></i></button>
|
|
</div>
|
|
<div id="search-results-all" class="hidden absolute top-full left-0 right-0 mt-1 bg-white rounded-md shadow-lg z-50 max-h-96 overflow-y-auto"></div>
|
|
</div>
|
|
<button id="mobile-search-btn" class="md:hidden text-text-primary text-xl transition-all duration-200 hover:scale-110"><i class="fa fa-search"></i></button>
|
|
<div id="UserFrame"><a href="https://www.gvsds.com/login.html" target="_blank" class="bg-primary text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary/90 transition-all duration-200 hover:scale-105 active:scale-95 inline-block">登录</a></div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div id="mobile-menu" class="fixed top-16 left-0 right-0 bottom-0 bg-white z-40 md:hidden mobile-menu-enter">
|
|
<div class="p-4">
|
|
<nav class="flex flex-col space-y-4">
|
|
<a href="#" draggable="false" class="text-text-secondary hover:text-primary font-medium py-2 border-b border-gray-100 transition-colors" data-menu="studio">工作室</a>
|
|
<a href="#" draggable="false" class="nav-item-hover text-text-secondary hover:text-primary font-medium transition-colors" data-menu="project">产品和服务</a>
|
|
<a href="#" draggable="false" class="nav-item-hover text-text-secondary hover:text-primary font-medium transition-colors" data-menu="document">文档</a>
|
|
<a href="#" draggable="false" class="nav-item-hover text-text-secondary hover:text-primary font-medium transition-colors" data-menu="solution">解决方案</a>
|
|
<a href="#" draggable="false" class="nav-item-hover text-text-secondary hover:text-primary font-medium transition-colors" data-menu="methodology">方法论</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div id="mobile-search" class="fixed top-0 left-0 right-0 bottom-0 bg-white z-50 md:hidden hidden flex flex-col p-4">
|
|
<div class="flex items-center mb-4">
|
|
<button id="close-search-btn" class="text-text-primary text-xl mr-4 transition-all duration-200 hover:scale-110">
|
|
<i class="fa fa-arrow-left"></i>
|
|
</button>
|
|
<!-- Mobile Search Wrapper -->
|
|
<div class="relative flex-1 flex items-center">
|
|
<div class="search-wrapper flex items-center flex-1 border border-gray-200 rounded-md overflow-hidden focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30 bg-white">
|
|
<input type="text" id="search-all-mobile" placeholder="搜索所有内容..." class="w-full px-4 py-2 text-sm outline-none border-none bg-transparent placeholder-gray-400">
|
|
<!-- 使用优化后的搜索按钮样式 -->
|
|
<button id="mobile-search-submit" class="search-btn">
|
|
<i class="fa fa-search search-icon"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="mobile-search-results" class="flex-1 overflow-y-auto"></div>
|
|
</div>
|
|
<div id="mega-menus-container"></div>
|
|
{{ MAIN }}
|
|
{{ Footer }}
|
|
<script src="https://www.gvsds.com/assets/js/MegaMenus.js"></script>
|
|
<script src="https://www.gvsds.com/assets/config/Megas.js"></script>
|
|
<script src="https://www.gvsds.com/assets/js/nav.js"></script>
|
|
<script src="https://www.gvsds.com/assets/js/main.js"></script>
|
|
<script src="https://www.gvsds.com/assets/js/cookie.js"></script>
|
|
</body>
|
|
</html> |