:root{--ink:#17352e;--muted:#75857f;--green:#167b62;--deep:#123e34;--mint:#e8f4ef;--gold:#e7bd78;--paper:#edf1ed;--white:#fff;--line:#e8ebe7}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 20% 20%,#dfece5,transparent 34%),#e9eeea;color:var(--ink);min-height:100vh}.preview-shell{min-height:100vh;display:flex;gap:70px;align-items:center;justify-content:center;padding:35px}.guide{width:370px}.guide-logo{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:18px;padding:7px;box-shadow:0 8px 24px #17352e18;margin-bottom:18px}.guide-label{color:var(--green);font-weight:700;letter-spacing:3px;font-size:13px}.guide h1{font-size:46px;margin:14px 0}.guide>p{color:#63736e;line-height:1.8}.guide-list{display:grid;gap:13px;margin:32px 0}.guide-list div{display:flex;gap:14px;align-items:center;background:#ffffffa8;border:1px solid #fff;padding:14px 17px;border-radius:13px}.guide-list b{color:#c48c3b}.back{color:var(--green);text-decoration:none;font-weight:600}.phone{width:390px;height:min(820px,92vh);min-height:680px;background:#f5f5ef;border:10px solid #17352e;border-radius:42px;box-shadow:0 30px 80px #16332b32;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-top{height:54px;flex:none;background:var(--deep);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.phone-top b{font-size:15px}.screen{flex:1;overflow:auto;padding-bottom:18px}.tabbar{height:72px;flex:none;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px #17352e0a}.tabbar button{border:0;background:none;color:#84928d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0 5px;font-size:10px;cursor:pointer}.tabbar button span{line-height:16px}.tabbar button.active{color:var(--green);font-weight:700}.tab-icon{display:block;width:27px;height:27px;background-position:center;background-repeat:no-repeat;background-size:27px 27px}.tab-icon.home{background-image:url("/assets/tabbar/home.png")}.tab-icon.learn{background-image:url("/assets/tabbar/learn.png")}.tab-icon.leads{background-image:url("/assets/tabbar/leads.png")}.tab-icon.commission{background-image:url("/assets/tabbar/commission.png")}.tab-icon.profile{background-image:url("/assets/tabbar/profile.png")}.tabbar button.active .tab-icon.home{background-image:url("/assets/tabbar/home-active.png")}.tabbar button.active .tab-icon.learn{background-image:url("/assets/tabbar/learn-active.png")}.tabbar button.active .tab-icon.leads{background-image:url("/assets/tabbar/leads-active.png")}.tabbar button.active .tab-icon.commission{background-image:url("/assets/tabbar/commission-active.png")}.tabbar button.active .tab-icon.profile{background-image:url("/assets/tabbar/profile-active.png")}.hero{background:linear-gradient(145deg,#123e34,#20705b);color:#fff;padding:34px 24px 61px;border-radius:0 0 28px 28px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px}.hero h2{font-size:25px;line-height:1.45;margin:13px 0 8px}.hero p{font-size:12px;color:#b8d3cb}.hero button,.primary{border:0;background:var(--gold);color:var(--ink);font-weight:700;width:100%;padding:13px;border-radius:11px;margin-top:20px;cursor:pointer}.content{padding:0 16px}.overlap{margin-top:-36px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:14px;box-shadow:0 5px 20px #18362e0a}.wallet{display:flex;justify-content:space-around;align-items:center}.wallet>div{display:grid;gap:5px}.wallet small,.muted{color:var(--muted);font-size:11px}.wallet b{font-size:25px}.wallet .divider{height:46px;width:1px;background:var(--line)}.section-title{font-size:16px;font-weight:700;margin:22px 0 12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.step{display:grid;gap:4px}.step b{color:#c48c3b}.step span{font-size:12px;font-weight:700}.step small{font-size:9px;color:var(--muted);line-height:1.4}.rule-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.rule-row:last-child{border:0}.green{color:var(--green)}.page-head{padding:24px 18px 14px;display:flex;align-items:center;justify-content:space-between}.page-head h2{margin:0;font-size:23px}.page-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.small-btn{border:0;background:var(--green);color:#fff;border-radius:9px;padding:9px 12px;cursor:pointer}.lead{cursor:pointer}.lead-head{display:flex;justify-content:space-between;align-items:center}.lead-head b{font-size:14px}.tag{background:var(--mint);color:var(--green);border-radius:20px;padding:5px 8px;font-size:10px}.lead-meta,.lead-next{display:grid;gap:4px;background:#f5f8f6;border-radius:9px;padding:10px;margin:11px 0}.lead-next b{font-size:10px;color:#376458}.lead-next small{font-size:9px;color:#7a8984;line-height:1.4}.lead-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:11px}.lead-foot{border-top:1px solid var(--line);padding-top:11px}.detail-head{background:var(--deep);color:#fff;padding:25px 19px}.detail-head button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.detail-head h2{font-size:20px;margin:16px 0 6px}.detail-head p{margin:0;color:#b9d1ca;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-item{display:grid;gap:5px;background:#f6f8f5;border-radius:10px;padding:11px}.detail-item small{color:var(--muted);font-size:10px}.detail-item b{font-size:12px}.demand{font-size:12px;line-height:1.7}.timeline{border-left:2px solid #9acabb;padding-left:13px;margin-left:5px}.event{margin-bottom:16px;display:grid;gap:5px}.event b{font-size:12px}.event span{font-size:11px;color:#5d706a;line-height:1.5}.event small{font-size:9px;color:#9aa49f}.commission-hero{background:linear-gradient(145deg,#123e34,#24755f);color:#fff;padding:35px 23px}.commission-hero small{color:#b8d1ca}.commission-hero h2{font-size:33px;margin:10px 0}.commission-hero div{display:flex;gap:20px;font-size:11px;color:#b8d1ca}.withdraw-box{display:grid;gap:11px}.withdraw-box input,.form input,.form select,.form textarea{border:0;background:#f3f6f3;border-radius:10px;padding:12px;font:inherit;width:100%;font-size:12px}.withdraw-box button{margin:0;background:var(--green);color:#fff}.commission-row{display:flex;justify-content:space-between}.commission-row>div{display:grid;gap:5px}.commission-row b{font-size:13px}.commission-row small{font-size:10px;color:var(--muted)}.commission-row .amount{color:var(--green);font-size:16px;text-align:right}.form-page{padding:18px}.form-head{display:flex;gap:10px;align-items:center;margin-bottom:18px}.form-head button{border:0;background:transparent;font-size:22px;cursor:pointer}.form-head h2{margin:0;font-size:20px}.form{display:grid;gap:12px}.form label{font-size:11px;color:#5d716a;display:grid;gap:6px}.form textarea{min-height:70px;resize:none}.consent{display:flex!important;grid-template-columns:auto 1fr;line-height:1.5}.consent input{width:auto}.form .submit{background:var(--green);color:#fff;margin:5px 0 0}.lead-progress{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.lead-progress i{height:4px;background:#dde5e1;border-radius:5px}.lead-progress i.active{background:#167b62}.mini-reward{display:grid;gap:8px;margin-bottom:13px}.mini-reward>div{display:flex;justify-content:space-between;color:#167b62;font-size:10px;font-weight:700}.mini-reward small{font-size:9px;color:#74847f}.form-step-title{display:grid;gap:3px;margin-bottom:2px}.form-step-title b{font-size:14px;color:#173f35}.form-step-title small,.form-head small{font-size:9px;color:#74847f}.two-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px}.two-actions button{margin:0}.two-actions button:first-child{background:#e8efeb;color:#376458}.empty,.loading{text-align:center;padding:80px 0;color:var(--muted)}#mini-toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,10px);background:#183a31;color:#fff;padding:11px 17px;border-radius:9px;opacity:0;transition:.2s;z-index:20;font-size:13px}#mini-toast.show{opacity:1;transform:translate(-50%,0)}.mini-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.mini-brand>img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:13px;padding:5px;box-shadow:0 5px 14px #09271f24}.mini-brand>div{display:grid;gap:3px}.mini-brand small{color:#b8d3cb}.income-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.income-grid .card{display:grid;gap:5px;padding:15px}.income-grid b{font-size:19px;color:#173f35}.income-grid small,.income-grid em{font-size:10px;color:#75857f;font-style:normal}.income-grid .total{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;background:#fffaf0}.income-grid .total em{grid-column:1/-1}.easy-list{display:grid;gap:12px}.easy-list>div{display:flex;gap:9px;align-items:center;font-size:12px}.easy-list>div b{color:#167b62;font-size:16px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reward{padding:13px 6px;border-radius:13px;display:grid;text-align:center;gap:5px}.reward.a{background:#e6f3ed;color:#12664f}.reward.b{background:#fff3df;color:#9b641e}.reward.c{background:#f0f1ee;color:#66736f}.reward strong{font-size:18px}.reward small{font-size:9px}.reward-copy{font-size:10px;line-height:1.6}@media(max-width:850px){.guide{display:none}.preview-shell{padding:0}.phone{border:0;border-radius:0;width:100%;height:100vh;min-height:0}.phone-top{display:none}}
.learn-page{padding-bottom:22px}.learn-quick{background:linear-gradient(145deg,#153f35,#20705b);color:#fff}.learn-quick>div{display:flex;justify-content:space-between;margin-bottom:12px}.learn-quick>div span{font-size:10px;color:#e7bd78;font-weight:700}.learn-quick p{margin:8px 0;font-size:11px;color:#e6f2ee}.learn-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.learn-grades>div{padding:13px 8px;border-radius:13px;display:grid;gap:5px}.learn-grades .a{background:#e4f3ed;color:#12664f}.learn-grades .b{background:#fff1da;color:#93601d}.learn-grades .c{background:#eef0ed;color:#62706b}.learn-grades b{font-size:16px}.learn-grades span{font-size:10px;font-weight:700}.learn-grades small{font-size:8px;line-height:1.4}.learn-scenes{display:flex;gap:9px;overflow:auto;padding-bottom:5px}.learn-scenes>div{min-width:145px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;gap:7px}.learn-scenes b{font-size:12px}.learn-scenes span{font-size:10px;color:var(--green)}.learn-scenes small{font-size:9px;color:var(--muted);line-height:1.5}.learn-list{line-height:2}.learn-pitch button{display:block;border:0;background:var(--mint);color:var(--green);border-radius:9px;padding:9px 13px;margin-top:12px;font-weight:700;cursor:pointer}.learn-case{border-radius:13px;padding:13px;display:grid;gap:6px;margin-bottom:9px;font-size:10px;line-height:1.6}.learn-case.good{background:#e8f4ef}.learn-case.good b{color:var(--green)}.learn-case.bad{background:#fff1e7}.learn-case.bad b{color:#a46635}.learn-boundary{background:#fff8e9}.learn-quiz{display:grid;gap:14px}.learn-quiz fieldset{border:0;border-bottom:1px solid var(--line);padding:0 0 12px;margin:0;display:grid;gap:8px}.learn-quiz fieldset b{font-size:11px}.learn-quiz label{font-size:10px;color:#536861}.learn-quiz input{width:auto}.learn-passed{text-align:center;color:var(--green);font-weight:700;background:var(--mint);border-radius:10px;padding:12px}.learn-action{background:var(--green);color:#fff;margin-top:0}.learn-source{text-align:center;line-height:1.6}.training-status{width:100%;border:0;display:flex!important;justify-content:space-between;align-items:center;text-align:left;color:#7b8984;cursor:pointer}.training-status.done{background:#e8f4ef;color:#167b62}.training-status b{font-size:10px}