.learn-app{--wood:#4a7c59;--fire:#c8472e;--earth:#b8893a;--metal:#9b9486;--water:#2f4858;--spring:cubic-bezier(.34,1.45,.5,1);--r-lg:22px;--r-md:16px}.serif{font-family:Songti SC,STSong,Noto Serif SC,serif}.page-head{padding:120px 0 52px}.eyebrow{letter-spacing:.22em;color:var(--cinnabar);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--cinnabar);width:22px;height:1px}.page-head h1{letter-spacing:.1em;margin:14px 0 12px;font-size:clamp(42px,6vw,64px);font-weight:400}.page-head p{color:var(--ink-2);max-width:500px;font-size:15.5px}.sub-tabs{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fffdf7cc;border:1px solid #1f1c1814;border-radius:999px;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:0 auto 40px;padding:4px;display:flex;overflow-x:auto;box-shadow:0 8px 24px #1f1c1812}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{letter-spacing:.04em;min-height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:background .28s,color .25s,box-shadow .28s,transform .46s cubic-bezier(.22,1,.36,1);display:inline-flex}.sub-tab:hover{color:var(--cinnabar);transform:translateY(-1px)}.sub-tab.active{background:var(--card);color:var(--cinnabar);box-shadow:0 4px 13px #1f1c1814,inset 0 0 0 1px #1f1c180b}html[data-theme=dark] .sub-tabs{background:#1b1d23cc;border-color:#ffffff14;box-shadow:0 8px 24px #00000059}html[data-theme=dark] .sub-tab.active{box-shadow:0 4px 13px #0000004d,inset 0 0 0 1px #ffffff0f}.sub-panel{display:none}.sub-panel.active{display:block}.shu-cats{flex-direction:column;gap:36px;display:flex}.shu-cat-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.shu-cat-label{letter-spacing:.22em;color:var(--cinnabar);background:var(--cinnabar-soft);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}.shu-cat-line{background:var(--hairline);flex:1;height:1px}.shu-cat-title{letter-spacing:.06em;font-size:17px;font-weight:600}.shu-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:860px){.shu-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.shu-grid{grid-template-columns:1fr}}.shu-card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);cursor:pointer;transition:box-shadow .4s,transform .45s var(--spring);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex;position:relative}.shu-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.shu-card:hover .shu-arrow{color:var(--cinnabar);transform:translate(3px)}.shu-card-left{flex-direction:column;gap:5px;display:flex}.shu-name{letter-spacing:.06em;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:17px;font-weight:600}.shu-sub{color:var(--ink-3);letter-spacing:.05em;font-size:11.5px}.shu-card-right{flex:none;align-items:center;gap:8px;display:flex}.shu-diff{letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px}.shu-diff.hard{background:var(--cinnabar-soft);color:var(--cinnabar)}.shu-diff.mid{background:var(--gold-soft);color:var(--gold)}.shu-diff.easy{color:var(--wood);background:#4a7c591a}.shu-arrow{color:var(--ink-3);transition:transform .4s var(--spring),color .2s;font-size:16px}.shu-detail{z-index:90;background:var(--paper);display:none;position:fixed;inset:0;overflow-y:auto}.shu-detail.open{display:block}.shu-detail-inner{max-width:860px;margin:0 auto;padding:80px 24px}.shu-back{color:var(--ink-3);cursor:pointer;transition:color .2s,transform .3s var(--spring);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:32px;padding:0;font-size:13px;display:inline-flex}.shu-back:hover{color:var(--cinnabar);transform:translate(-3px)}.shu-detail-head{border-bottom:1px solid var(--hairline);margin-bottom:48px;padding-bottom:32px}.shu-detail-head .eyebrow{margin-bottom:10px;display:block}.shu-detail-head h1{letter-spacing:.08em;margin-bottom:8px;font-size:clamp(32px,4.5vw,48px);font-weight:600}.shu-detail-head .tagline{color:var(--ink-2);margin-bottom:18px;font-size:15px}.shu-detail-head .meta-chips{flex-wrap:wrap;gap:8px;display:flex}.shu-detail-head .mc{border:1px solid var(--hairline);color:var(--ink-3);border-radius:999px;padding:4px 12px;font-size:12px}.shu-detail-head .mc.hl{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}.shu-section{margin-bottom:44px}.shu-section-title{letter-spacing:.22em;color:var(--cinnabar);align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}.shu-section-title:after{content:"";background:var(--hairline);flex:1;height:1px}.shu-section p{margin-bottom:12px;font-size:15px;line-height:2}.shu-section blockquote,.shu-section p{color:var(--ink-2);font-family:Songti SC,STSong,Noto Serif SC,serif}.shu-section blockquote{border-left:2px solid var(--gold);background:var(--gold-soft);border-radius:0 10px 10px 0;margin:14px 0;padding:10px 18px;font-size:14px;font-style:italic}.track-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.track-tab{border:1px solid var(--hairline);background:var(--card);letter-spacing:.04em;color:var(--ink-2);cursor:pointer;transition:transform .35s var(--spring),background .25s,color .2s,border-color .2s,box-shadow .3s;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}.track-tab:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.track-tab.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:var(--shadow)}.track-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}@media (max-width:720px){.track-grid{grid-template-columns:1fr}}.track.track-hidden{display:none}.track{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);transition:box-shadow .4s var(--spring),transform .5s var(--spring);overflow:hidden}.track:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.track-head{padding:24px 26px 20px;position:relative}.track-head:before{content:"";background:linear-gradient(90deg,var(--gold),var(--cinnabar));height:3px;position:absolute;top:0;left:0;right:0}.track.ming .track-head:before{background:linear-gradient(90deg,var(--fire),var(--earth))}.track.liuyao .track-head:before{background:linear-gradient(90deg,var(--water),var(--wood))}.track.kanyu .track-head:before{background:linear-gradient(90deg,var(--earth),var(--metal))}.track.qimen .track-head:before{background:linear-gradient(90deg,var(--wood),var(--water))}.track.ziwei .track-head:before{background:linear-gradient(90deg,var(--water),var(--earth))}.track.qizheng .track-head:before{background:linear-gradient(90deg,var(--fire),var(--water))}.track.meihua .track-head:before{background:linear-gradient(90deg,var(--wood),var(--gold))}.track.daliuren .track-head:before{background:linear-gradient(90deg,var(--metal),var(--water))}.track.xiaoliuren .track-head:before{background:linear-gradient(90deg,var(--gold),var(--wood))}.track.jinkoujue .track-head:before{background:linear-gradient(90deg,var(--cinnabar),var(--metal))}.track-icon{margin-bottom:10px;font-size:28px}.track h2{letter-spacing:.06em;margin-bottom:6px;font-size:20px;font-weight:600}.track .track-sub{color:var(--ink-3);margin-bottom:12px;font-size:13px}.track .track-desc{color:var(--ink-2);font-size:13.5px;line-height:1.8}.course-list{border-top:1px solid var(--hairline)}.course-item{border-bottom:1px solid var(--hairline);transition:background .2s,padding-left .3s var(--spring);cursor:default;align-items:center;gap:14px;padding:14px 26px;display:flex}.course-item:last-child{border-bottom:none}.course-item.clickable{cursor:pointer}.course-item.clickable:hover{background:var(--cinnabar-soft);padding-left:32px}.course-item.clickable:hover .ci-num{color:var(--cinnabar)}.ci-num{color:var(--ink-3);letter-spacing:.06em;flex:none;width:24px;font-size:11px}.ci-body{flex:1}.ci-title{letter-spacing:.04em;font-size:14px;font-weight:600}.ci-meta{color:var(--ink-3);margin-top:2px;font-size:12px}.ci-state{border-radius:999px;flex:none;padding:2px 8px;font-size:11px}.ci-state.done{color:var(--wood);background:#4a7c591f}.ci-state.soon{background:var(--gold-soft);color:var(--gold)}.ci-state.plan{background:var(--paper);border:1px solid var(--hairline);color:var(--ink-3)}.guide-layout{grid-template-columns:220px 1fr;align-items:start;gap:32px;display:grid}@media (max-width:820px){.guide-layout{grid-template-columns:1fr}}.guide-nav{position:sticky;top:88px}@media (max-width:820px){.guide-nav{position:static}}.guide-nav-title{letter-spacing:.18em;color:var(--ink-3);margin-bottom:12px;font-size:11.5px;font-weight:600}.guide-nav-item{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;border-radius:10px;width:100%;padding:8px 12px;font-size:13.5px;transition:background .2s,color .2s;display:block}.guide-nav-item.active,.guide-nav-item:hover{background:var(--cinnabar-soft);color:var(--cinnabar)}.guide-nav-item.active{border-left-color:var(--cinnabar);font-weight:600}.guide-step{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:20px;padding:32px 36px}@media (max-width:600px){.guide-step{padding:22px 20px}}.guide-step h2{letter-spacing:.05em;margin-bottom:10px;font-size:20px;font-weight:600}.guide-step p{color:var(--ink-2);margin-bottom:12px;font-size:14.5px;line-height:1.9}.guide-step blockquote{border-left:2px solid var(--gold);background:var(--gold-soft);color:var(--ink-2);border-radius:0 8px 8px 0;margin:12px 0;padding:10px 16px;font-size:13.5px;font-style:italic}.guide-step .read-link{color:var(--cinnabar);border-bottom:1px dashed var(--cinnabar);transition:gap .3s var(--spring);align-items:center;gap:6px;margin-top:8px;font-size:13.5px;display:inline-flex}.guide-step .read-link:hover{gap:10px}.gloss-search{margin-bottom:24px;position:relative}.gloss-search svg{opacity:.4;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.gloss-search input{border:1px solid var(--hairline);background:var(--card);width:100%;color:var(--ink);border-radius:999px;outline:none;padding:12px 16px 12px 42px;font-size:14.5px;transition:border-color .2s,box-shadow .2s}.gloss-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.az-row{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.az-btn{border:1px solid var(--hairline);background:var(--card);cursor:pointer;border-radius:8px;padding:5px 12px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.az-btn.on,.az-btn:hover{background:var(--cinnabar);color:#fff8f0;border-color:var(--cinnabar)}.gloss-group{margin-bottom:28px}.gloss-group-head{letter-spacing:.22em;color:var(--ink-3);border-bottom:1px solid var(--hairline);margin-bottom:12px;padding-bottom:6px;font-size:12px;font-weight:600}.gloss-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:600px){.gloss-grid{grid-template-columns:1fr}}.gloss-card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);cursor:pointer;transition:box-shadow .35s,transform .45s var(--spring),border-color .2s;padding:16px 18px}.gloss-card:hover{box-shadow:var(--shadow);border-color:var(--gold);transform:translateY(-3px)}.gloss-card h4{letter-spacing:.06em;margin-bottom:4px;font-size:16px;font-weight:600}.gloss-card .gc-cat{background:var(--cinnabar-soft);color:var(--cinnabar);letter-spacing:.08em;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:11px;display:inline-block}.gloss-card p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.gloss-modal{z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f1c1873;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.gloss-modal.open{display:flex}.gloss-modal-inner{background:var(--paper-2);border:1px solid var(--hairline);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:28px;max-height:85vh;padding:clamp(24px,4vw,44px);position:relative;overflow-y:auto}.gloss-modal-close{border:1px solid var(--hairline);background:var(--paper);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.gloss-modal-close:hover{background:var(--cinnabar-soft)}.gm-term{letter-spacing:.08em;margin-bottom:6px;font-size:clamp(24px,4vw,36px);font-weight:600}.gm-cat{background:var(--cinnabar-soft);color:var(--cinnabar);letter-spacing:.1em;border-radius:999px;margin-bottom:14px;padding:3px 10px;font-size:12px;display:inline-block}.gm-body{color:var(--ink-2);font-size:15px;line-height:1.9}.gm-body h4{color:var(--ink);letter-spacing:.06em;margin:14px 0 6px;font-size:14px;font-weight:600}.gm-body blockquote{border-left:2px solid var(--gold);background:var(--gold-soft);color:var(--ink-2);border-radius:0 8px 8px 0;margin:10px 0;padding:8px 14px;font-size:13.5px;font-style:italic}.gm-related{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.gm-rel-tag{border:1px solid var(--hairline);color:var(--ink-3);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:12px;transition:background .2s,border-color .2s,color .2s}.gm-rel-tag:hover{border-color:var(--cinnabar);color:var(--cinnabar);background:var(--cinnabar-soft)}.reveal{opacity:0;transition:opacity .7s,transform .9s var(--spring);animation:0s linear 5s forwards gxz-reveal-failsafe;transform:translateY(20px)}@keyframes gxz-reveal-failsafe{to{opacity:1;transform:none}}html.gxz-app-ready .reveal{animation-play-state:paused}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.learn-app main{max-width:1080px;margin:0 auto;padding:0 24px 80px}.learn-app .page-head h1{letter-spacing:.1em;margin:14px 0 12px;font-size:clamp(42px,6vw,64px);font-weight:400}.learn-app .page-head p{color:var(--ink-2);max-width:500px;font-size:15.5px}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--hairline);width:1px;position:absolute;top:0;bottom:0;left:7px}.tl-item{margin-bottom:28px;position:relative}.tl-item:before{content:"";background:var(--paper);border:2px solid var(--cinnabar);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-24px}.tl-item.major:before{background:var(--cinnabar)}.tl-year{color:var(--cinnabar);letter-spacing:.14em;margin-bottom:3px;font-size:11px;font-weight:600}.tl-title{letter-spacing:.04em;margin-bottom:4px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:15px;font-weight:600}.tl-desc{color:var(--ink-2);font-size:13px;line-height:1.8}.tl-person{background:var(--cinnabar-soft);color:var(--cinnabar);border-radius:999px;margin-top:4px;margin-right:4px;padding:1px 8px;font-size:11px;display:inline-block}.school-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:600px){.school-grid{grid-template-columns:1fr}}.school-card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);padding:18px 20px}.school-name{letter-spacing:.06em;margin-bottom:4px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:16px;font-weight:600}.school-badge{background:var(--gold-soft);color:var(--gold);letter-spacing:.08em;border:1px solid #b8893a33;border-radius:999px;padding:2px 8px;font-size:10.5px}.school-desc{color:var(--ink-2);margin-top:8px;font-size:13px;line-height:1.8}.school-rep{color:var(--ink-3);margin-top:8px;font-size:12px}.school-rep span{color:var(--gold)}.book-list{border:1px solid var(--hairline);border-radius:var(--r-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.book-row{border-bottom:1px solid var(--hairline);align-items:center;gap:14px;padding:13px 18px;display:flex}.book-row:last-child{border-bottom:none}.book-row:hover{background:var(--cinnabar-soft)}.book-row .br-title{letter-spacing:.06em;flex:1;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:14.5px;font-weight:600}.book-row .br-author{color:var(--ink-3);font-size:12px}.book-row .br-tag{border:1px solid var(--hairline);color:var(--ink-3);border-radius:999px;padding:2px 8px;font-size:10.5px}.step-num{background:var(--cinnabar);color:#fff8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:14px;font-size:14px;font-weight:600;display:inline-flex}.checklist{flex-direction:column;gap:8px;margin:14px 0;display:flex}.check-item{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:14px;display:flex}.check-item:before{content:"";border:1.5px solid var(--gold);box-sizing:border-box;border-radius:50%;flex:none;width:15px;height:15px;margin-top:2px}.hw-item{border-bottom:1px solid var(--hairline);margin-bottom:26px;padding-bottom:22px}.hw-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.hw-q{letter-spacing:.03em;color:var(--ink);margin-bottom:12px;font-size:14.5px;font-weight:600;line-height:1.7}.hw-options{border:1px solid var(--hairline);border-radius:var(--r-md);flex-direction:column;display:flex;overflow:hidden}.hw-option{text-align:left;border:none;border-bottom:1px solid var(--hairline);background:var(--card);color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0;padding:13px 44px 13px 16px;font-size:14px;line-height:1.7;transition:background .2s,color .2s;position:relative}.hw-option:last-child{border-bottom:none}.hw-option:hover{background:var(--cinnabar-soft)}.hw-item.answered .hw-option{cursor:default}.hw-item.answered .hw-option:hover{background:var(--card)}.hw-option.correct{color:var(--wood);background:#4a7c591a;font-weight:600}.hw-option.wrong{background:var(--cinnabar-soft);color:var(--cinnabar)}.hw-option.correct:after{content:"";border-right:2px solid var(--wood);border-bottom:2px solid var(--wood);width:6px;height:11px;position:absolute;top:50%;right:16px;transform:translateY(-65%)rotate(45deg)}.hw-option.wrong:after,.hw-option.wrong:before{content:"";background:var(--cinnabar);width:11px;height:2px;position:absolute;top:50%;right:16px}.hw-option.wrong:before{transform:translateY(-50%)rotate(45deg)}.hw-option.wrong:after{transform:translateY(-50%)rotate(-45deg)}.hw-explain{background:var(--gold-soft);border-left:2px solid var(--gold);border-radius:0 8px 8px 0;margin-top:10px;padding:10px 14px;line-height:1.8}.hw-explain,.hw-reflect-hint{color:var(--ink-3);font-size:13px}.hw-reflect-hint{font-style:italic}.yao-diagram{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md,12px);flex-direction:column;gap:10px;margin:18px 0;padding:18px 22px;display:flex}.yao-diagram-multi{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:36px}.yao-col{flex-direction:column;align-items:center;gap:10px;display:flex}.yao-col-name{color:var(--ink-2);letter-spacing:.08em;margin-bottom:2px;font-size:14px}.yao-row{align-items:center;gap:14px;display:flex}.yao-row-compact{justify-content:center}.yao-label{width:34px;color:var(--ink-3);text-align:right;letter-spacing:.02em;flex:none;font-size:13px}.yao-bar{flex:none;align-items:center;gap:8px;width:64px;height:9px;display:inline-flex}.yao-yang{background:var(--ink);border-radius:3px}.yao-yin{background:0 0}.yao-yin span{background:var(--ink);border-radius:3px;flex:1;height:9px}.ios-chevron{border:2px solid;border-width:0 2px 2px 0;padding:3px;display:inline-block}.ios-chevron.left{transform:rotate(135deg)}.ios-chevron.right{transform:rotate(-45deg)}#lessonDetail .lesson-back{color:var(--ink-3);cursor:pointer;transition:color .2s,transform .3s var(--spring);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:32px;padding:0;font-size:13px;display:inline-flex}#lessonDetail .lesson-back:hover{color:var(--cinnabar);transform:translate(-3px)}#lessonDetail .lesson-back .ios-chevron{width:5px;height:5px}#lessonDetail .shu-detail-inner{padding-bottom:110px}@media (max-width:600px){#lessonDetail .shu-detail-inner{padding-bottom:90px}}#lessonDetail .lesson-hero{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:40px;padding:36px 32px 32px;position:relative;overflow:hidden}#lessonDetail .lesson-hero:before{content:"";background:linear-gradient(90deg,var(--gold),var(--cinnabar));height:4px;position:absolute;top:0;left:0;right:0}#lessonDetail .lesson-num-badge{letter-spacing:.16em;color:var(--cinnabar);background:var(--cinnabar-soft);border-radius:999px;align-items:center;margin-bottom:14px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}#lessonDetail .lesson-section{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:22px;padding:26px 28px}@media (max-width:600px){#lessonDetail .lesson-section{padding:20px}}#lessonDetail .lesson-section-title{letter-spacing:.2em;color:var(--cinnabar);align-items:center;gap:10px;margin-bottom:16px;font-size:12.5px;font-weight:700;display:flex}#lessonDetail .lesson-section-title:after{content:"";background:var(--hairline);flex:1;height:1px}#lessonDetail .lesson-section p{color:var(--ink-2);margin-bottom:12px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:15px;line-height:2}#lessonDetail .lesson-section p:last-child{margin-bottom:0}#lessonDetail .lesson-pullquote{border-left:3px solid var(--gold);background:var(--gold-soft);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink);margin:0 0 28px;padding:20px 26px 20px 32px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:16px;font-style:italic;line-height:1.9}#lessonDetail .lesson-cta-wrap{text-align:center;padding:20px}#lessonDetail .lesson-cta{background:var(--ink);color:var(--paper);letter-spacing:.04em;box-shadow:var(--shadow);transition:transform .45s var(--spring),box-shadow .3s;border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}#lessonDetail .lesson-cta:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)scale(1.02)}#lessonDetail .lesson-cta .ios-chevron{color:var(--paper)}#lessonDetail .lesson-bottombar{z-index:5;background:var(--hairline);border-top:1px solid var(--hairline);align-items:stretch;gap:1px;display:none;position:sticky;bottom:0}#lessonDetail .lesson-bottombar.show{display:flex}#lessonDetail .lesson-nav-btn{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.4);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex:1;align-items:center;gap:8px;min-height:52px;padding:12px 20px;transition:background .2s;display:flex}#lessonDetail .lesson-nav-btn:hover{background:var(--cinnabar-soft)}#lessonDetail .lesson-nav-btn.next{text-align:right;justify-content:flex-end}#lessonDetail .lesson-nav-btn .ios-chevron{color:var(--cinnabar);flex:none}#lessonDetail .lesson-nav-label{flex-direction:column;gap:2px;display:flex;overflow:hidden}#lessonDetail .lesson-nav-label.right{align-items:flex-end}#lessonDetail .lesson-nav-label small{color:var(--ink-3);letter-spacing:.08em;font-size:11px}#lessonDetail .lesson-nav-label strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:13.5px;font-weight:600;overflow:hidden}@media (max-width:600px){#lessonDetail .lesson-nav-label small{display:none}}.clk-mask{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;background:#1f1c1852;justify-content:center;align-items:flex-end;transition:opacity .34s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;inset:0}.clk-mask.open{opacity:1;pointer-events:auto}.clk-sheet{box-sizing:border-box;background:var(--paper-2,#fffdf7);-webkit-overflow-scrolling:touch;border-radius:22px 22px 0 0;width:100%;max-width:460px;max-height:92vh;transition:transform .46s cubic-bezier(.32,.72,0,1);overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 44px #1f1c182e}.clk-mask.open .clk-sheet{transform:none}@media (prefers-reduced-motion:reduce){.clk-mask,.clk-sheet{transition:none}.clk-mask.open .clk-sheet,.clk-sheet{transform:none}}.clk-grabber{background:var(--hairline);border-radius:3px;width:38px;height:5px;margin:8px auto 0}.clk-body{box-sizing:border-box;padding:16px 22px calc(20px + env(safe-area-inset-bottom,0px))}.clk-title{letter-spacing:.04em;color:var(--ink);text-align:left;margin:2px 0 8px;font-size:21px;font-weight:600}.clk-text{color:var(--ink-2);text-align:left;margin:0 0 18px;font-size:13.5px;line-height:1.8}.clk-card{background:var(--paper,#f7f2e8);border-radius:16px;margin-bottom:14px;padding:16px 14px 12px}.clk-qrs{justify-content:center;gap:12px;display:flex}.clk-qr{text-align:center;flex:0 132px;min-width:0;margin:0}.clk-qr img{background:#fff;border-radius:9px;width:100%;display:block}.clk-qr figcaption{color:var(--ink-3);letter-spacing:.08em;margin-top:7px;font-size:12px;font-weight:500}.clk-qr figcaption span{color:var(--ink-2);letter-spacing:.02em;-webkit-user-select:all;user-select:all;margin-top:2px;font-size:11.5px;font-weight:400;display:block}.clk-card-note{color:var(--ink-3);text-align:center;letter-spacing:.02em;margin:12px 0 0;font-size:12.5px}.clk-input{box-sizing:border-box;border:1px solid var(--hairline);background:var(--card,#fff);width:100%;color:var(--ink);letter-spacing:.16em;text-align:center;text-transform:uppercase;border-radius:14px;margin-bottom:0;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s;display:block}.clk-input::placeholder{letter-spacing:.1em;color:var(--ink-3)}.clk-input:focus{border-color:var(--cinnabar);outline:none}.clk-msg{max-height:0;color:var(--cinnabar);text-align:center;margin:0;font-size:12.5px;line-height:1.6;transition:max-height .24s cubic-bezier(.32,.72,0,1),margin .24s;overflow:hidden}.clk-msg:not(:empty){max-height:40px;margin:8px 0 2px}.clk-btn{box-sizing:border-box;background:var(--cinnabar);color:#fff8f0;letter-spacing:.2em;cursor:pointer;border:0;border-radius:14px;width:100%;margin-top:12px;padding:15px;font-family:inherit;font-size:16px;font-weight:600;transition:opacity .2s,transform .32s cubic-bezier(.32,.72,0,1);display:block}.clk-btn:hover{opacity:.94}.clk-btn:active{transform:scale(.985)}.clk-btn:disabled{opacity:.5;cursor:default}.clk-later{width:100%;color:var(--ink-3);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:12px;font-family:inherit;font-size:14.5px;display:block}.clk-later:hover{color:var(--ink-2)}.learn-app{background:radial-gradient(circle at top left, var(--gold-soft), transparent 34rem), radial-gradient(circle at 88% 8%, var(--cinnabar-soft), transparent 28rem), var(--paper);min-height:100vh;color:var(--ink)}.learn-app .reveal{opacity:1;transform:none}.learn-app a{color:inherit}.learn-app button.shu-card,.learn-app button.course-item,.learn-app button.gloss-card,.learn-app button.book-row{font:inherit;width:100%;color:inherit;text-align:left}.learn-app button.course-item{border:none;border-bottom:1px solid var(--hairline);background:0 0;border-radius:0}.learn-app button.gloss-card{display:block}.learn-locked{text-align:center;max-width:420px;margin:0 auto;padding:28px 24px}.learn-locked h3{margin:0 0 8px;font-family:Songti SC,STSong,Noto Serif SC,serif}.learn-locked p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.8}