: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{color:var(--primary);border:1.5px solid var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:50px;align-items:center;gap:6px;padding:7px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #ff7a4547}.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-segmented{border:1.5px solid var(--forest-border);-webkit-backdrop-filter:blur(8px);background:#ffffffbf;border-radius:50px;align-items:center;margin-bottom:26px;padding:4px;display:inline-flex;box-shadow:0 2px 8px #2a3d280f}.hero-segmented-btn{color:var(--text-mid);cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:0 0;border:none;border-radius:50px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .22s}.hero-segmented-btn:hover:not(.active){color:var(--primary);background:var(--primary-light)}.hero-segmented-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #ff7a454d}@media (width<=480px){.hero-segmented{margin-bottom:22px;padding:3px}.hero-segmented-btn{padding:7px 14px;font-size:12.5px}}.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}}.nav-links{flex:1;justify-content:flex-end;align-items:center;gap:4px;margin-right:14px;display:flex}.nav-link{color:var(--text-mid);white-space:nowrap;border-radius:4px;align-items:center;padding:7px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--primary-light)}@media (width<=768px){.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:0 auto;margin-right:8px;overflow:auto hidden}.nav-links::-webkit-scrollbar{display:none}.nav-link{padding:6px 10px;font-size:13px}.nav-link:first-child{display:none}.nav-btn{padding:6px 14px;font-size:13px}}.page{background:var(--bg);min-height:60vh;padding:100px 0 60px}.page-header{text-align:center;margin-bottom:44px;padding-top:16px}.page-title{color:var(--forest-dark);letter-spacing:-.5px;margin-bottom:12px;font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.25}.page-desc{color:var(--text-mid);max-width:520px;margin:0 auto;font-size:15px;line-height:1.7}.page-footer-hint{text-align:center;border-top:1.5px dashed var(--forest-border);color:var(--text-mid);margin-top:48px;padding-top:28px;font-size:13px}.page-inline-link{color:var(--primary);margin:0 3px;font-weight:600;text-decoration:none}.page-inline-link:hover{text-decoration:underline}@media (width<=640px){.page{padding:80px 0 40px}.page-header{margin-bottom:32px}.page-desc{font-size:14px}}.timeline{max-width:760px;margin:0 auto;padding:8px 0 0 8px;position:relative}.timeline-group{margin-bottom:36px;position:relative}.timeline-date{align-items:center;gap:12px;margin-bottom:16px;display:flex;position:relative}.timeline-dot{background:var(--primary);border:3px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--primary);z-index:2;border-radius:50%;flex-shrink:0;position:relative}.timeline-date-text{color:var(--forest-dark);letter-spacing:.5px;font-family:-apple-system,SF Mono,Monaco,monospace;font-size:16px;font-weight:700}.timeline-group:before{content:"";background:var(--forest-border);width:2px;position:absolute;top:18px;bottom:-36px;left:5px}.timeline-group:last-child:before{display:none}.timeline-items{flex-direction:column;gap:12px;padding-left:28px;display:flex}.timeline-item{background:var(--card);border:1.5px solid var(--forest-border);border-radius:8px;padding:16px 18px;transition:all .2s;position:relative}.timeline-item:before{content:"";background:var(--forest-border);width:12px;height:2px;position:absolute;top:22px;left:-28px}.timeline-item:hover{box-shadow:var(--shadow-hover);border-color:#ff7a4559;transform:translate(2px)}.timeline-tag{letter-spacing:1px;border:1px solid;border-radius:3px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.timeline-item-title{color:var(--forest-dark);margin-bottom:5px;font-size:15px;font-weight:700;line-height:1.4}.timeline-item-desc{color:var(--text-mid);font-size:13px;line-height:1.65}@media (width<=640px){.timeline-items{gap:10px;padding-left:22px}.timeline-item{padding:14px 16px}.timeline-item:before{width:10px;left:-22px}.timeline-item-title{font-size:14px}.timeline-item-desc{font-size:12.5px}.timeline-date-text{font-size:14px}.timeline-group{margin-bottom:28px}}.placeholder-card{text-align:center;background:var(--card);border:1.5px dashed var(--forest-border);border-radius:12px;max-width:480px;margin:40px auto 0;padding:48px 32px}.placeholder-emoji{margin-bottom:14px;font-size:56px;animation:3s ease-in-out infinite pet-breathe;display:inline-block}.placeholder-text{color:var(--text-mid);margin-bottom:22px;font-size:15px}.placeholder-back{color:var(--primary);border:1.5px solid var(--primary);border-radius:5px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.placeholder-back:hover{background:var(--primary);color:#fff}.feedback-form{background:var(--card);border:1.5px solid var(--forest-border);border-radius:12px;flex-direction:column;gap:20px;max-width:560px;margin:0 auto;padding:28px 28px 24px;display:flex}.feedback-todo{max-width:560px;color:var(--text-mid);background:#d4a8431a;border:1.5px dashed #d4a84380;border-radius:8px;align-items:flex-start;gap:8px;margin:0 auto 16px;padding:12px 16px;font-size:12.5px;line-height:1.65;display:flex}.feedback-todo code{color:var(--forest-dark);background:#2a3d2814;border-radius:3px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:12px}.feedback-todo-tag{color:#b07f1e;white-space:nowrap;background:#d4a84340;border-radius:3px;flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:11px;font-weight:700}.feedback-field{flex-direction:column;gap:8px;display:flex}.feedback-label{color:var(--forest-dark);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.feedback-required{color:var(--primary);font-weight:700}.feedback-optional{color:var(--text-light);font-size:12px;font-weight:400}.feedback-textarea,.feedback-input{width:100%;color:var(--text);background:var(--bg);border:1.5px solid var(--forest-border);box-sizing:border-box;border-radius:7px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .18s,box-shadow .18s}.feedback-textarea{resize:vertical;min-height:140px;max-height:360px}.feedback-textarea:focus,.feedback-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #ff7a451f}.feedback-textarea::placeholder,.feedback-input::placeholder{color:var(--text-light)}.feedback-counter{color:var(--text-light);text-align:right;font-family:SF Mono,Monaco,monospace;font-size:11px}.feedback-actions{justify-content:flex-end;margin-top:4px;display:flex}.feedback-error{color:#b33a3a;background:#e54b4b14;border:1px solid #e54b4b4d;border-radius:6px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.feedback-error-icon{flex-shrink:0;font-size:14px;line-height:1.4}.feedback-submit-btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-primary);border:none;border-radius:6px;align-items:center;gap:6px;padding:11px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.feedback-submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 5px 16px #ff7a4559}.feedback-submit-btn:disabled{background:var(--forest-light);color:#ffffffd9;cursor:not-allowed;box-shadow:none}.feedback-submit-btn svg{transition:transform .2s}.feedback-submit-btn:hover:not(:disabled) svg{transform:translate(2px)}.feedback-thanks{text-align:center;background:var(--card);border:1.5px solid var(--forest-border);border-radius:14px;max-width:480px;margin:40px auto 0;padding:56px 32px}.feedback-thanks-emoji{margin-bottom:14px;font-size:64px;animation:3s ease-in-out infinite pet-breathe;display:inline-block}.feedback-thanks-title{color:var(--forest-dark);margin-bottom:12px;font-size:22px;font-weight:800}.feedback-thanks-desc{color:var(--text-mid);margin-bottom:26px;font-size:14px;line-height:1.7}.feedback-reset-btn{color:var(--primary);border:1.5px solid var(--primary);cursor:pointer;background:0 0;border-radius:50px;padding:9px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.feedback-reset-btn:hover{background:var(--primary);color:#fff}@media (width<=640px){.feedback-form{padding:22px 20px 20px}.feedback-todo{padding:10px 14px;font-size:12px}.feedback-thanks{padding:44px 24px}.feedback-thanks-title{font-size:19px}.feedback-submit-btn{justify-content:center;width:100%}}.page-report{background:var(--bg)}.page-report .container{max-width:760px}.report-hero{text-align:center;margin-bottom:32px;padding:24px 0 8px}.report-hero-tag{letter-spacing:2px;color:var(--primary);background:var(--primary-light);border:1px solid color-mix(in srgb, var(--primary) 25%, white);border-radius:50px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.report-hero-title{color:var(--forest-dark);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:clamp(22px,4.2vw,30px);font-weight:800;line-height:1.3;display:flex}.report-hero-avatar{font-size:1.2em;animation:3s ease-in-out infinite pet-breathe;display:inline-block}.report-hero-range{color:var(--text-light);margin-bottom:14px;font-family:SF Mono,Monaco,monospace;font-size:13px}.report-hero-highlight{color:var(--forest-mid);max-width:560px;margin:0 auto 12px;font-size:15px;font-style:italic;line-height:1.7}.report-hero-meta{color:var(--text-light);font-size:11px}.report-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.report-stat-card{background:var(--card);border:1.5px solid var(--forest-border);text-align:center;border-radius:10px;padding:18px 14px;transition:all .2s}.report-stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.report-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 8px;font-size:20px;display:flex}.report-stat-value{margin-bottom:4px;font-family:SF Mono,Monaco,monospace;font-size:24px;font-weight:800;line-height:1}.report-stat-unit{margin-left:2px;font-size:12px;font-weight:600}.report-stat-label{color:var(--text-mid);margin-bottom:4px;font-size:12px}.report-stat-delta{background:color-mix(in srgb, currentColor 12%, white);border-radius:50px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.report-section{background:var(--card);border:1.5px solid var(--forest-border);border-radius:12px;margin-bottom:16px;padding:24px 26px}.report-section-title{color:var(--forest-dark);align-items:center;gap:6px;margin-bottom:10px;font-size:17px;font-weight:800;display:flex}.report-section-lead{color:var(--text-mid);margin-bottom:16px;font-size:13px;line-height:1.65}.report-task-list{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.report-task-row-head{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.report-task-row-name{color:var(--forest-dark);font-weight:600}.report-task-row-count{color:var(--text-mid);font-family:SF Mono,Monaco,monospace;font-size:12px}.report-progress{background:var(--forest-fog);border-radius:4px;height:8px;overflow:hidden}.report-progress-fill{border-radius:4px;height:100%;transition:width .6s}.report-streak{color:var(--behavior);background:color-mix(in srgb, var(--behavior) 12%, white);border:1px solid color-mix(in srgb, var(--behavior) 30%, white);text-align:center;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600}.report-medals{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.report-medal{background:var(--forest-fog);border:1.5px solid var(--forest-border);text-align:center;border-radius:10px;padding:14px 12px;transition:all .2s;position:relative}.report-medal.is-new{background:color-mix(in srgb, var(--primary) 8%, white);border-color:color-mix(in srgb, var(--primary) 40%, white)}.report-medal:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.report-medal-emoji{margin-bottom:6px;font-size:32px}.report-medal-name{color:var(--forest-dark);justify-content:center;align-items:center;gap:5px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.report-medal-new{color:#fff;background:var(--primary);letter-spacing:.5px;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.report-medal-desc{color:var(--text-mid);font-size:11px;line-height:1.5}.report-pets{flex-direction:column;gap:14px;display:flex}.report-pet{background:var(--forest-fog);border:1.5px solid var(--forest-border);border-radius:10px;align-items:flex-start;gap:14px;padding:14px;transition:all .2s;display:flex}.report-pet:hover{border-color:var(--primary);box-shadow:var(--shadow)}.report-pet-emoji{background:#b1c99c33;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:40px;display:flex}.report-pet-info{flex:1;min-width:0}.report-pet-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.report-pet-name{color:var(--forest-dark);font-size:14px;font-weight:700}.report-pet-role{color:var(--text-light);font-size:11px}.report-pet-level{color:var(--primary);background:var(--primary-light);border:1px solid color-mix(in srgb, var(--primary) 30%, white);border-radius:50px;margin-left:auto;padding:1px 7px;font-family:SF Mono,Monaco,monospace;font-size:11px;font-weight:700}.report-pet-exp{color:var(--text-light);text-align:right;margin-top:4px;font-family:SF Mono,Monaco,monospace;font-size:10px}.report-pet-growth{color:var(--text-mid);margin-top:6px;font-size:12px;line-height:1.55}.report-highlights{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.report-highlight{background:var(--forest-fog);border-left:3px solid var(--primary);border-radius:0 6px 6px 0;gap:12px;padding:10px 12px;display:flex}.report-highlight-time{color:var(--text-light);white-space:nowrap;flex-shrink:0;padding-top:1px;font-family:SF Mono,Monaco,monospace;font-size:11px;font-weight:700}.report-highlight-text{color:var(--text);font-size:13px;line-height:1.65}.report-section-tip{background:color-mix(in srgb, var(--study) 8%, white);border-color:color-mix(in srgb, var(--study) 30%, white)}.report-tip-text{color:var(--text);font-size:14px;line-height:1.75}.report-cta-wrap{text-align:center;margin-top:36px;padding:32px 0 16px}.report-cta-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary);border-radius:6px;align-items:center;gap:8px;padding:14px 36px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.report-cta-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ff7a4566}.report-cta-primary svg{transition:transform .2s}.report-cta-primary:hover svg{transform:translate(3px)}.report-cta-hint{color:var(--text-light);margin-top:12px;font-size:12px}@media (width<=640px){.report-stats{grid-template-columns:repeat(2,1fr)}.report-section{padding:20px 18px}.report-hero-title{font-size:20px}.report-pet-emoji{width:48px;height:48px;font-size:32px}.report-medals{grid-template-columns:repeat(2,1fr)}.report-cta-primary{padding:12px 28px;font-size:15px}}.page-b2b .container{max-width:1000px}.b2b-hero{text-align:center;margin-bottom:40px;padding:24px 0 0}.b2b-hero-tag{letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-size:10px;font-weight:700;display:inline-block}.b2b-hero-title{color:var(--forest-dark);letter-spacing:-.5px;margin-bottom:14px;font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.25}.b2b-hero-title .accent{color:var(--primary)}.b2b-hero-desc{color:var(--text-mid);max-width:580px;margin:0 auto;font-size:15px;line-height:1.7}.b2b-cases{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:56px;display:grid}.b2b-case-card{background:var(--card);border:1.5px solid var(--forest-border);border-radius:12px;flex-direction:column;padding:22px 22px 20px;transition:all .25s;display:flex}.b2b-case-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.b2b-case-badge{border:1px solid;border-radius:50px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:12px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.b2b-case-emoji{font-size:14px}.b2b-case-scenario{color:var(--text-light);border-bottom:1px dashed var(--forest-border);margin-bottom:16px;padding-bottom:14px;font-size:13px}.b2b-case-block{margin-bottom:14px}.b2b-case-block-label{color:var(--text-light);letter-spacing:1px;margin-bottom:5px;font-size:11px;font-weight:700}.b2b-case-block-text{color:var(--text);font-size:13px;line-height:1.65}.b2b-case-metrics{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);grid-template-columns:repeat(3,1fr);gap:6px;margin:auto 0 16px;padding:14px 0;display:grid}.b2b-case-metric{text-align:center}.b2b-case-metric-value{margin-bottom:4px;font-family:SF Mono,Monaco,monospace;font-size:16px;font-weight:800;line-height:1}.b2b-case-metric-label{color:var(--text-light);font-size:10px;line-height:1.3}.b2b-case-cta{color:var(--primary);border:1.5px solid var(--primary);background:0 0;border-radius:50px;justify-content:center;align-self:flex-start;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.b2b-case-cta:hover{background:var(--primary);color:#fff}.b2b-case-cta svg{transition:transform .2s}.b2b-case-cta:hover svg{transform:translate(2px)}.b2b-why{margin-bottom:56px}.b2b-why-title{color:var(--forest-dark);text-align:center;margin-top:8px;margin-bottom:28px;font-size:clamp(20px,4vw,28px);font-weight:800}.b2b-why-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.b2b-why-card{background:var(--card);border:1.5px solid var(--forest-border);text-align:center;border-radius:10px;padding:20px 18px;transition:all .2s}.b2b-why-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.b2b-why-icon{margin-bottom:10px;font-size:28px}.b2b-why-card-title{color:var(--forest-dark);margin-bottom:6px;font-size:14px;font-weight:700}.b2b-why-card-desc{color:var(--text-mid);font-size:12px;line-height:1.6}.b2b-cta-wrap{text-align:center;background:var(--forest-fog);border:1.5px solid var(--forest-border);border-radius:14px;padding:40px 24px}.b2b-cta-title{color:var(--forest-dark);margin-bottom:10px;font-size:clamp(20px,4vw,26px);font-weight:800}.b2b-cta-desc{color:var(--text-mid);margin-bottom:22px;font-size:14px}.b2b-cta-btn{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary);border-radius:6px;align-items:center;gap:8px;padding:13px 36px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.b2b-cta-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ff7a4566}.b2b-cta-btn svg{transition:transform .2s}.b2b-cta-btn:hover svg{transform:translate(3px)}.b2b-cta-hint{color:var(--text-light);margin-top:14px;font-size:12px}@media (width<=900px){.b2b-cases{grid-template-columns:1fr}.b2b-why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.b2b-why-grid{grid-template-columns:1fr}.b2b-case-metrics{gap:4px}.b2b-case-metric-value{font-size:14px}}