/* =========================================================
   00. 页面 Hero 标题区
========================================================= */
.photovideo-page .pv-hero {
    text-align: center;
    padding: 40px 16px;
    animation: fadeInUp 0.8s ease both;
}

/* 主标题 Hibachi W */
.photovideo-page .pv-hero-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #ff4f00; /* 品牌橙 */
    letter-spacing: 1px;
    margin-bottom: 12px;
}

/* “Whenever Wherever” */
.photovideo-page .pv-hero-h1 {
    font-weight: 700;
    font-size: 2rem;
    color: #111;
    margin-bottom: 14px;
}

/* 大句子 */
.photovideo-page .pv-hero-line-lg {
    font-weight: 600;
    font-size: 1.5rem;
    color: #1c1d1d;
    margin-bottom: 12px;
}

/* 中句子 */
.photovideo-page .pv-hero-line-md {
    font-weight: 600;
    font-size: 1.3rem;
    color: #1c1d1d;
    margin-bottom: 12px;
}

/* 小句子 */
.photovideo-page .pv-hero-line-sm {
    font-weight: 500;
    font-size: 1rem;
    color: #1c1d1d;
    margin-bottom: 20px;
}

/* 分割线 */
.photovideo-page .pv-hero .pv-hero-divider {
    width: 80px;
    margin: 20px auto 0;
    border: 0;
    border-top: 2px solid #eee;
}

/* ======= Mobile 优化 ======= */
@media (max-width: 576px) {
    .photovideo-page .pv-hero-title {
        font-size: 2rem;
    }
    .photovideo-page .pv-hero-h1 {
        font-size: 1.6rem;
    }
    .photovideo-page .pv-hero-line-lg {
        font-size: 1.2rem;
    }
    .photovideo-page .pv-hero-line-md {
        font-size: 1.1rem;
    }
    .photovideo-page .pv-hero-line-sm {
        font-size: 0.95rem;
    }
}

/* ======= Hero 轻动画 ======= */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(14px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   01. Tab 样式（photos / videos 切换）
========================================================= */
.product-tab-style1 {
        margin: 20px 0 25px 0;
        border: 0;
        gap: 46px;
}
.product-tab-style1 .nav-item {
    cursor: pointer;
}
.product-tab-style1 .nav-link {
    font-size: 16px;
    padding: 10px 38px;
}
/* =========================================================
   02. 上传区域 Loading 动画（配合 weui-loading）
========================================================= */
 .photovideo-page .weui-mask-loading {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 1em;
    height: 1em;
        -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
        mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
    mask-size: auto;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor;
    color: #606060;
}
/* =========================================================
   03. Magnific Popup — 大图箭头
========================================================= */
.photovideo-page .mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin-top: -55px;
    width: 60px;
    height: 60px;
    background: #fff !important;
    border-radius: 60px;
    text-align: center;
}

.photovideo-page .mfp-arrow-right::before {
    content: "\f105";
    font-size: 32px;
    color: red;
    font-weight: 600;
}

.photovideo-page .mfp-arrow-left::before {
    content: "\f104";
    font-size: 32px;
    color: red;
    font-weight: 600;
}

.photovideo-page .mfp-arrow::after,
.photovideo-page .mfp-arrow::before {
    margin-top: 12px;
    margin-left: 22px;
}

/* =========================================================
   04. Yottie Widget
========================================================= */
.photovideo-page span.yottie-widget-feed-section-pagination-bullet {
    padding: 10px 15px;
    font-size: 110%;
    color: #010f1c;
    background-color: #f9f6f1;
}

.photovideo-page .yottie-widget-feed-section-pagination {
    padding-top: 50px !important;
    margin-bottom: 0;
}

.photovideo-page #yottie_1 .yottie-widget-feed-section-slide,
.photovideo-page #yottie_1 .yottie-widget-header {
    background-color: #f3f3fe;
}

/* =========================================================
   05. 上传预览区
========================================================= */
.photovideo-page .qq-upload-list {
    list-style: none;
    padding-left: 0;
    margin: 12px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.photovideo-page .qq-upload-list li {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 6px;
    overflow: hidden;
    background: #f1f1f1;
}

.photovideo-page .qq-upload-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photovideo-page .qq-upload-delete {
    position: absolute;
    right: 6px;
    top: 6px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 3px;
    cursor: pointer;
}

/* =========================================================
   06. 大图预览 Gallery
========================================================= */
.photovideo-page #gallery {
    display: none;
    position: fixed;
    left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.9);
    z-index: 1050;
}
.photovideo-page .weui-gallery__img {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
}

/* =========================================================
   07. Toast 提示
========================================================= */
.photovideo-page #toast {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 10px 18px;
    border-radius: 20px;
    z-index: 1055;
    font-size: 14px;
}

.photovideo-page .btn--soft {
    background: var(--hw-orange-soft);
    color: #ffffff;
    min-width: 240px;
    padding: 12px 30px;
    font-weight: 600;
}
.photovideo-page .btn--soft:hover {
      background-color: transparent;
      border: 2px solid #ff4f00; 
      transform: translateY(-1px);
      box-shadow: 0 12px 30px rgba(255,79,0,0.35);
      font-weight: 600;
      color: var(--hw-orange);
}
.photovideo-page .photovideo-section{
    padding: 40px 0 80px;
}