/* 荷花配色：荷叶绿 + 荷花粉（取自小荷 logo）。所有页面最后加载。 */
:root{--lotus-pink:#e8737a;--lotus-pink-deep:#cf5a64;--lotus-pink-soft:#fdeceb;--lotus-pink-mist:#fff6f5;--leaf:#538047;--leaf-deep:#2f4a28;--leaf-soft:#eef4eb;--ls-header-gold:var(--lotus-pink)}

/* 页头：当前栏目粉色下划线 */
.ls-header{border-bottom:1px solid #f3dcdb}
.ls-nav a[aria-current="page"]{color:var(--leaf-deep)}
.ls-nav a[aria-current="page"]::after{background:var(--lotus-pink)!important}
.ls-brand strong{color:var(--leaf-deep)}
.ls-brand small{color:var(--leaf)}

/* 横幅：粉到绿的渐变，右边一朵淡淡的荷花 */
.ls-banner,.ls-banner.xh-banner{background:linear-gradient(100deg,var(--lotus-pink-soft) 0%,#fbf4f0 42%,#f1f6ec 100%)!important;overflow:hidden}
.ls-banner::after{content:"";position:absolute;right:max(16px,calc((100% - 1160px)/2));top:50%;width:min(30vw,230px);aspect-ratio:1;transform:translateY(-50%);background:url('/assets/lotus-mark.svg') center/contain no-repeat;opacity:.9;pointer-events:none}
.ls-banner h1{color:var(--leaf-deep)}
.ls-banner h2{color:var(--lotus-pink-deep)}
@media(max-width:700px){.ls-banner::after{width:96px;opacity:.5;right:12px}}

/* 区块标题前的粉色短线 */
.lr-main section>h2,.xh-section-head h2{position:relative;padding-left:14px}
.lr-main section>h2::before,.xh-section-head h2::before{content:"";position:absolute;left:0;top:.28em;bottom:.28em;width:4px;border-radius:2px;background:var(--lotus-pink)}

/* 标签与强调 */
.day-tag{background:var(--lotus-pink)!important}
.xh-link{color:var(--lotus-pink-deep)}
.ls-footer{border-top:3px solid var(--lotus-pink-soft)}

/* 只有三个栏目：任何宽度都直接显示菜单，不用点三条横线 */
.ls-menu-toggle{display:none!important}
.ls-nav{position:static!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;height:100%!important;max-height:none!important;overflow:visible!important;margin:0 0 0 auto!important;padding:0!important;gap:4px!important;background:none!important;border:0!important;box-shadow:none!important}
.ls-nav>a{position:relative;display:flex!important;align-items:center;padding:0 16px!important;border:0!important;font-size:15px;font-weight:600;color:var(--leaf-deep);text-decoration:none;white-space:nowrap}
.ls-nav>a:hover{color:var(--lotus-pink-deep)}
.ls-nav>a[aria-current="page"]::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:2px}
@media(max-width:560px){.ls-brand small{display:none}.ls-brand img{width:34px;height:34px}.ls-header-inner{gap:6px!important;padding:0 10px!important}.ls-nav>a{padding:0 8px!important;font-size:14px}.ls-nav>a[aria-current="page"]::after{left:6px;right:6px}}

/* 圆圆的、卡通一点（孩子比较小） */
:root{--round:22px;--round-sm:14px;--soft-shadow:0 6px 18px rgba(83,128,71,.12)}
.ls-banner h1,.lr-main section>h2,.xh-section-head h2,.learning-hero h1,.section-intro h2,.parents-section h2,.sc-year-heading h3,.sc-month h4,.hz-jj-head h3,.lesson-panel-card h2,.review-heading h1,.review-heading h2{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:700!important;letter-spacing:.02em}
.lr-book,.lr-foundation,.xh-course,.lesson-panel-card,.practice-play,.hz-tile,.hz-jj-lesson,.syllabus-table,.parents-section,.sc-month ul,.hz-plan,.resources-fold,.course-card,.lesson-card,.lesson-directory-card,.unit-card{border-radius:var(--round)!important}
.lr-book,.lr-foundation,.xh-course,.lesson-panel-card,.hz-tile,.hz-jj-lesson,.lesson-directory-card{box-shadow:var(--soft-shadow);border-color:#eef1ea!important}
.xh-course,.hz-tile,.lesson-panel-card{overflow:hidden}
.lr-demo,.picture-stage,.hz-panel .picture-stage,.xh-course-art,.activity-card,.practice-tile,.sp-rail li,.sp-options button,.visual-character-picker button,.hz-mini,.sc-date,.char-button,dialog{border-radius:var(--round-sm)!important}
.lr-practice,.solid,.outline,.ls-btn,.practice-modes button,.hz-filters button,.hz-tabs button,.sp-bar button,.sp-guide button,.sp-tools button,.step-dots button,.step-controls>button,.hz-plan-actions>*,.bingo-size button,.sc-view-switch button,.kids-actions>*,.lesson-actions>*,.hero-buttons>*,.writer-actions>*,.panel-buttons>*{border-radius:999px!important}
.hz-class-tabs button{border-radius:0!important}
.xh-course-art,.picture-stage{border-radius:var(--round) var(--round) var(--round) var(--round)!important}
.xh-course .xh-course-art{border-radius:0!important}
.lr-practice{padding-inline:22px}
.day-tag,.sc-date span em{border-radius:999px}

/* 标题后的时间、课后通知、进阶课堂的小提示 */
.xh-when{display:inline-block;margin-left:12px;font:500 .9rem/1.4 var(--ls-sans,inherit);color:#538047;letter-spacing:0}
h1 .xh-when{color:inherit;opacity:.85}
.xh-notice{background:#fdeceb;border-radius:18px;padding:16px 22px;margin:0 0 22px}
.xh-notice h2{margin:0 0 8px;font-size:1.1rem;color:#2f4a28}
.xh-notice ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.xh-notice li{line-height:1.7}
.xh-notice b{display:inline-block;margin-right:10px;color:#e8737a}
.jj-notes{list-style:none;margin:6px 0 14px;padding:12px 16px;background:#fdeceb;border-radius:14px;display:grid;gap:4px}
.jj-notes b{margin-right:10px;color:#e8737a}
.row-date{display:block;font-size:.8rem;color:#538047;font-weight:500}
.jj-subnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e3e7dd}
.jj-subnav .shell{display:flex;gap:6px;overflow-x:auto;padding:0 16px}
.jj-subnav a{padding:14px 16px;color:#2f4a28;font-weight:600;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.jj-subnav a:hover{border-bottom-color:#e8737a}
.jj-date{color:#538047;font-weight:600;white-space:nowrap}
.jj-syllabus td.jj-remark{white-space:normal;min-width:220px;max-width:320px;line-height:1.6;color:#555;font-size:.9rem}
.syllabus-table tr.is-trial{cursor:default;background:#fdeceb}
.syllabus-table tr.is-trial:hover{background:#fdeceb}

/* Mechelen Chinese: readable branding on narrow screens. */
@media(max-width:600px){.ls-header-inner{height:auto!important;min-height:76px;flex-wrap:wrap;padding-top:10px!important}.ls-brand strong{font-size:18px!important}.ls-nav{width:100%;height:40px!important;justify-content:center;margin:0!important}.ls-brand{margin:auto}.ls-nav>a{font-size:14px}}
.ls-footer-bottom{flex-wrap:wrap;gap:12px}.ls-footer-bottom a{overflow-wrap:anywhere}
