/* 2026-09-18：教师个人版官网，以一天的教学闭环替代单一课件展示。 */
.hero{background:radial-gradient(circle at 8% 12%,rgba(212,161,58,.09),transparent 28%),radial-gradient(circle at 86% 18%,rgba(16,119,104,.1),transparent 30%),linear-gradient(135deg,#fbfcf8 0,#fff 56%,#edf5f3 100%)}
.hero-shell{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:58px;min-height:670px;padding:68px 0 76px}
.hero h1{max-width:650px;font-size:clamp(46px,5.15vw,70px);letter-spacing:-.06em}
.hero h1 span{color:var(--blue)}
.hero-lead{max-width:610px;font-size:18px}
.hero-dayboard{position:relative;min-width:0;padding:24px 26px 20px;background:rgba(255,255,255,.96);border:1px solid #d7e3df;border-radius:18px;box-shadow:0 28px 70px rgba(28,65,69,.15)}
.hero-dayboard::before{position:absolute;z-index:-1;inset:18px -18px -18px 30px;background:#dcece7;border-radius:18px;content:""}
.dayboard-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.dayboard-top small,.dayboard-top strong{display:block}
.dayboard-top small{color:var(--teal);font-size:12px;font-weight:900}
.dayboard-top strong{margin-top:2px;font-size:20px}
.dayboard-top>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;color:#617479;background:#f4f7f6;border:1px solid var(--line);border-radius:7px;font-size:11px;font-weight:800}
.dayboard-top>span svg{width:14px;height:14px;color:var(--teal)}
.dayboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.dayboard-summary article{display:flex;align-items:baseline;gap:7px;padding:11px 13px;background:#f5f8f7;border:1px solid #e6ecea;border-radius:9px}
.dayboard-summary article.attention{background:#fff8e8;border-color:#efdbac}
.dayboard-summary strong{font-size:24px;line-height:1;color:var(--ink)}
.dayboard-summary .attention strong{color:#9c6712}
.dayboard-summary span{color:#64777b;font-size:12px;font-weight:800}
.dayboard-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}
.dayboard-timeline li{position:relative;display:grid;grid-template-columns:46px 38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:73px;padding:9px 0;border-top:1px solid #edf1ef}
.dayboard-timeline li:first-child{border-top:0}
.dayboard-timeline time{color:#718286;font-size:11px;font-weight:900}
.timeline-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--teal);background:var(--teal-soft);border-radius:9px}
.timeline-icon.task{color:var(--blue);background:var(--blue-soft)}
.timeline-icon.homework{color:#9c6712;background:#fff4d8}
.timeline-icon.analysis{color:#7a5b9d;background:#f1eafa}
.timeline-icon svg{width:17px;height:17px}
.dayboard-timeline small,.dayboard-timeline strong,.dayboard-timeline em{display:block}
.dayboard-timeline small{color:#7a898c;font-size:10px;font-weight:800}
.dayboard-timeline strong{overflow:hidden;margin-top:1px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.dayboard-timeline em{margin-top:1px;color:#7a898c;font-size:10px;font-style:normal}
.dayboard-timeline b{min-width:42px;padding:5px 7px;color:var(--blue);background:#f2f6fb;border-radius:6px;font-size:10px;text-align:center}
.dayboard-timeline li:nth-child(2) b{color:#9c6712;background:#fff5dd}
.dayboard-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:14px 15px;color:#416067;background:#f1f7f5;border-radius:9px;font-size:11px}
.dayboard-foot span,.dayboard-foot strong{display:flex;align-items:center;gap:6px}
.dayboard-foot span svg{width:15px;color:var(--teal)}
.dayboard-foot strong{color:var(--blue)}
.dayboard-foot strong svg{width:15px}
.daily-loop-section{position:relative;background:#fff}
.daily-loop-section::before{position:absolute;top:0;left:50%;width:min(1180px,calc(100% - 40px));height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);transform:translateX(-50%);content:""}
.daily-loop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:14px}
.daily-loop-grid article{position:relative;min-height:310px;padding:28px 22px;background:#fff;border-left:1px solid var(--line)}
.daily-loop-grid article:first-child{border-left:0}
.daily-loop-grid article:nth-child(even){background:#fafbf9}
.daily-loop-grid article.loop-focus{background:#f0f7f4;box-shadow:inset 0 4px 0 var(--teal)}
.daily-loop-grid article>span{display:inline-block;color:#6d7e82;font-size:11px;font-weight:900;letter-spacing:.06em}
.daily-loop-grid article>svg{display:block;width:29px;height:29px;margin-top:38px;color:var(--teal)}
.daily-loop-grid article.loop-focus>svg{color:#9c6712}
.daily-loop-grid h3{margin:17px 0 8px;font-size:19px}
.daily-loop-grid p{margin:0;color:#5f7276;font-size:13px;line-height:1.75}
.daily-loop-grid small{position:absolute;right:22px;bottom:22px;left:22px;padding-top:13px;color:var(--blue);border-top:1px solid #e3ebe8;font-size:11px;font-weight:900}
.daily-principle{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px;align-items:center;margin-top:22px;padding:28px 32px;background:#173f49;border-radius:14px;color:#fff}
.daily-principle>div{display:flex;align-items:center;gap:15px}
.daily-principle>div>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;color:#173f49;background:#91d5c9;border-radius:10px}
.daily-principle svg{width:23px}
.daily-principle small{color:#91d5c9;font-weight:900}
.daily-principle h3{margin:3px 0 0;font-size:21px;line-height:1.4}
.daily-principle>p{margin:0;color:#d6e5e2;font-size:14px}
.examples-section{background:#fcfdfb}
.outcome-section{background:#f3f7f5}
@media(max-width:1080px){.hero-shell{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:800px}.hero-dayboard{max-width:820px}.daily-loop-grid{grid-template-columns:repeat(2,1fr)}.daily-loop-grid article{border-top:1px solid var(--line)}.daily-loop-grid article:nth-child(odd){border-left:0}.daily-loop-grid article:first-child,.daily-loop-grid article:nth-child(2){border-top:0}.daily-loop-grid article:last-child{grid-column:1/-1;min-height:250px}.daily-principle{grid-template-columns:1fr}}
@media(max-width:680px){.hero-shell{padding:42px 0 54px}.hero h1{font-size:38px;line-height:1.16}.hero-lead{font-size:16px;line-height:1.75}.hero-dayboard{padding:18px 16px 15px;border-radius:14px}.hero-dayboard::before{inset:12px -6px -12px 16px}.dayboard-top strong{font-size:17px}.dayboard-top>span{padding:5px 7px}.dayboard-summary article{display:block;padding:9px 8px;text-align:center}.dayboard-summary strong,.dayboard-summary span{display:block}.dayboard-summary strong{font-size:22px}.dayboard-summary span{margin-top:4px;font-size:10px}.dayboard-timeline li{grid-template-columns:38px 33px minmax(0,1fr);gap:7px;min-height:76px}.dayboard-timeline time{font-size:10px}.timeline-icon{width:31px;height:31px}.dayboard-timeline strong{font-size:12px}.dayboard-timeline em{white-space:normal}.dayboard-timeline b{display:none}.dayboard-foot{align-items:flex-start;flex-direction:column}.daily-loop-grid{grid-template-columns:1fr}.daily-loop-grid article,.daily-loop-grid article:nth-child(2),.daily-loop-grid article:last-child{grid-column:auto;min-height:285px;border-top:1px solid var(--line);border-left:0}.daily-loop-grid article:first-child{border-top:0}.daily-loop-grid article>svg{margin-top:27px}.daily-principle{gap:18px;padding:24px 22px}.daily-principle>div{align-items:flex-start}.daily-principle h3{font-size:19px}.daily-principle>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-dayboard,.daily-loop-grid article{scroll-behavior:auto}}

/* 2026-09-28：Figma 原创教学轨迹背景，保持文字区低干扰并控制首屏外资源体积。 */
.daily-principle{background-color:#173f49;background-image:linear-gradient(90deg,rgba(23,63,73,.96) 0%,rgba(23,63,73,.88) 58%,rgba(23,63,73,.3) 100%),url("portal-bg-ribbon.svg");background-position:center,right center;background-size:auto,cover}
.pricing-grid .available{background-color:#173f49;background-image:linear-gradient(90deg,rgba(23,63,73,.96) 0%,rgba(23,63,73,.88) 58%,rgba(23,63,73,.3) 100%),url("portal-bg-ribbon.svg");background-position:center,right center;background-size:auto,cover}
.trust-section{background-color:#143a44;background-image:url("portal-bg-trust.svg");background-position:center;background-size:cover}
.closing-section{background-color:#155e78;background-image:linear-gradient(90deg,rgba(21,94,120,.92) 0%,rgba(21,94,120,.72) 54%,rgba(21,94,120,.34) 100%),url("portal-bg-closing.svg");background-position:center,right center;background-size:auto,cover}

/* 2026-09-28：轻写实人物独立成层，保留清楚五官和真实互动，同时让文字保持最高层级。 */
.portal-person{display:block;pointer-events:none;user-select:none}
.daily-principle{position:relative;isolation:isolate;overflow:hidden;min-height:164px;padding-right:264px}
.daily-principle>div,.daily-principle>p{position:relative;z-index:2}
.portal-person-class{position:absolute;right:8px;bottom:-78px;z-index:1;width:255px;opacity:.68;filter:saturate(.78) brightness(.82)}
.trust-section{overflow:hidden}
.trust-layout{grid-template-columns:150px minmax(340px,420px) minmax(0,1fr);gap:32px;position:relative}
.portal-person-teacher{align-self:end;width:185px;margin:0 0 -92px -18px;opacity:.78;filter:saturate(.78) brightness(.86)}
.trust-copy>p:last-child{margin:18px 0 0;color:#c7d9d8}
.closing-section{position:relative;grid-template-columns:minmax(0,1fr) 270px auto;isolation:isolate;overflow:hidden}
.closing-section>div{position:relative;z-index:2}
.portal-person-parent{z-index:1;align-self:end;justify-self:center;width:290px;margin:-28px 0 -42px;opacity:.7;filter:saturate(.8) brightness(.84)}

@media(max-width:1080px){
  .trust-layout{grid-template-columns:150px minmax(0,1fr);gap:28px}
  .portal-person-teacher{width:150px;margin:0}
  .trust-copy{max-width:none}
  .trust-list{grid-column:1/-1}
}
@media(max-width:880px){
  .daily-principle{padding-right:220px}
  .portal-person-class{right:-12px;bottom:-46px;width:220px;opacity:.42}
  .closing-section{grid-template-columns:1fr}
  .portal-person-parent{position:absolute;right:-36px;bottom:-10px;width:270px;margin:0;opacity:.2}
}
@media(max-width:680px){
  .daily-principle{min-height:0;padding:24px 22px}
  .portal-person-class{right:-42px;bottom:-24px;width:190px;opacity:.16}
  .trust-layout{grid-template-columns:1fr}
  .portal-person-teacher{position:absolute;top:-28px;right:-40px;width:170px;margin:0;opacity:.14}
  .trust-copy,.trust-list{position:relative;z-index:2}
  .portal-person-parent{right:-46px;bottom:-6px;width:250px;opacity:.16}
}

/* 2026-09-29：教室大屏入口放在老师容易触碰的页面下方；大屏上同步提高阅读下限。 */
.classroom-launch-dock{position:fixed;z-index:24;right:28px;bottom:28px;display:none;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;min-width:260px;min-height:72px;padding:10px 14px;color:#fff;background:rgba(23,63,95,.96);border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 18px 40px rgba(15,42,61,.24);backdrop-filter:blur(12px)}
.classroom-launch-dock>span{display:grid;width:48px;height:48px;place-items:center;color:#173f5f;background:#fff;border-radius:8px}
.classroom-launch-dock>span svg{width:25px;height:25px}
.classroom-launch-dock>svg{width:21px;height:21px}
.classroom-launch-dock p,.classroom-launch-dock strong,.classroom-launch-dock small{display:block;margin:0}
.classroom-launch-dock strong{font-size:18px;line-height:1.25}
.classroom-launch-dock small{margin-top:3px;color:#d3e5e5;font-size:13px}
.classroom-launch-dock:hover,.classroom-launch-dock:focus-visible{background:#177e89;transform:translateY(-2px)}

@media(min-width:1280px) and (min-height:700px){
  .classroom-launch-dock{display:grid}
}
@media(min-width:1600px) and (min-height:850px){
  .portal-brand strong{font-size:21px}
  .portal-brand small{font-size:14px}
  .portal-navigation a{font-size:17px}
  .hero-lead{font-size:22px}
  .hero-trust{font-size:16px}
  .dayboard-top small{font-size:15px}
  .dayboard-top strong{font-size:24px}
  .dayboard-top>span{font-size:14px}
  .dayboard-summary span{font-size:15px}
  .dayboard-timeline time,.dayboard-timeline small,.dayboard-timeline em,.dayboard-timeline b{font-size:14px}
  .dayboard-timeline strong{font-size:17px}
  .dayboard-foot{font-size:15px}
  .daily-loop-grid article>span,.daily-loop-grid small{font-size:14px}
  .daily-loop-grid h3{font-size:23px}
  .daily-loop-grid p,.daily-principle>p{font-size:17px}
}

/* 官网只展示每套课件的封面，避免把整套缩略图挤到一张小卡片里。 */
.example-image{aspect-ratio:16/9}
.example-image img{width:400%;max-width:none;aspect-ratio:auto;height:auto;object-fit:initial}
.example-cover-walk-moon img{width:500%}
.example-image:hover img{transform:none}

@media(max-width:680px){
  .hero-shell{padding:32px 0 38px;gap:28px}
  .hero-lead{margin-top:18px}
  .hero-actions{margin-top:22px}
  .hero-trust{margin-top:17px}
  .hero-dayboard{padding:16px 14px 13px}
  .dayboard-timeline li{min-height:62px;padding:6px 0}
  .dayboard-foot{margin-top:8px;padding:10px 12px}
  .daily-loop-grid article,.daily-loop-grid article:nth-child(2),.daily-loop-grid article:last-child{min-height:0;padding:20px 20px 18px}
  .daily-loop-grid article>svg{margin-top:10px;width:24px;height:24px}
  .daily-loop-grid h3{margin:7px 0 4px;font-size:18px}
  .daily-loop-grid p{font-size:13px;line-height:1.65}
  .daily-loop-grid small{position:static;display:block;margin-top:10px;padding-top:8px;font-size:11px}
  .edition-grid article,.edition-grid article:last-child{min-height:0;padding:23px}
  .edition-grid h3{margin-top:14px}
  .edition-grid ul{margin:14px 0}
}