html {
    --pico-header-height: calc(5.5rem + var(--pico-border-width))
}

body>header {
    z-index: 4;
    position: relative;
    padding: .5rem 0;
    border-bottom: var(--pico-border-width) solid transparent
}

body>header .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body>header .container>a {
    margin: calc(var(--pico-spacing) * -.125) calc(var(--pico-spacing) * -.25);
    padding: calc(var(--pico-spacing) * .125) calc(var(--pico-spacing) * .25);
    border-radius: var(--pico-border-radius)
}

@media (max-width: 575px) {
    body>header .container nav ul li.hide-before-sm {
        display:none
    }
}

@media (min-width: 576px) {
    body>header .container nav ul.icons:before {
        display:block;
        height: 1.125rem;
        margin-inline:var(--pico-nav-element-spacing-horizontal);border-left: var(--pico-border-width) solid var(--pico-form-element-border-color);
        content: ""
    }
}

body>footer article p{
	font-size:0.8rem;
}
.--gy-text-center {
    text-align: center;
}

.--gy-color-fill-red {fill:#CE1100}
.--gy-color-fill-white {fill:#FFFFFF}
.--gy-color-fill-black {fill:#000000}

.--gy-color-red {color:#CE1100}
.--gy-color-white {color:#FFFFFF}
.--gy-color-black {color:#000000}
.--gy-color-black1 {color:#111}
.--gy-color-black3 {color:#333}
.--gy-color-black5 {color:#555}

svg.--gy-logo {
    width: auto;
    height: 2.25rem
}

svg.--gy-icon {
    width: auto;
    height: 1rem
}

.--gy-badges {
	display:flex;
	justify-content: center;
    margin-bottom: calc(var(--pico-spacing)/ 2)
}

.--gy-badges .--gy-badge {
    padding: .125rem .75rem;
    border-radius: .75rem;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: uppercase;
    vertical-align: text-bottom;
	background-color: var(--pico-secondary-background);
    color: var(--pico-secondary-inverse);
}

.--gy-badges .--gy-badge:not(:last-child) {
    margin-right: calc(var(--pico-spacing)/ 2)
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth
}

html body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: start;
    min-height: 100vh
}


a {
  --pico-text-decoration:none;
}


body>main {
    --pico-homepage-spacing-vertical: calc(var(--pico-spacing) * 5);
    --pico-homepage-spacing-horizontal: calc(var(--pico-spacing) * 3.5);
    padding: 0
	

}



@media (min-width: 576px) {
    body>main {
        --pico-homepage-spacing-vertical:calc(var(--pico-spacing) * 6);
        --pico-homepage-spacing-horizontal: calc(var(--pico-spacing) * 4);

    }
	body>main .grid {
        display:flex;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    body>main {
        --pico-homepage-spacing-vertical:calc(var(--pico-spacing) * 7);
        --pico-homepage-spacing-horizontal: calc(var(--pico-spacing) * 4.5)
    }

	

}

	body>main>section>table th{
		font-weight:600;
		
	}

@media (min-width: 1024px) {
    body>main {
        --pico-homepage-spacing-vertical:calc(var(--pico-spacing) * 8);
        --pico-homepage-spacing-horizontal: calc(var(--pico-spacing) * 4)
    }
}

@media (min-width: 1280px) {
    body>main {
        --pico-homepage-spacing-vertical:calc(var(--pico-spacing) * 9);
        --pico-homepage-spacing-horizontal: calc(var(--pico-spacing) * 5.5)
    }
	body>main>section>img{
		  max-width:950px; 
	}
	
		body>main>section>table{
		max-width:950px;
		margin: 0 auto;  
	}	
}

@media (min-width: 1536px) {

    body>main {
	    --pico-homepage-spacing-vertical:calc(var(--pico-spacing) * 10);
        --pico-homepage-spacing-horizontal: calc(var(--pico-spacing) * 6)
    }
	body>main>section>img{
		  max-width:1200px; 
	}
	
		body>main>section>table{
		max-width:1200px;
		margin: 0 auto;  
	}
}

body>header.is-fixed {
        z-index:999;
        position: sticky;
        top: 0;
        background-color: var(--pico-header-background);		
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
        transition: border-top-color .4s ease-in-out,box-shadow .4s ease-in-out
}

body>main>section .detail{
    font-size: 70%
}

body>main .grid{	
	--pico-form-element-spacing-horizontal: 2rem;
   /* margin-top: calc(var(--pico-spacing) * 4);*/
    margin-bottom: calc(var(--pico-spacing) * .5)	
}


section {
    margin-block:var(--pico-homepage-spacing-vertical); 
}



.--gy-margin-bottom-2x{
    margin-bottom: calc(var(--pico-spacing) * 2)
}

/* @media (min-width: 576px) {
    body>main .container>.grid {
        display:flex;
        justify-content: center;
    }
} */



body>footer .container article div img{
	
	max-width:160px;
}

body>footer .container section:last-of-type {
    margin-block:calc(var(--pico-spacing) * 2);padding-top: calc(var(--pico-spacing) * 2);
    border-top: var(--pico-border-width) solid var(--pico-muted-border-color);
    font-size: 70%
}

body>footer .container section:last-of-type p {
    margin-bottom: 0;
    color: var(--pico-muted-color)
}

@media (min-width: 576px) {
    body>footer .container section:last-of-type p {
        display:inline
    }

    body>footer .container section:last-of-type p:not(:first-of-type) {
        margin-inline-start:calc(var(--pico-spacing)/ 2)}
}



.skip-to-content {
    z-index: 999;
    position: absolute;
    top: calc(var(--pico-spacing) * .75);
    left: calc(var(--pico-spacing) * .75);
    transform: translateY(-1000%);
    --pico-box-shadow: var(--pico-card-box-shadow);
    opacity: 0
}

.skip-to-content:focus {
    transform: translateY(0);
    opacity: 1
}


.custom-grid-list {
  display: grid;
  /* 例如，repeat(4, 1fr) 表示创建4个等宽的列 */
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--pico-grid-gap, 2rem); /* 使用 Pico 的间隙变量，与框架风格保持一致 */
  list-style: none; /* 移除默认的项目符号 */
  padding: 0;       /* 移除默认的内边距 */
  /* max-width:950px; */
  width:100%;
  margin:0 auto;
}

.cols-1 { grid-template-columns: repeat(1, 1fr); }
.cols-2 { grid-template-columns: repeat(2, 1fr); }
.cols-3 { grid-template-columns: repeat(3, 1fr); }
.cols-4 { grid-template-columns: repeat(4, 1fr); }
.cols-5 { grid-template-columns: repeat(5, 1fr); }

.custom-grid-list > li {
  text-align: center;  /* 文本居中 */
  /* 或使用 Flex 居中 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.--gy-hidden{
	padding: 0;
    margin: 0;
    visibility: hidden;
    display: none;
}

.--gy-small {
   font-size: 0.875em
}

.--gy-margin-bottom-1{
	margin-bottom:0.5rem;
}

.--gy-margin-bottom-2{
	margin-bottom:1rem;
}

.--gy-margin-bottom-3{
	margin-bottom:1.5rem;
}

.--gy-margin-bottom-4{
	margin-bottom:2rem;
}

.--gy-padding{
	
	padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
}

.--gy-h1,.--gy-h2,.--gy-h3,.--gy-h4,.--gy-h5,.--gy-h6 {
    font-weight: 600
}

.--gy-h1 {
    font-size: 2rem;
    line-height: 1.125;
    /* //typography-spacing-top: 3rem */
}

.--gy-h2 {
    font-size: 1.75rem;
    line-height: 1.15;
    /* --pico-typography-spacing-top: 2.625rem */
}

.--gy-h3 {
    font-size: 1.5rem;
    line-height: 1.175;
    /* --pico-typography-spacing-top: 0; */
}

.--gy-h4 {
    font-size: 1.25rem;
    line-height: 1.2;
    /* --pico-typography-spacing-top: 1.874rem */
}

.--gy-h5 {
    font-size: 1.125rem;
    line-height: 1.225;
    /* --pico-typography-spacing-top: 1.6875rem */
}

.--gy-h6 {
    font-size: 1rem;
    line-height: 1.25;
    /* --pico-typography-spacing-top: 1.5rem */
}