Standing Electric Wheelchair & Power Stand Up Walker - Sit to Stand Walking

Achairgo | The Ultimate Standing Rehabilitation Ecosystem /* ============================================================ ACHAIRGO ELITE — COMPLETE REDESIGN v3.1 ============================================================ */ :root { --gold: #C9A84C; --gold-light: #E8C96A; --gold-dark: #A07830; --navy: #0D1B2A; --navy-mid: #1C3050; --slate: #4A5568; --slate-light: #718096; --bg-white: #FFFFFF; --bg-snow: #F9FAFB; --bg-ice: #F0F4F8; --border: #E2E8F0; --text-dark: #1A202C; --text-mid: #4A5568; --text-light: #718096; --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 8px 24px rgba(0,0,0,0.08); --shadow-lg: 0 20px 50px rgba(0,0,0,0.10); --shadow-gold: 0 8px 30px rgba(201,168,76,0.25); --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94); --section-gap: 100px; --container: 1200px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: var(--text-mid); background: var(--bg-white); line-height: 1.7; overflow-x: hidden; -webkit-font-smoothing: antialiased; } img { display: block; max-width: 100%; height: auto; } a { text-decoration: none; color: inherit; } ul { list-style: none; } button { font-family: inherit; } /* ---------- Typography ---------- */ .t-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); } .t-display { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; color: var(--navy); line-height: 1.15; letter-spacing: -0.02em; } .t-display.xl { font-size: clamp(2rem, 5vw, 3.8rem); } .t-display.lg { font-size: clamp(1.7rem, 3.5vw, 3rem); } .t-display.md { font-size: clamp(1.3rem, 2.5vw, 2.2rem); } .t-display.sm { font-size: clamp(1.1rem, 2vw, 1.6rem); } .t-body-lg { font-size: clamp(0.92rem, 1.5vw, 1.08rem); color: var(--text-mid); line-height: 1.75; } .t-body { font-size: clamp(0.85rem, 1.2vw, 0.98rem); color: var(--text-mid); line-height: 1.7; } /* ---------- Layout ---------- */ .container { max-width: var(--container); margin: 0 auto; padding: 0 clamp(16px, 5vw, 60px); } .section { padding: var(--section-gap) 0; } .section--sm { padding: 60px 0; } .section--bg { background: var(--bg-snow); } .section--dark { background: var(--navy); } /* ---------- Grid ---------- */ .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 80px); align-items: center; } .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 3vw, 40px); } /* ---------- Section Header ---------- */ .section-header { text-align: center; max-width: 760px; margin: 0 auto clamp(36px, 6vw, 64px); } .section-header .t-label { margin-bottom: 12px; } .section-header .t-display { margin-bottom: 16px; } /* ---------- Gold Divider ---------- */ .gold-divider { width: 44px; height: 3px; background: linear-gradient(90deg, var(--gold), var(--gold-light)); border-radius: 2px; margin: 14px 0 20px; } .gold-divider.center { margin: 14px auto 20px; } /* ---------- Buttons ---------- */ .btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.8rem; letter-spacing: 1.5px; text-transform: uppercase; border: none; border-radius: var(--radius-sm); cursor: pointer; transition: all 0.3s var(--ease-smooth); padding: 14px 30px; white-space: nowrap; } .btn--primary { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: #fff; box-shadow: var(--shadow-gold); } .btn--primary:hover { background: linear-gradient(135deg, var(--gold-light), var(--gold)); transform: translateY(-2px); box-shadow: 0 14px 36px rgba(201,168,76,0.35); } .btn--outline { background: transparent; color: var(--gold); border: 1.5px solid var(--gold); } .btn--outline:hover { background: var(--gold); color: #fff; transform: translateY(-2px); } .btn-arrow { transition: transform 0.3s; } .btn:hover .btn-arrow { transform: translateX(4px); } /* ---------- Image Components ---------- */ .img-zoom { overflow: hidden; border-radius: var(--radius-md); background: var(--bg-ice); } .img-zoom img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s var(--ease-smooth); will-change: transform; } .img-zoom:hover img { transform: scale(1.06); } /* ---------- Feature List ---------- */ .feature-list { margin-top: 24px; } .feature-list li { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--border); } .feature-list li:last-child { border-bottom: none; margin-bottom: 0; } .feature-icon { width: 36px; height: 36px; min-width: 36px; border-radius: 8px; background: rgba(201,168,76,0.12); display: flex; align-items: center; justify-content: center; font-size: 1rem; margin-top: 2px; } .feature-text strong { display: block; font-size: 0.93rem; font-weight: 600; color: var(--navy); margin-bottom: 3px; } .feature-text span { font-size: 0.85rem; color: var(--text-light); } /* ---------- Utilities ---------- */ .text-center { text-align: center; } .mt-xs { margin-top: 8px; } .mt-sm { margin-top: 14px; } .mt-md { margin-top: 24px; } .mt-lg { margin-top: 40px; } .mb-sm { margin-bottom: 14px; } .mb-md { margin-bottom: 24px; } .d-flex { display: flex; } .flex-center { justify-content: center; } .flex-wrap { flex-wrap: wrap; } .gap-sm { gap: 12px; } ::selection { background: rgba(201,168,76,0.2); color: var(--navy); } /* ============================================================ ANNOUNCE BAR ============================================================ */ .announce-bar { background: linear-gradient(135deg, var(--navy), var(--navy-mid)); color: rgba(255,255,255,0.85); text-align: center; padding: 9px 16px; font-size: 0.75rem; letter-spacing: 0.3px; } .announce-bar strong { color: var(--gold-light); } /* ============================================================ HERO ============================================================ */ .hero { position: relative; width: 100%; height: 90vh; min-height: 560px; max-height: 900px; display: flex; align-items: center; overflow: hidden; } .hero__bg { position: absolute; inset: 0; z-index: 0; } .hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; animation: heroZoom 18s ease-in-out infinite alternate; } @keyframes heroZoom { from { transform: scale(1); } to { transform: scale(1.05); } } .hero__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient( 105deg, rgba(10,22,40,0.82) 0%, rgba(10,22,40,0.50) 50%, rgba(10,22,40,0.12) 100% ); } .hero__container { position: relative; z-index: 2; display: flex; align-items: center; max-width: var(--container); margin: 0 auto; width: 100%; } .hero__content { max-width: 540px; animation: heroFadeUp 0.9s var(--ease-smooth) both; } @keyframes heroFadeUp { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: translateY(0); } } .hero__tag { display: inline-flex; align-items: center; gap: 8px; background: rgba(201,168,76,0.15); border: 1px solid rgba(201,168,76,0.35); border-radius: 20px; padding: 5px 14px; margin-bottom: 20px; backdrop-filter: blur(4px); } .hero__tag span { font-size: 0.66rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--gold-light); } .hero__tag-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold-light); animation: pulse 2s infinite; } @keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.5; transform:scale(1.4); } } .hero__title { font-family: 'Playfair Display', serif; font-size: clamp(1.9rem, 5vw, 3.8rem); font-weight: 700; color: #fff; line-height: 1.12; letter-spacing: -0.02em; margin-bottom: 18px; } .hero__title em { font-style: italic; color: var(--gold-light); } .hero__subtitle { font-size: clamp(0.875rem, 1.5vw, 1.02rem); color: rgba(255,255,255,0.78); line-height: 1.75; margin-bottom: 32px; max-width: 420px; } .hero__actions { display: flex; gap: 14px; flex-wrap: wrap; } /* ============================================================ HERO STATS BAR — FIXED: always 1 row ============================================================ */ .hero__stats { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background: rgba(10,22,40,0.70); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-top: 1px solid rgba(255,255,255,0.10); } .hero__stats-inner { max-width: var(--container); margin: 0 auto; padding: 0 clamp(16px, 5vw, 60px); display: flex; /* 始终横向flex */ flex-direction: row; /* 强制一行 */ align-items: stretch; } .hero__stat { flex: 1; /* 四格均等 */ min-width: 0; /* 允许收缩 */ padding: clamp(12px, 2vw, 22px) clamp(4px, 1vw, 16px); text-align: center; border-right: 1px solid rgba(255,255,255,0.10); } .hero__stat:last-child { border-right: none; } .hero__stat-num { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 3.5vw, 1.9rem); /* 手机端自动缩小 */ font-weight: 700; color: var(--gold-light); line-height: 1; margin-bottom: 4px; } .hero__stat-label { font-size: clamp(0.55rem, 1.2vw, 0.68rem); /* 手机端极小字 */ color: rgba(255,255,255,0.55); letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.3; word-break: break-word; /* 超长单词换行 */ } /* ============================================================ SCROLL REVEAL ============================================================ */ .reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.65s var(--ease-smooth), transform 0.65s var(--ease-smooth); } .reveal.is-visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.10s; } .reveal-delay-2 { transition-delay: 0.20s; } .reveal-delay-3 { transition-delay: 0.30s; } /* ============================================================ MODULE 2: EMPATHY ============================================================ */ .empathy { background: var(--bg-snow); } .empathy__image-stack { position: relative; padding: 0 30px 30px 0; } .empathy__img-main { width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); transition: transform 0.5s var(--ease-smooth); } .empathy__img-main:hover { transform: translateY(-5px); } .empathy__img-accent { position: absolute; bottom: 0; right: 0; width: 46%; border-radius: var(--radius-md); box-shadow: var(--shadow-md); border: 3px solid #fff; z-index: 2; transition: transform 0.5s var(--ease-smooth); } .empathy__img-accent:hover { transform: translateY(-4px) scale(1.02); } .badge-floating { position: absolute; top: 20px; right: 0; z-index: 3; background: var(--navy); color: #fff; border-radius: var(--radius-md); padding: 12px 18px; box-shadow: var(--shadow-md); text-align: center; min-width: 110px; } .badge-floating .num { font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; color: var(--gold-light); line-height: 1; } .badge-floating .lbl { font-size: 0.65rem; color: rgba(255,255,255,0.6); margin-top: 3px; letter-spacing: 0.3px; } /* ============================================================ MODULE 3: CLINIC TABS — 真正的内容切换 ============================================================ */ .clinic__tabs { display: flex; gap: 8px; margin-bottom: 32px; flex-wrap: wrap; } .clinic__tab { padding: 9px 18px; border-radius: 24px; border: 1.5px solid var(--border); font-size: 0.8rem; font-weight: 600; color: var(--text-light); cursor: pointer; transition: all 0.25s; background: #fff; -webkit-tap-highlight-color: transparent; } .clinic__tab:hover { border-color: var(--gold); color: var(--gold); } .clinic__tab.active { border-color: var(--gold); color: #fff; background: linear-gradient(135deg, var(--gold), var(--gold-dark)); } /* Tab Panels */ .clinic__panels { position: relative; } .clinic__panel { display: none; } .clinic__panel.active { display: block; animation: panelFade 0.4s var(--ease-smooth); } @keyframes panelFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* Tab对应图片 */ .clinic__img-wrap { height: clamp(280px, 45vw, 460px); border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-ice); } .clinic__img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease-smooth); } .clinic__img-wrap:hover img { transform: scale(1.05); } /* ============================================================ MODULE 4: ACCESSORIES ============================================================ */ .acc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .acc-card { border-radius: var(--radius-md); overflow: hidden; position: relative; background: var(--bg-ice); cursor: pointer; } .acc-card img { width: 100%; display: block; min-height: clamp(180px, 30vw, 320px); object-fit: cover; transition: transform 0.6s var(--ease-smooth); } .acc-card:hover img { transform: scale(1.07); } .acc-card__label { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(10,22,40,0.85), transparent); color: #fff; padding: 28px 16px 14px; font-size: 0.85rem; font-weight: 600; transform: translateY(6px); opacity: 0; transition: all 0.35s; } .acc-card:hover .acc-card__label { transform: translateY(0); opacity: 1; } /* ============================================================ MODULE 5: ENGINEERING CARDS ============================================================ */ .eng-card { background: #fff; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--border); transition: transform 0.4s var(--ease-smooth), box-shadow 0.4s; display: flex; flex-direction: column; } .eng-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-lg); } .eng-card__img { overflow: hidden; background: var(--bg-ice); } .eng-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease-smooth); } .eng-card:hover .eng-card__img img { transform: scale(1.06); } .eng-card__body { padding: clamp(18px, 3vw, 28px); flex: 1; display: flex; flex-direction: column; } .eng-card__icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(201,168,76,0.12); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; margin-bottom: 14px; } .eng-card__title { font-size: clamp(0.92rem, 1.5vw, 1.05rem); font-weight: 700; color: var(--navy); margin-bottom: 9px; } .eng-card__desc { font-size: 0.85rem; color: var(--text-light); line-height: 1.65; flex: 1; } .eng-card__tag { display: inline-block; margin-top: 16px; padding: 4px 11px; background: rgba(201,168,76,0.1); color: var(--gold-dark); border-radius: 20px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.4px; align-self: flex-start; } /* ============================================================ MODULE 6: CONTROL — DARK ============================================================ */ .control { background: var(--navy); } .control__list { margin-top: 24px; } .control__list li { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; padding: 18px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-md); transition: background 0.3s, border-color 0.3s; } .control__list li:hover { background: rgba(201,168,76,0.08); border-color: rgba(201,168,76,0.25); } .control__num { font-family: 'Playfair Display', serif; font-size: 1.4rem; font-weight: 700; color: var(--gold); line-height: 1; min-width: 26px; } .control__item-title { font-size: 0.93rem; font-weight: 600; color: rgba(255,255,255,0.90); margin-bottom: 4px; } .control__item-desc { font-size: 0.82rem; color: rgba(255,255,255,0.48); line-height: 1.6; } /* ============================================================ MODULE 7: SPECS ============================================================ */ .specs { background: var(--bg-snow); } .specs__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 4vw, 60px); margin-top: 44px; } .specs__col-title { font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid var(--gold); display: flex; align-items: center; gap: 8px; } .specs__table { width: 100%; border-collapse: collapse; } .specs__table tr { border-bottom: 1px solid var(--border); transition: background 0.2s; } .specs__table tr:hover { background: rgba(201,168,76,0.04); } .specs__table td { padding: clamp(10px, 1.5vw, 15px) 8px; font-size: clamp(0.78rem, 1.2vw, 0.9rem); vertical-align: middle; } .specs__table td:first-child { font-weight: 600; color: var(--navy); width: 50%; } .specs__table td:last-child { color: var(--text-light); text-align: right; font-weight: 500; } .specs__table tr.highlight td:last-child { color: var(--gold-dark); font-weight: 700; } /* ============================================================ MODULE 8: FITMENT CARDS ============================================================ */ .fitment__card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-md); padding: clamp(16px, 3vw, 24px); display: flex; align-items: center; gap: 18px; margin-bottom: 14px; transition: all 0.3s var(--ease-smooth); box-shadow: var(--shadow-sm); } .fitment__card:hover { border-color: var(--gold); box-shadow: var(--shadow-gold); transform: translateX(4px); } .fitment__card-icon { width: 50px; height: 50px; min-width: 50px; border-radius: var(--radius-sm); background: linear-gradient(135deg, var(--gold), var(--gold-dark)); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; box-shadow: 0 4px 10px rgba(201,168,76,0.28); } .fitment__card-title { font-size: 0.68rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-light); margin-bottom: 5px; } .fitment__card-value { font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; color: var(--navy); line-height: 1.2; } /* ============================================================ MODULE 9: FAQ ============================================================ */ .faq__item { border-bottom: 1px solid var(--border); overflow: hidden; } .faq__item:first-child { border-top: 1px solid var(--border); } .faq__trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; background: none; border: none; cursor: pointer; text-align: left; gap: 14px; -webkit-tap-highlight-color: transparent; } .faq__q { font-size: clamp(0.875rem, 1.4vw, 1rem); font-weight: 600; color: var(--navy); line-height: 1.4; flex: 1; transition: color 0.25s; } .faq__item.is-open .faq__q { color: var(--gold-dark); } .faq__icon-wrap { width: 30px; height: 30px; min-width: 30px; border-radius: 50%; border: 1.5px solid var(--border); display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; } .faq__item.is-open .faq__icon-wrap { background: var(--gold); border-color: var(--gold); } .faq__icon { font-size: 1rem; color: var(--text-light); transition: transform 0.35s var(--ease-smooth), color 0.3s; line-height: 1; } .faq__item.is-open .faq__icon { transform: rotate(45deg); color: #fff; } .faq__panel { overflow: hidden; max-height: 0; transition: max-height 0.4s var(--ease-smooth); } .faq__a { padding: 0 0 20px; font-size: 0.9rem; color: var(--text-mid); line-height: 1.75; max-width: 640px; } /* ============================================================ TRUST BAR ============================================================ */ .trust { background: var(--navy); } .trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); } .trust__item { padding: clamp(24px, 4vw, 40px) clamp(14px, 2vw, 28px); text-align: center; border-right: 1px solid rgba(255,255,255,0.08); transition: background 0.3s; } .trust__item:last-child { border-right: none; } .trust__item:hover { background: rgba(255,255,255,0.04); } .trust__icon { font-size: 1.8rem; margin-bottom: 12px; display: block; } .trust__title { font-size: clamp(0.82rem, 1.3vw, 0.92rem); font-weight: 700; color: #fff; margin-bottom: 6px; } .trust__desc { font-size: clamp(0.72rem, 1vw, 0.78rem); color: rgba(255,255,255,0.48); line-height: 1.55; } /* ============================================================ CTA FINALE ============================================================ */ .cta-finale { position: relative; overflow: hidden; padding: clamp(70px, 10vw, 110px) 0; text-align: center; background: linear-gradient(135deg, var(--navy), var(--navy-mid)); } .cta-finale__orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.16; pointer-events: none; } .cta-finale__orb--1 { width: 380px; height: 380px; background: var(--gold); top: -100px; left: -100px; } .cta-finale__orb--2 { width: 280px; height: 280px; background: var(--gold-light); bottom: -70px; right: -60px; } .cta-finale__content { position: relative; z-index: 1; } /* ============================================================ RESPONSIVE — TABLET ≤992px ============================================================ */ @media (max-width: 992px) { :root { --section-gap: 70px; } .grid-2 { grid-template-columns: 1fr; } .grid-3 { grid-template-columns: repeat(2, 1fr); } .specs__grid { grid-template-columns: 1fr; } .trust__grid { grid-template-columns: repeat(2, 1fr); } .trust__item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); } .trust__item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.08); } .empathy__image-stack { padding: 0 24px 24px 0; } } /* ============================================================ RESPONSIVE — MOBILE ≤767px 关键修复: Stats Bar 始终一行 ============================================================ */ @media (max-width: 767px) { :root { --section-gap: 52px; } /* Hero */ .hero { height: 100svh; min-height: 580px; max-height: none; align-items: flex-end; padding-bottom: 0; } .hero__bg img { object-position: 65% center; } .hero__overlay { background: linear-gradient( to top, rgba(10,22,40,0.92) 0%, rgba(10,22,40,0.60) 50%, rgba(10,22,40,0.18) 100% ); } .hero__container { align-items: flex-end; padding-bottom: clamp(90px, 20vw, 130px); /* 给Stats留空间 */ } .hero__content { max-width: 100%; } .hero__actions { flex-direction: column; } .hero__actions .btn { width: 100%; justify-content: center; } /* ★ Stats Bar — 手机强制一行，关键规则 ★ */ .hero__stats-inner { flex-direction: row !important; /* 覆盖任何继承 */ flex-wrap: nowrap !important; /* 禁止换行 */ overflow: hidden; } .hero__stat { flex: 1 1 0; /* 均分，允许收缩 */ padding: 10px 4px; /* 手机padding更紧凑 */ min-width: 0; } .hero__stat-num { font-size: clamp(0.95rem, 4vw, 1.4rem); } .hero__stat-label { font-size: clamp(0.5rem, 1.8vw, 0.62rem); letter-spacing: 0; } /* Empathy stack — 简化为单图 */ .empathy__image-stack { padding: 0; } .empathy__img-accent { display: none; } .badge-floating { top: 12px; right: 12px; padding: 10px 14px; min-width: 90px; } .badge-floating .num { font-size: 1.3rem; } /* Grid */ .grid-3 { grid-template-columns: 1fr; } /* Accessories */ .acc-grid { grid-template-columns: 1fr; gap: 14px; } .acc-card img { min-height: 200px; } /* 手机端label常驻显示 */ .acc-card__label { opacity: 1; transform: translateY(0); } /* Trust */ .trust__grid { grid-template-columns: 1fr 1fr; } .trust__item { border-right: none; padding: 22px 12px; } .trust__item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.08); } /* Control image height */ .clinic__img-wrap { height: clamp(220px, 55vw, 320px); } /* Specs */ .specs__grid { grid-template-columns: 1fr; gap: 30px; } /* Fitment image */ .fitment__img-wrap { height: 220px; margin-top: 24px; } /* Reverse grid on mobile — natural order */ .grid-2.reverse > *:first-child { order: 0; } .grid-2.reverse > *:last-child { order: 0; } } /* ============================================================ RESPONSIVE — SMALL MOBILE ≤400px ============================================================ */ @media (max-width: 400px) { .hero__stat-num { font-size: 0.95rem; } .hero__stat-label { font-size: 0.48rem; } .trust__grid { grid-template-columns: 1fr; } .trust__item { border-right: none !important; } .clinic__tabs { gap: 6px; } .clinic__tab { font-size: 0.72rem; padding: 7px 12px; } } /* Desktop reverse */ @media (min-width: 768px) { .grid-2.reverse > *:first-child { order: 2; } .grid-2.reverse > *:last-child { order: 1; } } A New Standard of Independence Eye-Level Conversation. Heart-Level Connection. Not just a wheelchair. The world's most advanced Integrated Home Rehabilitation Ecosystem — engineered to return your dignity, safety, and freedom. Discover the Elite System → View Specs 0mi Range Per Charge 0W Dual Motor Power 0lb Load Capacity 0yr Frame Warranty 3-in-1 Rehab System Understanding Your Needs From Caregiving Burdento Quality Time. We understand the emotional and physical toll of mobility loss. The Achairgo eliminates daily lifting exhaustion and the anxiety of potential falls. ⚡ Effortless Transfers Intelligent standing assistance protects caregiver backs and eliminates strain injuries. 🏥 Continuous Rehabilitation No more waiting for clinical appointments — full therapeutic recovery at home. 🕊️ Regained Autonomy Let your loved ones navigate independently with confidence and dignity. The Core Technology Your Private At-HomeRehabilitation Clinic Why purchase three devices? The Achairgo transitions between an electric mobility chair, a power stander, and a gait-training suspension walker — in seconds. Electric Chair Power Stander Gait Walker Mode 01 — Electric Mobility Full-PowerElectric Wheelchair 500W dual brushless motors propel you smoothly across all indoor surfaces and outdoor terrain. A 15-mile range ensures all-day independence without charging anxiety. 🕹️ 360° Smart Joystick Pinpoint precision for tight hallways and doorways. ⚡ 5-Speed Gear Control Fine-tune pace for safe indoor use or confident outdoor cruising. Mode 02 — Powered Standing MotorizedPower Stander Dual actuators smoothly raise you to a full standing position with a single button press. Chest and knee support straps keep you completely secure throughout the movement. ⬆️ Smooth Motorized Lift No jerks or sudden movements — gradual, controlled rise every time. 🦺 Full-Body Support Harness Adjustable chest strap and knee pads for complete security. Mode 03 — Gait Training SuspensionGait Walker Rebuild lower-body strength and relearn natural walking patterns with weight-supported gait training. The suspension system offloads body weight, making every step safe and therapeutic. 🚶 Weight-Supported Walking Reduces fall risk while rebuilding confidence and muscle memory. 📈 Progressive Rehabilitation Gradually reduce support as strength returns — no clinic required. Modular System Clinical Versatility.Living Room Convenience. Upper limb resistance training, neck traction, and weight-supported gait training — safely in your own home. Neck & Head Traction Module Upper Limb Resistance Training Zero-Risk Engineering Aviation-Grade Reliability.Zero-Compromise Safety. Built with precision aerospace aluminum alloy and redundant safety protocols. 🛡️ Smart Electromagnetic Braking Joystick released? System locks instantly — zero roll-back even on 10° inclines. 10° Certified ⚡ Whisper-Quiet 500W Power Dual brushless motors deliver massive torque with 66% noise reduction versus conventional motors. 66% Quieter 🔋 Aviation Certified Lithium Detachable 15.4AH medical-grade battery with 10-tier safety protection. FAA approved. FAA Approved By The Numbers Technical Specifications Precision engineering meets clinical performance. ⚡ Performance Product Type Electric Stand Up Wheelchair Motor Power 500W (250W*2) Dual Brushless Max Range 15 Miles Max Speed 4 mph Max Incline 10° Load Capacity 240 lb Net Weight 100 lb 📐 Comfort & Dimensions Seat Width 16.5 in Seat Height 16.54 in Suitable Height 4′11″ – 6′1″ Front Tires 7" Flat-Free Rear Tires 10" Flat-Free Frame Material Aerospace Aluminum Battery Detachable 15.4AH Li Universal Fit Tailored forEvery User. From 4′11″ to 6′1″, safely supporting up to 240 lbs, backed by our 5-Year Structural Warranty. 📏 User Height Range 4′11″ — 6′1″ ⚖️ Maximum Load Capacity 240 lbs 🏅 Structural Warranty 5-Year Coverage Expert Answers ConciergeBuyer FAQ Every question, answered with precision and care. Does this device protect against floor damage? + Absolutely. Premium 10-inch rear flat-free tires provide maximum traction without scuffing hardwood floors or snagging carpets. The zero-turning footprint also protects corners and baseboards. What happens if the battery runs out mid-use? + If power is interrupted, electromagnetic brakes instantly engage — locking the chair in place. A caregiver can switch to manual push mode. The dashboard provides early low-battery alerts well before depletion. How does the powered standing function work? + Via the intelligent controller, dual actuators smoothly raise the user to standing. The included suspension chest strap and adjustable knee pads ensure full security — no caregiver needed. Can I take this on an airplane? + Yes. The detachable 15.4AH lithium battery meets FAA regulations for commercial air travel. Simply remove the battery pack before boarding. A certification document is included for airline check-in. How long does assembly take upon delivery? + The Achairgo arrives 95% pre-assembled. Snap in the battery, adjust armrests — ready in under 5 minutes. No tools required. Full video guidance is provided. 🛡️ 5-Year Warranty Full structural frame coverage with dedicated support. ✈️ FAA Approved Battery Fly with total confidence. Certified globally. 🚚 Free Shipping Delivered safely, fully insured, to your door. 🔄 45-Day Returns Risk-free trial. Not right for you? We handle everything. (function () { 'use strict'; /* ── 1. Hero 图片：手机/桌面切换 ── */ var heroImg = document.getElementById('hero-img'); var MOBILE_SRC = 'https://cdn.shopify.com/s/files/1/0814/5882/3476/files/Achairgo_The_Ultimate_Standing_Rehabilitation_Ecosystem.jpg?v=1777515210'; var DESKTOP_SRC = 'https://cdn.shopify.com/s/files/1/0814/5882/3476/files/Electric_Stand_Up_Wheelchair_Walker_with_Seat_15-Mile_Multifunctional_Electric_Wheelchair_35.webp?v=1777450288'; function updateHeroImg() { if (!heroImg) return; var isMobile = window.innerWidth <= 767; var newSrc = isMobile ? MOBILE_SRC : DESKTOP_SRC; if (heroImg.src.indexOf(isMobile ? '103' : '35') === -1) { heroImg.src = newSrc; heroImg.style.objectPosition = isMobile ? 'center center' : 'center 30%'; } } updateHeroImg(); var resizeTimer; window.addEventListener('resize', function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(updateHeroImg, 150); }); /* ── 2. Stats 数字计数动画 ── */ var statNums = document.querySelectorAll('.hero__stat-num[data-target]'); var statsDone = false; function animateStat(el) { var target = parseInt(el.getAttribute('data-target'), 10); var suffix = el.getAttribute('data-suffix') || ''; var duration = 1400; var startTime = null; function step(ts) { if (!startTime) startTime = ts; var p = Math.min((ts - startTime) / duration, 1); var eased = 1 - Math.pow(1 - p, 3); // ease-out cubic el.textContent = Math.round(eased * target) + suffix; if (p < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } var statsBar = document.querySelector('.hero__stats'); if (statsBar) { new IntersectionObserver(function (entries, obs) { if (entries[0].isIntersecting && !statsDone) { statsDone = true; statNums.forEach(animateStat); obs.disconnect(); } }, { threshold: 0.5 }).observe(statsBar); } /* ── 3. Scroll Reveal ── */ var reveals = document.querySelectorAll('.reveal'); if (reveals.length) { new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); } }); }, { threshold: 0.10, rootMargin: '0px 0px -30px 0px' }) .observe.bind(null); // 逐一监听 var ro = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); ro.unobserve(e.target); } }); }, { threshold: 0.10, rootMargin: '0px 0px -30px 0px' }); reveals.forEach(function (el) { ro.observe(el); }); } /* ── 4. Clinic Tabs — 真正切换文字 + 图片 ── */ var tabs = document.querySelectorAll('.clinic__tab'); var panels = document.querySelectorAll('.clinic__panel'); var imgPanels = document.querySelectorAll('.clinic__img-wrap[data-img-panel]'); tabs.forEach(function (tab) { tab.addEventListener('click', function () { var idx = tab.getAttribute('data-tab'); // 更新按钮状态 tabs.forEach(function (t) { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); }); tab.classList.add('active'); tab.setAttribute('aria-selected', 'true'); // 切换文字面板 panels.forEach(function (p) { p.classList.remove('active'); }); var targetPanel = document.querySelector('.clinic__panel[data-panel="' + idx + '"]'); if (targetPanel) targetPanel.classList.add('active'); // 切换图片 imgPanels.forEach(function (img) { img.style.display = img.getAttribute('data-img-panel') === idx ? 'block' : 'none'; }); }); }); /* ── 5. FAQ Accordion ── */ var faqItems = document.querySelectorAll('.faq__item'); faqItems.forEach(function (item) { var trigger = item.querySelector('.faq__trigger'); var panel = item.querySelector('.faq__panel'); if (!trigger || !panel) return; trigger.addEventListener('click', function () { var isOpen = item.classList.contains('is-open'); // 关闭所有 faqItems.forEach(function (el) { el.classList.remove('is-open'); el.querySelector('.faq__trigger').setAttribute('aria-expanded', 'false'); var p = el.querySelector('.faq__panel'); if (p) p.style.maxHeight = '0'; }); // 打开当前 if (!isOpen) { item.classList.add('is-open'); trigger.setAttribute('aria-expanded', 'true'); panel.style.maxHeight = panel.scrollHeight + 'px'; } }); }); })();