:root{--ink:#241910;--brown:#623a17;--gold:#a37337;--paper:#f7efe3;--cream:#fffaf1}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Serif SC","Songti SC",serif}.course-page{min-width:1050px}.course-main{overflow:hidden}.course-hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:center;padding:70px 10%;background:radial-gradient(circle at 70% 45%,#fffaf2 0,rgba(247,239,227,.85) 48%,#ead8bd)}.course-hero-copy{position:relative;z-index:2}.eyebrow,.section-no{display:block;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.28em}.course-hero h1{margin:22px 0 18px;color:#412813;font-size:52px;line-height:1.35;letter-spacing:.05em;text-align:left;text-shadow:none}.course-hero h1 em{color:#9a692f;font-style:normal}.course-hero-copy>p{max-width:610px;margin:0;color:#665545;font-size:16px;line-height:2}.course-stats{display:flex;align-items:center;gap:28px;margin:30px 0}.course-stats b{font-size:28px;color:#75491f}.course-stats small{display:inline;margin-left:7px;color:#8c7966;font-size:12px}.course-stats i{height:24px;border-left:1px solid #cdb58f}.start-course{display:inline-flex;align-items:center;gap:35px;padding:14px 25px;color:#fff;background:#8e5e29;text-decoration:none;box-shadow:0 8px 24px rgba(100,58,20,.18)}.start-course span{font-size:22px}.course-scroll{position:relative;height:410px;padding:34px;background:#e6cfaa;box-shadow:22px 25px 50px rgba(76,43,15,.16);transform:rotate(1deg)}.course-scroll::before,.course-scroll::after{content:"";position:absolute;left:10px;right:10px;height:20px;border-radius:50%;background:#b98a4e;box-shadow:0 2px 5px #7e592d}.course-scroll::before{top:11px}.course-scroll::after{bottom:11px}.course-scroll img{width:100%;height:100%;object-fit:cover;object-position:center;filter:sepia(.12) contrast(1.05)}.course-scroll span{position:absolute;right:-27px;top:52px;padding:12px 8px;color:#fff;background:#8d5d2a;writing-mode:vertical-rl;letter-spacing:.15em}.course-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding:90px 11%;background:#fffaf2}.course-about h2,.course-catalog h2{margin:14px 0 18px;font-size:35px;letter-spacing:.08em}.course-about>div>p{color:#6a5948;font-size:15px;line-height:2}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-list article{padding:28px 22px;background:#f2e5d2;border-top:2px solid #a67539}.feature-list b{font-size:18px}.feature-list p{margin:13px 0 0;color:#756453;font-size:12px;line-height:1.8}.course-catalog{padding:76px 11% 100px;background:#eee0cb}.course-catalog>header{display:flex;align-items:end;justify-content:space-between}.course-catalog>header p{color:#8a6c4a;font-size:13px}.chapter-tabs{display:flex;gap:8px;margin:28px 0 18px}.chapter-tabs button{padding:11px 22px;border:0;color:#766553;background:rgba(255,250,242,.62);font-family:inherit}.chapter-tabs .active{color:#fff;background:#8e5e29}.lesson-list{background:#fffaf2}.lesson-list>a,.lesson-list>div{min-height:88px;display:grid;grid-template-columns:80px 1fr 80px 45px;align-items:center;padding:0 28px;border-bottom:1px solid #e6dac8;color:inherit;text-decoration:none}.lesson-list>a:hover{background:#fff}.lesson-number{color:#a47742;font-size:14px;letter-spacing:.12em}.lesson-title b{font-size:16px}.lesson-title small{margin:7px 0 0;color:#9a8875;font-size:11px}.lesson-list time{color:#8b7661;font-size:12px}.play-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:#966633;border-radius:50%;font-size:11px}.locked{opacity:.52}
.lesson-page{min-width:980px;background:#15130f;color:#eee7dc}.lesson-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.5%;background:#211d17;border-bottom:1px solid #393127}.back-link{color:#cbb99f;font-size:13px;text-decoration:none}.lesson-header>div{text-align:center}.lesson-header small{display:block;margin-bottom:5px;color:#91795d;font-size:10px;letter-spacing:.2em}.lesson-header b{font-size:15px;letter-spacing:.08em}.share-button{justify-self:end;padding:10px 18px;border:1px solid #8d704e;color:#e9dac6;background:transparent;font-family:inherit;cursor:pointer}.lesson-main{padding:26px 3.5% 65px}.teaching-stage{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;max-width:1500px;margin:auto}.video-shell{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}.video-shell video{display:block;width:100%;height:100%;object-fit:contain}.center-play{position:absolute;left:50%;top:50%;width:68px;height:68px;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:rgba(18,14,10,.6);font-size:24px;transform:translate(-50%,-50%);cursor:pointer}.video-shell.is-playing .center-play{opacity:0;pointer-events:none}.video-controls{position:absolute;left:0;right:0;bottom:0;height:57px;display:flex;align-items:center;gap:10px;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.9));font:11px Arial;color:#fff}.video-controls button,.video-controls select{border:0;color:#fff;background:transparent;cursor:pointer}.timeline{position:relative;flex:1;height:18px}.timeline input{position:absolute;z-index:3;inset:0;width:100%;height:18px;margin:0;opacity:0;cursor:pointer}.timeline::before{content:"";position:absolute;left:0;right:0;top:8px;height:3px;background:#6b655f}.timeline-progress{position:absolute;top:8px;left:0;width:0;height:3px;background:#c08b4c}.node{position:absolute!important;z-index:4;top:-1px;width:10px;height:18px;padding:0}.node i{display:block;width:7px;height:7px;border-radius:50%;background:#e4bd7d}.node span{position:absolute;left:50%;bottom:22px;padding:5px 8px;color:#241b12;background:#f1dfc4;white-space:nowrap;opacity:0;transform:translateX(-50%);transition:.2s}.node:hover span{opacity:1}.volume{width:58px;accent-color:#b6854b}.resume-card{position:absolute;z-index:8;left:50%;top:50%;min-width:270px;padding:22px;color:#312217;background:rgba(255,248,236,.96);text-align:center;transform:translate(-50%,-50%);box-shadow:0 16px 50px #000}.resume-card p{margin:0 0 18px}.resume-card button{padding:9px 13px;border:1px solid #a77943;background:transparent;font-family:inherit}.resume-card #resumeYes{color:#fff;background:#8e5e29}.original-panel{padding:20px;background:#27221b;border:1px solid #40372c}.original-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#b9a68e;font-size:11px;letter-spacing:.15em}.original-panel header b{font-size:28px;color:#d3ae75}.original-image{position:relative;height:calc(100% - 108px);min-height:290px;overflow:hidden;background:#d8bc8c}.original-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) contrast(1.05)}.original-image span{position:absolute;left:10px;bottom:10px;padding:6px 8px;color:#342414;background:rgba(247,233,210,.87);font-size:9px}.original-panel>p{margin:14px 0 0;color:#a99b89;font-size:11px;line-height:1.6}.stroke-section{max-width:1500px;margin:28px auto 0;padding:30px 38px;color:#332318;background:#eee4d5}.stroke-section>header{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #d3c1a7}.stroke-section small{color:#9c6b32;font-size:10px;letter-spacing:.2em}.stroke-section h1{margin:6px 0 19px;color:#332318;font-size:25px;text-align:left;text-shadow:none;letter-spacing:.08em}.stroke-section>header p{color:#8b7660;font-size:11px}.stroke-steps{display:grid;grid-template-columns:repeat(3,1fr)}.stroke-steps article{position:relative;padding:25px 34px;border-right:1px solid #d5c4aa}.stroke-steps article:last-child{border:0}.stroke-steps article>span{color:#b08a5a;font-size:10px}.stroke-steps h2{margin:12px 0 8px;font-size:17px}.stroke-steps p{margin:0;color:#776653;font-size:11px;line-height:1.7}.stroke-demo{position:relative;height:50px;margin:12px 0}.stroke-demo::before{content:"";position:absolute;left:8%;right:8%;top:23px;height:8px;border-radius:80% 15% 40% 40%;background:#2b2118;transform:rotate(-2deg)}.stroke-demo::after{content:"";position:absolute;top:12px;width:2px;height:30px;background:#ad7740}.stroke-demo.start::after{left:11%}.stroke-demo.move::after{left:50%}.stroke-demo.end::after{right:11%}.share-sheet{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.65)}.share-sheet[hidden]{display:none}.share-dialog{position:relative;width:390px;padding:38px;color:#342317;background:#f5ead9;text-align:center}.share-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px}.share-dialog small{color:#9c6e39;letter-spacing:.2em}.share-dialog h2{margin:12px 0 24px}.share-dialog>div{display:flex;justify-content:center;gap:12px}.share-dialog>div button{width:76px;padding:11px 0;border:1px solid #ae8c64;background:#fffaf2;font-family:inherit}.share-dialog p{min-height:18px;color:#8c7254;font-size:11px}.toast{position:fixed;z-index:30;left:50%;bottom:32px;padding:10px 18px;color:#fff;background:#8e5e29;opacity:0;transform:translate(-50%,10px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.teaching-stage{grid-template-columns:1fr 260px}.original-image{min-height:230px}}