@font-face{font-family:MiSans;src:url(/assets/fonts/MiSansVF.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-sans: "MiSans", "PingFang SC", "PingFang HK", "Microsoft YaHei", sans-serif;--desktop-anchor-size: min(100vw, 177.77778svh );--page-min-w: 1280px;--page-min-h: 720px;--site-header-h: clamp(90px, calc(var(--desktop-anchor-size) * .040625), 156px);--site-header-logo-h: clamp(55px, calc(var(--desktop-anchor-size) * .025), 96px);--site-nav-gap: clamp(10px, calc(var(--desktop-anchor-size) * .0046875), 18px);--site-nav-item-min-w: clamp(76px, calc(var(--desktop-anchor-size) * .034375), 132px);--site-nav-item-h: clamp(34px, calc(var(--desktop-anchor-size) * .0140625), 54px);--layout-frame-target: clamp(832px, calc(var(--desktop-anchor-size) * .65), 2496px);--layout-page-max: var(--layout-frame-target);--layout-content-body: calc(var(--layout-page-max) * .8);--layout-content-max: var(--layout-content-body);--layout-content-wide: var(--layout-frame-target);--layout-content-article: var(--layout-content-body);--layout-content-main: var(--layout-content-body);--layout-content-narrow: clamp(880px, calc(var(--desktop-anchor-size) * .515625), 1980px);--layout-content-copy: var(--layout-content-body);--layout-content-hero: clamp(960px, calc(var(--desktop-anchor-size) * .59375), 2280px);--layout-content-sidebar: clamp(310px, calc(var(--desktop-anchor-size) * .140625), 540px);--layout-content-sidebar-min: clamp(275px, calc(var(--desktop-anchor-size) * .125), 480px);--layout-content-search-sm: clamp(320px, calc(var(--desktop-anchor-size) * .1328125), 510px);--layout-content-search-md: clamp(338px, calc(var(--desktop-anchor-size) * .140625), 540px);--layout-gutter-desktop: clamp(62px, calc(var(--desktop-anchor-size) * .028125), 108px);--layout-gutter-mobile: 34px;--section-padding: clamp(26px, calc(var(--desktop-anchor-size) * .01171875), 45px);--section-margin-y: clamp(24px, calc(var(--desktop-anchor-size) * .0109375), 42px);--stage-pad-top: clamp(79px, calc(var(--desktop-anchor-size) * .0359375), 138px);--stage-pad-bottom: clamp(74px, calc(var(--desktop-anchor-size) * .03359375), 129px);--stage-pad-top-compact: clamp(62px, calc(var(--desktop-anchor-size) * .028125), 108px);--home-section-pad-top: clamp(110px, calc(var(--desktop-anchor-size) * .05), 192px);--home-section-pad-bottom: clamp(62px, calc(var(--desktop-anchor-size) * .028125), 108px);--home-hero-pad-top: clamp(95px, calc(var(--desktop-anchor-size) * .04296875), 165px);--home-hero-pad-bottom: clamp(134px, calc(var(--desktop-anchor-size) * .0609375), 234px);--home-hero-offset: clamp(65px, calc(var(--desktop-anchor-size) * .029296875), 113px);--home-social-pad-top: clamp(186px, 20svh, 432px);--home-test-offset-bottom: clamp(72px, 7svh, 151px);--intro-landing-pad-top: clamp(114px, calc(var(--desktop-anchor-size) * .0515625), 198px);--intro-landing-pad-bottom: clamp(96px, calc(var(--desktop-anchor-size) * .04375), 168px);--intro-landing-copy-offset: clamp(88px, calc(var(--desktop-anchor-size) * .03984375), 153px);--intro-detail-hero-offset: clamp(360px, 43svh, 929px);--article-panel-max-h: clamp(894px, calc(var(--desktop-anchor-size) * .40625), 1560px);--featured-track-h: clamp(654px, calc(var(--desktop-anchor-size) * .296875), 1140px);--orbit-stage-w: clamp(1376px, calc(var(--desktop-anchor-size) * .625), 2400px);--orbit-stage-h: clamp(241px, calc(var(--desktop-anchor-size) * .109375), 420px);--orbit-star-band-w: clamp(740px, calc(var(--desktop-anchor-size) * .3359375), 1290px);--orbit-star-band-h: clamp(88px, calc(var(--desktop-anchor-size) * .03984375), 153px);--space-2xs: clamp(6px, calc(var(--desktop-anchor-size) * .00234375), 9px);--space-xs: clamp(8px, calc(var(--desktop-anchor-size) * .003125), 12px);--space-sm: clamp(9px, calc(var(--desktop-anchor-size) * .00390625), 15px);--space-md: clamp(11px, calc(var(--desktop-anchor-size) * .0046875), 18px);--space-lg: clamp(13px, calc(var(--desktop-anchor-size) * .00546875), 21px);--space-xl: clamp(15px, calc(var(--desktop-anchor-size) * .00625), 24px);--space-2xl: clamp(17px, calc(var(--desktop-anchor-size) * .00703125), 27px);--space-3xl: clamp(21px, calc(var(--desktop-anchor-size) * .00859375), 33px);--space-4xl: clamp(26px, calc(var(--desktop-anchor-size) * .0109375), 42px);--space-5xl: clamp(32px, calc(var(--desktop-anchor-size) * .01328125), 51px);--text-body-sm: clamp(13px, calc(var(--desktop-anchor-size) * .00546875), 21px);--text-body-md: clamp(15px, calc(var(--desktop-anchor-size) * .00625), 24px);--text-title-sm: clamp(21px, calc(var(--desktop-anchor-size) * .00859375), 33px);--text-title-md: clamp(23px, calc(var(--desktop-anchor-size) * .009375), 36px);--text-title-lg: clamp(32px, calc(var(--desktop-anchor-size) * .01328125), 51px);--text-label-sm: clamp(12px, calc(var(--desktop-anchor-size) * .005078125), 20px);--text-display-sm: clamp(36px, calc(var(--desktop-anchor-size) * .01640625), 63px);--text-display-md: clamp(45px, calc(var(--desktop-anchor-size) * .0203125), 78px);--text-display-lg: clamp(57px, calc(var(--desktop-anchor-size) * .02578125), 99px);--text-hero-xl: clamp(58px, calc(var(--desktop-anchor-size) * .0265625), 102px);--text-copy-lg: clamp(23px, calc(var(--desktop-anchor-size) * .009375), 36px);--control-h: clamp(44px, calc(var(--desktop-anchor-size) * .0171875), 66px);--control-pad-x: clamp(20px, calc(var(--desktop-anchor-size) * .0078125), 30px);--control-font-size: clamp(16px, calc(var(--desktop-anchor-size) * .00625), 24px);--footer-brand-logo-h: clamp(66px, calc(var(--desktop-anchor-size) * .02578125), 99px);--footer-icon-box: clamp(34px, calc(var(--desktop-anchor-size) * .01328125), 51px);--footer-icon-size: clamp(22px, calc(var(--desktop-anchor-size) * .00859375), 33px);--footer-block-title-size: clamp(15px, calc(var(--desktop-anchor-size) * .005859375), 23px);--footer-link-size: clamp(14px, calc(var(--desktop-anchor-size) * .00546875), 21px);--footer-credit-size: clamp(13px, calc(var(--desktop-anchor-size) * .005078125), 20px);--article-reading-font-size: clamp(15px, calc(var(--desktop-anchor-size) * .00703125), 31px);--article-card-thumb-w: clamp(120px, calc(var(--desktop-anchor-size) * .046875), 180px);--article-card-thumb-h: clamp(100px, calc(var(--desktop-anchor-size) * .0390625), 150px);--article-card-pad: clamp(12px, calc(var(--desktop-anchor-size) * .0046875), 18px);--article-card-title-size: clamp(17px, calc(var(--desktop-anchor-size) * .006640625), 26px);--article-control-h: clamp(44px, calc(var(--desktop-anchor-size) * .0171875), 66px);--article-tool-h: clamp(38px, calc(var(--desktop-anchor-size) * .01484375), 57px);--article-icon-button-size: clamp(40px, calc(var(--desktop-anchor-size) * .015625), 60px);--article-icon-size: clamp(24px, calc(var(--desktop-anchor-size) * .009375), 36px);--article-category-min-h: clamp(320px, calc(var(--desktop-anchor-size) * .125), 480px);--article-category-serial-size: clamp(38px, calc(var(--desktop-anchor-size) * .01484375), 57px);--article-category-title-size: clamp(30px, calc(var(--desktop-anchor-size) * .01171875), 45px);--article-media-sm-w: clamp(280px, calc(var(--desktop-anchor-size) * .109375), 420px);--article-media-md-w: clamp(420px, calc(var(--desktop-anchor-size) * .1640625), 630px);--article-media-lg-w: clamp(560px, calc(var(--desktop-anchor-size) * .21875), 840px);--article-sidebar-thumb-w: clamp(88px, calc(var(--desktop-anchor-size) * .034375), 132px);--article-sidebar-thumb-h: clamp(58px, calc(var(--desktop-anchor-size) * .02265625), 87px);--article-sidebar-toggle-size: clamp(36px, calc(var(--desktop-anchor-size) * .0140625), 54px);--classroom-content-gap: clamp(21px, 1.9445svh, 42px);--classroom-copy-offset-y: clamp(4px, .4167svh, 9px);--classroom-copy-bottom-gap: clamp(25px, 2.3149svh, 50px);--classroom-panel-gap: clamp(14px, 1.25svh, 27px);--classroom-course-title-size: clamp(24px, calc(var(--desktop-anchor-size) * .01015625), 39px);--classroom-service-title-size: var(--classroom-course-title-size);--classroom-course-card-w: calc(var(--classroom-course-title-size) * 15);--classroom-service-card-w: calc(var(--classroom-course-title-size) * 15);--bg: #040404;--bg-soft: #110d0b;--paper: rgba(31, 22, 18, .74);--paper-strong: rgba(41, 29, 24, .9);--ink: #f9f1ec;--muted: #bea89b;--line: rgba(245, 208, 183, .2);--line-strong: rgba(246, 178, 128, .36);--accent: #f36a21;--accent-strong: #cf4e11;--accent-soft: rgba(243, 106, 33, .16);--warning: #ff8665;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-soft: 0 14px 32px rgba(0, 0, 0, .28);--shadow-elevated: 0 20px 48px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:var(--page-min-h);min-width:var(--page-min-w);color:var(--ink);background:#070505;font-family:var(--font-sans);font-weight:250}h1,h2,h3,h4,h5,h6{font-weight:inherit}body{--page-bg-image: url(/assets/figma/backgrounds/home-hero-bg-2.jpg);font-size:clamp(16px,calc(var(--desktop-anchor-size) * .00625),24px)}body[data-route="/"],body[data-route="/index"]{--page-bg-image: none}body[data-route="/"]{overflow:hidden}body[data-route="/"] .site-header{position:fixed;inset:0 0 auto;width:100%}body[data-route^="/articles"]{--page-bg-image: url(/assets/figma/backgrounds/articles-shared-bg.png)}body[data-route="/articles"],body[data-route="/articles/"]{--page-bg-image: url(/assets/figma/backgrounds/articles-hub-bg.jpg)}body[data-route="/classroom"],body[data-route="/classroom/"]{--page-bg-image: url(/assets/figma/backgrounds/classroom-hub-bg.jpg)}body[data-route^="/intro"]{--page-bg-image: url(/assets/figma/pages/mayouhui_intro-2_detail_intro/cultural-exchange-community.png)}body[data-route="/intro"],body[data-route="/intro/"]{--page-bg-image: url(/assets/figma/backgrounds/intro-home-bg.png)}body[data-route="/intro/classroom"],body[data-route="/intro/classroom/"]{--page-bg-image: none}body[data-route="/intro/apply"],body[data-route="/intro/apply/"]{--page-bg-image: url(/assets/figma/backgrounds/apply-main-bg.png)}body[data-route="/intro/detail"],body[data-route="/intro/detail/"]{--page-bg-image: none}body[data-route="/intro/submitted"],body[data-route="/intro/submitted/"]{--page-bg-image: url(/assets/figma/backgrounds/intro-submitted-bg.png)}body[data-route="/intro/error"],body[data-route="/intro/error/"]{--page-bg-image: url(/assets/figma/backgrounds/intro-submitted-bg.png)}body[data-route="/test"],body[data-route="/test/"]{--page-bg-image: url(/assets/figma/figmacode/test_site/bg-circle2.png)}body[data-route="/social"],body[data-route="/social/"]{--page-bg-image: url(/assets/figma/backgrounds/social-main-bg.png)}a{color:inherit;text-decoration:none}.page-shell{position:relative;min-width:var(--page-min-w);min-height:max(100svh,var(--page-min-h));display:flex;flex-direction:column;overflow-x:clip;isolation:isolate}body[data-route="/"] .page-shell{height:100svh;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:0;-ms-overflow-style:none;scrollbar-width:none}body[data-route="/"] .page-shell::-webkit-scrollbar{display:none}body[data-route="/"] .site-footer{margin-top:0;position:fixed;left:0;right:0;bottom:0;background:transparent;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .32s ease,opacity .32s ease;z-index:24}body[data-route="/"].home-footer-visible .site-footer{transform:translateY(0);opacity:1;pointer-events:auto}.page-shell:before{content:"";position:fixed;inset:0;pointer-events:none}.page-shell:before{z-index:-2;background:var(--page-bg-image) top center / cover no-repeat}.container{width:min(var(--layout-page-max),calc(100% - var(--layout-gutter-desktop)));margin:0 auto}.page-shell>main.container{flex:1;display:grid;justify-items:center;align-items:start;align-content:start;min-height:calc(100svh - var(--site-header-h))}body[data-route="/"] .page-shell>main.container{width:100%;max-width:none;display:block;min-height:0;padding:0}.page-shell>main.container>*{width:min(var(--layout-content-max),100%)}.page-shell>main.container>.full-bleed{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}body[data-route="/"] .page-shell>main.container>.full-bleed{width:100%;margin-inline:0}:where(.section){background:transparent;border:0;border-radius:0;padding:var(--section-padding);margin:var(--section-margin-y) 0;box-shadow:none;backdrop-filter:none}:where(.section) h1,:where(.section) h2,:where(.section) h3{margin-top:0}.lead{color:var(--muted);line-height:1.75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--control-h);padding:0 var(--control-pad-x);border-radius:999px;border:1px solid transparent;background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:#fff;font-weight:500;cursor:pointer;box-shadow:0 12px 26px #d0581440;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 28px #d0581452}.btn.secondary{background:#ffffff05;color:var(--ink);border-color:var(--line-strong);box-shadow:none}@media(min-width:3000px),(min-height:1700px){.btn{font-size:var(--control-font-size)}}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl)}.card{border:0;border-radius:0;padding:0;background:transparent}.meta{color:var(--muted);font-size:clamp(13px,calc(var(--desktop-anchor-size) * .005078125),20px)}.link-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pill-link{border:1px solid var(--line);border-radius:999px;padding:clamp(9px,calc(var(--desktop-anchor-size) * .003515625),14px) clamp(14px,calc(var(--desktop-anchor-size) * .00546875),21px);background:#ffffff05}.form-field{display:grid;gap:var(--space-xs);margin-bottom:var(--space-xl)}.form-field input,.form-field textarea,.form-field select{min-height:clamp(42px,calc(var(--desktop-anchor-size) * .01640625),63px);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 var(--space-lg);font:inherit;color:var(--ink);background:#ffffff0d}.form-field textarea{min-height:clamp(140px,calc(var(--desktop-anchor-size) * .0546875),210px);padding-top:var(--space-sm);resize:vertical}.error-text{color:var(--warning);font-size:clamp(13px,calc(var(--desktop-anchor-size) * .005078125),20px);min-height:clamp(18px,calc(var(--desktop-anchor-size) * .00703125),27px)}.desktop-only-hint{margin-top:var(--space-lg);color:var(--muted);font-size:clamp(13px,calc(var(--desktop-anchor-size) * .005078125),20px)}.mt-18{margin-top:var(--space-2xl)}.mt-22{margin-top:var(--space-3xl)}.inline-choice-card{display:flex;align-items:center;gap:var(--space-sm);width:fit-content}.page-main{flex:1;display:grid;justify-items:center;align-items:start;align-content:start;min-height:calc(100svh - var(--site-header-h))}.page-frame{width:min(var(--layout-content-max),100%)}.page-frame--full{width:100%}.page-container{width:min(var(--layout-content-max),100%);margin:0 auto}.page-container--wide{width:min(var(--layout-content-wide),calc(100% - var(--layout-gutter-desktop)))}.page-container--content{width:min(var(--layout-content-main),calc(100% - var(--layout-gutter-desktop)))}.page-container--narrow{width:min(var(--layout-content-narrow),100%)}.page-stack{display:grid}.page-stack--sm{gap:var(--space-lg)}.page-stack--md{gap:var(--space-2xl)}.page-stack--lg{gap:var(--space-3xl)}.page-stack--xl{gap:var(--space-4xl)}.section-head{display:grid;gap:var(--space-2xs)}.section-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}@media(max-width:980px){.page-main{min-height:calc(100svh - 96px)}.page-container--wide,.page-container--content{width:min(100%,calc(100% - var(--layout-gutter-mobile)))}}.site-header{position:sticky;top:0;z-index:30;background:transparent;border-bottom:0;backdrop-filter:none}.site-header .inner{min-height:var(--site-header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.site-header .logo{display:inline-flex;align-items:center;gap:0}.site-header .logo-mark{display:block;width:auto;height:var(--site-header-logo-h);object-fit:contain}.site-header ul{display:flex;list-style:none;padding:0;margin:0;gap:var(--site-nav-gap)}.site-header li a{display:inline-flex;align-items:center;justify-content:center;min-width:var(--site-nav-item-min-w);min-height:var(--site-nav-item-h);padding:0 var(--space-lg);border-radius:999px;border:1px solid rgba(255,229,206,.28);background:#ff9c7424;color:#fff5ecf0;font-size:var(--text-body-sm);letter-spacing:.4px;transition:all .2s ease}.site-header li a.active{background:linear-gradient(140deg,var(--accent-strong),var(--accent));border-color:#ffd6b394;box-shadow:0 10px 18px #00000040}.site-header li a:hover{background:#ff9c743d}@media(max-width:1024px){.site-header ul{gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-header .inner{padding:12px 0}}.site-footer{position:relative;overflow:hidden;border-top:0;background:transparent;margin-top:0}.footer-inner{display:grid;grid-template-columns:1.2fr 1.8fr;gap:clamp(32px,calc(var(--desktop-anchor-size) * .0125),48px);position:relative;z-index:1}.footer-credit,.footer-record{padding:0 0 var(--space-xl);text-align:center;color:#ffffffad;font-size:var(--footer-credit-size);letter-spacing:.2px}.footer-credit{padding-bottom:var(--space-xs)}.brand{display:inline-flex;align-items:center;gap:0;margin-bottom:var(--space-2xs)}.brand-mark{display:block;width:auto;height:var(--footer-brand-logo-h);object-fit:contain}.icon-row{display:flex;gap:clamp(10px,calc(var(--desktop-anchor-size) * .00390625),15px);margin-top:var(--space-xs)}.icon-link{display:inline-flex;width:var(--footer-icon-box);height:var(--footer-icon-box);border-radius:0;border:0;align-items:center;justify-content:center;background:transparent;transition:opacity .2s ease}.icon-link img{width:var(--footer-icon-size);height:var(--footer-icon-size);object-fit:contain}.icon-link:hover{opacity:.86}.platform-jump{margin-top:var(--space-lg);width:calc(var(--footer-icon-box) + 2px);height:calc(var(--footer-icon-box) + 2px);border-radius:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.platform-jump img{width:var(--footer-icon-size);height:var(--footer-icon-size);object-fit:contain}.platform-jump:hover{opacity:.86}.right-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.footer-block h3{margin:0 0 var(--space-xs);font-size:var(--footer-block-title-size);color:#fff;font-weight:500}.footer-block ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs)}.footer-block a{color:#ffffffbd;font-size:var(--footer-link-size)}.footer-block a:hover{color:#ffd9bf}@media(max-width:900px){.footer-inner,.right-col{grid-template-columns:1fr}}.faq{margin-top:var(--space-2xl)}.faq h3{margin-bottom:var(--space-md)}.bubble-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.bubble{border:1px solid var(--line);color:#f6e9e0;background:#ffffff0a;border-radius:999px;min-height:var(--article-tool-h);padding:0 var(--space-lg);font-size:var(--text-body-sm);cursor:pointer}.bubble:hover{border-color:var(--line-strong);background:var(--accent-soft)}.faq-dialog{width:min(clamp(560px,calc(var(--desktop-anchor-size) * .21875),840px),calc(100% - var(--layout-gutter-desktop)));border:1px solid rgba(248,203,171,.24);border-radius:var(--radius-md);background:linear-gradient(170deg,#3a261ff5,#1a1310f5);color:var(--ink);padding:0;box-shadow:var(--shadow-elevated)}.faq-dialog::backdrop{background:#00000085}.faq-dialog article{padding:clamp(24px,calc(var(--desktop-anchor-size) * .009375),36px);display:grid;gap:var(--space-2xl)}.faq-dialog h4{margin:0;text-align:center}.faq-dialog p{color:var(--muted);line-height:1.75;margin:0;text-align:left}.faq-dialog [data-role=close]{justify-self:center}.process{--process-step-col-w: clamp(156px, calc(var(--desktop-anchor-size) * .0875), 336px);--process-title-col-w: calc(var(--process-step-col-w) * 1.2);--process-gap: var(--space-md);--process-pad: var(--space-2xl);--process-target-w: calc((var(--process-step-col-w) * 5.2) + (var(--process-gap) * 4) + (var(--process-pad) * 2));box-sizing:border-box;width:min(var(--process-target-w),100%);margin-top:var(--space-3xl);padding:var(--process-pad);border-radius:clamp(18px,calc(var(--desktop-anchor-size) * .00703125),27px);border:1px solid rgba(255,193,156,.2);background:#120e0c94}.flow{display:grid;grid-template-columns:var(--process-title-col-w) repeat(4,var(--process-step-col-w));gap:var(--process-gap);align-items:center}.node{min-height:clamp(94px,calc(var(--desktop-anchor-size) * .03671875),141px);border:0;background:transparent;display:flex;align-items:center;justify-content:center}.node-title{display:inline-flex;gap:var(--space-sm);justify-content:flex-start;padding:0}.node-title span{color:#fff;font-size:clamp(24px,calc(var(--desktop-anchor-size) * .0109375),42px);font-weight:500;letter-spacing:1px}.process-arrow{width:auto;height:clamp(48px,calc(var(--desktop-anchor-size) * .01875),72px);object-fit:contain;opacity:.9}.node-image img{display:block;padding-top:var(--space-xl);width:auto;max-width:95%;object-fit:contain;filter:brightness(.34) saturate(.76);transition:filter .22s ease}.node-image.current img{filter:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:980px){.flow{grid-template-columns:var(--process-title-col-w) repeat(4,var(--process-step-col-w))}.node-title{justify-content:flex-start}.process-arrow{height:36px}}.featured{position:relative;display:grid;gap:var(--space-2xl)}.featured h2{color:#ffe6d4;letter-spacing:.6px}.featured .track{position:relative;min-height:var(--featured-track-h)}.featured .item{position:absolute;inset:0;display:grid;align-content:start;gap:var(--space-md);padding:var(--space-xs) 0 clamp(86px,calc(var(--desktop-anchor-size) * .03359375),129px);opacity:0;transform:translate(20px);transition:opacity .6s ease,transform .6s ease;pointer-events:none;background:transparent}.featured .item.is-active{opacity:1;transform:translate(0);pointer-events:auto}.featured .tag{color:#ffd7be;font-size:var(--text-copy-lg)}.featured .item h3{max-width:min(860px,100%);font-size:clamp(50px,calc(var(--desktop-anchor-size) * .02265625),102px);line-height:1.2;color:#fff4ec}.featured .item .meta{margin-top:var(--space-lg);color:#efd9ca;font-size:var(--text-copy-lg)}.featured .dots{position:absolute;left:0;bottom:var(--space-xl);display:inline-flex;align-items:center;gap:var(--space-xs);z-index:4}.featured .dot{width:clamp(10px,calc(var(--desktop-anchor-size) * .00390625),15px);height:clamp(10px,calc(var(--desktop-anchor-size) * .00390625),15px);border:0;border-radius:999px;background:#ffe7d68c;cursor:pointer;transition:width .28s ease,background-color .28s ease}.featured .dot.is-active{width:clamp(32px,calc(var(--desktop-anchor-size) * .0125),48px);background:#fff3e8}.featured .edge-btn{position:absolute;top:0;bottom:0;width:clamp(83px,calc(var(--desktop-anchor-size) * .0375),170px);border:0;background:transparent;color:transparent;cursor:pointer;z-index:5;transition:transform .22s ease}.featured .edge-btn--prev{left:0}.featured .edge-btn--next{right:0}.featured .edge-btn span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.86);display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,calc(var(--desktop-anchor-size) * .0109375),42px);height:clamp(28px,calc(var(--desktop-anchor-size) * .0109375),42px);color:#ffe9da;font-size:clamp(28px,calc(var(--desktop-anchor-size) * .0109375),42px);opacity:0;transition:opacity .22s ease,transform .22s ease;z-index:1}.featured .edge-btn--prev span:before{content:"‹"}.featured .edge-btn--next span:before{content:"›"}.featured .edge-btn:after{content:"";position:absolute;top:50%;left:50%;width:clamp(54px,calc(var(--desktop-anchor-size) * .02109375),81px);height:clamp(54px,calc(var(--desktop-anchor-size) * .02109375),81px);border-radius:999px;border:1px solid rgba(255,228,210,.2);background:#1c14146b;box-shadow:0 14px 30px #00000047;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translate(-50%,-50%) scale(.86);transition:opacity .22s ease,transform .22s ease,border-color .22s ease,background-color .22s ease}.featured .edge-btn:hover span,.featured .edge-btn:focus-visible span{opacity:1;transform:translate(-50%,-50%) scale(1)}.featured .edge-btn:hover:after,.featured .edge-btn:focus-visible:after{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:#ffe4d257;background:#261a1894}.article-card{display:grid;grid-template-columns:var(--article-card-thumb-w) 1fr;gap:var(--space-lg);border:1px solid var(--line);border-radius:clamp(14px,calc(var(--desktop-anchor-size) * .00546875),21px);padding:var(--article-card-pad);background:#3426216b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.article-card:hover{border-color:var(--line-strong)}.article-card .thumb{display:block;width:var(--article-card-thumb-w);height:var(--article-card-thumb-h);border-radius:clamp(10px,calc(var(--desktop-anchor-size) * .00390625),15px);border:1px solid rgba(255,215,189,.18);object-fit:cover;box-shadow:0 12px 26px #0003}.article-card .body h3{margin:var(--space-2xs) 0;font-size:var(--article-card-title-size);color:#ffefe4;line-height:1.35}.article-card .excerpt{margin:0;color:var(--muted);font-size:var(--text-body-sm);line-height:1.6}.course-dialog{display:inline-flex;margin-top:var(--space-5xl)}.course-dialog dialog{width:min(clamp(560px,calc(var(--desktop-anchor-size) * .21875),840px),calc(100% - var(--layout-gutter-desktop)));border:1px solid rgba(248,203,171,.24);border-radius:var(--radius-md);background:linear-gradient(170deg,#3a261ff5,#1a1310f5);color:var(--ink);padding:0;box-shadow:var(--shadow-elevated)}.course-dialog dialog::backdrop{background:#00000085}.course-dialog article{padding:clamp(24px,calc(var(--desktop-anchor-size) * .009375),36px)}.course-dialog h3{margin:0 0 var(--space-sm)}.course-dialog p{margin:0;color:var(--muted);line-height:1.7}.course-dialog-body{margin:var(--space-lg) 0 var(--space-2xl);display:grid;gap:var(--space-sm)}.shield-orbit{width:100%;display:grid;justify-items:center;gap:var(--orbit-gap, clamp(34px, calc(var(--desktop-anchor-size) * .015625), 47px))}.shield-orbit-stage{position:relative;width:var(--orbit-stage-w);height:var(--orbit-stage-h);--orbit-motion-duration: .62s;--orbit-motion-ease: cubic-bezier(.22, .74, .25, 1)}.shield-orbit-ring{position:absolute;inset:0;background:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-track.png) center / 100% 100% no-repeat}.shield-orbit-star-band{position:absolute;left:50%;top:50%;width:var(--orbit-star-band-w);height:var(--orbit-star-band-h);transform:translate(-50%,-4%);background:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-star-band.png) center / contain no-repeat;pointer-events:none}.shield-orbit-core{position:absolute;left:50%;top:50%;width:var(--orbit-core-size, clamp(216px, 33.333%, 533px));aspect-ratio:1;transform:translate(-50%,-50%);background:url(/assets/figma/backgrounds/orbit-core-character.png) center / contain no-repeat}.shield-orbit-points{position:absolute;inset:0}.shield-orbit-point{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) scale(var(--scale, 1));transform-origin:center;border:0;background:transparent;color:#ff6d3e;cursor:pointer;opacity:var(--point-opacity, 1);padding:0;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--orbit-motion-duration) var(--orbit-motion-ease),color .24s ease,filter .24s ease,opacity .24s ease}.shield-orbit-point-inner{display:grid;justify-items:center;gap:var(--space-2xs)}.shield-orbit-point .letter{font-size:var(--orbit-letter-size, clamp(52px, calc(var(--desktop-anchor-size) * .0234375), 71px));line-height:1;font-weight:500;letter-spacing:1.2px;text-shadow:0 2px 8px rgba(255,90,40,.3)}.shield-orbit-point .dot{width:var(--orbit-dot-idle-size, clamp(22px, calc(var(--desktop-anchor-size) * .00859375), 33px));height:var(--orbit-dot-idle-size, clamp(22px, calc(var(--desktop-anchor-size) * .00859375), 33px));background:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-dot-idle.png) center / contain no-repeat}.shield-orbit-point:not(.is-active){filter:saturate(.88) brightness(.93)}.shield-orbit-point:focus-visible{outline:none;color:#fff;opacity:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.shield-orbit-point:focus-visible .dot{width:var(--orbit-dot-focus-w, clamp(14px, calc(var(--desktop-anchor-size) * .00546875), 21px));height:var(--orbit-dot-focus-h, clamp(13px, calc(var(--desktop-anchor-size) * .005078125), 20px));background-image:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-dot-strong.png)}.shield-orbit-point.is-active{color:#fff;opacity:1}.shield-orbit-point.is-active .letter{text-shadow:0 2px 14px rgba(255,255,255,.45)}.shield-orbit-point.is-active .dot{width:var(--orbit-dot-active-w, clamp(33px, calc(var(--desktop-anchor-size) * .012890625), 50px));height:var(--orbit-dot-active-h, clamp(13px, calc(var(--desktop-anchor-size) * .005078125), 20px));background-image:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-dot-active.png)}.shield-orbit-meaning{margin:0;text-align:center;color:#fff2e7;font-size:var(--orbit-meaning-size, clamp(29px, calc(var(--desktop-anchor-size) * .01328125), 40px));line-height:1.35;letter-spacing:.8px;display:grid;justify-items:center;gap:var(--space-2xs)}.shield-orbit-meaning-line{display:inline-flex;align-items:baseline;justify-content:center;gap:0}.shield-orbit-meaning-line--bottom{display:block}.shield-orbit-meaning-initial{color:#ff5a28}@media(max-width:980px){.shield-orbit{gap:14px}.shield-orbit-stage{width:clamp(648px,90vw,900px);height:clamp(150px,32vw,210px)}.shield-orbit-star-band{width:min(84vw,660px);height:clamp(48px,12vw,86px)}.shield-orbit-point .letter{font-size:clamp(20px,5.2vw,34px)}}@media(prefers-reduced-motion:reduce){.shield-orbit-point{transition:color .2s ease,filter .2s ease,opacity .2s ease}}.cookie-banner{position:fixed;inset:0;z-index:48;display:grid;align-items:end;padding:clamp(24px,calc(var(--desktop-anchor-size) * .009375),36px) clamp(18px,calc(var(--desktop-anchor-size) * .00703125),27px);background:#0000009e;backdrop-filter:blur(3px)}body.cookie-consent-pending{overflow:hidden}.cookie-banner__content{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2xl);width:min(clamp(1180px,calc(var(--desktop-anchor-size) * .4609375),1770px),100%);margin:0 auto;padding:clamp(18px,calc(var(--desktop-anchor-size) * .00703125),27px) clamp(22px,calc(var(--desktop-anchor-size) * .00859375),33px);border:1px solid rgba(246,178,128,.22);border-radius:clamp(22px,calc(var(--desktop-anchor-size) * .00859375),33px);background:linear-gradient(180deg,#17100df7,#0a0807fc);box-shadow:0 -12px 28px #00000047;backdrop-filter:blur(10px)}.cookie-banner__text{display:grid;gap:var(--space-sm);max-width:clamp(820px,calc(var(--desktop-anchor-size) * .3203125),1230px)}.cookie-banner__eyebrow{margin:0;color:#ffd4b6;font-size:clamp(12px,calc(var(--desktop-anchor-size) * .0046875),18px);letter-spacing:.18em;text-transform:uppercase}.cookie-banner__text h2{margin:0;font-size:clamp(22px,calc(var(--desktop-anchor-size) * .00859375),33px);line-height:1.35}.cookie-banner__description,.cookie-banner__links{margin:0}.cookie-banner__description{color:#f9f1ecd1;line-height:1.75}.cookie-banner__links{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.cookie-banner__links a{color:#ffd4b6;text-decoration:underline;text-underline-offset:4px}.cookie-banner__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-sm)}.cookie-banner .btn{display:inline-flex;min-height:clamp(42px,calc(var(--desktop-anchor-size) * .01640625),63px);align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:0 clamp(18px,calc(var(--desktop-anchor-size) * .00703125),27px);background:linear-gradient(145deg,var(--accent, #ff7a36),var(--accent-strong, #c84518));color:#fff;font:inherit;font-weight:500;cursor:pointer;box-shadow:0 12px 26px #d0581440}.cookie-banner .btn.secondary{border-color:#ffd8c43d;background:#ffffff0a;color:#fff1e8;box-shadow:none}.cookie-banner[hidden]{display:none!important}body[data-surface=mobile] .cookie-banner{align-items:center;padding:18px;background:#000000b8}body[data-surface=mobile] .cookie-banner__content{display:grid;align-items:stretch;gap:16px;width:min(100%,360px);max-width:360px;padding:18px;border-radius:20px;box-shadow:0 24px 60px #00000080}body[data-surface=mobile] .cookie-banner__text{gap:10px;max-width:none}body[data-surface=mobile] .cookie-banner__eyebrow{font-size:12px;letter-spacing:.12em}body[data-surface=mobile] .cookie-banner__text h2{font-size:22px;line-height:1.35;font-weight:430}body[data-surface=mobile] .cookie-banner__description{color:#ffe7dcd1;font-size:14px;line-height:1.72}body[data-surface=mobile] .cookie-banner__links{display:grid;gap:6px}body[data-surface=mobile] .cookie-banner__links a{color:#ffd4b6;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px}body[data-surface=mobile] .cookie-banner__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}body[data-surface=mobile] .cookie-banner .btn{min-width:0;min-height:50px;padding:0 12px;font-size:14px}@media(max-width:980px){body:not([data-surface=mobile]) .cookie-banner{align-items:center;padding:18px}body:not([data-surface=mobile]) .cookie-banner__content{flex-direction:column;align-items:stretch;gap:16px;width:min(100%,360px);padding:18px;border-radius:20px}body:not([data-surface=mobile]) .cookie-banner__links{display:grid;gap:6px}body:not([data-surface=mobile]) .cookie-banner__actions{flex-direction:row;align-items:stretch;gap:10px}body:not([data-surface=mobile]) .cookie-banner .btn{flex:1 1 0;min-width:0;min-height:50px;padding:0 12px}}