.dfm-activity-page {
    margin:0;
    background:#011d0e;
    color:#fff;
    font-family:"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
    font-size:16px;
    line-height:normal;
    -webkit-font-smoothing:antialiased;
}

.dfm-activity-page * {
    box-sizing:border-box;
}

.dfm-activity-page a {
    color:inherit;
    text-decoration:none;
}

.dfm-activity-page button {
    font-family:inherit;
    cursor:pointer;
}

.dfm-activity-page img {
    display:block;
    max-width:100%;
}

.dfm-activity-page h1,.dfm-activity-page h2,.dfm-activity-page h3,.dfm-activity-page p {
    margin:0;
}

.dfm-activity-page [hidden] {
    display:none!important;
}

.dfm-activity-page a:focus-visible,.dfm-activity-page button:focus-visible {
    outline:3px solid #ed8f27;
    outline-offset:5px;
}

.da-wrap {
    width:calc(100% - 64px);
    max-width:1400px;
    margin:0 auto;
}

.da-sr-only,.da-skip:not(:focus) {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.da-skip:focus {
    position:fixed;
    top:8px;
    left:8px;
    z-index:20;
    padding:12px;
    background:#fff;
    color:#011d0e;
}

.da-hero {
    position:relative;
    width:100%;
    overflow:hidden;
}

.da-hero-image {
    width:100%;
    height:auto;
}

.da-hero-artwork {
    position:relative;
    transform-origin:center;
}

.da-hero-download {
    position:absolute;
    left:13.5%;
    top:67%;
    width:14.2%;
    height:9.4%;
    border-radius:40px;
    transition:box-shadow .15s;
}

.da-hero-download:hover {
    box-shadow:0 0 24px rgba(255,200,57,.65);
}

.da-benefits {
    height:120px;
    background:#032b1b;
}

.da-benefit-grid {
    height:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:center;
    position:relative;
}

.da-benefit:nth-child(2) {
    justify-self:center;
}

.da-benefit:last-child {
    justify-self:end;
}

.da-benefit {
    display:flex;
    align-items:center;
    gap:26px;
    position:relative;
}

.da-benefit h2 {
    font-size:20px;
    line-height:25px;
    font-weight:700;
}

.da-benefit p {
    font-size:16px;
    line-height:20px;
    margin-top:14px;
}

.da-benefit-grid:before,.da-benefit-grid:after {
    content:"";
    position:absolute;
    top:34px;
    width:1px;
    height:62px;
    background:#0b6340;
    left:29.5%;
}

.da-benefit-grid:after {
    left:71.214%;
}

.da-process {
    padding-top:84px;
}

.da-section-heading {
    text-align:center;
}

.da-section-heading h2 {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:22px;
    height:58px;
    font-size:32px;
    line-height:41px;
    font-weight:700;
    color:#d1ffee;
}

.da-section-heading h2 img {
    width:58px;
    height:58px;
    flex-shrink:0;
}

.da-section-heading>p {
    margin-top:9px;
    font-size:16px;
    line-height:20px;
}

.da-steps {
    display:flex;
    justify-content:space-between;
    gap:10px;
    list-style:none;
    padding:0;
    margin:60px -30px 0;
}

.da-steps li {
    width:204px;
    flex-shrink:0;
    text-align:center;
}

.da-steps img {
    margin:0 auto;
    width:96px;
    height:96px;
}

.da-steps h3 {
    font-size:20px;
    line-height:25px;
    margin-top:26px;
    font-weight:700;
    white-space:nowrap;
}

.da-steps p {
    font-size:16px;
    line-height:24px;
    margin-top:12px;
}

.da-specifications,.da-sharing,.da-faq {
    padding-top:94px;
}

.da-spec-grid {
    display:grid;
    grid-template-columns:614fr 768fr;
    gap:18px;
    margin-top:60px;
}

.da-spec-table,.da-product {
    height:629px;
    border-radius:4px;
    background:#e9fff7;
    color:#011d0e;
}

.da-spec-table {
    padding:21px 19px 20px;
}

.da-spec-table table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    text-align:left;
    font-size:18px;
    line-height:23px;
}

.da-spec-table tr {
    height:49px;
}

.da-spec-table tr:not(:last-child) {
    border-bottom:1px solid #c6fde9;
}

.da-spec-label-column {
    width:36.111111%;
}

.da-spec-table th {
    padding-left:26px;
    font-weight:700;
}

.da-spec-table td {
    padding-left:26px;
}

.da-product {
    position:relative;
    overflow:hidden;
}

.da-product-slides {
    position:absolute;
    inset:6px 0;
    isolation:isolate;
}

.da-product-image {
    width:100%;
    height:100%;
    object-fit:contain;
}

.da-product-image.is-leaving {
    position:absolute;
    inset:0;
    z-index:1;
    background:#e9fff7;
    pointer-events:none;
}

.da-carousel-button {
    position:absolute;
    top:46.7%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    width:44px;
    height:44px;
    border:0;
    background:transparent;
    transition:opacity .15s;
}

.da-carousel-button:hover {
    opacity:.88;
}

.da-previous {
    left:27px;
}

.da-next {
    right:17px;
}

.da-product-caption {
    position:absolute;
    bottom:43px;
    left:45px;
    right:25px;
    text-align:center;
    font-size:18px;
    line-height:23px;
}

.da-share-panel {
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:60px;
    min-height:182px;
    padding:19px 32px 19px 38px;
    background:#e9fff7;
    color:#011d0e;
    border-radius:4px;
}

.da-forum-qr {
    flex:0 0 144px;
}

.da-share-illustration {
    flex:0 0 130px;
    width:130px;
    height:130px;
}

.da-share-copy {
    flex:1;
    margin-left:4px!important;
    margin-right:14px!important;
    font-size:22px;
    line-height:46px;
}

.da-share-actions {
    display:flex;
    gap:16px;
    flex-shrink:0;
    font-size:22px;
    font-weight:400;
    line-height:1.4;
}

.da-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    height:58px;
    padding:0 22px;
    border:1px solid transparent;
    border-radius:4px;
    font-size:22px;
    line-height:1.4;
    white-space:nowrap;
    transition:box-shadow .2s ease;
}

.da-button:hover {
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.da-button-orange {
    background:#ed8f27;
    color:#fff!important;
}

.da-button-green {
    background:#00863e;
    color:#fff!important;
}

.da-share-actions .da-button {
    width:170px;
}

.da-faq {
    padding-bottom:94px;
}

.da-faq-list {
    margin-top:60px;
    display:grid;
    gap:16px;
}

.da-faq-item {
    padding:20px 48px 18px;
    background:#e9fff7;
    color:#011d0e;
    border:1px solid #c6fde9;
    border-radius:4px;
    min-height:138px;
}

.da-faq-item h3 {
    font-size:22px;
    font-weight:700;
    line-height:46px;
}

.da-faq-item button {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    text-align:left;
    font-size:22px;
    font-weight:700;
    line-height:46px;
}

.da-faq-item button img {
    margin-right:2px;
    flex:0 0 22px;
}

.da-faq-item>p {
    font-size:22px;
    line-height:46px;
    margin-top:6px;
}

.da-faq-item.is-collapsed {
    min-height:88px;
}

.da-downloads {
    height:276px;
    position:relative;
    background:#012813 url('/img/images/dfm-activity/footer.png') center/cover no-repeat;
}

.da-downloads:before {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(1,40,19,.8);
}

.da-download-inner {
    position:relative;
}

.da-download-inner {
    display:flex;
    justify-content:space-between;
    gap:35px;
    padding:85px 0 0 63px;
}

.da-download-copy h2 {
    font-size:50px;
    font-weight:700;
    line-height:46px;
    white-space:nowrap;
}

.da-download-copy p {
    font-size:22px;
    line-height:46px;
    margin-top:30px;
}

.da-download-actions {
    display:flex;
    gap:16px;
    margin-top:28px;
    align-items:flex-start;
    flex-shrink:0;
}

.da-download-actions .da-button {
    height:50px;
    font-size:16px;
    padding:0 14px;
}

.da-button-light {
    background:#fff;
    border-color:#f1f2f4;
    color:#404751!important;
}

.da-online {
    width:140px;
}

.da-windows {
    width:200px;
}

.da-macos {
    width:172px;
}

.da-button img {
    width:20px;
    height:20px;
    object-fit:contain;
}

.da-notice {
    position:fixed;
    left:50%;
    bottom:32px;
    transform:translateX(-50%);
    width:max-content;
    max-width:calc(100% - 32px);
    z-index:30;
    padding:16px 24px;
    border:1px solid #c6fde9;
    border-radius:8px;
    background:#e9fff7;
    color:#011d0e;
    font-size:16px;
    line-height:1.6;
    box-shadow:0 6px 28px rgba(0,0,0,.25);
}

@media(min-width:1921px) {
    .da-hero-image {
        max-height:750px;
        object-fit:cover;
    }
}

@media(max-width:1500px) {
    .da-benefit:not(:last-child):after {
        right:-12vw;
    }
    .da-download-inner {
        padding-left:0;
        gap:20px;
    }
    .da-download-copy h2 {
        font-size:clamp(30px,3vw,46px);
    }
    .da-download-copy p {
        font-size:20px;
    }
    .da-share-illustration {
        width:100px;
        height:100px;
        flex-basis:100px;
    }
    .da-forum-qr {
        flex-basis:120px;
    }
    .da-share-copy {
        font-size:19px;
        line-height:36px;
    }
    .da-share-actions .da-button {
        width:auto;
        min-width:130px;
        font-size:19px;
        padding:0 18px;
    }
    .da-share-actions {
        font-size:19px;
    }
    .da-steps {
        margin-left:0;
        margin-right:0;
    }
    .da-steps li {
        width:19%;
        flex-shrink:1;
    }
    .da-product-caption {
        font-size:16px;
        left:28px;
        right:28px;
    }
    .da-spec-table th,.da-spec-table td {
        padding-left:16px;
    }
}

@media(max-width:1150px) {
    .da-benefit:not(:last-child):after {
        right:-5vw;
    }
    .da-benefit {
        gap:16px;
    }
    .da-benefit h2 {
        font-size:18px;
    }
    .da-benefit p {
        font-size:14px;
    }
    .da-steps h3 {
        font-size:17px;
    }
    .da-steps p {
        font-size:14px;
    }
    .da-spec-table {
        height:auto;
    }
    .da-product {
        height:auto;
        min-height:500px;
    }
    .da-spec-table table {
        font-size:16px;
    }
    .da-spec-table th {
        width:42%;
        padding-left:5px;
    }
    .da-spec-table td {
        padding-left:8px;
    }
    .da-share-panel {
        flex-wrap:wrap;
        gap:20px;
        padding:24px;
    }
    .da-share-copy {
        flex-basis:calc(100% - 290px);
        margin:0!important;
    }
    .da-share-actions {
        width:100%;
        justify-content:flex-end;
    }
    .da-downloads {
        height:auto;
        min-height:276px;
    }
    .da-download-inner {
        padding:58px 0;
        align-items:center;
        flex-direction:column;
        text-align:center;
    }
    .da-download-copy h2 {
        font-size:38px;
    }
    .da-download-copy p {
        margin-top:12px;
    }
    .da-download-actions {
        margin-top:10px;
    }
    .da-product-caption {
        font-size:15px;
        line-height:24px;
        bottom:30px;
    }
}

@media(max-width:760px) {
    .da-wrap {
        width:calc(100% - 32px);
    }
    .da-hero {
        --da-mobile-hero-height:clamp(240px,40vw,290px);
        height:var(--da-mobile-hero-height);
    }
    .da-hero-artwork {
        height:100%;
    }
    .da-hero .da-hero-image {
        height:100%;
        width:auto;
        max-width:none;
        position:absolute;
        left:0;
        transform:translateX(-10%);
    }
    .da-hero-download {
        left:calc(var(--da-mobile-hero-height)*.11);
        top:67%;
        width:calc(var(--da-mobile-hero-height)*.447);
        height:9.4%;
    }
    .da-benefits {
        height:auto;
        padding:20px 0;
    }
    .da-benefit-grid {
        gap:14px;
        align-items:flex-start;
    }
    .da-benefit-grid:before,.da-benefit-grid:after {
        display:none;
    }
    .da-benefit:nth-child(2),.da-benefit:last-child {
        justify-self:stretch;
    }
    .da-benefit {
        flex:1;
        min-width:0;
        flex-direction:column;
        gap:10px;
        text-align:center;
    }
    .da-benefit>img {
        width:48px;
        height:48px;
    }
    .da-benefit h2 {
        font-size:12px;
        line-height:20px;
        white-space:nowrap;
    }
    .da-benefit p {
        font-size:11px;
        line-height:18px;
        margin-top:5px;
    }
    .da-benefit:not(:last-child):after {
        right:-7px;
        top:8px;
        height:95px;
        background:#0b6340;
    }
    .da-process {
        padding-top:48px;
    }
    .da-section-heading h2 {
        font-size:26px;
        line-height:36px;
        height:48px;
        gap:14px;
    }
    .da-section-heading h2 img {
        width:42px;
        height:42px;
    }
    .da-section-heading>p {
        font-size:13px;
        line-height:22px;
        margin-top:6px;
    }
    .da-steps {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:30px 12px;
        margin-top:32px;
    }
    .da-steps li {
        width:auto;
    }
    .da-steps li:last-child {
        grid-column:1/-1;
    }
    .da-steps img {
        width:76px;
        height:76px;
    }
    .da-steps h3 {
        font-size:15px;
        line-height:22px;
        margin-top:16px;
    }
    .da-steps p {
        font-size:13px;
        line-height:21px;
        margin-top:8px;
    }
    .da-specifications,.da-sharing,.da-faq {
        padding-top:50px;
    }
    .da-spec-grid {
        grid-template-columns:1fr;
        gap:16px;
        margin-top:30px;
    }
    .da-spec-table {
        padding:15px;
    }
    .da-spec-table tr {
        height:42px;
    }
    .da-spec-table th {
        width:40%;
        padding-left:12px;
    }
    .da-spec-table td {
        padding-left:12px;
    }
    .da-spec-table table {
        font-size:14px;
        line-height:20px;
    }
    .da-product {
        height:auto;
        min-height:0;
        aspect-ratio:768/629;
    }
    .da-carousel-button {
        top:43%;
        width:38px;
        height:38px;
    }
    .da-carousel-button img {
        width:30px;
        height:30px;
    }
    .da-previous {
        left:12px;
    }
    .da-next {
        right:12px;
    }
    .da-product-caption {
        bottom:20px;
        left:18px;
        right:18px;
        font-size:12px;
        line-height:20px;
    }
    .da-share-panel {
        margin-top:30px;
        padding:22px;
        gap:18px;
        justify-content:center;
    }
    .da-forum-qr {
        flex-basis:110px;
    }
    .da-share-illustration {
        width:100px;
        height:100px;
        flex-basis:100px;
    }
    .da-share-copy {
        flex-basis:100%;
        font-size:16px;
        line-height:28px;
    }
    .da-share-actions {
        justify-content:center;
        gap:12px;
        font-size:16px;
    }
    .da-share-actions .da-button {
        min-width:0;
        flex:1;
        font-size:16px;
        height:46px;
        padding:0 12px;
    }
    .da-faq {
        padding-bottom:50px;
    }
    .da-faq-list {
        margin-top:30px;
        gap:12px;
    }
    .da-faq-item {
        padding:16px 20px;
        min-height:102px;
    }
    .da-faq-item h3,.da-faq-item button {
        font-size:16px;
        line-height:30px;
    }
    .da-faq-item>p {
        font-size:15px;
        line-height:28px;
        margin-top:8px;
    }
    .da-faq-item.is-collapsed {
        min-height:64px;
    }
    .da-faq-item button img {
        width:18px;
        height:18px;
        flex-basis:18px;
    }
    .da-download-inner {
        padding:42px 0;
        gap:12px;
    }
    .da-download-copy h2 {
        white-space:normal;
        font-size:26px;
        line-height:38px;
    }
    .da-download-copy h2 span {
        display:block;
    }
    .da-download-copy p {
        font-size:14px;
        line-height:24px;
        margin-top:12px;
    }
    .da-download-actions {
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
        gap:10px;
    }
    .da-download-actions .da-button {
        width:auto;
        min-width:140px;
        height:46px;
        font-size:14px;
    }
    .da-notice {
        font-size:14px;
        bottom:18px;
        padding:12px 18px;
    }
}

@media(prefers-reduced-motion:no-preference) {
    .da-motion-ready .da-hero-artwork {
        transform:scale(1.045);
        transition:transform 1.4s cubic-bezier(.16,1,.3,1);
    }
    .da-motion-ready .da-hero-artwork.is-ready {
        transform:none;
    }
    .da-motion-ready .da-benefit,
    .da-motion-ready .da-section-heading,
    .da-motion-ready .da-steps li,
    .da-motion-ready .da-spec-grid>div,
    .da-motion-ready .da-share-panel,
    .da-motion-ready .da-faq-item,
    .da-motion-ready .da-download-copy,
    .da-motion-ready .da-download-actions {
        transform:translateY(28px);
        transition:transform .85s cubic-bezier(.22,1,.36,1) var(--da-entry-delay,0ms),border-color .2s,box-shadow .2s;
    }
    .da-motion-ready .dfm-activity-page [data-da-revealed="true"] {
        transform:none;
    }
    .da-benefit>img,.da-steps li>img {
        transition:transform .35s cubic-bezier(.22,1,.36,1);
    }
    .da-button img {
        transition:transform .25s ease;
    }
    .da-carousel-button {
        transition:opacity .2s ease;
    }
    .da-spec-table tr {
        transition:background-color .2s ease;
    }
    .da-faq-item {
        transition:border-color .2s ease,box-shadow .2s ease;
    }
    .da-button:focus-visible {
        box-shadow:0 4px 12px rgba(0,0,0,.12);
    }
}

@media(hover:hover) and (prefers-reduced-motion:no-preference) {
    .da-benefit:hover>img {
        transform:translateY(-6px);
    }
    .da-steps li:hover>img {
        transform:translateY(-8px) scale(1.06);
    }
    .da-button:hover img {
        transform:translateY(-3px);
    }
    .da-button:hover {
        box-shadow:0 7px 18px rgba(0,0,0,.2);
    }
    .da-spec-table tr:hover {
        background-color:rgba(0,134,62,.055);
    }
    .da-faq-item:hover {
        border-color:#80cbae;
        box-shadow:0 6px 18px rgba(0,0,0,.1);
    }
}

@media(prefers-reduced-motion:reduce) {
    .dfm-activity-page *,
    .dfm-activity-page *::before,
    .dfm-activity-page *::after {
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
}