/* Conservative page shell: deliberately no rules for client float/log overlays. */
body.tg-v2-page{--v2-teal:#05CCB0;--v2-blue:#2DA9FA;--v2-orange:#FF6600;background:#f5f9fc}
.tg-v2-page .left-menu{background:white;border-right:1px solid #e3eeeb}
.tg-v2-page .left-menu li.active{background:#e8faf5;border-radius:8px}
.tg-v2-page .form-operate,.tg-v2-page .form-filter{border-color:#e2eeeb;background:#fff}
.tg-v2-page .form-filter{background:#f0f9f7}
.tg-v2-page .btn{border-radius:8px}
.tg-v2-page .btn-11{background:#2DA9FA}.tg-v2-page .btn-12{background:#05CCB0}
.tg-v2-page table th{background:#edf8f5}
.tg-v2-page footer{padding:24px 16px;color:#879b98}
.tg-v2-page input:focus-visible,.tg-v2-page button:focus-visible,.tg-v2-page a:focus-visible{outline:2px solid #05CCB0;outline-offset:2px}
/* Preserve original page viewport/table widths until each page is reviewed. */
@media(max-width:768px){.tg-v2-page header nav ul li a{font-size:14px}}
/* Shared v2 page rhythm. Business overlays and client controls are excluded. */
.tg-v2-page .main-content{color:#244747}
.tg-v2-page .main-content>.gonggao{border-radius:10px;background:#fff7e9;border:1px solid #fae9cf;color:#87632c;padding:10px 14px}
.tg-v2-page .form-operate{padding:14px 16px;border-radius:12px 12px 0 0;border:1px solid #e1eeea}
.tg-v2-page .form-filter,.tg-v2-page .paging-form-filter{padding:14px 16px;border:1px solid #e1eeea;gap:8px}
.tg-v2-page .main-content .rc{border-radius:12px}
.tg-v2-page .main-content .div-title{border-color:#e8f0ed}
.tg-v2-page input,.tg-v2-page select,.tg-v2-page textarea{border-color:#e0ebe7;border-radius:8px}
.tg-v2-page .main-content table{border:1px solid #e3ece9}
.tg-v2-page .main-content table th{font-size:14px;padding:12px 14px;color:#466a62}
.tg-v2-page .main-content table td{border-color:#eaf0ee}
.tg-v2-page .main-content table tbody tr:hover{background:#f5fbf9}
.tg-v2-page .left-menu li{border-radius:8px;margin:4px 8px}
.tg-v2-page .left-menu p{color:#607d75}

/* Never resize/position the submission log dialog or its floating control. */
@media(max-width:768px){.tg-v2-page .form-operate,.tg-v2-page .form-filter,.tg-v2-page .paging-form-filter{padding:12px}.tg-v2-page .form-operate .btn{margin-bottom:8px}.tg-v2-page .main-content table th,.tg-v2-page .main-content table td{padding:10px}}
/* V2 context navigation: original items/handlers, horizontal presentation. */
.tg-v2-page.v2-horizontal-nav nav.left-menu{position:sticky;top:56px;bottom:auto;left:auto;width:100%;height:58px;display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 24px;background:#fff;border:0;border-bottom:1px solid #e0eeea;box-shadow:0 4px 12px #204c4504;scrollbar-width:none;z-index:970}
.tg-v2-page.v2-horizontal-nav nav.left-menu::-webkit-scrollbar{display:none}
.tg-v2-page.v2-horizontal-nav nav.left-menu>p{flex:none;margin:0 3px 0 12px;padding:0 12px 0 0;border:0;border-right:1px solid #e3ece8;font-size:11px;line-height:22px;color:#8b9f99;white-space:nowrap}
.tg-v2-page.v2-horizontal-nav nav.left-menu>ul{display:flex;align-items:center;flex:none;gap:4px;margin:0;padding:0}
.tg-v2-page.v2-horizontal-nav nav.left-menu ul li{margin:0;padding:3px 16px;min-height:36px;border-radius:8px;flex:none}
.tg-v2-page.v2-horizontal-nav nav.left-menu ul li p{line-height:30px;font-size:14px;color:#637d74}
.tg-v2-page.v2-horizontal-nav nav.left-menu ul li.active{background:#e4f9f2}
.tg-v2-page.v2-horizontal-nav nav.left-menu ul li.active p{color:#009d87;font-weight:600}
.tg-v2-page.v2-horizontal-nav nav.left-menu ul li:hover{background:#f0faf7}
.tg-v2-page.v2-horizontal-nav>.main-content{width:calc(100% - 48px);margin:76px 24px 24px;clear:both}
.tg-v2-page.v2-horizontal-nav>.bj-content{margin:76px 24px 24px;width:auto}
.tg-v2-page.v2-horizontal-nav nav.left-menu{margin-top:56px}
.tg-v2-page.v2-horizontal-nav nav.left-menu~.main-content,.tg-v2-page.v2-horizontal-nav nav.left-menu~.bj-content{margin-top:20px}
@media(max-width:768px){.tg-v2-page.v2-horizontal-nav nav.left-menu{top:56px;height:54px;padding:7px 14px;gap:5px;border-radius:0;justify-content:flex-start}.tg-v2-page.v2-horizontal-nav nav.left-menu>p{font-size:10px;margin-left:6px;padding-right:8px}.tg-v2-page.v2-horizontal-nav nav.left-menu ul li{padding:3px 12px;min-height:38px}.tg-v2-page.v2-horizontal-nav nav.left-menu ul li p{font-size:13px;line-height:32px}.tg-v2-page.v2-horizontal-nav>.main-content{margin:16px 14px 20px;width:calc(100% - 28px)}.tg-v2-page.v2-horizontal-nav>.bj-content{margin:16px 14px 20px;width:auto}}
/* Hover navigation: desktop second-level menu is a transient dropdown. */
@media(min-width:769px){.tg-v2-page.v2-dropdown-ready nav.left-menu{display:none!important}.tg-v2-page.v2-dropdown-ready nav.left-menu~.main-content,.tg-v2-page.v2-dropdown-ready nav.left-menu~.bj-content{margin-top:78px}}
.v2-menu-panel{position:fixed;z-index:995;top:56px;padding:10px;background:#fff;border:1px solid #dfede8;border-radius:0 0 14px 14px;box-shadow:0 12px 30px #204a4218;min-width:195px;max-width:calc(100vw - 24px);max-height:65vh;overflow-y:auto;display:none}
.v2-menu-panel.is-open{display:grid;gap:4px}.v2-menu-panel a{padding:10px 16px;border-radius:8px;color:#45665c;font:14px/1.6 system-ui;text-decoration:none;white-space:nowrap}.v2-menu-panel a:hover,.v2-menu-panel a:focus-visible{background:#e7faf4;color:#009e87}.v2-menu-panel a[aria-current=page]{background:#e7faf4;color:#009e87;font-weight:600}
@media(max-width:768px){.v2-menu-panel{top:64px;left:12px!important;right:12px;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.v2-menu-panel a{white-space:normal;min-height:44px}}
/* Grouped mega menu: second-level headings across, third-level links below. */
.v2-menu-panel{padding:18px;min-width:0;overflow-x:auto;max-width:calc(100vw - 24px)}
.v2-menu-panel.is-open{display:flex;align-items:stretch;gap:12px}
.v2-menu-group{flex:1 0 160px;min-width:160px;padding:0 8px;border-right:1px solid #edf3ef}
.v2-menu-group:last-child{border-right:0}
.v2-menu-group h3{font:600 13px/1.6 system-ui;color:#009d87;margin:0 0 10px;padding:3px 14px 10px;border-bottom:1px solid #e3f0e9;white-space:nowrap}
.v2-menu-group a{display:block;padding:9px 14px;margin:2px 0;font-size:14px}
@media(max-width:768px){.v2-menu-panel{padding:12px;max-height:65vh}.v2-menu-panel.is-open{display:flex;gap:6px;overflow:auto}.v2-menu-group{flex:0 0 145px;min-width:145px;padding:0 4px}.v2-menu-group h3{font-size:12px;padding-left:10px}.v2-menu-group a{padding:10px;min-height:44px;font-size:13px}}
/* Match content and fallback submenu offsets to the shared header. */
.tg-v2-page .main-content{margin-top:96px}
.tg-v2-page.v2-horizontal-nav nav.left-menu{top:76px;margin-top:76px}
.tg-v2-page.v2-dropdown-ready nav.left-menu~.main-content,.tg-v2-page.v2-dropdown-ready nav.left-menu~.bj-content{margin-top:96px}
@media(max-width:768px){.tg-v2-page .main-content{margin-top:82px}.tg-v2-page.v2-horizontal-nav nav.left-menu{top:64px;margin-top:64px}.tg-v2-page.v2-dropdown-ready nav.left-menu~.main-content,.tg-v2-page.v2-dropdown-ready nav.left-menu~.bj-content{margin-top:82px}}
/* One fluid content rail, matching the shared header on every page. */
body.home-next .main-content,body.tg-v2-page .main-content,body.tg-v2-page.v2-horizontal-nav .main-content,body.tg-v2-page.v2-dropdown-ready .main-content{max-width:none;width:calc(100% - 64px);margin-left:32px;margin-right:32px}
body.tg-v2-page .bj-content,body.tg-v2-page.v2-horizontal-nav .bj-content{max-width:none;width:calc(100% - 64px);margin-left:32px;margin-right:32px}
@media(min-width:769px) and (max-width:1200px){body.home-next .main-content,body.tg-v2-page .main-content,body.tg-v2-page.v2-horizontal-nav .main-content,body.tg-v2-page.v2-dropdown-ready .main-content,body.tg-v2-page .bj-content{width:calc(100% - 40px);margin-left:20px;margin-right:20px}}
@media(max-width:768px){body.home-next .main-content,body.tg-v2-page .main-content,body.tg-v2-page.v2-horizontal-nav .main-content,body.tg-v2-page.v2-dropdown-ready .main-content,body.tg-v2-page .bj-content{width:calc(100% - 28px);margin-left:14px;margin-right:14px}}
/* Compact full-width rails and card gutters. */
header.site-header{padding-left:16px;padding-right:16px}
body.home-next .main-content,body.tg-v2-page .main-content,body.tg-v2-page.v2-horizontal-nav .main-content,body.tg-v2-page.v2-dropdown-ready .main-content,body.tg-v2-page .bj-content{max-width:none;width:calc(100% - 32px);margin-left:16px;margin-right:16px}
body.home-next .main-content>div,body.home-next .main-content .home-overview{gap:10px;margin-bottom:12px}
body.home-next #showChannelDiv,body.home-next #qtServices{gap:10px}
@media(max-width:768px){header.site-header{padding-left:12px;padding-right:12px}body.home-next .main-content,body.tg-v2-page .main-content,body.tg-v2-page.v2-horizontal-nav .main-content,body.tg-v2-page.v2-dropdown-ready .main-content,body.tg-v2-page .bj-content{width:calc(100% - 20px);margin-left:10px;margin-right:10px}body.home-next .main-content>div,body.home-next .main-content .home-overview,body.home-next #showChannelDiv,body.home-next #qtServices{gap:8px}}
/* Approved fluid page containers; leave dialogs, client logs and controls intact. */
body.tg-v2-page>.main-content,body.tg-v2-page>.bj-content{max-width:none;min-width:0;width:calc(100% - 32px);margin-left:16px;margin-right:16px;box-sizing:border-box}
body.tg-v2-page .main-content>.tougaoai-content,
body.tg-v2-page .main-content>.aitougao-content,
body.tg-v2-page .main-content .channels-info-form,
body.tg-v2-page .main-content .base-info{max-width:none;width:100%;min-width:0;box-sizing:border-box}
body.tg-v2-page .main-content .tougaojh-content-left,
body.tg-v2-page .main-content .tougaojh-content-right{width:auto;min-width:0;flex:1 1 0}
@media(max-width:768px){body.tg-v2-page>.main-content,body.tg-v2-page>.bj-content{width:calc(100% - 20px);margin-left:10px;margin-right:10px}body.tg-v2-page .main-content .tougaojh-content-left,body.tg-v2-page .main-content .tougaojh-content-right{width:100%;flex-basis:100%}}
header.site-header nav a.v2-menu-trigger:after{content:'';display:inline-block;width:5px;height:5px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}
header.site-header nav a.v2-menu-trigger[aria-expanded=true]:after{transform:translateY(1px) rotate(225deg)}
.v2-menu-group .v2-menu-overview{background:#f0faf6;color:#14967d;font-weight:600;margin-bottom:12px}
/* Hide legacy navigation at first paint, before body classes or menu fetch. */
body:not(.v2-nav-fallback) nav#leftMenuNav{display:none!important}
body:not(.v2-nav-fallback) nav#leftMenuNav~.main-content,
body:not(.v2-nav-fallback) nav#leftMenuNav~.bj-content{margin-top:96px;max-width:none;width:calc(100% - 32px);margin-left:16px;margin-right:16px}
/* Explicit failure fallback, never an intermediate loading state. */
body.v2-nav-fallback nav#leftMenuNav{position:relative;top:auto;bottom:auto;left:auto;width:calc(100% - 32px);height:auto;margin:92px 16px 0;padding:12px;background:#fff;border:1px solid #e1eee8;border-radius:10px;overflow:auto;display:flex!important;align-items:flex-start;gap:14px;flex-wrap:wrap}
body.v2-nav-fallback nav#leftMenuNav>p{margin:6px;padding:0;border:0}
body.v2-nav-fallback nav#leftMenuNav>ul{display:flex;flex-wrap:wrap;gap:5px;margin:0}
body.v2-nav-fallback nav#leftMenuNav~.main-content,body.v2-nav-fallback nav#leftMenuNav~.bj-content{margin-top:16px;max-width:none;width:calc(100% - 32px);margin-left:16px;margin-right:16px}
@media(max-width:768px){body:not(.v2-nav-fallback) nav#leftMenuNav~.main-content,body:not(.v2-nav-fallback) nav#leftMenuNav~.bj-content{margin-top:82px;width:calc(100% - 20px);margin-left:10px;margin-right:10px}body.v2-nav-fallback nav#leftMenuNav{width:calc(100% - 20px);margin:78px 10px 0}body.v2-nav-fallback nav#leftMenuNav~.main-content,body.v2-nav-fallback nav#leftMenuNav~.bj-content{width:calc(100% - 20px);margin-left:10px;margin-right:10px}}
/* Unified site-wide blue action palette: lake blue, paired with the jade brand. */
body .btn-1,body .btn-2,body .btn-11,body .btn-12{background:#3288B3!important;border-color:#3288B3!important;color:#FFFFFF!important}
body .btn-1:hover,body .btn-2:hover,body .btn-11:hover,body .btn-12:hover{background:#287497!important;border-color:#287497!important;color:#FFFFFF!important}
body .btn-1:active,body .btn-2:active,body .btn-11:active,body .btn-12:active{background:#21617E!important;border-color:#21617E!important;color:#FFFFFF!important}
body .btn-1:focus-visible,body .btn-2:focus-visible,body .btn-11:focus-visible,body .btn-12:focus-visible{outline-color:#287497}
/* Legacy share-copy action is visually primary although its original class is outlined. */
body .share-referral-modal .share-yqm .copy-btn{background:#3288B3;border-color:#3288B3;color:#FFFFFF}
body .share-referral-modal .share-yqm .copy-btn:hover{background:#287497;border-color:#287497;color:#FFFFFF}
/* Login popup appearance only; original template IDs and login.js stay unchanged. */
#loginModal .modal-content{width:420px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:18px;background:#fff;border:1px solid #dfebe4;box-shadow:0 18px 60px #244d3c28}
#loginModal .modal-title-div{padding:24px 26px 20px;background:linear-gradient(110deg,#e2f8f1,#f8fcfa);border-bottom:1px solid #e3efe7}
#loginModal .modal-title-div h3{margin:0;padding:0!important;text-align:left;font-size:23px;line-height:1.5;color:#315843}
#loginModal .modal-title-div .modal-icon-font-remove{top:18px;right:18px;color:#82998b;font-size:22px}
#loginModal .login-form{width:100%;padding:22px 26px 26px;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;box-sizing:border-box}
#loginModal .login-form>input{margin:0;width:100%;min-width:0;height:46px;padding:12px 14px;border:1px solid #dfe9e3;border-radius:9px;background:#f8fbf9;color:#456455;font-size:14px;box-sizing:border-box}
#loginModal .login-form>input::placeholder{color:#9aada1}
#loginModal .login-form>input:focus{border-color:#82b9cb;background:#fff;box-shadow:0 0 0 3px #3288b30c}
#loginModal #loginEmail{grid-row:1;grid-column:1}
#loginModal #loginVcode{grid-row:2;grid-column:1;padding-right:147px}
#loginModal #loginLabel{position:static;grid-row:2;grid-column:1;justify-self:end;align-self:center;z-index:1;top:auto;right:auto;max-width:140px;margin:0 7px 0 0;padding:8px 11px;border:0;border-radius:6px;background:#edf5f9;color:#3288B3;font-size:12px;line-height:18px;white-space:nowrap;cursor:pointer}
#loginModal #loginLabel:hover:not(:disabled){background:#dfedf4;color:#287497;text-decoration:none}
#loginModal #loginLabel:disabled{color:#9baeb5;background:#f1f5f6;cursor:wait}
#loginModal .vcode-tips{font-size:13px;font-weight:500;line-height:1.7;color:#94651f;background:#fff7e8;border-radius:7px;padding:9px 12px;margin-top:-3px;box-sizing:border-box}
#loginModal .login-form-label{font-size:12px;line-height:1.8;color:#83968a;display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin:0}
#loginModal #protocolCheck{width:14px;height:14px;padding:0;margin:0 4px 0 0;accent-color:#3288B3}
#loginModal .login-form-label a{color:#3288B3;white-space:normal}
#loginModal #loginBtn{width:100%;height:44px;margin:3px 0 0;border:1px solid #3288B3;border-radius:9px;background:#3288B3;color:#fff;font-size:15px;font-weight:500;transition:background-color .18s ease;cursor:pointer}
#loginModal #loginBtn:hover{background:#287497;border-color:#287497}
#loginModal #loginBtn:active{background:#21617E}
#loginModal #loginBtn:focus-visible,#loginModal #loginLabel:focus-visible{outline:2px solid #287497;outline-offset:3px}
@media(max-width:600px){#loginModal .modal-title-div{padding:20px}#loginModal .modal-title-div h3{font-size:21px}#loginModal .login-form{padding:20px;gap:12px}#loginModal #loginLabel{padding:8px;font-size:11px;max-width:135px}#loginModal #loginVcode{padding-right:137px}}
/* Homepage utility dialogs: styling only; keep original handlers and modal IDs. */
:is(#userBatchModal,#importEmailModal,#copyEmailModal:has(img[src*="xhs_board_biji"])) .modal-content{max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;border:1px solid #dfebe4;border-radius:16px;box-shadow:0 18px 60px #244d3c28;box-sizing:border-box}
:is(#withdrawMailModal,#userBatchModal,#importEmailModal,#copyEmailModal:has(img[src*="xhs_board_biji"])) .modal-title-div{padding:20px 24px;background:linear-gradient(110deg,#e2f8f1,#f8fcfa);border-bottom:1px solid #e3efe7}
:is(#withdrawMailModal,#userBatchModal,#importEmailModal,#copyEmailModal:has(img[src*="xhs_board_biji"])) .modal-title-div :is(h3,h4){margin:0;padding:0;text-align:left;font-size:20px;line-height:1.5;color:#315843}
:is(#withdrawMailModal,#userBatchModal,#importEmailModal,#copyEmailModal:has(img[src*="xhs_board_biji"])) .modal-icon-font-remove{top:18px;right:18px;font-size:22px;color:#82998b;cursor:pointer}
#userBatchModal .modal-content{width:420px}
#userBatchModal .model-form{padding:18px 24px 24px;min-width:0}
#userBatchModal table{width:100%;border-collapse:separate;border-spacing:0 8px}
#userBatchModal .model-form table td{height:auto;padding:0;border:0;background:transparent}
#userBatchModal .model-form table td:last-child{width:34px;text-align:right}
#userBatchModal .model-form table td input{width:100%;min-width:0;height:42px;padding:10px 12px;border:1px solid #dfe9e3;border-radius:8px;background:#f8fbf9;box-sizing:border-box;color:#456455}
#userBatchModal .user-batch-del{display:inline-flex;align-items:center;justify-content:center;width:30px;height:32px;border-radius:6px;cursor:pointer;color:#b47b73}
#userBatchModal .user-batch-del:hover{background:#fff0ed;color:#ad5146}
#userBatchModal .btn-batch-1{margin-top:8px;padding:9px 12px;border:1px dashed #c9dfd3;border-radius:8px;background:#f8fcfa;color:#438369}
#userBatchModal .btn-batch-2{margin:20px 0 0;height:42px;border-radius:8px}
#importEmailModal .modal-content{width:1100px}
#importEmailModal .import-email-form{padding:20px 24px 24px;box-sizing:border-box;color:#506b5b}
#importEmailModal .file-div{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;background:#f8fcfa;border:1px solid #e4eee8;border-radius:10px}
#importEmailModal .file-div select{max-width:100%;height:38px;margin:0;padding:6px 10px;border:1px solid #dfe9e3;border-radius:7px;background:#fff;color:#506b5b}
#importEmailModal #file_input{flex:1 1 220px;min-width:0;max-width:100%;font-size:12px;color:#718779;margin:0}
#importEmailModal #file_input::file-selector-button{padding:8px 12px;border:1px solid #dfe9e3;border-radius:7px;background:#fff;color:#506b5b;margin-right:10px;cursor:pointer}
#importEmailModal .file-div .btn{margin:0;padding:9px 12px;white-space:nowrap;border-radius:7px}
#importEmailModal .import-email-form h6{font-size:14px;color:#456455;margin:18px 0 10px;font-weight:500}
#importEmailModal .num-label{font-size:20px;color:#25977e;font-weight:600;margin:0 3px}
#importEmailModal :is(.shoulu-content-div,.content-div){width:100%;box-sizing:border-box;padding:12px 14px;background:#f8fcfa;border:1px solid #e4eee8;border-radius:9px;color:#506b5b;scrollbar-width:thin;scrollbar-color:#c9ddd2 transparent}
#importEmailModal .shoulu-content-div{height:88px}
#importEmailModal .cf-shoulu-div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
#importEmailModal .cf-shoulu-div :is(.left-div,.right-div){width:100%;min-width:0;margin:0}
#importEmailModal .content-div{height:180px}
#importEmailModal .content-div-tr{height:36px;line-height:36px;border-bottom:1px solid #e8efe9}
#importEmailModal .content-div-tr:last-child{border-bottom:0}
#importEmailModal .tips-div{margin:16px 0 0;padding:12px 14px;border-radius:8px;background:#fff7e8;color:#94651f;font-size:12px;line-height:1.8}
#importEmailModal .btn-div{margin-top:18px}
#importEmailModal .btn-div button{min-height:42px;border-radius:8px}
#copyEmailModal:has(img[src*="xhs_board_biji"]) .modal-content{width:360px}
#copyEmailModal:has(img[src*="xhs_board_biji"]) .model-form{padding:22px 24px 12px;text-align:center;min-width:0}
#copyEmailModal .model-form img[src*="xhs_board_biji"]{display:block;width:220px;max-width:100%;height:auto;margin:0 auto;padding:10px;border:1px solid #e3ece7;border-radius:12px;background:#fff;box-sizing:border-box}
#copyEmailModal:has(img[src*="xhs_board_biji"]) .model-tips{margin:0 24px 24px;padding:10px 12px;border-radius:8px;background:#f8fcfa;color:#648271;font-size:13px;line-height:1.7;text-align:center}
@media(max-width:600px){:is(#userBatchModal,#importEmailModal,#copyEmailModal:has(img[src*="xhs_board_biji"])) .modal-title-div{padding:18px}:is(#userBatchModal,#importEmailModal,#copyEmailModal:has(img[src*="xhs_board_biji"])) .modal-title-div :is(h3,h4){font-size:18px}#userBatchModal .model-form,#importEmailModal .import-email-form{padding:16px 18px 20px}#importEmailModal .cf-shoulu-div{grid-template-columns:minmax(0,1fr);gap:0}#importEmailModal .file-div{padding:12px}#importEmailModal .content-div{height:160px}}
/* Learning pages: retain original content layout; update heading and text palette only. */
:is(.resource-page,.course-page,.short-name-page){color:#456455}
:is(.resource-page,.course-page,.short-name-page) :is(.resource-hero,.course-hero,.short-name-hero){padding:24px 28px;background:linear-gradient(110deg,#e2f8f1,#f8fcfa);border-color:#d5eee5}
:is(.resource-hero-copy,.course-hero-copy){max-width:none}
:is(.resource-hero,.course-hero,.short-name-hero) h1{font-size:26px;line-height:1.5;color:#35564a;margin:0 0 8px}
:is(.resource-hero,.course-hero,.short-name-hero) p{font-size:14px;line-height:1.8;color:#71897d;max-width:none}
.course-hero .course-slogan{color:#4f806a;border-color:#aedac7}
.resource-page :is(h2,strong),.course-page :is(h2,h3),.short-name-page :is(h2,.short-name-label){color:#35564a}
:is(.resource-kicker,.course-kicker,.short-name-kicker,.resource-link-index){color:#24876f}
.resource-page :is(.resource-links small,.resource-buy-bar span,.zlb-preview-tip),.course-page :is(.course-topic p,.course-intro>p:last-child,.course-footer>div:first-child>p:last-child){color:#71897d}
.resource-page :is(.resource-mark,.resource-points span){color:#648271}
.resource-page .resource-links a{color:#456455}
.resource-page .resource-links b{color:#3288b3}
.course-page .topic-number{color:#bd842e}
.course-page .course-footer-label{color:#24876f!important}
.short-name-page :is(#shortNameCount,.short-name-label small){color:#82988a}
.short-name-page .short-name-login-tip{color:#94651f}
.short-name-page .short-name-style span{color:#648271}
.short-name-page .short-name-style input:checked+span{color:#24876f}
.short-name-page #shortNameIntro{color:#456455}
@media(max-width:768px){:is(.resource-page,.course-page,.short-name-page) :is(.resource-hero,.course-hero,.short-name-hero){padding:20px}:is(.resource-hero,.course-hero,.short-name-hero) h1{font-size:23px}}
/* Shared page-heading typography, based on the public short-story ranking. */
:is(.intro-hero,.download-hero,.settlement-intro,.guide-heading,.resource-hero,.course-hero,.short-name-hero,.tougaoai-content,.mobao-summary) h1,
.home-next .home-hero>div:first-child>h1,
.auto-submission-page #tougaoPlanListMain>.gonggao>h1,
#learnMainContent .sck-section>.content>h1{font-size:26px!important;line-height:1.5!important;margin:0 0 8px!important;color:#35564a;font-weight:700}
:is(.intro-hero,.download-hero,.settlement-intro,.resource-hero,.short-name-hero)>p,
.guide-heading>div>p,.resource-hero-copy>p,.course-hero-copy>.course-lead,
.home-next .home-hero>div:first-child>p,
.submission-intro .tougaoai-content>h1+p,
.mobao-summary>div>p,
#learnMainContent .sck-section>.content>h1+p{font-size:16px!important;line-height:1.8!important;margin:0!important;color:#5c7969!important}
.auto-submission-page #tougaoPlanListMain>.gonggao{font-size:16px!important;line-height:1.8!important;color:#5c7969!important}
.home-next .home-hero .hero-kicker{display:block;margin-bottom:8px}
@media(max-width:768px){:is(.intro-hero,.download-hero,.settlement-intro,.guide-heading,.resource-hero,.course-hero,.short-name-hero,.tougaoai-content,.mobao-summary) h1,.home-next .home-hero>div:first-child>h1,.auto-submission-page #tougaoPlanListMain>.gonggao>h1,#learnMainContent .sck-section>.content>h1{font-size:23px!important}}

/* Learning segmented navigation, aligned with the site's jade palette. */
.v2-learn-tabs{display:flex;align-items:stretch;gap:6px;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 12px;padding:4px;background:#F9FCFA;border:1px solid #dce8e1;border-radius:11px}
.v2-learn-tabs a{display:flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border:0;border-radius:7px;background:transparent;color:#648271;font-size:15px;font-weight:500;line-height:1.6;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:none;transition:background-color .18s ease,color .18s ease}
.v2-learn-tabs a::before{content:'';display:block;flex:none;width:19px;height:19px;background:currentColor;-webkit-mask:var(--learn-icon) center/contain no-repeat;mask:var(--learn-icon) center/contain no-repeat}
.v2-learn-tabs a:hover{background:#f0faf5;color:#24876f}
.v2-learn-tabs a[aria-current=page]{background:#329B81;color:#fff;font-weight:600}
.v2-learn-tabs a[aria-current=page]:hover{background:#298B73;color:#fff}
.v2-learn-tabs a:focus-visible{outline:2px solid #3288b3;outline-offset:1px}
body.v2-learn-page #leftMenuNav{display:none!important}
@media(max-width:768px){.v2-learn-tabs{gap:4px;margin-bottom:10px;padding:3px;border-radius:10px}.v2-learn-tabs a{gap:6px;padding:9px 6px;font-size:14px}.v2-learn-tabs a::before{width:17px;height:17px}}
@media(max-width:359px){.v2-learn-tabs a{gap:4px;padding:9px 3px;font-size:13px}}
.v2-learn-tabs a[href="/learn/zlb"]{--learn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M8%2013h8M8%2017h6%22%2F%3E%3C%2Fsvg%3E")}
.v2-learn-tabs a[href="/learn/dptgk"]{--learn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m10%208%205%203-5%203zM8%2022h8M12%2018v4%22%2F%3E%3C%2Fsvg%3E")}
.v2-learn-tabs a[href="/learn/short-name"]{--learn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2020%204-1%2012-12a2.1%202.1%200%200%200-3-3L5%2016zM14%207l3%203M4%204v4M2%206h4M19%2015v6M16%2018h6%22%2F%3E%3C%2Fsvg%3E")}

body.v2-editor-tabs-page>.v2-editor-tabs{width:calc(100% - 32px);max-width:none;margin:96px 16px 12px}
body.v2-editor-tabs-page>.bj-content{margin-top:0!important}
@media(max-width:768px){body.v2-editor-tabs-page>.v2-editor-tabs{width:calc(100% - 20px);margin:82px 10px 10px}}
.v2-editor-tabs a[href="/bianji/zxsg"]{--learn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2219%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%208h8M8%2012h5m-5%205%202%202%205-5%22%2F%3E%3C%2Fsvg%3E")}
.v2-editor-tabs a[href="/bianji/scworks"]{--learn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v19l-6-4-6%204z%22%2F%3E%3C%2Fsvg%3E")}
.v2-editor-tabs a[href="/bianji/gglist"]{--learn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
/* Editor review workspace: shared palette, cards and responsive columns. */
body.v2-editor-tabs-page{background:#F5F9FC;color:#456455}
body.v2-editor-tabs-page>.bj-content{gap:12px;background:transparent;overflow:visible;align-items:stretch}
.v2-editor-tabs-page>.bj-content>.left-operate{flex:0 0 220px;width:220px;margin:0;height:calc(100dvh - 200px);min-height:420px;border:1px solid #e1ebe5;border-radius:12px;background:#fff;overflow:hidden}
.v2-editor-tabs-page :is(.left-operate,.div-works,.works-div,.user-div)>.div-title{height:auto;min-height:46px;padding:13px 16px;border-bottom:1px solid #e4eee8;background:linear-gradient(110deg,#edf8f2,#f8fcfa);color:#35564a;line-height:1.5;box-sizing:border-box}
.v2-editor-tabs-page .div-title h6{font-size:15px;font-weight:600;color:#35564a;margin:0}
.v2-editor-tabs-page .filter-content{height:calc(100% - 48px);padding:16px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#c9ddd2 transparent}
.v2-editor-tabs-page .filter-title{color:#648271;font-size:13px;font-weight:500;margin-bottom:10px}
.v2-editor-tabs-page .filter-select{gap:7px;margin-bottom:20px}
.v2-editor-tabs-page .filter-select button{padding:6px 10px;border:1px solid #dfe9e3;border-radius:7px;background:#fff;color:#648271;font-size:12px}
.v2-editor-tabs-page .filter-select button:hover{background:#f0faf5;color:#24876f;border-color:#b5dac7}
.v2-editor-tabs-page .filter-select button.select{background:#e2f8f1;border-color:#aedac7;color:#24876f}
.v2-editor-tabs-page .sc-content{height:calc(100% - 48px);padding:12px;box-sizing:border-box;scrollbar-width:thin}
.v2-editor-tabs-page .sc-content p{margin:0 0 7px;padding:10px 12px;border-radius:8px;color:#648271;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.v2-editor-tabs-page .sc-content p:hover{background:#f0faf5;color:#24876f}
.v2-editor-tabs-page .sc-content p.select{background:#e2f8f1;color:#24876f}
.v2-editor-tabs-page>.bj-content>.works-section{flex:1;min-width:0;width:auto;margin:0}
.v2-editor-tabs-page>.bj-content>.works-section .div-works{height:calc(100dvh - 294px);min-height:330px;border:1px solid #e1ebe5;border-radius:12px;box-sizing:border-box}
.v2-editor-tabs-page .div-works>.div-title{border-radius:12px 12px 0 0;padding-right:80px}
.v2-editor-tabs-page .email-attachment-div{box-sizing:border-box;scrollbar-width:thin}
.v2-editor-tabs-page .bottom-tips{height:auto;min-height:32px;padding:6px 4px;color:#82988a;font-size:11px;line-height:1.7}
.v2-editor-tabs-page .bottom-operate{height:auto;min-height:56px;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid #e1ebe5;border-radius:10px;background:#fff;box-sizing:border-box}
.v2-editor-tabs-page .bottom-operate .center{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.v2-editor-tabs-page .bottom-operate .center button{width:auto;min-width:64px;margin:0;padding:8px 10px;border-radius:7px;font-size:12px}
.v2-editor-tabs-page>.bj-content>.user-works-info{flex:0 0 220px;width:220px;margin:0;height:calc(100dvh - 200px);min-height:420px}
.v2-editor-tabs-page .user-works-info :is(.works-div,.user-div){border:1px solid #e1ebe5;border-radius:12px;overflow:hidden;box-sizing:border-box}
.v2-editor-tabs-page .user-works-info .div-content{padding:16px 12px;box-sizing:border-box}
.v2-editor-tabs-page .user-works-info .div-content p{color:#329B81;font-weight:500}
.v2-editor-tabs-page .user-works-info .div-content p.lb{color:#82988a;font-size:12px;font-weight:400}
.v2-editor-tabs-page :is(.set-theme-div,.gg-section){max-width:calc(100vw - 32px);box-sizing:border-box;border:1px solid #dce8e1;border-radius:12px;box-shadow:0 12px 36px #264c3d24;color:#506f5d}
.v2-editor-tabs-page .gg-section .div01{flex-wrap:wrap;gap:12px}
.v2-editor-tabs-page .gg-section :is(input,select,textarea){border:1px solid #dfe9e3;border-radius:7px;background:#f8fcfa;color:#456455;box-sizing:border-box}
.v2-editor-tabs-page .gg-section .div09{display:flex;flex-wrap:wrap;gap:8px}
.v2-editor-tabs-page #guogaoListFrom{width:100%;min-width:0;padding:0;margin:0;border:1px solid #e1ebe5;border-radius:12px;background:#fff;overflow-x:auto;box-sizing:border-box;scrollbar-width:thin}
.v2-editor-tabs-page #guogaoListFrom table{width:100%;min-width:900px;margin:0;border-collapse:collapse}
.v2-editor-tabs-page #guogaoListFrom th{padding:14px 16px;background:linear-gradient(#edf8f2,#f8fcfa);color:#506f5d;font-size:13px;font-weight:500;border-bottom:1px solid #e1ebe5;white-space:nowrap}
.v2-editor-tabs-page #guogaoListFrom td{padding:14px 16px;border-bottom:1px solid #edf2ef;color:#648271;font-size:13px;line-height:1.8}
.v2-editor-tabs-page #guogaoListFrom tbody tr:hover{background:#f8fcfa}
.v2-editor-tabs-page #guogaoListFrom .btn{border-radius:7px}
.v2-editor-tabs-page #guogaoListOperaModal .modal-content{max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #e1ebe5;border-radius:14px;background:#fff}
.v2-editor-tabs-page #guogaoListOperaModal .modal-title-div{padding:18px 22px;background:linear-gradient(110deg,#e2f8f1,#f8fcfa);color:#35564a}
.v2-editor-tabs-page #guogaoListOperaModal .modal-title-div h4{margin:0;padding:0;font-size:18px}
.v2-editor-tabs-page #guogaoListOperaModal .model-form{gap:12px;padding:14px;background:#F5F9FC;max-width:100%;box-sizing:border-box}
@media(max-width:1100px) and (min-width:769px){.v2-editor-tabs-page>.bj-content>.left-operate,.v2-editor-tabs-page>.bj-content>.user-works-info{flex-basis:180px;width:180px}}
@media(max-width:768px){body.v2-editor-tabs-page>.bj-content{flex-direction:column;gap:12px}.v2-editor-tabs-page>.bj-content>.left-operate{width:100%;flex:auto;height:auto;min-height:0;max-height:240px}.v2-editor-tabs-page :is(.filter-content,.sc-content){height:auto;max-height:190px;overflow-y:auto}.v2-editor-tabs-page>.bj-content>.works-section{width:100%;flex:auto}.v2-editor-tabs-page>.bj-content>.works-section .div-works{height:60dvh;min-height:340px}.v2-editor-tabs-page>.bj-content>.user-works-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;height:auto;min-height:0;flex:auto}.v2-editor-tabs-page>.bj-content>.user-works-info :is(.works-div,.user-div){height:auto;min-height:160px;margin:0}.v2-editor-tabs-page .bottom-operate .center{order:3;width:100%}.v2-editor-tabs-page .bottom-operate>.right{margin-left:auto}.v2-editor-tabs-page #guogaoListOperaModal .model-form{flex-direction:column}.v2-editor-tabs-page #guogaoListOperaModal .works-section,.v2-editor-tabs-page #guogaoListOperaModal .user-works-info{width:100%;margin:0}.v2-editor-tabs-page #guogaoListOperaModal .user-works-info{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.v2-editor-tabs-page #guogaoListOperaModal .user-works-info :is(.works-div,.user-div){height:auto;min-height:150px}.v2-editor-tabs-page .gg-section{position:fixed;left:50%;bottom:16px;max-height:calc(100dvh - 32px);overflow-y:auto}.v2-editor-tabs-page .gg-section::after{display:none}}
/* Fit the two review workspaces to available viewport space; align column bottoms. */
body.v2-editor-tabs-page>.v2-editor-tabs{margin-bottom:8px}
@media(min-width:769px){
body.v2-editor-tabs-page>:is(#filterSection,#scWorksSection){height:var(--review-height,calc(100dvh - 168px));min-height:320px;margin-bottom:12px;gap:10px}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection)>.left-operate{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection)>.left-operate>:is(.filter-content,.sc-content){flex:1;min-height:0;height:auto;padding:12px}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection)>.works-section{display:grid;grid-template-rows:minmax(0,1fr) auto auto;height:100%;min-height:0}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection)>.works-section .div-works{display:flex;flex-direction:column;height:auto;min-height:0}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection) .div-works>.div-title{flex:none}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection) .email-attachment-div{flex:1;min-height:0;height:auto;padding:12px 22px}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection)>.user-works-info{display:grid;grid-template-rows:minmax(0,2fr) minmax(0,3fr);gap:10px;height:100%;min-height:0}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection)>.user-works-info :is(.works-div,.user-div){height:auto;min-height:0;margin:0}
}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection) .bottom-tips{min-height:0;padding:4px;line-height:1.6}
.v2-editor-tabs-page>:is(#filterSection,#scWorksSection) .bottom-operate{min-height:48px;padding:7px 10px}
@media(max-width:768px){body.v2-editor-tabs-page>.v2-editor-tabs{margin-bottom:8px}body.v2-editor-tabs-page>:is(#filterSection,#scWorksSection){gap:8px;margin-bottom:10px}.v2-editor-tabs-page>:is(#filterSection,#scWorksSection) .filter-select{margin-bottom:12px}.v2-editor-tabs-page>:is(#filterSection,#scWorksSection) .email-attachment-div{padding:12px 16px}}

/* Match settlement pagination without changing shared paging handlers. */
.v2-editor-tabs-page #guogaoListFrom #t_paging_div{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding:16px 18px!important;border-top:1px solid #edf3ef;background:#fff!important;box-sizing:border-box}
.v2-editor-tabs-page #guogaoListFrom #t_page_sum_count{position:static!important;transform:none!important;margin-right:auto;text-align:left;font-size:12px!important;color:#85988c;line-height:1.8}
.v2-editor-tabs-page #guogaoListFrom #t_paging_div .btn-page{margin:0;padding:7px 13px;min-height:34px;border:1px solid #DFE9E3;border-radius:7px;background:#F8FCFA;color:#5A7968;font-size:12px;line-height:18px;box-shadow:none}
.v2-editor-tabs-page #guogaoListFrom #t_paging_div .btn-page:hover:not(:disabled){background:#E2F8F1;border-color:#B8DDCC;color:#16876A}
.v2-editor-tabs-page #guogaoListFrom #t_paging_div .btn-page:disabled{background:#F7F9F8;border-color:#EDF1EE;color:#B7C3BB;cursor:not-allowed;opacity:1}
.v2-editor-tabs-page #guogaoListFrom #t_page_size{margin:0 3px;width:108px!important;min-height:34px;padding:6px 8px!important;background:#fff!important;border:1px solid #DFE9E3;border-radius:7px;font-size:12px;color:#5A7968}
.v2-editor-tabs-page #guogaoListFrom #t_paging_div button:focus-visible,.v2-editor-tabs-page #guogaoListFrom #t_page_size:focus-visible{outline:2px solid #2DA9FA;outline-offset:2px}
@media(max-width:768px){.v2-editor-tabs-page #guogaoListFrom #t_paging_div{padding:14px!important;justify-content:center;gap:6px}.v2-editor-tabs-page #guogaoListFrom #t_page_sum_count{flex-basis:100%;margin:0 0 5px;text-align:center}.v2-editor-tabs-page #guogaoListFrom #t_paging_div .btn-page{padding:8px 9px;min-height:38px}.v2-editor-tabs-page #guogaoListFrom #t_page_size{width:98px!important;min-height:38px;margin:0}}

/* Center pagination controls while retaining record statistics on the left. */
.v2-editor-tabs-page #guogaoListFrom #t_paging_div{justify-content:center;min-height:68px;padding-left:18px!important;padding-right:18px!important}
.v2-editor-tabs-page #guogaoListFrom #t_page_sum_count{position:absolute!important;left:18px;top:50%;transform:translateY(-50%)!important;margin:0;max-width:calc(50% - 260px);overflow-wrap:anywhere}
@media(max-width:1100px){.v2-editor-tabs-page #guogaoListFrom #t_page_sum_count{position:static!important;transform:none!important;flex-basis:100%;max-width:none;text-align:center;margin:0 0 5px}}
/* Same subtle 2px scrollbar treatment as the homepage notice. */
.v2-editor-tabs-page #filterSection .filter-content,.v2-editor-tabs-page #scWorksSection .sc-content{scrollbar-width:thin;scrollbar-color:rgba(60,145,133,.24) transparent}
:is(#filterSection .filter-content,#scWorksSection .sc-content)::-webkit-scrollbar{width:2px;height:2px}
:is(#filterSection .filter-content,#scWorksSection .sc-content)::-webkit-scrollbar-track{background:transparent;border-radius:0}
:is(#filterSection .filter-content,#scWorksSection .sc-content)::-webkit-scrollbar-thumb{background:rgba(60,145,133,.24);border-radius:2px}
:is(#filterSection .filter-content,#scWorksSection .sc-content)::-webkit-scrollbar-thumb:hover{background:rgba(60,145,133,.45)}
@supports selector(::-webkit-scrollbar){.v2-editor-tabs-page #filterSection .filter-content,.v2-editor-tabs-page #scWorksSection .sc-content{scrollbar-width:auto;scrollbar-color:auto}}

/* Membership entry beside public introduction headings. */
.intro-page .intro-hero-with-membership{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.intro-hero-with-membership>h1{grid-column:1;grid-row:1}
.intro-hero-with-membership>p{grid-column:1;grid-row:2}
.intro-page .intro-hero-with-membership>.intro-hero-membership{grid-column:2;grid-row:1/3;margin:0;padding:10px 18px;border:1px solid #3288B3;border-radius:8px;background:#3288B3;color:#fff;box-shadow:0 3px 8px #3288b318;font-size:13px;line-height:1.7;white-space:nowrap}
.intro-page .intro-hero-with-membership>.intro-hero-membership:hover{background:#287497;border-color:#287497;color:#fff;box-shadow:0 5px 12px #28749722}
.intro-page .intro-hero-with-membership>.intro-hero-membership:active{background:#21617E;border-color:#21617E}
.intro-page .intro-hero-with-membership>.intro-hero-membership:focus-visible{outline:2px solid #287497;outline-offset:3px}
@media(max-width:600px){.intro-page .intro-hero-with-membership{grid-template-columns:minmax(0,1fr);row-gap:0}.intro-page .intro-hero-with-membership>.intro-hero-membership{grid-column:1;grid-row:3;justify-self:center;margin-top:16px;min-height:42px}}

:is(.windvane-intro-page,.ranking-intro-page) .intro-wrap>.site-ad-block{margin-top:16px}
/* Compact desktop email settings; original fields, validation and client callbacks retained. */
.modal-div:has(#user_tougao_info_btn) .modal-content{width:720px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce8e1;border-radius:12px;background:#fff;box-shadow:0 18px 60px #244d3c28;box-sizing:border-box;scrollbar-width:thin}
.modal-div:has(#user_tougao_info_btn) .modal-title-div{padding:16px 20px;background:linear-gradient(110deg,#e2f8f1,#f8fcfa);border-bottom:1px solid #d5eee5}
.modal-div:has(#user_tougao_info_btn) .modal-title-div h3{margin:0;padding:0;text-align:left;font-size:20px;line-height:1.5;color:#35564a}
.modal-div:has(#user_tougao_info_btn) .modal-icon-font-remove{top:16px;right:16px;font-size:20px;color:#82998b}
.modal-div:has(#user_tougao_info_btn) .model-form{display:flex;flex-direction:column;gap:10px;padding:16px 20px 18px;box-sizing:border-box;min-width:0}
.modal-div:has(#user_tougao_info_btn) .model-form h6{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0;color:#456455;font-size:14px;line-height:1.6;font-weight:500}
.modal-div:has(#user_tougao_info_btn) .model-form h6:first-child{padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid #edf2ef}
.modal-div:has(#user_tougao_info_btn) .model-form h6 span{font-size:12px;color:#94651f}
.modal-div:has(#user_tougao_info_btn) .model-form h6 a{margin-left:0;color:#3288B3;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.modal-div:has(#user_tougao_info_btn) .model-form h6 a:hover{color:#287497}
.modal-div:has(#user_tougao_info_btn) .model-form>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,.9fr);gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-sizing:border-box}
.modal-div:has(#user_tougao_info_btn) .model-form>div>label{display:flex;align-items:center;flex-direction:row;gap:8px;min-width:0;width:auto;text-align:left;white-space:nowrap;color:#648271;font-size:12px;line-height:1.6}
.modal-div:has(#user_tougao_info_btn) .model-form input{flex:1;min-width:0;height:38px;max-width:100%;width:100%;margin:0;padding:8px 10px;border:1px solid #dfe9e3;border-radius:6px;background:#f8fcfa;color:#456455;font-size:13px;box-sizing:border-box}
.modal-div:has(#user_tougao_info_btn) .model-form #lschengji{flex:none;width:220px}
.modal-div:has(#user_tougao_info_btn) .model-form input:focus{outline:2px solid #3288b314;border-color:#82b9cb;background:#fff}
.modal-div:has(#user_tougao_info_btn) .model-form input::placeholder{color:#9aada1}
.modal-div:has(#user_tougao_info_btn) #user_tougao_info_btn{align-self:flex-start;min-width:130px;height:40px;margin:6px 0 0;padding:9px 26px;border-radius:7px;background:#3288B3;border:1px solid #3288B3;color:#fff;font-size:14px;line-height:1.5}
.modal-div:has(#user_tougao_info_btn) #user_tougao_info_btn:hover{background:#287497;border-color:#287497}
.modal-div:has(#user_tougao_info_btn) .model-form>.update_time{align-self:flex-start;margin:0;color:#82988a;font-size:11px;line-height:1.6}
/* Place the email notice and tutorial together on a dedicated second line. */
.modal-div:has(#user_tougao_info_btn) .model-form h6:nth-of-type(2){display:grid;grid-template-columns:max-content max-content;justify-content:start;column-gap:8px;row-gap:4px;line-height:1.6}
.modal-div:has(#user_tougao_info_btn) .model-form h6:nth-of-type(2)>span{grid-column:1;grid-row:2;margin:0}
.modal-div:has(#user_tougao_info_btn) .model-form h6:nth-of-type(2)>a{grid-column:2;grid-row:2;margin:0}
/* Offset the original three nonbreaking spaces without editing the shared markup. */
.modal-div:has(#user_tougao_info_btn) .model-form h6:nth-of-type(2)>span{text-indent:-.75em}
/* Client-required prompt: presentation only, preserve detection/start/download behavior. */
.modal-div:has(.dw-client-div) .modal-content{width:520px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #dce8e1;border-radius:14px;background:#fff;box-shadow:0 18px 60px #244d3c28;box-sizing:border-box}
.modal-div:has(.dw-client-div) .modal-title-div{padding:20px 24px;background:linear-gradient(110deg,#e2f8f1,#f8fcfa);border-bottom:1px solid #d5eee5}
.modal-div:has(.dw-client-div) .modal-title-div h3{margin:0;padding:0;text-align:left;font-size:22px;line-height:1.5;color:#35564a}
.modal-div:has(.dw-client-div) .modal-icon-font-remove{top:17px;right:16px;font-size:22px;color:#82998b}
.modal-div .modal-body-div.dw-client-div{width:auto;min-width:0;padding:22px 24px 24px;text-align:left;box-sizing:border-box}
.modal-div .dw-client-div h6{margin:0 0 14px;font-size:16px;line-height:1.7;color:#456455;font-weight:500}
.modal-div .dw-client-div p{height:auto;margin:8px 0;padding:10px 12px;border:1px solid #e7eee9;border-radius:8px;background:#f8fcfa;font-size:13px;color:#71897d;line-height:1.8;white-space:normal}
.modal-div .dw-client-div p:nth-of-type(3){border-color:#cde5d8;background:#edf8f2;color:#438369}
.modal-div .dw-client-div br{display:none}
.modal-div .dw-client-div p:last-child{margin:18px 0 0;padding:16px 0 0;border:0;border-top:1px solid #e1ebe5;border-radius:0;background:transparent;color:#648271}
.modal-div .dw-client-div p a{display:block;width:fit-content;margin-top:12px;padding:10px 20px;border:1px solid #3288B3;border-radius:8px;background:#3288B3;color:#fff;font-size:14px;line-height:1.6;text-decoration:none;box-shadow:0 3px 8px #3288b318}
.modal-div .dw-client-div p a:hover{background:#287497;border-color:#287497;color:#fff;text-decoration:none}
.modal-div .dw-client-div p a:focus-visible{outline:2px solid #287497;outline-offset:3px}
@media(max-width:600px){.modal-div:has(.dw-client-div) .modal-title-div{padding:18px 20px}.modal-div:has(.dw-client-div) .modal-title-div h3{font-size:20px}.modal-div .modal-body-div.dw-client-div{padding:18px 20px 20px}.modal-div .dw-client-div p a{width:100%;box-sizing:border-box;text-align:center}}
.guide-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:100%}
:is(.guide-heading,.download-hero) .submission-heading-link{display:inline-flex;align-items:center;gap:4px;margin:0;padding:4px 10px;min-height:28px;box-sizing:border-box;border-color:#E1EBE5;background:#fff;color:#3288B3;font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap}
:is(.guide-heading,.download-hero) .submission-heading-link:hover{background:#F0F8F4}

.submission-heading-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:8px}
:is(.guide-heading,.download-hero) .submission-heading-title h1{margin:0!important}

/* Keep interior page headings compact while preserving their horizontal alignment. */
:is(.intro-hero,.submission-hero,.download-hero,.settlement-intro,.guide-heading,
    .resource-hero,.course-hero,.short-name-hero,.mobao-summary),
.auto-submission-page #tougaoPlanListMain > .gonggao {
  padding-block: 16px !important;
}
@media (max-width: 768px) {
  :is(.intro-hero,.submission-hero,.download-hero,.settlement-intro,.guide-heading,
      .resource-hero,.course-hero,.short-name-hero,.mobao-summary),
  .auto-submission-page #tougaoPlanListMain > .gonggao {
    padding-block: 12px !important;
  }
}
.tutorial-guide-page #tutorialList .guide-link-featured .guide-title{color:#245f4c;font-weight:700}
.tutorial-guide-page #tutorialList .guide-link-featured .guide-no{background:transparent;color:#205d4b;font-weight:700}
.tutorial-guide-page #tutorialList .guide-sections {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 410px), 1fr));
}
.tutorial-guide-page #tutorialList .div-title,
.tutorial-guide-page #tutorialList .div-content {
  padding-inline: 12px;
}
.tutorial-guide-page #tutorialList .guide-link {
  padding-inline-end: 4px;
}
.tutorial-guide-page #tutorialList .guide-arrow {
  margin-inline-start: -6px;
}
/* Keep page-level tabs within reach while the page scrolls. */
body:has(> header.site-header) {
  --page-tab-top: 76px;
}

:is(.v2-learn-tabs, .v2-editor-tabs, .main-content > .section-tag) {
  position: sticky;
  top: var(--page-tab-top, 0px);
  z-index: 970;
}

.main-content > .section-tag { background: #f9fcfa; }

@media (max-width: 768px) {
  body:has(> header.site-header) { --page-tab-top: 64px; }
}