/* Homepage 1.8 — based on the supplied reference. Study styles stay in tablet.css. */
body[data-page=home]{background:#f9f9fb;color:#192132}
body[data-page=home] .app-main{max-width:1180px;padding:22px 36px 24px}
body[data-page=home] .site-header{height:100px;max-width:1180px;padding:18px 36px 34px;border:0;background:transparent;position:relative;gap:20px}
body[data-page=home] .brand-home{display:flex;gap:13px;align-items:center;font-size:17px;font-weight:650}
body[data-page=home] .brand-mark{height:36px;width:36px;border-radius:9px;background:#5142f0;color:white;font-size:23px;font-weight:650}
body[data-page=home] .brand small{display:inline-block;margin-left:12px;letter-spacing:0;color:#192132;font-size:11px;font-weight:650}
.header-tabs{display:flex;align-items:center;gap:5px;margin:auto}.header-tabs button{border:0;background:transparent;min-height:36px;padding:8px 12px;font-size:12px;color:#5b6577;border-radius:5px}.header-tabs button[aria-current]{color:#5142ee;background:#efefff}
body[data-page=home] .top-actions{margin:0;display:contents}
body[data-page=home] #dataButton{min-width:36px;min-height:36px;width:36px;height:36px;padding:0;border:1px solid #e6e8ee;background:#fff;border-radius:7px;font-size:19px}
body[data-page=home] #skippedButton,body[data-page=home] #todayButton,body[data-page=home] #sourcesButton{position:absolute;top:65px;font-size:11px;min-height:26px;padding:0;color:#5e687c}
body[data-page=home] #skippedButton{left:36px}body[data-page=home] #todayButton{left:112px}body[data-page=home] #sourcesButton{left:186px}
.local-note{display:none}body[data-page=home] .local-note{display:block;position:absolute;right:36px;top:72px;font-size:10px;color:#8890a0}
body[data-page=today] .header-tabs{display:none}
#homePage{display:block}#homePage[hidden]{display:none}
#homePage .home-heading{margin:0 0 28px;display:block}#homePage .home-heading h1{font-size:27px;font-weight:700;color:#192132;letter-spacing:0;margin:0 0 9px}#homePage .home-heading p{font-size:12px;color:#798191;margin:0;line-height:1.8}
#homePage .home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 28px;padding:0;border:0;align-items:stretch}
#homePage .home-stats>div,#homePage .home-stats>button{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:6px;min-width:0;min-height:92px;background:#fff;padding:18px 20px;border:1px solid #f0f1f5;border-radius:10px;text-align:left}
#homePage .home-stats strong{font:650 27px/1.2 "Segoe UI",sans-serif;color:#192132}#homePage .home-stats span{font-size:11px;color:#778195}
#homePage .home-stats>button:hover{border-color:#c9c6ff;background:#fdfcff}#homePage .home-stats>div:after,#homePage .home-stats>button:after{position:absolute;right:18px;top:35px;font-size:20px;color:#778196;content:'♧'}#homePage .home-stats>div:nth-child(2):after{content:'✓'}#homePage .home-stats>button:nth-child(3):after{content:'◷'}#homePage .home-stats>div:first-child:after,#homePage .home-stats>button:last-child:after{content:'◫'}
#homePage .home-feature-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:20px;align-items:start}
#homePage .feature-carousel{position:relative;min-width:0;border:1px solid #eeeff4;background:#fff;border-radius:10px;overflow:hidden;touch-action:pan-y}
#homePage .feature-slide{min-height:278px}#homePage .feature-slide[hidden]{display:none}
#homePage .feature-banner{background:linear-gradient(115deg,#3889fa,#5142ee);color:white;position:relative;padding:26px;min-height:108px;overflow:hidden}
#homePage .feature-banner>span{font-size:11px;font-weight:600}#homePage .feature-banner h2{font-size:23px;line-height:1.5;font-weight:650;letter-spacing:0;margin:10px 0 0;padding-right:35px;color:inherit}#homePage .feature-banner>b{font-size:47px;opacity:.23;position:absolute;right:26px;top:32px;font-weight:650}
#homePage .feature-theme-weather .feature-banner{background:linear-gradient(115deg,#368df3,#5362e8)}#homePage .feature-theme-career .feature-banner{background:linear-gradient(115deg,#7960ea,#a946b5)}#homePage .feature-theme-shopping .feature-banner{background:linear-gradient(115deg,#11b28c,#0c9294)}
#homePage .feature-body{padding:20px 22px 14px}#homePage .feature-body>p{font-size:12px;line-height:1.8;margin:0 0 10px;color:#48546b}#homePage .feature-body>p.muted{font-size:11px!important;margin-bottom:24px}
#homePage .feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}#homePage .feature-action{background:#5142ee;border:0;border-radius:6px;min-height:43px;padding:11px 24px;color:white;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px}#homePage .feature-action:hover{background:#4334db}#homePage .feature-progress{width:175px;max-width:40%;font-size:10px;color:#8790a1}#homePage .feature-progress small{font-size:10px}#homePage .feature-progress .book-progress{margin-top:8px;max-width:none;height:5px}
#homePage .feature-bottom>small{font-size:10px;color:#9197a6}
#homePage .feature-controls{padding:6px 22px 10px;display:flex;align-items:center;justify-content:space-between;min-height:29px;gap:10px}#homePage .feature-controls>div{display:flex;gap:5px;align-items:center}#homePage .feature-controls button{border:0;background:transparent;color:#929bad;min-width:27px;height:27px;padding:3px;font-size:12px;border-radius:4px}#homePage .feature-controls button:hover{background:#f0efff;color:#5142ee}#homePage .feature-dots button{height:20px;min-width:17px;position:relative}#homePage .feature-dots button:after{content:'';display:block;width:5px;height:5px;border-radius:20px;background:#c8cbd6;margin:auto}#homePage .feature-dots button[aria-current=true]:after{width:14px;background:#5142ee}
#homePage .book-section{min-width:0;margin:0;border:1px solid #eeeff4;background:#fff;padding:23px 20px;border-radius:10px}#homePage .book-section .section-heading{margin:0 0 18px}#homePage .book-section .section-caption{display:none}#homePage .section-heading h2{font-size:17px;color:#192132;font-weight:650;letter-spacing:0}#homePage .section-heading h2>span{display:none}#homePage .book-section .level-tabs{gap:6px;flex-wrap:wrap;margin-bottom:12px}#homePage .level-tab{font-size:10px;min-height:28px;padding:5px 9px;gap:3px;flex-direction:row;border:0;background:transparent;color:#8892a3}#homePage .level-tab.selected{background:#f0efff;color:#5142ee}#homePage .level-tab.selected:before{content:none}#homePage .level-tab small{font-size:8px;display:inline}#homePage .level-tab.selected{font-size:0}#homePage .level-tab.selected:after{content:attr(data-level);font-size:11px}
#homePage .selected-book{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;border-radius:0;background:transparent;gap:14px;box-shadow:none;overflow:visible}#homePage .book-symbol,#homePage .book-copy>.eyebrow{display:none}#homePage .book-copy{width:100%;min-width:0;flex:auto}#homePage .book-copy select{display:block;width:100%;max-width:100%;min-height:47px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550;padding:10px;border:1px solid #e4e7ee;border-radius:6px;background:#f8f9fb;margin:0 0 13px;color:#414e65}#homePage .book-copy p{font-size:10px;line-height:1.8;color:#81899a;margin:0 0 12px}#homePage .book-progress{height:6px;border-radius:8px;background:#f1f2f6;max-width:none;overflow:hidden}#homePage .book-progress i{background:#5943f3;border-radius:8px}#homePage .book-copy>small{font-size:10px;color:#8690a1;display:block;margin-top:12px}#homePage .book-preview{margin:0;width:100%;min-height:43px;border:1px solid #d6d5ff;border-radius:6px;background:#f0f1ff;color:#5747e7;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;padding:9px 14px}#homePage .book-preview:hover{background:#e8e6ff}#homePage .book-section:after{content:'切换词书，进度各自保留。';display:block;font-size:10px;color:#9299a8;margin-top:15px}
#homePage .modes-section{margin-top:34px}#homePage .section-heading{margin-bottom:17px}#homePage .section-caption{font-size:10px;color:#8a92a1}#homePage .training-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#homePage .training-card{border:1px solid #efeff4;border-radius:10px;padding:0 20px 17px;background:white;color:#273247;min-height:245px;box-shadow:none;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;flex-direction:column}#homePage .training-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #3f3b7410;border-color:#d8d3ff}
#homePage .training-main{width:calc(100% + 40px);margin:0 -20px;padding:0 20px;flex:none;overflow:visible;border-radius:0;min-height:0;isolation:auto;display:flex;align-items:stretch}
#homePage .training-card-top{height:73px;margin:0 -20px 19px;width:calc(100% + 40px);padding:0 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(120deg,#3588fc,#5541ed)}#homePage .amber .training-card-top{background:linear-gradient(120deg,#ae50fa,#e21b79)}#homePage .red .training-card-top{background:linear-gradient(120deg,#0abe8c,#0a9190)}#homePage .cream .training-card-top{background:linear-gradient(120deg,#ffad05,#f34d0c)}#homePage .training-card-top i{font:600 27px/1 "Segoe UI",sans-serif;background:none;border:0;border-radius:0;color:white;width:auto;height:auto;display:block;font-style:normal}#homePage .training-card-top small{font-size:10px;color:#fff;background:transparent!important;display:block;opacity:.9}#homePage .training-de{display:none}#homePage .training-main>strong{font-size:15px;margin:0 0 9px;color:#192132;font-weight:650;letter-spacing:0}#homePage .training-desc{font-size:11px;line-height:1.8;color:#798394;min-height:21px}#homePage .training-card .training-start{border-top:1px solid #eeeef5;margin-top:12px;padding-top:9px;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}#homePage .group-start{font-size:11px;color:#273247;min-height:34px;padding:3px 0;gap:3px}#homePage .goal-edit{font-size:10px;color:#7f8899;min-height:34px;text-decoration:none}#homePage .group-size{font-size:10px;color:#9199a9;margin-top:7px;opacity:1}
#homePage .daily-section{margin-top:32px}#homePage .daily-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:20px;align-items:start}#homePage .theme-carousel{border:1px solid #eeeff4;background:white;border-radius:10px;min-width:0}#homePage .theme-slide.sky,#homePage .theme-slide.career,#homePage .theme-slide.shopping{background:white;color:#192132}#homePage .theme-slide{height:238px;padding:30px 22px}#homePage .theme-copy{max-width:88%}#homePage .theme-kicker{font-size:11px;color:#5846e6;letter-spacing:0}#homePage .theme-copy h2{font-size:24px;letter-spacing:0;color:#192132;margin:16px 0 12px}#homePage .theme-line{font-size:12px;color:#7c8596;line-height:1.8}#homePage .theme-description,#homePage .weather-art,#homePage .career-art,#homePage .shopping-art{display:none}#homePage .theme-cta{border-radius:6px;min-height:42px;background:#5142ee;color:white;font-size:12px;margin-top:15px;padding:9px 18px;gap:14px;display:flex;align-items:center;max-width:90%}#homePage .theme-cta:hover{background:#4434da}#homePage .carousel-controls{position:static;display:flex;justify-content:space-between;padding:0 22px 18px;margin-top:-10px;gap:12px}#homePage .carousel-dots{gap:8px}#homePage .carousel-dots button{width:6px;height:6px;background:#d0d4de;position:relative;min-width:15px;min-height:24px;border-radius:0;background:transparent;padding:5px}#homePage .carousel-dots button:after{content:'';display:block;height:5px;width:5px;border-radius:50%;background:#d0d4de}#homePage .carousel-dots button[aria-current=true]:after{background:#5142ee}#homePage .carousel-arrows button{width:34px;height:34px;background:white;border:1px solid #e7e9f0;border-radius:6px;color:#788295;font-size:14px}#homePage #carouselPause{position:absolute;top:20px;right:20px}
#homePage .today-entry{display:block;border-radius:10px;border:1px solid #eeeff4;background:#fff;padding:23px 20px;margin:0;text-align:left;min-height:190px;color:#192132}#homePage .today-entry h2{font-size:17px;font-weight:650;line-height:1.5;margin:0 0 13px}#homePage .today-entry p{font-size:12px;line-height:1.8;color:#818a9b;margin:0 0 10px}#homePage .today-entry>small{font-size:10px;color:#9098a6;display:block;margin-bottom:15px}#homePage .future-section{margin-top:32px}#homePage .future-section .section-caption{display:none}#homePage .future-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#homePage .future-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:120px;padding:22px 20px;background:transparent;border:1px solid #e4e7ef;border-radius:10px;color:#8c94a3;position:relative}#homePage .future-card h3{font-size:15px;color:#7e8797;margin:0 0 10px;font-weight:600}#homePage .future-card p{font-size:11px;line-height:1.8;margin:0;max-width:none}#homePage .future-card>small{position:static;font-size:10px;margin:0}#homePage .home-bottom-note{font-size:10px;color:#9099aa;margin:27px 0 8px}body[data-page=home] .page-footer{display:none}
@media(max-width:1000px){#homePage .training-grid{gap:13px}#homePage .training-card{padding-left:16px;padding-right:16px}#homePage .training-main{margin:0 -16px;width:calc(100% + 32px);padding:0 16px}#homePage .training-card-top{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);padding:0 16px}#homePage .home-feature-row,#homePage .daily-grid{grid-template-columns:minmax(0,1.7fr) minmax(245px,1fr)}#homePage .feature-banner h2{font-size:20px}#homePage .feature-body{padding-left:20px;padding-right:20px}#homePage .feature-action{padding:10px 18px}}
@media(max-width:760px){body[data-page=home] .site-header{padding-left:24px;padding-right:24px}body[data-page=home] .app-main{padding:20px 24px}body[data-page=home] #skippedButton{left:24px}body[data-page=home] #todayButton{left:100px}body[data-page=home] #sourcesButton{left:174px}body[data-page=home] .local-note{right:24px}#homePage .home-feature-row,#homePage .daily-grid{grid-template-columns:1fr 1fr;gap:16px}#homePage .feature-banner{padding:22px 18px;min-height:110px}#homePage .feature-banner h2{font-size:19px}#homePage .feature-banner>b{right:15px;top:38px;font-size:36px}#homePage .feature-bottom{gap:9px;flex-wrap:wrap}#homePage .feature-progress{max-width:none;width:100%}#homePage .feature-slide{min-height:330px}#homePage .feature-body>p.muted{margin-bottom:16px}#homePage .training-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#homePage .training-card{min-height:235px}#homePage .home-stats{gap:12px}#homePage .home-stats>div,#homePage .home-stats>button{padding:16px;min-height:85px}#homePage .home-stats>div:after,#homePage .home-stats>button:after{right:12px;font-size:17px}#homePage .book-section{padding:22px 18px}#homePage .theme-slide{height:245px}#homePage .theme-line{max-width:90%;font-size:11px}#homePage .theme-copy{max-width:95%}}
@media(max-width:560px){body[data-page=home] .site-header{padding:16px 20px 35px;height:106px;gap:6px}body[data-page=home] .brand-home{font-size:15px;gap:8px}body[data-page=home] .brand small{display:none}body[data-page=home] .brand-mark{width:32px;height:32px;font-size:21px}.header-tabs{margin-left:auto;margin-right:5px;gap:0}.header-tabs button{font-size:10px;padding:7px;min-height:36px}body[data-page=home] #dataButton{min-width:33px;width:33px;height:33px;min-height:33px}body[data-page=home] #skippedButton{left:20px;top:66px}body[data-page=home] #todayButton{left:98px;top:66px}body[data-page=home] #sourcesButton{left:174px;top:66px}body[data-page=home] .local-note{display:none}body[data-page=home] .app-main{padding:20px}#homePage .home-heading h1{font-size:24px}#homePage .home-heading p{font-size:11px;max-width:95%}#homePage .home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:20px}#homePage .home-stats>div,#homePage .home-stats>button{min-height:84px;padding:16px}#homePage .home-stats strong{font-size:25px}#homePage .home-stats>div:after,#homePage .home-stats>button:after{right:18px;top:28px}#homePage .home-feature-row,#homePage .daily-grid{grid-template-columns:minmax(0,1fr)}#homePage .feature-slide{min-height:280px}#homePage .feature-banner{padding:24px 20px;min-height:108px}#homePage .feature-banner h2{font-size:21px}#homePage .feature-body{padding:20px}#homePage .feature-bottom{flex-wrap:nowrap}#homePage .feature-progress{max-width:42%;width:140px}#homePage .feature-action{padding:10px 17px;font-size:11px}#homePage .book-section{padding:22px 20px}#homePage .modes-section,#homePage .daily-section,#homePage .future-section{margin-top:27px}#homePage .section-heading h2{font-size:16px}#homePage .section-caption{font-size:9px}#homePage .training-grid{gap:11px}#homePage .training-card{padding:0 14px 16px;min-height:244px}#homePage .training-main{width:calc(100% + 28px);margin:0 -14px;padding:0 14px}#homePage .training-card-top{height:67px;width:calc(100% + 28px);margin:0 -14px 17px;padding:0 14px}#homePage .training-card-top small{font-size:8px}#homePage .training-card-top i{font-size:24px}#homePage .training-main>strong{font-size:14px}#homePage .training-desc{font-size:10px;min-height:36px}#homePage .training-card .training-start{gap:0;margin-top:9px}#homePage .group-start{font-size:10px}#homePage .goal-edit{font-size:9px}#homePage .group-size{font-size:9px}#homePage .future-grid{grid-template-columns:1fr;gap:12px}#homePage .theme-slide{height:234px}#homePage .theme-line{font-size:12px}#homePage .home-bottom-note{line-height:1.9}}
@media(prefers-reduced-motion:reduce){#homePage .training-card{transition:none}#homePage .training-card:hover{transform:none}}

#homePage .training-main{flex:1}#homePage .feature-slides{height:278px}#homePage .feature-slide{height:100%;min-height:0}#homePage .feature-banner{height:108px;min-height:0}#homePage .feature-banner h2{white-space:nowrap;font-size:clamp(17px,2vw,23px)}
@media(max-width:760px){#homePage .feature-slides{height:330px}#homePage .feature-banner{height:110px}#homePage .feature-banner h2{white-space:normal;font-size:19px}#homePage .feature-body>p.muted{min-height:40px}}
@media(max-width:560px){#homePage .feature-slides{height:305px}#homePage .feature-banner{height:108px}#homePage .feature-banner h2{font-size:20px}#homePage .feature-body>p.muted{min-height:0}}
body[data-page=home] #sourcesButton{display:block}

/* Topic catalogue and paired one-second horizontal carousel frames. */
#homePage .feature-slides,#homePage #themeSlides{position:relative;overflow:hidden;isolation:isolate}
#homePage .feature-slide{width:100%}
#homePage #themeSlides{height:238px}
#homePage #themeSlides .theme-slide{width:100%;height:100%}
#homePage .carousel-position{font-size:10px;color:#929bad;white-space:nowrap;font-variant-numeric:tabular-nums}
#homePage .feature-controls{gap:6px}
#homePage .feature-controls .feature-dots{gap:1px}
#homePage .carousel-controls{left:22px;right:22px;justify-content:space-between;gap:8px}
#homePage .carousel-dots{gap:5px}
#homePage .book-kind-tabs{display:flex;gap:5px;background:#f6f6fb;padding:4px;border-radius:7px;margin-bottom:10px}
#homePage .book-kind-tabs button{flex:1;border:0;background:transparent;color:#7b8497;font-size:11px;min-height:31px;padding:5px;border-radius:5px}
#homePage .book-kind-tabs button[aria-pressed=true]{background:white;color:#5142ee;box-shadow:0 1px 4px #2824540d}
#homePage .book-kind-tabs small{font-size:9px;margin-left:3px}
#homePage .book-section:after{content:'同一词条共享学习记录，分组目标分别保存。'}
#homePage .feature-banner h2{white-space:normal}
#homePage .theme-kicker{font-size:10px}
@media(max-width:760px){#homePage .feature-controls{padding-left:12px;padding-right:12px}#homePage .feature-controls button{min-width:24px}#homePage .feature-dots button{min-width:13px}}
@media(max-width:560px){#homePage #themeSlides{height:234px}}

@media(max-width:360px){#homePage .feature-banner{padding:23px 16px}#homePage .feature-banner h2{font-size:18px;padding-right:0;white-space:nowrap}}