/* Platform v2: energetic color, calm reading surfaces, education-first hierarchy. */
:root {
  --primary:#4263eb; --primary-600:#3453d1; --primary-700:#2842b5;
  --primary-50:#f0f4ff; --primary-100:#e4ebff; --primary-200:#c7d4ff;
  --text:#20283f; --text-600:#626d84; --text-400:#737a8a;
  --border:#e1e6f0; --border-light:#edf0f6; --bg:#f1f3f8;
  --grad-brand:linear-gradient(120deg,#4263eb,#7756e7);
  --qt-brand-50:#5273f4; --qt-brand-60:#4263eb; --qt-brand-70:#3453d1; --qt-brand-80:#293e99;
  --qt-ink:#242e48; --qt-lime:#edf1ff; --qt-n-60:#636c7e; --qt-n-70:#5d6981;
}
body.qt-experience { --channel:#4263eb; --channel-soft:#e9eefb; --channel-deep:#304cb4; background:#f3f4f8; color:#26314b; }
body[data-topic=kaoyan] { --channel:#7754d9; --channel-soft:#eee9fb; --channel-deep:#6141ba; }
body[data-topic=civil] { --channel:#d97732; --channel-soft:#fbefe4; --channel-deep:#ad5821; }
body[data-topic=soe] { --channel:#087f95; --channel-soft:#e6f4f7; --channel-deep:#096779; }
body[data-topic=liuxue] { --channel:#cb557d; --channel-soft:#fbecf1; --channel-deep:#a23b5d; }
body[data-topic=comp] { --channel:#8e63d5; --channel-soft:#f0ebfb; --channel-deep:#7044b5; }
body[data-topic=transfer],body[data-topic=zsb] { --channel:#307abf; --channel-soft:#e8f2fb; --channel-deep:#215f9d; }
.qt-experience :focus-visible { outline:3px solid #7895ff; outline-offset:3px; }
.qt-experience .navbar { border-bottom:1px solid #e9edf7; box-shadow:0 3px 15px #31457c03; }
.qt-experience .nav-container { max-width:1440px; height:76px; }
.qt-experience .nav-links>a,.qt-experience .nav-drop-btn { color:#465166; font-weight:550; }
.qt-experience .nav-links>a.active,.qt-experience .nav-links>a:hover,.qt-experience .nav-drop-btn:hover { color:#4263df; background:#ecf0fb; }
.qt-experience .nav-drop-menu { border-color:#e6eaf5; box-shadow:0 18px 55px #2d427b17; }
.qt-experience .dm-ico { background:#eaeffb; color:#4263eb; }
.qt-experience .nav-drop:nth-child(2) .dm-ico { color:#7952cd; background:#eee9fb; }
.qt-experience .nav-drop:nth-child(3) .dm-ico { color:#128a9d; background:#e5f4f7; }
.qt-experience .nav-drop:nth-child(4) .dm-ico { color:#d77a32; background:#fbefe3; }
.qt-experience .qt-nav-workbench { border:1px solid #dce4ff; background:#eff2fb; color:#425cc2; }
.qt-experience .qt-nav-workbench:hover { background:#e4eafb; }
.qt-experience .nav-auth .btn-primary,.qt-experience .btn-primary,.qt-experience .btn-green { background:var(--channel); color:#fff; border-color:transparent; }
.qt-experience .btn-primary:hover { background:var(--channel-deep); }
.qt-experience .nav-avatar { background:#eaedfb; color:#5c62bb; }
.qt-experience .logo-sub-pill { color:#586071; }
.qt-preview-note { background:#e9eefb; border-color:#e1e8fb; color:#405177; }
.qt-preview-note span:last-child { color:#4f5a6f; }
.qt-live-dot { background:#5d7cf1; }
.qt-experience .footer { background:#202942!important; }
.qt-experience .footer-col a { color:#b5bfd7; }
.qt-experience .footer-col h4,.qt-experience .fb-name { color:#f6f8ff; }
.qt-experience .fb-slogan,.qt-experience .footer-bottom { color:#8690a5; }
.qt-experience .footer-links a { color:#8e98ac; }
.qt-experience input:focus,.qt-experience select:focus,.qt-experience textarea:focus { border-color:var(--channel); box-shadow:0 0 0 3px var(--channel-soft); }
.qt-experience input[type=checkbox],.qt-experience input[type=radio] { accent-color:var(--channel); }
.qt-experience .card,.qt-experience .job-card,.qt-experience .filter-panel,.qt-experience .search-sidebar { border-color:#e4e9f2; box-shadow:0 2px 8px #243a6903; }
.qt-experience .job-card:hover { border-color:#b8c9fb; box-shadow:0 8px 26px #2f45880b; }
.qt-experience thead th { background:#f0f2f8; color:#535e76; border-color:#e5eaf5; }
.qt-experience tbody tr:hover { background:#f6f7fb; }
.qt-experience :is(.ky-hero,.tc-hero,.ts-hero,.zsb-hero,.lx-hero,.tr-hero,.pr-hero,.cr-hero,.sr-hero,.rp-hero,.ws-hero,.qb-hero) {
  background:linear-gradient(115deg,var(--channel-deep),var(--channel)); border-radius:18px; box-shadow:none;
}
.qt-experience .ky-func { border:1px solid #e5e3f0; background:#fff!important; }
.qt-experience .ky-func h3 { color:#2c3650; }
.qt-experience .ky-func p { color:#51586a; }
.qt-experience .ky-func .fg,.qt-experience .ky-stat .v { color:var(--channel); }
.qt-experience .ky-func.f7 { background:linear-gradient(125deg,#6457ce,#9672e9)!important; border-color:transparent; }
.qt-experience .ky-func.f7 :is(h3,p,.fg) { color:#fff; }
.qt-experience .guide-box { background:var(--channel-soft); border-color:#e0e7f5; }
.qt-experience :is(.pr-form,.cr-form,.sr-form,.report-form,.form-panel) { border-color:#e2e7f2; border-radius:16px; box-shadow:0 4px 16px #263b6804; }
.qt-experience .form-group label { color:#465166; }
.qt-experience :is(.tr-btn,.lx-btn,.cp-btn).pri { background:var(--channel); color:#fff; }
.qt-experience :is(.tr-goal,.lx-goal,.cp-goal).on { background:var(--channel-soft); border-color:var(--channel); color:var(--channel-deep); }
.qt-experience .auth-wrap { max-width:1120px; gap:64px; }
.qt-experience .auth-card { border-color:#e2e8f6; box-shadow:0 18px 64px #3b4b890c; }
.qt-experience .auth-card h1,.qt-auth-story h2 { color:#283352; }
.qt-auth-story p,.qt-experience .auth-sub,.qt-experience .auth-form label { color:#525a6c; }
.qt-experience .auth-submit { background:#4969ed; }
.qt-experience .auth-tabs { background:#edf0f7; }
.qt-experience .auth-tabs button.active { color:#4a63ca; }
.qt-experience .err-title { color:#28324c; }
.qt-experience .err-desc { color:#555e6f; }
/* Planner workspace: white navigation and a distinct accent for each service. */
.qt-experience.wb-body { background:#f0f2f8; }
.qt-experience .wb-side { border-color:#e5eaf5; }
.qt-experience .wb-logo b { color:#252f4c; }
.qt-experience .wb-logo small { color:#676e7d; }
.qt-experience .wb-logo .mark { background:linear-gradient(140deg,#4263eb,#8662e2); border-radius:11px; }
.qt-experience .wb-mode-switch { background:#edf0f7; border-color:#e7ebf5; }
.qt-experience .wb-mode-switch span { color:#5f6677; }
.qt-experience .wb-mode-switch span.on { color:#4263ce; }
.qt-experience .wb-mi { color:#59647b!important; position:relative; }
.qt-experience .wb-mi:hover { color:#3f5ecc!important; background:#f1f3f9; }
.qt-experience .wb-mi.active { color:#4263d8!important; background:#e9eefb; }
.qt-experience .wb-mi.active::before { content:''; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:4px; background:#5273ed; }
.qt-experience .wb-mi .cnt { background:#dee5fb; color:#5872c4; }
.qt-experience .wb-mi[data-service=kaoyan] .ico { color:#8d65d7; }
.qt-experience .wb-mi[data-service=civil] .ico { color:#d88b43; }
.qt-experience .wb-mi[data-service=soe] .ico { color:#3295a8; }
.qt-experience .wb-mi[data-service=liuxue] .ico { color:#d3799b; }
.qt-experience .wb-mi[data-service=comp] .ico { color:#9b73d7; }
.qt-experience .wb-grade { background:#f2f4f8; }
.qt-experience .wb-grade .gh { color:#54617c; }
.qt-experience .wb-grade.open { background:#eceff8; }
.qt-experience .wb-grade .gh .tag { background:#e3e9f6; color:#616a7e; }
.qt-experience .wb-mgroup { color:#818ba0; }
.qt-experience .wb-ucard { background:#f2f4fb; border-color:#e7ebf7; }
.qt-experience .wb-ucard .av { background:#e1e6fb; color:#545e9b; }
.qt-experience .wb-ucard b { color:#45516f; }
.qt-experience .wb-ucard small,.qt-experience .wb-foot .bk { color:#616b7c!important; }
.qt-experience .wb-topbar { border-color:#e2e8f4; }
.qt-experience .wb-crumb { color:#46516b; }
.qt-experience .wb-search { border-color:#e4e9f4; }
.qt-experience .wb-btn-out,.qt-experience .wb-btn-dc,.qt-experience .wb-btn-bell { color:#556380; border-color:#e2e8f4; }
.qt-page-intro h1 { color:#26304d; font-weight:650; }
.qt-page-intro p { color:#5c6577; }
.qt-page-intro .eyebrow { color:#566078; }
.qt-dashboard-intro { background:radial-gradient(ellipse at 93% 0%,#e8e3fb 0,transparent 50%),linear-gradient(115deg,#e6edfb,#f4f6fb 57%,#fbf0e8); border:1px solid #e3e9fc; border-radius:17px; padding:27px 29px; margin:4px 0 22px; }
.qt-dashboard-intro h1 { font-size:27px; }
.qt-dashboard-intro .qt-date { color:#5d677c; }
.qt-experience .wb-btn-new,.qt-experience .wb-act { background:#4c6bea; color:#fff!important; }
.qt-experience .wb-act.ghost { background:#eceffa; color:#6075bf!important; }
.qt-welcome-actions a { border-color:#e4e9f6; color:#475778!important; background:#fff; }
.qt-welcome-actions a:nth-child(1) svg { color:#6683ef; }
.qt-welcome-actions a:nth-child(2) svg { color:#9a76df; }
.qt-welcome-actions a:nth-child(3) svg { color:#38a2b1; }
.qt-welcome-actions a:nth-child(4) svg { color:#dd9953; }
.qt-welcome-actions a:hover { border-color:#c3d0f5; transform:translateY(-2px); box-shadow:0 5px 15px #33497b09; }
.qt-dash-stage { background:#fff; border-color:#e4e9f4; }
.qt-dash-stage strong { color:#50586a; }
.qt-dash-stage a:nth-of-type(1) { background:#e9effb; color:#6882d5!important; border-color:#e0e8fa; }
.qt-dash-stage a:nth-of-type(2) { background:#f0ebfb; color:#9370c5!important; border-color:#e9e0fa; }
.qt-dash-stage a:nth-of-type(3) { background:#fbefe5; color:#c08b58!important; border-color:#f4e5d6; }
.qt-dash-stage a:nth-of-type(4) { background:#e6f3f4; color:#4c8188!important; border-color:#d9eef0; }
.qt-dash-stage>small { color:#8690a2; }
.qt-experience .wb-card { position:relative; overflow:hidden; background:#fff; border-color:#e3e9f6; }
.qt-experience .wb-card:first-child { background:linear-gradient(135deg,#4c6de7,#7c67db); border-color:transparent; }
.qt-experience .wb-card:first-child .num { color:#fff; }
.qt-experience .wb-card:first-child .lb,.qt-experience .wb-card:first-child .sub,.qt-experience .wb-card:first-child .sub b { color:#d9e3ff; }
.qt-experience .wb-card .num { color:#303f62; }
.qt-experience .wb-card .lb { color:#5a6477; }
.qt-experience .wb-card .lb svg { display:inline-block; width:15px; height:15px; margin-right:7px; vertical-align:-2px; }
.qt-experience .wb-card:nth-child(2) { background:#f4f1fb; }
.qt-experience .wb-card:nth-child(2) .num { color:#8a68c6; }
.qt-experience .wb-card:nth-child(3) { background:#fbf5ed; }
.qt-experience .wb-card:nth-child(3) .num { color:#bd8749; }
.qt-experience .wb-card:nth-child(4) { background:#ecf5f6; }
.qt-experience .wb-card:nth-child(4) .num { color:#458e9b; }
.qt-experience .wb-card:nth-child(5) { background:#fbf1f4; }
.qt-experience .wb-card:nth-child(5) .num { color:#9c5c7a; }
.qt-experience .wb-panel { border-color:#e3e8f3; box-shadow:0 2px 6px #273d7003; }
.qt-experience .wb-panel h3 { color:#3f4c6c; }
.qt-experience .wb-panel .hint { color:#636b7a; }
.qt-experience .wb-quota-bar,.qt-experience .wb-srow { border-color:#e3e8f5; }
.qt-experience .wb-chip.on { background:#526ce0; }
.qt-experience .wb-srow:hover { border-color:#c1cff0; box-shadow:0 5px 18px #42578409; }
.qt-experience .wb-sinfo .nm { color:#32405e; }
.qt-experience .wb-sinfo .mt { color:#5f6777; }
.qt-experience .wb-bdg.lit { background:#e9eefb; color:#7190d2; }
.qt-experience .wb-feed .fi { background:#eceff8; color:#788ed0; }
.qt-experience .wb-stu-row .go { background:#e9eefb; color:#6c82c6; }
.qt-experience .wb-hbar .bar { background:#eceff6; }
/* Home: a colorful map of services, built around real product entry points. */
.field-platform { max-width:1340px; padding:0 34px; }
.field-hero { background:radial-gradient(ellipse at 88% 12%,#eae4fb 0,transparent 45%),radial-gradient(ellipse at 50% 100%,#fbeddd 0,transparent 42%),linear-gradient(125deg,#edf2fb,#f6f7fb); border:1px solid #e8edf9; border-radius:25px; margin-top:28px; padding:47px 45px; gap:20px; min-height:460px; }
.field-eyebrow { color:#596fbc; font-size:14px; letter-spacing:.4px; margin-bottom:20px; }
.field-eyebrow .qt-live-dot { background:#f4b467; }
.field-season { color:#616b81; font-size:13px; border-color:#cbd6ee; }
.field-hero h1 { font-size:52px; line-height:1.28; font-weight:700; letter-spacing:-1.8px; color:#263659; margin-bottom:22px; }
.field-hero h1 span { color:#6a5ddb; background:linear-gradient(100deg,#456fee,#9656d6); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.field-hero-copy>p { color:#525c71; font-size:17px; line-height:1.9; }
.field-button { border-radius:10px; font-weight:550; }
.field-button.primary,.field-hero .field-button.primary { background:#4a68e8; color:#fff; box-shadow:0 5px 14px #5272eb1c; }
.field-button.primary:hover { background:#3959da; box-shadow:0 7px 18px #5272eb2c; }
.field-hero-secondary { padding:12px 14px; background:#ffffffbd; color:#55658f; border:1px solid #e2e8f8; border-radius:10px; }
.field-textlink { color:#505c79; }
.field-textlink:hover { color:#4667d3; }
.field-hero-proof { color:#6a7181; }
.field-hero-proof b { color:#5c6679; }
.field-proof-icons svg { border-color:#f4f7ff; background:#e1e9fb; color:#7794d5; }
.field-proof-icons svg:nth-child(2) { background:#fbece0; color:#c69765; }
.field-proof-icons svg:nth-child(3) { background:#e9e4fb; color:#816ea6; }
.field-hero-art { margin:0 -22px 0 0; }
.field-hero-art>img { height:340px; object-fit:cover; mix-blend-mode:normal; border-radius:20px; box-shadow:0 20px 45px #6272a81a; }
.field-art-label { display:flex; align-items:center; gap:12px; text-align:left; bottom:-15px; left:20px; right:auto; background:#ffffffed; padding:14px 20px; border-radius:13px; box-shadow:0 9px 30px #65739518; border:1px solid #fff; letter-spacing:0; }
.field-art-label b { font-size:15px; color:#516084; font-weight:550; }
.field-art-label span { font-size:12px; color:#6b7282; margin-top:3px; letter-spacing:0; }
.field-art-label .field-art-symbol { width:33px; height:33px; margin:0; display:grid; place-items:center; border-radius:10px; background:#fff2dc; color:#d7a54e; font-size:22px; }
.field-search { margin-top:25px; border:1px solid #cbd7fb; box-shadow:0 6px 24px #4c67b009; border-radius:13px; }
.field-search-icon { color:#7392d7; }
.field-search input { color:#3e4f71; }
.field-search input::placeholder { color:#666f81; }
.field-search button { background:#4b69e5; color:#fff; border-radius:9px; }
.field-search button:hover { background:#3b57cf; }
.field-search-hint { color:#959bab; }
.field-search-tags { color:#6a7283; }
.field-search-tags>a,.field-search-tags>a:last-child { color:#59657e; }
.field-section { padding-top:53px; }
.field-kicker { color:#828ca3; letter-spacing:1.6px; font-size:11px; }
.field-section-head h2 { color:#2d3c57; font-weight:650; font-size:26px; }
.field-paths { gap:18px; }
.field-path { background:#eef1fb; border-color:#e1e8fa; border-radius:15px; padding:25px; }
.field-path:hover { box-shadow:0 12px 25px #52699210; border-color:#b8caf5; }
.field-path .field-path-icon { background:#dee6fb; color:#6586d7; border-radius:13px; }
.field-path h3 { color:#3f5378; font-size:21px; font-weight:600; }
.field-path p { color:#5a667c; font-size:15px; }
.field-path-label { color:#646f82; border-color:#dce5f6; font-size:13px; }
.field-path-arrow { color:#8393b0; }
.field-path.civil { background:#fbf2e7; border-color:#f3e7d7; }
.field-path.civil .field-path-icon { background:#ffe9ce; color:#cc9656; }
.field-path.civil h3 { color:#8d6c45; }
.field-path.civil p,.field-path.civil .field-path-label { color:#816f57; }
.field-path.civil .field-path-label { border-color:#efe1cc; }
.field-path.career { background:#e9f4f5; border-color:#daeef0; }
.field-path.career .field-path-icon { background:#d6eef1; color:#528991; }
.field-path.career h3 { color:#4b7781; }
.field-path.career p,.field-path.career .field-path-label { color:#5e757b; }
.field-path.career .field-path-label { border-color:#d6e9ed; }
.field-path.abroad { background:#f2ecf9; border-color:#e9e0f5; }
.field-path.abroad .field-path-icon { background:#e9ddf7; color:#a282ca; }
.field-path.abroad h3 { color:#614d78; }
.field-path.abroad p,.field-path.abroad .field-path-label { color:#756882; }
.field-path.abroad .field-path-label { border-color:#e6daf2; }
.field-secondary-paths,.field-secondary-paths a { color:#60697d; }
.field-secondary-paths a:hover { color:#526eb9; }
.field-years { gap:13px; border:0; margin-bottom:12px; }
.field-years button { background:#fff; border:1px solid #e2e8f4; border-radius:11px; padding:17px 19px; color:#5d6982; }
.field-years button small { color:#8690a4; }
.field-years button span { color:#939db2; }
.field-years button.active { background:#e9eefb; border-color:#bcccf6; color:#6283cc; }
.field-years button.active span { color:#84a0db; }
.field-years button.active small { color:#7486aa; }
.field-year-panel { border:1px solid #e2e8f6; border-radius:16px; background:linear-gradient(115deg,#ecf1fb,#f4f2fb); }
.field-year-panel[data-year='2'] { background:linear-gradient(115deg,#f1ecfb,#fbf3f7); }
.field-year-panel[data-year='3'] { background:linear-gradient(115deg,#fbf1e5,#fbf6ee); }
.field-year-panel[data-year='4'] { background:linear-gradient(115deg,#e6f3f5,#f1f5fb); }
.field-mini-label { color:#7686a6; }
.field-year-text h3 { color:#4b6491; }
.field-year-text>p { color:#606c81; }
.field-year-tasks a { color:#7594c3; }
.field-button.outline { background:#fff; border-color:#cbd8f1; color:#61769f; }
.field-year-art img { mix-blend-mode:normal; border-radius:15px; height:260px; }
.field-year-art>span { display:none; }
.field-tool { min-height:97px; border-color:#e6eaf5; border-radius:12px; padding:21px 18px; }
.field-tool:hover { background:#fff; border-color:#bfd0f4; transform:translateY(-2px); box-shadow:0 5px 17px #3c55900b; }
.field-tool>span { background:#eaeffb; color:#7494d8; width:39px; height:39px; border-radius:11px; }
.field-tool:nth-child(4n+2)>span { background:#efe9fb; color:#a287cf; }
.field-tool:nth-child(4n+3)>span { background:#fbefe2; color:#d2a46c; }
.field-tool:nth-child(4n+4)>span { background:#e6f3f4; color:#557681; }
.field-tool h3 { color:#4f6081; font-weight:550; }
.field-tool p { color:#818da2; }
.field-tool>b { color:#949fb5; }
.field-caption { color:#838da1; }
.field-job-tabs button { color:#667182; }
.field-job-tabs button.active { color:#6d89c7; background:#e9effb; border-color:#d9e4fa; }
.field-job { border-color:#e3eaf5; border-radius:14px; }
.field-job:hover { border-color:#bbcff1; box-shadow:0 6px 20px #536c930a; }
.field-job-avatar { background:#e9eefb; color:#92a9d5; }
.field-job:nth-child(3n+2) .field-job-avatar { background:#efe9fb; color:#aa91cf; }
.field-job:nth-child(3n+3) .field-job-avatar { background:#e9f4f5; color:#769aa0; }
.field-job-company { color:#4e5e79; }
.field-job-type { color:#8d97ab; }
.field-job h3 { color:#42597c; }
.field-job-meta { color:#616d83; }
.field-job-meta span { background:#edf1f8; }
.field-job-bottom { color:#8994a7; border-color:#edf1f8; }
.field-job-bottom b { color:#8da4cc; }
.field-loading { border-color:#dce5f6; color:#626d82; }
.field-loading button { background:#e5ecfb; color:#728fcd; }
.field-courses>a { border-color:#e3e9f5; }
.field-courses h3 { color:#4c5a75; }
.field-courses span { color:#8993a7; }
.field-planner { background:radial-gradient(ellipse at 95% 100%,#746abf 0,transparent 60%),linear-gradient(110deg,#3c5aa2,#576bb7); border:0; border-radius:18px; }
.field-planner .field-kicker { color:#b3c5ee; }
.field-planner h2 { color:#fff; font-size:27px; }
.field-planner p { color:#c7d4f5; }
.field-button.light { background:#fff; color:#53689a; }
.field-planner-process>span { color:#d8e2ff; }
.field-planner-process i { color:#b7c8f0; }
.field-planner-process>span:nth-of-type(2) .qt-icon { background:#ffffff12; color:#ffdbaf; }
.field-planner-process>span:nth-of-type(3) .qt-icon { background:#ffffff12; color:#dfd0ff; }
/* Reading contrast is stronger than the surrounding decorative color. */
.field-path p,.field-path.civil p,.field-path.career p,.field-path.abroad p { color:#5a657b; }
.field-path-label,.field-path.civil .field-path-label,.field-path.career .field-path-label,.field-path.abroad .field-path-label { color:#535c6d; }
.field-tool p,.field-year-text>p,.field-caption { color:#525c6f; }
.field-job-company,.field-job-meta { color:#4e5a6f; }
.field-job-bottom { color:#5d6779; }
.qt-experience .wb-panel .hint,.qt-experience .wb-sinfo .mt { color:#555e71; }
@media(max-width:1100px) {
  .field-hero { padding:35px 30px; }
  .field-hero h1 { font-size:43px; }
  .field-hero-art>img { height:315px; }
  .field-hero-actions { gap:10px; }
  .field-hero-secondary { padding:11px; font-size:13px; }
  .field-path { padding:21px; }
  .field-years button { padding:15px 12px; gap:8px; }
  .field-years button small { font-size:12px; }
}
@media(max-width:900px) {
  .qt-experience .nav-container { height:68px; }
  .qt-experience .navbar .nav-links.open { background:#fff; border-color:#e1e8f7; }
  .qt-experience .nav-drop-menu { background:#f3f5fa; }
  .qt-dashboard-intro { padding:23px; }
  .qt-dashboard-intro h1 { font-size:24px; }
}
@media(max-width:760px) {
  .field-platform { padding:0 22px; }
  .field-hero { padding:30px; margin-top:22px; grid-template-columns:1.1fr .9fr; }
  .field-hero h1 { font-size:37px; }
  .field-hero-copy>p { font-size:15px; }
  .field-hero-art { margin-right:-12px; }
  .field-hero-art>img { height:270px; }
  .field-art-label { display:none; }
  .field-hero-actions { align-items:flex-start; flex-direction:column; }
  .field-paths { gap:12px; }
  .field-section-head h2 { font-size:23px; }
  .field-years { gap:8px; }
  .field-years button { padding:12px; }
  .field-year-panel { min-height:300px; }
  .field-year-art { padding:15px; }
  .field-year-art img { height:240px; }
  .field-planner h2 { font-size:24px; }
  .field-tool { padding:18px 14px; gap:10px; }
  .field-tool>span { width:32px; height:35px; }
}
@media(max-width:480px) {
  .qt-experience .qt-nav-workbench { background:none; border:0; color:#5c6f9b; }
  .field-platform { padding:0 16px; }
  .field-hero { display:flex; flex-direction:column; align-items:stretch; padding:27px 24px 20px; gap:24px; margin-top:17px; border-radius:19px; }
  .field-hero h1 { font-size:40px; line-height:1.3; }
  .field-eyebrow { font-size:12px; margin-bottom:17px; }
  .field-hero-copy>p { font-size:15px; margin-bottom:23px; }
  .field-hero-actions { flex-direction:row; align-items:center; gap:10px; }
  .field-hero .field-button { font-size:14px; padding:12px 13px; }
  .field-hero-secondary { font-size:13px; padding:11px 10px; }
  .field-hero-art { position:relative; width:auto; top:auto; right:auto; margin:0; opacity:1; align-self:stretch; }
  .field-hero-art>img { height:200px; border-radius:13px; object-position:center; box-shadow:none; }
  .field-search { margin-top:18px; }
  .field-search button { font-size:13px; padding:11px 13px; }
  .field-section { padding-top:35px; }
  .field-section-head h2 { font-size:22px; }
  .field-path { padding:18px 16px; border-radius:12px; }
  .field-path h3 { font-size:20px; }
  .field-path p { font-size:14px; }
  .field-years button { padding:11px 9px; }
  .field-years button small { font-size:11px; }
  .field-year-text { padding:25px; }
  .field-year-text h3 { font-size:24px; }
  .field-year-art { opacity:.12; }
  .field-year-art img { height:210px; }
  .field-tool { padding:16px 12px; gap:9px; min-height:97px; align-items:flex-start; }
  .field-tool>span { width:27px; height:30px; border-radius:7px; }
  .field-tool h3 { font-size:15px; line-height:1.7; }
  .field-tool p { font-size:13px; }
  .field-planner h2 { font-size:23px; }
  .qt-dashboard-intro { padding:21px; flex-direction:column; }
  .qt-dashboard-intro h1 { font-size:24px; }
  .qt-dashboard-intro .qt-intro-actions { width:100%; }
  .qt-dashboard-intro .qt-intro-actions .wb-btn-new { margin-left:auto; }
}

/* Small supporting text remains readable on light cards. */
.field-hero-copy>p,.field-year-text>p,.field-tool p,.field-caption,.field-search-tags a,.field-secondary-paths a{color:#57657b}
.qt-experience .wb-panel .hint,.qt-experience .wb-sinfo .mt,.qt-experience .wb-card .lb{color:#4c5669}
.qt-experience .qt-nav-workbench{min-height:40px}

/* Shared report workspace: the same service colors continue into forms and results. */
.qt-experience :is(.plan-sidebar,.ky-sidebar,.cv-sidebar,.sv-sidebar,.zr-sidebar){background:#f4f5f9;border-color:#e2e7f2}
.qt-experience :is(.plan-sidebar,.ky-sidebar,.cv-sidebar,.sv-sidebar,.zr-sidebar) h3{color:#37445f}
.qt-experience :is(.plan-sidebar,.ky-sidebar,.cv-sidebar,.sv-sidebar,.zr-sidebar) .btn-new{background:var(--channel);box-shadow:none}
.qt-experience .history-item{border-color:#e0e6f2;border-radius:11px}
.qt-experience .history-item:hover{border-color:var(--channel);box-shadow:0 4px 14px #4157800a}
.qt-experience .welcome-title{color:#2d3b56;font-weight:650}
.qt-experience .welcome-illu{box-shadow:0 10px 30px #495c8912}
.qt-experience .welcome-sub,.qt-experience .welcome-tip{color:#545e70}
.qt-experience .welcome-tip.has-history{color:var(--channel)}
.qt-experience .wf-item{background:#fff;border-color:#e4e8f3;border-radius:13px;padding:15px}
.qt-experience .wf-item:nth-child(2){background:#fbf4ea;border-color:#f3e9d9}
.qt-experience .wf-item:nth-child(3){background:#f0edfb;border-color:#eae3f6}
.qt-experience .wf-item:nth-child(4){background:#eaf4f7;border-color:#dceef3}
.qt-experience .wf-item b{color:#414e6a;font-weight:600}
.qt-experience .wf-item span{color:#5a6373}
.qt-experience .btn-welcome{background:var(--channel);box-shadow:0 5px 18px #4e649a18;font-weight:600}
.qt-experience .btn-welcome:hover{background:var(--channel-deep);box-shadow:0 8px 20px #4e649a20}
.qt-experience .welcome-balance{background:var(--channel-soft);border-color:#e1e6f3;color:#5a667d}
.qt-experience .welcome-balance a{color:var(--channel)}
.qt-experience :is(.kyr-head,.cvr-head,.svr-head,.zrf-head) h1{color:#2f3d57;font-weight:650}
.qt-experience :is(.kyr-head,.cvr-head,.svr-head,.zrf-head) h1::after{background:var(--channel)}
.qt-experience :is(.plan-form,.kyr-form,.cvr-form,.svr-form,.zrf-form,.result-bar,.result-header,.result-frame-box){background:#fff;border-color:#e3e8f3;box-shadow:0 3px 12px #3c527609}
.qt-experience :is(.kyr-submit,.cvr-submit,.svr-submit,.zrf-submit,.btn-generate){background:var(--channel);box-shadow:none}
.qt-experience :is(.btn-kyr,.btn-cvr,.btn-svr,.btn-zrf,.btn-rb).p{background:var(--channel)}
.qt-experience :is(.btn-kyr,.btn-cvr,.btn-svr,.btn-zrf,.btn-rb).o{color:var(--channel);border-color:#d8e1f4}
.qt-experience :is(.kyr-loading,.cvr-loading,.svr-loading,.zrf-loading,.loading-page){background:#fff;border-color:#e2e7f2}
.qt-experience :is(.ky-spin,.cv-spin,.sv-spin,.zr-spin,.loading-spinner){border-color:#e4e9f5;border-top-color:var(--channel)}
.qt-experience .fg input,.qt-experience .fg select,.qt-experience .prov-checks{border-color:#dce3f0}
.qt-experience .sg-box{border-color:#dce3f0}
.qt-experience .sg-box .sg-item:hover{color:var(--channel);background:var(--channel-soft)}
.qt-experience :is(.score-chips .sc,.prov-checks .pc){border-color:#dce3f0;background:#fff;color:#4f5a6c}
.qt-experience :is(.score-chips .sc,.prov-checks .pc).on{background:var(--channel);border-color:var(--channel);color:#fff}
.qt-experience .major-picked{background:var(--channel-soft);border-color:var(--channel)}
.qt-experience .major-picked .mp-chip{color:var(--channel);border-color:#dce3f3}
.qt-experience :is(.kyr-quota,.cvr-quota,.svr-quota,.zrf-quota) a,.qt-experience .breadcrumb a{color:var(--channel)}
.qt-experience :is(.cp-head,.lx-head,.tm-head){background:linear-gradient(115deg,var(--channel-deep),var(--channel));border:0;border-radius:17px}
.qt-experience :is(.cp-head,.lx-head,.tm-head) h2{font-weight:600}
.qt-experience :is(.cp-btn,.lx-btn,.tm-btn).pri{background:var(--channel);color:#fff}
.qt-experience .stpk{background:var(--channel-soft);border-color:#dce4f3}
.qt-experience .stpk-sel{border-color:#d7e0f0;color:#45536c;background:#fff}
.qt-experience .stpk-label,.qt-experience .stpk-quota,.qt-experience .stpk-quota b{color:#4c5870}
.qt-experience .stpk-badge{background:#fff;border-color:#dce4f4;color:var(--channel)}
.qt-experience .stpk-badge.warn{background:#fbefe4;color:#a66929;border-color:#f1dbc1}
.qt-experience .stpk-btn{background:var(--channel)}
.qt-experience .stpk-link{color:var(--channel)}
.qt-experience input.stpk-ok,.qt-experience select.stpk-ok{background:var(--channel-soft)!important;border-color:#b6c6ec!important}
.qt-experience .gl-primary{background:linear-gradient(115deg,#5266c8,#9b7ce0);box-shadow:0 5px 15px #6d74bb15}
.qt-experience .gl-primary .l2{color:#e4ddff}
.qt-experience .cal-empty .go,.qt-experience .adv-miss .go-e,.qt-experience .wb-modal .ft .ok{background:#526de1;color:#fff}
.qt-experience .wb-hero .act.primary{color:#5270ca}
.qt-experience .wb-hbar .bar i{background:linear-gradient(90deg,#7897f5,#a490df)}
.qt-experience .wb-hb{color:#6078bb}