.radicalsChartPage{--rad-ink:var(--ink, #161937);--rad-soft:var(--muted, #585d80);--rad-indigo:var(--indigo, #4551b3);--rad-wash:var(--indigo-wash, #eceefb);--rad-rule:var(--rule, #e3e6f0);--rad-surface:var(--surface, #fff);--rad-sunken:var(--sunken, #eef0f7);--rad-han:var(--han, "Noto Serif SC", "Songti SC", "SimSun", serif)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radTool{margin:1.2em 0 2em;padding:20px 22px;border:1px solid var(--rad-rule);border-radius:16px;background:var(--rad-sunken)}@media (max-width:575.98px){body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radTool{padding:14px}}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radTool p{margin:0!important}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radLabel{display:block;margin:0 0 8px;font-weight:700;color:var(--rad-ink)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSearch{width:100%;padding:12px 14px;border:1px solid var(--rad-rule);border-radius:12px;background:var(--rad-surface);color:var(--rad-ink);font-size:1.1rem}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSearch:focus{outline:3px solid var(--rad-wash);border-color:var(--rad-indigo)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radResult{margin:12px 0 0;color:var(--rad-ink)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radResult:empty{display:none}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radResult .radBig{font-family:var(--rad-han);font-size:1.6em;vertical-align:middle}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radJump,body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSort{padding:5px 13px;border:1px solid var(--rad-rule);border-radius:999px;background:var(--rad-surface);color:var(--rad-ink);font-size:.9rem;cursor:pointer}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radJump:hover,body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSort:hover{border-color:var(--rad-indigo);color:var(--rad-indigo)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSort[aria-pressed=true]{border-color:var(--rad-indigo);background:var(--rad-indigo);color:#fff}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radControls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radControlsLabel{font-size:.9rem;color:var(--rad-soft)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radGroupHead{margin:1.6em 0 .6em;font-size:1.05rem;scroll-margin-top:90px}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart ol.radGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 1em;padding:0!important;list-style:none}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart ol.radGrid[hidden]{display:none}@media (max-width:575.98px){body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart ol.radGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart ol.radAll{margin-top:1.2em}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart li.radCard{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;column-gap:6px;margin:0;padding:12px 12px 10px!important;border:1px solid var(--rad-rule);border-radius:14px;background:var(--rad-surface);scroll-margin-top:110px}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart li.radCard::before{content:none}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart li.radCard[hidden]{display:none}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart li.radCard.isMatch{border-color:var(--rad-indigo);box-shadow:0 0 0 2px var(--rad-wash)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart li.radCard.isFlash{animation:radFlash 1.6s ease-out}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block #radChart li.radCard .sayBtn{grid-column:4;grid-row:1;margin:0}@keyframes radFlash{0%,30%{box-shadow:0 0 0 6px var(--rad-wash);border-color:var(--rad-indigo)}100%{box-shadow:none}}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radNum{position:absolute;top:6px;left:10px;font-size:.75rem;color:var(--rad-soft)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radForm{grid-column:1;grid-row:1;padding-top:10px;font-family:var(--rad-han);font-size:2.1rem;line-height:1.1;color:var(--rad-ink)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radAlso,body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSimp{grid-row:1;align-self:end;padding-bottom:4px;font-family:var(--rad-han);font-size:1.45rem;line-height:1;color:var(--rad-indigo)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSimp{grid-column:2}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radAlso{grid-column:3;color:var(--rad-soft)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radSimp+.radAlso{grid-column:3}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radEn,body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radExNote,body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radExs,body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radPy{grid-column:1/-1}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radPy{margin-top:4px;font-weight:600;color:var(--rad-ink)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radEn{font-size:.9rem;line-height:1.3;color:var(--rad-soft)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radExs{display:flex;gap:6px;margin-top:6px}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radEx{padding:1px 7px;border-radius:8px;background:var(--rad-wash);font-family:var(--rad-han);font-size:1.05rem;color:var(--rad-ink);cursor:pointer}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radRare{font-size:.8rem;font-style:italic;color:var(--rad-soft)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radExNote{margin-top:6px;font-size:.85rem;line-height:1.3;color:var(--rad-ink)}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radExNote[hidden]{display:none}body.radicalsChartPage.blog.thinBlog .learning-wrp .learning-block .radNames .radNameForm{margin-right:6px;color:var(--rad-indigo)}