*{    margin:0;    padding:0;    box-sizing:border-box;}body{    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;    background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);    min-height:100vh;    overflow-x:hidden;}.container{    max-width:1400px;    margin:0 auto;    padding:20px;    min-height:100vh;    display:flex;    flex-direction:column;    justify-content:center;    align-items:center;}.hero-section{    text-align:center;    color:white;    margin-bottom:8px;    animation:fadeInUp 1s ease-out;    position:relative;}.brand-header{    display:flex;    align-items:center;    justify-content:center;    margin-bottom:20px;    gap:18px;    text-align:left;}.logo{    width:96px;    height:96px;    border-radius:20px;    margin-right:0;    box-shadow:0 20px 40px rgba(0,0,0,0.2);    animation:bounceIn 1.2s ease-out;    object-fit:cover;    flex-shrink:0;}.app-title{    font-size:3rem;    font-weight:700;    margin-bottom:0;    background:linear-gradient(45deg,#fff,#f0f8ff);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;}.app-title img{    display:block;    width:clamp(220px,26vw,320px);    max-width:100%;    height:auto;}.app-subtitle{    font-size:1.3rem;    margin-bottom:20px;    opacity:0.9;    font-weight:300;    width:100%;    text-align:center;}.app-subtitle img{    display:block;    margin:0 auto;    width:380px;    max-width:100%;    height:auto;}.hero-download-btn{    display:none;    margin-top:20px;}.qr-download-section{    display:none;    position:absolute;    right:0;    top:50%;    transform:translateY(-50%);}.qr-container{    display:flex;    flex-direction:row;    justify-content:center;}.qr-item{    display:flex;    flex-direction:column;    align-items:center;    background:rgba(255,255,255,0.1);    backdrop-filter:blur(10px);    border-radius:20px;    padding:15px;    border:1px solid rgba(255,255,255,0.2);    transition:all 0.3s ease;    min-width:140px;}.qr-item:hover{    background:rgba(255,255,255,0.15);    transform:translateY(-5px);    border-color:rgba(237,145,33,0.3);}.qr-code{    width:80px;    height:80px;    border-radius:8px;    margin-bottom:10px;    box-shadow:0 5px 15px rgba(0,0,0,0.2);}.qr-label{    color:white;    font-size:0.8rem;    font-weight:500;    margin-bottom:3px;    text-align:center;}.qr-desc{    color:rgba(255,255,255,0.7);    font-size:0.7rem;    text-align:center;}.features-grid{    display:grid;    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));    gap:30px;    margin-bottom:50px;    width:100%;}.feature-card{    background:rgba(255,255,255,0.1);    backdrop-filter:blur(10px);    border-radius:20px;    padding:30px;    text-align:center;    border:1px solid rgba(255,255,255,0.2);    transition:all 0.3s ease;    animation:fadeInUp 1s ease-out;    display:flex;    flex-direction:column;    height:100%;}.feature-card:hover{    transform:translateY(-10px);    background:rgba(255,255,255,0.15);    border-color:rgba(237,145,33,0.3);}.feature-image-container{    height:200px;    display:flex;    align-items:center;    justify-content:center;    margin-bottom:20px;    flex-shrink:0;}.feature-icon{    max-width:160px;    max-height:180px;    width:auto;    height:auto;    border-radius:15px;    object-fit:cover;    box-shadow:0 10px 20px rgba(0,0,0,0.2);    border:2px solid rgba(237,145,33,0.2);    transition:all 0.3s ease;    display:block;}.feature-icon:hover{    border-color:#ED9121;    box-shadow:0 15px 30px rgba(237,145,33,0.3);}.feature-content{    flex:1;    display:flex;    flex-direction:column;    justify-content:flex-start;}.feature-title{    font-size:1.4rem;    font-weight:600;    margin-bottom:15px;    color:white;}.feature-desc{    color:rgba(255,255,255,0.8);    line-height:1.6;    font-size:0.95rem;}.download-section{    text-align:center;    animation:fadeInUp 1.5s ease-out;}.download-btn{    display:inline-flex;    align-items:center;    justify-content:center;    gap:10px;    background:linear-gradient(45deg,#ED9121,#F5A623);    color:white;    text-decoration:none;    padding:18px 40px;    border-radius:50px;    font-size:1.2rem;    font-weight:600;    line-height:1.1;    white-space:nowrap;    box-shadow:0 15px 35px rgba(237,145,33,0.4);    transition:all 0.3s ease;    border:none;    cursor:pointer;    min-width:200px;}.download-btn:hover{    transform:translateY(-3px);    box-shadow:0 20px 40px rgba(237,145,33,0.6);    background:linear-gradient(45deg,#D8821E,#ED9121);}.download-btn:active{    transform:translateY(-1px);}.download-icon{    font-size:1.3rem;    width:20px;    height:20px;    display:inline-block;}.download-icon svg{    width:100%;    height:100%;    stroke:currentColor;}.platform-info{    margin-top:20px;    color:rgba(255,255,255,0.7);    font-size:0.9rem;}.free-trials-info{    margin-top:15px;    animation:fadeInUp 0.5s ease-out;}.invite-code-box{    margin-top:10px;    display:inline-flex;    align-items:center;    gap:10px;    background:rgba(255,255,255,0.12);    border:1px solid rgba(255,255,255,0.25);    border-radius:999px;    padding:8px 12px;    color:#fff;    backdrop-filter:blur(8px);}.invite-code-label{    font-weight:600;    color:rgba(255,255,255,0.95);}.invite-code-value{    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;    color:#ED9121;}.copy-code-btn{    background:transparent;    color:#fff;    border:1px solid rgba(255,255,255,0.7);    border-radius:999px;    padding:6px 10px;    cursor:pointer;    font-size:0.9rem;}.copy-code-btn:hover{    background:rgba(255,255,255,0.15);    border-color:#fff;}.free-trials-text{    color:rgba(255,255,255,0.9);    font-size:1rem;    font-weight:500;    background:rgba(237,145,33,0.2);    backdrop-filter:blur(10px);    border:1px solid rgba(237,145,33,0.3);    border-radius:25px;    padding:12px 20px;    display:inline-block;    box-shadow:0 5px 15px rgba(237,145,33,0.2);    transition:all 0.3s ease;}.invite-prefix{    margin-right:6px;}.free-trials-text:hover{    background:rgba(237,145,33,0.3);    border-color:rgba(237,145,33,0.5);    transform:translateY(-2px);    box-shadow:0 8px 20px rgba(237,145,33,0.3);}#heroeFreeTrialsCount,#freeTrialsCount{    color:#ED9121;    font-weight:700;    font-size:1.1em;}.gallery{    display:flex;    overflow-x:auto;    gap:20px;    margin:40px 0;    padding:20px 0;    scroll-behavior:smooth;    -webkit-overflow-scrolling:touch;}.gallery::-webkit-scrollbar{    height:8px;}.gallery::-webkit-scrollbar-track{    background:rgba(255,255,255,0.1);    border-radius:4px;}.gallery::-webkit-scrollbar-thumb{    background:rgba(237,145,33,0.5);    border-radius:4px;}.gallery::-webkit-scrollbar-thumb:hover{    background:rgba(237,145,33,0.8);}.gallery-item{    width:260px;    height:auto;    border-radius:15px;    object-fit:cover;    box-shadow:0 10px 25px rgba(0,0,0,0.2);    transition:all 0.3s ease;    animation:fadeIn 2s ease-out;    flex-shrink:0;}.gallery-item:hover{    transform:scale(1.05) rotate(2deg);    box-shadow:0 15px 35px rgba(237,145,33,0.3);}.comparison-section{    width:100%;    margin-bottom:30px;    text-align:center;    animation:fadeInUp 1.2s ease-out;}.comparison-container{    position:relative;    max-width:600px;    margin:0 auto;    border-radius:20px;    overflow:hidden;    box-shadow:0 20px 40px rgba(0,0,0,0.3);    background:rgba(255,255,255,0.1);    backdrop-filter:blur(10px);    border:1px solid rgba(255,255,255,0.2);    aspect-ratio:3/2;}.comparison-wrapper{    position:relative;    width:100%;    height:100%;    overflow:hidden;    background:#f5f5f5;}.comparison-image{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    object-fit:contain;    object-position:center;}.comparison-image.original{    z-index:1;}.comparison-image.after{    z-index:2;    clip-path:inset(0 55% 0 0);}.comparison-slider{    position:absolute;    top:0;    left:45%;    width:4px;    height:100%;    background:linear-gradient(45deg,#ED9121,#f39c12);    cursor:ew-resize;    z-index:10;    transform:translateX(-50%);    box-shadow:0 0 10px rgba(237,145,33,0.5);}.comparison-slider::before{    content:'';    position:absolute;    top:50%;    left:50%;    width:24px;    height:24px;    background:linear-gradient(45deg,#ED9121,#f39c12);    border-radius:50%;    transform:translate(-50%,-50%);    box-shadow:0 0 15px rgba(237,145,33,0.7);    z-index:1;}.comparison-slider::after{    content:'↔';    position:absolute;    top:50%;    left:50%;    transform:translate(-50%,-52%);    color:white;    font-size:14px;    font-weight:bold;    text-shadow:0 1px 3px rgba(0,0,0,0.5);    pointer-events:none;    z-index:2;    font-family:Arial,sans-serif;    display:flex;    align-items:center;    justify-content:center;    width:24px;    height:24px;    line-height:1;}.comparison-labels{    position:absolute;    bottom:0;    left:0;    right:0;    display:flex;    justify-content:space-between;    padding:15px 20px;    background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);    z-index:5;}.comparison-label{    color:white;    font-size:0.9rem;    font-weight:500;    text-shadow:0 1px 3px rgba(0,0,0,0.7);}.comparison-hint{    text-align:center;    color:rgba(255,255,255,0.9);    font-size:0.95rem;    margin-top:20px;    animation:fadeInUp 1.4s ease-out;    font-weight:500;}.gallery-container{    position:relative;    width:100%;}.gallery-title{    font-size:2rem;    font-weight:600;    margin-bottom:30px;    color:white;    text-align:center;    animation:fadeInUp 1s ease-out;}.gallery-nav{    display:none;    position:absolute;    top:50%;    transform:translateY(-50%);    background:rgba(237,145,33,0.8);    color:white;    border:none;    border-radius:50%;    width:40px;    height:40px;    cursor:pointer;    font-size:18px;    z-index:10;    transition:all 0.3s ease;}.gallery-nav:hover{    background:rgba(237,145,33,1);    transform:translateY(-50%) scale(1.1);}.gallery-nav.prev{    left:-20px;}.gallery-nav.next{    right:-20px;}.footer{    margin-top:60px;    padding:40px 20px;    text-align:center;    background:rgba(255,255,255,0.05);    backdrop-filter:blur(10px);    border-radius:20px;    border:1px solid rgba(255,255,255,0.1);    color:rgba(255,255,255,0.8);    font-size:14px;    line-height:1.6;    max-width:800px;    width:100%;}.footer a{    color:#ED9121;    text-decoration:none;    margin:0 8px;    transition:color 0.3s ease;}.footer a:hover{    color:#F5A623;    text-decoration:underline;}.free-trials-text{    margin:0;    font-size:14px;    color:#fff;}.free-trials-tip{    margin:4px 0 0;    font-size:12px;    color:#eee;    text-align:center;}.invite-prefix{    margin-right:6px;}.free-trials-text:hover{    background:rgba(237,145,33,0.3);    border-color:rgba(237,145,33,0.5);    transform:translateY(-2px);    box-shadow:0 8px 20px rgba(237,145,33,0.3);}#heroeFreeTrialsCount,#freeTrialsCount{    color:#ED9121;    font-weight:700;    font-size:1.1em;}.gallery{    display:flex;    overflow-x:auto;    gap:20px;    margin:40px 0;    padding:20px 0;    scroll-behavior:smooth;    -webkit-overflow-scrolling:touch;}.gallery::-webkit-scrollbar{    height:8px;}.gallery::-webkit-scrollbar-track{    background:rgba(255,255,255,0.1);    border-radius:4px;}.gallery::-webkit-scrollbar-thumb{    background:rgba(237,145,33,0.5);    border-radius:4px;}.gallery::-webkit-scrollbar-thumb:hover{    background:rgba(237,145,33,0.8);}.gallery-item{    width:260px;    height:auto;    border-radius:15px;    object-fit:cover;    box-shadow:0 10px 25px rgba(0,0,0,0.2);    transition:all 0.3s ease;    animation:fadeIn 2s ease-out;    flex-shrink:0;}.gallery-item:hover{    transform:scale(1.05) rotate(2deg);    box-shadow:0 15px 35px rgba(237,145,33,0.3);}.comparison-section{    width:100%;    margin-bottom:30px;    text-align:center;    animation:fadeInUp 1.2s ease-out;}.comparison-container{    position:relative;    max-width:600px;    margin:0 auto;    border-radius:20px;    overflow:hidden;    box-shadow:0 20px 40px rgba(0,0,0,0.3);    background:rgba(255,255,255,0.1);    backdrop-filter:blur(10px);    border:1px solid rgba(255,255,255,0.2);    aspect-ratio:3/2;}.comparison-wrapper{    position:relative;    width:100%;    height:100%;    overflow:hidden;    background:#f5f5f5;}.comparison-image{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    object-fit:contain;    object-position:center;}.comparison-image.original{    z-index:1;}.comparison-image.after{    z-index:2;    clip-path:inset(0 55% 0 0);}.comparison-slider{    position:absolute;    top:0;    left:45%;    width:4px;    height:100%;    background:linear-gradient(45deg,#ED9121,#f39c12);    cursor:ew-resize;    z-index:10;    transform:translateX(-50%);    box-shadow:0 0 10px rgba(237,145,33,0.5);}.comparison-slider::before{    content:'';    position:absolute;    top:50%;    left:50%;    width:24px;    height:24px;    background:linear-gradient(45deg,#ED9121,#f39c12);    border-radius:50%;    transform:translate(-50%,-50%);    box-shadow:0 0 15px rgba(237,145,33,0.7);    z-index:1;}.comparison-slider::after{    content:'↔';    position:absolute;    top:50%;    left:50%;    transform:translate(-50%,-52%);    color:white;    font-size:14px;    font-weight:bold;    text-shadow:0 1px 3px rgba(0,0,0,0.5);    pointer-events:none;    z-index:2;    font-family:Arial,sans-serif;    display:flex;    align-items:center;    justify-content:center;    width:24px;    height:24px;    line-height:1;}.comparison-labels{    position:absolute;    bottom:0;    left:0;    right:0;    display:flex;    justify-content:space-between;    padding:15px 20px;    background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);    z-index:5;}.comparison-label{    color:white;    font-size:0.9rem;    font-weight:500;    text-shadow:0 1px 3px rgba(0,0,0,0.7);}.comparison-hint{    text-align:center;    color:rgba(255,255,255,0.9);    font-size:0.95rem;    margin-top:20px;    animation:fadeInUp 1.4s ease-out;    font-weight:500;}.gallery-container{    position:relative;    width:100%;}.gallery-title{    font-size:2rem;    font-weight:600;    margin-bottom:30px;    color:white;    text-align:center;    animation:fadeInUp 1s ease-out;}.gallery-nav{    display:none;    position:absolute;    top:50%;    transform:translateY(-50%);    background:rgba(237,145,33,0.8);    color:white;    border:none;    border-radius:50%;    width:40px;    height:40px;    cursor:pointer;    font-size:18px;    z-index:10;    transition:all 0.3s ease;}.gallery-nav:hover{    background:rgba(237,145,33,1);    transform:translateY(-50%) scale(1.1);}.gallery-nav.prev{    left:-20px;}.gallery-nav.next{    right:-20px;}.footer{    margin-top:60px;    padding:40px 20px;    text-align:center;    background:rgba(255,255,255,0.05);    backdrop-filter:blur(10px);    border-radius:20px;    border:1px solid rgba(255,255,255,0.1);    color:rgba(255,255,255,0.8);    font-size:14px;    line-height:1.6;    max-width:800px;    width:100%;}.footer a{    color:#ED9121;    text-decoration:none;    margin:0 8px;    transition:color 0.3s ease;}.footer a:hover{    color:#F5A623;    text-decoration:underline;}@keyframes fadeInUp{    from{        opacity:0;        transform:translateY(30px);}    to{        opacity:1;        transform:translateY(0);}}@keyframes bounceIn{    0%{        opacity:0;        transform:scale(0.3);}    50%{        opacity:1;        transform:scale(1.05);}    70%{        transform:scale(0.9);}    100%{        opacity:1;        transform:scale(1);}}@keyframes fadeIn{    from{        opacity:0;}    to{        opacity:1;}}@keyframes fadeInScale{    0%{        opacity:0;        visibility:visible;        transform:translateX(-50%) scale(0.8);}    1%{        opacity:0;        visibility:visible;        transform:translateX(-50%) scale(0.8);}    100%{        opacity:1;        visibility:visible;        transform:translateX(-50%) scale(1);}}.floating-elements{    position:fixed;    top:0;    left:0;    width:100%;    height:100%;    pointer-events:none;    z-index:-1;}.floating-circle{    position:absolute;    border-radius:50%;    background:rgba(237,145,33,0.1);    animation:float 6s ease-in-out infinite;}.floating-circle:nth-child(1){    width:80px;    height:80px;    top:20%;    left:10%;    animation-delay:0s;}.floating-circle:nth-child(2){    width:120px;    height:120px;    top:60%;    right:10%;    animation-delay:2s;}.floating-circle:nth-child(3){    width:60px;    height:60px;    bottom:20%;    left:20%;    animation-delay:4s;}@keyframes float{    0%,100%{        transform:translateY(0px);}    50%{        transform:translateY(-20px);}}/* PC大屏适配 */@media (min-width:1200px){    .container{        max-width:1600px;}    .hero-section{        display:flex;        align-items:center;        justify-content:center;        margin-bottom:0;        min-height:300px;        width:100%;        position:relative;}    .hero-wrapper{        display:flex;        align-items:center;        justify-content:center;        width:100%;        max-width:1200px;        position:relative;}    .hero-content{        display:flex;        flex-direction:column;        align-items:center;        text-align:center;        position:absolute;        left:50%;        transform:translateX(-50%);}    .logo{        width:110px;        height:110px;}    .app-title{        font-size:3.5rem;}    .app-title img{        width:clamp(260px,24vw,360px);        max-width:72%;}    .app-subtitle{        font-size:1.5rem;}    .app-subtitle img{        width:460px;        max-width:80%;}    .qr-download-section{        display:block;        position:absolute;        right:0;        top:50%;        transform:translateY(-50%);        flex-shrink:0;}    .hero-download-btn{        display:none;}    .download-section{        display:none;}    .features-grid{        grid-template-columns:repeat(3,1fr);        gap:40px;}    .feature-card{        padding:40px;        min-height:auto;        display:flex;        flex-direction:column;}    .feature-image-container{        height:240px;}    .feature-icon{        max-width:200px;        max-height:220px;        border-width:3px;}    .gallery-item{        width:350px;}    .gallery-nav{        display:block;}    .download-btn{        padding:20px 50px;        font-size:1.3rem;}}/* 平板适配 */@media (min-width:769px) and (max-width:1199px){    .container{        padding-bottom:80px;/* 为浮动按钮留出空间 */}    .hero-download-btn{        display:block;}    .features-grid{        grid-template-columns:repeat(2,1fr);}    .feature-card{        min-height:auto;        display:flex;        flex-direction:column;}    .feature-image-container{        height:220px;}    .feature-icon{        max-width:180px;        max-height:200px;}    .gallery-item{        width:300px;}    /* 隐藏原来的下载区域 */    .download-section{        display:none;}    /* 浮动下载按钮 */    .download-btn{        position:fixed !important;        bottom:50px !important;        left:50% !important;        transform:translateX(-50%) !important;        padding:18px 40px;        font-size:1.2rem;        z-index:1000;        box-shadow:0 8px 25px rgba(237,145,33,0.4);        border:none;        min-width:220px;        max-width:calc(100vw - 60px);        opacity:0;        visibility:hidden;        animation:fadeInScale 1.2s ease-out 1.5s forwards;}    .download-btn:hover{        transform:translateX(-50%) translateY(-2px) scale(1.02);        box-shadow:0 12px 30px rgba(237,145,33,0.6);}    .download-btn:active{        transform:translateX(-50%) translateY(0px) scale(0.98);}    /* 隐藏平台信息 */    .platform-info{        display:none;}}/* iPad专门适配 */@media (min-width:768px) and (max-width:1024px) and (orientation:portrait),       (min-width:1024px) and (max-width:1366px) and (orientation:landscape){    .container{        padding-bottom:80px;}    .hero-download-btn{        display:block;}    .download-section{        display:none;}    .download-btn{        position:fixed !important;        bottom:50px !important;        left:50% !important;        transform:translateX(-50%) !important;        padding:18px 40px;        font-size:1.2rem;        z-index:1000;        box-shadow:0 8px 25px rgba(237,145,33,0.4);        border:none;        min-width:220px;        max-width:calc(100vw - 60px);        opacity:0;        visibility:hidden;        animation:fadeInScale 1.2s ease-out 1.5s forwards;}    .download-btn:hover{        transform:translateX(-50%) translateY(-2px) scale(1.02);        box-shadow:0 12px 30px rgba(237,145,33,0.6);}    .download-btn:active{        transform:translateX(-50%) translateY(0px) scale(0.98);}    .platform-info{        display:none;}}/* 设备类型特定样式 */.device-desktop .hero-download-btn{    display:none !important;}.device-desktop .download-section{    display:none !important;}.device-desktop .qr-download-section{    display:block !important;}.device-tablet .qr-download-section,.device-mobile .qr-download-section{    display:none !important;}.device-tablet .hero-download-btn,.device-mobile .hero-download-btn{    display:block !important;}/* 手机适配 */@media (max-width:768px){    .container{        padding:15px;        padding-bottom:80px;/* 为浮动按钮留出空间 */}    .brand-header{        flex-direction:column;        text-align:center;        margin-bottom:20px;        gap:10px;}    .logo{        width:56px;        height:56px;        margin-right:0;        margin-bottom:10px;}    .app-title{        font-size:2rem;}    .app-title img{        width:clamp(170px,48vw,220px);        max-width:78%;        margin:0 auto;}    .app-subtitle{        font-size:1.1rem;}    .app-subtitle img{        width:250px;        max-width:85%;        margin:0 auto;}    .hero-download-btn{        display:block;}    .features-grid{        grid-template-columns:1fr;        gap:20px;}    .feature-card{        padding:15px;        min-height:auto;        display:flex;        flex-direction:column;        justify-content:flex-start;}    .feature-image-container{        height:270px;        margin-bottom:15px;        flex-shrink:0;}    .feature-icon{        max-width:240px;        max-height:255px;}    .feature-content{        display:flex;        flex-direction:column;        justify-content:flex-start;}    .feature-title{        font-size:1.2rem;        margin-bottom:10px;        line-height:1.3;}    .feature-desc{        font-size:0.9rem;        line-height:1.4;        margin-bottom:0;}    .gallery-item{        width:200px;}    .comparison-title{        font-size:1.8rem;        margin-bottom:20px;}    .comparison-container{        max-width:100%;        margin:0 10px;}    .comparison-container{        aspect-ratio:4/3;}    .gallery-title{        font-size:1.5rem;        margin-bottom:20px;}    .comparison-hint{        font-size:0.8rem;        margin-top:10px;}    /* 隐藏原来的下载区域 */    .download-section{        display:none;}    /* 浮动下载按钮 */    .download-btn{        position:fixed !important;        bottom:50px !important;        left:50% !important;        transform:translateX(-50%) !important;        padding:15px 30px;        font-size:1.1rem;        z-index:1000;        box-shadow:0 8px 25px rgba(237,145,33,0.4);        border:none;        min-width:200px;        max-width:calc(100vw - 40px);        opacity:0;        visibility:hidden;        animation:fadeInScale 1.2s ease-out 1.5s forwards;}    .download-btn:hover{        transform:translateX(-50%) translateY(-2px) scale(1.02);        box-shadow:0 12px 30px rgba(237,145,33,0.6);}    .download-btn:active{        transform:translateX(-50%) translateY(0px) scale(0.98);}    /* 隐藏平台信息 */    .platform-info{        display:none;}    .footer{        margin-top:40px;        padding:30px 15px;        font-size:13px;}}.buntoon-wordmark{    display:block;    width:auto;    height:clamp(52px,5.4vw,76px) !important;    max-width:min(52vw,420px) !important;    object-fit:contain;}.english-slogan{    display:block;    color:#704426;    font-size:clamp(1rem,1.6vw,1.22rem);    font-weight:500;    letter-spacing:0.005em;    -webkit-text-fill-color:#704426;}html[lang="en"] .section-title{    max-width:900px;}html[lang="en"] .value-card-title,html[lang="en"] .scene-card-title{    line-height:1.25;}@media (max-width:768px){    .buntoon-wordmark{        height:clamp(44px,8vw,56px) !important;        max-width:58vw !important;}}/* iPhone特殊适配 */@media (max-width:480px){    .container{        padding-bottom:75px;/* iPhone上稍微小一点的空间 */}    .feature-card{        padding:12px;        min-height:auto;        border-radius:12px;}    .feature-image-container{        height:240px;        margin-bottom:12px;}    .feature-icon{        max-width:210px;        max-height:225px;}    .feature-title{        font-size:1.1rem;        margin-bottom:8px;}    .feature-desc{        font-size:0.85rem;        line-height:1.3;        margin-bottom:0;}    .comparison-title{        font-size:1.5rem;        margin-bottom:15px;}    .comparison-container{        aspect-ratio:1/1;}    .gallery-title{        font-size:1.3rem;        margin-bottom:15px;}    .comparison-hint{        font-size:0.75rem;        margin-top:8px;}    /* iPhone浮动下载按钮 */    .download-btn{        bottom:40px;        padding:12px 22px;        font-size:0.96rem;        min-width:180px;}}/* 微信环境特殊样式 */.weixin-browser{    /* 在微信中可能需要特殊的处理 */}.weixin-browser .download-btn{    /* 为微信环境的下载按钮添加特殊样式 */    position:relative;    overflow:hidden;}.weixin-browser .download-btn:before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:rgba(255,255,255,0.1);    border-radius:inherit;    opacity:0;    transition:opacity 0.3s ease;    pointer-events:none;}.weixin-browser .download-btn:active:before{    opacity:1;}/* iOS微信特殊处理 */.weixin-browser.ios-device .download-btn{    /* iOS微信环境的特殊样式 */    border:2px solid rgba(255,255,255,0.3);    background:linear-gradient(135deg,#ED9121 0%,#f4a142 100%);}.weixin-browser.ios-device .download-btn:hover{    background:linear-gradient(135deg,#f4a142 0%,#ED9121 100%);}/* 非微信环境的样式 */.non-weixin-browser{    /* 非微信环境可以使用的特殊功能 */}/* 微信环境下的特殊提示 */.weixin-download-tip{    position:fixed;    top:0;    left:0;    width:100%;    height:100%;    background:rgba(0,0,0,0.8);    z-index:10000;    display:none;    align-items:center;    justify-content:center;    color:white;    font-size:16px;    text-align:center;    padding:20px;    box-sizing:border-box;}.weixin-download-tip.show{    display:flex;}.weixin-tip-content{    background:#fff;    color:#333;    padding:30px;    border-radius:10px;    max-width:300px;    width:90%;}.weixin-tip-title{    font-size:18px;    margin-bottom:20px;    font-weight:bold;}.weixin-tip-desc{    margin-bottom:20px;    line-height:1.5;}.weixin-tip-button{    background:#007AFF;    color:white;    border:none;    padding:10px 20px;    border-radius:5px;    font-size:16px;    cursor:pointer;    width:100%;}:root{    --theme-color:#ED9121;    --theme-color-deep:#CF7314;    --theme-color-soft:#F6B560;    --theme-color-ink:#9D5512;    --theme-color-glow:rgba(237,145,33,0.18);    --bg-top:#FBF5ED;    --bg-mid:#F5E8D8;    --bg-bottom:#ECDAC5;    --surface-color:rgba(255,248,241,0.86);    --surface-color-strong:rgba(255,251,246,0.97);    --surface-border:rgba(93,63,36,0.1);    --surface-border-strong:rgba(237,145,33,0.24);    --text-primary:#2F2218;    --text-secondary:rgba(47,34,24,0.74);    --text-muted:rgba(47,34,24,0.52);    --shadow-soft:0 24px 56px rgba(123,88,52,0.12);    --shadow-theme:0 18px 38px rgba(186,117,33,0.22);}body{    position:relative;    color:var(--text-primary);    background:        radial-gradient(circle at 14% 18%,rgba(237,145,33,0.15),transparent 18%),        radial-gradient(circle at 84% 12%,rgba(217,175,136,0.28),transparent 24%),        radial-gradient(circle at 50% 100%,rgba(255,255,255,0.42),transparent 28%),        linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 55%,var(--bg-bottom) 100%);}.container{    position:relative;    z-index:1;}.hero-section,.feature-title,.gallery-title,.qr-label{    color:var(--text-primary);}.app-subtitle,.feature-desc,.platform-info,.comparison-hint,.qr-desc,.free-trials-tip,.footer{    color:var(--text-secondary);}.logo{    box-shadow:0 22px 48px rgba(122,84,46,0.16);}.floating-elements{    opacity:0.9;}.floating-circle{    background:        radial-gradient(circle at 30% 30%,rgba(255,244,228,0.96),rgba(247,202,149,0.32) 48%,rgba(237,145,33,0.08) 66%,transparent 72%);    filter:blur(2px);}.qr-item,.feature-card,.comparison-container,.footer,.invite-code-box{    background:linear-gradient(180deg,rgba(255,250,245,0.94),rgba(245,236,225,0.82));    border-color:var(--surface-border);    box-shadow:var(--shadow-soft);    backdrop-filter:blur(14px);}.qr-item:hover,.feature-card:hover{    background:linear-gradient(180deg,rgba(255,252,248,0.98),rgba(248,238,226,0.9));    border-color:var(--surface-border-strong);    box-shadow:0 28px 64px rgba(123,88,52,0.15);}.feature-icon{    border-color:rgba(237,145,33,0.16);    box-shadow:0 14px 30px rgba(98,67,38,0.14);}.feature-icon:hover{    border-color:rgba(237,145,33,0.34);    box-shadow:0 18px 36px rgba(186,117,33,0.18);}.download-btn{    color:#fffaf3;    background:linear-gradient(180deg,#F7BD69 0%,var(--theme-color) 58%,var(--theme-color-deep) 100%);    border:1px solid rgba(255,248,239,0.12);    box-shadow:        0 16px 32px rgba(186,117,33,0.2),        inset 0 1px 0 rgba(255,255,255,0.22);}.download-btn:hover{    background:linear-gradient(180deg,#F9C579 0%,#EE972A 58%,#C96810 100%);    box-shadow:        0 20px 40px rgba(186,117,33,0.26),        inset 0 1px 0 rgba(255,255,255,0.24);}.invite-code-box{    background:linear-gradient(180deg,rgba(255,250,245,0.96),rgba(246,238,229,0.88));    border-color:rgba(93,63,36,0.1);}.invite-code-label{    color:rgba(47,34,24,0.72);}.invite-code-value,#heroeFreeTrialsCount,#freeTrialsCount,.footer a{    color:var(--theme-color-ink);}.copy-code-btn{    color:var(--text-primary);    border-color:rgba(237,145,33,0.16);    background:rgba(237,145,33,0.08);}.copy-code-btn:hover{    background:rgba(237,145,33,0.14);    border-color:rgba(237,145,33,0.24);}.free-trials-text{    color:var(--text-primary);    background:rgba(255,243,226,0.88);    border-color:rgba(237,145,33,0.22);    box-shadow:0 12px 28px rgba(186,117,33,0.12);}.free-trials-text:hover{    background:rgba(255,238,214,0.96);    border-color:rgba(237,145,33,0.3);    box-shadow:0 14px 32px rgba(186,117,33,0.16);}.comparison-wrapper{    background:#FBF3E9;}.comparison-slider,.comparison-slider::before{    background:linear-gradient(180deg,#F7BD69,var(--theme-color-deep));}.comparison-slider{    box-shadow:0 0 10px rgba(237,145,33,0.28);}.comparison-slider::before{    box-shadow:0 0 14px rgba(237,145,33,0.32);}.comparison-labels{    background:linear-gradient(to top,rgba(47,34,24,0.82),rgba(47,34,24,0.04));}.comparison-label{    color:#FFF7EE;    text-shadow:none;}.gallery::-webkit-scrollbar-track{    background:rgba(157,85,18,0.08);}.gallery::-webkit-scrollbar-thumb{    background:rgba(237,145,33,0.34);}.gallery::-webkit-scrollbar-thumb:hover{    background:rgba(237,145,33,0.5);}.gallery-item{    box-shadow:0 14px 28px rgba(123,88,52,0.14);}.gallery-item:hover{    box-shadow:0 18px 34px rgba(186,117,33,0.18);}.gallery-nav{    background:rgba(207,115,20,0.9);    box-shadow:0 10px 22px rgba(123,88,52,0.18);}.gallery-nav:hover{    background:rgba(227,131,31,0.96);}.footer{    background:linear-gradient(180deg,rgba(250,243,236,0.9),rgba(241,231,219,0.84));    border-color:rgba(93,63,36,0.08);}.footer a:hover{    color:var(--theme-color);}.weixin-download-tip{    background:rgba(47,34,24,0.5);}.weixin-tip-content{    background:#FFF9F3;    color:var(--text-primary);    border-radius:18px;    box-shadow:0 24px 54px rgba(123,88,52,0.14);}.weixin-tip-button{    background:linear-gradient(180deg,#F7BD69,var(--theme-color-deep));    color:#fffaf3;    border-radius:999px;    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);}/* Brand lockup:logo + wordmark,with slogan on a second line. */.brand-header{    gap:clamp(12px,1.8vw,18px);    margin-bottom:10px;    text-align:left;}.brand-header .logo,.app-subtitle{    display:block;}.brand-header .logo{    width:clamp(56px,5.8vw,82px);    height:clamp(56px,5.8vw,82px);    margin:0;}.app-title{    display:flex;    align-items:center;    justify-content:flex-start;    width:auto;}.app-title img{    width:auto;    height:clamp(54px,5.8vw,78px);    max-width:none;}.app-subtitle{    width:auto;    margin-bottom:10px;}.app-subtitle img{    width:clamp(220px,28vw,360px);    max-width:88%;}@media (min-width:1200px){    .brand-header .logo{        width:84px;        height:84px;}    .app-title img{        height:clamp(60px,4.8vw,84px);}    .app-subtitle img{        width:clamp(260px,24vw,380px);        max-width:82%;}}@media (max-width:768px){    .brand-header{        flex-direction:row;        justify-content:center;        align-items:center;        gap:12px;        margin-bottom:10px;}    .brand-header .logo{        width:48px;        height:48px;        margin-bottom:0;}    .app-title img{        height:clamp(42px,8.6vw,56px);}    .app-subtitle{        margin-bottom:16px;}    .app-subtitle img{        width:clamp(180px,56vw,260px);        max-width:86%;}}/* Transformation showcase:original -> IP -> merchandise */.comparison-section{    margin-top:4px;    margin-bottom:42px;}.comparison-showcase{    display:grid;    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);    align-items:center;    gap:clamp(12px,2vw,22px);    max-width:1120px;    margin:0 auto;    padding:clamp(18px,2.6vw,28px);    background:linear-gradient(180deg,rgba(255,251,247,0.92),rgba(244,234,221,0.88));    border:1px solid rgba(93,63,36,0.08);    border-radius:28px;    box-shadow:0 24px 56px rgba(123,88,52,0.12);}.comparison-step{    min-width:0;}.comparison-step-media{    position:relative;    width:min(100%,clamp(196px,21vw,248px));    max-width:none;    margin:0 auto;    aspect-ratio:3 / 4;    overflow:hidden;    border-radius:24px;    background:rgba(255,246,236,0.92);    border:1px solid rgba(93,63,36,0.08);    box-shadow:0 18px 40px rgba(123,88,52,0.12);}.comparison-step-image{    display:block;    width:100%;    height:100%;    object-fit:cover;    object-position:center;}.comparison-step-label{    margin:14px 0 0;    text-align:center;    color:var(--text-primary);    font-size:1rem;    font-weight:700;    letter-spacing:0.04em;}.comparison-arrow{    display:flex;    align-items:center;    justify-content:center;    color:var(--theme-color);}.comparison-arrow svg{    width:clamp(26px,2.8vw,34px);    height:auto;    display:block;    overflow:visible;}.comparison-arrow path{    fill:currentColor;}.comparison-hint{    margin-top:18px;    color:var(--text-secondary);}@media (max-width:900px){    .comparison-showcase{        grid-template-columns:1fr;        gap:14px;        max-width:420px;        padding:18px 16px;}    .comparison-step-media{        width:min(100%,clamp(188px,58vw,268px));}    .comparison-arrow svg{        width:22px;        transform:rotate(90deg);}    .comparison-step-label{        margin-top:12px;}}@media (max-width:480px){    .comparison-showcase{        padding:16px 14px;        border-radius:22px;}    .comparison-step-media{        width:min(100%,clamp(172px,64vw,236px));        border-radius:20px;}}/* Brand narrative sections below the transformation showcase */.brand-story-section,.scene-section{    width:100%;    margin-bottom:42px;    animation:fadeInUp 0.9s ease-out;}.section-heading{    max-width:760px;    margin:0 auto 26px;    text-align:center;}.section-heading-compact{    margin-bottom:22px;}.section-kicker{    margin:0 0 10px;    color:var(--theme-color-ink);    font-size:0.82rem;    font-weight:700;    letter-spacing:0.16em;    text-transform:uppercase;}.section-title{    margin:0;    color:var(--text-primary);    font-size:clamp(1.8rem,2.8vw,2.8rem);    line-height:1.14;    font-weight:700;    letter-spacing:-0.02em;}.section-desc{    margin:14px auto 0;    max-width:680px;    color:var(--text-secondary);    font-size:1rem;    line-height:1.75;}.value-card-grid{    display:grid;    grid-template-columns:repeat(3,minmax(0,1fr));    gap:22px;    width:100%;}.value-card,.scene-card{    background:linear-gradient(180deg,rgba(255,251,247,0.94),rgba(244,234,221,0.88));    border:1px solid rgba(93,63,36,0.08);    border-radius:28px;    box-shadow:0 22px 52px rgba(123,88,52,0.12);    overflow:hidden;    animation:fadeInUp 0.8s ease-out both;}.value-card{    display:flex;    flex-direction:column;    min-height:100%;}.value-card-media{    aspect-ratio:4 / 5;    background:rgba(255,246,236,0.9);}.value-card-image,.scene-card-image{    width:100%;    height:100%;    display:block;    object-fit:cover;    object-position:center;}.value-card-body{    padding:22px 22px 24px;}.value-card-eyebrow{    margin:0 0 10px;    color:var(--theme-color-ink);    font-size:0.82rem;    font-weight:700;    letter-spacing:0.12em;}.value-card-title,.scene-card-title{    margin:0;    color:var(--text-primary);    font-size:1.24rem;    line-height:1.3;    font-weight:700;}.value-card-desc,.scene-card-desc{    margin:12px 0 0;    color:var(--text-secondary);    font-size:0.96rem;    line-height:1.7;}.scene-card-grid{    display:grid;    grid-template-columns:repeat(4,minmax(0,1fr));    gap:20px;    width:100%;}.scene-card{    display:flex;    flex-direction:column;    min-height:100%;}.scene-card-media{    aspect-ratio:4 / 5;    background:rgba(255,246,236,0.9);}.scene-card-body{    padding:18px 18px 22px;}@media (max-width:1199px){    .value-card-grid{        grid-template-columns:repeat(2,minmax(0,1fr));}    .scene-card-grid{        grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:900px){    .brand-story-section,    .scene-section{        margin-bottom:34px;}    .section-heading{        margin-bottom:22px;}    .section-desc{        font-size:0.96rem;        line-height:1.68;}}@media (max-width:768px){    .brand-story-section,    .scene-section{        margin-bottom:30px;}    .value-card-grid,    .scene-card-grid{        grid-template-columns:1fr;        gap:18px;}    .value-card,    .scene-card{        border-radius:24px;}    .value-card-body,    .scene-card-body{        padding:18px 16px 20px;}    .value-card-title,    .scene-card-title{        font-size:1.16rem;}    .value-card-desc,    .scene-card-desc{        font-size:0.92rem;        line-height:1.62;}}