:root{color-scheme:light;--cream:#F7F1E8;--coffee:#3C2F28;--brown:#6C4A35;--muted:#9A7D67;--line:#EAD8BE;--gold:#B88646;--gold2:#D7A95F;--gold3:#F7DEB0;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--coffee);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.95),transparent 25rem),radial-gradient(circle at 88% 8%,rgba(247,222,176,.88),transparent 28rem),linear-gradient(180deg,#fffaf2 0%,#f7f1e8 48%,#ead8be 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(90deg,rgba(184,134,70,.035) 1px,transparent 1px),linear-gradient(rgba(184,134,70,.035) 1px,transparent 1px);background-size:24px 24px}.page{width:min(100%,480px);margin:0 auto;min-height:100vh;position:relative;background:linear-gradient(180deg,rgba(255,249,242,.96),rgba(247,241,232,.99));box-shadow:0 0 0 1px rgba(184,134,70,.14),0 0 90px rgba(108,74,53,.12);overflow:hidden}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:rgba(255,249,242,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(234,216,190,.78)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em}.brand span{width:34px;height:34px;border-radius:13px;background:linear-gradient(145deg,var(--gold3),var(--gold));display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(184,134,70,.25)}.label{border:1px solid rgba(184,134,70,.32);background:rgba(255,255,255,.62);border-radius:999px;padding:7px 10px;color:var(--brown);font-size:12px;font-weight:800}.intro{position:relative;padding:28px 20px 26px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.9),transparent 11rem),radial-gradient(circle at 86% 10%,rgba(217,168,91,.38),transparent 13rem),linear-gradient(135deg,#fff9ef 0%,#efd8b9 100%);border-bottom:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;border:1px solid rgba(184,134,70,.38);background:rgba(255,255,255,.68);border-radius:999px;padding:8px 13px;color:var(--brown);font-size:12px;font-weight:900;box-shadow:0 8px 22px rgba(91,58,27,.08);margin:0}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:39px;line-height:1.2;letter-spacing:-.04em;margin:18px 0 12px;color:var(--coffee)}h1 em{color:#8f3d29;font-style:normal}.subtitle{font-size:15px;line-height:1.85;color:#624638;margin:0;max-width:390px}.edition{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12px;color:var(--brown)}.edition strong{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(234,216,190,.95);box-shadow:0 8px 18px rgba(91,58,27,.07);font-size:12px;font-weight:800}.list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:24px 20px 16px;color:var(--muted);font-size:11px}.list-head span:first-child{font-family:"Songti SC","STSong","SimSun",serif;font-weight:900;font-size:22px;color:var(--coffee)}.courses{padding:0 18px}.course{display:grid;grid-template-columns:46px 1fr;gap:12px;border-radius:var(--radius);background:radial-gradient(circle at 0 0,rgba(247,222,176,.38),transparent 10rem),linear-gradient(180deg,rgba(255,253,248,.97),rgba(255,249,242,.96));border:1px solid rgba(184,134,70,.20);box-shadow:0 10px 26px rgba(88,55,26,.10);padding:20px 18px;position:relative}.course+.course{margin-top:16px}.num{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#f8dfb2,#b88646);color:white;display:grid;place-items:center;font-size:19px;font-weight:900;box-shadow:0 8px 18px rgba(184,134,70,.20)}.meta{font-size:11px;color:var(--muted);margin-bottom:6px;line-height:1.5}h2{font-size:23px;margin:0 0 7px;font-weight:900;line-height:1.3}.desc{margin:0;font-size:14px;line-height:1.75;color:var(--brown)}.watch{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:17px;padding:13px 16px;font-size:17px;font-weight:900;color:#fff;background:linear-gradient(180deg,#edc474 0%,#c38b3b 53%,#9f6128 100%);box-shadow:0 10px 20px rgba(184,134,70,.25),inset 0 2px 0 rgba(255,255,255,.55);text-shadow:0 1px 0 rgba(70,38,0,.26);margin-top:4px;transition:filter .2s,transform .2s;min-height:48px}.watch:hover{filter:brightness(1.06);transform:translateY(-1px)}.watch:focus-visible{outline:3px solid #8f3d29;outline-offset:4px}.notice{margin:24px 18px 0;padding:16px 18px;border-radius:20px;background:#fff5e8;border:1px solid rgba(184,134,70,.20);font-size:12px;line-height:1.85;color:#80624c}.notice strong{display:block;color:var(--brown);font-size:14px;margin-bottom:5px}footer{text-align:center;padding:26px 18px 28px;font-size:11px;color:var(--muted);line-height:1.9}footer span{display:block}footer span:first-child{font-weight:800;color:var(--brown);font-size:12px;margin-bottom:4px}@media(max-width:360px){h1{font-size:34px}.label{font-size:11px;padding:7px}.intro{padding:24px 18px}.course{padding:18px 15px}.courses{padding:0 14px}.desc{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.watch{transition:none}}