.content_page{min-height:100vh;background:#f6f8fb;color:#172033;overflow:hidden}
.content_page .page_w{width:1200px}
.content_page .content_hero{position:relative;min-height:290px;background:linear-gradient(135deg,#101b34 0%,#142542 52%,#15304b 100%);overflow:hidden}
.content_page .hero_inner{position:relative;z-index:2}
.content_page .hero_glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.content_page .hero_glow_left{left:-160px;bottom:-230px;width:520px;height:520px;background:radial-gradient(circle,rgba(19,216,167,.2),rgba(19,216,167,0) 68%)}
.content_page .hero_glow_right{right:-120px;top:-260px;width:620px;height:620px;background:radial-gradient(circle,rgba(64,158,255,.18),rgba(64,158,255,0) 68%)}
.content_page .content_hero:after{content:"";position:absolute;right:7%;top:34px;width:280px;height:280px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.015)}
.content_page .breadcrumb_box{display:flex;align-items:center;gap:10px;padding-top:24px;font-size:13px;color:rgba(255,255,255,.48)}
.content_page .breadcrumb_box a{color:rgba(255,255,255,.66)}
.content_page .breadcrumb_box a:hover{color:#fff!important}
.content_page .breadcrumb_box i{font-size:11px}
.content_page .hero_copy{padding:38px 0 46px}
.content_page .hero_eyebrow,.content_page .section_kicker,.content_page .aside_header span{display:block;color:#13d8a7;font-size:11px;font-weight:700;line-height:1;letter-spacing:2.2px}
.content_page .hero_copy h1{margin-top:17px;color:#fff;font-size:38px;font-weight:600;line-height:1.28;letter-spacing:-1px}
.content_page .hero_copy>p{margin-top:17px;color:rgba(255,255,255,.62);font-size:15px;line-height:1.9}
.content_page .hero_meta{display:flex;align-items:center;gap:14px;margin-top:24px;color:rgba(255,255,255,.5);font-size:13px}
.content_page .hero_meta strong{margin-right:3px;color:#fff;font-size:16px}
.content_page .hero_meta i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.35)}
.content_page .content_nav{position:relative;z-index:4;height:72px;background:#fff;border-bottom:1px solid #edf0f5;box-shadow:0 5px 20px rgba(21,32,56,.03)}
.content_page .content_type{display:flex;align-items:center;height:100%;gap:12px}
.content_page .content_type h2{height:40px}
.content_page .content_type h2 a{display:block;padding:0 22px;height:40px;border-radius:20px;color:#5f697b;font-size:14px;font-weight:500;line-height:40px;transition:all .25s ease}
.content_page .content_type h2 a:hover{background:#f0fbf8;color:#13b98f!important}
.content_page .content_type h2.active a{background:#12c99e;color:#fff;box-shadow:0 7px 18px rgba(19,216,167,.22)}
.content_page .content_type h2.active a:hover{color:#fff!important}
.content_page .content_layout{display:grid;grid-template-columns:minmax(0,824px) 336px;gap:40px;align-items:start;padding-top:42px;padding-bottom:72px}
.content_page .content_box{min-width:0;padding:30px 32px 34px;background:#fff;border:1px solid #edf0f5;border-radius:16px;box-shadow:0 10px 35px rgba(28,42,73,.05)}
.content_page .section_header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #edf0f5}
.content_page .section_header h2{margin-top:10px;color:#172033;font-size:25px;font-weight:600;line-height:1}
.content_page .section_count{color:#9ba3b2;font-size:12px}
.content_page .article_list li{padding:24px 0;border-bottom:1px solid #edf0f5}
.content_page .article_card{display:grid;grid-template-columns:218px minmax(0,1fr);gap:24px}
.content_page .img_box{position:relative;width:218px;height:142px;background:linear-gradient(135deg,#eef2f7,#e3e9f1);border-radius:10px;overflow:hidden}
.content_page .img_box:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(9,18,33,.28))}
.content_page .img_box img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.content_page .article_card:hover .img_box img{transform:scale(1.045)}
.content_page .article_card .content{display:flex;min-width:0;flex-direction:column;padding:3px 0 2px}
.content_page .article_card h3{display:-webkit-box;overflow:hidden;color:#202a3c;font-size:18px;font-weight:600;line-height:1.55;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .2s ease}
.content_page .article_card:hover h3{color:#0eb88f}
.content_page .article_card .content>p{display:-webkit-box;overflow:hidden;margin-top:8px;color:#7b8494;font-size:13px;line-height:1.75;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.content_page .content_footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;color:#9ba3b2;font-size:12px}
.content_page .content_f_l{display:flex;align-items:center;gap:18px}
.content_page .view_count i{margin-right:6px;font-size:13px}
.content_page .read_more{color:#566174;font-weight:500;transition:color .2s ease}
.content_page .read_more i{margin-left:3px;font-size:11px}
.content_page .article_card:hover .read_more{color:#0eb88f}
.content_page .empty_state{padding:100px 20px;text-align:center}
.content_page .empty_state>i{color:#ccd3de;font-size:44px}
.content_page .empty_state h3{margin-top:16px;color:#4d586b;font-size:17px;font-weight:500}
.content_page .empty_state p{margin-top:7px;color:#a0a8b6;font-size:13px}
.content_page .pages_box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:32px}
.content_page .pages_box a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border:1px solid #e6eaf0;border-radius:7px;background:#fff;color:#687386;font-size:13px;transition:all .2s ease}
.content_page .pages_box a:hover{border-color:#13c99f;background:#f0fbf8;color:#10b88f!important}
.content_page .pages_box .active{border-color:#13c99f;background:#13c99f;color:#fff;box-shadow:0 5px 14px rgba(19,201,159,.2)}
.content_page .pages_box .active:hover{background:#13c99f;color:#fff!important}
.content_page .pages_box .more{color:#a1a9b7}
.content_page .pages_prev i{margin-right:4px}
.content_page .pages_next i{margin-left:4px}
.content_page .content_aside{min-width:0}
.content_page .content_aside_fixed{position:sticky;top:86px}
.content_page .ad_box{position:relative;margin-bottom:20px;border-radius:14px;box-shadow:0 10px 30px rgba(28,42,73,.08);overflow:hidden}
.content_page .ad_box:after{content:"广告";position:absolute;right:8px;top:8px;padding:2px 5px;border-radius:3px;background:rgba(0,0,0,.25);color:rgba(255,255,255,.8);font-size:10px;line-height:14px}
.content_page .ad_box img{display:block;width:100%}
.content_page .aside_box{padding:20px 22px 14px;background:#fff;border:1px solid #edf0f5;border-radius:16px;box-shadow:0 10px 35px rgba(28,42,73,.05)}
.content_page .aside_header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #edf0f5}
.content_page .aside_header h3{margin-top:8px;color:#202a3c;font-size:19px;font-weight:600}
.content_page .aside_header>i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#effbf8;color:#12bd94;font-size:15px}
.content_page .aside_box ul{padding-top:5px}
.content_page .aside_box li{display:flex;align-items:flex-start;gap:13px;padding:7px 0}
.content_page .hot_index{flex:0 0 22px;padding-top:1px;color:#b2b9c5;font-size:12px;font-weight:700;font-style:italic;line-height:20px}
.content_page .hot_index.top{color:#10c397}
.content_page .aside_box li a{display:block;min-width:0;overflow:hidden;color:#4c576a;font-size:13px;line-height:1.65;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}
.content_page .aside_box li a:hover{color:#10b98f!important}
.content_page .resume_cta{position:relative;margin-top:20px;padding:26px 24px;background:linear-gradient(135deg,#14233d,#173452);border-radius:16px;box-shadow:0 14px 32px rgba(18,35,61,.16);overflow:hidden}
.content_page .resume_cta:after{content:"";position:absolute;right:-48px;bottom:-62px;width:170px;height:170px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.025)}
.content_page .cta_badge{position:relative;z-index:1;display:inline-block;padding:5px 9px;border-radius:5px;background:rgba(19,216,167,.13);color:#38dfb7;font-size:11px;font-weight:500}
.content_page .resume_cta h3{position:relative;z-index:1;margin-top:14px;color:#fff;font-size:19px;font-weight:600}
.content_page .resume_cta p{position:relative;z-index:1;margin-top:9px;color:rgba(255,255,255,.56);font-size:12px;line-height:1.8}
.content_page .resume_cta a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:9px 15px;border:1px solid rgba(255,255,255,.8);border-radius:7px;color:#fff;font-size:13px;font-weight:500;transition:all .22s ease}
.content_page .resume_cta a:hover{border-color:#fff;background:#fff;color:#173452!important;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.content_page .resume_cta a i{margin-left:5px;font-size:11px}

@media screen and (max-width:1240px){
  .content_page .page_w{width:calc(100% - 48px)}
  .content_page .content_layout{grid-template-columns:minmax(0,1fr) 310px;gap:28px}
}
@media screen and (max-width:980px){
  .content_page .content_hero{min-height:270px}
  .content_page .hero_copy{padding:34px 0 42px}
  .content_page .hero_copy h1{font-size:28px}
  .content_page .content_nav{height:68px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .content_page .content_nav::-webkit-scrollbar{display:none}
  .content_page .content_type{width:max-content;min-width:100%;margin:0;padding:0 24px}
  .content_page .content_type h2{flex:0 0 auto}
  .content_page .content_type h2 a{padding:0 18px}
  .content_page .content_layout{display:block;padding-top:28px;padding-bottom:50px}
  .content_page .content_aside{margin-top:24px}
  .content_page .content_aside_fixed{position:static}
  .content_page .resume_cta{display:none}
}
@media screen and (max-width:640px){
  .content_page .page_w{width:calc(100% - 32px)}
  .content_page .content_hero{min-height:250px}
  .content_page .content_hero:after{display:none}
  .content_page .breadcrumb_box{padding-top:18px}
  .content_page .hero_copy{padding:30px 0 34px}
  .content_page .hero_copy h1{margin-top:13px;font-size:22px;line-height:1.4;letter-spacing:-.5px}
  .content_page .hero_copy>p{margin-top:12px;font-size:12px;line-height:1.75}
  .content_page .hero_meta{margin-top:18px}
  .content_page .hero_meta span:last-child,.content_page .hero_meta i{display:none}
  .content_page .content_nav{height:62px}
  .content_page .content_type{width:max-content;min-width:100%;margin:0;padding:0 16px;gap:8px}
  .content_page .content_type h2{height:36px}
  .content_page .content_type h2 a{height:36px;padding:0 15px;font-size:13px;line-height:36px}
  .content_page .content_layout{width:100%;padding-top:16px}
  .content_page .content_box{padding:22px 16px 26px;border-right:0;border-left:0;border-radius:0;box-shadow:none}
  .content_page .section_header{padding-bottom:18px}
  .content_page .section_header h2{font-size:21px}
  .content_page .section_kicker{font-size:9px}
  .content_page .article_list li{padding:18px 0}
  .content_page .article_card{grid-template-columns:116px minmax(0,1fr);gap:14px}
  .content_page .img_box{width:116px;height:94px;border-radius:8px}
  .content_page .article_card .content{padding:0}
  .content_page .article_card h3{font-size:15px;line-height:1.5}
  .content_page .article_card .content>p{margin-top:5px;font-size:12px;line-height:1.55;-webkit-line-clamp:1}
  .content_page .content_footer{padding-top:7px}
  .content_page .article_date,.content_page .read_more{display:none}
  .content_page .pages_box{gap:5px;padding-top:24px}
  .content_page .pages_box a{min-width:32px;height:32px;padding:0 8px}
  .content_page .pages_prev,.content_page .pages_next{font-size:0!important}
  .content_page .pages_prev i,.content_page .pages_next i{margin:0;font-size:12px}
  .content_page .content_aside{margin:16px 16px 0}
  .content_page .aside_box{padding:18px 20px 12px}
}