:root{--paper:var(--jr-craft-canvas);--ink:var(--jr-craft-ink);--muted:var(--jr-craft-muted);--line:var(--jr-craft-line);--red:var(--jr-craft-coral);--yellow:var(--jr-craft-yellow);--white:var(--jr-craft-surface)}*{box-sizing:border-box}html{scroll-padding-top:25px}body{margin:0;font-family:'DM Sans Variable','Noto Sans SC Variable',sans-serif;color:var(--ink);background:var(--paper);line-height:1.8;font-size:17px}h1,h2,h3,p{margin:0 0 20px}h1{font-size:42px;line-height:1.35;letter-spacing:-1.7px}h1 em{font-style:normal}h2{font-size:36px;line-height:1.4;letter-spacing:-1px}h3{font-size:23px;line-height:1.5}a{color:inherit;text-underline-offset:5px}a:hover{color:#ad3322}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%;height:auto}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;gap:35px;padding:25px 36px;border-bottom:1px solid var(--line);font-size:14px}header img{width:160px}header>a:last-child{margin-left:auto}header>a{text-decoration:none}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:45px 36px 30px}.intro>div:first-child>p:last-child{color:var(--muted);font-size:16px;margin-bottom:0}.eyebrow{font-size:12px;color:#aa3322;font-weight:800;letter-spacing:1.5px;margin-bottom:15px}.teacher{display:flex;gap:16px;align-items:center;min-width:245px}.teacher img{width:80px;height:80px;border-radius:50%;object-fit:cover}.teacher strong{font-size:22px}.teacher span{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px}.classroom{display:grid;grid-template-columns:240px minmax(0,1fr);gap:38px;padding:20px 36px 60px}.case-nav{position:sticky;top:25px;align-self:start}.case-nav nav{display:grid;gap:8px;margin-bottom:24px}.case-nav button{text-align:left;background:none;border:1px solid transparent;color:var(--ink);padding:12px 14px;border-radius:12px;font-size:15px;line-height:1.6}.case-nav button span{font-size:12px;color:var(--muted);display:block}.case-nav button.active{background:var(--ink);color:white}.case-nav button.active span{color:#e9dfd2}.case-nav>a{font-size:13px}.fine{font-size:12px;color:var(--muted);line-height:1.8;margin-top:16px}.lesson-head{padding:28px 32px 22px;background:var(--white);border:1px solid var(--line);border-radius:24px 24px 0 0}.lesson-head h2{font-size:37px;white-space:pre-line;margin-bottom:16px}.lesson-head p:last-child{margin-bottom:0;font-size:17px;color:var(--muted)}.lesson-body{padding:0 32px 32px;background:var(--white);border:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px}.evidence-button{display:block;width:100%;padding:0;background:none;border:0;text-align:left}.evidence-button img{width:100%;max-height:320px;object-fit:contain;object-position:left top;background:#fafafa;border:1px solid var(--line);border-radius:15px}.case-mobile .evidence-button img{height:500px;width:auto;margin:auto;max-height:none;box-shadow:0 12px 24px #17182f0c}.case-eeat .evidence-button img{max-height:220px}.case-personal .evidence-button img{max-height:290px}.caption{font-size:12px;color:var(--muted);margin:10px 0 22px;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 28px}.facts>div{padding:18px 20px;background:var(--paper);border-radius:15px}.facts span{display:block;font-size:13px;color:var(--muted)}.facts strong{font-size:26px;line-height:1.4;display:block;margin-top:8px}.lesson-body h3{margin-top:32px}.talk{font-size:18px;line-height:1.95}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{position:relative;border-top:1px solid var(--line);padding:20px 0 20px 45px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:20px;color:#b43826;font-size:21px;font-weight:800}.steps strong{display:block;font-size:18px}.steps p{font-size:16px;color:var(--muted);margin:8px 0 0}.result{background:var(--paper);padding:25px;border-radius:18px;margin:25px 0}.result h3{margin-top:0;font-size:21px}.result dl{margin:0}.result dt{font-size:13px;color:#aa3322;font-weight:800;margin-top:18px}.result dd{margin:5px 0 0;font-size:17px;line-height:1.85}.result dt:first-child{margin-top:0}.result dd.rewrite{background:white;padding:18px;border:1px solid var(--line);border-radius:12px}.takeaway{font-size:25px;font-weight:750;line-height:1.6;background:var(--yellow);padding:22px 25px;border-radius:18px;white-space:pre-line}.exercise{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.exercise h3{margin:0 0 15px}.exercise p{font-size:16px}.exercise summary{font-size:15px}.exercise details p{font-size:15px;color:var(--muted);margin-top:12px}.bridge{font-size:15px;color:var(--muted)}.material-link{font-size:14px}.case-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.case-bottom a{font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;background:var(--red);color:var(--ink);padding:12px 20px;font-weight:750;text-decoration:none;font-size:15px;min-height:48px}.button:hover{background:#ff8777}.deck-box{font-size:14px;border:1px solid var(--line);border-radius:14px;padding:16px 20px}.deck-box iframe{width:100%;aspect-ratio:16/9;border:0;margin-top:15px}.gallery-section{padding:55px 36px;border-top:1px solid var(--line)}.gallery-section>p:not(.eyebrow){color:var(--muted);font-size:16px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery button{padding:0;border:0;background:none;text-align:left;color:var(--ink)}.gallery img{width:100%;height:auto;aspect-ratio:3/4;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px #17182f08}.gallery strong{display:block;font-size:15px;margin-top:12px}.gallery span{display:block;font-size:12px;color:var(--muted)}dialog{max-width:min(94vw,900px);max-height:95vh;padding:16px 22px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}dialog::backdrop{background:#17182fe5}dialog>img{max-height:76vh;width:auto;margin:12px auto}dialog>a{display:flex;width:210px;margin:auto}.close{display:block;margin-left:auto;border:1px solid var(--line);padding:6px 13px;border-radius:8px;background:white;color:var(--ink)}.course{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#fff0dc;border:1px solid var(--line);border-radius:24px;margin:25px 36px 60px;padding:45px}.course p{font-size:16px}.price{font-size:32px!important;margin-bottom:8px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}details p{font-size:15px!important;color:var(--muted);margin:15px 0 0}.faq>a{font-size:14px;display:block;margin-top:20px}textarea{display:block;width:100%;height:140px;border:1px solid var(--line);border-radius:12px;padding:12px;background:white;color:var(--muted);font-size:13px;line-height:1.7;resize:vertical}#copy-status{font-size:13px;margin:12px 0}footer{font-size:12px;padding:25px 36px 40px;color:var(--muted);border-top:1px solid var(--line)}.skip{position:fixed;top:0;left:0;transform:translateY(-120%);padding:12px;background:white;z-index:20}.skip:focus{transform:none}@media(max-width:980px){.teacher{display:none}.classroom{grid-template-columns:200px minmax(0,1fr);gap:22px;padding-left:25px;padding-right:25px}.lesson-head,.lesson-body{padding-left:24px;padding-right:24px}.lesson-head h2{font-size:31px}.facts strong{font-size:22px}.course{gap:35px;padding:30px}.intro h1{font-size:36px}}@media(max-width:650px){body{font-size:16px}header{padding:18px 20px;font-size:12px;gap:15px}header img{width:130px}header>span{display:none}.intro{padding:30px 20px 15px}.intro h1{font-size:30px;letter-spacing:-1px}.intro>div:first-child>p:last-child{font-size:14px}.classroom{display:block;padding:15px 16px 35px}.case-nav{position:static}.case-nav .eyebrow{font-size:11px;margin-left:4px}.case-nav nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:10px;margin-bottom:12px}.case-nav button{flex:0 0 155px;border:1px solid var(--line);font-size:13px;padding:10px}.case-nav button span{font-size:11px}.case-nav>a,.case-nav>.fine{display:none}.lesson-head{padding:23px 20px 18px}.lesson-head h2{font-size:29px}.lesson-head p:last-child{font-size:15px}.lesson-body{padding:0 20px 25px}.lesson-body h3{font-size:20px}.facts{gap:9px;margin:18px 0 22px}.facts>div{padding:14px 12px}.facts strong{font-size:21px}.facts span{font-size:11px}.talk{font-size:17px}.steps li{padding-left:30px}.steps strong{font-size:17px}.steps p{font-size:15px}.result{padding:19px}.result dd{font-size:16px}.takeaway{font-size:22px;padding:19px}.case-bottom{gap:15px}.case-bottom a{font-size:12px}.case-bottom button{font-size:13px;padding:12px 16px}.case-mobile .evidence-button img{height:auto;max-height:500px}.gallery-section{padding:38px 20px}.gallery-section h2{font-size:28px}.gallery{grid-template-columns:1fr 1fr;gap:22px 12px}.gallery strong{font-size:13px}.gallery span{font-size:11px}.gallery img{border-radius:9px}.course{margin:15px 16px 35px;padding:25px 20px;grid-template-columns:1fr;gap:30px}.course h2{font-size:29px}footer{padding:22px 20px}.evidence-button img{max-height:250px}.caption{font-size:11px}.button{font-size:14px}dialog{padding:12px}dialog>img{max-height:72vh}.deck-box{padding:14px}.case-eeat .evidence-button img{max-height:none}}
.skip{opacity:0;pointer-events:none}.skip:focus{opacity:1;pointer-events:auto}
@media(max-width:650px){.case-nav>.eyebrow::after{content:' · 左右滑动选择';color:var(--muted);font-weight:400;letter-spacing:0}}