::-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}


.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}
.rounded-lg{border-radius:.5rem}
.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)}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.text-center{text-align:center}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.font-bold{font-weight:700}
.font-light{font-weight:300}
.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))}
.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}

















