:root{--green:#43b65b;--green2:#1fa64a;--deep:#102916;--text:#183322;--muted:#637668;--soft:#eefbf1;--card:#fff;--shadow:0 18px 42px rgba(13,74,30,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:76px;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fff9 0,#eef8f1 100%)}a{text-decoration:none;color:inherit}.container{width:min(1180px,92vw);margin:auto}.topbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:600;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.08)}.nav{min-height:76px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:950;color:var(--deep);white-space:nowrap}.brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;background:#101010}.links{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto}.links a{padding:10px 12px;border-radius:999px;font-weight:850;color:#31513a}.links a:hover,.links a.active{background:var(--soft);color:var(--green2)}.actions{display:flex;gap:8px;align-items:center}.lang-select{min-width:165px;border:1px solid #cfe7d4;border-radius:999px;padding:9px 11px;background:white;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:linear-gradient(135deg,#43b65b,#77df8b);color:#fff!important;font-weight:950;padding:13px 20px;box-shadow:0 14px 28px rgba(67,182,91,.25);cursor:pointer}.btn.ghost{background:white;color:var(--green2)!important;border:1px solid #cfebd5;box-shadow:none}.btn.small{padding:9px 14px;font-size:14px}.welcome-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#f0fff4 0,#43b65b 70%);animation:welcomeOut .8s ease 3s forwards}.welcome-card{text-align:center;color:#10351c;position:relative}.welcome-card img{width:108px;height:108px;border-radius:26px;background:#111;box-shadow:0 22px 60px rgba(0,0,0,.22)}.welcome-card h2{font-size:clamp(30px,5vw,48px);margin:16px 0 8px}.welcome-card p{font-size:18px;font-weight:800}.welcome-card i{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;animation:particle 2s infinite}.welcome-card i:nth-child(4){left:-70px;top:25px}.welcome-card i:nth-child(5){right:-80px;top:55px;animation-delay:.35s}.welcome-card i:nth-child(6){left:20px;bottom:-32px;animation-delay:.8s}.welcome-card i:nth-child(7){right:25px;bottom:-45px;animation-delay:1.15s}.welcome-card i:nth-child(8){left:50%;top:-45px;animation-delay:1.55s}@keyframes welcomeOut{to{opacity:0;pointer-events:none;visibility:hidden}}@keyframes particle{50%{transform:translateY(-24px) scale(1.9);opacity:.35}}.hero{position:relative;overflow:hidden;padding:70px 0 52px;background:radial-gradient(circle at 82% 22%,#c3f5cc 0,#f7fff8 34%,transparent 64%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.eyebrow{font-weight:950;letter-spacing:.14em;color:var(--green2);text-transform:uppercase}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;margin:13px 0;color:var(--deep)}.lead{font-size:19px;line-height:1.8;color:#3e5947}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stat{background:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow);border:1px solid #e0f1e4}.stat b{font-size:27px;color:var(--green2);display:block}.visual{min-height:430px;border-radius:36px;background:linear-gradient(145deg,#0a2a17,#1c7937);position:relative;box-shadow:var(--shadow);overflow:hidden}.visual:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-35px;height:125px;background:linear-gradient(8deg,#48bb60,#bdf2c5);border-radius:50% 50% 0 0}.welcome{position:absolute;z-index:2;left:26px;right:26px;top:28px;background:rgba(255,255,255,.93);border-radius:24px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.12);animation:float 3s ease-in-out infinite}.windmill{position:absolute;left:50%;top:57%;width:170px;height:250px;transform:translate(-50%,-50%);z-index:3}.windmill.small-one{transform:translate(-190px,-8px) scale(.52);opacity:.9}.windmill.small-two{transform:translate(85px,-8px) scale(.68);opacity:.95}.tower{position:absolute;left:80px;top:100px;width:12px;height:150px;background:linear-gradient(#f5fff7,#43b65b);border-radius:10px}.hub{position:absolute;left:61px;top:61px;width:50px;height:50px;border-radius:50%;background:#43b65b;border:9px solid #fff;z-index:5;box-shadow:0 4px 16px rgba(0,0,0,.18)}.blades{position:absolute;left:16px;top:16px;width:140px;height:140px;animation:spin 2.6s linear infinite;transform-origin:center}.blade{position:absolute;left:64px;top:0;width:14px;height:68px;background:linear-gradient(90deg,#fff,#dcffe5);border:2px solid rgba(67,182,91,.55);border-radius:100% 100% 10px 10px;transform-origin:7px 70px;box-shadow:0 5px 12px rgba(0,0,0,.14)}.blade:nth-child(2){transform:rotate(120deg)}.blade:nth-child(3){transform:rotate(240deg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px)}}section{padding:64px 0}.soft{background:linear-gradient(180deg,#effbf2,#fff)}.section-title{text-align:center;margin-bottom:34px}.section-title h2{margin:0;color:var(--deep);font-size:clamp(30px,4vw,48px)}.section-title p{color:var(--muted);font-size:17px;line-height:1.7}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid rgba(67,182,91,.13);border-radius:26px;padding:26px;box-shadow:var(--shadow)}.card h3{margin-top:0;color:var(--deep)}.icon{font-size:38px}.page-hero{padding:60px 0;background:linear-gradient(135deg,#102916,#43b65b);color:white}.page-hero h1{font-size:clamp(36px,5vw,64px);margin:0}.page-hero p{font-size:18px;max-width:850px;line-height:1.75}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plan-card{position:relative;overflow:hidden;border-top:6px solid var(--accent);transition:.25s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(10,70,30,.22)}.plan-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;font-weight:950;font-size:20px;box-shadow:0 10px 22px rgba(0,0,0,.16)}.plan-card h3{font-size:26px;margin:18px 0;color:var(--deep)}.plan-meta{display:grid;gap:10px;margin:18px 0}.plan-meta div{background:#f4fbf5;border:1px solid #dff1e3;border-radius:15px;padding:12px;font-size:15px}.plan-meta b{color:#244b2d}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tag-chip{background:linear-gradient(135deg,#43b65b,#22a447);color:#fff;border:0;border-radius:999px;padding:11px 15px;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(67,182,91,.2)}.tag-chip.copied{background:#10ac84;transform:scale(.96)}.reward{display:inline-block;background:#eaffef;color:#138032;padding:8px 12px;border-radius:999px;font-weight:950}.steps{counter-reset:step}.step{display:flex;gap:14px;margin:13px 0;line-height:1.7}.step:before{counter-increment:step;content:counter(step);width:34px;height:34px;border-radius:50%;background:#43b65b;color:#fff;display:grid;place-items:center;font-weight:950;flex:none}.reward-table{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.reward-col{color:#fff;border-radius:22px;padding:22px 12px;text-align:center;box-shadow:0 18px 35px rgba(0,0,0,.15);min-height:184px;display:flex;flex-direction:column;justify-content:center;gap:8px}.reward-col .level-num{font-size:22px;font-weight:950}.reward-col .rate{font-size:40px;font-weight:950;line-height:1}.reward-col .team,.reward-col .earn{background:rgba(255,255,255,.18);border-radius:999px;padding:6px 8px;font-size:13px}.l1{background:#e74c3c}.l2{background:#f39c12}.l3{background:#f1c40f;color:#3d3200}.l4{background:#27ae60}.l5{background:#2980b9}.l6{background:#8e44ad}.ladder{display:grid;gap:12px}.ladder div{width:var(--w);min-width:120px;background:linear-gradient(90deg,#43b65b,#8ce29b);border-radius:0 999px 999px 0;padding:12px 18px;font-weight:950;color:#fff}.robot-apply ul{columns:2;line-height:2}.faq-item{margin:14px 0}.faq-item summary{cursor:pointer;font-weight:950;background:#fff;padding:18px;border-radius:16px;box-shadow:var(--shadow)}.faq-item p{background:#fff;margin:0;padding:0 18px 18px;border-radius:0 0 16px 16px;color:#405343;line-height:1.75}.css-map{height:270px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e9fff0,#c9f3d0);border:1px solid #cdebd3}.css-map:before,.css-map:after{content:"";position:absolute;background:#fff;border-radius:999px;box-shadow:0 0 0 2px #b6e3bf}.css-map:before{width:125%;height:28px;left:-12%;top:45%;transform:rotate(-18deg)}.css-map:after{width:32px;height:130%;left:58%;top:-12%;transform:rotate(15deg)}.css-map span:nth-child(1){position:absolute;width:120%;height:20px;background:#a7dfb3;left:-10%;top:20%;transform:rotate(12deg);border-radius:99px}.css-map span:nth-child(2){position:absolute;width:110%;height:18px;background:#95dca4;left:-5%;top:70%;transform:rotate(-8deg);border-radius:99px}.css-map span:nth-child(3){position:absolute;width:22px;height:120%;background:#86d496;left:25%;top:-10%;transform:rotate(-4deg);border-radius:99px}.css-map span:nth-child(4){position:absolute;width:20px;height:120%;background:#78cb89;left:78%;top:-10%;transform:rotate(8deg);border-radius:99px}.css-map b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#12351f;color:#fff;padding:13px 18px;border-radius:999px;box-shadow:0 12px 28px rgba(0,0,0,.2);white-space:nowrap}.install-steps article{display:grid;grid-template-columns:auto 1fr;gap:10px;background:#fff;border-radius:18px;padding:18px;margin:12px 0;box-shadow:var(--shadow);border-left:6px solid #43b65b}.install-steps.blue article{border-left-color:#2196F3}.notice{background:#fff8e1;border:1px solid #ffe5a3;border-radius:16px;padding:14px 16px;color:#795500;font-weight:800}.qr-img{width:240px;height:240px;border-radius:24px;box-shadow:var(--shadow);margin:18px 0}.device-panel{display:none}.floating{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:12px}.float-btn{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow)}.messenger{background:#168aff}.telegram{background:#27a7e7}.float-btn svg{width:30px;height:30px;fill:#fff}.footer{background:#102916;color:#dff5e4;padding:34px 0;margin-top:42px}.footer p{color:#c6e7ce}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:16px;border-bottom:1px solid #e5f1e8;text-align:left}.table th{background:#eaf8ee;color:var(--deep)}[dir=rtl] .links{margin-left:0;margin-right:auto}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}@media(max-width:980px){.nav{flex-wrap:nowrap;padding:0}.links{display:none}.links a{white-space:nowrap}.hero-grid,.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.plans-grid,.reward-table{grid-template-columns:repeat(2,1fr)}.visual{min-height:350px}.small-one,.small-two{display:none}.actions{margin-left:0;flex-shrink:0}.lang-select{min-width:150px}.table{font-size:14px}.table th,.table td{padding:10px}}@media(max-width:640px){.plans-grid,.reward-table{grid-template-columns:1fr}.hero{padding-top:45px}.visual{min-height:310px}.robot-apply ul{columns:1}.actions{flex-shrink:0;justify-content:flex-end}.stats{grid-template-columns:1fr 1fr}.brand{font-size:19px}.lang-select{min-width:170px;max-width:180px}.btn.small{padding:8px 11px}}

/* ===== HAMBURGER MOBILE NAV ===== */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:2px solid #cfe7d4;border-radius:10px;cursor:pointer;padding:8px;margin-left:8px;z-index:200}
.hamburger span{display:block;height:3px;width:100%;background:#1a4731;border-radius:3px;transition:.3s}
.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-drawer{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fff;z-index:300;box-shadow:-4px 0 24px rgba(0,0,0,.15);transition:right .3s ease;display:flex;flex-direction:column;padding:0}
.mobile-drawer.open{right:0}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px;border-bottom:1px solid #e8f5eb}
.drawer-header .brand{font-size:18px;font-weight:950;color:#1a4731}
.drawer-close{background:none;border:none;font-size:24px;cursor:pointer;color:#555;line-height:1}
.drawer-links{display:flex;flex-direction:column;padding:12px 0;flex:1;overflow-y:auto}
.drawer-links a{padding:14px 22px;font-size:16px;font-weight:700;color:#1a4731;border-bottom:1px solid #f0f8f2;display:block;transition:background .2s}
.drawer-links a:hover,.drawer-links a.active{background:#f0fbf2;color:#43b65b}
.drawer-footer{padding:16px 18px;border-top:1px solid #e8f5eb;display:flex;flex-direction:column;gap:10px}
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:250}
.drawer-overlay.open{display:block}

/* ===== CUSTOM LANGUAGE DROPDOWN ===== */
.lang-wrapper{position:relative;display:inline-block}
.lang-btn{display:flex;align-items:center;gap:6px;min-width:130px;border:1px solid #cfe7d4;border-radius:999px;padding:8px 12px;background:#fff;font-weight:800;font-size:14px;cursor:pointer;color:#1a4731;white-space:nowrap}
.lang-btn .arrow{margin-left:auto;font-size:10px;transition:.2s}

.lang-dropdown.open{display:block}
.lang-option{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600;color:#1a4731;transition:background .15s}
.lang-option:hover,.lang-option.active{background:#f0fbf2}
.lang-select{display:none!important}

@media(max-width:980px){
  .hamburger{display:flex}
  .links{display:none!important}
  .actions .btn{display:none}
  .lang-wrapper{display:inline-block}
}
@media(min-width:981px){
  .hamburger{display:none!important}
  .mobile-drawer{display:none!important}
  .drawer-overlay{display:none!important}
}

/* === MOBILE NAV OVERRIDE (强制) === */
@media(max-width:980px){
  .hamburger{display:flex!important}
  .links{display:none!important}
  .actions .btn{display:none!important}
  .nav{flex-wrap:nowrap!important;padding:0!important;gap:8px!important}
  .actions{margin-left:0!important;gap:6px!important}
  .brand{flex:1}
}
@media(min-width:981px){
  .hamburger{display:none!important}
  .mobile-drawer{display:none!important}
  .drawer-overlay{display:none!important}
  .actions .btn{display:inline-flex!important}
  .links{display:flex!important}
}

/* ====== FORCE MOBILE NAV v2 ====== */
@media screen and (max-width:980px){
  header.topbar .nav .links{display:none!important}
  header.topbar .nav .actions a.btn{display:none!important}
  header.topbar .nav button.hamburger{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    width:42px;
    height:42px;
    min-width:42px;
    background:#f0fbf2;
    border:1.5px solid #43b65b;
    border-radius:10px;
    cursor:pointer;
    padding:8px;
    margin-left:8px;
  }
  header.topbar .nav button.hamburger span{
    display:block!important;
    width:22px;
    height:2.5px;
    background:#1a4731;
    border-radius:3px;
    transition:.3s;
  }
  header.topbar .nav{
    flex-wrap:nowrap!important;
    padding:0 0!important;
    min-height:64px;
  }
  header.topbar .nav .brand{flex:1}
  header.topbar .nav .actions{margin-left:0!important;gap:6px}
}
@media screen and (min-width:981px){
  header.topbar .nav button.hamburger{display:none!important}
  .mobile-drawer{display:none!important}
  .drawer-overlay{display:none!important}
  header.topbar .nav .links{display:flex!important}
  header.topbar .nav .actions a.btn{display:inline-flex!important}
}
/* ====== END FORCE MOBILE NAV v2 ====== */

/* ====== CSS-only Platform Tabs ====== */
.ptab-radio { display: none; }
.tutorial-panel { display: none; }
.ptab { cursor: pointer; }

/* Show panel when its tab is checked */
#tab-tg:checked ~ .tutorial-panel#panel-tg,
#tab-wa:checked ~ .tutorial-panel#panel-wa,
#tab-fb:checked ~ .tutorial-panel#panel-fb,
#tab-tw:checked ~ .tutorial-panel#panel-tw,
#tab-ig:checked ~ .tutorial-panel#panel-ig,
#tab-tt:checked ~ .tutorial-panel#panel-tt,
#tab-yt:checked ~ .tutorial-panel#panel-yt,
#tab-rd:checked ~ .tutorial-panel#panel-rd,
#tab-ln:checked ~ .tutorial-panel#panel-ln,
#tab-vb:checked ~ .tutorial-panel#panel-vb,
#tab-dc:checked ~ .tutorial-panel#panel-dc,
#tab-qu:checked ~ .tutorial-panel#panel-qu { display: block; }

/* Active tab style */
#tab-tg:checked ~ label[for="tab-tg"],
#tab-wa:checked ~ label[for="tab-wa"],
#tab-fb:checked ~ label[for="tab-fb"],
#tab-tw:checked ~ label[for="tab-tw"],
#tab-ig:checked ~ label[for="tab-ig"],
#tab-tt:checked ~ label[for="tab-tt"],
#tab-yt:checked ~ label[for="tab-yt"],
#tab-rd:checked ~ label[for="tab-rd"],
#tab-ln:checked ~ label[for="tab-ln"],
#tab-vb:checked ~ label[for="tab-vb"],
#tab-dc:checked ~ label[for="tab-dc"],
#tab-qu:checked ~ label[for="tab-qu"] {
  background: #43b65b;
  border-color: #43b65b;
  color: #fff;
}

/* ====== CSS-only Platform Tabs via :has() ====== */
.ptab-radio { display: none; }
.tutorial-panel { display: none; }
.ptab { cursor: pointer; }

/* Show panel when its tab is checked */
#tab-tg:checked ~ .tutorial-panel#panel-tg,
#tab-wa:checked ~ .tutorial-panel#panel-wa,
#tab-fb:checked ~ .tutorial-panel#panel-fb,
#tab-tw:checked ~ .tutorial-panel#panel-tw,
#tab-ig:checked ~ .tutorial-panel#panel-ig,
#tab-tt:checked ~ .tutorial-panel#panel-tt,
#tab-yt:checked ~ .tutorial-panel#panel-yt,
#tab-rd:checked ~ .tutorial-panel#panel-rd,
#tab-ln:checked ~ .tutorial-panel#panel-ln,
#tab-vb:checked ~ .tutorial-panel#panel-vb,
#tab-dc:checked ~ .tutorial-panel#panel-dc,
#tab-qu:checked ~ .tutorial-panel#panel-qu { display: block; }

/* Also make the platform-tabs div "contain" checked state via :has() */
.platform-tabs:has(#tab-tg:checked) label[for="tab-tg"],
.platform-tabs:has(#tab-wa:checked) label[for="tab-wa"],
.platform-tabs:has(#tab-fb:checked) label[for="tab-fb"],
.platform-tabs:has(#tab-tw:checked) label[for="tab-tw"],
.platform-tabs:has(#tab-ig:checked) label[for="tab-ig"],
.platform-tabs:has(#tab-tt:checked) label[for="tab-tt"],
.platform-tabs:has(#tab-yt:checked) label[for="tab-yt"],
.platform-tabs:has(#tab-rd:checked) label[for="tab-rd"],
.platform-tabs:has(#tab-ln:checked) label[for="tab-ln"],
.platform-tabs:has(#tab-vb:checked) label[for="tab-vb"],
.platform-tabs:has(#tab-dc:checked) label[for="tab-dc"],
.platform-tabs:has(#tab-qu:checked) label[for="tab-qu"] {
  background: #43b65b;
  border-color: #43b65b;
  color: #fff;
}