/* =========================================================
   YUNASSIE INDUSTRY INSIGHTS
   高端动态纯白背景版

   所有CSS只影响：
   #yunassie-industry-insights-v3
========================================================= */


#yunassie-industry-insights-v3 {

    /* =====================================================
       【页面纯白背景修改位置】
    ====================================================== */

    background: #ffffff;

    width: 100%;

    padding:
        95px 30px
        110px;

    margin: 0;

    overflow: hidden;

    color: #181818;

}



#yunassie-industry-insights-v3 *,
#yunassie-industry-insights-v3 *::before,
#yunassie-industry-insights-v3 *::after {

    box-sizing: border-box;

}



#yunassie-industry-insights-v3
.yii3-container {

    width: 100%;

    max-width: 1450px;

    margin: 0 auto;

}



/* =========================================================
   HERO
========================================================= */


#yunassie-industry-insights-v3
.yii3-hero {

    display: grid;

    grid-template-columns:
        1.2fr
        .8fr;

    align-items: center;

    gap: 70px;

    min-height: 490px;

    padding-bottom: 58px;

}



#yunassie-industry-insights-v3
.yii3-hero-left {

    max-width: 900px;

}



#yunassie-industry-insights-v3
.yii3-eyebrow {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 25px;

    color: #74675f;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3.5px;

    animation:
        yii3EyebrowMove
        4.5s
        ease-in-out
        infinite;

}



#yunassie-industry-insights-v3
.yii3-eyebrow span {

    width: 52px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            #d7c1af,
            #855f4d
        );

    animation:
        yii3LineGrow
        3s
        ease-in-out
        infinite;

}



/* =========================================================
   HERO TITLE
========================================================= */


#yunassie-industry-insights-v3
.yii3-hero h1 {

    margin: 0;

    color: #171717;

    font-size:
        clamp(
            52px,
            5.7vw,
            86px
        );

    font-weight: 620;

    line-height: .98;

    letter-spacing: -3.8px;

}



#yunassie-industry-insights-v3
.yii3-hero h1 strong {

    display: block;

    margin-top: 9px;

    font-weight: 620;

    color: transparent;

    background:
        linear-gradient(
            100deg,
            #9f5d4d 0%,
            #d19d76 22%,
            #8f6672 45%,
            #58778b 66%,
            #9f5d4d 100%
        );

    background-size: 240% 100%;

    -webkit-background-clip: text;

    background-clip: text;

    animation:
        yii3TextGradient
        7s
        linear
        infinite;

}



#yunassie-industry-insights-v3
.yii3-intro {

    max-width: 730px;

    margin:
        30px 0
        0;

    color: #6c6a68;

    font-size: 16px;

    line-height: 1.9;

}



/* =========================================================
   动态关键词
========================================================= */


#yunassie-industry-insights-v3
.yii3-rotating {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-top: 34px;

}



#yunassie-industry-insights-v3
.yii3-rotating-label {

    color: #99928c;

    font-size: 9px;

    letter-spacing: 2px;

}



#yunassie-industry-insights-v3
.yii3-rotating-window {

    height: 22px;

    overflow: hidden;

}



#yunassie-industry-insights-v3
.yii3-rotating-list {

    display: flex;

    flex-direction: column;

    animation:
        yii3RotateWords
        12s
        ease-in-out
        infinite;

}



#yunassie-industry-insights-v3
.yii3-rotating-list span {

    height: 22px;

    line-height: 22px;

    color: #8b5e51;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;

    white-space: nowrap;

}



/* =========================================================
   HERO RIGHT
========================================================= */


#yunassie-industry-insights-v3
.yii3-hero-right {

    position: relative;

    min-height: 410px;

    display: flex;

    align-items: center;

    justify-content: center;

}



#yunassie-industry-insights-v3
.yii3-hero-right::before {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(212,186,168,.18),
            rgba(255,255,255,0) 67%
        );

    animation:
        yii3Glow
        5.5s
        ease-in-out
        infinite;

}



#yunassie-industry-insights-v3
.yii3-orbit {

    position: absolute;

    border-radius: 50%;

}



#yunassie-industry-insights-v3
.yii3-orbit-a {

    width: 315px;

    height: 315px;

    border:
        1px solid
        rgba(143,102,114,.22);

    animation:
        yii3OrbitA
        18s
        linear
        infinite;

}



#yunassie-industry-insights-v3
.yii3-orbit-a::before {

    content: "";

    position: absolute;

    top: 42px;

    right: 30px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #9e6870;

}



#yunassie-industry-insights-v3
.yii3-orbit-b {

    width: 400px;

    height: 400px;

    border:
        1px dashed
        rgba(72,105,123,.20);

    animation:
        yii3OrbitB
        28s
        linear
        infinite;

}



#yunassie-industry-insights-v3
.yii3-center-circle {

    position: relative;

    z-index: 5;

    width: 190px;

    height: 190px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    border:
        1px solid
        rgba(0,0,0,.08);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.08);

}



#yunassie-industry-insights-v3
.yii3-center-circle span {

    color: #9e6870;

    font-size: 9px;

    letter-spacing: 2px;

}



#yunassie-industry-insights-v3
.yii3-center-circle strong {

    margin:
        7px 0
        5px;

    color: #1d1d1d;

    font-size: 25px;

    letter-spacing: 2px;

    font-weight: 500;

}



#yunassie-industry-insights-v3
.yii3-center-circle small {

    color: #999;

    font-size: 8px;

    letter-spacing: 2px;

}



/* =========================================================
   TICKER
========================================================= */


#yunassie-industry-insights-v3
.yii3-ticker {

    width: 100%;

    overflow: hidden;

    border-top:
        1px solid
        #ededed;

    border-bottom:
        1px solid
        #ededed;

    padding:
        15px 0;

    margin-bottom: 42px;

}



#yunassie-industry-insights-v3
.yii3-ticker-track {

    display: flex;

    align-items: center;

    gap: 23px;

    width: max-content;

    animation:
        yii3Ticker
        38s
        linear
        infinite;

}



#yunassie-industry-insights-v3
.yii3-ticker-track span {

    white-space: nowrap;

    color: #575757;

    font-size: 10px;

    letter-spacing: 2px;

}



#yunassie-industry-insights-v3
.yii3-ticker-track i {

    color: #c47e67;

    font-style: normal;

}



/* =========================================================
   CATEGORY NAV
========================================================= */


#yunassie-industry-insights-v3
.yii3-category-nav {

    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 12px;

    margin-bottom: 48px;

}



#yunassie-industry-insights-v3
.yii3-nav-item {

    position: relative;

    overflow: hidden;

    min-height: 95px;

    padding:
        20px 19px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    border-radius: 12px;

    border:
        1px solid
        #e9e9e9;

    background: #ffffff;

    text-decoration: none;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

}



#yunassie-industry-insights-v3
.yii3-nav-item::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3px;

    transform:
        scaleX(0);

    transform-origin:
        left center;

    transition:
        transform .45s ease;

}



#yunassie-industry-insights-v3
.yii3-nav-item:hover {

    transform:
        translateY(-6px);

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.07);

}



#yunassie-industry-insights-v3
.yii3-nav-item:hover::after {

    transform:
        scaleX(1);

}



#yunassie-industry-insights-v3
.yii3-nav-item span {

    color: #aaa;

    font-size: 9px;

}



#yunassie-industry-insights-v3
.yii3-nav-item strong {

    color: #262626;

    font-size: 13px;

    font-weight: 600;

}



/* 【趋势主色修改位置】 */

#yunassie-industry-insights-v3
.yii3-nav-trend::after {

    background: #9e6870;

}



/* 【热门品类主色修改位置】 */

#yunassie-industry-insights-v3
.yii3-nav-hot::after {

    background: #d87855;

}



/* 【市场洞察主色修改位置】 */

#yunassie-industry-insights-v3
.yii3-nav-market::after {

    background: #58788a;

}



/* 【法规主色修改位置】 */

#yunassie-industry-insights-v3
.yii3-nav-reg::after {

    background: #587667;

}



/* =========================================================
   FEATURED
========================================================= */


#yunassie-industry-insights-v3
.yii3-featured {

    display: grid;

    grid-template-columns:
        1.2fr
        .8fr;

    overflow: hidden;

    margin-bottom: 90px;

    border-radius: 22px;

    border:
        1px solid
        #e9e9e9;

    background: #ffffff;

    box-shadow:
        0 18px 60px
        rgba(0,0,0,.06);

}



#yunassie-industry-insights-v3
.yii3-featured-image {

    position: relative;

    display: block;

    overflow: hidden;

    min-height: 520px;

}



#yunassie-industry-insights-v3
.yii3-featured-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 1.1s
        cubic-bezier(.2,.7,.2,1);

}



#yunassie-industry-insights-v3
.yii3-featured:hover
.yii3-featured-image img {

    transform:
        scale(1.055);

}



#yunassie-industry-insights-v3
.yii3-featured-badge {

    position: absolute;

    top: 25px;

    left: 25px;

    padding:
        9px 12px;

    border-radius: 4px;

    background:
        rgba(255,255,255,.92);

    color: #302e2c;

    font-size: 8px;

    letter-spacing: 1.8px;

}



#yunassie-industry-insights-v3
.yii3-image-index {

    position: absolute;

    right: 25px;

    top: 25px;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.92);

    color: #9e6870;

    font-size: 10px;

}



#yunassie-industry-insights-v3
.yii3-featured-content {

    padding:
        56px 48px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



#yunassie-industry-insights-v3
.yii3-source {

    margin-bottom: 14px;

    color: #9e6870;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2.2px;

}



#yunassie-industry-insights-v3
.yii3-featured h2 {

    margin: 0;

    color: #222;

    font-size: 43px;

    line-height: 1.08;

    letter-spacing: -1.4px;

}



#yunassie-industry-insights-v3
.yii3-featured h2 span {

    display: block;

    color: #9e6870;

    animation:
        yii3TitlePulse
        4s
        ease-in-out
        infinite;

}



#yunassie-industry-insights-v3
.yii3-featured-content > p {

    margin:
        22px 0
        27px;

    color: #6f6f6f;

    font-size: 14px;

    line-height: 1.85;

}



#yunassie-industry-insights-v3
.yii3-insight-stats {

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 10px;

    margin-bottom: 29px;

}



#yunassie-industry-insights-v3
.yii3-insight-stats div {

    padding-top: 12px;

    border-top:
        1px solid
        #e7e7e7;

}



#yunassie-industry-insights-v3
.yii3-insight-stats strong {

    display: block;

    margin-bottom: 5px;

    color: #242424;

    font-size: 20px;

}



#yunassie-industry-insights-v3
.yii3-insight-stats span {

    color: #8d8d8d;

    font-size: 9px;

    line-height: 1.4;

}



#yunassie-industry-insights-v3
.yii3-read-button {

    position: relative;

    overflow: hidden;

    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 14px;

    padding:
        15px 21px;

    border-radius: 5px;

    background:
        linear-gradient(
            110deg,
            #272727,
            #424242
        );

    color: #ffffff;

    text-decoration: none;

    font-size: 10px;

    letter-spacing: 1.5px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}



#yunassie-industry-insights-v3
.yii3-read-button::before {

    content: "";

    position: absolute;

    top: -50%;

    left: -70%;

    width: 40%;

    height: 200%;

    transform:
        skewX(-25deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );

    animation:
        yii3ButtonShine
        5s
        ease-in-out
        infinite;

}



#yunassie-industry-insights-v3
.yii3-read-button:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 25px
        rgba(0,0,0,.16);

}



/* =========================================================
   SECTION TITLE
========================================================= */


#yunassie-industry-insights-v3
.yii3-section-heading {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    gap: 35px;

    margin-bottom: 31px;

}



#yunassie-industry-insights-v3
.yii3-section-left {

    display: flex;

    align-items: center;

    gap: 19px;

}



#yunassie-industry-insights-v3
.yii3-section-number {

    width: 57px;

    height: 57px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        #dddddd;

    color: #d87855;

    font-size: 11px;

    animation:
        yii3NumberPulse
        4s
        ease-in-out
        infinite;

}



#yunassie-industry-insights-v3
.yii3-section-heading small {

    display: block;

    margin-bottom: 5px;

    color: #d87855;

    font-size: 8px;

    letter-spacing: 2px;

}



#yunassie-industry-insights-v3
.yii3-section-heading h2 {

    margin: 0;

    color: #242424;

    font-size: 38px;

    letter-spacing: -1px;

}



#yunassie-industry-insights-v3
.yii3-section-heading > p {

    max-width: 390px;

    margin: 0;

    color: #777;

    font-size: 12px;

    line-height: 1.7;

}



/* =========================================================
   CARD GRID
========================================================= */


#yunassie-industry-insights-v3
.yii3-grid {

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 22px;

    margin-bottom: 90px;

}



#yunassie-industry-insights-v3
.yii3-card {

    position: relative;

    overflow: hidden;

    border-radius: 16px;

    border:
        1px solid
        #e9e9e9;

    background: #ffffff;

    box-shadow:
        0 9px 30px
        rgba(0,0,0,.045);

    transition:
        transform .45s
        cubic-bezier(.2,.7,.2,1),
        box-shadow .45s ease,
        border-color .45s ease;

}



#yunassie-industry-insights-v3
.yii3-card::before {

    content: "";

    position: absolute;

    z-index: 9;

    top: 0;

    left: -120%;

    width: 55%;

    height: 100%;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.38),
            transparent
        );

    transform:
        skewX(-20deg);

    transition:
        left .9s ease;

}



#yunassie-industry-insights-v3
.yii3-card:hover {

    transform:
        translateY(-11px);

    box-shadow:
        0 24px 55px
        rgba(0,0,0,.09);

}



#yunassie-industry-insights-v3
.yii3-card:hover::before {

    left: 150%;

}



#yunassie-industry-insights-v3
.yii3-card-image {

    position: relative;

    display: block;

    overflow: hidden;

}



#yunassie-industry-insights-v3
.yii3-card-image img {

    width: 100%;

    aspect-ratio: 16 / 10;

    display: block;

    object-fit: cover;

    transition:
        transform .9s
        cubic-bezier(.2,.7,.2,1);

}



#yunassie-industry-insights-v3
.yii3-card:hover
.yii3-card-image img {

    transform:
        scale(1.065);

}



#yunassie-industry-insights-v3
.yii3-card-index {

    position: absolute;

    top: 17px;

    right: 17px;

    width: 39px;

    height: 39px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(255,255,255,.92);

    color: #444;

    font-size: 9px;

}



#yunassie-industry-insights-v3
.yii3-card-overlay {

    position: absolute;

    inset: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(23,23,23,.38);

    color: white;

    font-size: 9px;

    letter-spacing: 2px;

    opacity: 0;

    transition:
        opacity .35s ease;

}



#yunassie-industry-insights-v3
.yii3-card:hover
.yii3-card-overlay {

    opacity: 1;

}



#yunassie-industry-insights-v3
.yii3-card-body {

    padding:
        26px 25px
        29px;

}



#yunassie-industry-insights-v3
.yii3-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-bottom: 14px;

}



#yunassie-industry-insights-v3
.yii3-type,
#yunassie-industry-insights-v3
.yii3-source-small {

    font-size: 8px;

    letter-spacing: 1.6px;

    font-weight: 700;

}



#yunassie-industry-insights-v3
.yii3-source-small {

    color: #aaa;

}



#yunassie-industry-insights-v3
.yii3-card-hot
.yii3-type {

    color: #d87855;

}



#yunassie-industry-insights-v3
.yii3-card-trend
.yii3-type {

    color: #9e6870;

}



#yunassie-industry-insights-v3
.yii3-card-market
.yii3-type {

    color: #58788a;

}



#yunassie-industry-insights-v3
.yii3-card-reg
.yii3-type {

    color: #587667;

}



#yunassie-industry-insights-v3
.yii3-card h3 {

    margin:
        0 0
        13px;

    color: #292929;

    font-size: 20px;

    line-height: 1.4;

    transition:
        transform .35s ease,
        color .35s ease;

}



#yunassie-industry-insights-v3
.yii3-card:hover h3 {

    transform:
        translateX(4px);

}



#yunassie-industry-insights-v3
.yii3-card p {

    min-height: 93px;

    margin:
        0 0
        20px;

    color: #747474;

    font-size: 12px;

    line-height: 1.76;

}



#yunassie-industry-insights-v3
.yii3-card-link {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #333;

    text-decoration: none;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.5px;

}



#yunassie-industry-insights-v3
.yii3-card-link span {

    transition:
        transform .3s ease;

}



#yunassie-industry-insights-v3
.yii3-card:hover
.yii3-card-link span {

    transform:
        translateX(6px);

}



/* =========================================================
   REGULATORY WATCH
========================================================= */


#yunassie-industry-insights-v3
.yii3-reg-watch {

    position: relative;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap: 50px;

    padding:
        58px 55px;

    border-radius: 22px;

    background:
        linear-gradient(
            120deg,
            #1d2522 0%,
            #29352f 50%,
            #40544a 100%
        );

}



#yunassie-industry-insights-v3
.yii3-reg-watch::before {

    content: "";

    position: absolute;

    width: 360px;

    height: 360px;

    border-radius: 50%;

    right: -100px;

    top: -150px;

    border:
        1px solid
        rgba(255,255,255,.11);

    animation:
        yii3RegCircle
        8s
        ease-in-out
        infinite;

}



#yunassie-industry-insights-v3
.yii3-reg-copy {

    position: relative;

    z-index: 3;

}



#yunassie-industry-insights-v3
.yii3-reg-label {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #b9d6c7;

    font-size: 8px;

    letter-spacing: 2.2px;

}



#yunassie-industry-insights-v3
.yii3-live-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #91c7ab;

    box-shadow:
        0 0 0 0
        rgba(145,199,171,.45);

    animation:
        yii3LiveDot
        2s
        infinite;

}



#yunassie-industry-insights-v3
.yii3-reg-copy h2 {

    margin:
        14px 0
        18px;

    color: white;

    font-size: 43px;

    line-height: 1.08;

}



#yunassie-industry-insights-v3
.yii3-reg-copy h2 span {

    display: block;

    color: #aacbb9;

}



#yunassie-industry-insights-v3
.yii3-reg-copy p {

    max-width: 570px;

    margin: 0;

    color:
        rgba(255,255,255,.68);

    font-size: 13px;

    line-height: 1.8;

}



#yunassie-industry-insights-v3
.yii3-reg-links {

    position: relative;

    z-index: 3;

    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 13px;

}



#yunassie-industry-insights-v3
.yii3-reg-links a {

    position: relative;

    min-height: 190px;

    padding:
        25px 23px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    border-radius: 13px;

    border:
        1px solid
        rgba(255,255,255,.14);

    background:
        rgba(255,255,255,.06);

    color: white;

    text-decoration: none;

    transition:
        transform .4s ease,
        background .4s ease;

}



#yunassie-industry-insights-v3
.yii3-reg-links a:hover {

    transform:
        translateY(-8px);

    background:
        rgba(255,255,255,.11);

}



#yunassie-industry-insights-v3
.yii3-reg-links span {

    margin-bottom: 24px;

    color: #a8cdb9;

    font-size: 8px;

    letter-spacing: 2px;

}



#yunassie-industry-insights-v3
.yii3-reg-links strong {

    font-size: 21px;

    font-weight: 500;

}



#yunassie-industry-insights-v3
.yii3-reg-links small {

    margin-top: 5px;

    color:
        rgba(255,255,255,.55);

    font-size: 9px;

}



#yunassie-industry-insights-v3
.yii3-reg-links b {

    position: absolute;

    right: 20px;

    top: 20px;

    font-size: 17px;

    font-weight: 300;

    transition:
        transform .3s ease;

}



#yunassie-industry-insights-v3
.yii3-reg-links a:hover b {

    transform:
        translate(
            3px,
            -3px
        );

}



/* =========================================================
   ANIMATION
========================================================= */


@keyframes yii3TextGradient {

    0% {

        background-position:
            0% center;

    }

    100% {

        background-position:
            240% center;

    }

}



@keyframes yii3EyebrowMove {

    0%,
    100% {

        transform:
            translateX(0);

    }

    50% {

        transform:
            translateX(7px);

    }

}



@keyframes yii3LineGrow {

    0%,
    100% {

        width: 42px;

        opacity: .6;

    }

    50% {

        width: 62px;

        opacity: 1;

    }

}



@keyframes yii3RotateWords {

    0%,
    16% {

        transform:
            translateY(0);

    }

    21%,
    37% {

        transform:
            translateY(-22px);

    }

    42%,
    58% {

        transform:
            translateY(-44px);

    }

    63%,
    79% {

        transform:
            translateY(-66px);

    }

    84%,
    100% {

        transform:
            translateY(-88px);

    }

}



@keyframes yii3Glow {

    0%,
    100% {

        transform:
            scale(.92);

        opacity: .65;

    }

    50% {

        transform:
            scale(1.08);

        opacity: 1;

    }

}



@keyframes yii3OrbitA {

    from {

        transform:
            rotate(0);

    }

    to {

        transform:
            rotate(360deg);

    }

}



@keyframes yii3OrbitB {

    from {

        transform:
            rotate(360deg);

    }

    to {

        transform:
            rotate(0);

    }

}



@keyframes yii3Ticker {

    from {

        transform:
            translateX(0);

    }

    to {

        transform:
            translateX(-50%);

    }

}



@keyframes yii3TitlePulse {

    0%,
    100% {

        opacity: .82;

    }

    50% {

        opacity: 1;

    }

}



@keyframes yii3NumberPulse {

    0%,
    100% {

        box-shadow:
            0 0 0 0
            rgba(216,120,85,0);

    }

    50% {

        box-shadow:
            0 0 0 9px
            rgba(216,120,85,.06);

    }

}



@keyframes yii3ButtonShine {

    0%,
    65% {

        left: -70%;

    }

    100% {

        left: 150%;

    }

}



@keyframes yii3LiveDot {

    0% {

        box-shadow:
            0 0 0 0
            rgba(145,199,171,.45);

    }

    70% {

        box-shadow:
            0 0 0 9px
            rgba(145,199,171,0);

    }

    100% {

        box-shadow:
            0 0 0 0
            rgba(145,199,171,0);

    }

}



@keyframes yii3RegCircle {

    0%,
    100% {

        transform:
            translate(0,0)
            scale(1);

    }

    50% {

        transform:
            translate(-24px,20px)
            scale(1.08);

    }

}



/* =========================================================
   平板
========================================================= */


@media (max-width: 1100px) {


    #yunassie-industry-insights-v3
    .yii3-hero {

        grid-template-columns:
            1fr;

        min-height: auto;

    }


    #yunassie-industry-insights-v3
    .yii3-hero-right {

        display: none;

    }


    #yunassie-industry-insights-v3
    .yii3-category-nav {

        grid-template-columns:
            repeat(2,1fr);

    }


    #yunassie-industry-insights-v3
    .yii3-featured {

        grid-template-columns:
            1fr;

    }


    #yunassie-industry-insights-v3
    .yii3-featured-image {

        min-height: 430px;

    }


    #yunassie-industry-insights-v3
    .yii3-grid {

        grid-template-columns:
            repeat(2,1fr);

    }


    #yunassie-industry-insights-v3
    .yii3-reg-watch {

        grid-template-columns:
            1fr;

    }

}



/* =========================================================
   手机
========================================================= */


@media (max-width: 700px) {


    #yunassie-industry-insights-v3 {

        padding:
            58px 16px
            72px;

    }


    #yunassie-industry-insights-v3
    .yii3-hero {

        padding-bottom: 38px;

    }


    #yunassie-industry-insights-v3
    .yii3-hero h1 {

        font-size: 45px;

        letter-spacing: -2px;

    }


    #yunassie-industry-insights-v3
    .yii3-intro {

        font-size: 14px;

    }


    #yunassie-industry-insights-v3
    .yii3-category-nav {

        grid-template-columns:
            1fr;

    }


    #yunassie-industry-insights-v3
    .yii3-featured-image {

        min-height: 260px;

    }


    #yunassie-industry-insights-v3
    .yii3-featured-content {

        padding:
            34px 24px;

    }


    #yunassie-industry-insights-v3
    .yii3-featured h2 {

        font-size: 31px;

    }


    #yunassie-industry-insights-v3
    .yii3-insight-stats {

        grid-template-columns:
            1fr;

    }


    #yunassie-industry-insights-v3
    .yii3-section-heading {

        display: block;

    }


    #yunassie-industry-insights-v3
    .yii3-section-heading > p {

        margin-top: 17px;

    }


    #yunassie-industry-insights-v3
    .yii3-section-heading h2 {

        font-size: 30px;

    }


    #yunassie-industry-insights-v3
    .yii3-grid {

        grid-template-columns:
            1fr;

    }


    #yunassie-industry-insights-v3
    .yii3-card p {

        min-height: auto;

    }


    #yunassie-industry-insights-v3
    .yii3-reg-watch {

        padding:
            39px 24px;

    }


    #yunassie-industry-insights-v3
    .yii3-reg-copy h2 {

        font-size: 33px;

    }


    #yunassie-industry-insights-v3
    .yii3-reg-links {

        grid-template-columns:
            1fr;

    }

}



/* =========================================================
   减少动态模式
========================================================= */


@media (prefers-reduced-motion: reduce) {


    #yunassie-industry-insights-v3 *,
    #yunassie-industry-insights-v3 *::before,
    #yunassie-industry-insights-v3 *::after {

        animation: none !important;

        transition-duration: .2s !important;

    }

}