/* JiaNuo brand system · v17 source artwork · 2026-09-06 */
:root{--jn-paper:#faf9f6;--jn-panel:#f2f0ea;--jn-ink:#292b28;--jn-muted:#706f68;--jn-blue:#173e57;--jn-clay:#b66349;--jn-line:#dfddd5;--jn-soft:#ede7df}
body[data-jn-system]{--navy:var(--jn-blue);--blue:var(--jn-blue);--blue-d:#102f44;--cyan:var(--jn-clay);--accent:var(--jn-blue);--accent-2:var(--jn-clay);--accent-hover:#244e68;--accent-deep:var(--jn-blue);--accent-bg:#edf0ef;--accent-line:#bdcbd0;--bg:var(--jn-paper);--bg-2:var(--jn-panel);--card:#fffefa;--card-2:#f4f2ec;--ink:var(--jn-ink);--ink-2:#173e57;--muted:var(--jn-muted);--dim:#807c75;--line:var(--jn-line);--line-2:#d4d0c7;--grad:#173e57;background:var(--jn-paper);color:var(--jn-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
[data-jn-system] :focus-visible{outline:2px solid var(--jn-clay);outline-offset:3px}
.jn-logo{display:block;width:172px;height:46px;object-fit:contain;flex-shrink:0}.jn-mark{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0}
[data-jn-system] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-jn-system] select,[data-jn-system] textarea{border-color:var(--jn-line);font-family:inherit}
[data-jn-system] input:focus,[data-jn-system] select:focus,[data-jn-system] textarea:focus{border-color:var(--jn-clay)}
[data-jn-system] table{font-variant-numeric:tabular-nums}
[data-jn-system] th{background:#f1efe8;color:var(--jn-blue)}
[data-jn-system] td{border-color:#e7e4dc}
[data-jn-system] .card,[data-jn-system] .panel,[data-jn-system] .stat{box-shadow:none;border-color:var(--jn-line);border-radius:8px}
[data-jn-system] .btn:not(.red):not(.green):not(.orange):not(.gray):not(.danger):not(.warn){background:var(--jn-blue);color:#fff;box-shadow:none}
[data-jn-system] .btn:hover{box-shadow:none}
/* One-enterprise-one-file: balanced login, quiet working navigation. */
body[data-jn-system=yqyd]{--warm-canvas:var(--jn-paper);--warm-panel:var(--jn-panel);--warm-card:#fffefa;--warm-ink:var(--jn-ink);--warm-accent:var(--jn-blue);--warm-accent-dark:#102f44;--warm-accent-soft:#eae6df}
[data-jn-system=yqyd] .lg{min-height:100svh;background:var(--jn-paper)}
[data-jn-system=yqyd] .lg-brand{background:var(--jn-paper)!important;color:var(--jn-ink)!important;padding:clamp(32px,6vw,88px);border-right:1px solid var(--jn-line)}
[data-jn-system=yqyd] .lg-brand:before,[data-jn-system=yqyd] .lg-brand:after{display:none}
[data-jn-system=yqyd] .lg-logo{margin-bottom:48px;opacity:1;letter-spacing:0}
[data-jn-system=yqyd] .lg-brand h1{font-family:Georgia,"Songti SC",serif;font-weight:500;font-size:clamp(28px,3vw,42px);line-height:1.4;color:var(--jn-blue)}
[data-jn-system=yqyd] .lg-brand p{color:var(--jn-muted);font-size:15px;line-height:1.9}
[data-jn-system=yqyd] .lg-feat{color:var(--jn-muted)}
[data-jn-system=yqyd] .lg-feat .d{background:var(--jn-clay)}
[data-jn-system=yqyd] .lg-form{background:#f2f0ea!important}
[data-jn-system=yqyd] .lg-card{width:min(380px,100%);padding:28px 12px;background:transparent!important;box-shadow:none!important;border:0!important}
[data-jn-system=yqyd] .lg-card h2{font-weight:500;font-size:28px;color:var(--jn-ink)}
[data-jn-system=yqyd] .lg-card input{height:46px;border-radius:5px;background:#fffefa}
[data-jn-system=yqyd] .lg-btn{background:var(--jn-blue);height:46px;border-radius:5px}
[data-jn-system=yqyd] .side .brand{display:flex!important;flex-wrap:wrap;gap:10px!important;padding:20px 18px!important;min-height:102px}
[data-jn-system=yqyd] .side .brand:before{content:"";width:172px;height:46px;background:url('/jianuo-brand/logo-v17.svg') left center/contain no-repeat;flex-basis:100%}
[data-jn-system=yqyd] .side .brand-bar{display:none!important}
[data-jn-system=yqyd] .side .brand-copy strong{font-size:13px!important;font-weight:500!important}
[data-jn-system=yqyd] .side .brand-copy small{display:none!important}
[data-jn-system=yqyd] .side .tagrole{margin:0!important}
/* Report workbench and login. */
[data-jn-system=ai] .global-nav{height:64px;background:var(--jn-paper);backdrop-filter:none;border-bottom:1px solid var(--jn-line)}
[data-jn-system=ai] .nav-brand{gap:14px;color:var(--jn-blue)}
[data-jn-system=ai] .lg{width:min(1160px,calc(100% - 48px));gap:0;padding-top:108px;align-items:center}
[data-jn-system=ai] .lg .brand{padding:48px;background:transparent;box-shadow:none;border-radius:0;min-height:560px}
[data-jn-system=ai] .lg .brand h1{font-size:clamp(36px,4vw,52px);line-height:1.35;letter-spacing:0;color:var(--jn-blue);font-weight:500}
[data-jn-system=ai] .lg .brand p{font-size:16px;line-height:1.9}
[data-jn-system=ai] .lg .feat{gap:16px;margin-top:40px}
[data-jn-system=ai] .lg .feat div{border-radius:0;border-top:1px solid var(--jn-line);padding:18px 0;background:none;min-height:90px;color:var(--jn-muted)}
[data-jn-system=ai] .lg .feat .d{color:var(--jn-clay)}
[data-jn-system=ai] .lg .form{background:var(--jn-panel);color:var(--jn-ink);border:1px solid var(--jn-line);border-radius:8px;box-shadow:none;min-height:530px;padding:44px}
[data-jn-system=ai] .lg .card h2{color:var(--jn-ink);font-size:30px;letter-spacing:0;font-weight:500}
[data-jn-system=ai] .lg .card .sub,[data-jn-system=ai] .lg .card label,[data-jn-system=ai] .lg .foot{color:var(--jn-muted);border-color:var(--jn-line)}
[data-jn-system=ai] .lg .card input{background:#fffefa;color:var(--jn-ink);border-color:var(--jn-line);border-radius:5px;height:46px}
[data-jn-system=ai] .lg .card input::placeholder{color:#8b877f}
[data-jn-system=ai] .lg .btn{border-radius:5px}
[data-jn-system=ai] .brand-mark{background:none!important;box-shadow:none!important}
[data-jn-system=ai] .brand-mark svg{display:none}
[data-jn-system=ai] .side .brand .logo{flex-wrap:wrap;gap:12px}
[data-jn-system=ai] .side .brand-mark{width:172px!important;height:46px!important;flex-basis:100%;background:url('/jianuo-brand/logo-v17.svg') left center/contain no-repeat!important;border:0!important}
[data-jn-system=ai] .side .brand-copy b{display:none}
[data-jn-system=ai] .side .brand-copy>span{font-size:13px;color:var(--jn-muted)}
/* Engineering risk interface. */
[data-jn-system=risk] .topbar{background:var(--jn-paper);backdrop-filter:none;border-color:var(--jn-line)}
[data-jn-system=risk] .brand-mark{filter:none}
[data-jn-system=risk] .hero{background:var(--jn-paper)!important;box-shadow:none!important}
[data-jn-system=risk] .hero h1{font-family:Georgia,"Songti SC",serif;font-weight:500;color:var(--jn-blue)}
[data-jn-system=risk] .card,[data-jn-system=risk] .panel{background:#fffefa;box-shadow:none}
/* Standardization portal and both workbenches. */
[data-jn-system=ps] header{background:var(--jn-paper);color:var(--jn-ink);border-bottom:1px solid var(--jn-line);gap:20px;flex-wrap:wrap}
[data-jn-system=ps] header .who a{color:var(--jn-clay)}
[data-jn-system=ps] nav{background:#f2f0ea;box-shadow:none;overflow:auto;flex-wrap:nowrap}
[data-jn-system=ps] nav button{white-space:nowrap}
[data-jn-system=ps] nav button.on{color:var(--jn-blue);border-image:none;border-bottom-color:var(--jn-clay)}
[data-jn-system=ps] .card h2:before{background:var(--jn-clay)}
[data-jn-system=ps] .stat{border-top:2px solid var(--jn-clay)}
[data-jn-system=ps] .stat .v{background:none;-webkit-text-fill-color:var(--jn-blue);color:var(--jn-blue)}
[data-jn-system=ps] .login,[data-jn-system=ps] .login-wrap,[data-jn-system=ps] .login-box{background:var(--jn-paper)}
[data-jn-system=portal]{min-height:100vh;padding:60px 24px;background:var(--jn-paper)!important;color:var(--jn-ink)!important}
[data-jn-system=portal]>.jn-logo{width:220px;height:60px;margin-bottom:40px}
[data-jn-system=portal] h1{font-family:Georgia,"Songti SC",serif;font-weight:500;font-size:clamp(28px,3.2vw,44px);letter-spacing:0;color:var(--jn-blue)}
[data-jn-system=portal] .sub{color:var(--jn-muted);line-height:1.8;margin-bottom:40px}
[data-jn-system=portal] .card{border:1px solid var(--jn-line);border-radius:8px;box-shadow:none;padding:32px;background:#fffefa;color:var(--jn-ink);width:min(380px,90vw)}
[data-jn-system=portal] .card h2{color:var(--jn-blue)}
[data-jn-system=portal] .ico{font-size:16px;color:var(--jn-clay);font-weight:600;margin-bottom:24px}
[data-jn-system=portal] .card .go{background:var(--jn-blue);border-radius:4px}
[data-jn-system=portal] .flow b{color:var(--jn-clay)}
@media(max-width:820px){[data-jn-system=yqyd] .lg{display:block}[data-jn-system=yqyd] .lg-brand{display:block!important;min-height:auto;padding:28px 24px;border:0}[data-jn-system=yqyd] .lg-logo{margin:0 0 24px}[data-jn-system=yqyd] .lg-feat{display:none}[data-jn-system=yqyd] .lg-brand h1{font-size:27px}[data-jn-system=yqyd] .lg-brand p{margin:12px 0 0}[data-jn-system=yqyd] .lg-form{padding:24px;min-height:400px}[data-jn-system=ai] .lg{display:block;width:100%;padding-top:80px}[data-jn-system=ai] .lg .brand{min-height:0;padding:26px}[data-jn-system=ai] .lg .brand h1{font-size:34px}[data-jn-system=ai] .lg .form{margin:12px 24px 28px;min-height:440px;padding:28px}[data-jn-system=ai] .lg .feat{margin-top:22px}[data-jn-system=ps] header{padding:16px 20px}[data-jn-system=ps] main{padding:20px 16px}}
/* New OA: restrained navigation, readable dashboards and tables. */
body[data-jn-system=oa1]{--oa-blue:var(--jn-blue);--oa-blue-dark:#102f44;--oa-cyan:var(--jn-clay);--oa-ink:var(--jn-ink);--oa-border:var(--jn-line);background:var(--jn-paper)!important;color:var(--jn-ink)!important}
[data-jn-system=oa1] .fixed-header,[data-jn-system=oa1] .navbar{background:var(--jn-paper)!important;border-bottom:1px solid var(--jn-line)!important;box-shadow:none!important;backdrop-filter:none!important}
[data-jn-system=oa1] .navbar{display:flex;align-items:center;gap:12px;padding:0 20px;height:66px!important;overflow:visible}
[data-jn-system=oa1] .navbar:before{content:"";background:url('/jianuo-brand/logo-v17.svg') left center/contain no-repeat;width:160px;height:44px;flex-shrink:0}
[data-jn-system=oa1] .topmenu-container.el-menu{display:flex;flex:1;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
[data-jn-system=oa1] .topmenu-container.el-menu--horizontal>.el-menu-item,[data-jn-system=oa1] .topmenu-container.el-menu--horizontal .el-submenu__title{color:#55564f!important;margin:8px 2px!important;border-radius:4px!important;font-weight:500!important}
[data-jn-system=oa1] .topmenu-container.el-menu--horizontal>.el-menu-item.is-active,[data-jn-system=oa1] .topmenu-container.el-menu--horizontal>.el-menu-item:hover,[data-jn-system=oa1] .topmenu-container.el-menu--horizontal .el-submenu__title:hover{color:var(--jn-blue)!important;background:var(--jn-soft)!important}
[data-jn-system=oa1] .navbar .right-menu{position:static!important;float:none!important;flex-shrink:0;color:var(--jn-ink)!important;white-space:nowrap}
[data-jn-system=oa1] .right-menu-item,[data-jn-system=oa1] .avatar-wrapper,[data-jn-system=oa1] .el-dropdown{color:var(--jn-ink)!important}
[data-jn-system=oa1] .el-card,[data-jn-system=oa1] .box-card,[data-jn-system=oa1] .content-box,[data-jn-system=oa1] .project-box,[data-jn-system=oa1] .el-table,[data-jn-system=oa1] .el-dialog,[data-jn-system=oa1] .search_box,[data-jn-system=oa1] .common-search-table,[data-jn-system=oa1] .charts,[data-jn-system=oa1] .chart-wrapper,[data-jn-system=oa1] .pie{background:#fffefa!important;border:1px solid var(--jn-line)!important;border-radius:6px!important;box-shadow:none!important;backdrop-filter:none!important}
[data-jn-system=oa1] .el-button--primary{background:var(--jn-blue)!important;border-color:var(--jn-blue)!important;box-shadow:none!important;border-radius:4px!important}
[data-jn-system=oa1] .el-input__inner,[data-jn-system=oa1] .el-textarea__inner{border:1px solid var(--jn-line)!important;border-radius:4px!important;box-shadow:none!important;color:var(--jn-ink)!important;background:#fffefa!important}
[data-jn-system=oa1] .el-table th,[data-jn-system=oa1] .el-table th.el-table__cell{background:#f1efe8!important;color:var(--jn-blue)!important}
[data-jn-system=oa1] .el-table td{background:transparent!important}
[data-jn-system=oa1] .el-table__body tr.hover-row>td,[data-jn-system=oa1] .el-table--enable-row-hover .el-table__body tr:hover>td{background:#f5f2ec!important}
[data-jn-system=oa1] .tongji .icons>ul{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;padding:0!important;margin:20px 0!important}
[data-jn-system=oa1] .tongji .icons>ul>li{display:flex!important;align-items:flex-start!important;width:auto!important;min-width:0;height:auto!important;min-height:116px;padding:18px!important;background:#fffefa!important;color:var(--jn-ink)!important;border:1px solid var(--jn-line)!important;border-top:2px solid var(--jn-clay)!important;border-radius:6px!important;box-shadow:none!important;margin:0!important;float:none!important}
[data-jn-system=oa1] .tongji .icons>ul>li>i{background:none!important;color:var(--jn-clay)!important;font-size:20px!important;width:26px!important;min-width:26px!important;height:auto!important;line-height:28px!important;margin-right:10px!important}
[data-jn-system=oa1] .tongji .icons>ul>li>div{min-width:0;flex:1}
[data-jn-system=oa1] .tongji .icons p{white-space:normal!important;overflow-wrap:anywhere;line-height:1.6!important;margin:0!important;font-size:13px!important;color:var(--jn-muted)!important}
[data-jn-system=oa1] .tongji .icons p:last-child{font-size:22px!important;font-weight:600!important;color:var(--jn-blue)!important;margin-top:10px!important;font-variant-numeric:tabular-nums}
[data-jn-system=oa1] .login{background:var(--jn-paper)!important;background-image:none!important}
[data-jn-system=oa1] .login-form{background:#fffefa!important;box-shadow:none!important;border:1px solid var(--jn-line)!important;border-radius:8px!important}
[data-jn-system=oa1] .login-form:before{content:"";display:block;width:210px;height:56px;background:url('/jianuo-brand/logo-v17.svg') center/contain no-repeat;margin:4px auto 28px}
[data-jn-system=oa1] .title{color:var(--jn-blue)!important}
@media(max-width:900px){[data-jn-system=oa1] .navbar{flex-wrap:wrap;height:auto!important;min-height:100px;padding:10px 16px;gap:4px 12px}[data-jn-system=oa1] .navbar:before{width:146px;height:38px}[data-jn-system=oa1] .navbar .right-menu{margin-left:auto;order:1}[data-jn-system=oa1] .topmenu-container.el-menu{order:2;flex-basis:100%}[data-jn-system=oa1] .hasTagsView .app-main{padding-top:116px!important}[data-jn-system=oa1] .tongji .icons>ul{grid-template-columns:repeat(2,minmax(0,1fr))}[data-jn-system=oa1] .tongji .icons>ul>li{padding:14px!important}[data-jn-system=oa1] .tongji .icons>ul>li>i{display:none!important}}
/* Preserve printable report/document colors and layout. */
@media print{body[data-jn-system]{background:white!important}.jn-logo{max-width:160px}[data-jn-system] .navbar:before{display:none!important}}
/* Keep legacy absolute menu positioning from covering the brand. */
[data-jn-system=oa1] .navbar .topmenu-container{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;margin:0!important;float:none!important}
[data-jn-system=oa1] .navbar .right-menu{margin-left:auto!important;right:auto!important;top:auto!important;height:auto!important;line-height:44px!important}
[data-jn-system=oa1] .topmenu-container .el-menu-item i,[data-jn-system=oa1] .topmenu-container .el-submenu__title i{color:var(--jn-muted)!important}
@media(min-width:1100px){[data-jn-system=oa1] .tongji .icons>ul{grid-template-columns:repeat(7,minmax(0,1fr))}[data-jn-system=oa1] .tongji .icons>ul>li{padding:16px 12px!important}[data-jn-system=oa1] .tongji .icons>ul>li>i{display:none!important}}
/* English website shares the same paper, typography and wordmark. */
[data-jn-system=en]{background:#faf9f6!important;color:#292b28!important}
[data-jn-system=en] .header,[data-jn-system=en] .headerWap{background:#faf9f6!important;box-shadow:none!important;border-bottom:1px solid #dfddd5}
[data-jn-system=en] .header .navBox .A,[data-jn-system=en] .header .lanuage a{color:#173e57!important}
[data-jn-system=en] .header .logo img,[data-jn-system=en] .headerWap .logo img{object-fit:contain!important;max-width:220px;filter:none!important}
[data-jn-system=en] .footer{background:#f2f0ea!important;color:#292b28!important;border-top:1px solid #dfddd5}
[data-jn-system=en] .footer a,[data-jn-system=en] .footer p,[data-jn-system=en] .footer .box2{color:#55564f!important}
[data-jn-system=en] .footer .box1_1 img{width:220px;object-fit:contain;filter:none}
[data-jn-system=en] .YQbox{background:transparent}
[data-jn-system=en] .title,[data-jn-system=en] h1,[data-jn-system=en] h2{color:#173e57}
[data-jn-system=oa1] .tongji .icons>ul{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:1400px){[data-jn-system=oa1] .tongji .icons>ul{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:700px){[data-jn-system=oa1] .tongji .icons>ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body[data-jn-system=yqyd] .lg-form{min-height:0!important;padding:28px 24px!important;align-items:flex-start}body[data-jn-system=yqyd] .lg-card{padding:0!important}body[data-jn-system=yqyd] .lg-card:before{display:none!important}}
[data-jn-system=ps] #loginWrap,[data-jn-system=ps] #loginView{background:#faf9f6!important;padding:24px;overflow:auto}
[data-jn-system=ps] .login-card{width:min(440px,100%);padding:36px;background:#f2f0ea;border:1px solid #dfddd5;border-radius:8px;box-shadow:none}
[data-jn-system=ps] .login-card:before{content:"";display:block;width:210px;height:56px;background:url('/jianuo-brand/logo-v17.svg') center/contain no-repeat;margin:0 auto 30px}
[data-jn-system=ps] .login-card h1{font-size:20px;font-weight:500;line-height:1.6;color:#173e57}
[data-jn-system=ps] .login-card input{height:44px;border-radius:5px;background:#fffefa}
[data-jn-system=ps] .side{background:#f2f0ea!important;color:#292b28!important;border-right:1px solid #dfddd5}
[data-jn-system=ps] .side:before{content:"";display:block;width:172px;height:46px;background:url('/jianuo-brand/logo-v17.svg') center/contain no-repeat;margin:18px auto}
[data-jn-system=ps] .side h1,[data-jn-system=ps] .side small,[data-jn-system=ps] .side .nav-btn{color:#55564f!important}
[data-jn-system=ps] .side .nav-btn.active{color:#173e57!important;background:#e8e4dc!important;border-left-color:#b66349!important}
[data-jn-system=risk] .hero h1{font-size:clamp(36px,5vw,72px)!important;line-height:1.3!important}
[data-jn-system=risk] .hero h1 span{color:#b66349!important}
[data-jn-system=en] #_loading{background:#faf9f6!important;background-image:none!important}
[data-jn-system=en] .jn-entry{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;padding:28px}
[data-jn-system=en] .jn-entry img{width:min(340px,75vw)!important;height:auto!important;position:static!important;transform:none!important}
[data-jn-system=en] .jn-entry p{font:24px/1.5 Georgia,serif;color:#173e57}
[data-jn-system=en] .jn-entry button{background:#173e57;color:white;border:0;border-radius:5px;padding:14px 32px;font:16px/1.5 Arial,sans-serif;cursor:pointer}