/* 优论官网 · V3 / 保留页面内容结构的视觉整理。
   原 React 页面、模块顺序、文案、数据、图像引用和课程交互保持原状。
   样式参考用户认可的 V1 暖白 · 深蓝灰 · 学术编辑型视觉。 */
:root{--yl-ink:#20373d;--yl-muted:#68777b;--yl-main:#2d4a51;--yl-accent:#739187;--yl-paper:#f7f7f3;--yl-surface:#ffffff;--yl-alt:#f1f3ef;--yl-line:#dfe6e2;--yl-shadow:0 18px 48px rgba(26,50,52,.045)}
html{scroll-behavior:smooth}body{background:var(--yl-paper);color:var(--yl-ink);font-family:Inter,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--yl-accent);outline-offset:4px}::selection{background:#dce8e0;color:var(--yl-ink)}
.container{max-width:1240px;padding-left:clamp(18px,4vw,46px);padding-right:clamp(18px,4vw,46px)}
.section-title{font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.22;color:var(--yl-ink)}
.section-subtitle{font-size:15px;color:var(--yl-muted);line-height:1.7;letter-spacing:.03em}
.section-header{margin-bottom:52px}
/* Hero + navigation: 版式和原有文案位置不变，改为学术编辑型配色与科学视觉 */
.header,.course-header{height:auto;min-height:720px;position:relative;overflow:hidden;background:radial-gradient(circle at 81% 48%,#e7eeea 0,transparent 38%),linear-gradient(145deg,#fbfaf6,#f2f5f1 85%)}
.header::after,.course-header::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#5270670a 1px,transparent 1px),linear-gradient(90deg,#5270670a 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent 25%,#0008 100%)}
.navbar{z-index:30;position:relative;padding:12px 0;border-bottom:1px solid #d6e0daaa;background:#ffffff78;backdrop-filter:blur(12px)}
.nav-container{max-width:1240px;gap:26px;padding:0 clamp(18px,4vw,46px)}
.nav-logo{color:var(--yl-ink);flex:0 0 auto;cursor:pointer}.nav-logo img{width:107px;height:58px;object-fit:contain;filter:brightness(0) saturate(100%) invert(19%) sepia(11%) saturate(1507%) hue-rotate(140deg) brightness(88%)}
.nav-menu{gap:clamp(19px,2.6vw,37px);padding:0!important;align-items:center;margin-left:auto}
.nav-menu li a{font-size:15px;font-weight:500;letter-spacing:.03em;color:#44575a;transition:color .2s ease}
.nav-menu li a:hover,.nav-menu li a.active,.nav-menu li a[aria-current="page"]{color:var(--yl-main);border-bottom:1px solid var(--yl-main);padding-bottom:6px}
.sign-in-btn{flex-shrink:0;border-radius:8px;background:var(--yl-ink);color:#fff;padding:12px 23px;font-size:14px;letter-spacing:.02em;border:1px solid var(--yl-ink)}
.sign-in-btn:hover{background:#37585b;color:#fff;box-shadow:0 6px 18px #152c2c1a;transform:translateY(-1px)}
.hero-section{position:relative;z-index:2;height:auto;min-height:620px;padding:72px 0 85px;display:flex;justify-content:center}
.hero-container{max-width:1240px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,74px);padding:0 clamp(18px,4vw,46px);width:100%;text-align:left}
.hero-content{max-width:570px;position:relative;z-index:3}
.hero-title{font-size:clamp(38px,4vw,58px);font-weight:600;line-height:1.3;letter-spacing:-.04em;color:var(--yl-ink);margin:0 0 31px}
.hero-title .highlight{color:#67897f}
.hero-subtitle{color:#70827d;font-size:14px;letter-spacing:.065em;text-align:left;margin:0 0 21px}
.hero-description{color:#607174;font-size:16px;line-height:2.02;max-width:520px;margin:0 0 35px}
.consult-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;border-radius:9px;padding:14px 25px;min-height:47px;background:var(--yl-ink);color:#fff;font-size:14px;font-weight:500;line-height:1.5;box-shadow:none}
.consult-btn:hover{background:#36565b;color:#fff;box-shadow:0 9px 24px #193c3c2c;transform:translateY(-1px)}
.chat-icon{filter:brightness(0) invert(1);width:17px;height:17px}
.header .background-decoration,.course-header .background-decoration,.header .bg-decoration,.course-header .bg-decoration{display:none!important}
.hero-illustration{position:relative;min-height:460px;width:100%;display:flex;align-items:center;justify-content:center;background:url('../visual/youlun-journal-hero.svg') center center/contain no-repeat;opacity:1}
.hero-illustration > img,.hero-illustration > .decorative-elements{display:none!important}
.course-header .hero-illustration{background-image:url('../visual/course-manuscript-hero.svg');transform:rotate(3deg) scale(.97)}
/* 原首页各模块全部保留 */
.about-youlun{background:var(--yl-paper);padding:96px 0}
.cards-grid{gap:18px;margin-top:64px}
.about-youlun .card{border:1px solid var(--yl-line);border-radius:17px;padding:30px 26px 34px;box-shadow:none;cursor:default;transition:border-color .2s,transform .2s,box-shadow .2s}
.about-youlun .card:hover{transform:translateY(-5px);box-shadow:var(--yl-shadow);border-color:#bfcfc8}
.about-youlun .card-title{color:var(--yl-ink);font-weight:600;font-size:21px;line-height:1.35;margin-bottom:16px}
.card-description{color:var(--yl-muted);font-size:14px;line-height:1.9}
.card-icon img{width:56px;height:56px}
.develop-experience{background:#fff;height:auto;min-height:560px;padding:95px 0}
.gradient-line{background:linear-gradient(to right,transparent,var(--yl-accent),transparent)}
.timeline-point{background:#fff}.timeline-year{color:var(--yl-main);font-weight:600;font-size:23px}
.timeline-title{color:var(--yl-ink);font-weight:600}.timeline-description{color:var(--yl-muted);font-size:14px;line-height:1.8;padding:0 14px}
.bottom-description{margin-top:65px}.bottom-description p{border-color:var(--yl-line);color:var(--yl-muted);font-size:13px;line-height:1.9;box-shadow:none;background:#fbfcf9}
.teacher-asset{background:var(--yl-alt);padding:96px 0}.blur-ellipse{background:#7a9d8c1c;filter:blur(90px)}
.teacher-card{border:1px solid var(--yl-line);border-radius:16px;box-shadow:none;padding:16px}
.teacher-card:hover{transform:translateY(-4px);box-shadow:var(--yl-shadow)}
.teacher-name{color:var(--yl-ink);font-weight:600}.teacher-university,.teacher-description{color:var(--yl-muted);line-height:1.7}
.achievement-tag{background:#eaf0eb;color:#3d6859;border:1px solid #dce7df;border-radius:7px}
.nav-button{border-color:var(--yl-line);box-shadow:none}.nav-button:hover{background:var(--yl-ink);border-color:var(--yl-ink)}
.business-achievement{background:var(--yl-paper);padding:100px 0}
.business-nav-menu{gap:14px}.business-nav-menu::before{background:linear-gradient(to bottom,transparent,#adbbb5,transparent)}
.nav-item{margin-bottom:5px;padding:17px 20px 17px 80px;border-radius:10px}
.nav-item.active{background:#e9eeea}.nav-indicator{border-color:#bfcfc8}.nav-item.active .nav-indicator{border-color:var(--yl-accent);box-shadow:0 0 0 2px #93b0a233}.nav-item.active .nav-indicator::after{background:var(--yl-ink)}
.nav-label{color:#627376}.nav-item:hover .nav-label,.nav-item.active .nav-label{color:var(--yl-ink)}
.stat-number{color:var(--yl-ink);font-size:25px}.stat-title,.detail-value{color:var(--yl-ink)}
.stats-container{background:transparent;gap:15px}.stat-card{max-width:none;min-width:0;background:#fff;border:1px solid var(--yl-line);border-radius:14px;padding:22px 12px}
.teacher-profile,.cases-section{border:1px solid var(--yl-line);box-shadow:none;border-radius:14px}
.teacher-profile{padding:15px}.teacher-title{color:var(--yl-accent)}
.cases-section{padding:27px}.case-title{color:var(--yl-ink)}
.case-content img,.journal-item,.thesis-item,.grade-item{border-radius:7px}
.major-category-block{background:#f5f7f4;border:1px solid #e7ece7}.major-text{color:var(--yl-ink)}
.sci-cooperation{background:#ecf1ed}.sci-cooperation-content{gap:65px}.sci-title{color:var(--yl-ink);font-weight:600}.sci-subtitle{color:var(--yl-muted);line-height:1.7}
.sci-cooperation .journal-item{border:1px solid #dce5df;border-radius:12px;box-shadow:none}.sci-cooperation .journal-item:hover{box-shadow:var(--yl-shadow);border-color:#b9cec1}
/* 原课程内容重点完整保留：横向项目卡、五阶段服务、承诺、服务流程与常见问题 */
.project-types{background:var(--yl-alt);padding:88px 0;overflow:hidden}
.cards-wrapper{overflow:hidden}.cards-container{gap:20px}
.project-card{border:1px solid var(--yl-line);border-radius:15px;box-shadow:none}
.project-card:hover{box-shadow:0 16px 36px #243c3a12;transform:translateY(-4px)}
.project-card .card-icon{filter:saturate(.73)}
.project-card .card-title{font-size:19px;font-weight:600;letter-spacing:.01em}
.card-subtitle{color:var(--yl-muted)}.card-body{padding:23px 17px}
.btn-outline,.btn-primary{border-radius:8px;white-space:nowrap;font-size:13px;padding:9px 16px}
.btn-outline{color:var(--yl-ink);border-color:#9bb0aa}.btn-outline:hover{color:#fff;background:var(--yl-ink);border-color:var(--yl-ink)}
.btn-primary{background:var(--yl-ink);border-color:var(--yl-ink)}.btn-primary:hover{background:#36585a;border-color:#36585a}
.nav-btn{border-color:var(--yl-line);color:var(--yl-ink)}.nav-btn:hover{background:var(--yl-ink);border-color:var(--yl-ink)}
.service-content{background:#fff;padding:96px 0}
.service-tabs{gap:9px;margin-bottom:34px}
.tab-button{border:1px solid var(--yl-line);border-radius:9px;padding:11px 21px;background:#fbfcfa;color:#607275;font-size:14px}
.tab-button::before{display:none}.tab-button.active{background:var(--yl-ink);border-color:var(--yl-ink);color:#fff;box-shadow:none;transform:none}
.tab-button:hover:not(.active){transform:none;border-color:#adc0b4;box-shadow:none;color:var(--yl-ink)}
.service-content-area{height:auto;min-height:380px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.content-left{padding:34px;background:#fbfcfa;box-shadow:none;border:1px solid var(--yl-line);border-radius:13px}
.problems-title{color:var(--yl-ink);font-size:22px}.problem-item{color:#54676a;line-height:1.95;font-size:15px}
.service-card{background:linear-gradient(135deg,#28484b,#183339)!important;border-radius:13px;box-shadow:none;min-height:360px;padding:32px;gap:14px}
.service-card .card-title{color:#fff;font-size:24px}.service-item{font-size:15px;color:#f2f6f2}
.apply-btn{background:#fff;color:var(--yl-ink);border-radius:8px;padding:11px 21px;font-size:14px}
.apply-btn:hover{box-shadow:0 9px 25px #0002}
/* 支持信息区、流程区、FAQ 原有全部内容 */
.service-advantages,.service-guarantee,.service-features,.service-methods,.service-process,.faq-section{background:var(--yl-paper)}
[class*="feature-card"],[class*="method-card"],[class*="advantage-card"],[class*="guarantee-card"]{border-radius:14px}
.service-process{background:#fff}.step-title,.mobile-step-title{color:var(--yl-ink)}.timeline-step.active .step-title{color:var(--yl-main)}
.mobile-process-card{border:1px solid var(--yl-line);box-shadow:none;border-radius:12px}.mobile-process-card.active{border-color:#bfd4c5;border-left-color:var(--yl-accent);box-shadow:none;transform:none}
.mobile-process-card.active .mobile-step-number{background:var(--yl-ink)}
.faq-section{background:var(--yl-alt);padding:90px 0}.faq-item{border:1px solid var(--yl-line);box-shadow:none;border-radius:12px}
.faq-item:hover,.faq-item.active{box-shadow:var(--yl-shadow)}.faq-item.active::before{background:var(--yl-accent)}
.question-text{color:var(--yl-ink);font-weight:500}.faq-answer p{color:var(--yl-muted)}.toggle-icon.active{background:var(--yl-ink)}
/* 师资页保留筛选与双栏卡片；桌面恢复鼠标悬浮显示原始资料图 */
.teacher-page,.contact-page{background:var(--yl-paper)}
.teacher-hero{padding:76px 0 25px}.teacher-hero .hero-content h1{color:var(--yl-ink);font-weight:600;font-size:clamp(30px,3vw,42px)}
.teacher-hero .hero-content p{color:var(--yl-muted);letter-spacing:.04em}
.teacher-container{padding:44px 24px 90px}.category-filter{gap:9px;margin-bottom:40px}
.filter-btn{border:1px solid var(--yl-line);background:#fff;color:#687c7b;border-radius:8px;font-weight:500;font-size:13px;padding:10px 17px}
.filter-btn:hover{background:#edf3ef;border-color:#abc0b4;color:var(--yl-ink)}
.filter-btn.active{background:var(--yl-ink);color:#fff;border-color:var(--yl-ink);box-shadow:none}
.ml15{gap:17px}.faculty-card{border:1px solid var(--yl-line);border-radius:13px;padding:23px;background:#fff;box-shadow:none;transition:transform .2s,box-shadow .2s,border .2s}
.faculty-card:hover{border-color:#afc5b9;box-shadow:var(--yl-shadow);transform:translateY(-2px);z-index:auto}
.faculty-name{color:var(--yl-ink)}.faculty-position,.faculty-description{color:var(--yl-muted);line-height:1.7}
.specialty-tag{background:#eaf1ec;color:#486b60;border-radius:5px;padding:4px 8px;font-size:11px}
/* 桌面：悬浮面板贴近师资卡片，避免裁切与超出视口，既不点击也不遮挡正文。 */
.faculty-card:not(.consult-card){cursor:default;isolation:isolate}
.faculty-card:not(.consult-card):hover,.faculty-card:not(.consult-card):focus-visible{z-index:80;transform:none}
.faculty-card .teacher-intro-overlay{position:fixed!important;top:var(--yl-popover-y,16px)!important;left:var(--yl-popover-x,16px)!important;right:auto!important;bottom:auto!important;width:min(390px,calc(100vw - 32px))!important;height:min(520px,calc(100vh - 32px))!important;display:flex!important;padding:13px;background:#fff;border:1px solid #dfe6e2;border-radius:12px;box-shadow:0 22px 65px rgba(25,47,48,.18);opacity:0!important;visibility:hidden!important;transform:translateY(7px);pointer-events:auto;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:1100}
.faculty-card:hover .teacher-intro-overlay,.faculty-card:focus-visible .teacher-intro-overlay{opacity:1!important;visibility:visible!important;transform:translateY(0)}
.faculty-card .teacher-intro-image{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:7px;box-shadow:none}
.yl-teacher-toggle{display:none}
.consult-card{background:#edf3ee;border:1px dashed #a7bfb2}.consult-card:hover{border-color:var(--yl-accent)}
.consult-title{color:var(--yl-ink)}.consult-tip{color:var(--yl-muted)}
/* 联系页面保留原公司介绍 + 指标 + 4 联系方式 + 二维码 */
.company-intro{background:#fff;padding:85px 0}.intro-container,.contact-info-container{max-width:1240px}
.intro-title,.contact-section-title{font-size:clamp(28px,2.8vw,40px);color:var(--yl-ink);font-weight:600;letter-spacing:-.03em}
.intro-text{color:#526568;font-size:16px;line-height:2}.highlight-number{color:var(--yl-main);font-size:30px}
.contact-info-section{background:var(--yl-alt);padding:85px 0}.contact-cards{gap:17px}
.contact-card{border:1px solid var(--yl-line);border-radius:13px;padding:37px 17px;box-shadow:none}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--yl-shadow)}
.contact-card h3{color:var(--yl-ink);font-weight:600;font-size:18px}.contact-card p{color:var(--yl-muted);font-size:14px;overflow-wrap:anywhere}
/* Footer + side navigation */
.footer{background:#19343a;color:#f5f5ee;margin-top:0;padding:62px 0 37px}
.footer-container{max-width:1240px}.footer-nav a{font-size:14px;font-weight:500}.footer-brand p,.contact-info p,.copyright-info p{color:#e3e9e3cc}
.footer-beian a{color:#e9f2e8}
.sidebar-container{right:16px;gap:6px;z-index:500;top:55%}.sidebar-item{border:1px solid #e2e8e4;box-shadow:0 7px 20px #122d2914;border-radius:10px;min-width:62px;padding:10px 8px}
.sidebar-item:hover{background:var(--yl-ink);box-shadow:0 9px 23px #122d2925;transform:translateX(-2px)}
.sidebar-icon{color:var(--yl-main)}.sidebar-item:hover .sidebar-icon{color:#fff}
.sidebar-label{font-size:10px;color:#627275}.qr-overlay{border:1px solid var(--yl-line);border-radius:12px;box-shadow:0 15px 35px #273e3d21}
.qr-modal-overlay{z-index:1200}.qr-modal{border-radius:14px;box-shadow:0 28px 80px #102b2a2b}
.qr-modal-header{background:#203a40;padding:20px 24px}.qr-code-image{box-shadow:none;border:1px solid var(--yl-line)}
/* 响应式导航和微信咨询弹层 */
.yl-mobile-toggle{display:none;position:fixed;right:16px;top:15px;z-index:1600;width:44px;height:44px;border-radius:9px;background:var(--yl-ink);color:#fff;box-shadow:0 8px 22px #12312c25;align-items:center;justify-content:center;font-size:21px}
.yl-mobile-nav{display:none;position:fixed;inset:66px 12px auto 12px;z-index:1599;padding:12px;background:#fff;border:1px solid var(--yl-line);box-shadow:0 20px 55px #1a2e2830;border-radius:12px}
.yl-mobile-nav a{display:block;padding:13px 15px;color:var(--yl-ink);border-radius:8px;font-size:15px;line-height:1.4}
.yl-mobile-nav a+ a{border-top:1px solid #edf0ec}.yl-mobile-nav a:hover{background:#f1f5f1}
.yl-mobile-nav.is-open{display:block}
.yl-modal-backdrop{position:fixed;inset:0;background:#15282c99;z-index:2200;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(5px)}
.yl-modal-backdrop.is-open{display:flex}
.yl-modal{width:min(540px,100%);max-height:min(84vh,790px);overflow:auto;background:#fff;border-radius:16px;padding:28px;position:relative;box-shadow:0 30px 95px #10262955;color:var(--yl-ink)}
.yl-modal.yl-modal-wide{width:min(760px,100%)}.yl-modal-close{position:absolute;top:12px;right:13px;padding:6px 11px;font-size:22px;color:#647977;border-radius:6px}
.yl-modal-close:hover{background:#eef3ef;color:var(--yl-ink)}.yl-modal h2{font-size:23px;font-weight:600;margin:6px 28px 14px 0;line-height:1.4}.yl-modal p{font-size:14px;line-height:1.85;color:var(--yl-muted)}
.yl-modal-body img{max-width:100%;max-height:60vh;object-fit:contain;display:block;margin:16px auto;border-radius:8px}
.yl-modal-qr{max-width:210px;max-height:210px;image-rendering:auto}.yl-modal-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:18px;flex-wrap:wrap}
.yl-modal-actions button{padding:10px 15px;background:var(--yl-ink);color:#fff;border-radius:8px;font-size:13px}
.yl-modal-actions button.secondary{background:#eef2ed;color:var(--yl-ink)}
.yl-modal-footnote{font-size:12px;color:#83928b;margin-top:8px}
/* 底线响应式修复（保留原版模块顺序与展示内容） */
@media(max-width:1200px){.nav-prev{left:-18px}.nav-next{right:-18px}.top-section{flex-wrap:wrap}.teachers-section{flex-direction:row;width:100%;flex-wrap:wrap}.teacher-profile{flex:1 1 220px}}
@media(max-width:1024px){.nav-container,.hero-container{padding-inline:28px}.hero-container{grid-template-columns:1fr 1fr;gap:20px}.hero-illustration{min-height:390px}.header,.course-header{min-height:0}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-nav-menu{gap:8px}.section-header{margin-bottom:40px}.sci-cooperation-content{gap:20px}.journal-logo img{max-height:36px}}
@media(max-width:768px){
 html,body{max-width:100%;overflow-x:clip}.container{padding-inline:20px}.header,.course-header{min-height:0;height:auto}.navbar{padding:7px 0}.nav-container{min-height:60px;padding:0 20px}.nav-logo img{height:48px;width:96px}.nav-menu{display:none!important}.sign-in-btn{display:none!important}.yl-mobile-toggle{display:flex}
 .hero-section{height:auto;min-height:0;padding:54px 0 66px;display:block}.hero-container{padding:0 22px;grid-template-columns:1fr;gap:12px;text-align:left}.hero-content{max-width:100%}.hero-subtitle{text-align:left;font-size:12px}.hero-title{font-size:clamp(32px,7.6vw,43px);margin-bottom:20px}.hero-description{font-size:14px;line-height:1.85;margin:0 0 25px}.hero-description br{display:none}.hero-illustration{min-height:310px;width:100%;max-width:420px;margin-inline:auto;background-size:contain}.course-header .hero-illustration{transform:none}
 .section-title{font-size:30px}.section-subtitle{font-size:14px}.about-youlun,.teacher-asset,.business-achievement,.sci-cooperation,.project-types,.service-content,.faq-section,.company-intro,.contact-info-section{padding-block:63px}
 .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}.about-youlun .card{padding:22px 18px}.about-youlun .card-title{font-size:19px}.card-icon img{width:46px;height:46px}
 .develop-experience{padding:70px 0;min-height:0}.timeline-items{gap:26px}.timeline-item{max-width:100%}.timeline-description{padding:0;max-width:420px;margin:auto}
 .teacher-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-card{padding:15px}.teacher-avatar img{max-width:100%;width:100px;height:100px}
 .business-nav-menu{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:7px;padding:4px 0 14px;margin-bottom:15px;scrollbar-width:thin}.business-nav-menu::before{display:none}.nav-item,.nav-item.active{margin:0;flex:0 0 auto;padding:10px 13px;border-radius:8px;border:1px solid var(--yl-line)}.nav-item.active{border-color:#afc6b7}.nav-indicator{display:none}.nav-label{white-space:nowrap;font-size:13px}
 .content-wrapper,.top-section{flex-direction:column;gap:20px}.content-area{min-width:0;width:100%}.stats-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.stat-card{padding:18px 12px}.teachers-section{width:100%}.teacher-profile{min-width:0}.cases-section{padding:19px}.cases-grid{grid-template-columns:1fr}.cases-section-split{flex-direction:column}
 .sci-cooperation-content{flex-direction:column;gap:20px}.sci-illustration{min-height:220px}.illustration-container{height:230px}.sci-content{width:100%;max-width:100%}.sci-header{text-align:center}
 .project-types{overflow:hidden}.cards-wrapper{overflow:hidden}.cards-container{animation:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%;padding-bottom:22px}.project-card{scroll-snap-align:start;flex:0 0 min(80vw,310px)}.navigation-buttons{display:none}
 .service-content-area{display:grid;grid-template-columns:1fr;gap:12px;height:auto;min-height:0}.content-left{height:auto;padding:24px}.service-card{min-height:0;height:auto;padding:26px}.service-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:6px 1px 13px}.tab-button{flex:0 0 auto;padding:10px 15px;font-size:13px;white-space:nowrap}
 .service-process{padding:65px 0}.faq-question{flex-direction:row;align-items:center}.toggle-icon{align-self:auto;margin:0}.question-text{font-size:14px}
 .teacher-hero{padding-top:56px}.teacher-container{padding:32px 18px 74px}.ml15{grid-template-columns:1fr;gap:12px}.faculty-card{padding:18px}.faculty-card:not(.consult-card){padding-bottom:36px}.avatar-img{width:70px;height:70px}.category-filter{gap:7px;margin-bottom:23px}.filter-btn{font-size:12px;padding:8px 12px}
 .intro-content{flex-direction:column;gap:20px}.intro-image{flex:0 0 auto;max-width:280px}.intro-highlights{justify-content:center;gap:20px;flex-wrap:wrap}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-card{padding:24px 15px}
 .footer{padding:44px 0 28px}.footer-container{padding:0 21px}.footer-top,.footer-bottom{flex-wrap:wrap;gap:24px}.footer-nav{gap:14px 20px}.footer-center-bottom{padding-left:0}.sidebar-container{top:auto;bottom:12px;right:11px;transform:none;flex-direction:row;gap:5px}.sidebar-item{min-width:42px;width:42px;height:42px;padding:7px;border-radius:10px}.sidebar-icon{width:26px;height:26px}.sidebar-icon svg{width:20px;height:20px}.sidebar-label{display:none}.sidebar-item:hover{transform:none}.qr-overlay{display:none!important}
}
@media(max-width:480px){.header,.course-header{background:linear-gradient(145deg,#fbfaf6,#f0f4f0)}.hero-section{padding:47px 0 46px}.hero-illustration{min-height:260px;max-width:325px}.hero-title{font-size:clamp(31px,9vw,38px)}.hero-description{font-size:13px}.consult-btn{font-size:13px;padding:12px 18px}.about-youlun,.teacher-asset,.business-achievement,.sci-cooperation,.project-types,.service-content,.faq-section,.company-intro,.contact-info-section{padding-block:51px}.section-title{font-size:27px}.cards-grid{grid-template-columns:1fr;gap:10px}.about-youlun .card{padding:23px 22px}.teacher-cards-grid{grid-template-columns:1fr}.teacher-card{padding:20px}.stats-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{padding:12px 6px}.stat-number{font-size:19px}.stat-title{font-size:13px}.cases-section{padding:13px}.case-title{font-size:16px}.case-content img{max-height:280px;object-fit:contain}.service-card .card-title{font-size:22px}.contact-cards{grid-template-columns:1fr}.intro-highlights{gap:12px}.highlight-number{font-size:27px}.yl-modal{padding:20px}.yl-modal h2{font-size:20px}.footer-bottom{flex-direction:column;text-align:left}.footer-center-bottom,.footer-right-bottom{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.cards-container{animation:none!important;overflow-x:auto}}

/* 师资：触屏模式将原资料图展开在卡片内，不弹窗。 */
@media (hover:none), (max-width:768px){
  .faculty-card:not(.consult-card){flex-wrap:wrap;isolation:auto}
  .faculty-card .teacher-intro-overlay,.faculty-card:hover .teacher-intro-overlay,.faculty-card:focus-visible .teacher-intro-overlay{display:none!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;opacity:0!important;visibility:hidden!important;transform:none!important;pointer-events:auto!important}
  .faculty-card.is-expanded .teacher-intro-overlay{display:flex!important;order:4;flex-basis:100%;width:100%!important;height:auto!important;max-height:none!important;opacity:1!important;visibility:visible!important;margin-top:10px;box-shadow:none;border:1px solid var(--yl-line);padding:10px;background:#f9fbf9}
  .faculty-card.is-expanded .teacher-intro-image{width:100%;height:auto;max-height:none;object-fit:contain}
  .yl-teacher-toggle{display:flex;order:3;flex-basis:100%;align-items:center;justify-content:center;width:100%;background:#eff4f0;border:1px solid #dbe6df;border-radius:8px;padding:11px 16px;margin-top:13px;color:var(--yl-ink);font-size:13px;line-height:1.3;font-weight:500;cursor:pointer}
  .yl-teacher-toggle:hover,.yl-teacher-toggle:focus-visible{background:#e5eee8;border-color:#a9c4b5}
}
@media (prefers-reduced-motion:reduce){.faculty-card .teacher-intro-overlay{transition:none}}

.yl-consult-modal{width:min(380px,100%);text-align:center;padding:28px 30px 27px}
.yl-consult-modal h2{margin:5px 32px 18px;text-align:center;font-size:20px}
.yl-consult-modal .yl-modal-qr{width:215px;height:215px;max-height:unset;margin:0 auto;border:1px solid #e8eeeb;border-radius:9px;padding:8px}
.yl-consult-modal .yl-modal-footnote{text-align:center;font-size:13px;letter-spacing:.01em;color:#657a78;margin:14px 0 0}


/* 师资：桌面端恢复原有悬浮展示，但改为智能定位，避免压住当前卡片。 */
.yl-teacher-toggle{display:none}
@media (hover:hover) and (min-width:1024px){
  .teacher-page .teacher-container{padding-top:38px}
  .teacher-container>.ml15{gap:18px;max-width:1200px}
  .faculty-card:not(.consult-card){position:relative;overflow:visible!important;isolation:isolate;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important}
  .faculty-card:not(.consult-card).yl-overlay-open{border-color:#adc8b8!important;background:#fbfdfa;box-shadow:0 8px 22px rgba(30,69,59,.08)}
  .faculty-card:not(.consult-card).yl-overlay-open::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#7fa99a}
  .faculty-card .teacher-intro-overlay{position:absolute!important;top:var(--yl-popover-y,-10px)!important;left:calc(100% + 18px)!important;right:auto!important;bottom:auto!important;width:400px!important;max-width:400px!important;height:520px!important;max-height:520px!important;display:flex!important;align-items:center;justify-content:center;padding:15px!important;background:#fff;border:1px solid #dfe6e2;border-radius:14px;box-shadow:0 20px 52px rgba(20,38,42,.16);opacity:0!important;visibility:hidden!important;transform:translateY(4px);pointer-events:auto;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:1300}
  .faculty-card.yl-overlay-left .teacher-intro-overlay{left:auto!important;right:calc(100% + 18px)!important}
  .faculty-card .teacher-intro-overlay::before{content:"";position:absolute;top:var(--yl-popover-pointer,50%);transform:translateY(-50%);left:-10px;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent #fff transparent transparent;filter:drop-shadow(-1px 0 0 #dfe6e2)}
  .faculty-card.yl-overlay-left .teacher-intro-overlay::before{left:auto;right:-10px;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff;filter:drop-shadow(1px 0 0 #dfe6e2)}
  .faculty-card.yl-overlay-open .teacher-intro-overlay,.faculty-card:hover .teacher-intro-overlay,.faculty-card:focus-within .teacher-intro-overlay{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
  .teacher-intro-image{display:block;width:100%;height:auto;max-height:calc(100vh - 72px);object-fit:contain;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
}
@media (hover:hover) and (min-width:769px) and (max-width:1023px){
  .faculty-card .teacher-intro-overlay::before{display:none}
}