/* Shared V4 workbench shell: loaded only by workbench pages. */

.wb-v4{--wb-ink:#162641;--wb-muted:#7d8aa0;--wb-line:#ffe1c9;--wb-orange:#ff6a00;--wb-paper:#fffaf6;margin:0;background:var(--wb-paper);color:var(--wb-ink);font:14px/1.65 "Microsoft YaHei","PingFang SC",Arial,sans-serif}

.wb-v4 *{box-sizing:border-box}.wb-v4 button,.wb-v4 input,.wb-v4 select,.wb-v4 textarea{font-family:inherit}.wb-v4 a{color:inherit;text-decoration:none}.wb-v4 a:focus-visible,.wb-v4 button:focus-visible{outline:2px solid #ff9c58;outline-offset:3px}

.wb-v4 .nav5-header.wb-header,.wb-v4 .desk-header{position:sticky;top:0;z-index:30;background:#fffffff5;border-bottom:1px solid var(--wb-line);backdrop-filter:blur(16px);height:84px}

.wb-v4 .nav5-header .nav5-top,.wb-v4 .desk-header{width:100%;max-width:none;min-height:84px;margin:0;padding:0 32px;display:flex;align-items:center;gap:24px}

.wb-v4 .nav5-caption,.wb-v4 .nav5-worknav{display:none!important}

.wb-v4 .nav5-brand,.wb-v4 .desk-brand{display:flex;align-items:center;gap:11px;min-width:199px;flex:none}

.wb-v4 .nav5-brand>span,.wb-v4 .desk-brand>span{width:44px;height:44px;border-radius:13px;background:var(--wb-orange);color:#fff;font-size:18px;display:grid;place-items:center;font-weight:800}

.wb-v4 .nav5-brand strong,.wb-v4 .desk-brand strong{font-size:23px;line-height:1.2;color:var(--wb-ink)}.wb-v4 .nav5-brand b,.wb-v4 .desk-brand b{color:var(--wb-orange)}

.wb-v4 .nav5-brand small,.wb-v4 .desk-brand small{font-size:8px;letter-spacing:1.6px;font-weight:400;display:block;color:var(--wb-muted);margin-top:6px}

.wb-v4 .nav5-primary,.wb-v4 .desk-header>nav{display:flex;gap:3px;border:1px solid var(--wb-line);background:#fff4e9;border-radius:12px;padding:5px;margin:0 auto;flex:none}

.wb-v4 .nav5-primary a,.wb-v4 .desk-header>nav a{font:500 13px/1.65 "Microsoft YaHei",sans-serif;border-radius:8px;padding:9px 24px;white-space:nowrap;color:#8b7667}

.wb-v4 .nav5-primary a[aria-current=page],.wb-v4 .desk-header>nav a[aria-current=page]{background:var(--wb-orange);color:#fff;box-shadow:none}

.workbench-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex:0 1 auto}.workbench-top-actions [data-message-mount]{display:flex;align-items:center}

.wb-v4 .wb-version,.wb-v4 .desk-version{color:var(--wb-orange);font-size:10px;letter-spacing:.8px;white-space:nowrap}

.wb-v4 .identity-v4{font-size:11px;gap:7px;flex-wrap:nowrap;min-width:0}.wb-v4 .identity-v4 label span{display:none}.wb-v4 .identity-v4 select{padding:8px 9px;max-width:128px;background:#fffaf5;border:1px solid #ffdfc3;border-radius:8px;color:var(--wb-ink);font-size:11px}.wb-v4 .identity-v4 label{min-width:0}

.wb-v4 .wb-layout,.wb-v4 .desk-shell{display:grid;grid-template-columns:230px minmax(0,1fr);width:100%;max-width:1600px;margin:0 auto;align-items:start}

.wb-v4 .wb-sidebar,.wb-v4 .desk-sidebar{position:sticky;top:84px;min-height:calc(100dvh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:24px 20px;border-right:1px solid var(--wb-line);background:linear-gradient(180deg,#fff,#fff9f0);font-size:13px}

.wb-v4 .wb-account,.wb-v4 .desk-account{padding:14px 11px 22px;border-bottom:1px solid var(--wb-line);margin-bottom:18px}.wb-account strong{display:block;font-size:17px;line-height:1.5}.wb-account small{display:block;color:var(--wb-muted);font-size:11px;margin-top:4px}.wb-account-initial{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ffebd9;color:var(--wb-orange);font-size:22px;font-weight:700;margin-bottom:12px}

.wb-v4 #wb-menu,.wb-v4 #desk-menu{display:grid;gap:5px}.wb-v4 #wb-menu a,.wb-v4 #desk-menu>a,.wb-v4 #desk-menu>button{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:10px;min-height:42px;padding:10px 11px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:#66748a;font-size:12px;line-height:1.65;white-space:normal}

.wb-v4 #wb-menu a>span:first-child,.wb-v4 #desk-menu>a>span:first-child,.wb-v4 #desk-menu>button>span:first-child{width:14px;flex:none;text-align:center;font-size:13px}

.wb-v4 #wb-menu a:hover,.wb-v4 #desk-menu>a:hover,.wb-v4 #desk-menu>button:hover{background:#fff6ed;color:#d45e09}

.wb-v4 #wb-menu a[aria-current=page],.wb-v4 #desk-menu .active,.wb-v4 #desk-menu [aria-current=page]{background:#fff0e0;color:#e85d00;font-weight:700;border-color:#ffe2c4}

.wb-menu-label,.wb-v4 #desk-menu>.desk-menu-group{display:block;color:#b39c87;font-size:10px;letter-spacing:.1em;padding:17px 11px 5px}.wb-side-note,.wb-v4 .desk-side-note{font-size:10px;line-height:2;color:#a3a9b3;padding:20px 11px;margin:0}

.wb-v4 .wb-main,.wb-v4 #desk-main{margin:0!important;width:auto;min-width:0;max-width:none;padding:24px 32px 35px}

.wb-v4 .wb-main>.content,.wb-v4 .wb-main>.op-content{width:auto;max-width:none;margin:0;padding:0}

.wb-v4 .wb-main.ws5-wrap{width:auto;margin:0;max-width:none;padding:24px 32px 35px}

.wb-v4 .wb-main>.nav5-subnav{width:100%;max-width:none;margin:0 0 20px;padding:0 0 15px;border-bottom:1px solid #ffe8d5;gap:6px}

.wb-v4 .wb-main>.nav5-subnav a{font-size:12px;padding:7px 12px;flex:none}.wb-v4 .wb-main>.nav5-subnav a[aria-current=page]{background:#fff0e0;color:#dc650e}

.wb-v4 .wb-main .topbar,.wb-v4 .wb-main .op-topbar,.wb-v4 .wb-main .v4-scope-page-bar{display:none}

.wb-v4 .wb-main .notice,.wb-v4 .wb-main .op-notice,.wb-v4 .wb-main .ws5-notice,.wb-v4 .desk-demo{padding:12px 16px;background:#fff1e1;border:1px solid #ffdec0;border-radius:10px;color:#a36330;font-size:11px;line-height:1.8}

.wb-v4 .wb-main .notice strong,.wb-v4 .wb-main .op-notice strong,.wb-v4 .wb-main .ws5-notice strong,.wb-v4 .desk-demo strong{font-size:12px;color:#c96719}.wb-v4 .wb-main .notice p,.wb-v4 .wb-main .op-notice p{font-size:11px;margin:4px 0 0;line-height:1.8}

.wb-v4 .wb-main .ws5-rolebar{padding:10px 14px;border:1px solid var(--wb-line);border-radius:9px;background:#fff;margin:0 0 13px;font-size:11px}.wb-v4 .wb-main .ws5-rolebar b{color:#94633f;font-size:12px}.wb-v4 .wb-main .ws5-rolebar span{font-size:11px}

.wb-v4 .wb-main .page-heading,.wb-v4 .wb-main .op-heading,.wb-v4 .wb-main .ws5-heading,.wb-v4 .desk-heading{margin:24px 0 20px;gap:18px}.wb-v4 .wb-main h1,.wb-v4 .desk-heading h1{font-size:28px;line-height:1.45;color:var(--wb-ink);margin:6px 0 9px;letter-spacing:-.4px}

.wb-v4 .wb-main .page-heading p,.wb-v4 .wb-main .op-heading p,.wb-v4 .wb-main .ws5-heading p{font-size:12px;line-height:1.8;color:var(--wb-muted);margin:0}.wb-v4 .wb-main .eyebrow,.wb-v4 .wb-main .op-eyebrow,.wb-v4 .wb-main #ws5-eyebrow{font-size:9px;letter-spacing:1.8px;color:#f06b14}

.wb-v4 .wb-main .stats,.wb-v4 .wb-main .op-stats,.wb-v4 .wb-main .ws5-stats,.wb-v4 .desk-stats{gap:14px;margin:18px 0 22px}.wb-v4 .wb-main .stats>div,.wb-v4 .wb-main .op-stat,.wb-v4 .wb-main .ws5-stat{padding:18px 20px;border:1px solid var(--wb-line);border-radius:13px;background:#fff}

.wb-v4 .wb-main .stats strong,.wb-v4 .wb-main .op-stat strong,.wb-v4 .wb-main .ws5-stat strong{font-size:29px;color:var(--wb-orange);margin-top:7px;line-height:1.3}.wb-v4 .wb-main .stats span,.wb-v4 .wb-main .op-stat span,.wb-v4 .wb-main .ws5-stat small{color:var(--wb-muted);font-size:11px}

.wb-v4 .wb-main .list-card,.wb-v4 .wb-main .op-card,.wb-v4 .wb-main .ws5-panel,.wb-v4 .wb-main .ws5-card,.wb-v4 .wb-main .contract-profile-section{border-color:var(--wb-line);border-radius:14px;background:#fff;box-shadow:none}

.wb-v4 .wb-main .op-card-heading,.wb-v4 .wb-main .ws5-panel-head{padding:18px 20px;border-bottom-color:#fff0e3}.wb-v4 .wb-main .op-card-heading h2,.wb-v4 .wb-main .ws5-panel-head h2,.wb-v4 .wb-main .ws5-panel h2{font-size:17px;color:var(--wb-ink)}

.wb-v4 .wb-main .filters,.wb-v4 .wb-main .op-filters,.wb-v4 .wb-main .ws5-filters{gap:12px;padding:17px 20px}.wb-v4 .wb-main .filters label,.wb-v4 .wb-main .op-filters label,.wb-v4 .wb-main .ws5-filters label{font-size:11px;color:var(--wb-muted)}

.wb-v4 .wb-main input:not([type=file]):not([type=checkbox]):not([type=radio]),.wb-v4 .wb-main select,.wb-v4 .wb-main textarea{border-color:#e3e6eb;color:var(--wb-ink);background:#fff;border-radius:8px;font-size:12px;min-height:40px}

.wb-v4 .wb-main .button,.wb-v4 .wb-main .op-button,.wb-v4 .wb-main .ws5-button{border-radius:9px;min-height:40px;font-size:12px;padding:10px 14px}

.wb-v4 .wb-main .button.primary,.wb-v4 .wb-main .op-primary,.wb-v4 .wb-main .ws5-primary{background:linear-gradient(110deg,#ff6a00,#ff8b29);color:#fff;border-color:transparent;box-shadow:0 7px 18px #ff6a0014}

.wb-v4 .wb-main .button.outline,.wb-v4 .wb-main .op-outline{border-color:var(--wb-line);color:#ce671b;background:#fff}

.wb-v4 .wb-main table{font-size:12px;line-height:1.75;color:var(--wb-ink)}.wb-v4 .wb-main th{background:#f8f9fa;color:#7d8aa0;font-size:11px;padding:13px 16px}.wb-v4 .wb-main td{padding:15px 16px;border-color:#edf0f3;color:#66758c}.wb-v4 .wb-main td strong{font-size:12px;color:var(--wb-ink)}

.wb-v4 .wb-main .table-scroll,.wb-v4 .wb-main .op-table-scroll,.wb-v4 .wb-main .ws5-table-scroll,.wb-v4 .wb-main .contract-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;scrollbar-width:thin}

.wb-v4 .wb-main .section{padding:0}.wb-v4 .wb-main .section>.wrap{max-width:none;width:100%;margin:0}.wb-v4 .wb-main .booking-guide{margin-top:0}

.wb-v4 .wb-main .op-plan-grid{gap:13px}.wb-v4 .wb-main .op-plan-grid article{border-color:var(--wb-line);background:#fff;border-radius:13px}.wb-v4 .wb-main .op-plan-grid h2{color:var(--wb-ink)}

.wb-v4 .wb-main .ws5-steps,.wb-v4 .wb-main .ws5-principle{border-color:var(--wb-line);border-radius:13px}.wb-v4 .wb-main .ws5-file{background:#fafbfc;border-color:#e9edf2}

.wb-v4 .wb-main .bottom-note,.wb-v4 .wb-main .op-bottom-note,.wb-v4 .wb-main .ws5-footer{font-size:10px;color:#9ba3b1;line-height:1.9}.wb-v4 .wb-main .ws5-footer{padding-top:24px}

.wb-menu-toggle{display:none!important}.wb-nav-backdrop[hidden]{display:none!important}

@media(max-width:1180px){.wb-v4 .nav5-header .nav5-top,.wb-v4 .desk-header{padding:0 24px;gap:16px}.wb-v4 .nav5-brand,.wb-v4 .desk-brand{min-width:180px}.wb-v4 .nav5-brand strong,.wb-v4 .desk-brand strong{font-size:21px}.wb-v4 .wb-layout,.wb-v4 .desk-shell{grid-template-columns:210px minmax(0,1fr)}.wb-v4 .wb-sidebar,.wb-v4 .desk-sidebar{padding:20px 14px}.wb-v4 .wb-main,.wb-v4 #desk-main,.wb-v4 .wb-main.ws5-wrap{padding:22px 24px 30px}.wb-v4 .wb-version,.wb-v4 .desk-version{display:none}.wb-v4 .nav5-primary a,.wb-v4 .desk-header>nav a{padding:9px 17px}.wb-v4 .identity-v4 select{max-width:112px;font-size:10px}}

@media(max-width:900px){.wb-v4 .nav5-header.wb-header,.wb-v4 .desk-header{height:auto;min-height:76px}.wb-v4 .nav5-header .nav5-top,.wb-v4 .desk-header{min-height:76px;gap:12px;padding:12px 18px;flex-wrap:wrap}.wb-v4 .nav5-brand,.wb-v4 .desk-brand{min-width:0;margin-right:auto}.wb-v4 .nav5-brand strong,.wb-v4 .desk-brand strong{font-size:20px}.wb-v4 .nav5-brand>span,.wb-v4 .desk-brand>span{width:38px;height:38px;font-size:16px;border-radius:11px}.wb-v4 .nav5-brand small,.wb-v4 .desk-brand small{font-size:6px;letter-spacing:1.3px}.wb-v4 .nav5-primary,.wb-v4 .desk-header>nav{margin:0}.workbench-top-actions{margin-left:auto;gap:9px}.wb-v4 .identity-v4{width:auto;justify-content:flex-end}.wb-v4 .wb-layout,.wb-v4 .desk-shell{grid-template-columns:1fr}.wb-v4 .wb-sidebar,.wb-v4 .desk-sidebar{display:none;position:fixed;left:0;top:76px;bottom:0;width:252px;max-height:calc(100dvh - 76px);min-height:0;z-index:42;background:#fffaf5;padding:18px 17px;box-shadow:15px 0 45px #19304a20}.wb-v4.wb-nav-open .wb-sidebar,.wb-v4.wb-nav-open .desk-sidebar{display:block}.wb-v4.wb-nav-open{overflow:hidden}.wb-v4 .wb-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;border:1px solid var(--wb-line);border-radius:8px;padding:7px 9px;min-height:34px;background:#fff7ef;color:#d86613;font-size:11px}.wb-menu-toggle>span:first-child{font-size:15px;line-height:1}.wb-menu-toggle>span:last-child{display:none}.wb-nav-backdrop{position:fixed;inset:76px 0 0;z-index:41;border:0;border-radius:0;background:#15243a44;padding:0;min-height:0}.wb-v4 .wb-main,.wb-v4 #desk-main,.wb-v4 .wb-main.ws5-wrap{padding:20px}.wb-v4 .wb-main h1,.wb-v4 .desk-heading h1{font-size:26px}.wb-v4 #desk-menu{display:grid;overflow:visible;white-space:normal}.wb-v4 .desk-account,.wb-v4 .desk-side-note{display:block}.wb-v4 #desk-menu>button,.wb-v4 #desk-menu>a{flex:none}.wb-v4 .desk-sidebar .desk-account{padding:12px 10px 20px;margin:0 0 15px}.wb-v4 .desk-sidebar .desk-account .initial{display:grid}}

@media(max-width:540px){.wb-v4 .nav5-header .nav5-top,.wb-v4 .desk-header{padding:11px 14px;gap:9px;min-height:74px}.wb-v4 .nav5-brand,.wb-v4 .desk-brand{gap:7px}.wb-v4 .nav5-brand strong,.wb-v4 .desk-brand strong{font-size:18px}.wb-v4 .nav5-brand>span,.wb-v4 .desk-brand>span{width:34px;height:34px;border-radius:10px;font-size:14px}.wb-v4 .nav5-brand small,.wb-v4 .desk-brand small{font-size:5px;letter-spacing:1px;margin-top:5px}.wb-v4 .nav5-primary,.wb-v4 .desk-header>nav{padding:4px;gap:2px}.wb-v4 .nav5-primary a,.wb-v4 .desk-header>nav a{font-size:11px;padding:7px 10px}.workbench-top-actions{gap:8px;min-width:0}.wb-v4 .identity-v4 select{max-width:108px;padding:6px;font-size:10px;min-height:32px}.wb-v4 .wb-main,.wb-v4 #desk-main,.wb-v4 .wb-main.ws5-wrap{padding:17px 14px 26px}.wb-v4 .wb-main>.nav5-subnav{margin-bottom:15px;padding-bottom:12px}.wb-v4 .wb-main>.nav5-subnav a{padding:6px 9px;font-size:11px}.wb-v4 .wb-main .notice,.wb-v4 .wb-main .op-notice,.wb-v4 .wb-main .ws5-notice,.wb-v4 .desk-demo{font-size:10px;padding:11px 13px}.wb-v4 .wb-main .notice p,.wb-v4 .wb-main .op-notice p{font-size:10px}.wb-v4 .wb-main .page-heading,.wb-v4 .wb-main .op-heading,.wb-v4 .wb-main .ws5-heading{margin:22px 0 18px;align-items:flex-start;flex-wrap:wrap}.wb-v4 .wb-main h1,.wb-v4 .desk-heading h1{font-size:25px}.wb-v4 .wb-main .page-heading p,.wb-v4 .wb-main .op-heading p,.wb-v4 .wb-main .ws5-heading p{font-size:11px}.wb-v4 .wb-main .stats,.wb-v4 .wb-main .op-stats,.wb-v4 .wb-main .ws5-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wb-v4 .wb-main .stats>div,.wb-v4 .wb-main .op-stat,.wb-v4 .wb-main .ws5-stat{padding:15px}.wb-v4 .wb-main .stats strong,.wb-v4 .wb-main .op-stat strong,.wb-v4 .wb-main .ws5-stat strong{font-size:27px}.wb-v4 .wb-main .filters,.wb-v4 .wb-main .op-filters,.wb-v4 .wb-main .ws5-filters{padding:15px;flex-wrap:wrap}.wb-v4 .wb-main .op-card-heading,.wb-v4 .wb-main .ws5-panel-head{padding:16px}.wb-v4 .wb-main .ws5-steps{padding:16px 13px}.wb-v4 .wb-main .op-plan-grid{gap:10px}.wb-v4 .wb-main .op-plan-grid article{padding:15px}.wb-v4 .wb-main .ws5-rolebar{padding:9px 12px}.wb-v4 .wb-sidebar,.wb-v4 .desk-sidebar{top:74px;max-height:calc(100dvh - 74px)}.wb-nav-backdrop{inset:74px 0 0}}

@media(prefers-reduced-motion:reduce){.wb-v4 .wb-menu-toggle,.wb-v4 #wb-menu a,.wb-v4 #desk-menu>a{transition:none}}

@media(max-width:900px){.wb-v4 .wb-sidebar,.wb-v4 .desk-sidebar{top:var(--wb-header-height,76px);max-height:calc(100dvh - var(--wb-header-height,76px))}.wb-nav-backdrop{inset:var(--wb-header-height,76px) 0 0}}


.wb-v4 .book-record-viewport,.wb-v4 .desk-growth-teacher-scroll,.wb-v4 .desk-growth-rank-scroll,.wb-v4 .bill-table-wrap,.wb-v4 .desk-table-wrap{overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y}