@font-face{font-family:Xiguo;src:url('/learning/shared/fonts/Xiguo-Regular.woff2?v=final-20260930-corrected') format('woff2');font-display:block}*{box-sizing:border-box}body{margin:0;background:#f8efe5;color:#554b43;font-family:Xiguo,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}header,main,footer{max-width:1160px;margin:auto}header{padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px}nav{display:flex;gap:24px;font-size:14px}.brand{font-size:25px;font-weight:600}.brand span{display:block;font-size:12px;font-weight:400;color:#938070;margin-top:3px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.5}h2{font-size:24px;line-height:1.6}h3{font-size:17px}p{color:#8b7868}button,input,select,textarea{font:inherit;color:inherit}button,.primary{min-height:44px;border:1px solid #d9c2ac;background:#fffaf4;border-radius:12px;padding:11px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.primary{display:inline-flex;justify-content:center;align-items:center;background:#e98b47;color:#fff;border:0;font-weight:600;text-align:center}.quiet,.font-download-link{display:block;font-size:14px;color:#917252;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0}.font-download-link{width:fit-content;max-width:100%;margin:8px auto 0}.back{display:inline-flex;min-height:44px;align-items:center;font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a87841;outline-offset:4px}.eyebrow{font-size:13px;letter-spacing:2px;color:#a08066}.hint{font-size:12px;line-height:1.8;color:#947f6c}.welcome{text-align:center;padding:26px 20px 0}.welcome h1{font-size:38px}.orbit{position:relative;min-height:710px;margin:0 26px}.family-card{position:absolute;top:116px;left:50%;transform:translateX(-50%);width:400px;padding:22px 24px 26px;border:1px solid #eed9c4;border-radius:30px;background:#fffbf5;text-align:center;box-shadow:0 12px 35px #a5806810}.family-card img{border-radius:50%;object-fit:contain;margin-top:-68px}.family-card h2{font-size:23px}.family-card p{line-height:1.9}.family-card small{display:block;font-size:11px;color:#a28b77;margin-top:12px}.tool-card{position:absolute;width:215px;border-radius:25px;padding:20px 23px;box-shadow:0 8px 25px #a580680c;transition:transform .2s}.tool-card:hover{transform:translateY(-4px)}.tool-card h2{font-size:20px;margin:4px 0}.tool-card p{font-size:13px;margin-bottom:12px}.tool-card small{display:block;font-size:11px;color:#8e7f6c}.tool-card b{font-size:12px;font-weight:500}.tool-icon{display:block;font-size:35px;line-height:1.4;margin-bottom:12px}.card-0{left:0;top:14px;background:#ede9d4}.card-1{right:0;top:14px;background:#f6e1ce}.card-2{left:0;top:286px;background:#e3eadf}.card-3{right:0;top:286px;background:#eee3d9}.card-4{left:50%;top:492px;transform:translateX(-50%);width:340px;background:#f2e7cc}.card-4:hover{transform:translateX(-50%) translateY(-4px)}.card-4 .tool-icon{font-size:29px}.platform-story{margin:40px 26px 55px;display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#fffbf5;border-radius:28px;padding:45px}.platform-story h2{font-size:28px}.platform-story p{font-size:14px}.story-steps article{position:relative;padding-left:52px;margin-bottom:26px}.story-steps article>span{position:absolute;left:0;font-size:29px;color:#d29b5b}.story-steps h3{margin-bottom:2px}.story-steps p{margin:0}.panel{background:#fffbf5;border:1px solid #eedfce;border-radius:25px;padding:32px}.font-hero,.download{max-width:850px;margin:30px auto;text-align:center;padding:32px 35px}.font-display{font-size:100px;margin:8px 0 12px;font-weight:400;line-height:1.4}.font-specimen{font-size:30px;margin:12px 0 24px}.intro{font-size:15px;line-height:1.9}.font-hero>.primary,.download>.primary{margin:6px auto 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:850px;margin:24px auto}.info-grid p,dd{font-size:14px}dt{font-size:14px;font-weight:600}dd{margin:0 0 16px;color:#8b7868}.info-grid h2{font-size:18px}.faq{max-width:850px;margin:35px auto;padding:0 28px}.faq h2{font-size:17px}.faq p{font-size:14px}.faq a{overflow-wrap:anywhere;text-decoration:underline}.account-prompt{max-width:760px;margin:30px auto;text-align:center;border-top:1px solid #e7d9ca;padding:20px}.account-prompt>a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;color:#936d45}.account-prompt p{font-size:12px}.account{max-width:550px;margin:26px auto 50px}.account h1{font-size:28px;margin:8px 0}.account .intro{font-size:14px}.tabs{display:flex;gap:8px;margin:25px 0}.tabs button{flex:1;padding:8px;font-size:14px}.tabs [aria-pressed=true]{background:#ecdac3;border-color:#dfba93}.account label{display:block;font-size:14px;margin:16px 0 6px}.account input:not([type=checkbox]),.account textarea{width:100%;padding:10px 12px;min-height:46px;border:1px solid #dbc7b1;background:#fff;border-radius:9px;font-size:16px}.account .hint{margin:8px 0 16px}.account form>.primary{width:100%;margin:12px 0}.privacy{font-size:12px;line-height:1.9;border-top:1px solid #e9ddcf;padding-top:20px;margin-top:28px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.confirm{display:flex!important;align-items:center;gap:8px}.confirm input{width:20px;height:20px}#account-message{font-size:14px;color:#905b30}#recovery-output{font-family:monospace;overflow-wrap:anywhere;word-break:break-all}#signed-in .primary{display:flex;margin:20px 0}#signed-user{overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;padding:28px}.workspace h1{font-size:30px;margin:12px 0}.editor p{font-size:14px}.editor label{display:block;font-size:14px;margin:15px 0 8px}.editor select{display:block;width:100%;padding:10px;min-height:46px;border:1px solid #d9c2ac;border-radius:9px;background:#fff}.editor .primary{width:100%;margin-top:16px}.editor>.font-download-link{margin-left:0}.alphabet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:15px}.alphabet label{display:flex;align-items:center;gap:4px;justify-content:center;background:#fffaf4;border:1px solid #e6d5c1;border-radius:9px;min-height:48px;margin:0;cursor:pointer;font-size:22px}.alphabet input{width:16px;height:16px;margin:0;flex-shrink:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-toolbar h2{font-size:20px;margin:0}#paper{background:#fff;min-height:430px;padding:24px;box-shadow:0 5px 20px #8c71540a}.empty{text-align:center;padding:140px 10px;color:#a08e7d}.sheet-title{font-size:17px;margin:0 0 22px;padding-bottom:10px;border-bottom:1px solid #dcd9d1}.letter-pair{break-inside:avoid}.letter-pair svg{display:block;width:100%;height:auto;margin-bottom:20px}.sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:25px}.sum-grid>div{white-space:nowrap}.multiply-online{padding:15px 0 24px;border-bottom:1px solid #e8d8c6}.multiply-paper-title{font-size:19px;margin:25px 0}#online-answer{display:block;width:100%;min-height:48px;font-size:24px;border:1px solid #d9bd9f;border-radius:8px;padding:10px;background:#fff}#online-answer-form button,#online-next,#online-quit{margin-top:12px}#online-question{font-size:32px}#online-feedback{min-height:24px}#message{font-size:13px;color:#956036}.sheet-footer{font-size:11px;text-align:right;overflow-wrap:anywhere}footer{display:flex;gap:25px;padding:26px 30px;border-top:1px solid #e5d7c8;color:#96816d;font-size:12px}footer span{margin-right:auto}[hidden]{display:none!important}@media(max-width:1000px){.orbit{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px;min-height:0}.family-card{position:static;transform:none;grid-column:1/-1;width:100%;margin:40px auto 10px;padding:20px;max-width:580px}.tool-card{position:static;transform:none;width:100%}.card-4{grid-column:1/-1}.card-4:hover{transform:translateY(-4px)}.platform-story{gap:35px;padding:30px}.workspace{grid-template-columns:1fr}.alphabet{grid-template-columns:repeat(9,minmax(0,1fr))}.info-grid,.font-hero,.download{margin-left:24px;margin-right:24px}}@media(max-width:600px){header{padding:20px 18px}.brand{font-size:22px}.brand span{display:none}nav{gap:16px;font-size:12px}nav>a:last-child{display:none}.welcome{padding-top:22px}.welcome h1{font-size:30px}.orbit{margin:18px;gap:12px}.tool-card{padding:20px 16px}.tool-card h2{font-size:18px}.tool-icon{font-size:31px}.platform-story{display:block;margin:30px 18px;padding:28px}.story-steps{margin-top:30px}.font-hero,.download{margin:18px;padding:25px 20px}.font-display{font-size:78px}.font-specimen{font-size:24px}.info-grid{grid-template-columns:1fr;margin:18px;gap:16px}.panel{padding:25px}.account{margin:18px}.account h1{font-size:25px}.workspace{padding:20px 18px}.alphabet{grid-template-columns:repeat(6,minmax(0,1fr))}.sum-grid{font-size:23px;grid-template-columns:1fr}#paper{padding:15px}.preview-toolbar{align-items:flex-start;flex-direction:column}.faq{padding:0 24px}.account-prompt{margin:25px 18px}footer{flex-wrap:wrap;gap:15px;padding:25px 18px}.tabs{gap:6px}.tabs button{font-size:13px}}@media(max-width:360px){.orbit{grid-template-columns:1fr}.family-card{padding:20px 12px}.family-card h2{font-size:20px}.family-card .primary{font-size:14px;padding:12px 10px}.tool-card{display:grid;grid-template-columns:85px 1fr;column-gap:12px}.tool-icon{grid-column:1;grid-row:1/5;align-self:center}.tool-card>*:not(.tool-icon){grid-column:2}.card-4 .tool-icon{font-size:22px}.alphabet{grid-template-columns:repeat(4,minmax(0,1fr))}.account{padding:22px 18px}.actions{gap:8px}.actions button{font-size:13px;padding:10px}.font-specimen{font-size:22px}}@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}@page{size:A4;margin:15mm}@media print{html,body{background:white}header,footer,.editor,.preview-toolbar,.preview-panel>.hint,.account-prompt,.faq{display:none!important}main,.workspace,.preview-panel{display:block!important;max-width:none;margin:0;padding:0}#paper{box-shadow:none;padding:0;width:180mm;min-height:0}.letter-pair svg{margin-bottom:0}.letter-pair{break-inside:avoid;margin-bottom:8mm}.sum-grid{grid-template-columns:1fr 1fr;font-size:24px}.sheet-footer{margin-top:8mm}.sheet-title{font-size:16px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.font-title{font-size:clamp(28px,5vw,48px);line-height:1.4;margin:24px 0;color:#61564b}