/* Shared public-site skin. Business components, auth and API calls stay intact. */
:root{--wr-blue:#365fe0;--wr-blue-deep:#284cc3;--wr-ink:#233653;--wr-text:#435772;--wr-muted:#71819a;--wr-bg:#f6f7f9;--wr-line:#dfe6f0;--wr-radius:9px;--wr-shadow:0 14px 40px #3458870b}
.portal-layout{font-family:Inter,'Microsoft YaHei','PingFang SC',sans-serif!important;background:#f6f7f9!important}
.portal-layout .brand-bar{background:#fff!important;border-bottom:1px solid #edf0f6!important;padding:0!important}
.portal-layout .brand-bar-inner{max-width:1280px!important;min-height:88px!important;padding:16px 32px!important}
.portal-layout .brand-mark{box-shadow:none!important;background:#365fe0!important;border-radius:7px!important;color:white!important;font-size:0!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important}.portal-layout .brand-mark:after{content:'W';font:500 27px Arial}.portal-layout .brand-mark>*{display:none!important}
.portal-layout .brand-text{color:#213856!important}.portal-layout .brand-text h1,.portal-layout .brand-text h2,.portal-layout .brand-text strong{font-size:23px!important;letter-spacing:1px!important}.portal-layout .brand-text p{font-size:11px!important;color:#8999b0!important}
.portal-layout .auth-link{background:#fff!important;color:#34568e!important;border:1px solid #cbd7e9!important;border-radius:6px!important;padding:10px 18px!important;font-weight:500!important}
.portal-layout .topbar{background:#fff!important;border-bottom:1px solid #e0e7f1!important;box-shadow:none!important;position:relative!important}
.portal-layout .topbar-inner{max-width:1280px!important;padding:10px 32px!important;gap:24px!important;flex-wrap:wrap!important}.portal-layout .nav-links{gap:6px!important}.portal-layout .nav-links .nav-item{color:#5e7089!important;font-size:14px!important;font-weight:500!important;background:transparent!important;padding:11px 15px!important;border-radius:6px!important}.portal-layout .nav-links .nav-item:hover,.portal-layout .nav-links .nav-item.router-link-exact-active,.portal-layout .nav-route-active{background:#edf2fd!important;color:#365fe0!important}
.portal-layout .dropdown{background:white!important;color:#425c80!important;border:1px solid #dfe7f2!important;box-shadow:0 12px 35px #29456e14!important;border-radius:8px!important}.portal-layout .dropdown a{color:#4c6387!important}.portal-layout .dropdown a:hover{background:#eef3fc!important}
.portal-layout .search-input,.portal-layout .search-select{background:#f7f9fc!important;color:#526785!important;border:1px solid #dfe6f0!important;font-size:12px!important}.portal-layout .search-btn{background:#365fe0!important;color:white!important;font-weight:500!important}
.portal-layout :is(.hub-hero,.ah-hero,.service-hero,.news-banner,.about-hero,.detail-header,.search-hero,.updates-banner){background:radial-gradient(ellipse at 90% 0,#cadcff88,transparent 65%),linear-gradient(120deg,#edf2fb,#f6f7f9)!important;border-bottom:1px solid #e2e8f2!important;color:#243856!important;min-height:220px!important}
.portal-layout :is(.hub-hero,.ah-hero,.service-hero,.news-banner,.about-hero,.detail-header,.search-hero,.updates-banner) h1{color:#243856!important;font-size:clamp(30px,3vw,46px)!important;font-weight:500!important;letter-spacing:-1.5px!important;text-shadow:none!important}
.portal-layout :is(.hub-hero,.ah-hero,.service-hero,.news-banner,.about-hero,.detail-header,.search-hero,.updates-banner) p{color:#75869f!important;font-size:15px!important;line-height:1.9!important}
.portal-layout :is(.news-banner-inner,.about-hero-inner,.hub-hero-inner,.ah-hero-inner,.search-hero-inner){padding-top:55px!important;padding-bottom:55px!important}
.portal-layout :is(.news-container,.detail-container,.about-content,.services-main,.search-main){max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
.portal-layout :is(.news-sidebar,.news-main,.article-main,.sidebar-widget,.filter-panel,.hub-grid-wrapper,.ah-grid-wrapper,.info-card){border:1px solid #e0e7f0!important;border-radius:9px!important;box-shadow:none!important;background:white!important}
.portal-layout :is(.news-card,.app-card,.ah-card,.service-card,.compact-result-card,.news-result-card,.feature-card){border:1px solid #e0e7f0!important;border-radius:9px!important;box-shadow:none!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}
.portal-layout :is(.news-card,.app-card,.ah-card,.service-card,.compact-result-card):hover{transform:translateY(-3px)!important;border-color:#b3c7ee!important;box-shadow:0 12px 28px #29466e0c!important}
.portal-layout :is(.news-card,.app-card,.ah-card,.service-card) :is(h2,h3){font-weight:500!important;color:#2e4362!important}.portal-layout :is(.nc-tag,.ah-category,.ac-category,.level-badge){background:#edf2fc!important;color:#5074bd!important;border-radius:4px!important}
.portal-layout .article-content{color:#41546e!important;line-height:1.95!important;font-size:16px!important}.portal-layout .article-content img{max-width:100%!important;height:auto!important}.portal-layout .article-content a{color:#365fe0!important;text-decoration:underline}.portal-layout .article-content table{display:block;overflow-x:auto;max-width:100%}
.portal-layout :is(.invoice-detail-page,.bidmaster-detail-page,.portal-product,.product-docs-page){background:#f6f7f9!important;color:#243856!important}.portal-layout :is(.portal-nav,.product-docs-page nav){background:#ffffffef!important;border-bottom:1px solid #e0e7f1!important;box-shadow:none!important}.portal-layout :is(.invoice-detail-page,.bidmaster-detail-page) .hero-layout{background:linear-gradient(120deg,#e8effd,#f4f7fd)!important;border-radius:12px!important;border:1px solid #dce5f4!important;box-shadow:none!important}.portal-layout :is(.invoice-detail-page,.bidmaster-detail-page,.portal-product) .hero h1{color:#243856!important;font-weight:500!important}.portal-layout :is(.btn-primary,.btn-download-highlight){background:#365fe0!important;color:#fff!important;border-radius:6px!important;box-shadow:none!important}
.portal-layout a:focus-visible,.portal-layout button:focus-visible{outline:2px solid #365fe0!important;outline-offset:3px}.portal-layout .modern-footer{background:white!important;border-top:1px solid #e1e7f0!important;color:#6c7f99!important}
@media(max-width:768px){.portal-layout .brand-bar-inner{min-height:72px!important;padding:12px 16px!important}.portal-layout .topbar-inner{padding:8px 12px!important;gap:10px!important}.portal-layout .nav-links{display:flex!important;flex-wrap:wrap!important;gap:2px!important}.portal-layout .nav-links .nav-item{font-size:12px!important;padding:9px!important}.portal-layout :is(.news-container,.detail-container,.about-content,.services-main,.search-main){padding-left:16px!important;padding-right:16px!important}.portal-layout :is(.hub-hero,.ah-hero,.service-hero,.news-banner,.about-hero,.detail-header,.search-hero){min-height:180px!important}.portal-layout .search-bar-inner{max-width:100%!important;flex-wrap:wrap!important}.portal-layout .search-input{min-width:100px!important;width:auto!important;flex:1!important}}
@media(prefers-reduced-motion:reduce){.portal-layout *{transition:none!important;scroll-behavior:auto!important}}