:root{--primary:#ff7a45;--primary-dark:#e56a35;--primary-light:#fff0e8;--forest-dark:#2a3d28;--forest-mid:#5b7d4a;--forest-light:#b1c99c;--forest-fog:#f7f7f0;--forest-border:#c8dcc0;--hero-light:#696;--study:#5b9bd5;--chore:#6aaf6a;--behavior:#d4a843;--bg:var(--forest-fog);--card:#fff;--card-hover:#fafcf8;--text:#3a4a35;--text-mid:#6b8b5a;--text-light:#9fb08c;--border:#d8e6d0;--border-light:#ebf2e8;--shadow:0 2px 10px #2a3d2812;--shadow-hover:0 6px 18px #2a3d281f;--shadow-primary:0 3px 12px #ff7a4547;--gradient:linear-gradient(135deg, #ff7a45 0%, #ffb76b 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;line-height:1.7;overflow-x:hidden}#root{width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--forest-fog)}::-webkit-scrollbar-thumb{background:var(--forest-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.pixel-shrub{align-items:flex-end;gap:0;display:inline-flex;position:relative}.pixel-shrub-blade{background:var(--forest-light);flex-shrink:0;width:4px;height:4px;display:inline-block}.pixel-cloud-wrap{pointer-events:none;position:absolute}.pixel-cloud-wrap:before{content:"";background:#ffffff80;width:4px;height:4px;position:absolute;box-shadow:8px -4px #ffffff73,16px -4px #ffffff80,24px -4px #fff6,28px -4px #ffffff4d,4px 0 #ffffff8c,12px 0 #ffffffa6,20px 0 #fff9,8px 4px #fff6,16px 4px #ffffff59}.pixel-cloud-wrap.c1{animation:22s ease-in-out infinite cloud-drift}.pixel-cloud-wrap.c2{animation:28s ease-in-out infinite reverse cloud-drift}@keyframes cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(16px)}}.pixel-mushroom-wrap{pointer-events:none;opacity:.55;position:absolute}.pixel-mushroom-wrap:before{content:"";width:4px;height:4px;box-shadow: 4px -16px 0 var(--primary), 8px -16px 0 var(--primary), 12px -16px 0 var(--primary), 0 -12px 0 var(--primary), 4px -12px 0 #ffbfa0, 8px -12px 0 var(--primary), 12px -12px 0 #ffbfa0, 16px -12px 0 var(--primary),  4px -8px 0 #d4b896, 8px -8px 0 #d4b896, 12px -8px 0 #d4b896, 16px -8px 0 #d4b896, 4px -4px 0 #d4b896, 8px -4px 0 #d4b896, 12px -4px 0 #d4b896, 16px -4px 0 #d4b896;background:#d4b896;position:absolute}.pixel-fox-wrap{pointer-events:none;opacity:.5;position:absolute}.pixel-fox-wrap:before{content:"";background:var(--primary);width:4px;height:4px;box-shadow: 0 -20px 0 var(--primary-dark), 4px -20px 0 var(--primary-dark), 12px -20px 0 var(--primary-dark), 16px -20px 0 var(--primary-dark), 0 -16px 0 var(--primary-dark), 16px -16px 0 var(--primary-dark), 0 -12px 0 var(--primary-dark), 16px -12px 0 var(--primary-dark),  4px -16px 0 var(--primary), 8px -16px 0 var(--primary), 12px -16px 0 var(--primary), 4px -12px 0 var(--primary), 8px -12px 0 var(--primary), 12px -12px 0 var(--primary), 0 -8px 0 var(--primary), 4px -8px 0 var(--primary), 8px -8px 0 var(--primary-light), 12px -8px 0 var(--primary), 16px -8px 0 var(--primary),  4px -4px 0 var(--primary), 8px -4px 0 var(--primary-light), 12px -4px 0 var(--primary),  4px 0 0 var(--forest-dark), 12px 0 0 var(--forest-dark),  8px 4px 0 var(--primary-dark),  4px 8px 0 var(--primary), 8px 8px 0 var(--primary), 12px 8px 0 var(--primary), 4px 12px 0 var(--primary), 8px 12px 0 var(--primary), 12px 12px 0 var(--primary), 4px 16px 0 var(--primary), 8px 16px 0 var(--primary), 12px 16px 0 var(--primary),  4px 20px 0 var(--primary-dark), 12px 20px 0 var(--primary-dark);position:absolute}@keyframes pet-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-pet{z-index:50;cursor:default;pointer-events:none;flex-direction:column;align-items:center;gap:6px;animation:3s ease-in-out infinite pet-breathe;display:flex;position:fixed;bottom:24px;right:24px}.floating-pet-label{color:var(--text-light);white-space:nowrap;font-size:10px}@media (width<=480px){.floating-pet{bottom:16px;right:16px}.floating-pet-label{display:none}}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1.5px solid var(--forest-border);background:#f7f7f0eb;justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:9px;text-decoration:none;display:flex}.nav-logo-img{border-radius:5px;width:auto;height:30px}.nav-logo-text{color:var(--forest-dark);letter-spacing:3px;font-size:17px;font-weight:700}.nav-btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-primary);border:none;border-radius:5px;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 5px 16px #ff7a4559}.nav-btn svg{transition:transform .2s}.nav-btn:hover svg{transform:translate(2px)}.hero{text-align:center;background:var(--bg);justify-content:center;align-items:center;min-height:62vh;padding:100px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-deco{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-deco .cloud-tl{opacity:.35;top:10%;left:7%}.hero-deco .cloud-tr{opacity:.28;top:18%;right:9%}.hero-deco .shrub-bl{align-items:flex-end;gap:3px;padding-left:16px;display:flex;bottom:0;left:0}.hero-deco .shrub-br{flex-direction:row-reverse;align-items:flex-end;gap:3px;padding-right:16px;display:flex;bottom:0;right:0}.hero-deco .mush-l{bottom:2px;left:17%}.hero-deco .mush-r{bottom:2px;right:20%}.hero-deco .fox-hero{opacity:.4;animation:3.5s ease-in-out infinite pet-breathe;bottom:40px;left:50%;transform:translate(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-content{z-index:2;max-width:680px;animation:.8s ease-out fadeInUp;position:relative}.hero-title{color:#242;letter-spacing:-.5px;margin-bottom:14px;font-size:clamp(36px,7vw,52px);font-weight:700;line-height:1.15}.hero-title .accent{color:#ff7f3e;margin-top:10px;display:block}.hero-sub{color:var(--hero-light);margin-bottom:0;font-size:clamp(17px,2.5vw,19px);line-height:1.7}.hero-sub-line2{color:var(--hero-light);margin-top:8px;font-size:clamp(15px,2.2vw,17px);line-height:1.6;display:block}.hero-cta{background:var(--primary);color:#fff;cursor:pointer;min-width:280px;box-shadow:var(--shadow-primary);letter-spacing:.5px;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:36px;padding:15px 48px;font-size:18px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.hero-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 28px #ff7a4566}.hero-cta svg{transition:transform .2s}.hero-cta:hover svg{transform:translate(3px)}.hero-trust{color:var(--hero-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:14px;display:flex}.hero-trust-dot{color:var(--forest-light);opacity:.4}.section{padding:68px 0;position:relative}.section-header{text-align:center;margin-bottom:44px}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:9px;font-size:10px;font-weight:700;display:inline-block}.section-title{color:var(--forest-dark);letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(22px,4.5vw,34px);font-weight:800}.section-desc{color:var(--text-mid);max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.tasks-section{background:var(--forest-fog);border-top:1.5px solid var(--forest-border);border-bottom:1.5px solid var(--forest-border);position:relative}.tasks-section:before{content:"";background:repeating-linear-gradient(90deg, var(--forest-light) 0px, var(--forest-light) 4px, transparent 4px, transparent 12px);opacity:.35;height:3px;position:absolute;top:-1px;left:0;right:0}.task-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:36px;display:flex}.filter-btn{border:1.5px solid var(--forest-border);background:var(--card);color:var(--text-mid);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .18s;display:flex}.filter-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}@media (width<=640px){.filter-btn-all{display:none}}.task-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.task-card{background:var(--card);border:1.5px solid var(--forest-border);cursor:default;border-radius:7px;padding:17px;transition:all .2s;position:relative}.task-card:after{content:"";border-style:solid;border-width:0 18px 18px 0;border-color:transparent var(--forest-fog) transparent transparent;width:0;height:0;position:absolute;top:0;right:0}.task-card:hover{background:var(--card-hover);box-shadow:var(--shadow-hover);border-color:#ff7a4566;transform:translateY(-2px)}.task-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.task-icon{border-radius:5px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.task-points{border-radius:3px;padding:3px 9px;font-size:12px;font-weight:700}.task-title{color:var(--forest-dark);margin-bottom:5px;font-size:14px;font-weight:600}.task-desc{color:var(--text-mid);font-size:12px;line-height:1.5}.mode-section{background:var(--bg);border-top:1.5px solid var(--forest-border);padding:68px 0;position:relative}.mode-flow{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;display:flex}.mode-step{text-align:center;flex-direction:column;align-items:center;padding:0 24px;display:flex}.mode-step:after{content:"→";color:var(--forest-light);opacity:.5;margin-top:6px;font-size:20px}.mode-step:last-child:after{content:none}.mode-icon{background:var(--card);border:2px solid var(--forest-border);width:72px;height:72px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:32px;transition:all .25s;display:flex}.mode-step:hover .mode-icon{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-3px)}.mode-step-title{color:var(--forest-dark);margin-bottom:5px;font-size:15px;font-weight:700}.mode-step-desc{color:var(--text-mid);max-width:120px;font-size:12px;line-height:1.5}.mode-promise-item{background:#b1c99c1f;border:1px solid #b1c99c40;border-radius:50px;align-items:center;gap:5px;padding:6px 16px;display:inline-flex}@media (width<=640px){.mode-promise{gap:10px;margin-top:20px}.mode-promise-item{padding:5px 12px;font-size:12px}}.mode-promise{text-align:center;color:var(--text-mid);flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px;font-size:13px;display:flex}.mode-promise-item{color:var(--forest-mid);background:#b1c99c1a;border:1px solid #b1c99c4d;border-radius:50px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;display:flex}.pet-section{background:var(--forest-fog);border-top:1.5px solid var(--forest-border);border-bottom:1.5px solid var(--forest-border);padding:68px 0;position:relative}.pet-section:before{content:"";background:repeating-linear-gradient(90deg, var(--forest-light) 0px, var(--forest-light) 4px, transparent 4px, transparent 12px);opacity:.35;height:3px;position:absolute;top:-1px;left:0;right:0}.pet-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin-top:8px;display:grid}@media (width<=640px){.pet-showcase{grid-template-columns:1fr}}.pet-visual{flex-direction:column;align-items:center;gap:20px;display:flex}.pet-main-icon{width:100px;height:100px;box-shadow:var(--shadow);background:#b1c99c33;border:2px solid #b1c99c66;border-radius:24px;justify-content:center;align-items:center;font-size:52px;display:flex}.pet-levels{align-items:flex-end;gap:12px;display:flex}.pet-level{flex-direction:column;align-items:center;gap:4px;display:flex}.pet-level-badge{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.pet-level-label{color:var(--text-light);font-size:10px}.pet-text{flex-direction:column;gap:14px;display:flex}.pet-text-title{color:var(--forest-dark);font-size:18px;font-weight:700;line-height:1.4}.pet-text-desc{color:var(--text-mid);font-size:13px;line-height:1.75}.trust-section{background:var(--bg);padding:68px 0;position:relative}.trust-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.trust-grid{grid-template-columns:1fr}}.trust-card{background:var(--card);border:1.5px solid var(--forest-border);text-align:center;border-radius:8px;padding:22px;transition:all .2s}.trust-card:hover{box-shadow:var(--shadow-hover);border-color:#ff7a454d;transform:translateY(-2px)}.trust-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:22px;display:flex}.trust-title{color:var(--forest-dark);margin-bottom:6px;font-size:14px;font-weight:700}.trust-desc{color:var(--text-mid);font-size:12px;line-height:1.6}.parent-section{background:var(--forest-fog);border-top:1.5px solid var(--forest-border);border-bottom:1.5px solid var(--forest-border);position:relative}.parent-section:before{content:"";background:repeating-linear-gradient(90deg, var(--forest-light) 0px, var(--forest-light) 4px, transparent 4px, transparent 12px);opacity:.35;height:3px;position:absolute;bottom:-1px;left:0;right:0}.parent-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.parent-card{background:var(--card);border:1.5px solid var(--forest-border);border-radius:7px;align-items:flex-start;gap:13px;padding:18px;transition:all .2s;display:flex}.parent-card:hover{box-shadow:var(--shadow-hover);border-color:#ff7a4559}.parent-icon{border-radius:7px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:19px;display:flex}.parent-title{color:var(--forest-dark);margin-bottom:4px;font-size:14px;font-weight:600}.parent-desc{color:var(--text-mid);font-size:12px;line-height:1.55}.cta-section{text-align:center;background:var(--forest-fog);border-top:1.5px solid var(--forest-border);padding:72px 0;position:relative;overflow:hidden}.cta-deco{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-deco .cloud1{opacity:.28;top:12%;left:5%}.cta-deco .cloud2{opacity:.22;top:22%;right:8%}.cta-content{z-index:2;position:relative}.cta-title{color:var(--forest-dark);margin-bottom:10px;font-size:clamp(22px,4.5vw,36px);font-weight:800}.cta-desc{color:var(--text-mid);margin-bottom:32px;font-size:14px}.cta-btn{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:6px;align-items:center;gap:10px;padding:16px 44px;font-size:18px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 6px 24px #ff7a4561}.cta-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 36px #ff7a4573}.cta-btn svg{transition:transform .2s}.cta-btn:hover svg{transform:translate(3px)}.cta-hint{color:var(--text-light);margin-top:12px;font-size:12px}.footer{background:var(--forest-dark);padding:44px 0 26px}.footer-main{grid-template-columns:1fr auto;align-items:center;gap:36px;margin-bottom:28px;display:grid}@media (width<=600px){.footer-main{text-align:center;grid-template-columns:1fr;gap:22px}}.footer-brand-row{align-items:center;gap:9px;margin-bottom:9px;display:flex}@media (width<=600px){.footer-brand-row{justify-content:center}}.footer-logo-img{border-radius:5px;width:auto;height:32px}.footer-logo-text{color:var(--forest-light);letter-spacing:3px;font-size:17px;font-weight:700}.footer-tagline{color:#b1c99ca6;max-width:300px;font-size:12px;line-height:1.7}@media (width<=600px){.footer-tagline{max-width:100%}}.footer-shrub{align-items:flex-end;gap:3px;margin-top:10px;display:flex}.footer-pet-row{align-items:flex-end;gap:5px;margin-top:8px;display:flex}.footer-pet-tag{color:#b1c99c73;font-size:10px}.footer-wechat{text-align:center}.footer-wechat-label{color:#b1c99c73;margin-bottom:7px;font-size:11px}.footer-wechat-qr{object-fit:cover;border:1.5px solid #b1c99c2e;border-radius:7px;width:84px;height:84px;margin:0 auto;display:block}.footer-divider{border:none;border-top:1px solid #b1c99c1f;margin-bottom:16px}.footer-bottom{flex-direction:column;align-items:center;gap:3px;display:flex}.footer-disclaimer{color:#b1c99c59;text-align:center;max-width:540px;font-size:10px;line-height:1.65}.footer-contact{color:#b1c99c59;font-size:10px}.footer-contact a{color:#b1c99c99;text-decoration:none}.footer-contact a:hover{color:var(--primary)}.footer-icp{color:#b1c99c4d;font-size:10px}.footer-icp a{color:#b1c99c59;text-decoration:none}.footer-copyright{color:#b1c99c4d;text-align:center;font-size:10px}.footer-icp a:hover{color:#b1c99c99}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=640px){body{font-size:15px;line-height:1.7}.section{padding:48px 0}.cta-section{padding:52px 0}.pet-section,.trust-section,.mode-section{padding:48px 0}.section-header{margin-bottom:28px}.section-label{margin-bottom:7px;font-size:10px}.section-title{margin-bottom:8px;line-height:1.3;font-size:19px!important}.section-desc{font-size:14px;line-height:1.7}.hero{min-height:auto;padding:120px 20px 60px}.hero-title{margin-bottom:12px;line-height:1.15;font-size:36px!important}.hero-title .accent{margin-top:10px}.hero-sub{margin-bottom:0;line-height:1.7;font-size:17px!important}.hero-sub-line2{margin-top:8px;font-size:15px!important}.hero-cta{min-width:260px;margin-top:32px;padding:14px 36px;font-size:17px}.hero-trust{margin-top:22px;font-size:13px}.hero-deco .fox-hero{opacity:.3;bottom:28px}.nav{height:54px;padding:0 16px}.nav-btn{padding:8px 16px;font-size:14px}.task-filters{margin-bottom:24px}.filter-btn{padding:7px 14px;font-size:14px}.task-grid{gap:10px}.task-card{padding:14px}.task-title{margin-bottom:4px;font-size:15px}.task-desc{font-size:13px;line-height:1.55}.task-points{font-size:12px}.task-icon{width:30px;height:30px;font-size:15px}.mode-promise{gap:10px;margin-top:20px}.mode-promise-item{padding:5px 12px;font-size:12px}.pet-char-name{font-size:14px!important}.pet-char-role{font-size:12px!important}.pet-showcase{gap:24px;margin-top:4px}.pet-text{gap:10px}.pet-text-title{font-size:16px;line-height:1.4}.pet-text-desc{font-size:14px;line-height:1.7}.trust-grid{gap:12px}.trust-card{padding:16px}.trust-title{margin-bottom:5px;font-size:15px}.trust-desc{font-size:13px;line-height:1.6}.parent-grid{gap:10px}.parent-card{padding:14px}.parent-title{margin-bottom:4px;font-size:15px}.parent-desc{font-size:13px;line-height:1.6}.cta-title{margin-bottom:8px;line-height:1.3;font-size:20px!important}.cta-desc{margin-bottom:24px;font-size:14px}.cta-btn{padding:14px 32px;font-size:16px}.cta-hint{font-size:12px}}