::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-border-radius:10px;border-radius:10px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(0, 0, 0, 0.4);-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0, 0, 0, 0.3)}
html,body{font-family:"Microsoft YaHei";background:#f4f7fa}
.clearfix{overflow:hidden;_zoom:1}
.clearfix::after{content:".";display:block;height:0;clear:both;visibility:hidden}
input{margin-bottom:0 !important}.search-box input{height:52px}
.breadcrumb-section{background:white;margin:20px 0;padding:10px 15px;border-radius:6px}
.breadcrumb-section .breadcrumb{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap}
.breadcrumb-section .breadcrumb li:not(:last-child)::after{content:"/";margin:0 10px;color:#ccc;font-size:1.1em}
.breadcrumb-section .breadcrumb a{color:#1163bb;font-weight:500;padding:6px 0}
.breadcrumb-section .breadcrumb a:hover{color:#0056b3;text-decoration:underline}
.breadcrumb-section .breadcrumb .current{color:#6c757d}
.breadcrumb-section .breadcrumb a{text-decoration:none;transition:all 0.3s ease}
.list-box{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;background:#ffffff;border-radius:12px;padding:25px 20px;margin-bottom:35px}
.list-box__header{text-align:left;margin-bottom:2rem}
.list-box__header h2{font-weight:600;font-size:22px;color:#111827}
@media (min-width:640px){.list-box__header h2{font-size:24px}
}
.list-box__header p{color:#888;font-size:1rem}
@media (min-width:640px){
.list-box__header p{font-size:16px}
}
.list-box__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem}
@media (min-width:640px){
.list-box__grid{grid-template-columns:repeat(3, 1fr);gap:1rem}
}
@media (min-width:768px){
.list-box__grid{grid-template-columns:repeat(4, 1fr)}
}
@media (min-width:1024px){
.list-box__grid{grid-template-columns:repeat(6, 1fr)}
}
.list-box__item{background-color:#ffffff;border-radius:0.5rem;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);text-align:center;transition:box-shadow 0.3s, background-color 0.3s;cursor:pointer}
.list-box__item:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);background-color:#EFF6FF}
.list-box__item:hover a{color:#2563EB}
.list-box__item a{display:block;padding:1rem;font-weight:500;color:#111827;text-decoration:none;transition:color 0.3s}
.section-box{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;background:#ffffff;border-radius:12px;padding:25px 20px;margin-bottom:35px}
.section-box__header{text-align:left;margin-bottom:2rem}
.section-box__header h2{font-weight:600;font-size:22px;color:#111827}
@media (min-width:640px){.section-box__header h2{font-size:24px}
}
.section-box__header p{color:#888;font-size:1rem}
@media (min-width:640px){
.section-box__header p{font-size:16px}
}
.page-single .page-content{min-height:500px;margin-top:30px;margin-bottom:30px;max-width:1200px;padding:40px;background:#ffffff;border-radius:12px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", Roboto, "Helvetica Neue", Arial, sans-serif;color:#333}
@media (max-width:640px){
.page-single .page-content{padding:15px}
}
.page-single .page-content h1,.page-single .page-content h2,.page-single .page-content h3,.page-single .page-content h4{font-weight:700;color:#1a202c;margin-bottom:1rem;line-height:1.3}
.page-single .page-content h1{font-size:2.5rem;text-align:center;margin-bottom:2rem}
@media (max-width:640px){
.page-single .page-content h1{font-size:28px}
}
.page-single .page-content h2{font-size:1.6rem}
@media (max-width:640px){
.page-single .page-content h2{font-size:22px}
}
.page-single .page-content h3{font-size:1.3rem}
@media (max-width:640px){
.page-single .page-content h3{font-size:20px}
}
.page-single .page-content h4{font-size:1.25rem}
@media (max-width:640px){
.page-single .page-content h4{font-size:18px}
}
.page-single .page-content p{font-size:1rem;line-height:1.8;margin-bottom:1.2rem;color:#4a5568}
.page-single .page-content code{font-family:"Fira Code", monospace;background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:0.95rem;color:#e53e3e}
.page-single .page-content pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto;font-family:"Fira Code", monospace;font-size:0.95rem;line-height:1.5;color:#2d3748;margin-bottom:1.5rem}
.page-single .page-content ul{padding-left:1.5rem;margin-bottom:1.5rem}.page-single .page-content ul li{margin-bottom:0.8rem;line-height:1.6}
.page-single .page-content ul li::marker{color:#3182ce}
.page-single .page-content article{margin-top:2rem}
.page-single .page-content a{color:#3182ce;text-decoration:none}
.page-single .page-content a:hover{text-decoration:underline}
.list-box__grid-wrapper{position:relative;max-height:600px;overflow:hidden}
.list-box__grid-wrapper .list-box__overlay{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:30px 0 20px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 60%)}
.list-box__grid-wrapper .list-box__overlay a{background:#2563eb;color:#fff;padding:10px 20px;border-radius:30px;border:none;cursor:pointer;font-size:14px;transition:background 0.3s}
.list-box__grid-wrapper .list-box__overlay a:hover{background:#1d4ed8}

.my-9 p{text-align:left;}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}
.rounded{border-radius:.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-md{border-radius:.375rem}
.rounded-xl{border-radius:.75rem}
.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}
.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}
.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}
.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}


.mx-auto{margin-left:auto;margin-right:auto}
.my-12{margin-bottom:3rem;margin-top:3rem}
.my-4{margin-bottom:1rem;margin-top:1rem}
.my-6{margin-bottom:1.5rem;margin-top:1.5rem}
.my-8{margin-bottom:2rem;margin-top:2rem;text-align: center; /* 水平居中 */margin: 200 auto;background-color: #ff266e;width: 500px;}
.my-9{margin-bottom:2rem;margin-top:5rem;text-align: center; /* 水平居中 */}

.mb-12{margin-bottom:3rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mr-3{margin-right:.75rem}
.mt-10{margin-top:2.5rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-8{margin-top:2rem}
.leading-relaxed{line-height:1.625}
body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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}

.px-2{padding-left:.5rem;padding-right:.5rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-bottom:.25rem;padding-top:.25rem}
.py-10{padding-bottom:2.5rem;padding-top:2.5rem}
.py-12{padding-bottom:3rem;padding-top:3rem}
.py-2{padding-bottom:.5rem;padding-top:.5rem}
.py-3{padding-bottom:.75rem;padding-top:.75rem}
.py-4{padding-bottom:1rem;padding-top:1rem}
.py-8{padding-bottom:2rem;padding-top:2rem}
.pb-2{padding-bottom:.5rem}
.pb-4{padding-bottom:1rem}
.pl-5{padding-left:1.25rem}
.pt-8{padding-top:2rem}
.text-left{text-align:left}
.text-center{text-align:center}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-9xl{font-size:8rem;line-height:1}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.font-bold{font-weight:700}
.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.leading-relaxed{line-height:1.625}
.tracking-tight{letter-spacing:-.025em}
.tracking-wider{letter-spacing:.05em}
.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}
.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}
.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}
.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}
.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}
.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}
.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}
.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}
.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}
.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}
.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}
.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}
.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}
.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}
.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}
.opacity-40{opacity:.4}
.opacity-50{opacity:.5}
.opacity-60{opacity:.6}
.opacity-70{opacity:.7}
.opacity-80{opacity:.8}
.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}
.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}
.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}
.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.duration-300{transition-duration:.3s}
.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}
.hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}
.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}
.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}
.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}
.hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}
.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}
.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}
.focus\:border-transparent:focus{border-color:transparent}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}
@media (min-width:640px){.sm\:mb-6{margin-bottom:1.5rem}
.sm\:mb-8{margin-bottom:2rem}
.sm\:mt-0{margin-top:0}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:flex-row{flex-direction:row}
.sm\:items-center{align-items:center}
.sm\:justify-between{justify-content:space-between}
.sm\:p-6{padding:1.5rem}
.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.sm\:py-12{padding-bottom:3rem;padding-top:3rem}
.sm\:py-16{padding-bottom:4rem;padding-top:4rem}
.sm\:text-2xl{font-size:1.5rem;line-height:2rem}
.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}
.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width:768px){.md\:flex{display:flex}
.md\:hidden{display:none}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}
.lg\:block{display:block}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lg\:px-8{padding-left:2rem;padding-right:2rem}
.lg\:py-20{padding-bottom:5rem;padding-top:5rem}
.lg\:text-2xl{font-size:1.5rem;line-height:2rem}
.lg\:text-6xl{font-size:3.75rem;line-height:1}}