:root{--page-bg:#dcdcdc;--surface:#e7e7e7;--ink:#000;--accent:#fe5f3b;--accent-hot:#fe5e3a;--link:#5e7eff;--white:#fff;--rail:min(1240px,calc(100% - 48px));--wide-rail:min(1272px,calc(100% - 48px))}body{margin:0}.navigation-page{background:#dcdcdc;background:var(--page-bg);color:var(--ink);min-height:100vh;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.35;overflow-x:hidden}.navigation-page *,.navigation-page :before,.navigation-page :after{box-sizing:border-box}.navigation-page a{color:var(--link);text-decoration:none}.navigation-page a:hover{text-underline-offset:4px;text-decoration:underline}.navigation-page .hero{background:#000;background:var(--ink);height:clamp(390px,39.0625vw,1000px);position:relative;overflow:hidden}.navigation-page .hero__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;display:block}.navigation-page .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.navigation-page .content{padding-top:92px}.navigation-page .section{width:min(1240px,100% - 48px);width:var(--rail);content-visibility:auto;contain-intrinsic-size:auto 1500px;margin-inline:auto;padding-bottom:176px}.navigation-page .section--recommended-works,.navigation-page .section--weekly-ranking{content-visibility:visible}.navigation-page .section__head{text-align:center;justify-content:center;margin-bottom:58px;display:flex}.navigation-page .section-title{min-width:min(560px,100%);padding-top:50px;position:relative}.navigation-page .section-title__image{max-width:100%;height:auto;display:block}.navigation-page .section-title:before{content:"";z-index:0;background:var(--section-decorator-bg)center/contain no-repeat;width:223px;height:211px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.navigation-page .section-title:after,.navigation-page .section-title__main:before,.navigation-page .section-title__main:after{content:"";z-index:1;background:#000;background:var(--ink);transform-origin:50%;height:2px;position:absolute}.navigation-page .section-title__main:before,.navigation-page .section-title__main:after{width:112px;top:103px}.navigation-page .section-title__main:before{left:16px;transform:rotate(42deg)}.navigation-page .section-title__main:after{right:16px;transform:rotate(-28deg)}.navigation-page .section-title__main{z-index:2;letter-spacing:0;font-size:64px;font-weight:800;line-height:1;display:block;position:relative}.navigation-page .section-title__sub{z-index:2;letter-spacing:0;margin-top:10px;font-size:25px;font-weight:800;line-height:1;display:block;position:relative}.navigation-page .section-title--image{min-width:0;padding-top:0}.navigation-page .section-title--image:before,.navigation-page .section-title--image:after,.navigation-page .section-title--image .section-title__main:before,.navigation-page .section-title--image .section-title__main:after{content:none;background:0 0}.navigation-page .pill-grid,.navigation-page .media-grid,.navigation-page .text-links,.navigation-page .activity-featured,.navigation-page .course-tabs,.navigation-page .course-grid,.navigation-page .service-grid,.navigation-page .info-grid,.navigation-page .guest-grid{margin:0;padding:0;list-style:none}.navigation-page .pill-grid{grid-template-columns:repeat(3,400px);justify-content:center;gap:34px 20px;display:grid}.navigation-page .pill-card,.navigation-page .service-card,.navigation-page .course-card,.navigation-page .ai-chip,.navigation-page .activity-card,.navigation-page .course-tab{text-align:center;border-radius:20px;justify-content:center;align-items:center;font-weight:700;transition:transform .18s,filter .18s;display:flex;position:relative;overflow:hidden}.navigation-page .pill-card{background:#000;background:var(--ink);color:var(--white);min-height:90px;padding:10px 24px;font-size:36px;line-height:1.2}.navigation-page .pill-card--soft{background:#e7e7e7;background:var(--surface);color:var(--accent-hot)}.navigation-page .pill-card:hover,.navigation-page .service-card:hover,.navigation-page .course-card:hover,.navigation-page .activity-card:hover,.navigation-page .course-tab:hover,.navigation-page .ai-chip:hover,.navigation-page .info-card:hover,.navigation-page .guest-card:hover{filter:brightness(1.03);text-decoration:none;transform:translateY(-3px)}.navigation-page .media-card:hover{filter:brightness(1.03);transform:translateY(-3px)}.navigation-page .ai-tabs{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center;gap:20px;margin:0 0 54px;padding:0;list-style:none;display:grid}.navigation-page .ai-chip,.navigation-page .course-tab{color:var(--white);min-height:130px;padding:12px 16px;font-size:36px;line-height:1.2}.navigation-page .ai-chip{background-color:#000;background-color:var(--ink)}.navigation-page .ai-chip__image,.navigation-page .course-tab__image{z-index:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.navigation-page .ai-chip__label,.navigation-page .course-tab__label,.navigation-page .activity-card__label{z-index:1;position:relative}.navigation-page .text-links{width:min(1240px,100% - 48px);width:var(--rail);grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:30px 44px;margin-inline:auto;display:grid}.navigation-page .text-links--activity{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px}.navigation-page .text-link{color:var(--link);min-height:42px;text-align:center;text-underline-offset:4px;font-size:30px;font-weight:700;line-height:1.35;text-decoration:underline;display:block}.navigation-page .media-grid{grid-template-columns:repeat(5,206px);justify-content:center;gap:48px 42px;display:grid}.navigation-page .media-card{color:var(--link);font-size:22px;font-weight:700;line-height:1.42;display:block}.navigation-page .media-card__thumb{background:#e7e7e7;background:var(--surface);-o-object-fit:cover;object-fit:cover;border-radius:8px;width:206px;height:79px;margin-bottom:16px;display:block}.navigation-page .media-card__title,.navigation-page .text-link,.navigation-page .view-more{overflow-wrap:anywhere}.navigation-page .media-card__title{text-underline-offset:4px;text-decoration:underline}.navigation-page .activity-featured{grid-template-columns:364px 364px 464px;justify-content:center;gap:20px;margin-bottom:56px;display:grid}.navigation-page .activity-card{background-color:#e7e7e7;background-color:var(--surface);color:var(--accent-hot);min-height:180px;padding:16px 24px;font-size:40px;line-height:1.2}.navigation-page .course-tabs{grid-template-columns:repeat(4,292px);justify-content:center;gap:24px;margin-bottom:42px;display:grid}.navigation-page .course-tab{color:var(--ink)}.navigation-page .course-grid{width:min(1272px,100% - 48px);width:var(--wide-rail);grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:35px 14px;margin-inline:auto;display:grid}.navigation-page .course-card{background:#fe5f3b;background:var(--accent);color:var(--white);min-height:180px;padding:20px 34px;font-size:30px;line-height:1.4}.navigation-page .service-grid{grid-template-columns:repeat(2,610px);justify-content:center;gap:35px 20px;display:grid}.navigation-page .service-card{background:#000;background:var(--ink);color:var(--white);min-height:180px;padding:18px 40px;font-size:40px;line-height:1.35}.navigation-page .service-card--disabled{cursor:default}.navigation-page .info-grid{grid-template-columns:repeat(4,160px);justify-content:center;gap:72px 76px;display:grid}.navigation-page .info-card,.navigation-page .guest-card{color:var(--ink);text-align:center;flex-direction:column;align-items:center;display:flex}.navigation-page .info-card__logo{-o-object-fit:cover;object-fit:cover;border-radius:30px;width:140px;height:140px;display:block}.navigation-page .info-card__title{margin-top:22px;font-size:28px;font-weight:700}.navigation-page .guest-grid{grid-template-columns:repeat(6,140px);justify-content:center;gap:48px;display:grid}.navigation-page .guest-card__avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:140px;height:140px;display:block}.navigation-page .guest-card__name{color:var(--ink);margin-top:20px;font-size:28px;font-weight:700;line-height:1.2}.navigation-page .view-more{color:var(--link);width:max-content;text-underline-offset:4px;margin:62px 28px 0 auto;font-size:30px;font-weight:700;text-decoration:underline;display:block}.navigation-footer{background-color:#000;justify-content:center;align-items:center;min-height:160px;display:flex}.navigation-footer__logo{aspect-ratio:333/59;width:333px;max-width:80%;height:auto;display:block}@media (max-width:1280px){:root{--rail:min(100% - 40px,1100px);--wide-rail:min(100% - 40px,1100px)}.navigation-page .pill-grid,.navigation-page .ai-tabs,.navigation-page .media-grid,.navigation-page .course-tabs,.navigation-page .course-grid,.navigation-page .service-grid,.navigation-page .activity-featured,.navigation-page .info-grid,.navigation-page .guest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-page .pill-card,.navigation-page .ai-chip,.navigation-page .course-tab,.navigation-page .course-card,.navigation-page .service-card,.navigation-page .activity-card{min-height:112px}.navigation-page .media-card__thumb{aspect-ratio:206/79;width:100%;height:auto}.navigation-page .section{contain-intrinsic-size:auto 2300px}}@media (max-width:1024px){.navigation-page .section-title__main{font-size:46px}.navigation-page .section-title__sub{font-size:18px}.navigation-page .text-links,.navigation-page .text-links--activity{grid-template-columns:1fr}}@media (max-width:720px){:root{--rail:min(100% - 28px,520px);--wide-rail:min(100% - 28px,520px)}.navigation-page .hero{height:360px}.navigation-page .pill-grid,.navigation-page .ai-tabs,.navigation-page .media-grid,.navigation-page .course-tabs,.navigation-page .course-grid,.navigation-page .service-grid,.navigation-page .activity-featured,.navigation-page .info-grid,.navigation-page .guest-grid{grid-template-columns:1fr}.navigation-page .content{padding-top:58px}.navigation-page .section{contain-intrinsic-size:auto 3200px;padding-bottom:104px}.navigation-page .section__head{margin-bottom:34px}.navigation-page .section-title{min-width:0;padding-top:38px}.navigation-page .section-title:before{width:112px;height:106px;top:-12px}.navigation-page .section-title__main{font-size:32px}.navigation-page .section-title__sub{font-size:14px}.navigation-page .section-title__main:before,.navigation-page .section-title__main:after{display:none}.navigation-page .pill-card,.navigation-page .ai-chip,.navigation-page .course-tab,.navigation-page .course-card,.navigation-page .service-card,.navigation-page .activity-card{border-radius:14px;min-height:86px;font-size:22px}.navigation-page .text-link,.navigation-page .view-more{font-size:20px}.navigation-page .media-card,.navigation-page .info-card__title,.navigation-page .guest-card__name{font-size:18px}.navigation-page .info-card__logo,.navigation-page .guest-card__avatar{width:96px;height:96px;font-size:28px}.navigation-footer{min-height:110px}}