/*! HaiguiEdu home — generated by scripts/build_css.php, do not edit */
@charset "UTF-8"; .hero-slider{position: relative;overflow: hidden;background-color: var(--color-primary);} .hero-slider__track{position: relative;width: 100%;aspect-ratio: 16 / 9;max-height: calc(100vh - var(--header-height) - var(--space-8));}.hero-slider__slide{position: absolute;inset: 0;opacity: 0;visibility: hidden; transition: opacity var(--hero-fade-duration) var(--easing-base),visibility var(--hero-fade-duration) var(--easing-base);}.hero-slider__slide.is-active{opacity: 1;visibility: visible;z-index: var(--z-base);} .hero-slider:not(.is-ready) .hero-slider__slide:first-child{opacity: 1;visibility: visible;z-index: var(--z-base);}.hero-slider__image{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .hero-slider__caption{position: absolute;inset: 0;display: flex;align-items: center;background: linear-gradient( 90deg,rgba(24,51,88,max(var(--hero-overlay),0.55)) 0%,rgba(24,51,88,calc(var(--hero-overlay) * 0.5)) 55%,rgba(24,51,88,0) 100% );} .hero-slider__caption-inner{max-width: 620px;padding-inline: var(--space-4);color: var(--color-text-inverse);text-align: left;text-shadow: 0 1px 12px rgba(24,51,88,0.55);}.hero-slider__eyebrow{display: inline-block;margin-bottom: var(--space-3);padding: 2px var(--space-3);background-color: var(--color-brand);border-radius: var(--radius-pill);color: var(--color-primary);font-size: var(--font-size-xs);font-weight: var(--weight-heading);letter-spacing: var(--letter-spacing-wide);}.hero-slider__title{margin: 0 0 var(--space-3);color: var(--color-text-inverse);font-size: var(--font-size-2xl);letter-spacing: 0.04em;font-weight: var(--weight-heading);}.hero-slider__subtitle{margin: 0 0 var(--space-5);color: rgba(255,255,255,0.88);font-size: var(--font-size-sm);line-height: var(--line-height-base);}.hero-slider__actions{display: flex;flex-wrap: wrap;gap: var(--space-3);} @media (max-width: 767px){.hero-slider__track{min-height: 280px;}.hero-slider__title{font-size: var(--font-size-xl);margin-bottom: var(--space-2);}.hero-slider__subtitle{margin-bottom: var(--space-4);}}@media (min-width: 768px){.hero-slider__title{font-size: var(--font-size-3xl);}.hero-slider__subtitle{font-size: var(--font-size-md);}.hero-slider__caption-inner{padding-inline: var(--space-6);}}@media (min-width: 1200px){.hero-slider__title{font-size: var(--font-size-4xl);}} .hero-slider__dots{--dot-size: 10px; --dot-pill-width: 32px; --dot-pill-height: 12px; --dot-hit: 28px; position: absolute;left: 50%;bottom: calc(var(--space-6) + var(--space-3));transform: translateX(-50%);z-index: calc(var(--z-sticky) + 1);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0;margin: 0;padding: var(--space-1) var(--space-3);list-style: none;max-width: 92vw;background-color: rgba(24,51,88,0.42);border: 1px solid rgba(255,255,255,0.22);border-radius: var(--radius-pill);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}.hero-slider__dot{position: relative;width: var(--dot-hit);height: var(--dot-hit);padding: 0;background: none;border: 0;border-radius: var(--radius-circle);cursor: pointer;} .hero-slider__dot::before{content: '';position: absolute;top: 50%;left: 50%;width: var(--dot-size);height: var(--dot-size);transform: translate(-50%,-50%);background-color: rgba(255,255,255,0.75);border-radius: var(--radius-pill);box-shadow: 0 1px 3px rgba(24,51,88,0.45);transition: width var(--duration-base) var(--easing-base),background-color var(--duration-base) var(--easing-base);}.hero-slider__dot:hover::before{background-color: var(--color-text-inverse);}.hero-slider__dot:focus-visible{outline: none;box-shadow: var(--shadow-focus);} .hero-slider__dot.is-active::before{width: var(--dot-pill-width);height: var(--dot-pill-height);background-color: var(--color-brand);box-shadow: 0 0 0 1.5px rgba(255,255,255,0.92),0 0 12px rgba(244,151,178,0.75);} .hero-slider__dots.is-running .hero-slider__dot.is-active::after{content: '';position: absolute;top: 50%;left: calc(50% - var(--dot-pill-width) / 2);width: var(--dot-pill-width);height: var(--dot-pill-height);transform: translateY(-50%) scaleX(0);transform-origin: left center;background-color: rgba(255,255,255,0.55);border-radius: var(--radius-pill);animation: hg-hero-progress var(--hero-interval,5000ms) linear infinite;}@keyframes hg-hero-progress{from{transform: translateY(-50%) scaleX(0);}to{transform: translateY(-50%) scaleX(1);}} .hero-slider__pause-hint{position: absolute;left: 50%;bottom: calc(var(--space-6) + var(--space-3) + var(--space-7));transform: translateX(-50%);z-index: calc(var(--z-sticky) + 1);margin: 0;padding: var(--space-1) var(--space-3);background-color: rgba(24,51,88,0.62);border: 1px solid rgba(255,255,255,0.22);border-radius: var(--radius-pill);color: var(--color-text-inverse);font-size: var(--font-size-xs);white-space: nowrap;opacity: 0;transition: opacity var(--duration-base) var(--easing-base);pointer-events: none;}.hero-slider.is-paused .hero-slider__pause-hint{opacity: 1;} .hero-slider__controls{position: absolute;right: var(--space-5);bottom: calc(var(--space-6) + var(--space-3)); z-index: calc(var(--z-sticky) + 1);display: flex;align-items: center;gap: var(--space-1);padding: var(--space-1);background-color: rgba(24,51,88,0.42);border: 1px solid rgba(255,255,255,0.22);border-radius: var(--radius-pill);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);opacity: 0.5;transition: opacity var(--duration-base) var(--easing-base);}.hero-slider__controls:hover,.hero-slider__controls:focus-within{opacity: 1;}.hero-slider__interval{display: flex;align-items: center;gap: 2px;} .hero-slider__interval-value{min-width: 3.4em;color: var(--color-text-inverse);font-size: var(--font-size-xs);font-variant-numeric: tabular-nums;text-align: center;white-space: nowrap;}.hero-slider__control{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;padding: 0;background: none;border: 0;border-radius: var(--radius-circle);color: var(--color-text-inverse);font-size: var(--font-size-md);line-height: 1;cursor: pointer;transition: background-color var(--duration-base) var(--easing-base);}.hero-slider__control:hover{background-color: rgba(255,255,255,0.18);}.hero-slider__control:active{background-color: rgba(255,255,255,0.3);}.hero-slider__control:focus-visible{outline: none;box-shadow: var(--shadow-focus);} .hero-slider__control:disabled{opacity: 0.35;cursor: not-allowed;}.hero-slider__control:disabled:hover{background: none;}.hero-slider__icon{display: block;width: 14px;height: 14px;fill: currentColor;} .hero-slider__icon--play{display: none;}.hero-slider.is-user-paused .hero-slider__icon--pause{display: none;}.hero-slider.is-user-paused .hero-slider__icon--play{display: block;}@media (max-width: 767px){.hero-slider__dots{--dot-pill-width: 26px;--dot-pill-height: 10px;--dot-hit: 24px;bottom: var(--space-5);padding: 2px var(--space-2);} .hero-slider__controls{top: var(--space-3);right: var(--space-3);bottom: auto;}} .home-stats{position: relative;z-index: var(--z-sticky);margin-top: calc(var(--space-6) * -1);padding-block: var(--space-8) var(--space-4);}@media (min-width: 768px){.home-stats{padding-block: calc(var(--space-8) + var(--space-1)) var(--space-4);}}@media (min-width: 992px){.home-stats{padding-block: calc(var(--space-8) + var(--space-2)) var(--space-4);}}@media (min-width: 1200px){.home-stats{padding-block: calc(var(--space-8) + var(--space-4)) var(--space-5);}}.home-stats .stats-bar__item{box-shadow: var(--shadow-md);border-color: transparent;} @media (min-width: 992px){.home-stats .stats-bar{grid-template-columns: repeat(5,minmax(0,1fr));}}@media (max-width: 991px){.home-stats .stats-bar__item:last-child:nth-child(odd){grid-column: 1 / -1;}} .course-card{display: flex;flex-direction: column;gap: var(--space-3);height: 100%;background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;transition: transform var(--duration-base) var(--easing-base),box-shadow var(--duration-base) var(--easing-base);}.course-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md);}.course-card__cover{position: relative;}.course-card__badge{position: absolute;top: var(--space-3);left: var(--space-3);z-index: var(--z-base);}.course-card__body{display: flex;flex: 1 1 auto;flex-direction: column;gap: var(--space-2);padding: var(--space-5);}.course-card__title{margin: 0;font-size: var(--font-size-md);}.course-card__subtitle{margin: 0;color: var(--color-text-muted);font-size: var(--font-size-sm);}.course-card__meta{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-4);margin: 0;padding: 0;list-style: none;color: var(--color-text-muted);font-size: var(--font-size-xs);}.course-card__tags{display: flex;flex-wrap: wrap;gap: var(--space-2);}.course-card__footer{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-top: auto;padding-top: var(--space-3);border-top: 1px solid var(--color-border);}.course-card__price{color: var(--color-primary);font-size: var(--font-size-md);font-weight: var(--weight-heading);} .case-grid{display: grid;gap: var(--space-5);grid-template-columns: 1fr;}@media (min-width: 768px){.case-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (min-width: 1200px){.case-grid{grid-template-columns: repeat(3,minmax(0,1fr));}}.case-card{display: flex;flex-direction: column;gap: var(--space-3);height: 100%;padding: var(--space-5);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);} .case-card--study-abroad{border-color: var(--color-border);background-color: var(--color-surface);}.case-card__head{display: flex;align-items: center;gap: var(--space-3);} .case-card__avatar{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: clamp(48px,4.5vw,64px);aspect-ratio: 2 / 3;background-color: var(--color-brand-soft);border: 1px solid var(--color-border);border-radius: var(--radius-md);color: var(--color-brand-dark);font-weight: var(--weight-heading);overflow: hidden;}.case-card__name{margin: 0;font-size: var(--font-size-base);}.case-card__level{margin: 0;color: var(--color-text-muted);font-size: var(--font-size-xs);}.case-card__result{margin: 0;padding: var(--space-3) var(--space-4);background-color: var(--color-brand-soft);border-left: 3px solid var(--color-brand);border-radius: 0 var(--radius-sm) var(--radius-sm) 0;color: var(--color-primary);font-size: var(--font-size-sm);}.case-card__quote{margin: 0;color: var(--color-text-muted);font-size: var(--font-size-sm);font-style: normal;}.case-card__meta{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-4);margin-top: auto;padding-top: var(--space-3);border-top: 1px solid var(--color-border);color: var(--color-text-muted);font-size: var(--font-size-xs);} .page-home .section:nth-of-type(even){background-color: var(--color-surface-alt);} .case-card__avatar img{display: block;width: 100%;height: 100%;border-radius: inherit;object-fit: contain;}