*,:before,:after {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position:;
	--tw-gradient-via-position:;
	--tw-gradient-to-position:;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / .5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
	--tw-contain-size:;
	--tw-contain-layout:;
	--tw-contain-paint:;
	--tw-contain-style:
}
::backdrop {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position:;
	--tw-gradient-via-position:;
	--tw-gradient-to-position:;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / .5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
	--tw-contain-size:;
	--tw-contain-layout:;
	--tw-contain-paint:;
	--tw-contain-style:
}
*,:before,:after {
	box-sizing:border-box;
	border-width:0;
	border-style:solid;
	border-color:#e5e7eb
}
:before,:after {
	--tw-content:""
}
html,:host {
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	-moz-tab-size:4;
	-o-tab-size:4;
	tab-size:4;
	font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	font-feature-settings:normal;
	font-variation-settings:normal;
	-webkit-tap-highlight-color:transparent
}
body {
	margin:0;
	line-height:inherit
}
hr {
	height:0;
	color:inherit;
	border-top-width:1px
}
abbr:where([title]) {
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6 {
	font-size:inherit;
	font-weight:inherit
}
a {
	color:inherit;
	text-decoration:inherit
}
b,strong {
	font-weight:bolder
}
code,kbd,samp,pre {
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
	font-feature-settings:normal;
	font-variation-settings:normal;
	font-size:1em
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
table {
	text-indent:0;
	border-color:inherit;
	border-collapse:collapse
}
button,input,optgroup,select,textarea {
	font-family:inherit;
	font-feature-settings:inherit;
	font-variation-settings:inherit;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	letter-spacing:inherit;
	color:inherit;
	margin:0;
	padding:0
}
button,select {
	text-transform:none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
	-webkit-appearance:button;
	background-color:transparent;
	background-image:none
}
:-moz-focusring {
	outline:auto
}
:-moz-ui-invalid {
	box-shadow:none
}
progress {
	vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
summary {
	display:list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
	margin:0
}
fieldset {
	margin:0;
	padding:0
}
legend {
	padding:0
}
ol,ul,menu {
	list-style:none;
	margin:0;
	padding:0
}
dialog {
	padding:0
}
textarea {
	resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
	opacity:1;
	color:#9ca3af
}
input::placeholder,textarea::placeholder {
	opacity:1;
	color:#9ca3af
}
button,[role=button] {
	cursor:pointer
}
:disabled {
	cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object {
	display:block;
	vertical-align:middle
}
img,video {
	max-width:100%;
	height:auto
}
[hidden] {
	display:none
}
.container {
	width:100%
}
@media (min-width:640px) {
	.container {
	max-width:640px
}
}@media (min-width:768px) {
	.container {
	max-width:768px
}
}@media (min-width:1024px) {
	.container {
	max-width:1024px
}
}@media (min-width:1280px) {
	.container {
	max-width:100%
}
}@media (min-width:1536px) {
	.container {
}
}.fixed {
	position:fixed
}
.absolute {
	position:absolute
}
.relative {
	position:relative
}
.inset-0 {
	top:0;
	right:0;
	bottom:0;
	left:0
}
.-bottom-1 {
	bottom:-.25rem
}
.left-0 {
	left:0
}
.top-0 {
	top:0
}
.-z-10 {
	z-index:-10
}
.z-0 {
	z-index:0
}
.z-10 {
	z-index:10
}
.z-50 {
	z-index:50
}
.mx-auto {
	margin-left:auto;
	margin-right:auto
}
.mb-1 {
	margin-bottom:.25rem
}
.mb-1\.5 {
	margin-bottom:.375rem
}
.mb-6 {
	margin-bottom:1.5rem
}
.mt-8 {
	margin-top:2rem
}
.block {
	display:block
}
.inline {
	display:inline
}
.flex {
	display:flex
}
.inline-flex {
	display:inline-flex
}
.hidden {
}
.h-0\.5 {
	height:.125rem
}
.h-10 {
	height:2.5rem
}
.h-4 {
	height:1rem
}
.h-5 {
	height:1.25rem
}
.h-6 {
	height:1.5rem
}
.h-full {
	height:100%
}
.min-h-screen {
	min-height:100vh
}
.w-0 {
	width:0px
}
.w-10 {
	width:2.5rem
}
.w-4 {
	width:1rem
}
.w-5 {
	width:1.25rem
}
.w-6 {
	width:1.5rem
}
.w-full {
	width:100%
}
.max-w-2xl {
	max-width:42rem
}
.max-w-4xl {
	max-width:100%
}
.transform {
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.resize {
	resize:both
}
.flex-col {
	flex-direction:column
}
.flex-wrap {
	flex-wrap:wrap
}
.items-center {
	align-items:center
}
.justify-center {
	justify-content:center
}
.justify-between {
	justify-content:space-between
}
.gap-1 {
	gap:.25rem
}
.gap-2 {
	gap:.5rem
}
.gap-4 {
	gap:1rem
}
.gap-6 {
	gap:1.5rem
}
.space-x-1>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse:0;
	margin-right:calc(.25rem * var(--tw-space-x-reverse));
	margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-8>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse:0;
	margin-right:calc(2rem * var(--tw-space-x-reverse));
	margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse:0;
	margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-8>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse:0;
	margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}
.overflow-hidden {
	overflow:hidden
}
.rounded-full {
	border-radius:9999px
}
.border {
	border-width:1px
}
.border-t {
}
.border-white\/10 {
	border-color:#ffffff1a
}
.border-white\/30 {
	border-color:#ffffff4d
}
.bg-amber-400 {
	--tw-bg-opacity:1;
	background-color:rgb(251 191 36 / var(--tw-bg-opacity))
}
.bg-amber-500 {
	--tw-bg-opacity:1;
    background-color: rgb(255 255 255 / 5%);
    box-shadow: 0 0 15px rgb(1 4 30 / 5%);
    backdrop-filter: blur(5px);
}
.bg-slate-900 {
	--tw-bg-opacity:1;
	/*background-color:rgb(15 23 42 / var(--tw-bg-opacity))*/
}
.bg-slate-900\/90 {
/*	background-color:#0f172ae6*/
}
.bg-transparent {
	background-color:transparent
}
.bg-white {
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-white\/10 {
	background-color:#ffffff1a
}
.bg-gradient-to-b {
/*	background-image:linear-gradient(to bottom,var(--tw-gradient-stops))*/
}
.from-slate-900 {
	--tw-gradient-from:#0f172a var(--tw-gradient-from-position);
	--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.via-slate-900 {
	--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops:var(--tw-gradient-from),#0f172a var(--tw-gradient-via-position),var(--tw-gradient-to)
}
.to-indigo-900\/60 {
	--tw-gradient-to:rgb(49 46 129 / .6) var(--tw-gradient-to-position)
}
.p-2 {
	padding:.5rem
}
.px-4 {
	padding-left:1rem;
	padding-right:1rem
}
.px-8 {
	padding-left:2rem;
	padding-right:2rem
}
.py-3 {
	padding-top:.75rem;
	padding-bottom:.75rem
}
.py-6 {
	padding-top:1.5rem;
	padding-bottom:1.5rem
}
.py-8 {
	padding-top:1rem;
	padding-bottom:1rem;
        position:fixed;
        bottom:0;
        left:0;
        right:0;
}
.pt-6 {
}
.text-center {
	text-align:center
}
.text-4xl {
	font-size:2.25rem;
	line-height:2.5rem
}
.text-lg {
	font-size:1.125rem;
	line-height:1.75rem
}
.text-sm {
	font-size:.75rem;
	line-height:1.25rem
}
.text-xl {
	font-size:1.25rem;
	line-height:1.75rem
}
.font-bold {
	font-weight:700
}
.font-medium {
	font-weight:500
}
.leading-relaxed {
	line-height:1.625
}
.tracking-tight {
	letter-spacing:2px;
    font-family: Aa !important;
    font-size: 8rem !important;
    font-weight: unset !important;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));
}
.text-amber-400 {
	--tw-text-opacity:1;
	color:#01041e;
}
.text-red-500 {
	--tw-text-opacity:1;
	color:rgb(239 68 68 / var(--tw-text-opacity))
}
.text-slate-900 {
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity));
        letter-spacing:2px;
}
.text-white {
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity))
}
.text-white\/60 {
	color:#fff9
}
.text-white\/70 {
	color:#ffffffb3
}
.text-white\/80 {
	color:#fffc
}
.text-white\/90 {
	color:#ffffffe6
}
.shadow-lg {
	--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
	--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.backdrop-blur-md {
	/*--tw-backdrop-blur:blur(12px);
	-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
*/
}
.transition-all {
	transition-property:all;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.3s
}
.transition-colors {
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.duration-300 {
	transition-duration:.3s
}
:root {
	--color-primary-50:239 246 255;
	--color-primary-100:219 234 254;
	--color-primary-200:191 219 254;
	--color-primary-300:147 197 253;
	--color-primary-400:96 165 250;
	--color-primary-500:59 130 246;
	--color-primary-600:37 99 235;
	--color-primary-700:29 78 216;
	--color-primary-800:30 64 175;
	--color-primary-900:30 58 138;
	--color-secondary-50:245 243 255;
	--color-secondary-100:237 233 254;
	--color-secondary-200:221 214 254;
	--color-secondary-300:196 181 253;
	--color-secondary-400:167 139 250;
	--color-secondary-500:139 92 246;
	--color-secondary-600:124 58 237;
	--color-secondary-700:109 40 217;
	--color-secondary-800:91 33 182;
	--color-secondary-900:76 29 149;
	--color-accent-50:255 247 237;
	--color-accent-100:255 237 213;
	--color-accent-200:254 215 170;
	--color-accent-300:253 186 116;
	--color-accent-400:251 146 60;
	--color-accent-500:249 115 22;
	--color-accent-600:234 88 12;
	--color-accent-700:194 65 12;
	--color-accent-800:154 52 18;
	--color-accent-900:124 45 18
}
body {
	font-family:Mi,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x:hidden;
	min-height:100vh;
        background: url(https://img.wojc.cn/typecho/headimg/9.webp) no-repeat center center / cover fixed;
        background: url(https://img.wojc.cn/wallpaper/home/home.avif) no-repeat center center / cover fixed;
        background-color: #01041e;
}
.nav-link {
	position:relative;
	color:#fffc;
	font-weight:600;
        font-size:0.9rem;
	transition:color .3s
}
.nav-link:after {
	content:"";
	position:absolute;
	bottom:-4px;
	left:0;
	width:0;
	height:2px;
	background-color:#45d0fd;
	transition:width .3s
}
.nav-link:hover {
	color:#45d0fd
}
.nav-link:hover:after {
	width:100%
}
.social-link {
	width:2.5rem;
	height:2.5rem;
	border-radius:9999px;
	background-color:#ffffff1a;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background-color .3s
}
.social-link:hover {
	background-color:#fff3
}
.social-link img {
	filter:invert(1)
}

.qq:hover:before {
	opacity:1;
}
.qq:hover:after {
	opacity:1;
}
.qq::before{
	opacity:0;
	content:'';
    margin-top: -72px;
    background: #3f4555;
    padding: 2px 8px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
	position: absolute;
}
.qq::after{
	opacity:0;
	content:'';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #3f4555;
    margin-top: -48px;
    position: absolute;
}

.em:hover:before {
	opacity:1;
}
.em:hover:after {
	opacity:1;
}
.em::before{
	opacity:0;
	content:'';
    margin-top: -72px;
    background: #3f4555;
    padding: 2px 8px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
	position: absolute;
}
.em::after{
	opacity:0;
	content:'';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #3f4555;
    margin-top: -48px;
    position: absolute;
}

@keyframes fadeIn {
	0% {
	opacity:0;
	transform:translateY(20px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}.animate-fade-in {
	animation:fadeIn 3s ease-out forwards
}
.stagger-fade-in>* {
	opacity:0;
	animation:fadeIn .5s ease-out forwards
}
.stagger-fade-in>*:nth-child(1) {
	animation-delay:.1s
}
.stagger-fade-in>*:nth-child(2) {
	animation-delay:.2s
}
.stagger-fade-in>*:nth-child(3) {
	animation-delay:.3s
}
::-webkit-scrollbar {
	width:10px
}
::-webkit-scrollbar-track {
	background:#0f172a
}
::-webkit-scrollbar-thumb {
	background:#334155;
	border-radius:5px
}
::-webkit-scrollbar-thumb:hover {
	background:#475569
}
@media (max-width:1080px) {
        .tracking-tight{
              font-size:6rem !important;
              line-height:1.1;
        }

}
@media (max-width:820px) {
        .tracking-tight{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
}
}
@media (max-width:500px) {
	::-webkit-scrollbar {
            width:0px
        }
        .text-xl {
             font-size: 1rem;
        }
        .space-x-8>:not([hidden])~:not([hidden]){
              margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
        }
        .tracking-tight{
              font-size:5rem !important;
transform: scale(0.8) !important;
        }
        .text-lg{
              font-size:0.8rem;
        }
}
.hover\:scale-105:hover {
	--tw-scale-x:1.05;
	--tw-scale-y:1.05;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:border-white\/60:hover {
	border-color:#fff9
}
.hover\:bg-amber-600:hover {
	--tw-bg-opacity:1;
	background-color:#01041e;
        background: linear-gradient(45deg, rgb(5 159 197) 50%, rgb(1 4 30) 50%);
        letter-spacing:4px;
        transform: unset;
}

.hover\:bg-white\/10:hover {
	background-color:#ffffff1a
}
.hover\:bg-white\/20:hover {
	background-color:#fff3
}
.hover\:text-white:hover {
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity))
}
.hover\:shadow-lg:hover {
	--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
	--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.group:hover .group-hover\:w-full {
	width:100%
}
@media (min-width:768px) {
	.md\:flex {
	display:flex
}
.md\:hidden {
	display:none
}
.md\:flex-row {
}
.md\:px-6 {
	padding-left:1.5rem;
	padding-right:1.5rem
}
.md\:text-left {
	text-align:left
}
.md\:text-2xl {
	font-size:1.2rem;
	line-height:2rem
}
.md\:text-6xl {
	font-size:3rem;
	line-height:1
}
.md\:text-xl {
	font-size:1rem;
	line-height:1.75rem
}
}