/* Ordinary browsing only. Loaded with media="screen" after the shared theme.
   Workspace layouts and independently rendered report documents never opt in. */
body.qt-browse {
  --browse-brand:#02874b;
  --browse-brand-hover:#006b3e;
  --browse-ink:#202632;
  --browse-muted:#626b7b;
  --browse-line:#e7eaf0;
  --primary:#02874b;
  --primary-600:#006b3e;
  --primary-700:#004f30;
  --primary-50:#f0f8f5;
  --primary-100:#dceee7;
  --primary-200:#b9ddcf;
  --qt-brand-50:#02874b;
  --qt-brand-60:#02874b;
  --qt-brand-70:#006b3e;
  --qt-brand-80:#004f30;
  --text:#202632;
  --text-600:#626b7b;
  --text-400:#666d79;
  --bg:#fff;
  --border:#e2e6ed;
  --border-light:#edf0f4;
  --grad-brand:linear-gradient(#02874b,#02874b);
  --grad-hero:linear-gradient(115deg,#f2f4f8,#f6f4fa);
  --shadow-glow:0 6px 20px #173d2d0c;
  background:#fff;
  color:var(--browse-ink);
}
body.qt-browse :focus-visible { outline:3px solid #75b9a5; outline-offset:3px; }
body.qt-browse :is(input,select,textarea):focus { border-color:var(--browse-brand); box-shadow:0 0 0 3px #02874b12; }
body.qt-browse :is(input[type=checkbox],input[type=radio]) { accent-color:var(--browse-brand); }

/* A quiet, spacious navigation bar; original logo images retain their colors. */
body.qt-browse .navbar { background:#fff; border-bottom:1px solid var(--browse-line); box-shadow:none; backdrop-filter:none; }
body.qt-browse .nav-container { height:72px; max-width:1440px; padding:0 40px; gap:24px; }
body.qt-browse .nav-logo { gap:9px; flex-shrink:0; }
body.qt-browse .nav-logo>img { width:34px; height:34px!important; border-radius:7px; }
body.qt-browse .nav-wordmark { height:22px; width:auto; }
body.qt-browse .nav-wm-wrap { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
body.qt-browse .logo-sub-pill { position:static; background:none; color:#555a64; box-shadow:none; font-size:11px; letter-spacing:1px; line-height:1.3; padding:0; }
body.qt-browse .logo-sub-pill::after { display:none; }
body.qt-browse .nav-links { margin-left:0; gap:4px; justify-content:center; }
body.qt-browse .nav-links>a,
body.qt-browse .nav-drop-btn { color:#2c323d; font-size:16px; font-weight:500; padding:11px 12px; border-radius:7px; }
body.qt-browse .nav-links>a.active,
body.qt-browse .nav-links>a:hover,
body.qt-browse .nav-drop:hover>.nav-drop-btn,
body.qt-browse .nav-drop.open>.nav-drop-btn { color:var(--browse-brand); background:#f0f4f2; }
body.qt-browse .nav-drop-menu { min-width:264px; border:1px solid var(--browse-line); background:#fff; padding:10px; border-radius:12px; box-shadow:0 16px 48px #28344714; }
body.qt-browse .nav-drop-menu a { min-height:48px; padding:10px 12px; color:#2c323d; border-radius:8px; }
body.qt-browse .nav-drop-menu a::after { display:none; }
body.qt-browse .nav-drop-menu a:hover { color:var(--browse-brand); background:#f2f4f6; }
body.qt-browse .nav-drop-menu .dm-desc { color:#555b66; font-size:14px; margin-top:2px; }
body.qt-browse .navbar .nav-drop-menu .dm-ico { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:10px; color:#5776da; background:#ebeffb; }
body.qt-browse .nav-drop-menu a:nth-child(4n+2) .dm-ico { color:#9263ce; background:#f0ebf7; }
body.qt-browse .nav-drop-menu a:nth-child(4n+3) .dm-ico { color:#cd843d; background:#fbf1e5; }
body.qt-browse .nav-drop-menu a:nth-child(4n) .dm-ico { color:#ce6c79; background:#fbecee; }
body.qt-browse .qt-nav-workbench { color:var(--browse-brand); border:1px solid #b9dacf; background:#fff; border-radius:7px; padding:9px 13px; min-height:40px; font-weight:600; }
body.qt-browse .qt-nav-workbench:hover { background:#ecf4f1; border-color:var(--browse-brand); }
body.qt-browse .nav-auth .btn { border-radius:7px; font-size:15px; padding:9px 15px; }
body.qt-browse .nav-auth .btn-primary { background:var(--browse-brand); color:#fff; border-color:var(--browse-brand); }
body.qt-browse .nav-auth .btn-primary:hover { background:var(--browse-brand-hover); color:#fff; border-color:var(--browse-brand-hover); }
body.qt-browse .nav-auth-login { border-color:var(--browse-line); color:#3b4351; background:#fff; }
body.qt-browse .nav-user-btn { border-color:transparent; }
body.qt-browse .nav-avatar { color:var(--browse-brand); background:#e6f1eb; }
body.qt-browse .nav-user-menu { border-color:var(--browse-line); background:#fff; box-shadow:0 14px 36px #29384d12; }
body.qt-browse .hamburger { border:1px solid var(--browse-line); border-radius:8px; width:40px; height:40px; align-items:center; justify-content:center; padding:8px; background:#fff; color:#3d4652; }
body.qt-browse .qt-preview-note { background:#f3f5f8; border-color:#eef1f5; color:#586274; }

/* Brand green belongs to actions; service illustrations and category chips keep color. */
body.qt-browse :is(.btn-primary,.btn-green,.btn-ky,.btn-cv,.auth-submit,.btn-welcome,.btn-generate,.kyr-submit,.cvr-submit,.svr-submit,.zrf-submit,.stpk-btn,.ws-hero-cta,.ai-fill-btn),
body.qt-browse :is(.tr-btn,.lx-btn,.cp-btn,.tm-btn).pri,
body.qt-browse :is(.btn-kyr,.btn-cvr,.btn-svr,.btn-zrf,.btn-rb).p,
body.qt-browse :is(.plan-sidebar,.ky-sidebar,.cv-sidebar,.sv-sidebar,.zr-sidebar) .btn-new,
body.qt-browse :is(.search-box,.sy-search,.tf-kw,.lx-kw) button {
  background:var(--browse-brand); border-color:var(--browse-brand); color:#fff; box-shadow:none;
}
body.qt-browse :is(.btn-primary,.btn-green,.btn-ky,.btn-cv,.auth-submit,.btn-welcome,.btn-generate,.kyr-submit,.cvr-submit,.svr-submit,.zrf-submit,.ws-hero-cta):hover,
body.qt-browse :is(.search-box,.sy-search,.tf-kw,.lx-kw) button:hover { background:var(--browse-brand-hover); color:#fff; box-shadow:0 4px 12px #173d2d12; transform:none; filter:none; }
body.qt-browse :is(.btn-outline,.btn-ky-o,.btn-cv-o) { color:var(--browse-brand); background:#fff; border-color:#c9ded5; }
body.qt-browse :is(.btn-outline,.btn-ky-o,.btn-cv-o):hover { background:#edf4f1; border-color:var(--browse-brand); }
body.qt-browse .search-box { background:#fff; border:1px solid #dce4e0; padding:6px; border-radius:12px; box-shadow:0 8px 28px #24384b09; backdrop-filter:none; }
body.qt-browse .search-box input { min-width:0; background:#fff; color:var(--browse-ink); border-radius:8px; }
body.qt-browse .search-box button { border-radius:8px; }
body.qt-browse .search-suggestions .ss-label { color:#5c6471; }
body.qt-browse .search-suggestions a { color:#4c5663; background:#fff; border:1px solid #e6eaf0; backdrop-filter:none; }
body.qt-browse .search-suggestions a:hover { color:var(--browse-brand); background:#eff4f1; border-color:#c9dfd5; }
body.qt-browse :is(.card,.job-card,.filter-panel,.search-sidebar,.ky-panel,.ky-school,.sy-card) { background:#fff; border-color:var(--browse-line); box-shadow:0 2px 8px #26364c03; }
body.qt-browse .job-card:hover { border-color:#bdd8cc; box-shadow:0 8px 24px #26364c08; }
body.qt-browse .job-card::before { background:var(--browse-brand); }
body.qt-browse thead th { background:#f3f4f6; color:#4d5664; border-color:#e8ebf0; }
body.qt-browse tbody tr:hover { background:#f6f7f9; }

/* Public channel introductions: readable dark type and a bounded illustration. */
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero,.zs-hero,.tc-hero,.ts-hero,.zsb-hero,.tr-hero,.pr-hero,.cr-hero,.sr-hero,.rp-hero,.ws-hero,.qb-hero,.page-hero,.search-hero,.pricing-hero) {
  background:linear-gradient(115deg,#f3f5f9 0%,#f8f7fa 60%,#efedf8 100%);
  color:var(--browse-ink); box-shadow:none; border-radius:0; border-bottom:1px solid #edf0f5;
}
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero,.zs-hero,.page-hero,.search-hero,.pricing-hero)::before,
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero,.zs-hero,.page-hero,.search-hero,.pricing-hero)::after { background:none; animation:none; }
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero) { min-height:276px; padding:52px max(32px,calc((100% - 1160px)/2)) 64px; }
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero) .v2-bg { inset:24px 28px 24px auto; width:34%; max-width:420px; height:calc(100% - 48px); object-fit:cover; object-position:center; border-radius:18px; z-index:0; }
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero)>:is(h1,p,.badge,.sy-stats) { max-width:61%; }
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero,.zs-hero,.ws-hero,.qb-hero,.page-hero,.search-hero,.pricing-hero) :is(h1,h2) { color:#232b3b; text-shadow:none; font-weight:650; letter-spacing:-.5px; }
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero,.zs-hero,.ws-hero,.qb-hero,.page-hero,.search-hero,.pricing-hero) p { color:#565f6f; opacity:1; text-shadow:none; }
body.qt-browse :is(.ky-hero,.lx-hero,.tf-hero,.zs-hero) h1 em { color:var(--channel-deep,#5864a7); }
body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero,.zs-hero,.ws-hero) .badge,
body.qt-browse .pricing-hero .ph-badge { color:#555e74; background:#fff; border:1px solid #e3e7ef; box-shadow:none; }
body.qt-browse .sy-stat .n { color:#497bb9; }
body.qt-browse .sy-stat .l,
body.qt-browse .hero-stats .hs-label { color:#515864; opacity:1; }
body.qt-browse .hero-stats .hs-num { color:#374764; }
body.qt-browse .ws-hero-sub { color:#535f74; opacity:1; }
body.qt-browse .ws-hero-img { filter:none; }
body.qt-browse .auth-wrap { background:#fff; }
body.qt-browse .auth-wrap::before,
body.qt-browse .auth-wrap::after { background:none; }
body.qt-browse .auth-card { background:#fff; border:1px solid #e7ebf1; box-shadow:0 14px 50px #273b630a; }
body.qt-browse .auth-tabs { background:#f0f2f4; }
body.qt-browse .auth-tabs button.active { color:var(--browse-brand); }

/* The same light treatment covers linked directory, news, and resource headers. */
body.qt-browse :is(.soe-hero,.td-hero,.st-hero,.civil-hero,.rs-hero,.nw-hero,.kb-hero,.zsd-hero,.zsm-hero,.inv-hero) {
  background:linear-gradient(115deg,#f2f4f8,#f6f4fa); color:#384359; box-shadow:none;
}
body.qt-browse :is(.soe-hero,.st-hero,.civil-hero,.rs-hero,.nw-hero,.kb-hero,.zsd-hero,.zsm-hero,.inv-hero)::before,
body.qt-browse :is(.soe-hero,.st-hero,.civil-hero,.rs-hero,.nw-hero,.kb-hero,.zsd-hero,.zsm-hero,.inv-hero)::after { background:none; animation:none; }
body.qt-browse :is(.soe-hero,.td-hero,.st-hero,.civil-hero,.rs-hero,.nw-hero,.kb-hero,.zsd-hero,.zsm-hero,.inv-hero) :is(h1,h2) { color:#293449; text-shadow:none; }
body.qt-browse :is(.soe-hero,.td-hero,.st-hero,.civil-hero,.rs-hero,.nw-hero,.kb-hero,.zsd-hero,.zsm-hero,.inv-hero) :is(p,.sub,.hero-subtitle,.crumb) { color:#5a6476; text-shadow:none; opacity:1; }
body.qt-browse .civil-hero h1 em { color:#7c619b; }
body.qt-browse :is(.st-hero,.rs-hero,.nw-hero,.kb-hero,.qb-hero) .badge,
body.qt-browse .soe-hero-tags span,
body.qt-browse .td-hero .chip { color:#566278; background:#fff; border-color:#e0e6f0; }
body.qt-browse .td-hero .hbg::after { background:linear-gradient(90deg,#f3f5f9 0%,#f7f9fde6 45%,#f7f9fd30 100%); }
body.qt-browse .td-hero .crumb a { color:#5b677e; }
body.qt-browse :is(.zsm-hero,.zsd-hero) :is(.tag,.lv) { color:#596279; background:#fff; border-color:#e2e7ef; }
body.qt-browse :is(.nw-hero .nw-art,.qb-hero .qb-art,.kb-hero .kb-art) { filter:none; }

/* Light, varied service cards replace solid green promotional surfaces. */
body.qt-browse :is(.ky-func,.tp-func,.sy-act) { --card-accent:#617fe0; --card-wash:#f3f6ff; background:var(--card-wash)!important; color:var(--browse-ink)!important; border:1px solid #e8ecf4; box-shadow:none; }
body.qt-browse :is(.ky-func,.tp-func,.sy-act):nth-child(4n+2) { --card-accent:#936ccc; --card-wash:#f7f3fc; }
body.qt-browse :is(.ky-func,.tp-func,.sy-act):nth-child(4n+3) { --card-accent:#c98539; --card-wash:#fff8ef; }
body.qt-browse :is(.ky-func,.tp-func,.sy-act):nth-child(4n) { --card-accent:#ce7181; --card-wash:#fff3f5; }
body.qt-browse :is(.ky-func,.tp-func,.sy-act) :is(h3,p) { color:var(--browse-ink); opacity:1; }
body.qt-browse :is(.ky-func,.tp-func,.sy-act) p { color:#515867; }
body.qt-browse :is(.ky-func,.tp-func,.sy-act) :is(.fg,.fi,.ai) { color:var(--card-accent); filter:none; }
body.qt-browse :is(.ky-func,.tp-func,.sy-act):hover { border-color:var(--card-accent); box-shadow:0 8px 24px #26364c08; }
body.qt-browse .ky-func.f7 { border-color:#e5dcf4; background:#f2eef9!important; }
body.qt-browse .ky-func.f7 :is(h3,p,.fg) { color:#584775; }
body.qt-browse .ky-stat { border-top-color:#dbe1f0; box-shadow:0 4px 16px #26364c05; }
body.qt-browse .tp-qbank { background:#f0f2fb; box-shadow:none; border:1px solid #e4e9f5; }
body.qt-browse .tp-qbank .tq-bg { left:auto; right:0; width:42%; object-position:center; }
body.qt-browse .tp-qbank .tq-mask { background:linear-gradient(90deg,#f0f2fb 45%,#f4f6ff00 90%); }
body.qt-browse .tp-qbank :is(.tq-body,h3,p) { color:#3a4660; opacity:1; }
body.qt-browse .tp-qbank .tq-badge { color:#4c4e71; background:#fff; border-color:#dce1f0; }
body.qt-browse .tp-qbank .tq-go { color:#fff; background:var(--browse-brand); box-shadow:none; }
body.qt-browse .mb-card { background:#f3f5f8; border-color:#e3e8f0; }
body.qt-browse .pricing-wrap>a[href$="/invite"] { background:#f1eff8!important; color:#485167!important; border:1px solid #e8e2f2; }
body.qt-browse .pricing-wrap>a[href$="/invite"] b { color:#68548e!important; }
body.qt-browse .pricing-wrap>a[href$="/invite"]>span:last-child { color:#fff; background:var(--browse-brand)!important; }

/* A light footer keeps ordinary browsing on an uninterrupted white canvas. */
body.qt-browse .footer { background:#f3f4f6!important; color:#586171!important; border-top:1px solid #edf0f4; padding-top:44px; }
body.qt-browse .footer::before,
body.qt-browse .footer::after { display:none; }
body.qt-browse .footer-col h4,
body.qt-browse .fb-name { color:#2d3645; }
body.qt-browse .footer-col a,
body.qt-browse .footer-links a { color:#586171!important; }
body.qt-browse .footer-col a:hover,
body.qt-browse .footer-links a:hover { color:var(--browse-brand)!important; }
body.qt-browse .fb-slogan,
body.qt-browse .footer-col p,
body.qt-browse .footer-bottom { color:#586171!important; }
body.qt-browse .footer-links,
body.qt-browse .footer-bottom,
body.qt-browse .footer-grid { border-color:#e5e9ef!important; }
body.qt-browse .footer-links .fl-label { color:#555b66; }
body.qt-browse .fb-name small { background:var(--browse-brand)!important; }

@media(min-width:1121px) {
  body.qt-browse .hamburger { display:none; }
}
@media(max-width:1120px) {
  body.qt-browse .nav-container { padding:0 24px; gap:16px; }
  body.qt-browse .nav-logo { margin-right:auto; }
  body.qt-browse .navbar .nav-links { display:none; }
  body.qt-browse .navbar .nav-links.open { display:flex; position:absolute; top:72px; left:16px; right:16px; margin:0; padding:12px; flex-direction:column; align-items:stretch; gap:4px; background:#fff; border:1px solid var(--browse-line); border-radius:12px; box-shadow:0 18px 40px #28344716; max-height:calc(100dvh - 96px); overflow-y:auto; }
  body.qt-browse .hamburger { display:inline-flex; }
  body.qt-browse .navbar .nav-links>a,
  body.qt-browse .navbar .nav-drop-btn { min-height:44px; font-size:16px; width:100%; justify-content:space-between; }
  body.qt-browse .navbar .nav-drop-menu { position:static; display:none; min-width:0; width:100%; margin:4px 0 8px; opacity:0; visibility:hidden; transform:none; box-shadow:none; background:#f4f5f8; border:0; }
  body.qt-browse .navbar .nav-drop.open>.nav-drop-menu { display:block; opacity:1; visibility:visible; transform:none; }
}
@media(max-width:760px) {
  body.qt-browse .nav-container { height:64px; padding:0 16px; gap:10px; }
  body.qt-browse .nav-logo>img { width:30px; height:30px!important; }
  body.qt-browse .nav-wordmark { height:19px; }
  body.qt-browse .logo-sub-pill { font-size:8px; letter-spacing:.5px; }
  body.qt-browse .navbar .nav-links.open { top:64px; left:10px; right:10px; max-height:calc(100dvh - 84px); }
  body.qt-browse .qt-nav-workbench { font-size:0; padding:8px; border:0; gap:5px; min-width:58px; background:#f0f4f2; }
  body.qt-browse .qt-nav-workbench::after { content:'工作台'; font-size:14px; }
  body.qt-browse .qt-nav-workbench .qt-icon { width:16px; height:16px; }
  body.qt-browse .qt-nav-workbench>span { display:none; }
  body.qt-browse .nav-auth .btn { padding:7px 10px; min-height:36px; }
  body.qt-browse .nav-auth .nav-auth-reg { display:none; }
  body.qt-browse .nav-username,
  body.qt-browse .nav-user-btn .caret { display:none; }
  body.qt-browse .nav-avatar { width:30px; height:30px; }
  body.qt-browse .hamburger { width:36px; height:36px; padding:7px; }
  body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero) { padding:32px 22px; min-height:0; }
  body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero) .v2-bg { position:relative; inset:auto; width:100%; max-width:100%; height:180px; object-fit:cover; border-radius:12px; margin-bottom:20px; }
  body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero)>:is(h1,p,.badge,.sy-stats) { max-width:100%; }
  body.qt-browse :is(.ky-hero,.tp-hero,.sy-hero,.lx-hero,.tf-hero,.zs-hero,.ws-hero,.qb-hero,.page-hero,.search-hero,.pricing-hero) h1 { font-size:27px; line-height:1.45; }
  body.qt-browse .ky-hero { padding-bottom:76px; }
  body.qt-browse .sy-stats { gap:22px; }
  body.qt-browse .search-box { flex-direction:row; padding:5px; gap:4px; }
  body.qt-browse .search-box input { width:0; padding:12px; font-size:17px; }
  body.qt-browse .search-box button { padding:12px 18px; font-size:16px; }
  body.qt-browse .tp-qbank .tq-bg { opacity:.2; width:55%; }
  body.qt-browse .tp-qbank .tq-mask { background:linear-gradient(90deg,#f0f2fb 28%,#f4f6ff80); }
  body.qt-browse .footer { padding:32px 22px 20px; }
}
@media(max-width:370px) {
  body.qt-browse .nav-container { padding:0 10px; gap:6px; }
  body.qt-browse .nav-wordmark { height:17px; }
  body.qt-browse .qt-nav-workbench .qt-icon { display:none; }
}