.lp-container{width:100%;max-width:1152px;margin:0 auto;padding:0 1.5rem}.btn-lp{letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.9rem;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-lp-primary{color:#fdf9f1;background:linear-gradient(135deg,#c65a41 0%,#a8321d 100%);box-shadow:0 10px 26px -8px #a8321d8c}.btn-lp-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px #a8321d99}.btn-lp-ghost{color:#f7f1e4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f1e40d;border-color:#f7f1e452}.btn-lp-ghost:hover{background:#f7f1e41f;border-color:#f7f1e499;transform:translateY(-2px)}.btn-lp-dark{color:#fdf6e8;background:linear-gradient(135deg,#3a2f21 0%,#1d1812 100%);box-shadow:0 14px 30px -10px #1d18128c,0 4px 10px -4px #1d18124d}.btn-lp-dark:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px #1d181299}.lp-hero{padding:3.5rem 0 5rem;position:relative;overflow:hidden}.lp-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c4b5fd73,#0000 65%);border-radius:50%;width:460px;height:460px;position:absolute;top:3rem;right:-7rem}.lp-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd04066,#0000 65%);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-5rem;left:-9rem}.lp-hero .lp-container{z-index:1;max-width:1500px;position:relative}.lp-hero-card{color:#2b241c;background:radial-gradient(1000px 520px at 90% -18%,#ffd04080,#0000 55%),radial-gradient(760px 460px at -6% 112%,#c4b5fd8c,#0000 60%),radial-gradient(560px 340px at 10% -12%,#ff78493d,#0000 55%),linear-gradient(135deg,#fdf3df 0%,#f4e0ba 100%);border:1px solid #f6c44566;border-radius:46px;position:relative;overflow:hidden;box-shadow:0 60px 110px -40px #a0784680,0 18px 40px -18px #78501e47,inset 0 1px #ffffffb3}.lp-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd04080,#0000 62%);border-radius:50%;width:400px;height:400px;position:absolute;top:-130px;right:-110px}.lp-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#c4b5fd8c,#0000 62%);border-radius:50%;width:440px;height:440px;position:absolute;bottom:-170px;left:-130px}.lp-hero-card-inner{z-index:2;grid-template-columns:1.06fr .94fr;align-items:center;gap:4.2rem;padding:6.2rem 5.6rem;display:grid;position:relative}.lp-hero-badge{color:#5b3fae;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #8b5cf640;border-radius:9999px;align-items:center;gap:.55rem;padding:.5rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px -10px #8b5cf666}.lp-hero-badge:before{content:"";background:linear-gradient(135deg,#ffd040,#ff7849);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ffd04040}.lp-hero-title{letter-spacing:-.02em;color:#1d1812;margin:1.5rem 0 0;font-family:Kodchasan,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(2.8rem,5.2vw,4.5rem);font-weight:700;line-height:1.12}.lp-hero-title-strong{color:#e5530f}.lp-hero-accent{color:#7a5c12;letter-spacing:.08em;background:#ffd0404d;border:1px solid #ffd0408c;border-radius:9999px;align-items:center;margin-top:1.1rem;padding:.45rem 1rem;font-size:.86rem;font-weight:700;display:inline-flex}.lp-hero-desc{color:#5f5242;max-width:34rem;margin:1.5rem 0 0;font-size:1.08rem;line-height:1.95}.lp-hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.4rem;display:flex}.lp-hero-meta{flex-wrap:wrap;gap:.7rem;margin-top:2.2rem;display:flex}.lp-hero-meta span{color:#6b5d4c;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff9e;border:1px solid #b48c5040;border-radius:9999px;align-items:center;gap:.45rem;padding:.42rem .95rem;font-size:.78rem;font-weight:600;display:inline-flex}.lp-hero-meta span:before{content:"";background:linear-gradient(135deg,#ffd040,#ff7849);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #ffd04038}.lp-hero-visual{justify-content:center;align-items:center;min-height:600px;display:flex;position:relative}.lp-app-mock{background:#fffffffa;border:1px solid #e6d6b4b3;border-radius:38px;width:min(100%,540px);padding:20px 22px 22px;animation:7s ease-in-out infinite lpFloat;box-shadow:0 60px 100px -40px #78460a73,0 18px 40px -18px #78460a47,inset 0 1px #ffffffe6}.lp-mock-bar{justify-content:space-between;align-items:center;padding:0 2px 12px;display:flex}.lp-mock-bar-title{letter-spacing:.14em;color:#40342a;font-size:.82rem;font-weight:700}.lp-mock-bar-dots{gap:4px;display:flex}.lp-mock-bar-dots i{background:#febc2e;border-radius:50%;width:8px;height:8px;display:block}.lp-mock-bar-dots i:first-child{background:#ff5f57}.lp-mock-bar-dots i:last-child{background:#28c840}.lp-mock-row{align-items:center;gap:8px;display:flex}.lp-mock-input{color:#9c8c72;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1.5px solid #e6dac6;border-radius:12px;flex:1;min-width:0;padding:9px 12px;font-size:.8rem;overflow:hidden}.lp-mock-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8a5c,#e55353);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:9px 14px;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 18px -8px #e553538c}.lp-mock-options{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.lp-mock-option{color:#9c8c72;background:#fff;border:1px solid #e6dac6;border-radius:9999px;padding:5px 11px;font-size:.7rem}.lp-mock-option.active{color:#d94a2f;background:#fff3ec;border-color:#ff8a5c;font-weight:700}.lp-mock-grid{flex-direction:column;gap:8px;max-width:400px;margin:0 auto;display:flex}.lp-mock-char-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.lp-mock-char-example{color:#c0392b;font-size:1.6rem;font-weight:700}.lp-mock-char-trace{color:#e553536b;font-size:1.45rem;font-weight:600}.lp-mock-foot{color:#b0a28b;letter-spacing:.12em;justify-content:space-between;align-items:center;padding-top:12px;font-size:.68rem;display:flex}.lp-mock-print{color:#e55353;font-weight:700}.lp-chip{letter-spacing:.04em;white-space:nowrap;z-index:5;border-radius:9999px;align-items:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute}.lp-chip-glass{color:#4c3a92;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #8b5cf640;box-shadow:0 14px 30px -12px #5a3ca059}.btn-lp-white{color:#c0392b;background:#fff;box-shadow:0 14px 32px -12px #00000059}.btn-lp-white:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px #0006}.btn-lp-glass{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-color:#ffffff73}.btn-lp-glass:hover{background:#ffffff3d;transform:translateY(-2px)}.btn-lp-ghost-light{color:#40342a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-color:#8b5cf647;box-shadow:0 6px 16px -8px #1d18121f}.btn-lp-ghost-light:hover{background:#fff;border-color:#8b5cf680;transform:translateY(-2px)}@keyframes lpFloat{0%,to{translate:0}50%{translate:0 -10px}}.ziti-card{background:linear-gradient(165deg,#fffdf6 0%,#f6ecd8 100%);border:1px solid #e8d9bd;border-radius:20px;padding:16px 18px 14px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 26px 50px -26px #3c280a52,0 4px 12px #3c280a14}.ziti-card:hover{transform:translateY(-4px);box-shadow:0 34px 64px -28px #3c280a5c}.ziti-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ziti-title{letter-spacing:.18em;color:#40342a;font-size:.8rem;font-weight:700}.ziti-seal{color:#f7f1e4;-webkit-user-select:none;user-select:none;background:#a8321d;border-radius:4px;place-items:center;width:20px;height:20px;font-size:.62rem;font-weight:700;display:grid}.ziti-grid{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));gap:7px;display:grid}.mi-cell,.tian-cell-lp{aspect-ratio:1;background-color:#fffdf7;border:1.2px solid #b7a27e;border-radius:7px;place-items:center;display:grid;position:relative}.mi-cell{background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#e0d2b6 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#e0d2b6 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(to bottom right,#0000 calc(50% - .5px),#e0d2b6 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(to top right,#0000 calc(50% - .5px),#e0d2b6 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px))}.tian-cell-lp{background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#e0d2b6 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#e0d2b6 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px))}.ziti-char{z-index:1;color:#2b241c;font-size:2rem;font-weight:700;line-height:1;position:relative}.ziti-char-lg{font-size:2.7rem}.ziti-char-trace{color:#b23a2885;font-weight:600}.ziti-foot{color:#9c8c72;letter-spacing:.16em;justify-content:space-between;align-items:center;margin-top:10px;font-size:.66rem;display:flex}.ziti-foot-seal{color:#a8321d;font-weight:700}.lp-section{padding:6.5rem 0;position:relative;overflow:hidden}.lp-section:before,.lp-section:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.lp-section:before{background:radial-gradient(circle,#c4b5fd52,#0000 65%);width:420px;height:420px;top:-6rem;right:-8rem}.lp-section:after{background:radial-gradient(circle,#ffd04047,#0000 65%);width:440px;height:440px;bottom:-7rem;left:-9rem}.lp-section:nth-child(2n):before{background:radial-gradient(circle,#ffd04047,#0000 65%);top:auto;bottom:-6rem}.lp-section:nth-child(2n):after{background:radial-gradient(circle,#c4b5fd52,#0000 65%);top:-7rem;bottom:auto}.lp-section .lp-container{z-index:1;position:relative}.lp-section-light{background:linear-gradient(#faf6ec 0%,#f2eada 100%)}.lp-section-soft{background:#fdfbf5}.lp-section-head{text-align:center;max-width:44rem;margin:0 auto 3rem}.lp-eyebrow{color:#6d4fc1;letter-spacing:.1em;text-transform:uppercase;background:#8b5cf61a;border:1px solid #8b5cf638;border-radius:9999px;align-items:center;gap:.5rem;padding:.42rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}.lp-eyebrow:before{content:"";background:linear-gradient(135deg,#ffd040,#ff7849);border-radius:50%;width:7px;height:7px}.lp-section-title{color:#1d1812;letter-spacing:-.015em;margin:1.2rem 0 0;font-size:clamp(2rem,3.8vw,2.9rem);font-weight:800;line-height:1.28}.lp-section-desc{color:#6f6250;max-width:34rem;margin:1rem auto 0;font-size:1rem;line-height:1.9}.lp-tabs{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2.6rem;display:flex}.lp-tab{color:#6b5d4c;cursor:pointer;letter-spacing:.04em;background:#ffffffa6;border:1px solid #e2d5c0;border-radius:9999px;padding:.6rem 1.3rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .22s}.lp-tab:hover{color:#4c3a92;border-color:#8b5cf673}.lp-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-color:#0000;box-shadow:0 12px 24px -10px #8b5cf68c}.lp-panel{animation:.45s both lpFadeUp}.lp-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;max-width:58rem;margin:0 auto;display:grid}.lp-note{text-align:center;color:#9c8c72;letter-spacing:.14em;margin-top:2.4rem;font-size:.85rem}.lp-enter{animation:.9s cubic-bezier(.22,.8,.24,1) both lpFadeUp}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,.8,.24,1);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}.lp-features-wrap{grid-template-columns:330px 1fr;align-items:stretch;gap:2.4rem;max-width:64rem;margin:0 auto;display:grid}.lp-feature-list{flex-direction:column;gap:.55rem;display:flex}.lp-feature-btn{text-align:left;color:#6b5d4c;cursor:pointer;letter-spacing:.03em;background:#fff6;border:1px solid #0000;border-radius:18px;padding:1rem 1.3rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .22s}.lp-feature-btn:hover{background:#ffffffd9;border-color:#8b5cf62e}.lp-feature-btn.active{color:#1d1812;background:#fff;border-color:#8b5cf659;box-shadow:0 16px 34px -18px #5a3ca04d}.lp-feature-num{color:#6d4fc1;background:#efe7f7;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:.7rem;font-size:.72rem;font-weight:700;transition:all .22s;display:inline-flex}.lp-feature-btn.active .lp-feature-num{color:#4a3200;background:linear-gradient(135deg,#ffd040 0%,#ff7849 100%);box-shadow:0 6px 14px -6px #ff78498c}.lp-feature-panel{background:radial-gradient(620px 320px at 100% 0,#ffd04024,#0000 60%),radial-gradient(520px 300px at 0 100%,#c4b5fd29,#0000 60%),#fffdf8;border:1px solid #eadfc9;border-radius:28px;flex-direction:column;justify-content:center;gap:1.1rem;padding:2.6rem;display:flex;box-shadow:0 30px 60px -28px #5a3c144d}.lp-feature-title{color:#1d1812;letter-spacing:-.01em;font-size:1.65rem;font-weight:800}.lp-feature-desc{color:#6f6250;line-height:1.9}.lp-feature-points{flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.3rem;padding:0;list-style:none;display:flex}.lp-feature-points li{color:#4a4034;align-items:center;gap:.45rem;font-size:.9rem;display:flex}.lp-feature-points li:before{content:"✓";color:#8b5cf6;font-weight:700}.lp-visual{border-top:1px dashed #e2d5c0;margin-top:1.2rem;padding-top:1.3rem}.lp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;max-width:62rem;margin:0 auto;display:grid}.lp-step{background:#fffdf8;border:1px solid #e8dcc4;border-radius:24px;padding:2rem 1.8rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 18px 40px -22px #1d181233}.lp-step:hover{transform:translateY(-4px);box-shadow:0 26px 52px -24px #1d181242}.lp-step-no{color:#6d4fc1;letter-spacing:.12em;background:linear-gradient(135deg,#f6ecd8 0%,#eee2cb 100%);border:1px solid #b48c5040;border-radius:12px;align-items:center;padding:.35rem .8rem;font-size:.95rem;font-weight:800;line-height:1;display:inline-flex}.lp-step-title{color:#1d1812;margin-top:1rem;font-size:1.15rem;font-weight:700}.lp-step-desc{color:#6f6250;margin-top:.6rem;font-size:.95rem;line-height:1.85}.lp-cta{color:#2b241c;text-align:center;background:radial-gradient(820px 440px at 90% -20%,#ffd04073,#0000 55%),radial-gradient(620px 380px at 5% 120%,#c4b5fd8c,#0000 60%),linear-gradient(135deg,#fdf3df 0%,#f4e0ba 100%);border:1px solid #f6c44566;border-radius:42px;padding:5.2rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #a0784673,inset 0 1px #ffffffb3}.lp-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd04073,#0000 62%);border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-100px}.lp-cta:after{content:"";pointer-events:none;background:radial-gradient(circle,#c4b5fd80,#0000 62%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-140px;left:-110px}.lp-cta>*{z-index:1;position:relative}.lp-cta-badge{color:#5b3fae;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #8b5cf640;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px -10px #8b5cf659}.lp-cta-title{letter-spacing:-.02em;color:#1d1812;margin-top:1.5rem;font-family:Kodchasan,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(1.95rem,3.7vw,2.9rem);font-weight:700;line-height:1.24}.lp-cta-desc{color:#6f6250;max-width:30rem;margin:1.1rem auto 0;line-height:1.9}.lp-cta-actions{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:2.3rem;display:flex}@media (max-width:900px){.lp-hero-card-inner{text-align:center;grid-template-columns:1fr;gap:2.4rem;padding:2.6rem 1.7rem}.lp-hero-desc{margin-left:auto;margin-right:auto}.lp-hero-actions,.lp-hero-meta{justify-content:center}.lp-hero-visual{min-height:0;margin-top:.5rem}.lp-features-wrap{grid-template-columns:1fr}.lp-showcase-grid{grid-template-columns:1fr;max-width:24rem}.lp-steps{grid-template-columns:1fr}.lp-section{padding:4.5rem 0}}.real-sheet{background:#fffff8;flex-direction:column;gap:7px;padding:10px 10px 8px;display:flex}.real-row{align-items:center;gap:6px;display:flex}.real-pinyin{color:#8a7a68;text-align:left;flex-shrink:0;width:2.3rem;font-size:10px;font-weight:500}.real-cells{flex-wrap:wrap;gap:4px;display:flex}.real-cell{background:#fff;border:1.3px solid #8b7355;border-radius:4px;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;font-size:1.15rem;font-weight:600;line-height:1;display:grid;position:relative}.real-cell:before{content:"";border-left:1px dashed #cfc1b3;position:absolute;top:0;bottom:0;left:50%}.real-cell:after{content:"";border-top:1px dashed #cfc1b3;position:absolute;top:50%;left:0;right:0}.real-cell-example{color:#e55353}.real-cell-trace{color:#f2b6c0}.real-sheet-anim{align-items:center;gap:10px}.real-anim-row{align-items:center;gap:10px;display:flex}.real-anim{background:#fffdf7;border:1.3px solid #8b7355;border-radius:8px;width:104px;height:104px}.real-stroke-count{color:#a8321d;font-size:12px;font-weight:600}.real-cell-mi:before,.real-cell-mi:after,.real-cell-blank:before,.real-cell-blank:after{display:none}.real-cell-mi{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100'%20height%3D'100'%20viewBox%3D'0%200%20100%20100'%3E%3Cg%20stroke%3D'%23cfc1b3'%20stroke-width%3D'1'%20stroke-dasharray%3D'5%204'%20fill%3D'none'%3E%3Cline%20x1%3D'5'%20y1%3D'50'%20x2%3D'95'%20y2%3D'50'%2F%3E%3Cline%20x1%3D'50'%20y1%3D'5'%20x2%3D'50'%20y2%3D'95'%2F%3E%3Cline%20x1%3D'8'%20y1%3D'8'%20x2%3D'92'%20y2%3D'92'%2F%3E%3Cline%20x1%3D'92'%20y1%3D'8'%20x2%3D'8'%20y2%3D'92'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.examples-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.4rem;display:grid}@media (min-width:640px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.examples-card{cursor:pointer;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block}.examples-card:hover{transform:translateY(-4px);box-shadow:0 34px 60px -28px #3c280a66,0 8px 20px #3c280a1f}.examples-chars{flex-wrap:wrap;place-content:center;gap:.4rem;min-height:4.6rem;padding:.2rem 0;display:flex}.examples-char{color:#a8321d;width:2.15rem;font-size:1.1rem;font-weight:600}