.youxing-page{--red:#b51b32;--ink:#222;min-width:320px;background:#fff}.youxing-page .site-header{position:relative;height:80px;background:#fff;box-shadow:0 3px 12px rgba(138,74,59,.1)}.youxing-page .header-inner{width:min(1700px,calc(100% - 64px));height:80px}.youxing-page .main-nav{gap:60px}.youxing-page .main-nav a{font-size:20px}.youxing-page .chevron{width:0;height:0;margin-left:7px;border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}.youxing-page .container{width:min(1400px,calc(100% - 64px))}.breadcrumb{height:40px;display:flex;align-items:center;gap:12px;color:rgba(34,34,34,.5);font-size:16px}.breadcrumb strong{color:var(--ink);font-weight:400}.youxing-main{position:relative;padding-top:46px;min-height:1199px}.youxing-page main{position:relative;isolation:isolate}.youxing-page main:before{content:'';position:absolute;z-index:-1;left:0;right:0;top:40px;bottom:0;background:radial-gradient(circle at -2% 34%,#fff7ee 0 150px,transparent 151px),radial-gradient(circle at 106% 85%,#fff7ee 0 300px,transparent 301px),linear-gradient(112deg,#fafafa,#fff 48%,#fdfdfd)}.youxing-heading{text-align:center;margin-bottom:45px}.youxing-heading h1{margin:0;font:700 44px/63px var(--serif);color:var(--ink)}.youxing-heading p{margin:6px 0 0;color:rgba(34,34,34,.6);font-size:20px;line-height:29px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:32px}.feature-card{height:240px;border-radius:18px;background:#fff;box-shadow:0 7px 28px rgba(34,34,34,.08);padding:56px 48px;display:flex;justify-content:space-between;align-items:center}.feature-card h2{margin:0 0 20px;font:700 32px/46px var(--serif);text-align:left}.feature-card p{margin:0;font-size:20px;line-height:29px}.feature-card p+p{margin-top:7px}.feature-card strong{color:var(--red);font-weight:400}.feature-icon{width:124px;height:124px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#b51b32,#e57775);font:700 60px var(--serif)}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.course-card{min-height:624px;border-radius:18px;background:#fff;box-shadow:0 7px 28px rgba(34,34,34,.08);padding:32px}.course-art{width:100%;height:auto;aspect-ratio:622/328;object-fit:cover;border-radius:12px}.course-details{margin-top:18px}.course-heading{display:flex;align-items:baseline;gap:10px}.course-heading h3{margin:0;font:700 26px/38px var(--serif)}.course-heading span{color:#7a7874;font:16px/23px var(--serif)}.course-description{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;border-bottom:1px solid #eee;padding-bottom:18px}.course-description ul{margin:0;padding-left:22px;font-size:19px;line-height:30px}.course-description .button{font-size:18px;min-height:42px;padding:4px 17px}.course-meta{padding-top:14px}.course-meta p{font-size:20px;font-weight:600}.course-meta small{display:inline-block;margin-top:8px;padding:2px 10px;border:1px solid #efb7bd;border-radius:12px;color:var(--red);font-size:13px}.youxing-page .site-footer{margin-top:0}
@media(max-width:1450px){.youxing-page .main-nav{gap:24px}.youxing-page .main-nav a{font-size:17px}.youxing-main{padding-top:36px}.feature-card{padding:40px 32px}.feature-card p{font-size:18px}.course-card{padding:24px}.course-heading h3{font-size:23px}.course-heading span{font-size:14px}.course-description ul{font-size:17px}.course-meta p{font-size:18px}}@media(max-width:1100px){.youxing-page .site-header,.youxing-page .header-inner{height:72px}.youxing-page .header-inner{width:calc(100% - 40px)}.youxing-page .main-nav{gap:0}.youxing-main{min-height:0}.feature-card{height:auto;min-height:210px}.feature-icon{width:92px;height:92px;font-size:44px}.course-card{min-height:0}.youxing-page .site-footer{margin-top:40px}}@media(max-width:700px){.youxing-page main:before{top:48px}.youxing-page .container{width:calc(100% - 40px)}.breadcrumb{height:48px;gap:8px;font-size:13px}.youxing-main{padding-top:24px}.youxing-heading{margin-bottom:24px}.youxing-heading h1{font-size:31px;line-height:45px}.youxing-heading p{font-size:15px;line-height:25px}.feature-grid,.course-grid{grid-template-columns:1fr;gap:16px}.feature-card{min-height:180px;padding:28px 24px;border-radius:12px}.feature-card h2{font-size:25px;line-height:36px;margin-bottom:12px}.feature-card p{font-size:15px;line-height:24px}.feature-icon{width:68px;height:68px;font-size:32px}.course-card{padding:16px;border-radius:12px}.course-heading{gap:6px}.course-heading h3{font-size:20px;line-height:30px}.course-heading span{font-size:12px}.course-description{margin-top:10px;padding-bottom:12px}.course-description ul{font-size:15px;line-height:26px}.course-description .button{font-size:14px;min-height:36px;padding:3px 11px}.course-meta p{font-size:16px}.course-meta small{font-size:11px}}

/* Living and business sections share the existing system-page layout. */
.course-system-page .youxing-main { min-height: 0; padding-top: 80px; padding-bottom: 72px; }
.course-system-page .feature-card { height: auto; min-height: 240px; }
.course-system-page .course-card { min-height: 0; }
.course-system-page .course-heading { flex-wrap: wrap; gap: 6px 10px; }
.course-system-page .course-heading span { border-left: 1px solid #ddd; padding-left: 10px; }
.course-system-page .course-description { gap: 16px; }
.course-system-page .course-description .button { flex-shrink: 0; }
.course-system-page .list-pagination { margin-top: 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
@media (min-width: 1101px) {
  .course-system-page .header-actions { display: flex; }
  .course-system-page .main-nav { position: static; transform: none; gap: clamp(20px, 3vw, 50px); }
}
@media (max-width: 1100px) {
  .course-system-page .youxing-main { padding-top: 48px; padding-bottom: 48px; }
  .course-system-page .feature-card { padding: 28px; }
}
@media (max-width: 700px) {
  .course-system-page .youxing-main { padding-top: 28px; padding-bottom: 32px; }
  .course-system-page .feature-card { min-height: 0; padding: 26px 24px; }
  .course-system-page .course-description { gap: 8px; }
}