:root{--font-scale:1;--nav-space:calc(80px + env(safe-area-inset-bottom,0px))}*{box-sizing:border-box}html{background:#eee9e1;color:var(--lk-color-text-primary);font-family:var(--lk-font-family-system)}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--lk-size-focus-width) solid var(--lk-color-action-primary);outline-offset:var(--lk-size-focus-offset)}button:disabled{cursor:default;background:var(--lk-color-bg-disabled);color:var(--lk-color-text-disabled)}button:active:not(:disabled),a:active{filter:brightness(.93)}img{max-width:100%;height:auto;display:block;object-fit:cover;object-position:50% 40%}.icon{width:24px;height:24px;display:inline-block;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:calc(var(--lk-font-size-page)*var(--font-scale));line-height:1.42;font-weight:600}h2{font-size:calc(var(--lk-font-size-section)*var(--font-scale));line-height:1.46;font-weight:600}h3{font-size:calc(var(--lk-font-size-card)*var(--font-scale));line-height:1.5;font-weight:600}p,li{font-size:calc(var(--lk-font-size-body)*var(--font-scale));line-height:1.56}small,.meta{font-size:calc(var(--lk-font-size-meta)*var(--font-scale));line-height:1.5;color:var(--lk-color-text-secondary)}.shell{max-width:480px;margin:auto;background:var(--lk-color-bg-page);min-height:100dvh;box-shadow:0 0 60px #292d320c}.topbar{min-height:56px;display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--lk-color-bg-page);position:sticky;top:0;z-index:15;border-bottom:1px solid var(--lk-color-border-subtle)}.topbar h1{flex:1;text-align:center;font-size:calc(var(--lk-font-size-card)*var(--font-scale))}.brandbar{justify-content:space-between;padding:8px 16px}.brand{display:flex;align-items:center;gap:8px;font-size:calc(var(--lk-font-size-card)*var(--font-scale));font-weight:600}.brand-mark{color:var(--lk-color-brand-primary);background:var(--lk-color-bg-honorSoft);border-radius:12px;padding:6px}.brand-mark .icon{width:28px;height:28px}.icon-btn{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px}.page{padding:16px 16px calc(var(--nav-space) + 24px)}.page.no-nav{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.page>section+section{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.text-link{color:var(--lk-color-action-primary);font-size:calc(var(--lk-font-size-meta)*var(--font-scale));min-height:48px;display:inline-flex;align-items:center;gap:4px;font-weight:600}.section-heading .text-link{white-space:normal;flex-shrink:0}.button{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;background:var(--lk-color-action-primary);color:white;text-align:center;width:100%;}.button:active{background:var(--lk-color-action-pressed);}.button.secondary{background:white;border:1px solid var(--lk-color-action-primary);color:var(--lk-color-action-primary);}.button.soft{background:var(--lk-color-bg-brandSoft);color:var(--lk-color-action-primary);}.button.green{background:var(--lk-color-accent-culture);}.card{background:white;border-radius:16px;padding:16px}.muted{color:var(--lk-color-text-muted)}.green-text{color:var(--lk-color-accent-culture)}.search-box{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--lk-color-border-control);border-radius:12px;width:100%;font-size:calc(var(--lk-font-size-body)*var(--font-scale));}.search-box input{border:0;min-width:0;width:100%;background:none;outline:none;font-size:inherit;}.search-box:focus-within{outline:2px solid var(--lk-color-action-primary);}.search-link{color:var(--lk-color-text-muted)}.hero{height:136px;border-radius:16px;position:relative;overflow:hidden;margin-top:16px;background:var(--lk-color-bg-honorSoft)}.hero>img{position:absolute;inset:0;width:100%;height:100%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff5d9 4%,#fff5d9e8 30%,#fff5d900 74%)}.hero-copy{position:relative;z-index:1;padding:12px 16px;width:70%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy h2{font-size:24px;line-height:1.28}.hero-copy strong{color:var(--lk-color-action-primary)}.hero-copy .meta{font-size:16px}.hero-cta{position:relative;z-index:2;display:flex;align-items:center;gap:4px;color:var(--lk-color-action-primary);min-height:48px;font-size:16px;font-weight:600}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:16px 0}.category{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;padding:8px 0;min-width:0;font-size:calc(16px*var(--font-scale));line-height:1.5;font-weight:600;min-height:96px}.category-icon{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--lk-color-bg-brandSoft);color:var(--lk-color-action-primary)}.category-icon .icon{width:32px;height:32px}.category:nth-child(1) .category-icon,.category:nth-child(3) .category-icon{background:var(--lk-color-bg-cultureSoft);color:var(--lk-color-accent-culture)}.category>span:last-child{max-width:4em;overflow-wrap:anywhere}.course-card{display:flex;gap:12px;background:white;align-items:stretch;margin-top:12px;min-width:0;}.course-card>img{width:38%;aspect-ratio:4/3;align-self:flex-start;}.course-body{flex:1;min-width:0}.course-title{font-size:calc(var(--lk-font-size-card)*var(--font-scale));line-height:1.5;font-weight:600;display:block}.course-card .meta{margin:4px 0}.course-card .button{margin-top:8px;}.tag{display:inline-block;font-size:calc(14px*var(--font-scale));line-height:1.45;padding:2px 8px;background:var(--lk-color-bg-cultureSoft);color:var(--lk-color-accent-culture)}.lesson-banner{background:white;border-radius:16px;overflow:hidden}.lesson-visual{position:relative;min-height:180px}.lesson-visual>img{width:100%;aspect-ratio:16/9}.lesson-overlay{position:absolute;inset:0;background:linear-gradient(transparent 35%,#16291bc9);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:white}.lesson-overlay .meta{color:white}.lesson-overlay h3{font-size:calc(24px*var(--font-scale))}.interest{background:var(--lk-color-bg-cultureSoft);display:flex;align-items:center;gap:12px;border-radius:16px;padding:12px 16px;min-height:80px}.interest>.icon{width:40px;height:40px;color:var(--lk-color-accent-culture)}.interest>div{flex:1}.interest h3{font-size:calc(18px*var(--font-scale))}.activity{margin-top:12px}.location-row{display:flex;align-items:center;gap:4px;color:var(--lk-color-accent-culture)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:var(--lk-color-bg-page);border-top:1px solid var(--lk-color-border-subtle);z-index:30;padding:4px 4px calc(8px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:80px}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:64px;font-size:calc(16px*var(--font-scale));line-height:1.375;color:var(--lk-color-text-secondary);padding:4px 0;overflow-wrap:anywhere}.nav-item .icon{width:28px;height:28px}.nav-item.active{color:var(--lk-color-action-primary);font-weight:600}.tabs,.chips{display:flex;gap:8px;flex-wrap:wrap}.tabs{border-bottom:1px solid var(--lk-color-border-subtle);margin-bottom:16px}.tab{font-size:calc(16px*var(--font-scale));color:var(--lk-color-text-secondary);border-bottom:3px solid transparent;}.tab.active{color:var(--lk-color-action-primary);border-bottom-color:var(--lk-color-action-primary);font-weight:600;}.chip{background:var(--lk-color-bg-disabled);font-size:calc(16px*var(--font-scale));}.chip.active{background:var(--lk-color-action-primary);color:white;font-weight:600;}.search-header{display:flex;align-items:center;gap:4px;flex:1}.search-header .search-box{flex:1;}.search-header>.text-link{padding:0 8px}.search-section{margin-top:24px}.search-section .chips{margin-top:12px}.search-section .chip{flex:1;min-width:40%;}.notice{background:var(--lk-color-bg-brandSoft);color:var(--lk-color-action-primary);padding:12px 16px;border-radius:12px;display:flex;gap:8px;align-items:flex-start;font-size:calc(16px*var(--font-scale));line-height:1.5}.notice .icon{margin-top:2px}.notice.green{background:var(--lk-color-bg-cultureSoft);color:var(--lk-color-accent-culture)}.detail-cover{position:relative;border-radius:16px;overflow:hidden;margin-bottom:16px}.detail-cover img{width:100%;aspect-ratio:16/9}.play-circle{display:grid;place-items:center;width:64px;height:64px;background:#292d3299;color:white;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.play-circle .icon{width:32px;height:32px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.detail-tabbar{display:flex;position:sticky;top:56px;background:var(--lk-color-bg-page);z-index:10;border-bottom:1px solid var(--lk-color-border-subtle);margin:20px -16px 0;padding:0 8px}.detail-tabbar .tab{flex:1;}.detail-section{padding:20px 0;border-bottom:1px solid var(--lk-color-border-subtle)}.detail-section h2{margin-bottom:12px}.check-list{padding:0;list-style:none}.check-list li{display:flex;gap:8px;margin:8px 0}.check-list .icon{color:var(--lk-color-accent-culture);margin-top:2px}.teacher{display:flex;gap:12px;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.teacher .avatar{width:64px;height:64px}.action-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:var(--lk-color-bg-page);z-index:30;border-top:1px solid var(--lk-color-border-subtle);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:12px;align-items:center}.action-bar .button{flex:1;}.action-bar .help{min-width:48px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:16px}.lesson-row{display:flex;align-items:center;gap:12px;padding:16px 8px;border-bottom:1px solid var(--lk-color-border-subtle);min-height:80px;width:100%;text-align:left}.lesson-number{font-size:16px;background:var(--lk-color-bg-cultureSoft);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;color:var(--lk-color-accent-culture)}.lesson-info{flex:1;min-width:0}.lesson-info strong{font-size:calc(18px*var(--font-scale));line-height:1.55}.lesson-row .icon{color:var(--lk-color-action-primary)}.lesson-row.current{background:var(--lk-color-bg-brandSoft);border-radius:12px}.lesson-row.current .lesson-number{background:var(--lk-color-bg-honorSoft);color:var(--lk-color-action-primary)}.lesson-state{font-size:calc(16px*var(--font-scale));color:var(--lk-color-accent-culture)}.progress{height:8px;border-radius:8px;background:var(--lk-color-border-subtle);overflow:hidden;margin:8px 0}.progress>span{display:block;background:var(--lk-color-action-primary);height:100%;border-radius:8px}.progress-label{display:flex;justify-content:space-between;gap:8px}.summary{display:flex;gap:16px;background:var(--lk-color-bg-brandSoft);padding:16px;border-radius:16px;margin-bottom:16px;flex-wrap:wrap}.summary>div{flex:1;display:flex;align-items:center;gap:12px}.summary .icon{width:32px;height:32px;color:var(--lk-color-action-primary)}.summary strong{font-size:calc(28px*var(--font-scale));color:var(--lk-color-action-primary)}.learning-card{padding:12px;margin-top:16px}.learning-card .course-card{margin:0 0 12px;}.learning-card .button{margin-top:12px;}.player-tools{display:flex;justify-content:space-between;gap:4px;flex-wrap:wrap}.player-tools button{min-height:48px;display:flex;align-items:center;gap:4px;font-size:calc(16px*var(--font-scale));padding:8px}.player-tools .icon{color:var(--lk-color-action-primary)}.player-cover{position:relative;border-radius:16px;overflow:hidden}.player-cover img{width:100%;aspect-ratio:16/9}.player-caption{background:#292D32;color:white;padding:8px 12px;font-size:calc(16px*var(--font-scale));line-height:1.5}.complete-hero{text-align:center;padding:12px 0 24px}.complete-hero img{width:144px;height:128px;object-fit:contain;margin:0 auto 8px}.complete-hero h1{margin-bottom:8px}.complete-stats{display:flex;gap:16px;margin:16px 0;flex-wrap:wrap}.complete-stats>div{flex:1}.complete-stats strong{display:block;font-size:calc(20px*var(--font-scale))}.stack{display:flex;flex-direction:column;gap:12px}.review{padding:16px 0;border-bottom:1px solid var(--lk-color-border-subtle)}.review-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.review-head>div{flex:1}.review-head time{font-size:calc(16px*var(--font-scale));color:var(--lk-color-text-muted)}.stars{color:var(--lk-color-text-honor);display:flex;gap:2px;margin:8px 0}.stars .icon{width:20px;height:20px;fill:var(--lk-color-accent-honor)}.review-image{width:65%;aspect-ratio:4/3;border-radius:12px;margin-top:12px}.work-image{width:100%;border-radius:12px;margin:12px 0}.work-actions{display:flex;align-items:center;gap:12px}.work-actions button{min-height:48px;display:flex;align-items:center;gap:4px;color:var(--lk-color-action-primary);font-size:16px}.empty{text-align:center;padding:32px 16px}.empty>.icon{width:48px;height:48px;color:var(--lk-color-accent-culture);margin-bottom:16px}.empty p{margin:12px 0 24px}.footer-note{padding:20px 0;text-align:center;font-size:calc(16px*var(--font-scale));line-height:1.5;color:var(--lk-color-text-muted)}.skip{position:fixed;top:-100px;left:16px;background:white;z-index:100;padding:12px}.skip:focus{top:12px}.modal-shade{position:fixed;inset:0;background:#292d3266;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--lk-color-bg-page);border-radius:24px;padding:16px;width:100%;max-width:432px;max-height:calc(100dvh - 48px);overflow:auto}.modal-head{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:12px}.modal-head h2{flex:1}.modal .button{margin-top:16px;}.modal label{display:block;font-size:18px;margin:12px 0 8px}.modal input,.modal textarea{border:1px solid var(--lk-color-border-control);border-radius:12px;min-height:56px;width:100%;padding:12px;background:white;font-size:18px}.modal textarea{min-height:112px}.form-error{color:var(--lk-color-status-error);font-size:16px;margin-top:8px}.settings-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:16px 0;width:100%;border-bottom:1px solid var(--lk-color-border-subtle);text-align:left;font-size:calc(18px*var(--font-scale))}.settings-row>span:not(.icon){flex:1;min-width:0}.settings-row>.icon{flex:0 0 24px;width:24px;height:24px}.settings-row>.icon:first-child{color:var(--lk-color-accent-culture)}.app-demo{font-size:16px;line-height:1.5;color:var(--lk-color-text-muted);text-align:center;padding:16px;border-top:1px solid var(--lk-color-border-subtle)}.large-text .hero-copy{position:static;width:100%;height:auto;padding:16px 0}.large-text .hero{overflow:visible;margin-bottom:0}.large-text .hero-copy{top:136px;position:relative}.large-text .hero:after{display:none}.large-text .hero-spacer{height:auto;margin-top:136px}.large-text .categories{grid-template-columns:1fr}.large-text .category{flex-direction:row;min-height:64px;padding:8px 16px;gap:16px;background:white;border-radius:12px}.large-text .category>span:last-child{max-width:none}.large-text .course-card{flex-direction:column;}.large-text .course-card>img{width:100%;aspect-ratio:16/9}.large-text .bottom-nav{position:static;transform:none;width:100%;grid-template-columns:1fr}.large-text .nav-item{flex-direction:row;justify-content:flex-start;padding:12px 24px;gap:16px}.large-text .action-bar{position:static;transform:none;width:100%;flex-wrap:wrap}.large-text .page{padding-bottom:24px}.large-text .topbar,.large-text .detail-tabbar{position:static}.large-text .detail-tabbar{flex-wrap:wrap}.large-text .lesson-row{flex-wrap:wrap}.large-text .lesson-state{width:100%}.large-text .summary{flex-direction:column}.large-text .hero{height:136px}.large-text .hero-spacer{display:block}.large-text .hero-copy h2{font-size:calc(24px*var(--font-scale))}.large-text .hero-copy .meta,.large-text .hero-cta{font-size:calc(16px*var(--font-scale))}@media(max-width:340px){.page{padding-inline:12px}.brandbar{padding-inline:12px}.hero-copy{padding:8px 12px;width:78%}.hero-copy h2{font-size:22px}.course-card{gap:8px;}.course-card>img{width:34%;}.category{font-weight:500}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color 150ms,color 150ms}.page{animation:appear 150ms ease-out}@keyframes appear{from{opacity:.6}to{opacity:1}}}@media(min-width:720px){.shell{margin:24px auto;border-radius:24px;overflow:clip;min-height:calc(100dvh - 48px)}}
/* 文本链接与品牌入口同样满足48px操作热区。 */
.course-title{min-height:48px;display:flex;align-items:center}.brand{min-height:48px}.skip{min-height:48px}.lesson-visual{display:block}.complete-hero+.card{margin-top:0}
.text-link{min-width:48px}.detail-cover{display:block}.section-heading>h2{min-width:0;overflow-wrap:anywhere}.section-heading>.text-link{flex-shrink:1}.lesson-row{flex-wrap:wrap}.lesson-info{min-width:100px}
@media(max-width:340px){.detail-tabbar{margin-inline:-12px}}
/* 根据首页原稿校正构图；保留规范的文字与热区下限。 */
.brandbar{border-bottom:0;padding-block:4px}.brand{font-size:calc(var(--lk-font-size-page)*var(--font-scale));font-weight:600;gap:8px}.brand-mark{background:none;padding:0;color:var(--lk-color-brand-primary)}.brand-mark>svg{width:36px;height:36px;display:block}.home-page{padding-top:8px}.home-page .search-box{border-radius:24px;border-color:transparent;box-shadow:0 0 0 1px var(--lk-color-border-subtle);}.home-page .hero-copy{padding:8px 12px;width:74%}.home-page .hero-cta{background:var(--lk-color-action-primary);color:var(--lk-color-text-inverse);border-radius:24px;padding:4px 12px;margin-top:4px;font-weight:600;min-height:48px}.home-page .hero-copy h2{line-height:1.2}.home-page .hero-copy>.meta{line-height:1.5}.home-page .categories{margin-block:12px 16px}.home-page .category{min-height:88px;padding-block:8px;gap:8px}.home-page .category-icon{background:none!important;border-radius:0}.category-art{width:40px;height:40px;display:block;overflow:visible}.home-page .section-heading{margin-bottom:8px}.home-trial-card{display:flex;gap:12px;background:var(--lk-color-bg-surface);min-width:0;align-items:stretch;}.home-trial-card>img{width:40%;border-radius:12px;object-position:50% 40%}.home-trial-card>div{flex:1;min-width:0}.home-trial-card h3{font-size:calc(var(--lk-font-size-card)*var(--font-scale));line-height:1.5}.home-trial-card .meta{margin:4px 0 8px}.home-trial-card .button{width:auto;}.practice-tag{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:2px 8px;background:var(--lk-color-bg-cultureSoft);color:var(--lk-color-accent-culture);font-size:calc(var(--lk-font-size-meta)*var(--font-scale));line-height:1.5;margin-top:4px}.practice-tag .icon{width:20px;height:20px}.home-page .lesson-overlay{padding:12px}.home-page .lesson-overlay h3{font-size:calc(var(--lk-font-size-page)*var(--font-scale))}.home-page .lesson-banner>.button{width:calc(100% - 16px);margin:8px;}.bottom-nav{background:var(--lk-color-bg-surface)}.nav-item.active>.icon{fill:var(--lk-color-bg-brandSoft)}.large-text .home-trial-card{flex-direction:column}.large-text .home-trial-card>img{width:100%;aspect-ratio:16/9}.large-text .home-page .hero-copy{width:100%;padding:16px 0}.large-text .home-page .hero-copy h2{font-size:calc(var(--lk-font-size-page)*var(--font-scale))}.large-text .home-page .hero-copy>.meta,.large-text .home-page .hero-cta{font-size:calc(var(--lk-font-size-meta)*var(--font-scale))}.large-text .home-page .hero-cta{padding:12px 16px;border-radius:12px}
/* 最新确认：宣传Banner直接使用图片；文案和CTA如有需要应在成稿图中交付。 */
.hero.image-banner{display:block;overflow:hidden}.hero.image-banner:after{display:none}.hero.image-banner>img{width:100%;height:100%;object-fit:contain;object-position:center}.large-text .hero.image-banner{overflow:hidden}.hero.image-banner.course-image-banner{height:100px}.brand-mark>.icon{width:36px;height:36px}
/* 标签链接和原生按钮采用相同的居中布局，避免内联文本基线偏上。 */
.chip,.tab{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.5;vertical-align:middle;}.hero.image-banner{background:var(--lk-color-bg-page)}
/* 最新确认：图片Banner按各自原始比例随内容宽度缩放。 */
.hero.image-banner,.large-text .hero.image-banner,.hero.image-banner.course-image-banner{height:auto;overflow:hidden;aspect-ratio:auto;background:transparent}.hero.image-banner>img{position:static;inset:auto;display:block;width:100%;height:auto;object-fit:contain;object-position:center}
/* 新分类插画56px；独立图片不带文字，统一主体占比与透明留白。 */
.home-page .category-icon{width:var(--lk-size-icon-category);height:var(--lk-size-icon-category);flex-shrink:0}.home-page .category-icon>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.home-page .category{min-height:104px}.large-text .home-page .category{min-height:80px}.large-text .home-page .category>span:last-child{max-width:none}@media(max-width:340px){.home-page .category>span:last-child{max-width:2em}.large-text .home-page .category>span:last-child{max-width:none}}