.elementor-11160 .elementor-element.elementor-element-3b240681{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS */.yyk-article{
    --yyk-bg:#0f0b15;
    --yyk-card:#191120;
    --yyk-card-2:#211529;
    --yyk-text:#f5eef8;
    --yyk-muted:#c9bbd0;
    --yyk-purple:#d59cff;
    --yyk-pink:#ff7eb6;
    --yyk-gold:#f4cf88;
    --yyk-line:rgba(213,156,255,.20);
    --yyk-radius:18px;

    position:relative;
    width:100%;
    max-width:100%;
    overflow:hidden;
    box-sizing:border-box;
    padding:15px;
    color:var(--yyk-text);
    background:
        radial-gradient(circle at 100% 0,rgba(255,126,182,.11),transparent 31%),
        radial-gradient(circle at 0 24%,rgba(213,156,255,.10),transparent 34%),
        linear-gradient(145deg,#0d0912 0%,#170e1d 55%,#100a16 100%);
    border:1px solid var(--yyk-line);
    border-radius:22px;
    box-shadow:0 22px 55px rgba(0,0,0,.28);
    font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
    font-size:17px;
    line-height:1.9;
    letter-spacing:.02em;
}

.yyk-article *,
.yyk-article *::before,
.yyk-article *::after{
    box-sizing:border-box;
}

/* 主標題 */
.yyk-article h1{
    position:relative;
    margin:0 0 34px;
    padding:0 0 23px;
    color:#fff;
    font-size:clamp(30px,4.2vw,48px);
    line-height:1.28;
    letter-spacing:.01em;
    font-weight:900;
    text-wrap:balance;
    text-shadow:0 5px 24px rgba(213,156,255,.15);
}

.yyk-article h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:86px;
    height:4px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--yyk-purple),var(--yyk-pink),var(--yyk-gold));
    box-shadow:0 0 20px rgba(255,126,182,.35);
}

/* 章節標題 */
.yyk-article h2{
    position:relative;
    margin:58px 0 22px;
    padding:15px 18px 15px 23px;
    color:#fff;
    background:linear-gradient(90deg,rgba(213,156,255,.13),rgba(255,126,182,.045));
    border:1px solid rgba(213,156,255,.18);
    border-radius:12px;
    font-size:clamp(23px,3vw,31px);
    line-height:1.4;
    font-weight:800;
    letter-spacing:.02em;
}

.yyk-article h2::before{
    content:"";
    position:absolute;
    top:14px;
    bottom:14px;
    left:0;
    width:4px;
    border-radius:0 6px 6px 0;
    background:linear-gradient(180deg,var(--yyk-pink),var(--yyk-purple));
}

.yyk-article h3{
    margin:34px 0 12px;
    color:var(--yyk-gold);
    font-size:clamp(19px,2.5vw,23px);
    line-height:1.5;
    font-weight:800;
}

/* 內文 */
.yyk-article p{
    margin:0 0 20px;
    color:var(--yyk-text);
}

.yyk-article strong{
    color:#fff;
    font-weight:800;
}

.yyk-article a{
    color:var(--yyk-pink);
    font-weight:750;
    text-decoration:none;
    border-bottom:1px solid rgba(255,126,182,.48);
    transition:color .22s ease,border-color .22s ease,text-shadow .22s ease;
}

.yyk-article a:hover,
.yyk-article a:focus-visible{
    color:#ffd2e6;
    border-color:#ffd2e6;
    text-shadow:0 0 14px rgba(255,126,182,.38);
}

.yyk-article a:focus-visible{
    outline:2px solid var(--yyk-purple);
    outline-offset:4px;
    border-radius:3px;
}

/* 提醒資訊卡 */
.yyk-article .yyk-note{
    position:relative;
    margin:30px 0 40px;
    padding:22px 24px 22px 27px;
    overflow:hidden;
    color:#fff8eb;
    background:
        linear-gradient(135deg,rgba(244,207,136,.12),rgba(213,156,255,.08)),
        var(--yyk-card);
    border:1px solid rgba(244,207,136,.28);
    border-left:4px solid var(--yyk-gold);
    border-radius:14px;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.yyk-article .yyk-note::after{
    content:"!";
    position:absolute;
    right:17px;
    bottom:-29px;
    color:rgba(244,207,136,.065);
    font-family:Georgia,serif;
    font-size:112px;
    line-height:1;
    font-weight:900;
    pointer-events:none;
}

.yyk-article .yyk-note strong{
    color:var(--yyk-gold);
}

/* 清單 */
.yyk-article ul,
.yyk-article ol{
    margin:22px 0 30px;
    padding:22px 24px 22px 48px;
    color:var(--yyk-text);
    background:rgba(255,255,255,.026);
    border:1px solid rgba(255,255,255,.07);
    border-radius:var(--yyk-radius);
}

.yyk-article li{
    margin:0 0 13px;
    padding-left:5px;
}

.yyk-article li:last-child{
    margin-bottom:0;
}

.yyk-article ul li::marker{
    color:var(--yyk-pink);
}

.yyk-article ol li::marker{
    color:var(--yyk-purple);
    font-weight:900;
}

/* FAQ 區段：最後一組 H2 後的 H3 也能維持清楚層次 */
.yyk-article h3 + p{
    padding-left:17px;
    border-left:2px solid rgba(213,156,255,.22);
    color:var(--yyk-muted);
}

/* 文字選取 */
.yyk-article ::selection{
    color:#fff;
    background:rgba(255,126,182,.52);
}

/* 平板 */
@media (max-width:1024px){
    .yyk-article{
        font-size:16.5px;
        line-height:1.85;
    }

    .yyk-article h2{
        margin-top:48px;
    }
}

/* 手機 */
@media (max-width:767px){
    .yyk-article{
        padding:22px 17px 30px;
        border-radius:15px;
        font-size:16px;
        line-height:1.82;
        letter-spacing:.01em;
    }

    .yyk-article h1{
        margin-bottom:27px;
        padding-bottom:18px;
        font-size:28px;
        line-height:1.35;
    }

    .yyk-article h1::after{
        width:68px;
        height:3px;
    }

    .yyk-article h2{
        margin:42px 0 18px;
        padding:13px 13px 13px 18px;
        border-radius:10px;
        font-size:22px;
        line-height:1.45;
    }

    .yyk-article h2::before{
        top:12px;
        bottom:12px;
        width:3px;
    }

    .yyk-article h3{
        margin-top:29px;
        font-size:19px;
    }

    .yyk-article p{
        margin-bottom:18px;
    }

    .yyk-article .yyk-note{
        margin:25px 0 34px;
        padding:19px 17px 19px 20px;
        border-radius:12px;
    }

    .yyk-article ul,
    .yyk-article ol{
        margin:18px 0 25px;
        padding:18px 16px 18px 39px;
        border-radius:13px;
    }

    .yyk-article li{
        margin-bottom:11px;
        padding-left:2px;
    }

    .yyk-article h3 + p{
        padding-left:13px;
    }
}

/* 減少動態偏好 */
@media (prefers-reduced-motion:reduce){
    .yyk-article a{
        transition:none;
    }
}/* End custom CSS */