:root{--paper:#f5f7fa;--ink:#20334c;--blue:#2455a5;--mist:#dce6f4;--line:#b8c9df;--quiet:#52647c;color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--blue)}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:16px;z-index:10}.shell{max-width:1240px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}.brand{text-decoration:none;font-size:23px;font-family:Georgia,"Songti SC",SimSun,serif;font-weight:600}.brand small{display:block;font-size:13px;font-weight:400;margin-top:5px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}.entry,.button{display:inline-block;border:1px solid var(--ink);padding:12px 20px;text-decoration:none;background:var(--ink);color:white;border-radius:3px;cursor:pointer}.entry:hover,.button:hover{background:var(--blue);color:white}.hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:50px;padding:65px 0 74px;border-top:1px solid var(--line)}h1,h2,h3{font-family:Georgia,"Songti SC",SimSun,serif;font-weight:500}h1{font-size:clamp(42px,5vw,68px);line-height:1.22;margin:0 0 28px}.hero h1{font-size:clamp(70px,9vw,126px);letter-spacing:.08em;line-height:1.12;margin:0}.hero h1 span{display:block}.hero-word{font-family:Georgia,serif;font-size:clamp(34px,4vw,56px);line-height:1.05;margin:0 0 28px}.hero-note{max-width:30em;line-height:1.9;color:var(--quiet)}.folio{position:absolute;top:44px;right:0;width:140px;height:100px;border:1px solid var(--line);transform:skewY(-12deg);z-index:-1}.folio:before,.folio:after{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid var(--line)}.folio:after{inset:24px -24px -24px 24px}.content-section{padding:48px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}h2{font-size:30px;margin:0 0 24px}h3{font-size:25px;margin:0 0 16px}.empty{color:var(--quiet);line-height:1.9;max-width:46em}.course-panel{background:var(--mist);padding:40px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin:12px 0 64px}.course-panel p{line-height:1.9;margin:0 0 10px}.course-panel .code{font-size:13px;color:var(--quiet)}footer{border-top:1px solid var(--line);padding:25px 0 40px;color:var(--quiet);font-size:13px;display:flex;justify-content:space-between;gap:20px}.page-head{padding:64px 0 38px;border-top:1px solid var(--line)}.page-head p{color:var(--quiet);line-height:1.9}.listing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:20px 0 60px}.item{border-top:1px solid var(--line);padding-top:24px}.item img{width:100%;max-height:340px;object-fit:contain}.item p{line-height:1.8}.meta{font-size:13px;color:var(--quiet)}article.prose{max-width:760px;margin:20px auto 80px;font-size:18px;line-height:1.95;overflow-wrap:anywhere}.prose video{display:block;width:100%;max-height:70vh;background:#111}.prose img{max-width:100%;height:auto}.auth{max-width:480px;margin:60px auto 90px}.auth h1{font-size:36px}.auth p{line-height:1.85;color:var(--quiet)}.auth label{display:block;margin:28px 0 10px}.auth input[type=password]{width:100%;padding:15px;border:1px solid var(--line);border-radius:3px;font-size:18px;background:white}.auth .button{width:100%;margin-top:22px}.error{padding:12px;background:#fbe9e9;color:#8c2531!important}.auth .back{display:inline-block;margin-top:28px}.notice{color:var(--quiet);font-size:14px}
@media(max-width:700px){.shell{padding:0 22px}header{align-items:flex-start;gap:18px;padding:22px 0;flex-wrap:wrap}.brand{font-size:21px}nav{gap:18px;flex-wrap:wrap;width:100%;justify-content:space-between}nav .entry{padding:9px 13px}.hero{grid-template-columns:1fr;gap:32px;padding:42px 0}.hero h1{font-size:80px}.hero-word{font-size:35px;margin-bottom:18px}.folio{width:84px;height:100px;right:24px;top:58px}.hero-note{margin-bottom:0}.content-section{padding:32px 0}.section-head{align-items:flex-start}h2{font-size:26px}.section-head a{font-size:14px;white-space:nowrap}.course-panel{grid-template-columns:1fr;padding:26px;margin-bottom:40px;gap:20px}.course-panel .button{text-align:center}.listing{grid-template-columns:1fr;gap:28px}.page-head{padding:40px 0 24px}.page-head h1{font-size:38px}footer{flex-direction:column;gap:8px}.auth{margin-top:38px}.auth h1{font-size:30px}}

.latest-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:40px;align-items:center;background:var(--mist);border-top:3px solid var(--blue);padding:32px 40px;margin:0 0 48px}.latest-video-copy{min-width:0}.latest-video .update-label{color:var(--blue);font-size:13px;letter-spacing:.06em;margin:0 0 18px}.latest-video h2{font-size:36px;line-height:1.4;margin-bottom:16px}.latest-video p{line-height:1.9}.latest-video a{display:inline-block;margin-top:12px}.latest-video video{display:block;width:100%;max-height:360px;background:#111;object-fit:contain}@media(max-width:700px){.latest-video{grid-template-columns:1fr;gap:24px;padding:24px;margin-bottom:32px}.latest-video h2{font-size:28px}.latest-video video{max-height:400px}.hero:has(+.latest-video){grid-template-columns:1fr 1fr;gap:16px;padding:26px 0}.hero:has(+.latest-video) h1{font-size:54px}.hero:has(+.latest-video) .hero-word{font-size:24px;margin-bottom:10px}.hero:has(+.latest-video) .hero-note{font-size:12px}.hero:has(+.latest-video) .folio{display:none}}