.lp3d-grid,.lp3d-list{--lp-red:var(--himi-red,#ff4c3b);--lp-red-deep:#d93425;--lp-red-soft:#fff0ee;--lp-red-line:#f6cfc8;--lp-orange:#ff8e2d;--lp-ink:var(--himi-black,#222);--lp-muted:var(--himi-muted,#5d5552);--lp-edge:#f3e4e0;--lp-extrude:#f0d3cc;--lp-extrude-2:#e3bdb4;--lp-ok:#1fa463;--lp-ok-deep:#15814c;--lp-gold:#f5a524;--lp-gold-deep:#c98200;--lp-spring:cubic-bezier(.34, 1.56, .64, 1);--lp-ease:cubic-bezier(.22, 1, .36, 1);--lp-han:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif}@keyframes lp3d-rise{0%{opacity:0;transform:translateY(26px)scale(.97)}}@keyframes lp3d-row-in{0%{opacity:0;transform:translate(-14px)}}@keyframes lp3d-press{0%,to{transform:translateY(0)}40%{box-shadow:0 1px 0 var(--lp-extrude-2);color:var(--lp-red);background:var(--lp-red-soft);transform:translateY(4px)}}.lp3d-grid>*{animation:lp3d-rise .7s var(--lp-ease) backwards;animation-delay:calc(min(var(--lp-i,0), 8) * 70ms)}.lp3d-grid>.is-pending{opacity:0;animation:none;transform:translateY(26px)scale(.97)}.lp3d-grid>.is-inview{animation:lp3d-rise .7s var(--lp-ease) backwards;animation-delay:0s}@media print{.lp3d-grid>.is-pending{opacity:1;transform:none}}.lp3d-grid .lp3d-card.lp3d-clay{--lp-rx:0deg;--lp-ry:0deg;--lp-ty:0px;border:1.5px solid var(--lp-edge);box-shadow:0 7px 0 var(--lp-extrude), 0 8px 0 var(--lp-extrude-2), 0 22px 34px -18px #963c2859;transform:perspective(1100px) rotateX(var(--lp-rx)) rotateY(var(--lp-ry)) translateY(var(--lp-ty));transition:transform .45s var(--lp-ease), box-shadow .45s var(--lp-ease), border-color .3s ease;background:linear-gradient(#fff 0%,#fffaf9 100%);border-radius:26px}.lp3d-grid .lp3d-card.lp3d-clay:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--lp-gx,50%) var(--lp-gy,0%), #fffc, transparent 45%);opacity:0;mix-blend-mode:soft-light;transition:opacity .3s;position:absolute;inset:0}.lp3d-clay .typing-lesson-card-topline>strong{background:linear-gradient(180deg, #ff6352, var(--lp-red));box-shadow:0 3px 0 var(--lp-red-deep), inset 0 1px 0 #fff6}.lp3d-grid .lp3d-clay .lp3d-keys{gap:10px;min-height:55px;overflow:visible}.lp3d-grid .lp3d-clay .lp3d-keys>span{min-width:50px;height:50px;color:var(--lp-ink);font-family:var(--lp-han);box-shadow:0 5px 0 var(--lp-extrude-2), 0 8px 14px -8px #78321e59, inset 0 2px 0 #fff;transition:transform .18s var(--lp-ease), box-shadow .18s var(--lp-ease), color .18s, background .18s;background:linear-gradient(#fff 0%,#fff3f0 100%);border:1.5px solid #f4dcd6;border-radius:14px;font-weight:800}.lp3d-clay .typing-lesson-card-footer{border-top:1.5px dashed #f0e1dd}.lp3d-grid .lp3d-clay .lp3d-cta{background:linear-gradient(180deg, #ff6a59, var(--lp-red));min-height:44px;box-shadow:0 5px 0 var(--lp-red-deep), 0 10px 18px -8px #d9342599, inset 0 1px 0 #ffffff59;white-space:nowrap;transition:transform .15s var(--lp-ease), box-shadow .15s var(--lp-ease);border-radius:14px;padding:0 18px}.lp3d-grid .lp3d-clay .lp3d-cta svg{transition:transform .3s var(--lp-spring)}.lp3d-grid .lp3d-clay .lp3d-cta:hover{background:linear-gradient(180deg, #ff6a59, var(--lp-red));box-shadow:0 6px 0 var(--lp-red-deep), 0 14px 22px -8px #d9342599, inset 0 1px 0 #ffffff59;transform:translateY(-1px)}.lp3d-grid .lp3d-clay .lp3d-cta:active{box-shadow:0 1px 0 var(--lp-red-deep), inset 0 1px 0 #ffffff59;transform:translateY(4px)}.lp3d-grid .lp3d-clay.is-pro .lp3d-cta{background:linear-gradient(180deg, #ffc24d, var(--lp-gold));color:#4a2c00;box-shadow:0 5px 0 var(--lp-gold-deep), 0 10px 18px -8px #c982008c, inset 0 1px 0 #ffffff73}@media (hover:hover) and (pointer:fine){.lp3d-grid .lp3d-card.lp3d-clay{will-change:transform}.lp3d-grid .lp3d-card.lp3d-clay:hover,.lp3d-grid .lp3d-card.lp3d-clay:focus-within{--lp-ty:-6px;box-shadow:0 11px 0 var(--lp-extrude), 0 12px 0 var(--lp-extrude-2), 0 34px 44px -20px #963c286b;transform:perspective(1100px) rotateX(var(--lp-rx)) rotateY(var(--lp-ry)) translateY(var(--lp-ty));background:linear-gradient(#fff 0%,#fffaf9 100%);border-color:#f1d6cf}.lp3d-grid .lp3d-card.lp3d-clay:hover:after{opacity:1}.lp3d-grid .lp3d-clay:hover .lp3d-keys>span{animation:lp3d-press .9s var(--lp-ease) both;animation-delay:calc(var(--lp-k,0) * 90ms)}.lp3d-grid .lp3d-clay:hover .lp3d-cta svg{transform:translate(4px)}}@media (hover:none),(pointer:coarse){.lp3d-grid .lp3d-clay.is-inview .lp3d-keys>span{animation:lp3d-press .9s var(--lp-ease) both;animation-delay:calc(.35s + var(--lp-k,0) * 90ms)}.lp3d-grid .lp3d-card.lp3d-clay.is-pressed{--lp-ty:4px;box-shadow:0 3px 0 var(--lp-extrude), 0 4px 0 var(--lp-extrude-2), 0 10px 18px -14px #963c2859;transition-duration:.12s}}.lp3d-paper{min-width:0;padding-top:6px;display:flex;position:relative}.lp3d-paper:before{content:"";transition:transform .5s var(--lp-spring);background:#fbf3f0;border-radius:22px;position:absolute;inset:6px 6px -6px;transform:rotate(-1.6deg)}.lp3d-grid .lp3d-paper>.lp3d-sheet{z-index:1;content-visibility:visible;transition:transform .45s var(--lp-ease), box-shadow .45s var(--lp-ease), border-color .3s ease;background:#fff;border:1.5px solid #f1e6e3;border-radius:22px;flex:1;position:relative;box-shadow:0 16px 28px -20px #963c284d}.lp3d-sheet .writing-lesson-card-header>.lp3d-tag{color:var(--lp-red);background:var(--lp-red-soft);letter-spacing:.02em;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800}.lp3d-sheet .writing-lesson-card-footer{border-top:1px solid #f3ecea}.lp3d-grid .lp3d-sheet .lp3d-cells{gap:8px}.lp3d-grid .lp3d-sheet .lp3d-cells>.lp3d-cell{aspect-ratio:1;width:auto;min-width:0;max-width:50px;box-shadow:none;font-family:var(--lp-han);background:linear-gradient(#fbe9e5 0 0) 50%/100% 1px no-repeat,linear-gradient(#fbe9e5 0 0) 50%/1px 100% no-repeat,#fffdfc;border:1.5px solid #f3d5ce;border-radius:10px;flex:1 1 0;place-items:center;font-size:clamp(20px,6vw,25px);font-weight:700;display:grid;position:relative;transform:none}.lp3d-cell:before,.lp3d-cell>b{grid-area:1/1;font-weight:700;line-height:1}.lp3d-cell:before{content:attr(data-c);color:var(--lp-ink)}.lp3d-cell>b{color:var(--lp-red);clip-path:inset(0 100% 0 0);transition:clip-path .55s var(--lp-ease);transition-delay:calc(var(--lp-k,0) * .1s)}.lp3d-grid .lp3d-sheet .writing-lesson-card-footer a{color:#fff;background:var(--lp-red);min-height:44px;box-shadow:0 4px 0 var(--lp-red-deep);white-space:nowrap;transition:transform .15s var(--lp-ease), box-shadow .15s var(--lp-ease);border-radius:13px;padding:0 16px;font-size:13px}.lp3d-grid .lp3d-sheet .writing-lesson-card-footer a svg{transition:transform .3s var(--lp-spring)}.lp3d-grid .lp3d-sheet .writing-lesson-card-footer a:hover{box-shadow:0 5px 0 var(--lp-red-deep);transform:translateY(-1px)}.lp3d-grid .lp3d-sheet .writing-lesson-card-footer a:active{box-shadow:0 1px 0 var(--lp-red-deep);transform:translateY(3px)}.lp3d-grid .lp3d-sheet.is-pro .writing-lesson-card-footer a{color:#4a2c00;background:linear-gradient(180deg, #ffc24d, var(--lp-gold));box-shadow:0 4px 0 var(--lp-gold-deep)}@media (hover:hover) and (pointer:fine){.lp3d-paper:hover:before{transform:rotate(-3.5deg)translate(-4px,4px)}.lp3d-grid .lp3d-paper:hover>.lp3d-sheet,.lp3d-grid .lp3d-paper:focus-within>.lp3d-sheet{background:#fff;border-color:#f0d6cf;transform:translateY(-6px);box-shadow:0 28px 38px -22px #963c2866}.lp3d-paper:hover .lp3d-cell>b,.lp3d-paper:focus-within .lp3d-cell>b{clip-path:inset(0)}.lp3d-grid .lp3d-paper:hover .writing-lesson-card-footer a svg{transform:translate(4px)}}@media (hover:none),(pointer:coarse){.lp3d-paper.is-inview .lp3d-cell>b{clip-path:inset(0);transition-delay:calc(.35s + var(--lp-k,0) * .1s)}.lp3d-paper.is-pressed>.lp3d-sheet{transition-duration:.12s;transform:translateY(3px)}}.hsk-curriculum .hsk-lesson-list.lp3d-list{border-left:2px dashed #f0d9d3;padding-top:8px}.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row{content-visibility:visible;border:1.5px solid var(--lp-edge);box-shadow:0 5px 0 var(--lp-extrude), 0 6px 0 var(--lp-extrude-2), 0 16px 24px -16px #963c2852;animation:lp3d-row-in .5s var(--lp-ease) backwards;animation-delay:calc(min(var(--lp-i,0), 10) * 55ms);transition:transform .35s var(--lp-ease), box-shadow .35s var(--lp-ease), border-color .3s ease;background:linear-gradient(#fff 0%,#fffaf9 100%);border-radius:18px;margin-bottom:14px}.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row.is-completed{background:linear-gradient(#fff 0%,#f6fcf8 100%);border-color:#d5eee1;box-shadow:0 5px #d7efe2,0 6px #bfe3cf,0 16px 24px -16px #1e78504d}.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row.is-vip-locked:not(.is-login-locked){background:linear-gradient(#fffdf7 0%,#fff7e8 100%);border-color:#f3dfb5;box-shadow:0 5px #f6e1b4,0 6px #ebcd8c,0 16px 24px -16px #a06e144d}.hsk-curriculum .hsk-topic-card .lp3d-row{--lp-keycap:44px;--lp-keycap-gap:14px}.hsk-curriculum .hsk-topic-card .lp3d-row .hsk-lesson-index{width:var(--lp-keycap);height:var(--lp-keycap);margin-right:var(--lp-keycap-gap);color:var(--lp-ink);box-shadow:0 4px 0 var(--lp-extrude-2), 0 8px 12px -8px #78321e59, inset 0 2px 0 #fff;transition:transform .18s var(--lp-ease), box-shadow .18s var(--lp-ease), color .18s, background .18s;background:linear-gradient(#fff 0%,#fff3f0 100%);border:1.5px solid #f4dcd6;border-radius:14px;flex:none;display:grid;position:static;transform:none}.hsk-curriculum .hsk-topic-card .lp3d-row.is-active .hsk-lesson-index{color:#fff;background:linear-gradient(180deg, #ff6a59, var(--lp-red));box-shadow:0 4px 0 var(--lp-red-deep), 0 8px 14px -6px #d934258c, inset 0 1px 0 #ffffff59;border-color:#0000}.hsk-curriculum .hsk-topic-card .lp3d-row.is-completed .hsk-lesson-index{color:#fff;background:linear-gradient(180deg, #2fc07a, var(--lp-ok));box-shadow:0 4px 0 var(--lp-ok-deep), 0 8px 14px -6px #1fa46380, inset 0 1px 0 #ffffff59;border-color:#0000}.hsk-curriculum .hsk-topic-card .lp3d-row.is-vip-locked:not(.is-login-locked) .hsk-lesson-index{color:#6b4300;background:linear-gradient(180deg, #ffd27a, var(--lp-gold));box-shadow:0 4px 0 var(--lp-gold-deep), inset 0 1px 0 #ffffff73;border-color:#0000}@media (hover:hover) and (pointer:fine){.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row:hover{box-shadow:0 8px 0 var(--lp-extrude), 0 9px 0 var(--lp-extrude-2), 0 26px 32px -18px #963c2866;background:linear-gradient(#fff 0%,#fffaf9 100%);border-color:#f1d6cf;transform:translateY(-3px)}.hsk-curriculum .hsk-topic-card .lp3d-row:hover .hsk-lesson-index{box-shadow:0 1px 0 var(--lp-extrude-2), inset 0 2px 0 #fff;transform:translateY(3px)}.hsk-curriculum .hsk-topic-card .lp3d-row.is-active:hover .hsk-lesson-index{box-shadow:0 1px 0 var(--lp-red-deep)}.hsk-curriculum .hsk-topic-card .lp3d-row.is-completed:hover .hsk-lesson-index{box-shadow:0 1px 0 var(--lp-ok-deep)}.hsk-curriculum .hsk-topic-card .lp3d-row.is-vip-locked:not(.is-login-locked):hover .hsk-lesson-index{box-shadow:0 1px 0 var(--lp-gold-deep)}}@media (hover:none),(pointer:coarse){.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row.is-pressed{box-shadow:0 2px 0 var(--lp-extrude), 0 3px 0 var(--lp-extrude-2);transition-duration:.12s;transform:translateY(3px)}.hsk-curriculum .hsk-topic-card .lp3d-row.is-pressed .hsk-lesson-index{box-shadow:0 1px 0 var(--lp-extrude-2);transform:translateY(3px)}}@media (width<=720px){.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row{border-radius:16px;margin-bottom:12px}.hsk-curriculum .hsk-topic-card .hsk-lesson-row.lp3d-row,.hsk-curriculum .hsk-topic-card .hsk-lesson-row.lp3d-row.is-active{grid-template-columns:minmax(0,1fr) 16px;row-gap:8px;padding:12px 8px 12px 12px}.hsk-curriculum .hsk-topic-card .lp3d-row>.hsk-lesson-select{grid-area:1/1}.hsk-curriculum .hsk-topic-card .lp3d-row>:is(.hsk-lesson-duration,.hsk-lesson-start,.hsk-pro-status){width:auto;margin-left:calc(var(--lp-keycap) + var(--lp-keycap-gap));grid-area:2/1;justify-self:start}.hsk-curriculum .hsk-topic-card .lp3d-row>.hsk-lesson-row-chevron{grid-area:1/2/span 2;align-self:center}.hsk-curriculum .hsk-topic-card .lp3d-row .hsk-lesson-copy>strong{white-space:normal}.hsk-curriculum .hsk-topic-card .lp3d-row{--lp-keycap:32px;--lp-keycap-gap:9px}.hsk-curriculum .hsk-topic-card .lp3d-row .hsk-lesson-index{border-radius:10px;font-size:12px}.hsk-curriculum .hsk-topic-card .lp3d-row .hsk-lesson-index svg{width:15px;height:15px}.lp3d-grid .lp3d-card.lp3d-clay{border-radius:22px}.lp3d-grid .lp3d-clay .lp3d-keys{gap:8px}.lp3d-grid .lp3d-clay .lp3d-keys>span{min-width:46px;height:46px}.lp3d-grid .lp3d-clay .lp3d-cta{padding:0 16px}.lp3d-grid .lp3d-paper>.lp3d-sheet,.lp3d-paper:before{border-radius:20px}.lp3d-sheet .writing-lesson-card-footer a{justify-content:center}}@media (width<=380px){.lp3d-clay .typing-lesson-card-footer{flex-wrap:wrap}.lp3d-grid .lp3d-clay .lp3d-cta{flex:100%}}@media (prefers-reduced-motion:reduce){.lp3d-grid>*,.lp3d-grid>.is-inview,.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row,.lp3d-grid .lp3d-clay .lp3d-keys>span{animation:none!important}.lp3d-grid>.is-pending{opacity:1;transform:none}.lp3d-grid .lp3d-card.lp3d-clay,.lp3d-grid .lp3d-card.lp3d-clay:hover,.lp3d-grid .lp3d-card.lp3d-clay:focus-within,.lp3d-grid .lp3d-paper>.lp3d-sheet,.lp3d-grid .lp3d-paper:hover>.lp3d-sheet,.hsk-curriculum .hsk-lesson-list.lp3d-list>.lp3d-row:hover{transform:none}.lp3d-paper:before,.lp3d-cell>b{transition:none}}