:root{font-family:Inter,ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#172038;background:#fff;font-synthesis:none;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:#5140bd;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #a99be9;outline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px;border-bottom:1px solid #eef0f5}nav{display:flex;gap:26px}.brand{font-weight:750;font-size:21px;color:#30275b}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(38px,6vw,66px);margin:20px 0}h2{font-size:28px}h3{font-size:19px}p{color:#5b6374}section{margin-bottom:48px}.hero{padding:75px 0 34px;max-width:790px}.hero>p,.intro>p{font-size:19px;max-width:690px}.button{display:inline-flex;background:#6150df;color:white;padding:13px 23px;border-radius:999px;font-weight:650;margin:14px 0;min-height:48px}.button:hover{background:#5140c8;text-decoration:none}.tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#f0edff;color:#57419c;font-size:13px;font-weight:600}.tag.green{background:#eaf9f2;color:#246649}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid #e9edf3;border-radius:24px;padding:26px;box-shadow:0 3px 5px #18204403,0 12px 30px #18204405}.story-card{color:inherit;transition:border-color .2s,transform .2s}.story-card:hover{border-color:#bcb0ed;transform:translateY(-3px);text-decoration:none}.story-card h2{font-size:25px}.go{color:#5741bd;font-weight:650}.heading{margin-bottom:22px}.heading h2{margin-bottom:6px}.heading p{margin:0}.method{padding:34px;margin-top:38px}.method h2:not(:first-child){margin-top:32px}.note{max-width:740px;padding:16px 0}.intro{padding:48px 0 6px}.subtitle{font-size:27px!important;color:#584b81}.back{display:inline-block;margin-top:28px}article{max-width:840px;margin:auto}.sentence{padding:22px 0;border-bottom:1px solid #eef0f5}.sentence:last-child{border:0}.sentence p{margin:0}.pinyin{font-size:15px;color:#74628f!important}.hanzi{font-family:"Songti SC","Noto Serif SC",serif;font-size:26px;color:#172038!important;line-height:1.8}.translation{margin-top:7px!important;font-size:16px}.word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.word ruby{font-size:27px;color:#30275b}.word rt{font-size:13px}.word p{margin-bottom:0}.question{border-top:1px solid #eef0f5;padding:12px 0}.question h3{line-height:1.5;letter-spacing:0}.question summary{cursor:pointer;color:#5741bd;padding:6px 0;min-height:40px}footer{border-top:1px solid #eef0f5;padding-top:36px;padding-bottom:40px;margin-top:50px}.fine{font-size:13px;max-width:750px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:10px;background:white;padding:12px;z-index:2}@media(max-width:760px){.grid{grid-template-columns:1fr}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header,main,footer{padding-left:20px;padding-right:20px}header{flex-wrap:wrap;padding-top:18px;padding-bottom:16px;gap:12px}nav{gap:20px;font-size:14px}.hero{padding-top:42px}.method,.card{padding:22px}.hanzi{font-size:23px}.pinyin{font-size:14px}.intro{padding-top:30px}}@media(prefers-reduced-motion:reduce){.story-card{transition:none}.story-card:hover{transform:none}}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0 0;font-size:14px}.breadcrumbs a,header nav a,footer a{display:inline-block;padding-top:8px;padding-bottom:8px}.breadcrumbs span[aria-current]{color:#5b6374}.note li{margin:12px 0}article+ .fine{max-width:840px;margin:24px auto}h1{overflow-wrap:break-word}
p a:not(.button),li a{text-decoration:underline;text-underline-offset:3px}