@import url('tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:var(--font-body);color:var(--ink-strong);background:var(--paper);font-size:16px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.3}h1,h2{text-wrap:balance}img{max-width:100%;display:block}button{color:inherit}button[hidden],[hidden]{display:none!important}.page{padding-inline:var(--page-gutter);max-width:1600px;width:100%;margin-inline:auto}.skip-link{position:absolute;top:-80px;padding:12px 24px;background:white;z-index:80}.skip-link:focus{top:0}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 24px;border:1px solid #80868b;border-radius:32px;background:transparent;font-size:15px;line-height:24px;white-space:nowrap}.pill:hover{background:#f1f5fb}.pill.primary{background:var(--blue);color:white;border-color:var(--blue)}.pill.primary:hover{background:#1557b0}.text-link{display:inline-flex;color:var(--blue);text-decoration:underline;text-underline-offset:5px;min-height:44px;align-items:center}.eyebrow{font-size:14px;color:var(--muted);margin-bottom:18px}.site-header{height:64px;position:relative;z-index:20;background:#fff;border-bottom:1px solid #f0f1f3}.nav-inner{height:64px;display:flex;align-items:center;gap:32px}.site-name{font-size:21px;white-space:nowrap;letter-spacing:-.5px}.site-name span{font-weight:400;color:var(--muted);margin-left:4px}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:16px;height:100%}.desktop-nav a{font-size:14px;height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:3px;white-space:nowrap}.desktop-nav a:hover{color:var(--blue)}.desktop-nav a[aria-current]{color:var(--blue);border-bottom-color:var(--blue)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-actions .pill{min-height:40px;padding:7px 20px;font-size:14px}.menu-toggle{display:none}.mobile-menu{position:absolute;top:64px;background:white;box-shadow:0 8px 18px #20212414;width:100%;padding:16px var(--page-gutter);border-bottom:1px solid var(--line)}.mobile-menu a{display:block;padding:12px 8px}.mobile-menu a[aria-current]{color:var(--blue)}.hero-shell{padding-top:36px}.hero-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px}.identity-panel,.course-panel{border-radius:24px;min-width:0;padding:32px;display:flex;flex-direction:column}.identity-panel{background:var(--blue-soft)}.identity-panel h1{font-size:38px;margin-bottom:24px}.identity-panel h1 span{display:block;font-size:28px;line-height:1.5;color:#3c4043;margin-top:4px}.identity-title{font-size:20px;line-height:1.6;margin-bottom:20px}.identity-panel>p:not(.eyebrow):not(.identity-title){font-size:15px;line-height:1.9}.identity-panel .pill{align-self:flex-start;margin-top:auto;padding-top:10px}.course-panel{background:#e8f2ff;padding:40px}.course-panel h2{font-size:42px;line-height:1.35;letter-spacing:-.8px;max-width:100%;margin-bottom:20px}.lead{font-size:20px;line-height:1.8;color:var(--muted)}.course-panel .lead{font-size:18px}.hero-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:32px;padding-block:24px;border-block:1px solid #bdcfe5}.hero-tools a:hover h3{color:var(--blue)}.hero-tools span{font-size:13px;color:var(--muted)}.hero-tools h3{font-size:24px;margin-top:8px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:auto;flex-wrap:wrap}.section{margin-top:80px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:32px;margin-bottom:12px}.section-heading p{color:var(--muted);max-width:100%;line-height:1.8}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.task-card{background:var(--card);border-radius:24px;padding:32px;min-height:240px}.task-card .eyebrow{margin-bottom:32px}.task-card h3{font-size:24px;margin-bottom:16px}.task-card>p:last-child{color:var(--muted)}.tone-0{background:#eff5fd}.tone-1{background:#f0effa}.tone-2{background:#f5f3ed}.split-section{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}.split-section .section-heading h2{font-size:30px}.split-section .section-heading{margin-bottom:24px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-card{background:var(--card);border-radius:24px;padding:32px;min-width:0;display:flex;flex-direction:column;scroll-margin-top:88px}.tool-card h3{font-size:28px;margin-bottom:20px}.tool-card>p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.tool-card ul{padding-left:20px;margin:0 0 24px;color:var(--muted)}.tool-card .text-link{margin-top:auto;font-size:14px}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.company{padding-block:24px;border-bottom:1px solid var(--line)}.company h3{font-size:24px;margin-bottom:8px}.company p{color:var(--muted);font-size:14px}.section-note{margin-top:24px;color:var(--muted);font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:12px}.tags span{border:1px solid var(--line);border-radius:32px;padding:10px 22px;font-size:16px;background:white}.audience-section .text-link{margin-top:24px}.contact-banner{background:#e9effb;border-radius:24px;padding:40px;display:flex;gap:40px;align-items:center;justify-content:space-between}.contact-banner>div{min-width:0;flex:1}.contact-banner h2{font-size:30px;line-height:1.4;margin-bottom:16px}.contact-banner p:not(.eyebrow){color:var(--muted)}.contact-banner .pill{flex-shrink:0}.site-footer{background:var(--card);margin-top:80px;padding-block:32px}.footer-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-inner>p{font-size:14px;color:var(--muted)}.footer-links{margin-left:auto;display:flex;gap:24px;align-items:center}.footer-links button{padding:0;border:0;background:none;font-size:14px;min-height:44px}.footer-links a{font-size:14px;min-height:44px;display:flex;align-items:center}.footer-links a:hover,.footer-links button:hover{color:var(--blue);text-decoration:underline}.page-heading{padding-top:64px}.page-heading h1{font-size:52px;line-height:1.4;margin-bottom:24px}.page-heading .lead{max-width:100%}.first-section{margin-top:48px}.capability-list{border-top:1px solid var(--line)}.capability-list article{display:flex;gap:32px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.step-number{font-size:24px;color:var(--blue);min-width:56px}.capability-list h3{font-size:24px;margin-bottom:8px}.capability-list p{color:var(--muted)}.availability{border-block:1px solid var(--line);padding:36px 0}.availability h2{font-size:28px;margin-bottom:16px}.availability p{color:var(--muted);margin-bottom:24px}.availability .pill{margin-right:16px;margin-top:8px}.article-filters{display:flex;flex-wrap:wrap;gap:12px}.article-filters button{border:1px solid var(--line);background:white;border-radius:32px;padding:10px 24px;font-size:14px;min-height:44px}.article-filters button[aria-pressed=true]{background:var(--blue-soft);border-color:transparent;color:#174ea6}.empty-state{margin-top:32px;background:var(--card);border-radius:24px;padding:64px 32px;text-align:center}.empty-state h2{font-size:28px;margin-bottom:16px}.empty-state p{color:var(--muted);margin-bottom:24px}.about-layout{display:grid;grid-template-columns:2fr 1fr;gap:64px}.bio-copy{font-size:19px;line-height:1.95}.bio-copy p+p{margin-top:28px}.about-aside{padding:32px;border-radius:24px;background:var(--card);align-self:start}.about-aside h2{font-size:22px;margin-bottom:20px}.about-aside h2:not(:first-child){margin-top:36px}.about-aside ul{padding-left:20px;color:var(--muted)}.about-aside p{color:var(--muted)}.about-aside .pill{margin-top:28px}.contact-dialog{border:0;border-radius:24px;padding:24px 32px 28px;max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink-strong);box-shadow:0 20px 80px #0002;margin:auto}.contact-dialog::backdrop{background:#20212488}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:var(--muted)}.close-dialog{padding:5px 18px;min-height:36px;font-size:13px}.contact-dialog h2{font-size:26px;margin-bottom:20px;line-height:1.4}.contact-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px;gap:24px}.contact-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 0 12px;font-size:15px;min-height:44px}.contact-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--blue)}.qr-window{width:min(100%,296px);aspect-ratio:1;margin-inline:auto;position:relative;overflow:hidden;background:white;flex-shrink:0}.qr-window img{position:absolute;max-width:none;width:calc(100% * var(--source-width) / var(--crop-size));height:auto;left:calc(-100% * var(--crop-x) / var(--crop-size));top:calc(-100% * var(--crop-y) / var(--crop-size))}.qr-caption{text-align:center;font-size:14px;color:var(--muted);margin-top:12px}.scan-note{font-size:13px;color:var(--muted);line-height:1.8;margin-top:16px}.save-qr{width:100%;margin-top:16px}.save-status{font-size:12px;min-height:18px;color:var(--blue);margin-top:8px}.qr-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.qr-review-grid article{text-align:center;border:1px solid var(--line);padding:24px;border-radius:24px}.qr-review-grid .qr-window{width:296px;max-width:100%}
@media(max-width:1199px){.nav-inner{gap:16px}.desktop-nav{gap:16px;margin-left:0}.desktop-nav a{font-size:13px}.site-name{font-size:19px}.hero-grid{grid-template-columns:1fr}.identity-panel{padding:28px;min-height:0}.identity-panel h1 span{display:inline;margin-left:14px}.identity-panel h1{margin-bottom:16px}.identity-panel>p:not(.eyebrow):not(.identity-title){max-width:100%}.identity-panel .pill{margin-top:24px}.course-panel{padding:36px}.card-grid{gap:16px}.task-card{padding:24px}.split-section{grid-template-columns:1fr;gap:24px}.company-grid{gap:0 24px}.contact-banner{gap:24px;padding:32px}.contact-banner h2{font-size:28px}.footer-links{margin-left:0}.qr-review-grid{grid-template-columns:1fr}.about-layout{gap:32px}.about-aside{padding:24px}}
@media(max-width:899px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.nav-inner{gap:12px}.nav-actions .pill{padding:7px 16px}.contact-banner{display:block}.contact-banner .pill{margin-top:24px}.about-layout{grid-template-columns:1fr}.about-aside{max-width:100%}}
@media(max-width:767px){:root{--page-gutter:16px;--section-gap:60px}.site-name{font-size:18px}.site-name span{font-size:16px;margin-left:2px}.nav-actions{gap:8px}.nav-actions .pill{padding:7px 12px;font-size:12px;min-height:40px}.hero-shell{padding-top:28px}.hero-grid{gap:12px}.identity-panel,.course-panel{padding:24px;border-radius:24px}.identity-panel h1{font-size:30px}.identity-panel h1 span{font-size:24px;margin-left:8px}.identity-title{font-size:18px}.course-panel h2{font-size:30px;line-height:1.45;letter-spacing:0}.course-panel .lead{font-size:16px;line-height:1.8}.hero-tools{gap:20px;margin-block:24px;padding-block:24px}.hero-tools h3{font-size:20px;line-height:1.5}.hero-tools span{font-size:12px}.hero-actions{gap:16px}.hero-actions .pill{font-size:14px;padding:10px 20px}.section{margin-top:60px}.section-heading{margin-bottom:24px}.section-heading h2,.split-section .section-heading h2{font-size:26px;line-height:1.45}.section-heading p{font-size:15px}.card-grid,.tool-grid{grid-template-columns:1fr;gap:16px}.task-card{min-height:0;padding:28px 24px}.task-card .eyebrow{margin-bottom:20px}.task-card h3{font-size:24px}.tool-card{padding:28px 24px}.tool-card h3{font-size:26px}.company-grid{grid-template-columns:1fr 1fr;gap:0 20px}.company h3{font-size:20px}.company p{font-size:13px}.tags{gap:10px}.tags span{font-size:14px;padding:9px 16px}.contact-banner{padding:28px 24px}.contact-banner h2{font-size:26px}.contact-banner .pill{font-size:14px;padding:10px 20px}.footer-inner{gap:16px}.footer-inner>p{width:100%;font-size:13px}.footer-links{gap:24px;flex-wrap:wrap}.site-footer{margin-top:60px;padding-block:28px}.page-heading{padding-top:40px}.page-heading h1{font-size:34px;line-height:1.45;margin-bottom:20px}.page-heading .lead{font-size:18px;line-height:1.8}.first-section{margin-top:36px}.capability-list article{gap:16px;padding:24px 0}.step-number{font-size:20px;min-width:32px}.capability-list h3{font-size:21px}.capability-list p{font-size:15px}.bio-copy{font-size:17px;line-height:1.95}.bio-copy p+p{margin-top:24px}.availability h2{font-size:26px}.availability .pill{font-size:14px;padding:10px 20px}.empty-state{padding:44px 24px}.empty-state h2{font-size:26px}.article-filters button{padding:9px 18px}.contact-dialog{padding:20px;max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.contact-dialog h2{font-size:24px}.contact-tabs{margin-bottom:16px}.qr-window{width:min(100%,296px)}.scan-note{margin-top:12px}}
@media(max-width:359px){.site-name{font-size:16px}.site-name span{font-size:14px}.nav-actions .primary{display:none}.company-grid{grid-template-columns:1fr}.hero-tools{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 图文区域沿用原框架的图片比例；占位提示只在占位资产上显示。 */
figure{margin:0}.image-slot{position:relative;overflow:hidden;aspect-ratio:var(--image-ratio,3 / 2);border-radius:24px;background:var(--card);min-width:0}.image-slot img{width:100%;height:100%;object-fit:cover}.image-slot figcaption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:#46536a}.image-slot figcaption span{font-size:22px;line-height:1.5}.image-slot figcaption small{font-size:13px;color:#687489}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;align-items:stretch}.course-panel{background:#cde6ff;padding:32px;justify-content:space-between}.course-panel h1{font-size:36px;line-height:1.4;letter-spacing:-.6px;margin-bottom:24px;text-wrap:initial}.course-panel .lead{font-size:16px;line-height:1.8}.course-panel .eyebrow{margin-bottom:20px}.hero-actions{gap:12px;margin-top:32px;align-items:flex-start;flex-direction:column}.hero-actions .pill{font-size:14px;padding:10px 20px}.hero-image{height:100%;min-height:480px}.hero-image figcaption span{font-size:28px}.task-card,.tool-card{padding:0;overflow:hidden;min-height:0}.task-card .image-slot,.tool-card .image-slot{border-radius:24px 24px 0 0}.card-copy{padding:28px 32px;display:flex;flex-direction:column;flex:1}.task-card .eyebrow{margin-bottom:12px}.card-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.tool-card h3{font-size:26px;margin-bottom:16px}.tool-card .eyebrow{margin-bottom:12px}.tool-card ul{font-size:15px}.split-section{gap:40px;align-items:center}.split-section .card-copy{padding:24px}.split-section .tool-card h3{font-size:23px}.profile-feature{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:center}.profile-photo{max-height:420px;width:100%}.profile-copy h2{font-size:36px;line-height:1.5;margin-bottom:24px}.profile-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.9;margin-bottom:32px}.wide-image{width:100%}.sample-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border:0;padding:0}.about-aside{padding:0;overflow:hidden}.about-photo{border-radius:24px 24px 0 0}.aside-copy{padding:32px}.aside-copy h2:not(:first-child){margin-top:36px}
@media(max-width:1199px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.course-panel{padding:28px}.course-panel h1{font-size:30px}.hero-image{min-height:440px}.card-copy{padding:24px}.task-card h3{font-size:22px}.task-card .image-slot figcaption span{font-size:18px}.split-section{grid-template-columns:1fr;gap:24px}.profile-feature{gap:40px}.profile-copy h2{font-size:30px}.sample-layout{gap:32px}}
@media(max-width:767px){.hero-grid{grid-template-columns:1fr;gap:0;background:#cde6ff;border-radius:24px;overflow:hidden}.hero-image{order:-1;min-height:0;aspect-ratio:3 / 2;border-radius:24px 24px 0 0;height:auto}.course-panel{padding:28px 24px;border-radius:0 0 24px 24px}.course-panel h1{font-size:30px;line-height:1.45;margin-bottom:20px;letter-spacing:0}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.card-copy,.split-section .card-copy{padding:24px}.task-card h3{font-size:24px}.tool-card h3{font-size:26px}.image-slot figcaption span{font-size:21px}.hero-image figcaption span{font-size:24px}.profile-feature{grid-template-columns:1fr;gap:28px}.profile-photo{max-height:none;--image-ratio:3 / 2!important}.profile-copy h2{font-size:28px;line-height:1.5}.profile-copy>p:not(.eyebrow){font-size:16px;margin-bottom:24px}.sample-layout{grid-template-columns:1fr;gap:24px}.wide-image{--image-ratio:3 / 2!important}.aside-copy{padding:24px}.about-photo{--image-ratio:3 / 2!important}}
h1,h2{text-wrap:initial}
.hero-image{width:100%}
@media(max-width:767px){.about-layout{display:flex;flex-direction:column;gap:28px}.about-aside{display:contents}.about-photo{order:-1;border-radius:24px}.aside-copy{background:var(--card);border-radius:24px;width:100%}}
/* 平板沿用参考框架的上下图文排列。 */
@media(min-width:768px) and (max-width:1199px){.hero-grid{grid-template-columns:1fr}.hero-image{order:0;min-height:0;height:auto;aspect-ratio:3 / 2}.course-panel{order:1;gap:0}.course-panel h1{font-size:36px}.hero-actions{flex-direction:row;align-items:center;gap:24px;margin-top:24px}}
/* 履历与客户服务信息沿用现有字体、留白及卡片容器。 */
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:32px 0;border-block:1px solid var(--line);gap:32px}.metrics-grid>div{padding:12px 32px;border-left:1px solid var(--line)}.metrics-grid>div:first-child{padding-left:0;border:0}.metric-value{font-size:48px;line-height:1.3;letter-spacing:-1px;color:#174ea6;white-space:nowrap;margin-bottom:12px}.metric-label{color:var(--muted);font-size:16px}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.role-grid>div{padding:28px 32px;background:var(--card);border-radius:24px}.role-organization{font-size:18px;line-height:1.6}.role-title{color:var(--blue);font-size:16px;margin-top:10px}.role-summary{margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.role-summary>div{display:flex;gap:12px;flex-wrap:wrap}.role-summary .role-title{margin-top:0}.role-summary .role-organization,.role-summary .role-title{font-size:15px}.profile-copy>.career-summary{font-size:16px;margin-bottom:20px}.career-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.career-list li{border-top:2px solid #bdcfe5;padding:24px 0}.career-period{color:var(--muted);font-size:16px;margin-bottom:16px}.career-list h3{font-size:32px}.company-grid{gap:24px}.company{padding:0;border:1px solid #e8eaed;border-radius:24px;overflow:hidden;background:white}.logo-frame{background:#fff;height:144px;display:flex;align-items:center;justify-content:center;padding:24px}.logo-window{position:relative;overflow:hidden;width:min(100%,var(--logo-width));flex-shrink:1}.logo-window img{position:absolute;max-width:none;height:auto;display:block}.company-copy{background:var(--card);padding:20px 24px}.company h3{font-size:20px;margin-bottom:8px}.company p{font-size:14px}.partner-panel{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:32px 40px;background:var(--card);border-radius:24px;align-items:center}.partner-panel .logo-frame{border-radius:16px;height:176px}.partner-panel h3{font-size:28px;margin-bottom:12px}.partner-panel p:not(.eyebrow){color:var(--muted)}.partner-panel .eyebrow{margin-bottom:12px}.client-directory{margin-top:32px;border-block:1px solid var(--line);padding:24px 0}.client-directory summary{cursor:pointer;font-size:20px;color:var(--blue);min-height:44px}.client-directory summary span{margin-left:12px;color:var(--muted);font-size:14px}.client-directory ul{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}.client-directory li{padding:14px 0;border-bottom:1px solid #eceff1;font-size:16px}
@media(max-width:1199px){.metric-value{font-size:42px}.metrics-grid>div{padding-inline:20px}.role-grid{gap:16px}.role-grid>div{padding:24px}.role-organization{font-size:17px}.company-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.logo-frame{height:136px;padding:24px}.company-copy{padding:20px}.partner-panel{gap:24px;padding:28px}.client-directory ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.metrics-grid{gap:0;padding-block:16px}.metrics-grid>div{padding:12px 10px}.metric-value{font-size:27px;letter-spacing:-.5px;margin-bottom:10px}.metric-label{font-size:12px;line-height:1.6}.role-grid{grid-template-columns:1fr;gap:12px}.role-grid>div{padding:20px 24px;display:flex;flex-direction:column;gap:8px}.role-title{margin:0}.role-summary>div{display:block}.role-summary .role-title{margin-top:4px}.career-list{grid-template-columns:1fr 1fr;gap:16px 24px}.career-list li{padding:20px 0}.career-list h3{font-size:28px}.career-period{font-size:14px;margin-bottom:10px}.company-grid{grid-template-columns:1fr 1fr;gap:16px}.logo-frame{height:112px;padding:20px 16px}.company-copy{padding:16px}.company h3{font-size:18px}.company p{font-size:13px}.partner-panel{grid-template-columns:1fr;padding:24px;gap:24px}.partner-panel .logo-frame{height:144px}.partner-panel h3{font-size:26px}.client-directory ul{grid-template-columns:1fr 1fr;gap:0 20px}.client-directory li{font-size:14px}.client-directory summary{font-size:18px}}
@media(max-width:359px){.metric-value{font-size:23px}.metrics-grid>div{padding-inline:8px}.company-grid{grid-template-columns:1fr 1fr;gap:12px}.company h3{font-size:16px}.logo-frame{padding-inline:12px}.company-copy{padding:14px}}

@media(max-width:767px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.metrics-grid>div:nth-child(3){border-left:0;padding-left:0}.metric-value{font-size:32px}.metric-label{font-size:12px}}
@media(max-width:359px){.metric-value{font-size:27px}}

/* Service enterprise directory uses the existing card, color and type system. */
.directory-link{display:flex;align-items:baseline;gap:16px;margin-top:32px;padding-block:24px;border-block:1px solid var(--line)}.directory-link span{color:var(--muted);font-size:14px}
.client-results{color:var(--muted);font-size:15px;margin:24px 0}.client-records{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.client-record{min-height:196px;border:1px solid #e8eaed;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:white}.client-record[hidden]{display:none}.client-record .logo-frame{height:100px;flex:none;padding:20px 24px}.client-record-body{padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;flex:1;background:var(--card)}.client-record h3{font-size:17px;line-height:1.6;margin:0;overflow-wrap:anywhere}.client-record-body p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.client-record.name-only .client-record-body{background:white;justify-content:center;gap:20px}.client-more{text-align:center;margin-top:32px}
@media(max-width:1199px){.client-records{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.client-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-record{min-height:190px}.client-record .logo-frame{height:84px;padding:16px}.client-record-body{padding:14px}.client-record h3{font-size:15px}.client-record-body p{font-size:11px}.directory-link{flex-wrap:wrap;gap:12px}.client-results{font-size:14px}}
@media(max-width:359px){.client-records{gap:12px}.client-record .logo-frame{padding:14px 12px}.client-record-body{padding:12px}.client-record h3{font-size:14px}}

@media(max-width:359px){body[data-page="clients"] .page-heading h1{font-size:28px}}

/* Company walls and employment brand marks */
.company-copy{text-align:center}.client-record-body{text-align:center;justify-content:center;flex:1}.client-record{min-height:158px}.client-record.name-only{min-height:158px}.client-record.name-only .client-record-body{justify-content:center}.client-group{margin-top:48px;scroll-margin-top:90px}.client-group+.client-group{margin-top:80px}.client-group-status{font-size:15px;color:var(--muted);margin:12px 0 0}.client-category-links{display:flex;gap:12px;flex-wrap:wrap}.client-category-links a{border:1px solid var(--line);border-radius:32px;padding:12px 18px;font-size:15px;text-decoration:none}.client-category-links a:hover{color:var(--blue);border-color:var(--blue)}.employer-strip{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.employer-strip .logo-frame,.career-list .logo-frame,.role-brands .logo-frame{height:auto;padding:0;background:transparent;justify-content:flex-start}.career-summary>p{font-size:16px;margin-bottom:16px}.career-summary{margin-bottom:24px}.role-brands{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.former-brand{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.role-summary>div:has(.role-brands){align-items:center;gap:16px}.career-list .logo-frame{min-height:52px}.role-grid .role-brands{min-height:42px}.role-grid .role-title{margin-top:16px}
@media(max-width:767px){.client-record,.client-record.name-only{min-height:148px}.client-group+.client-group{margin-top:56px}.client-group h2{font-size:25px}.client-group-status{font-size:14px}.client-category-links{gap:8px}.client-category-links a{font-size:13px;padding:10px 14px}.employer-strip{gap:20px}.role-summary>div:has(.role-brands){display:flex;align-items:flex-start;flex-direction:column;gap:10px}.role-grid .role-title{margin-top:8px}.career-list .logo-frame{min-height:46px}}
.employer-strip .logo-frame{width:112px;min-height:32px;flex:0 0 auto}.role-brands>.logo-frame{width:120px;min-height:30px;flex:0 0 auto}.former-brand .logo-frame{width:110px;min-height:30px;flex:0 0 auto}

/* 南海公学主品牌；保留已确认的版式与图片区域。 */
.brand-home{display:block;flex:0 0 auto;width:148px}.brand-home img{width:100%;height:auto}.site-header .brand-home{width:136px}.company-intro{font-size:20px;line-height:1.9;color:var(--muted)}.company-overview .text-link{margin-top:20px}.company-story article{border-top:2px solid var(--line);padding-top:24px}.company-story h3{font-size:24px;margin-bottom:16px}.company-story article>p:last-child{color:var(--muted)}.work-diagram{--image-ratio:16 / 9!important;background:#fdfaf3}.work-diagram img{object-fit:contain}.case-details{border-top:1px solid var(--line);padding-top:16px}.case-details summary{cursor:pointer;color:var(--blue);min-height:44px}.case-details h4{font-size:17px;font-weight:500;margin:16px 0 8px}.case-details p{color:var(--muted);font-size:15px}.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.testimonial{padding:32px;border-radius:24px;background:var(--card)}.testimonial blockquote{font-size:18px;line-height:1.9;margin:0 0 24px}.testimonial figcaption{font-size:14px;color:var(--muted)}.footer-copyright{font-size:12px!important}.pill.primary{background:#001d39;border-color:#001d39}.pill.primary:hover{background:#263f57}.metric-value{color:var(--blue)}
@media(max-width:1199px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.nav-inner{gap:12px}}
@media(max-width:767px){.site-header .brand-home{width:120px}.testimonial-grid{grid-template-columns:1fr;gap:16px}.testimonial{padding:24px}.testimonial blockquote{font-size:16px}.company-intro{font-size:17px}.company-story h3{font-size:23px}}
