@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, calc(100svh * 1.77778));--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) * .132813), 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) * .0117188), 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) * .0335938), 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) * .0429688), 165px);--home-hero-pad-bottom:clamp(134px, calc(var(--desktop-anchor-size) * .0609375), 234px);--home-hero-offset:clamp(65px, calc(var(--desktop-anchor-size) * .0292969), 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) * .0398438), 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) * .335938), 1290px);--orbit-star-band-h:clamp(88px, calc(var(--desktop-anchor-size) * .0398438), 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) * .0132813), 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) * .0132813), 51px);--text-label-sm:clamp(12px, calc(var(--desktop-anchor-size) * .00507813), 20px);--text-display-sm:clamp(36px, calc(var(--desktop-anchor-size) * .0164063), 63px);--text-display-md:clamp(45px, calc(var(--desktop-anchor-size) * .0203125), 78px);--text-display-lg:clamp(57px, calc(var(--desktop-anchor-size) * .0257813), 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) * .0257813), 99px);--footer-icon-box:clamp(34px, calc(var(--desktop-anchor-size) * .0132813), 51px);--footer-icon-size:clamp(22px, calc(var(--desktop-anchor-size) * .00859375), 33px);--footer-block-title-size:clamp(15px, calc(var(--desktop-anchor-size) * .00585938), 23px);--footer-link-size:clamp(14px, calc(var(--desktop-anchor-size) * .00546875), 21px);--footer-credit-size:clamp(13px, calc(var(--desktop-anchor-size) * .00507813), 20px);--article-reading-font-size:clamp(15px, calc(var(--desktop-anchor-size) * .00703125), 31px);--article-card-thumb-size:clamp(100px, calc(var(--desktop-anchor-size) * .0390625), 150px);--article-card-thumb-w:var(--article-card-thumb-size);--article-card-thumb-h:var(--article-card-thumb-size);--article-card-pad:clamp(12px, calc(var(--desktop-anchor-size) * .0046875), 18px);--article-card-title-size:clamp(17px, calc(var(--desktop-anchor-size) * .00664063), 26px);--article-control-h:clamp(44px, calc(var(--desktop-anchor-size) * .0171875), 66px);--article-tool-h:clamp(38px, calc(var(--desktop-anchor-size) * .0148438), 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-serial-size:clamp(38px, calc(var(--desktop-anchor-size) * .0148438), 57px);--article-category-title-size:clamp(30px, calc(var(--desktop-anchor-size) * .0117188), 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) * .164063), 630px);--article-media-lg-w:clamp(560px, calc(var(--desktop-anchor-size) * .21875), 840px);--article-sidebar-thumb-size:clamp(58px, calc(var(--desktop-anchor-size) * .0226563), 87px);--article-sidebar-thumb-w:var(--article-sidebar-thumb-size);--article-sidebar-thumb-h:var(--article-sidebar-thumb-size);--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) * .0101563), 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:#1f1612bd;--paper-strong:#291d18e6;--ink:#f9f1ec;--muted:#bea89b;--line:#f5d0b733;--line-strong:#f6b2805c;--accent:#f36a21;--accent-strong:#cf4e11;--accent-soft:#f36a2129;--warning:#ff8665;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-soft:0 14px 32px #00000047;--shadow-elevated:0 20px 48px #0000006b}*{box-sizing:border-box}html,body{min-height:var(--page-min-h);min-width:var(--page-min-w);color:var(--ink);font-family:var(--font-sans);background:#070505;margin:0;padding:0;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{width:100%;position:fixed;inset:0 0 auto}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/"],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{min-width:var(--page-min-w);min-height:max(100svh, var(--page-min-h));isolation:isolate;flex-direction:column;display:flex;position:relative;overflow-x:clip}body[data-route=\/] .page-shell{scroll-behavior:smooth;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none;height:100svh;scroll-padding-top:0;overflow-y:auto}body[data-route=\/] .page-shell::-webkit-scrollbar{display:none}body[data-route=\/] .site-footer{opacity:0;pointer-events:none;z-index:24;background:0 0;margin-top:0;transition:transform .32s,opacity .32s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}body[data-route=\/].home-footer-visible .site-footer{opacity:1;pointer-events:auto;transform:translateY(0)}.page-shell:before{content:"";pointer-events:none;z-index:-2;background:var(--page-bg-image) top center / cover no-repeat;position:fixed;inset:0}.container{width:min(var(--layout-page-max), calc(100% - var(--layout-gutter-desktop)));margin:0 auto}.page-shell>main.container{min-height:calc(100svh - var(--site-header-h));flex:1;align-content:start;place-items:start center;display:grid}body[data-route=\/] .page-shell>main.container{width:100%;max-width:none;min-height:0;padding:0;display:block}.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){padding:var(--section-padding);margin:var(--section-margin-y) 0;box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}:where(.section) h1,:where(.section) h2,:where(.section) h3{margin-top:0}.lead{color:var(--muted);line-height:1.75}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control-h);padding:0 var(--control-pad-x);background:linear-gradient(145deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;font-weight:500;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 12px 26px #d0581440}.btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 28px #d0581452}.btn.secondary{color:var(--ink);border-color:var(--line-strong);box-shadow:none;background:#ffffff05}@media (width>=3000px),(height>=1700px){.btn{font-size:var(--control-font-size)}}.grid-2{gap:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card{background:0 0;border:0;border-radius:0;padding:0}.meta{color:var(--muted);font-size:clamp(13px, calc(var(--desktop-anchor-size) * .00507813), 20px)}.link-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.pill-link{border:1px solid var(--line);padding:clamp(9px, calc(var(--desktop-anchor-size) * .00351563), 14px) clamp(14px, calc(var(--desktop-anchor-size) * .00546875), 21px);background:#ffffff05;border-radius:999px}.form-field{gap:var(--space-xs);margin-bottom:var(--space-xl);display:grid}.form-field input,.form-field textarea,.form-field select{min-height:clamp(42px, calc(var(--desktop-anchor-size) * .0164063), 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) * .00507813), 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) * .00507813), 20px)}.mt-18{margin-top:var(--space-2xl)}.mt-22{margin-top:var(--space-3xl)}.inline-choice-card{align-items:center;gap:var(--space-sm);width:fit-content;display:flex}.page-main{min-height:calc(100svh - var(--site-header-h));flex:1;align-content:start;place-items:start center;display:grid}.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{gap:var(--space-2xs);display:grid}.section-actions{justify-content:center;align-items:center;gap:var(--space-xl);display:flex}@media (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{z-index:30;backdrop-filter:none;background:0 0;border-bottom:0;position:sticky;top:0}.site-header .inner{min-height:var(--site-header-h);justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.site-header .logo{align-items:center;gap:0;display:inline-flex}.site-header .logo-mark{width:auto;height:var(--site-header-logo-h);object-fit:contain;display:block}.site-header ul{gap:var(--site-nav-gap);margin:0;padding:0;list-style:none;display:flex}.site-header li a{min-width:var(--site-nav-item-min-w);min-height:var(--site-nav-item-h);padding:0 var(--space-lg);color:#fff5ecf0;font-size:var(--text-body-sm);letter-spacing:.4px;background:#ff9c7424;border:1px solid #ffe5ce47;border-radius:999px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.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 (width<=1024px){.site-header ul{flex-wrap:wrap;justify-content:flex-end;gap:8px}.site-header .inner{padding:12px 0}}.site-footer{background:0 0;border-top:0;margin-top:0;position:relative;overflow:hidden}.footer-inner{gap:clamp(32px, calc(var(--desktop-anchor-size) * .0125), 48px);z-index:1;grid-template-columns:1.2fr 1.8fr;display:grid;position:relative}.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)}.footer-record{gap:4px;display:grid}.footer-record__police{justify-self:center;align-items:center;gap:4px;display:inline-flex}.footer-record__police img{object-fit:contain;flex:none;width:18px;height:20px;display:block}.brand{margin-bottom:var(--space-2xs);align-items:center;gap:0;display:inline-flex}.brand-mark{width:auto;height:var(--footer-brand-logo-h);object-fit:contain;display:block}.icon-row{gap:clamp(10px, calc(var(--desktop-anchor-size) * .00390625), 15px);margin-top:var(--space-xs);display:flex}.icon-link{width:var(--footer-icon-box);height:var(--footer-icon-box);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;transition:opacity .2s;display:inline-flex}.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);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;transition:opacity .2s;display:inline-flex}.platform-jump img{width:var(--footer-icon-size);height:var(--footer-icon-size);object-fit:contain}.platform-jump:hover{opacity:.86}.right-col{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.footer-block h3{margin:0 0 var(--space-xs);font-size:var(--footer-block-title-size);color:#fff;font-weight:500}.footer-block ul{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.footer-block a{color:#ffffffbd;font-size:var(--footer-link-size)}.footer-block a:hover{color:#ffd9bf}@media (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{gap:var(--space-sm);flex-wrap:wrap;display:flex}.bubble{border:1px solid var(--line);color:#f6e9e0;min-height:var(--article-tool-h);padding:0 var(--space-lg);font-size:var(--text-body-sm);cursor:pointer;background:#ffffff0a;border-radius:999px}.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-radius:var(--radius-md);color:var(--ink);box-shadow:var(--shadow-elevated);background:linear-gradient(170deg,#3a261ff5,#1a1310f5);border:1px solid #f8cbab3d;padding:0}.faq-dialog::backdrop{background:#00000085}.faq-dialog article{padding:clamp(24px, calc(var(--desktop-anchor-size) * .009375), 36px);gap:var(--space-2xl);display:grid}.faq-dialog h4{text-align:center;margin:0}.faq-dialog p{color:var(--muted);text-align:left;margin:0;line-height:1.75}.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);background:#120e0c94;border:1px solid #ffc19c33}.flow{grid-template-columns:var(--process-title-col-w) repeat(4, var(--process-step-col-w));gap:var(--process-gap);align-items:center;display:grid}.node{min-height:clamp(94px, calc(var(--desktop-anchor-size) * .0367188), 141px);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.node-title{gap:var(--space-sm);justify-content:flex-start;padding:0;display:inline-flex}.node-title span{color:#fff;font-size:clamp(24px, calc(var(--desktop-anchor-size) * .0109375), 42px);letter-spacing:1px;font-weight:500}.process-arrow{width:auto;height:clamp(48px, calc(var(--desktop-anchor-size) * .01875), 72px);object-fit:contain;opacity:.9}.node-image img{padding-top:var(--space-xl);object-fit:contain;filter:brightness(.34)saturate(.76);width:auto;max-width:95%;transition:filter .22s;display:block}.node-image.current img{filter:none}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (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{gap:var(--space-2xl);display:grid;position:relative}.featured h2{color:#ffe6d4;letter-spacing:.6px}.featured .track{min-height:var(--featured-track-h);position:relative}.featured .item{align-content:start;gap:var(--space-md);padding:var(--space-xs) 0 clamp(86px, calc(var(--desktop-anchor-size) * .0335938), 129px);opacity:0;pointer-events:none;background:0 0;transition:opacity .6s,transform .6s;display:grid;position:absolute;inset:0;transform:translate(20px)}.featured .item.is-active{opacity:1;pointer-events:auto;transform:translate(0)}.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) * .0226563), 102px);color:#fff4ec;line-height:1.2}.featured .item .meta{margin-top:var(--space-lg);color:#efd9ca;font-size:var(--text-copy-lg)}.featured .dots{left:0;bottom:var(--space-xl);align-items:center;gap:var(--space-xs);z-index:4;display:inline-flex;position:absolute}.featured .dot{width:clamp(10px, calc(var(--desktop-anchor-size) * .00390625), 15px);height:clamp(10px, calc(var(--desktop-anchor-size) * .00390625), 15px);cursor:pointer;background:#ffe7d68c;border:0;border-radius:999px;transition:width .28s,background-color .28s}.featured .dot.is-active{width:clamp(32px, calc(var(--desktop-anchor-size) * .0125), 48px);background:#fff3e8}.featured .edge-btn{width:clamp(83px, calc(var(--desktop-anchor-size) * .0375), 170px);color:#0000;cursor:pointer;z-index:5;background:0 0;border:0;transition:transform .22s;position:absolute;top:0;bottom:0}.featured .edge-btn--prev{left:0}.featured .edge-btn--next{right:0}.featured .edge-btn span{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;z-index:1;justify-content:center;align-items:center;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.86)}.featured .edge-btn--prev span:before{content:"‹"}.featured .edge-btn--next span:before{content:"›"}.featured .edge-btn:after{content:"";width:clamp(54px, calc(var(--desktop-anchor-size) * .0210938), 81px);height:clamp(54px, calc(var(--desktop-anchor-size) * .0210938), 81px);backdrop-filter:blur(14px);opacity:0;background:#1c14146b;border:1px solid #ffe4d233;border-radius:999px;transition:opacity .22s,transform .22s,border-color .22s,background-color .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.86);box-shadow:0 14px 30px #00000047}.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;background:#261a1894;border-color:#ffe4d257;transform:translate(-50%,-50%)scale(1)}.article-card{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);backdrop-filter:blur(10px);background:#3426216b;display:grid}.article-card:hover{border-color:var(--line-strong)}.article-card .thumb{width:var(--article-card-thumb-w);height:var(--article-card-thumb-h);border-radius:clamp(10px, calc(var(--desktop-anchor-size) * .00390625), 15px);object-fit:cover;border:1px solid #ffd7bd2e;align-self:center;display:block;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 .body{min-width:0}.article-card .excerpt{line-clamp:2;-webkit-line-clamp:2;color:var(--muted);font-size:var(--text-body-sm);text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.course-dialog{margin-top:var(--space-5xl);display:inline-flex}.course-dialog dialog{width:min(clamp(560px, calc(var(--desktop-anchor-size) * .21875), 840px), calc(100% - var(--layout-gutter-desktop)));border-radius:var(--radius-md);color:var(--ink);box-shadow:var(--shadow-elevated);background:linear-gradient(170deg,#3a261ff5,#1a1310f5);border:1px solid #f8cbab3d;padding:0}.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{color:var(--muted);margin:0;line-height:1.7}.course-dialog-body{margin:var(--space-lg) 0 var(--space-2xl);gap:var(--space-sm);display:grid}.shield-orbit{justify-items:center;gap:var(--orbit-gap,clamp(34px, calc(var(--desktop-anchor-size) * .015625), 47px));width:100%;display:grid}.shield-orbit-stage{width:var(--orbit-stage-w);height:var(--orbit-stage-h);--orbit-motion-duration:.62s;--orbit-motion-ease:cubic-bezier(.22, .74, .25, 1);position:relative}.shield-orbit-ring{background:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-track.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.shield-orbit-star-band{width:var(--orbit-star-band-w);height:var(--orbit-star-band-h);pointer-events:none;background:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-star-band.png) 50%/contain no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-4%)}.shield-orbit-core{width:var(--orbit-core-size,clamp(216px, 33.333%, 533px));aspect-ratio:1;background:url(/assets/figma/backgrounds/orbit-core-character.png) 50%/contain no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shield-orbit-points{position:absolute;inset:0}.shield-orbit-point{transform:translate(calc(-50% + var(--x,0px)), calc(-50% + var(--y,0px))) scale(var(--scale,1));transform-origin:50%;color:#ff6d3e;cursor:pointer;opacity:var(--point-opacity,1);transition:transform var(--orbit-motion-duration) var(--orbit-motion-ease), color .24s ease, filter .24s ease, opacity .24s ease;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;left:50%}.shield-orbit-point-inner{justify-items:center;gap:var(--space-2xs);display:grid}.shield-orbit-point .letter{font-size:var(--orbit-letter-size,clamp(52px, calc(var(--desktop-anchor-size) * .0234375), 71px));letter-spacing:1.2px;text-shadow:0 2px 8px #ff5a284d;font-weight:500;line-height:1}.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) 50%/contain no-repeat}.shield-orbit-point:not(.is-active){filter:saturate(.88)brightness(.93)}.shield-orbit-point:focus-visible{color:#fff;opacity:1;filter:drop-shadow(0 0 10px #ffffff80);outline:none}.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) * .00507813), 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 #ffffff73}.shield-orbit-point.is-active .dot{width:var(--orbit-dot-active-w,clamp(33px, calc(var(--desktop-anchor-size) * .0128906), 50px));height:var(--orbit-dot-active-h,clamp(13px, calc(var(--desktop-anchor-size) * .00507813), 20px));background-image:url(/assets/figma/pages/mayouhui_intro-1_default/orbit-dot-active.png)}.shield-orbit-meaning{text-align:center;color:#fff2e7;font-size:var(--orbit-meaning-size,clamp(29px, calc(var(--desktop-anchor-size) * .0132813), 40px));letter-spacing:.8px;justify-items:center;gap:var(--space-2xs);margin:0;line-height:1.35;display:grid}.shield-orbit-meaning-line{justify-content:center;align-items:baseline;gap:0;display:inline-flex}.shield-orbit-meaning-line--bottom{display:block}.shield-orbit-meaning-initial{color:#ff5a28}@media (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,filter .2s,opacity .2s}}.cookie-banner{z-index:48;padding:clamp(24px, calc(var(--desktop-anchor-size) * .009375), 36px) clamp(18px, calc(var(--desktop-anchor-size) * .00703125), 27px);backdrop-filter:blur(3px);background:#0000009e;align-items:end;display:grid;position:fixed;inset:0}body.cookie-consent-pending{overflow:hidden}.cookie-banner__content{justify-content:space-between;align-items:flex-end;gap:var(--space-2xl);width:min(clamp(1180px, calc(var(--desktop-anchor-size) * .460938), 1770px), 100%);padding:clamp(18px, calc(var(--desktop-anchor-size) * .00703125), 27px) clamp(22px, calc(var(--desktop-anchor-size) * .00859375), 33px);border-radius:clamp(22px, calc(var(--desktop-anchor-size) * .00859375), 33px);backdrop-filter:blur(10px);background:linear-gradient(#17100df7,#0a0807fc);border:1px solid #f6b28038;margin:0 auto;display:flex;box-shadow:0 -12px 28px #00000047}.cookie-banner__text{gap:var(--space-sm);max-width:clamp(820px, calc(var(--desktop-anchor-size) * .320313), 1230px);display:grid}.cookie-banner__eyebrow{color:#ffd4b6;font-size:clamp(12px, calc(var(--desktop-anchor-size) * .0046875), 18px);letter-spacing:.18em;text-transform:uppercase;margin:0}.cookie-banner__text h2{font-size:clamp(22px, calc(var(--desktop-anchor-size) * .00859375), 33px);margin:0;line-height:1.35}.cookie-banner__description,.cookie-banner__links{margin:0}.cookie-banner__description{color:#f9f1ecd1;line-height:1.75}.cookie-banner__links{gap:var(--space-lg);flex-wrap:wrap;display:flex}.cookie-banner__links a{color:#ffd4b6;text-underline-offset:4px;text-decoration:underline}.cookie-banner__actions{align-items:center;gap:var(--space-sm);flex:none;display:flex}.cookie-banner .btn{min-height:clamp(42px, calc(var(--desktop-anchor-size) * .0164063), 63px);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;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-weight:500;display:inline-flex;box-shadow:0 12px 26px #d0581440}.cookie-banner .btn.secondary{color:#fff1e8;box-shadow:none;background:#ffffff0a;border-color:#ffd8c43d}.cookie-banner[hidden]{display:none!important}body[data-surface=mobile] .cookie-banner{background:#000000b8;align-items:center;padding:18px}body[data-surface=mobile] .cookie-banner__content{border-radius:20px;align-items:stretch;gap:16px;width:min(100%,360px);max-width:360px;padding:18px;display:grid;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{letter-spacing:.12em;font-size:12px}body[data-surface=mobile] .cookie-banner__text h2{font-size:22px;font-weight:430;line-height:1.35}body[data-surface=mobile] .cookie-banner__description{color:#ffe7dcd1;font-size:14px;line-height:1.72}body[data-surface=mobile] .cookie-banner__links{gap:6px;display:grid}body[data-surface=mobile] .cookie-banner__links a{color:#ffd4b6;text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:1px}body[data-surface=mobile] .cookie-banner__actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}body[data-surface=mobile] .cookie-banner .btn{min-width:0;min-height:50px;padding:0 12px;font-size:14px}@media (width<=980px){body:not([data-surface=mobile]) .cookie-banner{align-items:center;padding:18px}body:not([data-surface=mobile]) .cookie-banner__content{border-radius:20px;flex-direction:column;align-items:stretch;gap:16px;width:min(100%,360px);padding:18px}body:not([data-surface=mobile]) .cookie-banner__links{gap:6px;display:grid}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}}