/* Company identity shared by every screen, matching the customer portal masthead. */
.brandbar.sy-brand{height:82px;flex:none;position:relative;z-index:11;display:flex;align-items:center;justify-content:center;background:linear-gradient(104deg,#052824 0%,#0a4a44 42%,#0d5c53 62%,#07332f 100%);color:white;overflow:hidden;font-family:"Microsoft YaHei",system-ui,sans-serif}
.brandbar.sy-brand:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 170px at 50% -50px,#ffffff28,transparent 72%),repeating-linear-gradient(116deg,transparent 0 30px,#ffffff05 30px 31px),repeating-linear-gradient(64deg,transparent 0 44px,#ffffff03 44px 45px)}
.brandbar.sy-brand:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 6%,#e4cb93d9 50%,transparent 94%)}
.sy-brand .bb-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:100%;animation:none}
.sy-brand .bb-en{font-size:9px;letter-spacing:5px;color:#8fc3ba;text-transform:uppercase;animation:none}
.sy-brand .bb-row{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0;max-width:100%}
.sy-brand .bb-name{font-size:26px;font-weight:600;letter-spacing:9px;white-space:nowrap;text-indent:9px;color:#f3f8f5;background:none;filter:none;animation:none}
.sy-brand .bb-rule{display:block;flex:none;width:78px;height:1px;opacity:1;background:linear-gradient(90deg,transparent,#e4cb93e6);animation:none}
.sy-brand .bb-rule.r{background:linear-gradient(90deg,#e4cb93e6,transparent)}
.sy-brand .bb-tag{font-size:10px;letter-spacing:3px;color:#9dc7c0;animation:none}
.sy-brand .bb-mark{position:absolute;top:50%;transform:translateY(-50%);width:108px;height:1px;background:#e4cb9355;color:#e4cb93;opacity:.7}
.sy-brand .bb-mark:after{content:'';position:absolute;right:0;top:-4px;width:7px;height:7px;border:1px solid;transform:rotate(45deg)}
.sy-brand .bb-mark.l{left:26px}.sy-brand .bb-mark.r{right:26px;transform:translateY(-50%) scaleX(-1)}
.sy-toolbar.appbar,header.sy-toolbar{box-sizing:border-box;min-height:54px;height:auto;position:relative;top:auto;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#0e1916!important;color:#e8edea;border:0!important;border-bottom:1px solid #26392f!important;box-shadow:none;white-space:normal}
.sy-toolbar:before,.sy-toolbar:after{display:none!important}
.sy-toolbar .ab-logo{display:none}
.sy-toolbar .sy-logo{width:26px;height:26px;flex:none;vertical-align:middle;border-radius:7px}
.sy-toolbar .logo{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px;color:#f3f6f4!important;letter-spacing:1px;flex:none}
.sy-toolbar .logo>svg{display:none}
.sy-toolbar .ab-sys{border:0;padding:0;flex:none;color:#f3f6f4}
.sy-toolbar .ab-sys b{font-size:14px;letter-spacing:1px;color:#f3f6f4}.sy-toolbar .ab-sys i{display:none}
.sy-toolbar .ab-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.sy-toolbar .ab-btn,.sy-toolbar .btn{color:#dbe7e1!important;border-color:#ffffff29;background:#ffffff05;box-shadow:none;font-size:12px;text-decoration:none;white-space:nowrap}
.sy-toolbar .who{color:#bfd0c7!important;font-size:12px}.sy-toolbar .sub,.sy-toolbar>.hint{font-size:12px;color:#91a59a}
.sy-subnav{overflow:auto;border-bottom:1px solid #e1dbcd;background:#faf8f2}
.sy-subnav .tabs{display:flex;gap:5px;padding:10px 18px;margin:0;min-width:max-content;white-space:nowrap}
.sy-subnav .tab{padding:7px 13px;border-radius:8px;cursor:pointer;font-size:13px}
@media(max-width:1000px){.brandbar.sy-brand{height:74px}.sy-brand .bb-name{font-size:20px;letter-spacing:5px;text-indent:5px}.sy-brand .bb-rule{width:28px}.sy-brand .bb-mark{display:none}.sy-toolbar.appbar,header.sy-toolbar{flex-wrap:wrap;padding:9px 12px;gap:8px}.sy-toolbar .ab-right{flex:1;gap:6px}.sy-toolbar .ab-chip{font-size:11px}.sy-toolbar .ab-sys{display:block!important}}
@media(max-width:600px){.brandbar.sy-brand{height:64px}.sy-brand .bb-name{font-size:16px;letter-spacing:2px;text-indent:2px}.sy-brand .bb-en{font-size:7px;letter-spacing:1.1px}.sy-brand .bb-tag{font-size:8px;letter-spacing:1px}.sy-brand .bb-rule{display:none}.sy-toolbar .ab-right{flex-basis:100%;margin:0;justify-content:flex-start}.sy-toolbar .ab-sys{margin-right:auto}.sy-toolbar>.hint,.sy-toolbar .sub{display:none}.sy-toolbar .sy-logo{width:23px;height:23px}.sy-toolbar .nav{width:100%;max-width:100%;overflow-x:auto}.sy-subnav .tabs{padding:8px 10px}}
@media print{.brandbar.sy-brand,.sy-toolbar,.sy-subnav{display:none!important}}
