/* ============================================
   pc.css - PC端专属样式 (>=768px)
   基于 template/danye/css/style.css 改造
   ============================================ */

@media (min-width: 768px) {

/* ---- 视口显隐控制 ---- */
[data-view="mobile"] { display: none !important; }
[data-view="pc"] { display: block !important; }

/* ---- PC端基础样式 ---- */
body {
    font-size: 14px;
    color: rgb(var(--text-black));
    background-color: rgba(var(--bg-color), 1);
    counter-reset: title 0;
    width: 100%;
    font-family: "YaHei", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 1200px) {
    body { width: 1200px; }
    [data-view="pc"] .container { width: 1160px; padding: 0 20px; }
}

/* ---- 容器 ---- */
[data-view="pc"] .container {
    width: 1200px;
    margin: 0 auto;
}

/* ---- 通用图标 ---- */
[data-view="pc"] .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

[data-view="pc"] .icon-tel-theme { background-image: url(../assets/pc/icon/theme-tel.svg); }
[data-view="pc"] .icon-tel { background-image: url(../assets/pc/icon/tel.svg); }
[data-view="pc"] .icon-addr { background-image: url(../assets/pc/icon/addr.svg); }
[data-view="pc"] .icon-server { background-image: url(../assets/pc/icon/server.svg); }
[data-view="pc"] .icon-cate01 { background-image: url(../assets/pc/icon/cate01.svg); }
[data-view="pc"] .icon-cate02 { background-image: url(../assets/pc/icon/cate02.svg); }
[data-view="pc"] .icon-cate03 { background-image: url(../assets/pc/icon/cate03.svg); }
[data-view="pc"] .icon-cate04 { background-image: url(../assets/pc/icon/cate04.svg); }
[data-view="pc"] .icon-cate01-w { background-image: url(../assets/pc/icon/cate01-w.png); }
[data-view="pc"] .icon-cate02-w { background-image: url(../assets/pc/icon/cate02-w.png); }
[data-view="pc"] .icon-cate03-w { background-image: url(../assets/pc/icon/cate03-w.png); }
[data-view="pc"] .icon-cate04-w { background-image: url(../assets/pc/icon/cate04-w.png); }
[data-view="pc"] .icon-step-01 { background-image: url(../assets/pc/icon/step01.svg); }
[data-view="pc"] .icon-step-02 { background-image: url(../assets/pc/icon/step02.svg); }
[data-view="pc"] .icon-step-03 { background-image: url(../assets/pc/icon/step03.svg); }
[data-view="pc"] .icon-step-04 { background-image: url(../assets/pc/icon/step04.svg); }
[data-view="pc"] .icon-wx { background-image: url(../assets/pc/icon/wx.png); }
[data-view="pc"] .icon-tel-b { background-image: url(../assets/pc/icon/tel-b.png); }
[data-view="pc"] .icon-top { background-image: url(../assets/pc/icon/top.png); }

/* ---- Header ---- */
[data-view="pc"] .header {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: all 0.3s;
    background-color: rgba(var(--white), 0);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

[data-view="pc"] .header.op { background-color: rgba(var(--white), 1); }
[data-view="pc"] .header.op .nav a { color: rgb(var(--theme-color)); }
[data-view="pc"] .header.op .nav li:hover { background-color: rgba(var(--theme-color), 0.1); }
[data-view="pc"] .header.op .tel { color: rgb(var(--theme-color)); }

[data-view="pc"] .header .container {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[data-view="pc"] .header .logo-box {
    max-width: 200px;
    height: 40px;
    overflow: hidden;
}

[data-view="pc"] .header .logo-box .logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translateY(0%);
    transition: all 0.3s;
}

[data-view="pc"] .header .logo-fill .logo {
    transform: translateY(-100%);
    filter: drop-shadow(0px 40px #fff);
}

[data-view="pc"] .header .nav {
    display: flex;
    align-items: center;
}

[data-view="pc"] .header .nav li {
    margin-left: 20px;
    list-style: none;
    height: 37px;
    line-height: 37px;
    padding: 0 20px;
    font-size: 16px;
}

[data-view="pc"] .header .nav li:hover {
    color: rgb(var(--theme-color));
    background-color: rgba(var(--white), 0.8);
    font-weight: 700;
}

[data-view="pc"] .header .nav li a { color: rgb(var(--white)); }
[data-view="pc"] .header .nav li:hover a { color: rgb(var(--theme-color)); }

[data-view="pc"] .header .tel {
    color: rgb(var(--theme-color2));
    font-weight: 700;
    font-size: 20px;
}

[data-view="pc"] .header .tel .icon { margin-right: 8px; }

/* ---- Banner ---- */
[data-view="pc"] .banner {
    position: relative;
    height: 1000px;
    margin-top: -100px;
    width: max(1200px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-top: 180px;
    margin-bottom: -450px;
    z-index: -1;
}

[data-view="pc"] .banner .banner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: -1;
}

[data-view="pc"] .banner .banner-bg::before {
    content: '';
    position: absolute;
    width: 2915px;
    height: 1076px;
    border-radius: 0 0 50% 50%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(var(--theme-color-dark), 0.6);
    z-index: -2;
}

[data-view="pc"] .banner .banner-bg img {
    position: absolute;
    width: 2915px;
    height: 1076px;
    border-radius: 0 0 50% 50%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
    z-index: -3;
}

[data-view="pc"] .banner-prop {
    font-size: 24px;
    color: rgb(var(--theme-color2));
    position: relative;
    padding: 0 24px;
}

[data-view="pc"] .banner-prop span + span { margin-left: 26px; }

[data-view="pc"] .banner-prop::before,
[data-view="pc"] .banner-prop::after {
    content: '';
    height: 1px;
    width: 155px;
    background-color: rgb(var(--theme-color2));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

[data-view="pc"] .banner-prop::before { left: 100%; }
[data-view="pc"] .banner-prop::after { right: 100%; }

[data-view="pc"] .banner-title {
    font-size: 80px;
    line-height: 96px;
    margin: 12px auto;
    color: rgb(var(--white));
    font-family: "SmileySans";
}

[data-view="pc"] .banner-subtitle {
    color: rgb(var(--white));
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
    padding: 6px 30px;
    background: linear-gradient(90deg, rgba(var(--theme-color), 0.5) 0%, rgba(var(--theme-color2), 0.5) 100%);
}

/* ---- 通用标题 ---- */
[data-view="pc"] .theme-title {
    counter-increment: title;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
	margin-top: 50px;
}

[data-view="pc"] .theme-title > h2 {
    display: flex;
    flex-direction: column;
    color: transparent;
    background-image: linear-gradient(180deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 30px;
    font-weight: 700;
}

[data-view="pc"] .theme-title > h2::after {
    content: attr(en);
    font-weight: 100;
    font-size: 16px;
    color: rgb(var(--theme-color));
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px;
}

[data-view="pc"] .theme-title::before {
    content: '0' counter(title);
    font-size: 60px;
    font-family: "SmileySans";
    color: transparent;
    background-image: linear-gradient(180deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-right: 10px;
}

[data-view="pc"] .theme-title.white,
[data-view="pc"] .theme-title.white > h2::after,
[data-view="pc"] .theme-title.white::before,
[data-view="pc"] .theme-title.white h2 {
    color: rgb(var(--white));
}

/* ---- Part01 鉴定项目 ---- */
[data-view="pc"] #part01 { padding: 80px 0 106px; }

[data-view="pc"] .cate-box {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

[data-view="pc"] .cate-box .cate-item {
    width: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[data-view="pc"] .cate-box .cate-item .icon { font-size: 64px; }

[data-view="pc"] .cate-title {
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0 30px;
    color: rgb(var(--white));
    background: linear-gradient(90deg, rgba(18, 80, 245, 0.5) 0%, rgba(124, 250, 252, 0.5) 100%);
}

[data-view="pc"] .cate-desc {
    color: rgb(var(--theme-color));
    background-color: rgba(var(--white), 0.72);
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    padding: 10px 45px;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

[data-view="pc"] .cate-content {
    margin-top: 4px;
    font-size: 14px;
    line-height: 24px;
    padding: 16px 26px 16px 36px;
    background-color: rgb(var(--white));
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    width: 100%;
	height: 300px;
}

[data-view="pc"] .cate-content li + li { margin-top: 24px; }
[data-view="pc"] .cate-content li::marker { color: rgb(var(--theme-color)); }

/* ---- Part02 收费标准 ---- */
[data-view="pc"] #part02 {
    background: linear-gradient(180deg, rgba(var(--bg-color), 1) 0%, rgba(var(--bg-color2), 1) 88.19%);
    padding: 80px 0 66px;
}

[data-view="pc"] .fs-14 { font-size: 14px; }

[data-view="pc"] .fees-table {
    margin: 66px auto 20px;
    display: flex;
    justify-content: space-between;
    width: 919px;
    text-align: center;
}

[data-view="pc"] .fees-table .fees-table-item:first-child { width: 116px; margin-right: -9px; }
[data-view="pc"] .fees-table-item { width: 194px; }

[data-view="pc"] .fees-table .table-title {
    box-sizing: border-box;
    height: 140px;
    width: 100%;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(90deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
    border-image-slice: 1;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(var(--theme-color));
}

[data-view="pc"] .fees-table .fees-table-item:first-child .table-title { border-bottom: none; }
[data-view="pc"] .fees-table .table-title .icon { font-size: 56px; margin-bottom: 10px; }

[data-view="pc"] .fees-table-info {
    font-size: 16px;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(180deg, rgba(var(--white), 0) 0%, rgba(var(--white), 1) 100%);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

[data-view="pc"] .fees-table .fees-table-item:first-child .fees-table-info {
    background: rgb(var(--theme-color));
    color: rgb(var(--white));
    font-weight: 700;
    font-size: 18px;
    margin-right: -9px;
}

[data-view="pc"] .fees-table-info > div {
    height: 73px;
    width: 100%;
    box-sizing: border-box;
}

[data-view="pc"] .fees-table-item:nth-last-child(-n+4) .fees-table-info > div.price {
    font-weight: 700;
    color: rgb(var(--theme-color));
}

[data-view="pc"] .fees-table-info > div:nth-child(2) { height: 90px; }
[data-view="pc"] .fees-table-info > div + div { border-top: 1px solid rgb(var(--theme-color2)); }

[data-view="pc"] .fees-table-info > div,
[data-view="pc"] .table-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[data-view="pc"] .fees-table-box .tips {
    margin: auto;
    width: 919px;
    color: rgb(var(--text-gray));
}

/* ---- Part03 鉴定流程 ---- */
[data-view="pc"] #part03 {
    padding: 100px 0 60px;
    background: url(../assets/pc/image/part03-bg.jpg);
}

[data-view="pc"] .process-box { display: flex; align-items: end; justify-content: center; }
[data-view="pc"] .process-box-e { margin-top: 66px; }
[data-view="pc"] .process-box-s { align-items: start; }

[data-view="pc"] .process-box-e > .process-item {
    background-image: linear-gradient(180deg, rgba(var(--bg-color2), 1) 27.78%, rgba(var(--white), 1) 100%), linear-gradient(0deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
}

[data-view="pc"] .process-box-s > .process-item {
    background-image: linear-gradient(0deg, rgba(var(--bg-color2), 1) 27.78%, rgba(var(--white), 1) 100%), linear-gradient(180deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
}

[data-view="pc"] .process-box > .process-item {
    box-sizing: border-box;
    width: 468px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    padding: 26px 20px 20px 45px;
}

[data-view="pc"] .process-box > .process-item:first-child { margin-right: 60px; border-right: 2px solid transparent; }
[data-view="pc"] .process-box > .process-item:last-child { border-left: 2px solid transparent; }

[data-view="pc"] .process-item-title {
    font-size: 16px;
    line-height: 20px;
    color: rgb(var(--theme-color));
    margin-bottom: 6px;
    position: relative;
}

[data-view="pc"] .process-item-title::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgb(var(--theme-color));
    border-radius: 50%;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

[data-view="pc"] .process-item-content { line-height: 24px; margin-bottom: 20px; }
[data-view="pc"] .process-item-content li { margin-left: 12px; }
[data-view="pc"] .process-item-content li + li { margin-top: 10px; }

[data-view="pc"] .process-title-box { width: 996px; margin: auto; }
[data-view="pc"] .process-title-box .icon { font-size: 50px; }

[data-view="pc"] .process-title-box > div {
    height: 84px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    color: rgb(var(--white));
    font-size: 20px;
    font-weight: 700;
}

[data-view="pc"] .process-title-box > div > div {
    z-index: 1;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 33px;
}

[data-view="pc"] .process-title-box > div > div .step {
    font-family: "Floane";
    z-index: 0;
    font-size: 18px;
    color: rgb(var(--theme-color2));
    font-weight: 400;
}

[data-view="pc"] .process-title-box > div > div .step .num { font-size: 30px; margin-left: 4px; }
[data-view="pc"] .process-title-box > div:nth-child(1) { margin-bottom: 10px; }

[data-view="pc"] .process-title-box > div:nth-child(1):before { clip-path: polygon(0% 0%, 100% 0%, calc(100% - 250px) 100%, 250px 100%); }
[data-view="pc"] .process-title-box > div:nth-child(2):before { clip-path: polygon(250px 0%, calc(100% - 250px) 0%, 100% 100%, 0% 100%); }

[data-view="pc"] .process-title-box > div::before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    content: "";
    background: linear-gradient(90deg, rgba(var(--theme-color2), 0.45) 0.345%,
            rgba(var(--theme-color), 0.9) 46.88%,
            rgba(var(--theme-color), 0.9) 53.12%, rgba(var(--theme-color2), 0.9) 99.655%);
}

/* ---- Part04 咨询中心 ---- */
[data-view="pc"] #part04 {
    padding: 106px 0 60px;
    background: linear-gradient(0deg, rgba(var(--theme-color), 0.5) 0%, rgba(var(--bg-color2), 0.8) 56.51%, rgba(var(--bg-color2), 1) 86.81%);
}

[data-view="pc"] #part04 .theme-title { margin-bottom: 66px; }

[data-view="pc"] .small-title {
    font-size: 26px;
    line-height: 54px;
    margin: auto;
    padding: 0 20px;
    color: rgb(var(--theme-color));
    border-radius: 50px;
    font-weight: 700;
    background-color: rgba(var(--theme-color2), .2);
    width: fit-content;
}

[data-view="pc"] .company-box {
    background: url(../assets/pc/image/company-banner.jpg);
    position: relative;
    z-index: 0;
    background-size: cover;
    padding: 30px 0 30px 50px;
    display: flex;
    margin-top: 30px;
}

[data-view="pc"] .company-box::after {
    content: "";
    width: 365px;
    height: 273px;
    bottom: 0;
    margin-top: -128px;
    margin-bottom: -30px;
    background: url(../assets/pc/image/company-pic.png);
}

[data-view="pc"] .company-box > div:first-child { flex: 1; }

[data-view="pc"] .company-title-box { display: flex; align-items: center; }

[data-view="pc"] .company-title {
    color: rgb(var(--white));
    margin-right: 30px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 26px;
}

[data-view="pc"] .theme-label {
    display: inline-block;
    color: rgb(var(--theme-color));
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    padding: 0 10px;
    margin-right: 10px;
    background-color: rgb(var(--white), 0.68);
}

[data-view="pc"] .company-desc {
    margin-top: 20px;
    color: rgb(var(--white));
    line-height: 24px;
    max-width: 716px;
}

[data-view="pc"] .company-info {
    margin-top: -20px;
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}

[data-view="pc"] .company-info > div {
    position: relative;
    z-index: 1;
    background: rgba(var(--white), 0.8);
    width: 485px;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

[data-view="pc"] .company-info > div:first-child { margin-right: 30px; }

[data-view="pc"] .company-info-title {
    display: flex;
    font-size: 16px;
    line-height: 22px;
    color: rgb(var(--theme-color));
    align-items: center;
    margin-bottom: 12px;
}

[data-view="pc"] .company-info-title::after {
    content: '';
    margin-left: 30px;
    background-color: rgb(var(--theme-color));
    flex: 1;
    display: block;
    height: 1px;
}

[data-view="pc"] .company-info > p { line-height: 24px; }

[data-view="pc"] .advantage-box { margin-top: 20px; position: relative; z-index: 2; }
[data-view="pc"] .advantage-box > div { display: flex; justify-content: space-between; margin: auto; }
[data-view="pc"] .advantage-box > div:nth-child(1) { width: 591px; }
[data-view="pc"] .advantage-box > div:nth-child(2) { width: 957px; }
[data-view="pc"] .advantage-box > div > .advantage-item { width: 188px; }

[data-view="pc"] .advantage-title {
    color: transparent;
    background-image: linear-gradient(90deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 4em);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
    border-image-slice: 1;
}

[data-view="pc"] .advantage-box > div > .advantage-item:nth-child(2) .advantage-title {
    text-align: right;
    background-image: linear-gradient(-90deg, rgba(var(--theme-color2), 1) 0%, rgba(var(--theme-color), 1) 4em);
}

[data-view="pc"] .note-text { font-weight: 700; color: rgb(var(--theme-color)); }

[data-view="pc"] .lab-ellipse-box { position: relative; margin: auto; width: fit-content; z-index: 1; }

[data-view="pc"] .lab-ellipse-box img {
    position: relative;
    width: 373px;
    height: 305px;
    object-fit: cover;
    border-radius: 50%;
    z-index: 3;
}

[data-view="pc"] .lab-ellipse-box::before,
[data-view="pc"] .lab-ellipse-box::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

[data-view="pc"] .lab-ellipse-box::before {
    width: 526px;
    height: 430px;
    background: linear-gradient(180deg, rgba(var(--theme-color2), 0.5) 0%, rgba(151, 177, 249, 0) 59.72%);
    z-index: 1;
}

[data-view="pc"] .lab-ellipse-box::after {
    width: 1062px;
    height: 868px;
    background: linear-gradient(180deg, rgba(var(--white), 1) 0%, rgba(255, 255, 255, 0.3) 31.94%, rgba(151, 177, 249, 0) 76.39%);
    z-index: 0;
}

[data-view="pc"] .lab-env { position: relative; z-index: 0; margin-top: 50px; }

[data-view="pc"] .lab-env::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 189px;
    background: linear-gradient(0deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 0) 100%);
    left: 0;
    bottom: 100%;
    z-index: -1;
    clip-path: polygon(390px 0, calc(100% - 390px) 0, 100% 100%, 0 100%);
}

[data-view="pc"] .lab-env {
    box-sizing: border-box;
    width: 100%;
    padding: 50px 36px 30px 36px;
    background: linear-gradient(180deg, rgba(var(--theme-color), 0.5) 0%, rgba(var(--theme-color2), 0.2) 100%);
}

[data-view="pc"] .lab-pic-box { margin-top: 30px; display: flex; flex-flow: wrap; justify-content: space-between; }
[data-view="pc"] .small-title.white { color: rgb(var(--white)); }
[data-view="pc"] .lab-pic-box .picbox img { display: block; border-radius: 2px; width: 100%; height: auto; }
[data-view="pc"] .lab-pic-box .picbox:nth-last-child(-n+3) { margin-top: 30px; }

/* ---- Part05 常见问题 ---- */
[data-view="pc"] #part05 { padding: 80px 0 100px; }

[data-view="pc"] .qa-box { margin-top: 66px; display: flex; justify-content: space-between; counter-reset: qa; }

[data-view="pc"] .qa-item { counter-increment: qa; width: 570px; margin-bottom: 35px; }

[data-view="pc"] .qa-title {
    display: flex;
    position: relative;
    padding: 0 14px 0 86px;
    line-height: 53px;
    background: rgba(var(--white), 1);
    justify-content: space-between;
    border-radius: 53px 2px 2px 2px;
    transition: all 0.3s;
    cursor: pointer;
}

[data-view="pc"] .qa-item.active .qa-title {
    background: rgba(var(--theme-color2), 0.2);
    color: rgba(var(--theme-color), 1);
    font-weight: 700;
}

[data-view="pc"] .qa-title::before {
    content: "Q" counter(qa);
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(var(--white));
    width: 69px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    font-family: "Floane";
    font-size: 32px;
    font-weight: 700;
    border-radius: 10px 10px 10px 0;
    background: linear-gradient(90deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
}

[data-view="pc"] .qa-title::after {
    content: '';
    position: absolute;
    top: 53px;
    left: 0px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: solid transparent;
    border-left-color: rgba(var(--theme-color), 1);
    border-width: 6px 0 6px 12px;
}

[data-view="pc"] .qa-title .qa-btn { color: rgb(var(--theme-color)); }

[data-view="pc"] .qa-item.active .qa-content { display: block; }

[data-view="pc"] .qa-content {
    display: none;
    padding: 20px;
    margin-left: 10px;
    background: linear-gradient(180deg, rgba(var(--white), 1) 27.78%, rgba(var(--white), 0.1) 100%);
}

[data-view="pc"] .qa-item-title {
    position: relative;
    font-weight: 16px;
    line-height: 26px;
    color: rgb(var(--theme-color));
    padding-left: 25px;
}

[data-view="pc"] .qa-item-title::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 13px;
    transform: translateY(-50%);
    width: 6px;
    font-size: 16px;
    height: 6px;
    border-radius: 50%;
    background: rgb(var(--theme-color));
}

[data-view="pc"] .qa-item-content { line-height: 24px; margin-bottom: 10px; }
[data-view="pc"] .qa-item-content ul { margin-left: 64px; }
[data-view="pc"] .qa-item-content ul li { margin-top: 12px; }
[data-view="pc"] .qa-item-content p { margin-left: 50px; }

/* ---- Footer ---- */
[data-view="pc"] .footer {
    width: 100%;
    background: rgba(242, 245, 255, 0.8);
}

[data-view="pc"] .footer .container {
    display: flex;
    justify-content: space-between;
    padding: 75px 0 40px;
}

[data-view="pc"] .footer-info { display: flex; flex-direction: column; flex: 1; }

[data-view="pc"] .info-row { display: flex; line-height: 34px; }
[data-view="pc"] .info-row > i { transform: translateY(4px); }
[data-view="pc"] .info-row > span { font-weight: 700; display: inline-block; width: 5em; }
[data-view="pc"] .info-row > p { flex: 1 0; color: rgb(var(--text-gray)); }
[data-view="pc"] .footer-info .icon { font-size: 22px; margin-right: 12px; }

[data-view="pc"] .footer-title {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: rgb(var(--text-gray));
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid rgb(var(--light-gray));
    margin-bottom: 16px;
}

[data-view="pc"] .concat-box { margin-left: 100px; }

[data-view="pc"] .wx-box {
    width: 128px;
    height: 128px;
    border: 16px solid rgba(var(--theme-color), 0.2);
}

[data-view="pc"] .wx-box img { width: 100%; height: 100%; object-fit: contain; }
[data-view="pc"] .wx-box + div { text-align: center; margin-top: 10px; color: rgb(var(--text-gray)); }

[data-view="pc"] .copyright {
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: rgb(68, 68, 68);
    background: rgba(var(--theme-color), 0.2);
    padding: 14px 0;
}

[data-view="pc"] .copyright a { color: rgb(68, 68, 68); }

/* ---- 侧栏浮窗 ---- */
[data-view="pc"] .side-tab-box {
    position: fixed;
    right: 30px;
    bottom: 48px;
    z-index: 999;
}

[data-view="pc"] .side-item-box {
    display: block;
    position: relative;
    padding: 10px;
    background: rgba(var(--white), 1);
    color: rgba(var(--theme-color), 1);
    width: fit-content;
    margin-bottom: 20px;
}

[data-view="pc"] .side-item-box img { width: 46px; height: 46px; object-fit: contain; }
[data-view="pc"] .side-item { overflow: hidden; }

[data-view="pc"] .side-item-box:hover { background: rgba(var(--theme-color), 1); }
[data-view="pc"] .side-item-box:hover .side-item { color: rgba(var(--white), 1); }
[data-view="pc"] .side-item-box:hover .icon-img { transform: translateY(-100%); filter: drop-shadow(0px 46px #fff); }

[data-view="pc"] .side-tab-box .side-item-box:nth-last-child(1) {
    padding: 4px 10px 10px 10px;
    color: rgb(var(--text-gray));
}

[data-view="pc"] .side-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[data-view="pc"] .side-content-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    transition: all 0.3s;
    right: 100%;
    width: 0;
    box-sizing: border-box;
    padding-right: 0px;
}

[data-view="pc"] .side-content-box > div {
    background-color: rgb(var(--white));
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 0;
    border-right: 2px solid transparent;
    border-image: linear-gradient(180deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color2), 1) 100%);
    border-image-slice: 1;
}

[data-view="pc"] .side-content-box > div > .desc {
    width: fit-content;
    border-radius: 12px;
    font-size: 12px;
    background-color: rgba(var(--theme-color2), 0.2);
    line-height: 24px;
    padding: 0 10px;
    margin-top: 4px;
}

[data-view="pc"] .side-content-box > div .tel { font-size: 18px; font-weight: 700; }
[data-view="pc"] .side-content-box.side-wx-box > div { width: 152px; }
[data-view="pc"] .side-content-box.side-wx-box > div img { width: 120px; height: 120px; object-fit: contain; }
[data-view="pc"] .side-content-box.tel-box > div { width: 187px; }
[data-view="pc"] .side-item-box:hover .side-content-box { padding-right: 20px; }
[data-view="pc"] .side-item-box:hover .side-content-box.side-wx-box { width: 172px; }
[data-view="pc"] .side-item-box:hover .side-content-box.tel-box { width: 207px; }

} /* end @media (min-width: 768px) */