/* Xiang Sheng · selected ink / vivid-yellow theme. Shared across the existing app. */
:root, html.light {
  --navy:#18212f; --navy2:#202c3d; --navy3:#2b3b50;
  --gold:#ffda34; --gold2:#ffe568; --goldDeep:#866000;
  --goldSoft:#fff7d4; --goldLine:#e8cf78;
  --bg:#f4f6f9; --bg2:#edf1f6; --card:#fff; --card2:#fff;
  --ink:#18212f; --ink2:#39465a; --muted:#647187;
  --line:#dfe6ef; --line2:#eaf0f5; --soft:#f7f9fc; --soft2:#f0f7fc;
  --info:#086dba; --infobg:#edf7ff;
  --shadow-sm:0 2px 6px #18212f04,0 8px 22px #18212f04;
  --shadow-md:0 12px 36px #18212f12; --shadow-lg:0 24px 64px #18212f24;
  --ring:0 0 0 3px #198ce522; --r-sm:7px; --r-md:10px; --r-lg:14px;
}
html.dark {
  --gold:#ffda34; --gold2:#ffe568; --goldDeep:#ffe16a; --goldSoft:#343021; --goldLine:#695d31;
  --bg:#101722; --bg2:#151f2d; --card:#192333; --card2:#1b2738;
  --ink:#edf2f9; --ink2:#c3cede; --muted:#a0aec3;
  --line:#334156; --line2:#2a374b; --soft:#202c3d; --soft2:#172e42;
  --info:#74c6ff; --infobg:#153449; --ok:#6dd9a0; --bad:#ffaaa2; --warn:#ffd078;
  --okbg:#18382c; --badbg:#412725; --warnbg:#3a3122;
  --shadow-sm:0 6px 24px #0002; --shadow-md:0 14px 36px #0004; --shadow-lg:0 24px 64px #0006;
}
html body, html.light body, html.dark body {
  background:var(--bg)!important; color:var(--ink)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
html.light body.workbench-shell, html.dark body.workbench-shell {
  --gold:#ffda34; --gold2:#ffe568; --goldDeep:#866000; --goldSoft:#fff7d4; --goldLine:#e8cf78;
  --bg:#f4f6f9; --soft:#f7f9fc; --line:#dfe6ef; --card:#fff; --r-lg:12px;
}
html.dark body.workbench-shell {
  --goldDeep:#ffe16a; --goldSoft:#343021; --goldLine:#695d31;
  --bg:#101722; --soft:#202c3d; --line:#334156; --card:#192333;
}
::selection {background:#ffda3477;color:inherit;}
html a {color:var(--info);}
html :focus-visible {outline:2px solid var(--info);outline-offset:3px;}
html .nav, html.light .nav, html.dark .nav, html .workbench-shell > .nav {
  background:var(--card); border-bottom:1px solid var(--line); box-shadow:0 5px 24px #18212f0a;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
html .nav .brand img, html .nav .brand .logoimg {
  width:176px!important; height:48px!important; max-width:100%; object-fit:contain;
  filter:none!important; flex:none;
}
html .nav .brand .bname, html .shell-brand > span {display:none!important;}
html .workbench-shell .shell-brand {flex:1;}
html .nav .links a.navlink, html.light .nav .links a.navlink,
html .workbench-shell #nav .navlink {
  color:var(--ink2); border:0; background:transparent; box-shadow:none;
  border-radius:999px; font-weight:650; letter-spacing:0; padding:9px 14px;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
html .nav .links a.navlink:hover, html.light .nav .links a.navlink:hover,
html .workbench-shell #nav .navlink:hover {background:var(--soft);color:var(--ink);}
html .nav .links a.navlink.active, html.light .nav .links a.navlink.active,
html .workbench-shell #nav .navlink.active {
  color:#fff; background:#202936; box-shadow:0 4px 10px #18212f1a;
}
html.dark .nav .links a.navlink.active, html.dark .workbench-shell #nav .navlink.active {
  background:#ffda34; color:#18212f;
}
html .nav .links a.navlink::after {background:var(--gold);height:3px;border-radius:2px;bottom:4px;}
html.dark .nav .links a.navlink.active::after {background:#18212f;}
html .nav .links a.login:not(.active) {background:var(--gold);color:#18212f;box-shadow:none;}
html .nav .links .who, html.light .nav .links .who {
  color:var(--ink2);background:var(--card);border:1px solid var(--line);
}
html .nav .links .who .avatar {background:var(--gold);color:#18212f;}
html .nav .links .who .role, html.light .nav .links .who .role {
  color:var(--muted);border-color:var(--line);background:var(--soft);letter-spacing:0;
}
html .nav .links .logoutBtn, html .themeBtn, html.light .themeBtn, html .navToggle {
  border:1px solid var(--line);background:var(--card);color:var(--ink2);box-shadow:none;
}
html .nav .links .logoutBtn:hover, html .themeBtn:hover {background:var(--soft);color:var(--ink);border-color:#b1bfd1;}
html .navToggle span, html.light .navToggle span {background:var(--ink2);}
html .pagehead, html.light .pagehead, html.dark .pagehead {
  background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none;
}
html .pagehead::before, html .pagehead::after {display:none;}
html .pagehead h1 {color:var(--ink)!important;letter-spacing:.2px;}
html .pagehead .ph-sub, html .pagehead .ph-meta {color:var(--muted)!important;}
html .pagehead .eyebrow {color:var(--goldDeep);letter-spacing:2px;}
html .pagehead .eyebrow::before {background:var(--gold);height:4px;border-radius:2px;width:24px;}
html .pagehead .ph-actions .badge {background:var(--card);border-color:var(--goldLine);color:var(--ink2);letter-spacing:0;}
html .production-cutoff, html.dark .production-cutoff {
  background:var(--goldSoft);border-color:var(--goldLine);color:var(--ink2);border-radius:10px;
}
html .production-cutoff strong {color:var(--ink);}
html .card, html .dash-card, html .period-card, html .mission-card {
  border-color:var(--line);background:var(--card);box-shadow:var(--shadow-sm);
}
html .btn, html .bigbtn, html .ghostbtn, html .quote-tool-actions button {
  border-radius:9px;letter-spacing:0;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
html .btn:not(.secondary):not(.ghost):not(.danger):not(.green), html .bigbtn,
html .quote-tool-actions button:first-child {
  background:var(--gold);color:#18212f;border:1px solid var(--gold);box-shadow:none;
}
html .btn:not(.secondary):not(.ghost):not(.danger):not(.green):hover,
html .bigbtn:hover, html .quote-tool-actions button:first-child:hover {
  background:#ffe56a;border-color:#ffe56a;box-shadow:0 5px 14px #9577181a;filter:none;transform:translateY(-1px);
}
html .btn:active, html .bigbtn:active, html .quote-tool-actions button:active {transform:translateY(1px);box-shadow:none;}
html .btn.secondary, html .btn.ghost, html .ghostbtn, html .quote-tool-actions button {
  background:var(--card);color:var(--ink2);border:1px solid var(--line);box-shadow:none;
}
html .btn.secondary:hover, html .btn.ghost:hover, html .ghostbtn:hover, html .quote-tool-actions button:hover {
  color:var(--ink);background:var(--soft);border-color:#aabbd0;box-shadow:0 3px 8px #18212f08;
}
html .btn:disabled, html .btn[disabled] {transform:none;box-shadow:none;filter:none;}
html input:not([type=checkbox]):not([type=radio]), html select, html textarea {
  background-color:var(--card);border-color:var(--line);color:var(--ink);border-radius:9px;
}
html input:hover, html select:hover, html textarea:hover {border-color:#aabbd0;}
html input:focus, html select:focus, html textarea:focus {border-color:var(--info);box-shadow:var(--ring);background-color:var(--card);}
html input:disabled, html select:disabled {background-color:var(--soft);color:var(--muted);}
html th {background:var(--soft);color:var(--muted);}
html tbody tr:hover td {background:var(--soft2);}
html .table-wrap, html .order-table-scroll {border-color:var(--line);}
html .dtabs {background:var(--card);border-color:var(--line);box-shadow:none;}
html .dtabs a {color:var(--ink2);border-radius:8px;}
html .dtabs a.active, html .workspace-tabs button.active,
html .workspace-module-nav a[aria-current=page],
html .workbench-shell #app > .workspace-tabs button[aria-current=page] {
  background:#202936;color:#fff;border-color:#202936;box-shadow:none;
}
html.dark .dtabs a.active, html.dark .workspace-tabs button.active,
html.dark .workspace-module-nav a[aria-current=page],
html.dark .workbench-shell #app > .workspace-tabs button[aria-current=page] {
  background:var(--gold);color:#18212f;border-color:var(--gold);
}
html .workbench-shell #app > .workspace-tabs {background:var(--card);border-color:var(--line);}
html .workbench-shell #app > .workspace-tabs button:hover:not([aria-current=page]) {background:var(--soft);color:var(--ink);}
html .workbench-shell .shell-nav-group h2 {color:var(--muted);}
html .mission-kpi {border-color:var(--line);box-shadow:var(--shadow-sm);border-radius:12px;}
html .mission-kpi > strong {color:var(--ink);}
html .mission-kpi:nth-child(2) > strong {color:var(--info);}
html .mission-kpi:nth-child(3) > strong {color:var(--goldDeep);}
html .mission-kpi:nth-child(4) > strong {color:var(--warn);}
html .mission-notice {border-color:var(--goldLine);background:var(--goldSoft);color:var(--ink2);}
html .route-quote .pagehead-inner {padding-top:30px;padding-bottom:24px;}
html .route-quote .pagehead h1 {font-size:36px;line-height:1.25;}
html .quote-tools {background:var(--card);border-color:var(--line);}
html #quotePlanCount {background:var(--bg2);color:var(--ink);}
html .quote-layout-shell .card {border-color:var(--line)!important;background:var(--card)!important;box-shadow:var(--shadow-sm)!important;}
html .quote-layout-shell .title {color:var(--ink)!important;}
html .sitefoot, html.light .sitefoot {background:var(--card);border-top:1px solid var(--line);color:var(--muted);}
html .sitefoot .fbrand {display:block;}
html .sitefoot .fbrand img {width:200px;height:auto;max-height:58px;object-fit:contain;filter:none!important;}
html .sitefoot h4, html .sitefoot .fbot b {color:var(--ink2);}
html .sitefoot p, html .sitefoot a, html .sitefoot .fbot {color:var(--muted);}
html .sitefoot a:hover {color:var(--info);}
html .sitefoot .fbot {border-color:var(--line);}
html .route-auth > .container > .card {border-top:4px solid var(--gold);box-shadow:var(--shadow-md);}
html .route-auth .captcha-refresh {border-color:var(--line);background:var(--card);border-radius:9px;}
html .route-auth #loginBtn {min-height:44px;}
html .home .topbar {color:var(--muted);border-color:var(--line);}
html .home .marquee {background:var(--card);border-color:var(--line);}
html .home .marquee-track span {color:var(--muted);}
html .home .hero {background:var(--bg);}
html .home .hero::before, html .home .hero::after {display:none;}
html .home .hero h1, html .home .secthead h2 {color:var(--ink);}
html .home .hero .grad {background:none;color:var(--goldDeep);-webkit-text-fill-color:var(--goldDeep);}
html .home .hero .sub, html .home .secthead p {color:var(--muted);}
html .home .hero .sub b {color:var(--ink2);}
html .home .hero-meta, html .home .hero-meta .caps {color:var(--muted);}
html .home .quick-search, html .home .trust span {background:var(--card);border-color:var(--line);box-shadow:var(--shadow-sm);}
html .home .trust span {color:var(--ink2);border-radius:8px;}
html .home .stats, html .home .stat {background:var(--card);border-color:var(--line);}
html .home .stat .num {color:var(--ink);}
html .home .stat .lab {color:var(--muted);}
html .home .feat, html .home .pstep, html .home .why {background:var(--card);border-color:var(--line);border-radius:12px;color:var(--ink);}
html .home .feat:hover {border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-3px);}
html .home .feat h3, html .home .pstep h3, html .home .why h3 {color:var(--ink);}
html .home .feat p, html .home .pstep p, html .home .why p {color:var(--muted);}
html .home .feat .ficon {background:var(--goldSoft);border-color:var(--goldLine);}
html .home .feat .ficon svg {stroke:var(--goldDeep);}
html .home .feat .go, html .home .feat .eng, html .home .secthead .caps {color:var(--goldDeep);}
html .home .feat .no {color:var(--muted);opacity:.5;}
@media(max-width:700px) {
  html .nav .brand img, html .nav .brand .logoimg {width:146px!important;height:40px!important;}
  html .route-quote .pagehead h1 {font-size:28px;}
  html .route-quote .pagehead-inner {padding-top:24px;padding-bottom:20px;}
}
@media(prefers-reduced-motion:reduce) {
  html .nav .links a.navlink, html .btn, html .bigbtn, html .ghostbtn, html .quote-tool-actions button {transition:none;}
  html .btn:hover, html .btn:active, html .bigbtn:hover, html .bigbtn:active {transform:none;}
}
@media print {html .nav,html .sitefoot {display:none!important;} html body {background:#fff!important;color:#000!important;}}


/* Scoped overrides for the original quote document's later inline styles. */
html {--nav-h:72px;}
html .route-quote .pagehead-inner {padding-top:26px;padding-bottom:15px;}
html .route-quote .pagehead h1 {font-size:40px;}
html .route-quote .quote-tools {margin-top:10px;}
html .route-quote .quote-tools > div:first-child {border-left:4px solid var(--gold);padding-left:12px;}
html .quote-tool-actions button {display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:44px;}
html .ui-icon {display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle;}
html .themeBtn {display:inline-flex;gap:6px;align-items:center;}
html.dark .themeBtn .ui-icon, html.dark .quote-tool-actions button:not(:first-child) .ui-icon {filter:brightness(0) invert(1);}
html .production-cutoff strong {display:flex;align-items:center;gap:8px;}
html .quote-cutoff .ui-icon {width:22px;height:22px;flex-basis:22px;}
html.dark .quote-cutoff .ui-icon {filter:brightness(0) invert(1);}
html.light body.route-quote .quote-layout-shell .card,
html.dark body.route-quote .quote-layout-shell .card {background:var(--card)!important;border-color:var(--line)!important;box-shadow:var(--shadow-sm)!important;}
html.light body.route-quote .quote-layout-shell .title,
html.dark body.route-quote .quote-layout-shell .title {color:var(--ink)!important;}
html.dark body.route-quote .card div, html.dark body.route-quote .card span,
html.dark body.route-quote .card label {color:var(--ink2)!important;}
html.dark body.route-quote .smartRequirementHead b,
html.dark body.route-quote .galleryHeader strong {color:var(--ink)!important;}
html.dark body.route-quote .card .muted, html.dark body.route-quote .smartRequirementHint,
html.dark body.route-quote .galleryHeader small {color:var(--muted)!important;}
html.dark body.route-quote .smartRequirementBox,
html.dark body.route-quote .materialGallery,
html.dark body.route-quote .compactBlock {background:var(--soft)!important;border-color:var(--line)!important;}
html.dark body.route-quote input:not([type=checkbox]):not([type=radio]),
html.dark body.route-quote select, html.dark body.route-quote textarea {background-color:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important;}
html.dark body.route-quote select:disabled {background-color:var(--soft)!important;color:var(--muted)!important;}
html body.route-quote #orderAdviceFloatV562 {background:var(--infobg)!important;color:var(--info)!important;box-shadow:none!important;border-color:var(--line)!important;}
html.dark body.route-quote #orderAdviceFloatV562 .adviceTitle {color:var(--info)!important;}
html.light .home .hero-frame, html.dark .home .hero-frame {background:var(--card);border-color:var(--line);border-radius:16px;}
html .home .hero-frame::before, html .home .hero-frame::after {display:none;}
html .home .bigbtn, html .home .ghostbtn {border-radius:9px;letter-spacing:0;box-shadow:none;}
html .home .bigbtn {background:var(--gold);color:#18212f;}
html .home .ghostbtn {background:var(--card);color:var(--ink2);border-color:var(--line);}
html .home .ghostbtn:hover {background:var(--soft);color:var(--ink);border-color:#aabbd0;}
html .home .hero .grad {color:var(--ink);-webkit-text-fill-color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:7px;text-underline-offset:8px;}
html.light .home .topbar {color:var(--muted);border-color:var(--line);}
html.light .home .trust span {background:var(--card);border-color:var(--line);color:var(--ink2);}
html.light .home .feat, html.dark .home .feat, html.light .home .pstep,
html.dark .home .pstep, html.light .home .adv, html.dark .home .adv {background:var(--card);border-color:var(--line);border-radius:12px;}
html .home .adv h3 {color:var(--ink);}
html .home .adv p {color:var(--muted);}
html .home .ctaband-inner {background:var(--gold);border-radius:14px;}
html .home .ctaband-inner::before {display:none;}
html .home .ctaband .bigbtn {background:#202936;color:#fff;box-shadow:none;}
@media(max-width:700px) {html .route-quote .pagehead h1 {font-size:28px;} html .quote-tool-actions button {font-size:12px;min-height:40px;} html .home .hero .grad {text-decoration-thickness:4px;text-underline-offset:5px;}}

/* Selected states beat the legacy light-theme tab rules. */
html.light .dtabs {background:var(--card);border-color:var(--line);border-radius:12px;}
html.light .dtabs a.active {background:#202936;color:#fff;box-shadow:none;}
html.dark .dtabs a.active {background:var(--gold);color:#18212f;}
html.dark body.route-quote .materialGallery .galleryViewBtn {background:var(--soft2)!important;color:var(--info)!important;border-color:var(--line)!important;}

html .pagehead .quote-cutoff strong {max-width:100%;white-space:normal;flex-wrap:wrap;}


html.dark body.route-quote .card .galleryBadge {background:var(--soft2)!important;color:var(--info)!important;border-color:var(--line)!important;}
html.dark .production-cutoff .ui-icon {filter:brightness(0) invert(1);}
@media(max-width:700px) {
  html .quote-tool-actions {display:flex!important;flex-wrap:wrap;width:100%;}
  html .quote-tool-actions button {flex:1 1 140px;min-width:0;min-height:44px;white-space:normal;word-break:normal;}
}