/* 易心教育 · 手机端全站排版 v20261024
   仅对 <=767px 设备生效。全部18个页面完整保留PC端原有内容及组件。
   手机端不使用横向半卡片，不隐藏专家资质及服务说明。 */
@media (max-width:767px) {
  :root {
    --yx-m-bg:#faf8f4;
    --yx-m-paper:#fffefa;
    --yx-m-ink:#22352e;
    --yx-m-green:#0d4d43;
    --yx-m-green-2:#27695d;
    --yx-m-gold:#b28d52;
    --yx-m-muted:#626d65;
    --yx-m-border:#e9e1d6;
    --yx-m-shadow:0 10px 30px rgba(19,58,48,.065);
  }
  *, *::before, *::after { box-sizing:border-box; }
  html { width:100%;max-width:100%;overflow-x:clip;scroll-padding-top:82px; font-size:16px; }
  body { margin:0; width:100%; max-width:100%; overflow-x:clip; background:var(--yx-m-bg);
    color:#29392f; font-size:15px; line-height:1.75;
    padding-bottom:calc(67px + env(safe-area-inset-bottom, 0px)) !important;
    -webkit-font-smoothing:antialiased; }
  body,button,input,select,textarea { font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; }
  img,video,iframe,svg { max-width:100%; }
  img {height:auto;}
  a,button,input,select,textarea { -webkit-tap-highlight-color:transparent; }
  :is(button,a,input,textarea,select):focus-visible { outline:2px solid var(--yx-m-gold); outline-offset:3px; }
  p,li,h1,h2,h3,h4,span,a { overflow-wrap:anywhere; }
  [id] {scroll-margin-top:84px;}
  .container, .hero .container { width:calc(100% - 36px) !important; max-width:480px !important; min-width:0 !important; margin-inline:auto !important; }
  .grid >*,.process >*,.feature-list >*,.follow-grid >*,.contact-grid >*,.footer-grid >*,.expert >*,.service-band >* {min-width:0;}

  /* 顶栏与全屏抽屉菜单。已使用JS控制展开和焦点。 */
  .header { height:64px!important; position:sticky!important;top:0!important;z-index:90!important;
    background:rgba(255,253,248,.96)!important; border-bottom:1px solid rgba(178,141,82,.2)!important;
    box-shadow:0 5px 22px rgba(33,54,45,.045);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); }
  .header-inner { height:64px!important; gap:9px!important;display:flex;align-items:center; }
  .header .brand { display:flex;align-items:center;gap:9px!important;min-width:0!important;flex:1;max-width:calc(100% - 54px); }
  .brand-mark { width:36px!important;height:36px!important;flex:none; }
  .brand-cn { font-size:19px!important;white-space:nowrap;letter-spacing:.05em; }
  .brand-en { font-size:8px!important;letter-spacing:.11em; }
  .header-action {display:none!important;}
  .menu-btn { display:grid!important;place-items:center;flex:none;margin-left:auto!important;width:43px;height:43px;
    border-radius:12px;border:1px solid rgba(13,77,67,.13)!important;background:#f2f6f2!important;
    color:var(--yx-m-green)!important;font-size:22px!important;cursor:pointer; }
  .yx-mobile-back {flex:none; width:34px;height:38px;display:grid;place-items:center;color:var(--yx-m-green);font-size:24px;line-height:1;}
  .yx-mobile-back + .brand {max-width:calc(100% - 92px);}
  .nav { display:flex!important;position:fixed!important;z-index:102!important;
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(88vw,360px)!important;height:100dvh!important;
    background:#fffdf8!important; border-left:1px solid var(--yx-m-border);
    padding:79px 22px calc(32px + env(safe-area-inset-bottom, 0px))!important;
    align-items:stretch!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;
    box-shadow:-16px 0 55px rgba(7,36,29,.16)!important;overflow-y:auto!important;
    transform:translateX(110%);transition:transform .26s ease;
    visibility:hidden;pointer-events:none; }
  .nav a { font-size:16px!important;display:flex!important;align-items:center;min-height:50px;
    padding:10px 8px!important;border-bottom:1px solid #efe7dd;flex:none; }
  .nav a.active { color:var(--yx-m-green)!important;font-weight:700; }
  .nav a.active::after {display:none;}
  .nav .yx-mobile-nav-cta {margin-top:19px;border:0!important;justify-content:center;
    min-height:48px;border-radius:12px;color:white!important;background:var(--yx-m-green)!important;font-weight:700;}
  .nav .yx-mobile-nav-close {position:absolute;top:19px;right:21px;width:42px;height:42px;
    background:#f4eee4;color:var(--yx-m-green);border:0;border-radius:12px;font-size:27px;cursor:pointer;}
  .yx-mobile-backdrop {position:fixed;inset:0;z-index:89;background:rgba(12,34,29,.42);opacity:0;
    visibility:hidden;pointer-events:none;transition:opacity .25s ease;}
  body.yx-menu-open {overflow:hidden;}
  body.yx-menu-open .nav { transform:translateX(0);visibility:visible;pointer-events:auto;}
  body.yx-menu-open .yx-mobile-backdrop {opacity:1;visibility:visible;pointer-events:auto;}

  /* 页面节奏：文字可读、单列信息、克制的线框和金色细节 */
  .section { padding:48px 0!important; }
  .section.soft {background:linear-gradient(180deg,#f7f3ec,#fbf9f5)!important;}
  .section-head { max-width:100%; margin-bottom:22px!important; }
  .section-head h2,.section-head .title-xl {font-size:clamp(26px,7.3vw,32px)!important;line-height:1.34!important;letter-spacing:0;}
  .section-head p,.section-head .kicker,.kicker {font-size:14px!important;color:var(--yx-m-muted);line-height:1.8;}
  .eyebrow {font-size:10px!important;letter-spacing:.2em!important;color:var(--yx-m-gold)!important;line-height:1.65;}
  .grid,.grid-2,.grid-3,.grid-4,.grid-5,.process,.feature-list,.topic-nav,.media-row,
  .two-col,.office-wrap,.expert,.contact-grid,.timeline,.footer-grid {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important; }
  .panel,.feature-item,.contact-card,.faq-item {border:1px solid var(--yx-m-border)!important;
    border-radius:18px!important;box-shadow:var(--yx-m-shadow);padding:20px!important;
    background:var(--yx-m-paper);min-width:0;}
  .panel h3,.feature-item h3 {font-size:19px!important;line-height:1.45;margin:3px 0 10px;}
  .panel p,.panel li,.feature-item p {font-size:14px;line-height:1.8;}
  .problem {min-height:0!important;}
  .process .panel {border-left:3px solid var(--yx-m-gold)!important;}
  .btns {display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:18px!important;}
  .btn {min-height:46px!important;padding:10px 17px!important;border-radius:12px!important;
    font-size:14px!important;line-height:1.4;text-align:center;white-space:normal;}
  .btns .btn {flex:1 1 135px;}
  .btn.primary,.header-action {background:var(--yx-m-green)!important;color:white!important;}
  .trust-row {gap:7px!important;display:flex!important;flex-wrap:wrap!important;}
  .trust-row span {padding:5px 9px!important;font-size:12px!important;line-height:1.55;}

  /* 首屏保留PC的所有标题、副文案、标签和视觉，不将桌面图片硬拉伸 */
  .hero {min-height:0!important;display:block!important;position:relative;background:linear-gradient(145deg,#fffdf8 0%,#f6f0e6 100%)!important;}
  .hero .container {position:relative;z-index:2;}
  .hero:after {content:"";position:absolute;inset:auto 0 0;height:205px;
    background:url('hero-reception-clean.jpg') center 35%/cover no-repeat;opacity:.94;z-index:0;}
  .hero:before {content:"";position:absolute;z-index:1;inset:0;
    background:linear-gradient(180deg,transparent 49%,rgba(250,247,241,.92) 71%,rgba(250,247,241,0) 90%);pointer-events:none;}
  .hero-copy {padding:34px 0 210px!important;max-width:100%!important;}
  .hero h1 {font-size:clamp(31px,8.6vw,39px)!important;line-height:1.22!important;letter-spacing:-.02em;margin:8px 0 13px!important;}
  .hero .lead {font-size:16px!important;line-height:1.7;margin:0 0 8px;}
  .hero .kicker {font-size:13px!important;margin:0;}
  .hero-tags {display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:17px 0!important;}
  .hero-tags span {padding:4px 9px;border:1px solid #e3d8c8;border-radius:99px;background:rgba(255,255,255,.6);font-size:12px;}
  .hero-tags span:before {display:none;}
  .hero .btns {margin-top:17px!important;}
  .hero .btn {padding-inline:12px!important;}
  .page-hero {padding:42px 0!important;background-position:center!important;}
  .page-hero h1 {font-size:clamp(29px,8vw,36px)!important;line-height:1.3!important;}
  .page-hero p {font-size:15px!important;line-height:1.85;max-width:100%;}
  .breadcrumb {font-size:12px;}

  /* 服务信息全部展示（旧版手机曾将PC服务模块隐藏） */
  .service-band {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;overflow:hidden;border-radius:20px!important;}
  .service-main,.service-side {padding:25px 23px!important;min-width:0;}
  .service-main h2 {font-size:29px!important;line-height:1.35;margin:10px 0;}
  .service-main p,.service-side p {font-size:14px;line-height:1.82;}
  .big-num {font-size:67px!important;line-height:1.05;}
  .steps {display:flex;flex-wrap:wrap;gap:8px!important;}
  .steps span {font-size:12px;}
  .service-side h3 {font-size:23px!important;line-height:1.4;}
  .notice,.risk {padding:17px!important;border-radius:14px!important;font-size:13px;line-height:1.8;}
  .timeline-item {display:grid!important;grid-template-columns:1fr!important;overflow:hidden;border-radius:18px;}
  .timeline-side {padding:16px 20px!important;}
  .timeline-body {padding:20px!important;}

  /* 办公室及视频：16:9完整展示、按需播放，无横向超出 */
  .office-wrap {align-items:start!important;}
  .office-video {min-width:0;}
  .office-video video,
  .yx-brand-feature video,
  .yx-brand-event video {display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:contain!important;background:#121b17;border-radius:14px!important;}
  .office-wrap h2 {font-family:"STSong","Songti SC",serif;font-size:30px;line-height:1.35;}
  .yx-brand-films,.yx-brand-events {padding:50px 0!important;}
  .yx-brand-intro {margin:0 auto 24px!important;}
  .yx-brand-intro h2,.yx-brand-events .yx-brand-intro h2 {font-size:clamp(27px,7.5vw,32px)!important;line-height:1.38!important;}
  .yx-brand-intro p {font-size:14px!important;line-height:1.8;}
  .yx-brand-feature {display:flex!important;flex-direction:column!important;gap:0!important;border-radius:18px!important;overflow:hidden;}
  .yx-brand-feature-copy {padding:21px!important;}
  .yx-brand-feature-copy h3 {font-size:26px!important;line-height:1.4;}
  .yx-brand-feature-copy p {font-size:14px!important;}
  .yx-brand-events-grid {display:grid!important;grid-template-columns:1fr!important;gap:17px!important;}
  .yx-brand-event {border-radius:18px!important;}
  .yx-brand-event-copy {padding:20px!important;}
  .yx-brand-event-copy h3 {font-size:24px!important;}
  .yx-brand-footnote {font-size:12px;line-height:1.7;}
  .yx-brand-feature-note {margin-top:15px;padding-top:13px;font-size:12px;}

  /* 首页核心专家保持人物比例，介绍和标签全部保留 */
  .expert {align-items:start!important;}
  .expert-photo {width:100%;min-height:0!important;height:auto!important;aspect-ratio:4/4.5;
    max-height:450px;border-radius:18px!important;}
  .expert-photo img {height:100%!important;width:100%!important;object-fit:cover!important;object-position:center 20%;}
  .expert h2 {font-size:28px!important;line-height:1.35;}
  .expert h3 {font-size:18px!important;}
  .expert .quote,.quote {font-size:21px!important;line-height:1.65;padding-left:14px!important;}
  .case-card {display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
    padding:22px 2px!important;align-items:start!important;}
  .case-tag {font-size:21px;line-height:1.4;}
  .case-card p {font-size:14px;line-height:1.8;}
  .case-link {font-size:14px;}

  /* 官方4个二维码。全部可见，不再依赖横滑找到其余渠道 */
  .follow-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;}
  .channel {min-width:0!important;width:100%;padding:14px 10px!important;border:1px solid var(--yx-m-border)!important;
    border-radius:16px!important;background:#fff!important;box-shadow:0 7px 20px rgba(31,58,49,.04);}
  .channel h3 {font-size:14px!important;line-height:1.45!important;min-height:2.9em;}
  .channel .account {font-size:11px!important;line-height:1.5;min-height:2.8em!important;}
  .channel img {display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1;
    max-width:166px!important;object-fit:contain!important;padding:5px!important;border:1px solid #eee7dc;
    border-radius:10px!important;margin:10px auto!important;background:#fff;}
  .channel .kicker {font-size:11px!important;line-height:1.6;}

  /* FAQ、通用版块、备案内容 */
  .faq-q {width:100%;min-height:56px;padding:15px 16px!important;gap:12px;line-height:1.6;
    font-size:15px!important;text-align:left;align-items:center;}
  .faq-q > span {flex:none;color:var(--yx-m-gold);}
  .faq-a {padding:0 16px 17px!important;font-size:14px;line-height:1.8;}
  .cta {display:block!important;border-radius:20px!important;padding:26px 22px!important;}
  .cta h2 {font-size:27px!important;line-height:1.35;}
  .cta p {font-size:14px;line-height:1.85;}
  .cta .btns {display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .footer {padding:37px 0 23px!important;}
  .footer-grid {gap:25px!important;}
  .footer-grid > div {min-width:0;}
  .footer-bottom {display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:26px!important;
    padding-top:18px!important;font-size:11px!important;line-height:1.85;}
  .footer-bottom span {display:block!important;min-width:0;word-break:break-word;}
  .footer h4 {margin:0 0 10px;}
  .footer-links a {display:block;padding:4px 0;}
  .mobile-bar {position:fixed!important;left:0;right:0;bottom:0;z-index:85;display:grid!important;
    grid-template-columns:1fr 1fr!important;min-height:60px;background:rgba(255,253,250,.98);
    border-top:1px solid var(--yx-m-border);padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px));gap:10px;
    box-shadow:0 -8px 28px rgba(22,47,40,.065);}
  .mobile-bar a {display:grid;place-items:center!important;min-height:45px!important;border-radius:11px!important;
    font-size:14px!important;font-weight:650;color:var(--yx-m-green);background:#edf3ef;padding:10px!important;}
  .mobile-bar a:last-child {background:var(--yx-m-green)!important;color:#fff!important;}

  /* 专家页：10个卡片逐张展示，每张包含完整名字、经验、方向、查看详情 */
  .team-hero {padding:39px 0!important;background:linear-gradient(145deg,#fffdf7,#f3ede1)!important;}
  .team-hero .hero-inner {display:grid!important;grid-template-columns:1fr!important;gap:20px!important;}
  .team-hero h1 {font-size:36px!important;line-height:1.22!important;}
  .team-hero .lead2 {font-size:15px!important;line-height:1.8;}
  .team-hero .visual {display:block!important;width:100%!important;height:178px!important;border-radius:17px!important;}
  .team-hero .visual .word {left:24px!important;top:28px!important;font-size:35px!important;}
  .team-hero .visual .word small {font-size:10px!important;}
  .team-hero .visual .line {left:25px!important;right:25px!important;bottom:40px!important;}
  .team-hero .visual .sub {left:25px!important;bottom:14px!important;font-size:11px!important;}
  .team-hero .feature-row {display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important;}
  .team-hero .feature {padding:12px 15px!important;border-radius:12px!important;}
  .team-hero .feature b {font-size:13px!important;}
  .team-hero .feature span {display:block!important;font-size:12px!important;}
  .core-wrap {display:grid!important;grid-template-columns:1fr!important;gap:19px!important;}
  .core-photo2 {height:auto!important;min-height:0!important;aspect-ratio:4/4.5;
    max-height:435px;border-radius:19px!important;}
  .core-photo2 img {height:100%!important;object-fit:cover;object-position:center 16%;}
  .core-copy2 {padding:0!important;}
  .core-copy2 h2 {font-size:36px!important;}
  .core-role2 {font-size:14px!important;line-height:1.7;}
  .core-copy2 .intro {font-size:14px!important;}
  .core-stat2 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:20px 0!important;}
  .core-stat2 div {padding:14px!important;min-width:0;}
  .core-stat2 strong {font-size:26px!important;}
  .info-trio {display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:17px!important;}
  .info-trio > div {padding:16px!important;}
  .pc-team-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
  .pc-card {display:grid!important;grid-template-columns:minmax(0,39%) minmax(0,61%)!important;
    border:1px solid #e6dac7!important;border-radius:17px!important;box-shadow:var(--yx-m-shadow);overflow:hidden;
    transform:none!important;min-width:0;}
  .pc-card .portrait {height:100%!important;min-height:212px!important;aspect-ratio:auto!important;
    background:#f6eee1!important;border-bottom:0!important;align-self:stretch;}
  .pc-card .portrait img {height:100%!important;width:100%!important;object-fit:cover!important;object-position:center 18%!important;}
  .pc-card .body {min-width:0;display:flex!important;align-items:flex-start;padding:15px 11px!important;}
  .pc-card .body h3,.pc-card .name-line h3 {font-size:23px!important;line-height:1.3;margin:0 0 7px!important;}
  .pc-card .years {font-size:11px!important;margin:0 0 9px!important;padding:4px 8px!important;}
  .pc-card .role-small {font-size:12px!important;line-height:1.65!important;min-height:0!important;margin-bottom:9px!important;}
  .pc-card .mini-tags {display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:0 0 10px!important;}
  .pc-card .mini-tags span {display:inline-block!important;font-size:10px!important;line-height:1.45;padding:3px 6px!important;}
  .pc-card .detail-btn {margin-top:auto!important;font-size:13px!important;min-height:34px;}
  .pc-card .core-list,.pc-card .motto2 {display:block!important;}
  .modal {align-items:center!important;justify-content:center;padding:14px!important;z-index:120!important;}
  .modal-box {width:100%!important;max-width:460px!important;max-height:calc(100dvh - 40px)!important;border-radius:18px!important;}
  .modal-head {padding:19px!important;}
  .modal-head h3 {font-size:26px!important;}
  .modal-body {padding:17px 20px 25px!important;font-size:14px;line-height:1.85;}
  .modal-close {width:42px;height:42px;flex:none;}
  .risk {min-width:0;}

  /* 咨询预约：原PC的全部字段原样保留，统一纵向排版，不改变提交逻辑 */
  .contact-grid {align-items:start!important;}
  .contact-card {padding:19px!important;}
  .contact-card h2 {font-size:26px!important;line-height:1.4;}
  .form-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  .form-grid .full {grid-column:1/-1;}
  .form-grid label,form[data-demo-form] label {font-size:13px!important;line-height:1.6;}
  .form-grid input:not([type=checkbox]), .form-grid select,.form-grid textarea,
  .contact-card input:not([type=checkbox]),.contact-card select,.contact-card textarea {
    display:block!important;width:100%!important;min-width:0!important;min-height:46px!important;
    font-size:16px!important;line-height:1.45;border-radius:11px!important;padding:12px 13px!important;margin-top:6px;
    background:#fff!important;border:1px solid #dcd4c8!important;}
  .contact-card textarea {min-height:116px!important;}
  .issue-options {display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .issue-options label,.consent-box label {align-items:flex-start!important;gap:10px!important;display:flex!important;}
  input[type=checkbox] {width:18px!important;height:18px!important;flex:0 0 18px;accent-color:var(--yx-m-green);margin:3px 0 0;}
  .consent-box {padding:14px!important;}
  form[data-demo-form] > button[type=submit] {width:100%;min-height:48px;}
  .submit-note {line-height:1.65;}
  .media-row img {display:block!important;width:100%!important;height:auto!important;max-height:none!important;
    aspect-ratio:16/10;object-fit:cover;border-radius:16px!important;}
  .article {max-width:100%;}
  .article h2 {font-size:25px!important;line-height:1.4;margin-top:35px!important;}
  .article h3 {font-size:19px!important;}
  .article p,.article li {font-size:14px;line-height:1.9;}
  .topic-nav a {font-size:14px;padding:15px!important;}
}
@media (max-width:350px) {
  .container,.hero .container {width:calc(100% - 24px)!important;}
  .hero h1 {font-size:30px!important;}
  .channel {padding:9px 7px!important;}
  .channel h3 {font-size:12px!important;}
  .channel .account {font-size:10px!important;}
  .pc-card {grid-template-columns:35% minmax(0,65%)!important;}
  .pc-card .body {padding:12px 9px!important;}
  .pc-card .body h3 {font-size:20px!important;}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce) {
  .nav,.yx-mobile-backdrop {transition:none!important;}
  html {scroll-behavior:auto!important;}
}