/* Portal channel and discovery panels. Original implementation for this theme. */
.portal-channels{position:relative;z-index:4;background:#fff;border-bottom:1px solid #edf0f5;box-shadow:0 8px 22px rgba(21,34,50,.035)}
.portal-channels-inner{display:flex;align-items:center;gap:18px;max-width:1360px;margin:0 auto;padding:0 30px;min-height:55px}
.portal-channel-menu{display:flex;gap:5px;flex:1;align-items:center;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}
.portal-channel-menu li{margin:0}
.portal-channel-menu a{display:block;padding:8px 12px;border-radius:8px;color:#586174;font-size:14px;transition:color .2s,background .2s}
.portal-channel-menu a:hover,.portal-channel-menu .current-menu-item>a{color:#7655eb;background:#f1eeff}
.portal-contribute{display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 11px;border:1px solid #ddd6ff;border-radius:8px;color:#7655eb;font-size:13px;white-space:nowrap}
.portal-contribute:hover{background:#7655eb;color:#fff}
.portal-welcome{display:inline-flex;align-items:center;gap:8px;color:#848b98;font-size:13px;line-height:60px}
.portal-welcome i{color:#7655eb}
.portal-featured{max-width:1360px;margin:26px auto 15px;padding:0 30px}
.portal-featured-tabs{display:flex;gap:22px;border-bottom:1px solid #e7ebf1;margin-bottom:0}
.portal-featured-tabs button{padding:0 1px 12px;border:0;border-bottom:2px solid transparent;background:none;color:#8b93a1;font-size:15px;cursor:pointer}
.portal-featured-tabs button i{margin-right:7px}
.portal-featured-tabs button.is-active{border-bottom-color:#7655eb;color:#2c3442;font-weight:600}
.portal-featured-panel{padding-top:17px}
.portal-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.portal-mini-card{display:flex;align-items:center;min-width:0;background:#fff;border:1px solid #e7ebf1;border-radius:11px;transition:transform .2s,box-shadow .2s}
.portal-mini-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(28,37,54,.08)}
.portal-mini-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:12px}
.portal-mini-main img{width:34px;height:34px;flex:none;border-radius:9px;object-fit:cover;background:#f0f2f6}
.portal-mini-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.portal-mini-copy strong,.portal-mini-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-mini-copy strong{color:#343a46;font-size:14px;font-weight:600}
.portal-mini-copy small{color:#949ba6;font-size:12px}
.portal-direct{display:grid;place-items:center;width:38px;align-self:stretch;border-left:1px solid #edf0f4;color:#9aa1ad}
.portal-direct:hover{color:#7655eb;background:#faf9ff}
.sites-list{max-width:1360px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
.sites-list .xe-card{margin-top:13px}
.sites-list .xe-widget.xe-conversations{margin:0}
.sites-list .xe-widget.xe-conversations{padding-right:50px}
.portal-card-arrow{position:absolute;top:0;right:0;bottom:0;display:grid;place-items:center;width:38px;border-left:1px solid #edf0f4;color:#9aa1ad;transition:color .2s,background .2s}
.xe-widget:hover .portal-card-arrow{background:#faf9ff;color:#7655eb}
.sites-list .row{margin-left:-7px;margin-right:-7px}
.sites-list .xe-card{padding-left:7px;padding-right:7px}
@media (max-width:991px){.portal-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-channels-inner,.portal-featured,.sites-list{padding-left:20px;padding-right:20px}}
@media (max-width:640px){.portal-channels-inner{padding:0 14px;gap:8px}.portal-channel-menu a{padding:8px 9px}.portal-contribute{font-size:0;padding:8px 10px}.portal-contribute i{font-size:14px;margin:0}.portal-featured,.sites-list{padding-left:14px;padding-right:14px}.portal-mini-grid{grid-template-columns:1fr}.portal-featured{margin-top:18px}.portal-welcome{font-size:12px}.sites-list .xe-card{margin-top:10px}}

/* ACG portal dark layout: custom styling, separate from reference-site assets. */
html,body,body.page-body{background:#18191d;color:#c9cbd1}
body.page-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
body.page-body a{color:#c9cbd1}
.page-container .main-content{background:#18191d;padding:30px;padding-top:30px}
.sidebar-menu{width:200px;background:#2d2f33}
.sidebar-menu .logo-env{height:72px;padding:20px 20px;border-color:#37393d}
.sidebar-menu .logo-env .logo-expanded img{max-width:150px;height:auto!important;max-height:32px;object-fit:contain}
.sidebar-menu .main-menu{position:relative;min-height:calc(100vh - 72px);padding:0 14px;margin-top:2px;margin-bottom:0}
.sidebar-menu .main-menu a{display:flex;align-items:center;min-height:47px;padding:0 6px;border-color:#37393d;color:#c2c5cc;font-size:14px}
.sidebar-menu .main-menu a:hover,.sidebar-menu .main-menu li.active>a{color:#fff;background:transparent}
.sidebar-menu .main-menu a>i{width:24px;margin-right:10px;font-size:18px;text-align:center;color:#c9cbd1}
.sidebar-menu .main-menu ul li a{min-height:40px;padding-left:30px;color:#a4a8b0}
.sidebar-menu .portal-sidebar-cta{position:absolute;right:0;bottom:0;left:0;padding:12px 0;border-top:1px solid #37393d}
.sidebar-menu .portal-sidebar-cta a{min-height:38px;margin:0;border-bottom:0;color:#dedfe2}
.sidebar-menu .submit-tag{display:none}
.user-info-navbar{height:72px!important;margin:-30px -30px 0!important;background:#2d2f33}
.navbar .navbar-content{position:relative;height:72px;padding:0 16px;background:#2d2f33!important;box-shadow:none}
.user-info-navbar .user-info-menu>li>a{padding:27px 10px;color:#c8cbd1}
.user-info-navbar .user-info-menu>li a[data-toggle=sidebar]{padding-left:10px;padding-right:10px}
.portal-welcome{display:none}
.portal-channels{height:72px;margin:-72px 0 0 60px;background:transparent;border:0;box-shadow:none}
.portal-channels-inner{height:72px;max-width:none;padding:0 18px;gap:0}
.portal-channel-menu{gap:17px;overflow:visible}
.portal-channel-menu a{padding:8px 0;color:#d4d6da;font-size:14px;border-radius:4px}
.portal-channel-menu a:hover,.portal-channel-menu .current-menu-item>a{color:#fff;background:#404247}
.portal-contribute{display:none}
#search{max-width:792px;margin:53px auto 47px}
#search-list{min-height:34px;margin-bottom:7px}
.s-type{width:64px}.s-type>span{width:64px}.type-text{width:64px;padding-left:4px;color:#a7abb4;font-size:14px;line-height:31px}.type-text:after{margin-left:8px;color:#737780}
.search-group{padding-left:64px}.search-type{overflow:visible!important}
.search-type li label{padding:0 14px;color:#767b85;font-size:14px;line-height:31px;border-radius:4px}
.search-type input:checked+label,.search-type input:hover+label{background:#24262a;color:#ecedf0}
.s-type-list{background:#2b2d31;box-shadow:0 9px 24px rgba(0,0,0,.3)}
.s-type-list:before{border-bottom-color:#2b2d31}.s-type-list label{color:#ced0d5}.s-type-list label:hover{background:#3a3d42}
#search-text{height:52px;padding:0 64px 0 19px;background:#111215;color:#e6e8eb;border:1px solid #1f2126;border-radius:28px;font-size:15px;box-shadow:none}
#search-text::placeholder{color:#747983}
#search button{top:5px;right:7px;width:43px;height:43px;margin:0;background:transparent;border-radius:50%}
#search button:hover{background:#2b2d32}#search button i{font-size:18px;color:#f1f2f4}
.portal-featured,.sites-list{max-width:1420px;padding-left:14px;padding-right:14px}
.portal-featured{margin-top:0}.portal-featured-tabs{border-color:#292b30;gap:22px}
.portal-featured-tabs button{padding-bottom:11px;color:#727782;font-size:14px}.portal-featured-tabs button.is-active{color:#f0f1f3;border-color:#8c6cf0}
.portal-featured-panel{padding-top:17px}.portal-mini-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 28px}
.portal-mini-card{min-height:70px;background:#25272b;border:0;border-radius:9px}.portal-mini-card:hover{background:#2c2f34;box-shadow:0 14px 28px rgba(0,0,0,.22)}
.portal-mini-main{padding:12px 11px}.portal-mini-main img{width:38px;height:38px;border-radius:50%;background:#383b41}.portal-mini-copy strong{color:#e2e4e7}.portal-mini-copy small{color:#898e97}
.portal-direct{border-color:#34363b;color:#696e78}.portal-direct:hover{background:#34363b;color:#f2f3f5}
.sites-list h4.text-gray{color:#cdd0d5;margin-top:34px;margin-bottom:9px;font-size:16px;font-weight:500}.sites-list h4.text-gray .icon-io-tag{color:#b4b8c0}
.sites-list .xe-card{height:70px;margin-top:13px}.sites-list .xe-widget.xe-conversations{background:#25272b;border:0;border-radius:9px;box-shadow:none}
.sites-list .xe-widget.xe-conversations:hover{background:#2c2f34!important;box-shadow:0 14px 28px rgba(0,0,0,.2)}
.sites-list .xe-user-name strong{color:#e1e3e7}.sites-list .xe-comment p{color:#858b95}.portal-card-arrow{border-color:#34363b;color:#747984}.xe-widget:hover .portal-card-arrow{background:#34363b;color:#f1f2f4}
footer.main-footer{background:#18191d!important;border-color:#292b30;color:#747984}.footer-text{color:#747984}
.btn-move{color:#878c95!important;border-color:#34363b!important;background:#25272b!important}.btn-move:hover{color:#f2f3f4!important;background:#34363b!important}
.portal-copyright-badge{position:fixed;right:0;bottom:0;z-index:20;display:flex;overflow:hidden;border:1px solid #3a3d43;border-right:0;border-bottom:0;border-radius:7px 0 0 0;background:rgba(36,38,42,.96);box-shadow:0 -5px 20px rgba(0,0,0,.16);backdrop-filter:blur(10px);font-size:12px;line-height:1}
.portal-copyright-badge span{padding:10px 7px 10px 12px;color:#9da1a9}.portal-copyright-badge strong{padding:10px 13px 10px 7px;color:#edeef0;font-weight:500}
@media (max-width:1199px){.portal-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.page-container .main-content{padding:15px;padding-top:15px}.portal-channels{height:0;margin:0;display:none}.user-info-navbar{height:0!important;margin:0!important}.portal-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#search{margin:30px auto 28px}.portal-copyright-badge{right:12px;bottom:12px}.portal-copyright-badge span{display:none}}