.strokeOrderPage{--so-ink:var(--ink, #161937);--so-soft:var(--muted, #585d80);--so-indigo:var(--indigo, #4551b3);--so-wash:var(--indigo-wash, #eceefb);--so-rule:var(--rule, #e3e6f0);--so-surface:var(--surface, #fff);--so-sunken:var(--sunken, #eef0f7);--so-grid:var(--coral, #d2493f);--so-han:var(--han, "Noto Serif SC", "Songti SC", "SimSun", serif)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soTool{margin:1.2em 0 2em;padding:20px 22px;border:1px solid var(--so-rule);border-radius:16px;background:var(--so-sunken)}@media (max-width:575.98px){body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soTool{padding:14px}}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soTool p{margin:0!important}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soLabel{display:block;margin:0 0 8px;font-weight:700;color:var(--so-ink)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soRow{display:flex;gap:8px}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soInput{flex:1 1 auto;min-width:0;padding:10px 14px;border:1px solid var(--so-rule);border-radius:12px;background:var(--so-surface);color:var(--so-ink);font-family:var(--so-han);font-size:1.3rem}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soInput:focus{outline:3px solid var(--so-wash);border-color:var(--so-indigo)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soGo{flex:0 0 auto;padding:10px 18px;border:0;border-radius:12px;background:var(--so-indigo);color:#fff;font-weight:600;cursor:pointer}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soGo:hover{background:var(--indigo-press,#3a459e)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soChips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soChipsLabel{font-size:.9rem;color:var(--so-soft)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soChip,body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soEx,body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPick{min-width:44px;min-height:40px;padding:2px 10px;border:1px solid var(--so-rule);border-radius:10px;background:var(--so-surface);color:var(--so-ink);font-family:var(--so-han);font-size:1.3rem;line-height:1.2;cursor:pointer}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soChip:hover,body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soEx:hover,body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPick:hover{border-color:var(--so-indigo);color:var(--so-indigo)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPick[aria-pressed=true]{border-color:var(--so-indigo);background:var(--so-indigo);color:#fff}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soNote{margin-top:10px!important;font-size:.92rem;color:var(--so-soft)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPicker{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPicker[hidden]{display:none}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soStage{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 24px;margin:18px 0 0}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soGrid{position:relative;flex:0 0 auto;width:min(100%,320px);aspect-ratio:1/1;border-radius:6px;background:var(--so-surface);touch-action:none}@media (max-width:575.98px){body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soGrid{width:100%;max-width:340px;margin:0 auto}}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soGuide{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--so-grid);stroke-opacity:0.5;pointer-events:none}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soGuide rect{stroke-width:1.5;stroke-opacity:0.8;vector-effect:non-scaling-stroke}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soGuide line{stroke-width:1;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soWriter{position:absolute;inset:0}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soWriter[hidden]{display:none}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soWriter svg{display:block}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soEmpty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 18%;text-align:center;font-size:.95rem;color:var(--so-soft);pointer-events:none}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soEmpty[hidden]{display:none}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soSide{flex:1 1 220px;min-width:0}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soInfo{min-height:2.6rem;color:var(--so-ink)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soInfo .soBig{font-family:var(--so-han);font-size:2.2rem;line-height:1.1;vertical-align:middle}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soInfo .soCount{margin-left:6px;font-weight:600;vertical-align:middle}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soControls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soBtn{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:6px 14px;border:1px solid var(--so-rule);border-radius:999px;background:var(--so-surface);color:var(--so-ink);font-size:.95rem;cursor:pointer}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soBtn svg{width:18px;height:18px;flex:0 0 auto}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soBtn:hover:not(:disabled){border-color:var(--so-indigo);color:var(--so-indigo)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soBtn:disabled{opacity:.45;cursor:default}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPlay:not(:disabled),body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPractise[aria-pressed=true]{border-color:var(--so-indigo);background:var(--so-indigo);color:#fff}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPlay:not(:disabled):hover,body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soPractise[aria-pressed=true]:hover{color:#fff}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soOutline{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:.92rem;font-weight:400;color:var(--so-soft)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soOutline[hidden]{display:none}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soOutline input{width:18px;height:18px;margin:0}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soStatus{min-height:1.5em;margin-top:12px!important;color:var(--so-ink)}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block table.soRules td:nth-child(2){white-space:nowrap}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block table.soRules .soEx{min-width:40px;min-height:38px;margin-right:6px;vertical-align:middle}@media (max-width:575.98px){body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block table.soRules{font-size:.92rem}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block table.soRules td:nth-child(2){white-space:normal}}body.strokeOrderPage.blog.thinBlog .learning-wrp .learning-block .soCredit{font-size:.88rem;color:var(--so-soft)}