@font-face{font-family:HarmonyOS Sans SC Web;src:url(/harmonyos-sans-sc.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:100 900}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--orange:#fe6b40;--paper:#f8f6f3;--brown:#322622;--desktop-unit:min(.078125vw, .120192svh);--motion-enter:cubic-bezier(.16, 1, .3, 1);--motion-standard:cubic-bezier(.4, 0, .2, 1);background:#f8f6f3;font-family:HarmonyOS Sans SC Web,HarmonyOS Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:4px;outline:3px solid #32262273}.site-shell{background:var(--paper);min-height:100vh;position:relative;overflow-x:hidden}.hero{background:var(--orange);height:max(650px,100svh);min-height:650px;position:relative;overflow:hidden}.hero-fade{top:calc(247 * var(--desktop-unit));z-index:0;background:linear-gradient(180deg, #f8f6f300, var(--paper));pointer-events:none;animation:fade-in .9s var(--motion-standard) both;position:absolute;bottom:0;left:0;right:0}.desktop-wordmark{top:calc(20 * var(--desktop-unit));left:calc(50% - 581 * var(--desktop-unit));z-index:2;font-size:calc(12 * var(--desktop-unit));animation:hero-copy-enter .65s .12s var(--motion-enter) both;line-height:1;position:absolute}.hero-copy{top:calc(213 * var(--desktop-unit));left:calc(50% - 494 * var(--desktop-unit));z-index:2;width:calc(594 * var(--desktop-unit));position:absolute}.brand-lockup{animation:hero-copy-enter .7s .18s var(--motion-enter) both;align-items:center;gap:calc(8 * var(--desktop-unit));font-size:calc(16 * var(--desktop-unit));font-weight:700;line-height:1;display:inline-flex}.app-icon{width:calc(34 * var(--desktop-unit));height:calc(34 * var(--desktop-unit));object-fit:cover;border-radius:calc(8 * var(--desktop-unit));border:1px solid #fff;display:block}.hero h1{margin:calc(31 * var(--desktop-unit)) 0 0;color:#fff;font-size:calc(54 * var(--desktop-unit));white-space:nowrap;animation:hero-copy-enter .76s .25s var(--motion-enter) both;font-weight:900;line-height:1.273}.hero-summary{color:#fff;font-size:calc(16 * var(--desktop-unit));animation:hero-copy-enter .7s .33s var(--motion-enter) both;margin:0;line-height:1.273}.action-row{top:calc(547 * var(--desktop-unit));left:calc(50% - 494 * var(--desktop-unit));z-index:3;gap:calc(16 * var(--desktop-unit));animation:hero-actions-enter .72s .4s var(--motion-enter) both;align-items:center;display:flex;position:absolute}.download-button{width:calc(174 * var(--desktop-unit));height:calc(64 * var(--desktop-unit));border-radius:calc(10 * var(--desktop-unit));font-size:calc(20 * var(--desktop-unit));transition:transform .14s var(--motion-standard), filter .14s var(--motion-standard), box-shadow .22s var(--motion-standard);flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;overflow:hidden}.download-button:hover{filter:brightness(.98);transform:translateY(-2px)}.download-button:active{filter:brightness(.94);transition-duration:80ms;transform:translateY(0)scale(.98)}.app-store-button:hover{box-shadow:0 10px 24px #32262229}.app-store-button{background:#000}.app-store-mobile-lockup{gap:calc(10.7 * var(--desktop-unit));width:calc(142 * var(--desktop-unit));height:calc(37 * var(--desktop-unit));align-items:center;display:flex}.app-store-mobile-lockup .apple-mark{width:calc(28.4 * var(--desktop-unit));height:calc(34.8 * var(--desktop-unit))}.app-store-mobile-lockup>span{gap:calc(1.2 * var(--desktop-unit));width:calc(103 * var(--desktop-unit));flex-direction:column;align-items:flex-start;display:flex}.app-store-mobile-lockup>span img:first-child{width:calc(102.8 * var(--desktop-unit));height:calc(21.4 * var(--desktop-unit))}.app-store-mobile-lockup>span img:last-child{width:calc(26.7 * var(--desktop-unit));height:calc(12.4 * var(--desktop-unit))}.android-button{gap:calc(8 * var(--desktop-unit));color:var(--brown);border:1px solid var(--brown);background:0 0}.android-button>img{width:calc(24 * var(--desktop-unit));height:calc(24 * var(--desktop-unit));display:block}.download-note{top:calc(620 * var(--desktop-unit));left:calc(50% - 494 * var(--desktop-unit));z-index:3;max-width:calc(390 * var(--desktop-unit));color:#322622c2;font-size:calc(12 * var(--desktop-unit));margin:0;line-height:1.5;position:absolute}.phone-stage{top:calc(151 * var(--desktop-unit));left:calc(50% + 40 * var(--desktop-unit));z-index:1;width:calc(539 * var(--desktop-unit));aspect-ratio:539/852;animation:hero-phone-enter .95s 60ms var(--motion-enter) both;position:absolute}.phone-stage img{object-fit:cover;width:100%;height:100%;animation:6s ease-in-out 1.1s infinite phone-float;display:block}.browser-warning{z-index:45;width:min(520px,100% - 32px);color:var(--brown);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #32262229;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #3226222e}.wechat-guide{z-index:50;color:#fff;background:#000000b8;position:fixed;inset:0}.wechat-guide-target{align-items:center;gap:5px;height:20px;display:flex;position:absolute;top:18px;right:22px}.wechat-guide-target span{background:#fff;border-radius:50%;width:4px;height:4px}.wechat-guide-card{color:#fff;background:var(--orange);border-radius:8px;width:216px;padding:16px 12px 14px;position:absolute;top:30px;right:12px;box-shadow:0 16px 38px #00000040}.wechat-guide-card:before{content:"";background:var(--orange);width:16px;height:16px;position:absolute;top:-8px;right:14px;transform:rotate(45deg)}.wechat-guide-kicker{display:none}.wechat-guide-card h2{margin:0;font-size:16px;line-height:24px}.wechat-guide-card>p:not(.wechat-guide-kicker){margin:8px 0 0;font-size:12px;line-height:1.65}.wechat-guide-steps{gap:6px;margin-top:10px;font-size:12px;line-height:20px;display:grid}.wechat-guide-steps span{align-items:center;gap:8px;display:flex}.wechat-guide-steps span:before{width:20px;height:20px;color:var(--orange);content:"1";background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.wechat-guide-steps span+span:before{content:"2"}.entry-card{z-index:3;width:min(988px,100% - 48px);color:var(--brown);animation:entry-card-enter .65s .48s var(--motion-enter) both;background:#fff;border:1px solid #32262224;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:28px auto 48px;padding:24px;display:flex;position:relative;box-shadow:0 18px 50px #32262217}.entry-card h2{margin:0;font-size:24px;line-height:1.2}.entry-card p{color:#322622ad;margin:8px 0 0;font-size:14px}.section-kicker{font-weight:700;color:var(--orange)!important;margin:0 0 6px!important;font-size:12px!important}.entry-medium{color:var(--orange);margin-top:8px;font-size:12px;font-weight:700;display:inline-block}.open-app-link{color:#fff;background:var(--orange);min-width:148px;min-height:48px;transition:transform .14s var(--motion-standard), filter .14s var(--motion-standard);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.open-app-link:hover{filter:brightness(.97);transform:translateY(-2px)}.open-app-link:active{transition-duration:80ms;transform:scale(.98)}.landing{z-index:2;color:var(--brown);background:var(--paper);position:relative}.landing-section{padding:72px 24px}.landing-section-alt{background:#fff8f4}.landing-wrap{width:min(1080px,100%);margin:0 auto}.landing-wrap-narrow{width:min(720px,100%)}.landing-header{text-align:center;max-width:36em;margin:0 auto 36px}.landing-header h2{color:var(--brown);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:32px;font-weight:800;line-height:1.2}.landing-header h2:after{background:var(--orange);content:"";border-radius:999px;width:36px;height:3px;margin:14px auto 0;display:block}.landing-header p{color:#3226229e;margin:14px 0 0;font-size:16px;line-height:1.6}.about-copy{gap:16px;max-width:46em;margin:0 auto;display:grid}.about-copy p{color:#322622c7;margin:0;font-size:16px;line-height:1.8}.feature-shots{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.feature-shot{transition:transform .18s var(--motion-standard), box-shadow .22s var(--motion-standard);background:#fff;border:1px solid #32262214;border-radius:24px;margin:0;padding:14px 14px 18px;box-shadow:0 18px 40px #32262214}.feature-shot img{aspect-ratio:9/19.5;object-fit:cover;object-position:top;background:#f3eee8;border-radius:18px;width:100%;display:block}.feature-shot figcaption{text-align:center;gap:4px;margin-top:14px;display:grid}.feature-shot strong{color:var(--brown);font-size:16px;font-weight:700}.feature-shot span{color:#32262294;font-size:13px;line-height:1.5}.highlight-grid,.resource-grid,.scenario-grid,.faq-grid{gap:16px;display:grid}.highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.highlight-card,.resource-card,.scenario-card,.faq-item,.app-info-card,.contact-card{transition:transform .18s var(--motion-standard), box-shadow .22s var(--motion-standard);background:#fff;border:1px solid #32262214;border-radius:18px;box-shadow:0 12px 32px #3226220d}.highlight-card:hover,.resource-card:hover,.scenario-card:hover,.feature-shot:hover{transform:translateY(-3px);box-shadow:0 18px 42px #3226221a}.highlight-card{padding:24px 22px 26px}.highlight-icon{width:44px;height:44px;color:var(--orange);background:#fe6b401f;border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.highlight-card h3,.resource-card h3,.scenario-card h3,.faq-item h3{color:var(--brown);margin:0;font-size:18px;font-weight:700;line-height:1.3}.highlight-card p,.resource-card p,.scenario-card p,.faq-item p{color:#322622ad;margin:10px 0 0;font-size:14px;line-height:1.7}.audience-tags{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.audience-tags li{color:var(--orange);background:#fff;border:1px solid #fe6b402e;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;box-shadow:0 8px 20px #3226220d}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-card{border-left:4px solid var(--orange);padding:28px 24px 24px;position:relative}.resource-badge{color:#fff;background:var(--orange);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:18px;right:18px}.scenario-grid,.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-card{align-items:flex-start;gap:16px;padding:24px;display:flex}.scenario-card>span{color:var(--orange);opacity:.38;font-size:28px;font-weight:800;line-height:1}.faq-item{padding:24px}.faq-item h3:before{color:#fff;background:var(--orange);content:"Q";vertical-align:1px;border-radius:6px;place-items:center;width:22px;height:22px;margin-right:8px;font-size:12px;font-weight:800;display:inline-grid}.faq-item a{color:var(--orange);font-weight:700;text-decoration:none}.faq-item a:hover{text-decoration:underline}.app-info-card{padding:8px 28px}.app-info-row{border-bottom:1px solid #32262214;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;display:flex}.app-info-row:last-child{border-bottom:0}.app-info-row dt{color:#32262294;font-size:15px}.app-info-row dd{color:var(--brown);text-align:right;margin:0;font-size:15px;font-weight:600}.contact-card{gap:4px;padding:12px 20px;display:grid}.contact-row{color:inherit;align-items:center;gap:14px;margin:0;padding:12px 0;text-decoration:none;display:flex}.contact-icon{width:40px;height:40px;color:var(--orange);background:#fe6b401f;border-radius:12px;flex:none;place-items:center;display:grid}.site-footer{color:#ffffffb8;background:var(--brown);text-align:center;padding:40px 24px 48px}.footer-links{justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.footer-links a{color:#fff;font-size:15px;font-weight:600;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#ffffff47}.site-footer p{margin:0;font-size:13px;line-height:1.6}.footer-icp{flex-wrap:wrap;justify-content:center;gap:8px 18px;display:flex;margin-top:10px!important}.footer-icp a{color:#ffffff8c;text-decoration:none}.footer-icp a:hover{color:#ffffffd1}@keyframes fade-in{0%{opacity:0}}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(18px)}}@keyframes hero-actions-enter{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes hero-phone-enter{0%{opacity:0;transform:translate(34px,22px)scale(.96)}}@keyframes phone-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-8px)}}@keyframes entry-card-enter{0%{opacity:0;transform:translateY(16px)}}@media (width<=1024px){.feature-shots,.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:1fr}}@media (width<=640px){:root{--mobile-unit:.266667vw;--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:max(env(safe-area-inset-bottom,0px), calc(34 * var(--mobile-unit)))}.site-shell{min-height:100svh}.hero{height:max(100svh, 678 * var(--mobile-unit) + var(--mobile-safe-top) + var(--mobile-safe-bottom));min-height:calc(678 * var(--mobile-unit) + var(--mobile-safe-top) + var(--mobile-safe-bottom));max-height:none}.hero:before{z-index:0;height:max(env(safe-area-inset-top,0px), 64px);pointer-events:none;content:"";background:var(--orange);position:fixed;top:0;left:0;right:0}.desktop-wordmark{display:none}.hero-fade{top:calc(var(--mobile-safe-top) + 147 * var(--mobile-unit));bottom:0}.phone-stage{top:calc(var(--mobile-safe-top) + 2 * var(--mobile-unit));left:calc(50% - 125.587 * var(--mobile-unit));width:calc(350.393 * var(--mobile-unit));aspect-ratio:350.393/553.707;max-width:none}.phone-stage img{animation-name:phone-float-mobile;-webkit-mask-image:linear-gradient(201.4deg,#000 54.66%,#0000 79.86%);mask-image:linear-gradient(201.4deg,#000 54.66%,#0000 79.86%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-copy{top:calc(var(--mobile-safe-top) + 312 * var(--mobile-unit));left:calc(50% - 160.5 * var(--mobile-unit));width:calc(321 * var(--mobile-unit))}.brand-lockup{gap:calc(8 * var(--mobile-unit));font-size:calc(14 * var(--mobile-unit))}.app-icon{width:calc(28 * var(--mobile-unit));height:calc(28 * var(--mobile-unit));border-radius:calc(8 * var(--mobile-unit))}.hero h1{margin-top:calc(26 * var(--mobile-unit));font-size:calc(28 * var(--mobile-unit));line-height:1.273}.hero-summary{font-size:calc(12 * var(--mobile-unit));margin-top:0}.action-row{top:auto;right:auto;bottom:calc(var(--mobile-safe-bottom) + 8 * var(--mobile-unit));left:calc(50% - 163.5 * var(--mobile-unit));z-index:4;gap:calc(12 * var(--mobile-unit));width:calc(327 * var(--mobile-unit));flex-direction:column;margin:0;padding:0;display:flex}.download-button{width:100%;height:calc(54 * var(--mobile-unit));border-radius:calc(8 * var(--mobile-unit))}.app-store-button{height:calc(57 * var(--mobile-unit));border-radius:calc(8 * var(--mobile-unit));border:0}.app-store-mobile-lockup{gap:calc(9 * var(--mobile-unit));width:calc(120 * var(--mobile-unit));height:calc(31 * var(--mobile-unit));align-items:center;display:flex}.app-store-mobile-lockup .apple-mark{width:calc(24 * var(--mobile-unit));height:calc(29.4 * var(--mobile-unit))}.app-store-mobile-lockup>span{gap:calc(1 * var(--mobile-unit));width:calc(87 * var(--mobile-unit));flex-direction:column;align-items:flex-start;display:flex}.app-store-mobile-lockup>span img:first-child{width:calc(86.74 * var(--mobile-unit));height:calc(18.05 * var(--mobile-unit))}.app-store-mobile-lockup>span img:last-child{width:calc(22.49 * var(--mobile-unit));height:calc(10.44 * var(--mobile-unit))}.android-button{font-size:calc(16 * var(--mobile-unit))}.android-button>img{width:calc(20 * var(--mobile-unit));height:calc(20 * var(--mobile-unit))}.download-note{display:none}.entry-card{flex-direction:column;align-items:stretch;width:calc(100% - 32px);margin:18px auto 32px;padding:20px}.open-app-link{width:100%}.landing-section{padding:48px 20px}.landing-header{margin-bottom:24px}.landing-header h2{font-size:24px}.landing-header p,.about-copy p{font-size:14px}.feature-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-shot{border-radius:18px;padding:10px 10px 14px}.feature-shot img{border-radius:14px}.highlight-grid,.resource-grid,.scenario-grid,.faq-grid{grid-template-columns:1fr}.audience-tags li{padding:10px 16px;font-size:13px}.app-info-card{padding:4px 18px}.site-footer{padding:32px 20px 40px}}@keyframes phone-float-mobile{0%,to{transform:translate(0,0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
