.tech-hub .pages .page-edge{min-width:54px;font-size:13px}.tech-hub .pages .is-disabled{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:36px;border:1px solid #e6eaed;border-radius:4px;color:#b8c0c5;background:#fafbfb}
.tech-search{max-width:1440px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(540px,1.4fr);gap:44px;align-items:center}.tech-search-intro{display:flex;flex-direction:column;padding-left:16px;border-left:3px solid #bd1f2d}.tech-search-intro strong{font-size:20px;color:#203d4e;letter-spacing:.5px}.tech-search-intro span{font-size:13px;color:#7a8992;margin-top:2px}.tech-article-search label{display:block;margin-bottom:7px;color:#405765;font-size:13px;font-weight:600}.tech-search-box{display:flex;height:48px;border:1px solid #d9e1e5;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(31,55,70,.06);transition:border-color .2s,box-shadow .2s}.tech-search-box:focus-within{border-color:#bd1f2d;box-shadow:0 0 0 3px rgba(189,31,45,.08)}.tech-search-box input{min-width:0;flex:1;border:0!important;outline:0;padding:0 17px!important;font-size:15px!important;background:transparent!important}.tech-search-box button{width:118px;border:0;background:#bd1f2d;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.tech-search-box button:hover{background:#971722}.tech-search-logic{display:flex;gap:8px;align-items:center;margin:7px 0 0;color:#7d8b93;font-size:12px}.tech-search-logic b{color:#bd1f2d;font-weight:600}.tech-search-logic i{font-style:normal;font-size:10px;color:#a4adb2;margin-right:7px}.tech-search-status{padding:13px 16px;background:#f6f8f9;border-left:3px solid #bd1f2d;color:#4b606c}.tech-search-empty{padding:48px;text-align:center;color:#7b8991}
.webbg .commonclass{overflow:hidden!important;border:1px solid #dfe5e8!important;border-radius:7px!important;background:#fff!important;box-shadow:0 8px 24px rgba(31,52,65,.08)!important}.webbg .commonclass h3{margin:0!important;padding:23px 22px 2px!important;background:#183d52!important;color:#fff!important;font-size:21px!important;font-weight:600!important}.webbg .commonclass h3:before{content:"";display:inline-block;width:4px;height:20px;margin-right:11px;border-radius:3px;background:#e1434f;vertical-align:-3px}.webbg .commonclass h4{margin:0!important;padding:0 22px 20px 37px!important;background:#183d52!important;color:#b8cad4!important;font-size:11px!important;letter-spacing:1.2px!important;text-transform:uppercase}.webbg .commonclass ul{margin:0!important;padding:8px 0!important;border:0!important}.webbg .commonclass li{position:relative;margin:0 10px!important;border:0!important;border-bottom:1px solid #edf0f2!important}.webbg .commonclass li:last-child{border-bottom:0!important}.webbg .commonclass li a{display:block!important;position:relative;padding:16px 34px 16px 27px!important;background:transparent!important;color:#405764!important;font-size:15px!important;transition:color .2s,background .2s,transform .2s}.webbg .commonclass li a:before{content:"";position:absolute;left:11px;top:50%;width:5px;height:5px;border-radius:50%;background:#aebbc2;transform:translateY(-50%)}.webbg .commonclass li a:after{content:"›";position:absolute;right:12px;top:50%;font-size:24px;color:#9cabb3;transform:translateY(-52%);transition:transform .2s,color .2s}.webbg .commonclass li a:hover,.webbg .commonclass li a.cur{color:#b91f2d!important;background:#fbf4f5!important;transform:translateX(2px)}.webbg .commonclass li a:hover:before,.webbg .commonclass li a.cur:before{background:#b91f2d}.webbg .commonclass li a:hover:after{color:#b91f2d;transform:translate(3px,-52%)}
@media(max-width:900px){.tech-search{grid-template-columns:1fr;gap:14px}.tech-search-box button{width:100px}}@media(max-width:650px){.tech-search{padding:18px 14px}.tech-search-logic{flex-wrap:wrap}.tech-search-box button{width:88px}}
