*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,picture,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}ul[role=list]{list-style:none;padding:0}:root{--ink: #111111;--ink-2: #333333;--ink-3: #555555;--ink-4: #666666;--ink-5: #888888;--paper: #ffffff;--line: #dddddd;--red: #c8302a;--rule: 2px solid var(--ink);--hair: 1px solid var(--ink);--sans: "IBM Plex Sans", "Noto Sans SC", Helvetica, sans-serif;--display: "Anton", "Noto Sans SC", sans-serif;--brush: "Ma Shan Zheng", "Kaiti SC", "STKaiti", "KaiTi", serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--gutter: 4vw;--pad-y: clamp(48px, 7vw, 96px)}html,body{margin:0;padding:0;background:var(--paper)}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}a:hover{color:var(--red)}::selection{background:var(--red);color:#fff}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.page{position:relative;min-height:100vh;background:var(--paper)}.page:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(17,17,17,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 1px);background-size:32px 32px}.page>*{position:relative;z-index:1}h1,h2,h3,.display{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.2}.zh{font-family:var(--brush);font-weight:400;-webkit-text-stroke:.03em currentColor;color:var(--red)}.mark{background:var(--red);color:#fff;padding:0 .16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.lede{font-size:17px;line-height:1.65;color:var(--ink-2);max-width:54ch;text-wrap:pretty}.meta{font-size:11px;font-weight:700;letter-spacing:.25em;color:var(--ink-4);text-transform:uppercase}.section{border-bottom:var(--rule);padding:var(--pad-y) var(--gutter)}.section--flush{padding:0;display:flex;flex-wrap:wrap;align-items:stretch}.section-row{display:flex;align-items:flex-start;gap:clamp(20px,3vw,48px)}.rail{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.rail__num{font-weight:900;font-size:15px;letter-spacing:.12em;background:var(--ink);color:#fff;padding:5px 11px}.rail__zh{writing-mode:vertical-rl;font-family:var(--brush);font-weight:400;-webkit-text-stroke:.03em currentColor;font-size:22px;color:var(--red);letter-spacing:.3em}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:.08em;padding:16px 28px;transition:background-color .12s,color .12s,border-color .12s}.btn--solid{background:var(--ink);color:#fff}.btn--solid:hover{background:var(--red);color:#fff}.btn--outline{border:var(--rule);color:var(--ink);padding:14px 28px}.btn--outline:hover{border-color:var(--red);color:var(--red)}.btn--sm{font-size:12px;letter-spacing:.1em;padding:10px 0;flex:1}.btn--sm.btn--outline{padding:8px 0}.card{display:flex;flex-direction:column;gap:14px;border:var(--rule);padding:20px;background:var(--paper);color:var(--ink);transition:border-color .12s}a.card:hover{border-color:var(--red);color:var(--ink)}.card__img{aspect-ratio:4 / 3;width:100%;height:auto;border:1px solid var(--line);background:#fbfbfa;object-fit:contain;padding:10px}.card__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.card__name{font-size:16px;font-weight:800;font-family:var(--sans)}.card__price{font-weight:900;font-size:16px;white-space:nowrap}.card__desc{font-size:13px;line-height:1.55;color:var(--ink-3);margin:0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(20px,2.5vw,36px)}:root{--pline: rgba(17, 17, 17, .55);--pguide: rgba(17, 17, 17, .22)}.paper-preview{aspect-ratio:4 / 3;border:1.5px solid var(--red);background-color:#fff;background-repeat:repeat;width:100%;height:auto;object-fit:cover;object-position:50% 42%}@media(max-width:1279px){.paper-preview{aspect-ratio:3 / 2}}@media(max-width:760px){.paper-preview{aspect-ratio:16 / 10}}@media(max-width:480px){.paper-preview{aspect-ratio:16 / 9}}.paper-preview--rice,.paper-preview--field,.paper-preview--blank,.paper-preview--nine{background-size:38px 38px}.paper-preview--rice{background-image:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom left,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,var(--pline) 1px,transparent 1px)}.paper-preview--field{background-image:linear-gradient(90deg,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,var(--pline) 1px,transparent 1px)}.paper-preview--blank{background-image:linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,var(--pline) 1px,transparent 1px)}.paper-preview--essay{position:relative;background-image:linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,var(--pline) 1px,transparent 1px);background-size:17px 21px}.paper-preview--essay:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:9px;transform:translate(-50%);background:#fff;border-left:1px solid var(--pline);border-right:1px solid var(--pline)}.paper-preview--nine{background-image:linear-gradient(90deg,transparent calc(33.33% - .5px),var(--pguide) calc(33.33% - .5px),var(--pguide) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(90deg,transparent calc(66.66% - .5px),var(--pguide) calc(66.66% - .5px),var(--pguide) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(180deg,transparent calc(33.33% - .5px),var(--pguide) calc(33.33% - .5px),var(--pguide) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(180deg,transparent calc(66.66% - .5px),var(--pguide) calc(66.66% - .5px),var(--pguide) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,var(--pline) 1px,transparent 1px)}.paper-preview--pinyin-lines{background-size:100% 26px;background-image:linear-gradient(180deg,transparent 3px,var(--pguide) 3px,var(--pguide) 4px,transparent 4px),linear-gradient(180deg,transparent 9px,var(--pline) 9px,var(--pline) 10px,transparent 10px),linear-gradient(180deg,transparent 19px,var(--pline) 19px,var(--pline) 20px,transparent 20px),linear-gradient(180deg,transparent 25px,var(--pguide) 25px,var(--pguide) 26px,transparent 26px)}.paper-preview--pinyin-field,.paper-preview--pinyin-rice{background-size:38px 50px}.paper-preview--pinyin-field{background-image:linear-gradient(180deg,transparent 6px,var(--pguide) 6px,var(--pguide) 7px,transparent 7px),linear-gradient(180deg,transparent 12px,var(--pline) 12px,var(--pline) 13px,transparent 13px),linear-gradient(90deg,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,transparent 30.5px,var(--pguide) 30.5px,var(--pguide) 31.5px,transparent 31.5px),linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,var(--pline) 1px,transparent 1px)}.paper-preview--pinyin-rice{background-image:linear-gradient(180deg,transparent 6px,var(--pguide) 6px,var(--pguide) 7px,transparent 7px),linear-gradient(180deg,transparent 12px,var(--pline) 12px,var(--pline) 13px,transparent 13px),linear-gradient(to bottom right,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom left,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,transparent 30.5px,var(--pguide) 30.5px,var(--pguide) 31.5px,transparent 31.5px),linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,var(--pline) 1px,transparent 1px)}.paper-preview--practice{background-size:140px 38px;background-image:linear-gradient(90deg,rgba(17,17,17,.08) 0,rgba(17,17,17,.08) 28px,transparent 28px,transparent 140px),linear-gradient(180deg,var(--pline) 1px,transparent 1px),linear-gradient(180deg,transparent calc(50% - .5px),var(--pguide) calc(50% - .5px),var(--pguide) calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(90deg,var(--pline) 0,var(--pline) 1px,transparent 1px,transparent 28px)}.paper-preview--vocab{background-image:linear-gradient(180deg,var(--pline) 1px,transparent 1px),linear-gradient(90deg,var(--pline) 1px,transparent 1px),linear-gradient(90deg,transparent 29px,var(--pline) 29px,var(--pline) 30px,transparent 30px),linear-gradient(180deg,transparent 13px,var(--pguide) 13px,var(--pguide) 14px,transparent 14px),linear-gradient(180deg,transparent 27px,var(--pguide) 27px,var(--pguide) 28px,transparent 28px);background-size:100% 38px,100% 38px,100% 38px,calc(100% - 44px) 38px,calc(100% - 44px) 38px;background-position:0 0,0 0,0 0,34px 0,34px 0;background-repeat:repeat-y,repeat-y,repeat-y,repeat-y,repeat-y}.ticks{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5}.ticks li{position:relative;padding-left:22px}.ticks li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:2px;background:var(--red)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}@media(max-width:1279px){.rail{flex-direction:row;align-items:center}.rail__zh{writing-mode:horizontal-tb;font-size:20px;letter-spacing:.2em}.section-row{flex-direction:column;align-items:stretch}}.hdr[data-astro-cid-3ef6ksr2]{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gutter);border-bottom:var(--rule);background:var(--paper);min-height:44px}.hdr__brand[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:14px}.hdr__mark[data-astro-cid-3ef6ksr2]{width:40px;height:40px;flex:0 0 auto;background:var(--red);color:#fff;display:grid;place-items:center;font-size:22px;line-height:1}.hdr__names[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column}.hdr__name[data-astro-cid-3ef6ksr2]{font-weight:900;font-size:15px;letter-spacing:.14em;text-transform:uppercase}.hdr__sub[data-astro-cid-3ef6ksr2]{font-size:11px;letter-spacing:.22em;color:var(--ink-4);text-transform:uppercase}.hdr__nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hdr__nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.hdr__nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{color:var(--red)}.hdr__burger[data-astro-cid-3ef6ksr2],.hdr__check[data-astro-cid-3ef6ksr2]{display:none}@media(max-width:1023px){.hdr__burger[data-astro-cid-3ef6ksr2]{display:grid;place-items:center;width:44px;height:44px;border:var(--rule);background:var(--paper);cursor:pointer;gap:5px;padding:10px}.hdr__burger[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;width:20px;height:2.5px;background:var(--ink)}.hdr__burger[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:last-child{background:var(--red)}.hdr__nav[data-astro-cid-3ef6ksr2]{position:absolute;top:100%;left:0;right:0;z-index:50;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:var(--rule)}.hdr__check[data-astro-cid-3ef6ksr2]:checked~.hdr__nav[data-astro-cid-3ef6ksr2]{display:flex}.hdr__nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:15px;font-weight:800;padding:18px var(--gutter);border-bottom:1px solid var(--line)}.hdr__nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:last-child{border-bottom:0}}.ftr[data-astro-cid-sz7xmlte]{padding:22px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase}.ftr__zh[data-astro-cid-sz7xmlte]{font-size:14px;margin-left:6px;text-transform:none}.ftr__links[data-astro-cid-sz7xmlte]{display:flex;gap:20px;flex-wrap:wrap}.ftr__links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--ink-4)}.ftr__links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--red)}