/* Shared PC chrome and homepage widgets follow the approved sky-blue prototype. */
body.ai-desktop #ai-chrome,body.ai-desktop #ai-chrome #hd{background:#f5f9fc!important}
.ai-home-announcement{background:#f5f9fc}
.ai-home-announcement .announcement{display:flex;align-items:center;gap:10px;min-height:45px;border-bottom:1px solid #eadfc92b;color:#b58642}
.ai-home-announcement .announcement>.icon{width:16px;height:16px;flex-shrink:0;color:#cf9e5a}
.ai-home-announcement .announcement>strong{font-size:11px;flex-shrink:0;font-weight:700}
.ai-home-announcement .ai-announcement-source{flex:1;min-width:0;overflow:hidden;font-size:11px;color:#9b835f}
.ai-home-announcement .wp,.ai-home-announcement .area,.ai-home-announcement .frame,.ai-home-announcement .column,.ai-home-announcement .title{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;float:none!important;box-shadow:none!important;border-radius:0!important;box-sizing:border-box}
.ai-home-announcement .title{height:auto!important;line-height:1.65!important;font-size:11px!important}
.ai-home-announcement .titletext{display:block!important;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#9b835f!important;font-size:11px!important;font-weight:400!important;line-height:1.65!important}
.ai-home-announcement .announcement>a{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:10px;color:#9d8c70}
.ai-home-announcement .announcement>a .icon{width:12px;height:12px}
.ai-home-announcement .temp:empty{display:none}
body.ai-desktop #pt{font-size:11px;color:#94a6b3;border:0!important;background:transparent!important;box-shadow:none;margin:0!important;min-height:45px;height:auto;line-height:45px;padding:0!important}
body.ai-desktop #pt .z{display:flex;align-items:center;gap:9px;float:none;flex-wrap:wrap}
body.ai-desktop #pt .z>a{font-size:11px;color:#94a6b3}
body.ai-desktop #pt .z>em{float:none;background:none;width:auto;padding:0;margin:0;font-size:11px;color:#94a6b3}
body.ai-desktop #pt .z>em:after{content:none}
body.ai-desktop #pt .nvhm{width:13px!important;height:13px!important;min-width:13px;line-height:13px!important;overflow:hidden;float:none;flex-shrink:0;padding:0!important;background:url('icons/grid.svg') center/13px no-repeat!important;font-size:0!important;opacity:.65}
body.ai-desktop #pt .nvhm:before,body.ai-desktop #pt .nvhm:after{display:none!important}
.ai-desktop .breadcrumb{font-size:11px;color:#94a6b3}
.ai-desktop .breadcrumb>a{display:flex;align-items:center;gap:7px;color:#94a6b3}
.ai-desktop .breadcrumb .icon{width:13px;height:13px;color:#7b9aaf}
.ai-portal-live .feature-caption h1>a,.ai-portal-live .compact-list a,.ai-portal-live .recommend-item h3,.ai-portal-live .activity-list h3 a,.ai-portal-live .picture-grid h3{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;-webkit-line-clamp:unset!important;max-height:none!important}
.ai-portal-live .feature-caption h1{font-size:21px;line-height:1.5;font-weight:700}
.ai-portal-live .editorial-body{grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}
.ai-portal-live .editorial-body>.area{width:100%!important;min-width:0}
.ai-portal-live .editorial-body>div:last-child,.ai-portal-live .editorial-body>div:last-child>.area{width:100%;min-width:0}
.ai-portal-live .editorial .compact-list>li{min-height:29px;height:auto;padding:4px 0;font-size:12px;line-height:1.8;align-items:flex-start}
.ai-portal-live .editorial .compact-list>li:before{margin-top:7px;flex-shrink:0}
.ai-portal-live .editorial .compact-list>li>div{width:100%;min-width:0}
.ai-portal-live .editorial .ai-editorial-title{position:static;display:block;color:#56768c;background:#f3faff;padding:9px;font-size:10px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
.ai-portal-live .editorial-cover{min-height:0;border:1px solid #e1eef5;border-radius:7px}
.ai-portal-live .editorial-cover img{height:120px;display:block}
.ai-portal-live .rank-list a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:600px){
 .ai-home-announcement .announcement{min-height:38px;gap:6px}
 .ai-home-announcement .announcement>.icon{width:13px;height:13px}
 .ai-home-announcement .announcement>strong,.ai-home-announcement .titletext,.ai-home-announcement .title{font-size:9px!important}
 .ai-home-announcement .announcement>a{font-size:0}
 .ai-home-announcement .announcement>a .icon{width:12px;height:12px}
 .ai-portal-live .feature-caption h1{font-size:18px}
 .ai-portal-live .editorial-body{grid-template-columns:80px minmax(0,1fr);gap:12px}
 .ai-portal-live .editorial-cover img{height:95px}
 .ai-portal-live .editorial .compact-list>li{font-size:11px;line-height:1.8;padding:4px 0}
 .ai-portal-live .editorial .ai-editorial-title{font-size:9px;padding:6px}
}
body.ai-desktop #wp .ai-home-announcement .wrap{width:100%!important;max-width:none!important}
body.ai-desktop #wp{width:min(1200px,calc(100% - 56px))!important}
@media(max-width:700px){body.ai-desktop #wp{width:calc(100% - 28px)!important}}
#ai-chrome #qmenu:after{display:none!important}
body.ai-desktop #pt a.nvhm.ai-home-crumb{width:auto!important;min-width:0;display:inline-flex;align-items:center;gap:7px;background:none!important;font-size:11px!important;overflow:visible;opacity:1;line-height:18px!important;height:auto!important}
body.ai-desktop #pt a.nvhm.ai-home-crumb:before{content:"";display:inline-block!important;flex-shrink:0;width:13px;height:13px;background:url('icons/grid.svg') center/13px no-repeat;opacity:.65}
/* Legacy breadcrumb anchors had unequal heights and top margins. */
body.ai-desktop #pt .z{min-height:45px;line-height:18px;align-items:center;gap:9px}
body.ai-desktop #pt .z>a,body.ai-desktop #pt .z>em,body.ai-desktop #pt .z>span{display:inline-flex;align-items:center;float:none!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;height:auto!important;min-height:0;line-height:18px!important;vertical-align:middle}
body.ai-desktop #pt .z>a.nvhm.ai-home-crumb{height:18px!important;line-height:18px!important;margin:0!important}
.ai-home-banner-art{display:block;width:100%}.ai-home-banner-art img{display:block;width:100%!important;height:60px!important;object-fit:fill!important}
@media(max-width:650px){.ai-home-banner-art img{height:70px!important}.ai-mobile :is(#portal_block_64,#portal_block_65,#portal_block_68):has(.ai-home-banner-art){--ai-banner-height:70px!important}}
