html, body {background-color: rgb(248,250,252);
}
/* hscodelist */
.hs-banner{padding:48px 16px;background-color: var(--maincolor1);max-width: 1280px;margin: auto;}
.hs-banner .section_title{text-align: center;}
.hs-banner .section_title .title{font-size: 36px;font-weight: 700;line-height: 40px;color: rgb(255,255,255);margin-bottom: 24px;}
.hs-banner .section_title .subtitle{font-size: 16px;line-height: 24px;color: rgb(219,234,254);max-width: 672px;margin-bottom: 32px;margin: auto;}
.hs-banner .section_content{position: relative;max-width: 672px;margin: 15px auto 0;}
.hs-article{max-width: 1280px;padding: 40px 16px;margin: auto;}
.hs-article .content{}
.hs-article .content .content-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.hs-article .content .content-header .title{font-size: 20px;line-height: 28px;font-weight: 700;color: var(--maincolor1);margin: 0;}
.hs-article .content .content-header .article-year{font-size: 14px;line-height: 20px;--tw-text-opacity1: 1;color: rgb(100,116,139);}
.hs-article .content .hs-list{display: grid;gap: 16px;grid-template-columns: repeat(2, minmax(0, 1fr));}
.hs-article .content .hs-list .hs-card{padding: 20px;--tw-bg-opacity: 1;border-color: rgb(226,232,240);background-color: rgb(255,255,255);border-width: 1px;border-radius: 0.5rem;transition: all 0.2s linear;}
.hs-article .content .hs-list .hs-card:hover{border-color: var(--maincolor1);box-shadow: 0 4px 12px rgba(0, 74, 153, 0.1);}
.hs-article .content .hs-list .hs-card .hs-card-link{display: flex;gap: 16px;align-items: flex-start;text-decoration: inherit;}
.hs-article .content .hs-list .hs-card .hs-card-link .hs-badge{padding: 8px 10px;font-size: 18px;line-height: 28px;font-weight: 700;border-radius: 4px;color: var(--maincolor1);background-color: rgb(230,238,247);box-shadow: 0 4px 12px rgba(0, 74, 153, 0.1);}
.hs-article .content .hs-list .hs-card .hs-card-link .hs-heading{display: -webkit-box;font-size: inherit;font-weight: 700;margin: 0;color: #1e293b;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap{ position: relative; width: 100%; margin-top: 12px; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown{z-index: 1;}
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown .hs-dropdown-toggle{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:10px 12px; border:1px solid rgba(226,232,240,1); border-radius:8px; background:#fff; cursor:pointer; font-size:14px; color:#475569; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown .hs-dropdown-toggle:focus{ outline:2px solid rgba(0,74,153,0.12); outline-offset:2px; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown .hs-dropdown-toggle .dropdown-icon{ width:18px; height:18px; transition: transform .18s ease; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown .hs-dropdown-toggle[aria-expanded="true"] .dropdown-icon{ transform: rotate(180deg); }

.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown-menu{ position:absolute; left:0; right:0; margin-top:8px; background:#fff; border:1px solid rgba(226,232,240,1); border-radius:10px; box-shadow:0 10px 30px rgba(2,6,23,0.08); max-height:15rem; overflow:auto; padding:6px 4px; z-index:1200; transition:opacity .12s ease,transform .12s ease; transform-origin:top center; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hidden{ display:none; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown-menu .menu-item .hs-dropdown-item{ display:-webkit-box;padding:8px 12px;font-size:14px;line-height: 28px;color:#334155;text-decoration:none;border-radius:6px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown-menu .menu-item .hs-dropdown-item:hover{ background:#f8fafc; color:#0f172a; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown-menu::-webkit-scrollbar{ width:8px; }
.hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown-menu::-webkit-scrollbar-thumb{ background: rgba(0,74,153,0.15); border-radius:8px; }

.hs-article .content .additional-pages{margin-top: 2rem;text-align: center;}
.hs-article .content .additional-pages .tid-button{font-size: 16px;font-weight: 700;padding: 12px 32px;color: var(--maincolor1);border-width: 2px;border-radius: 4px;border-color: var(--maincolor1);transition: all 0.1s linear;}
.hs-article .content .additional-pages .tid-button:hover{color: rgb(255,255,255);background-color: var(--maincolor1);}

/* hscodedetail */
.hsdetail-banner{border-bottom-width: 1px;border-color: rgb(226,232,240);background-color: rgb(255,255,255)}
.hsdetail-banner .content{max-width: 1280px;padding: 24px 16px;margin: auto;}
.hsdetail-banner .content .hsdetail-nav{display: flex;gap: 0.5rem;font-size: 12px;line-height: 16px;color: rgb(148,163,184);margin-bottom: 16px;}
.hsdetail-banner .content .hsdetail-nav a{color: inherit;text-decoration: inherit;}
.hsdetail-banner .content .hsdetail-nav .text-slate{color: rgb(71,85,105);}
.hsdetail-banner .content .hs-row-flex{display: flex;gap: 24px;flex-direction: row;align-items: center;justify-content: space-between;}
.hsdetail-banner .content .hs-row-flex .hsdetail-title{display: flex;gap: 12px;font-size: 30px;line-height: 36px;font-weight: 700;color:rgb(15,23,42);align-items: center;margin: 0;}
.hsdetail-banner .content .hs-row-flex .hsdetail-title .hsdetail-code{font-size: 24px;line-height: 32px;padding: 4px 12px;color: rgb(255,255,255);background-color: var(--maincolor1);border-radius: 4px;}
.hsdetail-article{max-width: 1280px;padding: 40px 16px;margin: auto;}
.hsdetail-article .content{display: flex;gap: 32px;flex-direction: row;}
.hsdetail-article .content .hs-panel{overflow: hidden;border-radius: 12px;border-width: 1px;border-color: rgb(226,232,240);background-color: rgb(255,255,255);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0;box-shadow: var(0 0 #0000), var(0 0 #0000), var(--tw-shadow);}
.hsdetail-article .content .hs-panel .hs-panel-header{display: flex;padding: 16px 24px;align-items: center;justify-content: space-between;border-bottom-width: 1px;border-color: rgb(226,232,240);background-color: rgb(248,250,252);}
.hsdetail-article .content .hs-panel .hs-panel-header h2{font-size: 14px;font-weight: 700;line-height: 20px;letter-spacing: 1.2px;color: rgb(51,65,85);text-transform: uppercase;}
.hsdetail-article .content .hs-panel .hs-panel-header span{font-size: 12px;line-height: 16px;background-color: rgb(255,255,255);border-width: 1px;padding: 4px 8px;border-radius: 0.4px;color: rgb(100,116,139);}
.hsdetail-article .content .hs-panel .hs-panel-body{}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section{padding: 24px;border-left: 0;transition: all 0.1s linear;}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section:hover{background-color: #f8fafc;border-left: 4px solid var(--maincolor1);}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hs-row{display: flex;flex-direction: row;gap: 16px;}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hs-row .hs-badge{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 18px;font-weight: 700;line-height: 28px;color: var(--maincolor1);}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hs-row .hs-heading{font-size: 18px;font-weight: 700;line-height: 28px;color: rgb(15,23,42);cursor: pointer;}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section:hover .hs-row .hs-heading{color: var(--maincolor1);}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hs-row .hs-summary{display: flex;gap: 8px;margin-top: 8px;}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hs-row .hs-summary span{font-size: 10px;font-weight: 700;padding: 2px 8px;border-radius: 4px;color: rgb(100,116,139);background-color: rgb(241,245,249);text-transform: uppercase;}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hsdetail-section-sub{display: grid;margin-top: 24px;margin-left: 56px;gap: 12px;grid-template-columns: repeat(2, minmax(0, 1fr));}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hsdetail-section-sub .hs-quick-item{padding: 12px;border-width: 1px;border-radius: 8px;border: 1px rgb(241,245,249) solid;transition: all 0.1s linear;}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hsdetail-section-sub .hs-quick-item:hover{border: 1px var(--maincolor1) solid;;background-color: rgb(230,238,247);}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hsdetail-section-sub .hs-quick-item .hsdetail-subtitle{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 14px;font-weight: 700;line-height: 20px;color: var(--maincolor1);margin-bottom: 4px;}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hsdetail-section-sub .hs-quick-item .hsdetail-subcontent{font-size: 12px;line-height: 16px;color: rgb(71,85,105);}
.hsdetail-article .content .hs-panel .hs-panel-body .hsdetail-section .hsdetail-section-sub .hs-quick-item:hover .hsdetail-subcontent{color: var(--maincolor1);}

/* 响应式设计 */
@media screen and (max-width:768px) {
    .hs-banner .section_title .title{font-size: 30px;line-height: 36px;}
    .hs-banner .section_title .subtitle{font-size: 14px;line-height: 20px;}
    .hs-article .content .hs-list{grid-template-columns: 1fr;}
    .hs-article .content .hs-list .hs-card .hs-dropdown-wrap .hs-dropdown-menu{max-height: 12rem;}
}