.journal-canvas,body.journal-canvas{background-color:#fdfbf7;background-image:linear-gradient(#f3efe6 1px,transparent 1px);background-size:100% 32px;min-height:100vh;margin:0}body{font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;color:#4a4a4a;line-height:1.8}.journal-title{font-family:KaiTi,STKaiti,cursive,sans-serif;font-weight:700;color:#2167b1;line-height:1.4}.course-handdrawn-card{background-color:#fff;border:1.5px solid #4a4a4a;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:32px 28px;margin:24px 0;box-shadow:2px 3px #4a4a4a14}.marker-orange{background-color:#fde8bb;padding:2px 6px;border-radius:4px}.marker-pink{background-color:#fcddec;padding:2px 6px;border-radius:4px}.marker-cyan{background-color:#dff6f5;padding:2px 6px;border-radius:4px}.wavy-divider{height:20px;margin:32px 0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='20' viewBox='0 0 120 20'><path d='M0 10 Q 15 0 30 10 T 60 10 T 90 10 T 120 10' fill='none' stroke='%234A4A4A' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-position:center;opacity:.6}html,body,#root{height:100%;margin:0}