/* 未冉企服设计系统 v1：独立视觉层，不改变页面结构、路由和业务逻辑。 */
:root{
  --wr-blue:#1677e8;--wr-blue-deep:#1267c9;--wr-ink:#17233a;--wr-text:#334155;
  --wr-muted:#64748b;--wr-bg:#f5f7fb;--wr-card:#fff;--wr-line:#e6edf5;
  --wr-radius:14px;--wr-control-radius:10px;--wr-shadow:0 10px 30px rgba(31,67,122,.08)
}
html,body,#app{min-height:100%;background:var(--wr-bg);color:var(--wr-text)}
body{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif!important}
*{scroll-behavior:auto}

/* Portal shell */
.portal-layout{background:var(--wr-bg)!important}
.portal-layout .portal-header,.portal-layout header{box-shadow:0 1px 0 rgba(20,65,118,.08)!important}
.portal-layout .nav-links .nav-item{border-radius:9px!important;font-weight:650!important;letter-spacing:.01em!important}
.portal-layout .nav-links .nav-item:hover,.portal-layout .nav-route-active{background:rgba(255,255,255,.16)!important}
.portal-layout input,.portal-layout select,.portal-layout .el-input__wrapper,.portal-layout .el-select__wrapper{
  border-radius:var(--wr-control-radius)!important;box-shadow:inset 0 0 0 1px var(--wr-line)!important
}
.portal-layout button,.portal-layout .el-button{border-radius:var(--wr-control-radius)!important;font-weight:650!important}
.portal-layout .section-wrap{max-width:1180px!important}
.portal-layout .section-title,.portal-layout .c-title-wrapper{color:var(--wr-ink)!important;letter-spacing:-.025em}
.portal-layout .section-title:before{background:var(--wr-blue)!important;border-radius:99px!important}

/* Home: restrained cards and whitespace */
.portal-layout .product-card,.portal-layout .news-card,.portal-layout .course-card{
  border:1px solid var(--wr-line)!important;border-radius:var(--wr-radius)!important;box-shadow:0 4px 16px rgba(31,67,122,.04)!important;overflow:hidden
}
.portal-layout .product-card:hover,.portal-layout .news-card:hover,.portal-layout .course-card:hover{
  transform:translateY(-3px)!important;box-shadow:var(--wr-shadow)!important;border-color:#cfe2fa!important
}
.portal-layout .modern-footer{margin-top:56px!important;border-top:1px solid var(--wr-line)!important}

/* Workbench family: apps, assessments, services */
.portal-app-hub,.services-page,.assessment-hub{background:var(--wr-bg)!important}
.hub-hero,.ah-hero,.service-hero{
  background:linear-gradient(118deg,#0e4f99 0%,#1677e8 62%,#4399ef 100%)!important;
  min-height:220px!important;display:flex!important;align-items:center!important
}
.hub-hero:before,.ah-hero:before,.service-hero:before{opacity:.08!important}
.hub-hero h1,.ah-hero h1,.service-hero h1{letter-spacing:-.04em!important;text-shadow:none!important}
.hub-grid-wrapper,.ah-grid-wrapper{
  border:1px solid var(--wr-line)!important;border-radius:var(--wr-radius)!important;box-shadow:var(--wr-shadow)!important
}
.app-card,.ah-card,.service-card{
  background:var(--wr-card)!important;border:1px solid var(--wr-line)!important;border-radius:var(--wr-radius)!important;box-shadow:0 3px 12px rgba(31,67,122,.035)!important
}
.app-card:hover,.ah-card:hover,.service-card:hover{
  transform:translateY(-4px)!important;border-color:#bedcff!important;box-shadow:var(--wr-shadow)!important
}
.app-card h3,.ah-card h3,.service-card h3{color:var(--wr-ink)!important}
.app-card p,.ah-card p,.service-card p{color:var(--wr-muted)!important;line-height:1.75!important}

/* Long document family: news and about */
.portal-news,.portal-about{background:var(--wr-bg)!important;color:var(--wr-text)!important}
.news-banner,.about-hero{
  background:linear-gradient(120deg,#edf6ff 0%,#f8fbff 55%,#e9f4ff 100%)!important;
  border-bottom:1px solid #deebf8!important
}
.news-banner-inner,.about-hero-inner{padding-top:54px!important;padding-bottom:54px!important}
.news-banner h1,.about-hero h1{color:var(--wr-ink)!important;letter-spacing:-.045em!important;text-shadow:none!important}
.news-banner p,.about-hero p{color:var(--wr-muted)!important;line-height:1.8!important}
.news-container,.about-content{max-width:1180px!important}
.news-sidebar,.news-main,.info-card,.stat-card{
  background:var(--wr-card)!important;border:1px solid var(--wr-line)!important;border-radius:var(--wr-radius)!important;box-shadow:0 4px 16px rgba(31,67,122,.04)!important
}
.news-card{border-color:var(--wr-line)!important;border-radius:12px!important;box-shadow:none!important}
.news-card:hover{border-color:#beddff!important;box-shadow:0 8px 22px rgba(31,67,122,.07)!important}
.news-card h2,.news-card h3,.info-card h2,.info-card h3{color:var(--wr-ink)!important}
.news-card p,.news-card .news-excerpt,.info-card p{color:var(--wr-muted)!important;line-height:1.8!important}
.news-sidebar .active,.news-sidebar .is-active,.page-btn.active{background:#edf6ff!important;color:var(--wr-blue)!important;border-radius:8px!important}
.stat-card{box-shadow:none!important}

/* Product family */
.invoice-detail-page,.bidmaster-detail-page{background:var(--wr-bg)!important;color:var(--wr-ink)!important}
.invoice-detail-page .portal-nav,.bidmaster-detail-page .portal-nav{box-shadow:0 1px 0 var(--wr-line)!important;backdrop-filter:none!important}
.invoice-detail-page .hero,.bidmaster-detail-page .hero{padding:34px 24px 26px!important}
.invoice-detail-page .hero-layout,.bidmaster-detail-page .hero-layout{
  border:1px solid #dce9f8!important;border-radius:18px!important;box-shadow:var(--wr-shadow)!important;overflow:hidden
}
.invoice-detail-page .section-title,.bidmaster-detail-page .section-title{color:var(--wr-ink)!important;letter-spacing:-.035em!important}
.invoice-detail-page .section-subtitle,.bidmaster-detail-page .section-subtitle{color:var(--wr-muted)!important;line-height:1.8!important}
.invoice-detail-page .comparison-card,.invoice-detail-page .mode-card,.invoice-detail-page .download-card,.invoice-detail-page .testimonial-card,.invoice-detail-page .pricing-card,
.bidmaster-detail-page .highlight-block,.bidmaster-detail-page .faq-item,.bidmaster-detail-page .download-card{
  border-color:var(--wr-line)!important;border-radius:var(--wr-radius)!important;box-shadow:0 5px 18px rgba(31,67,122,.045)!important
}
.invoice-detail-page .btn-primary,.invoice-detail-page .btn-download-highlight,.bidmaster-detail-page .btn-primary,.bidmaster-detail-page .btn-download-highlight{
  background:var(--wr-blue)!important;box-shadow:none!important;border-radius:10px!important
}
.invoice-detail-page .btn-primary:hover,.invoice-detail-page .btn-download-highlight:hover,.bidmaster-detail-page .btn-primary:hover,.bidmaster-detail-page .btn-download-highlight:hover{background:var(--wr-blue-deep)!important;transform:translateY(-1px)!important}

/* Login: quiet, focused work area */
.login-container{background:linear-gradient(135deg,#edf5ff 0%,#f8fbff 52%,#eef7ff 100%)!important}
.login-bg{opacity:.18!important}
.login-card{border:1px solid rgba(211,226,245,.95)!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(31,80,139,.12)!important}
.login-header h1,.login-card h1{color:var(--wr-ink)!important;letter-spacing:-.035em!important}
.login-btn{background:var(--wr-blue)!important;border-radius:10px!important;box-shadow:none!important}
.login-btn:hover{background:var(--wr-blue-deep)!important}

@media (max-width:768px){
  .hub-hero,.ah-hero,.service-hero{min-height:180px!important}
  .invoice-detail-page .hero,.bidmaster-detail-page .hero{padding:20px 16px!important}
  .portal-layout .section-wrap{padding-left:16px!important;padding-right:16px!important}
  .news-banner-inner,.about-hero-inner{padding-top:38px!important;padding-bottom:38px!important}
}