/* 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}}

/* 官网只展示每套课件的封面，避免把整套缩略图挤到一张小卡片里。 */
.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}
}