:root{--ink:#17221d;--muted:#6f7b73;--line:#e2e8e2;--paper:#f7faf7;--card:#fff;--accent:#265f48;--accent2:#dcefe4;--shadow:0 20px 55px rgba(25,52,36,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}p{margin:.5rem 0 1rem}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:-.03em;font-size:20px}.topbar nav{display:flex;align-items:center;gap:20px;color:var(--muted)}.container{max-width:1180px;margin:0 auto;padding:52px 24px 90px}.hero{max-width:850px;padding:80px 0 70px}.hero h1{font-size:clamp(38px,7vw,76px);line-height:1.05;letter-spacing:-.065em;margin:14px 0 22px}.hero p{font-size:19px;color:var(--muted);max-width:650px}.hero.compact{padding:20px 0 35px}.hero.compact h1{font-size:48px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid div,.panel,.course-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.feature-grid span{color:var(--accent);font-weight:800}.feature-grid h3{margin-bottom:4px}.feature-grid p,.muted{color:var(--muted)}.button{display:inline-flex;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;align-items:center;justify-content:center}.button:hover{filter:brightness(.92)}.button.small{padding:6px 11px;font-size:13px}.button.ghost{background:var(--accent2);color:var(--accent)}.button.wide{width:100%;margin-top:8px}footer{text-align:center;color:var(--muted);font-size:12px;padding:25px;border-top:1px solid var(--line)}.auth-card{max-width:420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;margin:50px auto;box-shadow:var(--shadow)}.auth-card h1{font-size:32px;letter-spacing:-.04em;margin-top:4px}label{display:block;font-weight:650;margin:14px 0 5px}input,textarea,select{display:block;width:100%;border:1px solid #ccd8ce;background:#fff;border-radius:9px;padding:11px 12px;font:inherit;color:var(--ink);margin-top:5px}textarea{resize:vertical}.editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}.flash{border-radius:10px;padding:11px 14px;margin-bottom:18px}.flash.error{background:#fff0ee;color:#a2342b}.flash.success{background:#e7f5ea;color:#27643c}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{margin-bottom:18px}.panel h2{margin-top:0;font-size:19px}.section-head,.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-card{display:block;transition:transform .2s,border-color .2s}.course-card:hover{transform:translateY(-3px);border-color:#9fc2aa}.course-card h2,.course-card h3{margin:10px 0 5px;letter-spacing:-.03em}.course-card p{min-height:48px}.tag{font-size:12px;color:var(--accent);background:var(--accent2);border-radius:999px;padding:3px 8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.markdown td{white-space:normal;word-break:break-word}.lesson-admin{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0}.lesson-admin h3{margin:7px 0 0}.tip{background:#f4f7f4;border-radius:10px;padding:14px;margin:20px 0}.back{color:var(--accent);font-weight:700;display:inline-block;margin-bottom:14px}.course-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;align-items:start}.course-sidebar{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.sidebar-title{font-weight:800;padding:11px 12px 16px}.course-sidebar a{display:flex;gap:10px;padding:10px 12px;border-radius:9px;color:var(--muted);font-size:14px}.course-sidebar a span{font-family:ui-monospace;font-size:12px;color:#a3b0a6}.course-sidebar a:hover,.course-sidebar a.active{background:var(--accent2);color:var(--accent);font-weight:700}.lesson-content{min-width:0}.lesson-content h1{font-size:44px;line-height:1.15;letter-spacing:-.05em;margin:3px 0 28px}.video-wrap{background:#0c100e;border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--shadow)}video{display:block;width:100%;max-height:620px}.watermark{position:absolute;right:18px;top:18px;color:rgba(255,255,255,.45);font-size:12px;pointer-events:none}.player-tools{display:flex;align-items:center;gap:12px;margin:10px 0 30px}.video-placeholder{display:grid;place-items:center;min-height:230px;background:#e9f1eb;border-radius:16px;color:var(--muted);margin-bottom:30px}.markdown{font-size:17px;max-width:760px}.markdown h1,.markdown h2,.markdown h3{line-height:1.25;letter-spacing:-.03em;margin:32px 0 10px}.markdown p{margin:14px 0}.markdown ul{padding-left:24px}.markdown pre{background:#17221d;color:#d7e9dc;border-radius:10px;padding:16px;overflow:auto}.markdown code{background:#edf3ee;border-radius:4px;padding:1px 4px;font-size:.9em}.markdown pre code{background:transparent;padding:0}.markdown img{max-width:100%;border-radius:10px}.empty{text-align:center;padding:52px}.empty h1{margin-top:0}@media(max-width:800px){.container{padding:32px 16px 60px}.feature-grid,.cards,.grid.two{grid-template-columns:1fr}.topbar{padding:0 16px}.course-layout{grid-template-columns:1fr;gap:20px}.course-sidebar{position:static;display:flex;overflow:auto;gap:4px}.sidebar-title{display:none}.course-sidebar a{white-space:nowrap}.lesson-content h1{font-size:34px}.hero{padding:45px 0}.hero.compact h1{font-size:38px}}
