/*
Theme Name: 010PH
Theme URI: https://010ph.com/
Author: 010PH
Author URI: https://010ph.com/
Description: 010PH Philippines JILI Games platform theme.
Version: 1.0.0
Text Domain: ph010
*/

/* =========================================================
   010PH CLEAN ORANGE GOLD THEME
   PC CARD MODE + MOBILE FRIENDLY + SIMPLE FLOATING BAR
========================================================= */

:root {
    --bg: #fff6ea;
    --bg-2: #ffe7c8;
    --bg-3: #ffd29c;

    --dark: #431200;
    --dark-2: #5f2100;
    --dark-3: #7d2d00;

    --primary: #ff4b00;
    --primary-2: #ff6415;
    --primary-3: #ff812f;

    --orange: #ff5a00;
    --orange-2: #ff7a18;
    --orange-3: #ff9f43;

    --gold: #ffc21f;
    --gold-2: #ffd85a;
    --gold-3: #fff0a3;

    --text: #4a1800;
    --text-2: #642300;
    --muted: #87502e;
    --soft: #aa6840;

    --white: #fffaf2;
    --card: rgba(255, 255, 255, .88);
    --card-2: rgba(255, 241, 222, .92);

    --border: rgba(255, 92, 0, .18);
    --border-strong: rgba(255, 92, 0, .34);

    --shadow: 0 24px 60px rgba(141, 49, 0, .16);
    --shadow-2: 0 16px 38px rgba(141, 49, 0, .18);
    --shadow-gold: 0 16px 34px rgba(255, 174, 0, .26);

    --radius: 30px;
    --radius-md: 24px;
    --radius-sm: 16px;

    --container: 1180px;
}

/* =========================================================
   RESET
========================================================= */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--text);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.7;
    overflow-x: hidden;
    padding-bottom: 76px;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 194, 31, .34), transparent 30%),
        radial-gradient(circle at 92% 4%, rgba(255, 75, 0, .20), transparent 34%),
        linear-gradient(180deg, #fffaf2 0%, #ffe8cb 44%, #fff6ea 100%);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .44), transparent 28%),
        radial-gradient(circle at 50% 118%, rgba(255, 92, 0, .10), transparent 42%);
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

.ph010-page {
    min-height: 100vh;
    overflow: hidden;
}

.ph010-container {
    width: min(var(--container), calc(100% - 32px));
    margin: 0 auto;
}

/* =========================================================
   HEADER
========================================================= */

.ph010-header,
.ph010-header-premium {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: linear-gradient(180deg, rgba(255, 250, 242, .96), rgba(255, 239, 222, .92));
    border-bottom: 1px solid rgba(255, 91, 0, .14);
    box-shadow: 0 14px 36px rgba(166, 70, 0, .11);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.ph010-header-inner,
.ph010-header-premium-inner {
    height: 86px;
    display: grid;
    grid-template-columns: 172px 1fr auto;
    align-items: center;
    gap: 16px;
}

.ph010-logo,
.ph010-logo-premium {
    display: flex;
    align-items: center;
    min-width: 0;
}

.ph010-logo img,
.ph010-logo-premium img,
.ph010-logo-premium .custom-logo,
.custom-logo {
    width: 154px;
    max-height: 60px;
    object-fit: contain;
}

.ph010-nav,
.ph010-nav-premium {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 7px;
    min-height: 54px;
    max-width: 100%;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(255, 235, 210, .76));
    border: 1px solid rgba(255, 92, 0, .14);
    box-shadow:
        0 12px 30px rgba(150, 55, 0, .10),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    overflow: hidden;
}

.ph010-nav a,
.ph010-nav-premium a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 11px;
    border-radius: 999px;
    color: #642300;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
    transition: .22s ease;
}

.ph010-nav a:hover,
.ph010-nav-premium a:hover,
.ph010-nav a.is-active,
.ph010-nav-premium a.is-active {
    color: #fff;
    background: linear-gradient(135deg, #ff4b00, #ff7f2a);
    box-shadow: 0 10px 20px rgba(255, 91, 0, .24);
    transform: translateY(-1px);
}

.ph010-header-actions,
.ph010-header-actions-premium {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.ph010-top-icon {
    display: none !important;
}

.ph010-lang,
.ph010-lang-premium {
    width: 44px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #642300;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 232, 203, .88));
    border: 1px solid rgba(255, 91, 0, .16);
    font-size: 21px;
    line-height: 1;
    box-shadow:
        0 10px 22px rgba(166, 70, 0, .12),
        inset 0 1px 0 rgba(255, 255, 255, .78);
    transition: .22s ease;
}

.ph010-lang:hover,
.ph010-lang-premium:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(166, 70, 0, .18);
}

.ph010-join,
.ph010-join-premium,
.ph010-btn {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    color: #421400;
    background: linear-gradient(135deg, #ffd84a, #ffb91a, #ff9d12);
    box-shadow:
        0 13px 25px rgba(255, 166, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .55);
    font-size: 13px;
    font-weight: 1000;
    line-height: 1.1;
    white-space: nowrap;
    text-align: center;
    transition: .22s ease;
}

.ph010-join::before,
.ph010-join-premium::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 6px;
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .55), transparent);
    pointer-events: none;
}

.ph010-join:hover,
.ph010-join-premium:hover,
.ph010-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 18px 34px rgba(255, 174, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .62);
}

.ph010-btn {
    min-height: 46px;
    padding: 0 22px;
    font-size: 14px;
}

.ph010-btn-red {
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--orange-2));
    box-shadow: 0 12px 24px rgba(255, 92, 0, .28);
}

.ph010-btn-dark {
    color: #fff;
    background: linear-gradient(135deg, var(--dark-2), var(--primary));
    border: 1px solid rgba(255, 255, 255, .22);
}

/* Hamburger */
.ph010-menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 218, 112, .65);
    border-radius: 15px;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .35), transparent 32%),
        linear-gradient(135deg, #ffb22e 0%, #ff6a1a 45%, #9d1c08 100%);
    box-shadow:
        0 10px 24px rgba(255, 92, 18, .35),
        inset 0 1px 0 rgba(255, 255, 255, .35),
        inset 0 -3px 10px rgba(96, 12, 0, .35);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    position: relative;
    overflow: hidden;
    transition: .25s ease;
}

.ph010-menu-toggle::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .22), transparent 45%);
    pointer-events: none;
}

.ph010-menu-toggle span {
    display: block;
    width: 21px;
    height: 2.4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #fff7c7, #ffd35a, #ffffff);
    box-shadow:
        0 0 8px rgba(255, 236, 150, .75),
        0 1px 1px rgba(91, 16, 0, .35);
    position: relative;
    z-index: 2;
    transition: transform .28s ease, opacity .2s ease, width .25s ease;
}

.ph010-menu-toggle span:nth-child(2) {
    width: 16px;
    margin-left: 5px;
}

body.ph010-menu-open .ph010-menu-toggle span:nth-child(1),
.ph010-menu-toggle.is-active span:nth-child(1) {
    transform: translateY(7.4px) rotate(45deg);
}

body.ph010-menu-open .ph010-menu-toggle span:nth-child(2),
.ph010-menu-toggle.is-active span:nth-child(2) {
    opacity: 0;
    transform: translateX(8px);
}

body.ph010-menu-open .ph010-menu-toggle span:nth-child(3),
.ph010-menu-toggle.is-active span:nth-child(3) {
    transform: translateY(-7.4px) rotate(-45deg);
}

/* =========================================================
   MOBILE PANEL
========================================================= */

.ph010-mobile-panel {
    display: none;
}

@media (max-width: 1080px) {
    body.ph010-menu-open {
        overflow: hidden;
    }

    .ph010-header-inner,
    .ph010-header-premium-inner {
        height: 74px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .ph010-logo img,
    .ph010-logo-premium img,
    .ph010-logo-premium .custom-logo {
        width: 132px;
        max-height: 52px;
    }

    .ph010-nav,
    .ph010-nav-premium {
        display: none !important;
    }

    .ph010-header-actions,
    .ph010-header-actions-premium {
        margin-left: auto;
    }

    .ph010-menu-toggle {
        display: flex !important;
    }

    .ph010-mobile-panel {
        position: fixed;
        top: 82px;
        left: 12px;
        right: 12px;
        z-index: 9998;
        display: none;
        padding: 14px;
        border-radius: 26px;
        background:
            radial-gradient(circle at 12% 0%, rgba(255, 214, 78, .36), transparent 35%),
            radial-gradient(circle at 92% 8%, rgba(255, 75, 0, .18), transparent 32%),
            linear-gradient(180deg, rgba(255, 250, 241, .98), rgba(255, 232, 203, .98));
        border: 1px solid rgba(255, 91, 0, .20);
        box-shadow:
            0 28px 70px rgba(109, 40, 0, .26),
            inset 0 1px 0 rgba(255, 255, 255, .86);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        animation: ph010MenuDrop .24s ease both;
        max-height: calc(100vh - 98px);
        overflow-y: auto;
    }

    body.ph010-menu-open .ph010-mobile-panel {
        display: block;
    }

    .ph010-mobile-panel::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: -1;
        background: rgba(82, 24, 0, .20);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    @keyframes ph010MenuDrop {
        from {
            opacity: 0;
            transform: translateY(-10px) scale(.98);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    .ph010-mobile-panel-inner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ph010-mobile-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .ph010-mobile-nav a,
    .ph010-mobile-panel a {
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        color: #642300;
        font-size: 13px;
        font-weight: 900;
        line-height: 1.15;
        text-align: center;
        background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 239, 218, .86));
        border: 1px solid rgba(255, 91, 0, .13);
        box-shadow:
            0 9px 18px rgba(133, 50, 0, .10),
            inset 0 1px 0 rgba(255, 255, 255, .86);
        transition: .22s ease;
    }

    .ph010-mobile-nav a:hover,
    .ph010-mobile-panel a:hover,
    .ph010-mobile-nav a.is-active {
        color: #fff;
        background: linear-gradient(135deg, #ff4b00, #ff7a18);
        border-color: rgba(255, 188, 49, .45);
        transform: translateY(-2px);
        box-shadow: 0 14px 26px rgba(255, 91, 0, .25);
    }

    .ph010-mobile-actions {
        display: grid;
        grid-template-columns: 1fr 56px;
        gap: 10px;
        margin-top: 4px;
        padding-top: 12px;
        border-top: 1px solid rgba(255, 91, 0, .12);
    }

    .ph010-mobile-join {
        min-height: 50px;
        color: #421400 !important;
        font-size: 14px !important;
        background: linear-gradient(135deg, #ffd84a 0%, #ffb91a 45%, #ff9412 100%) !important;
        border-color: rgba(255, 169, 0, .42) !important;
        box-shadow:
            0 14px 28px rgba(255, 166, 0, .28),
            inset 0 1px 0 rgba(255, 255, 255, .58) !important;
    }

    .ph010-mobile-lang {
        width: 56px;
        min-height: 50px;
        padding: 0 !important;
        font-size: 24px !important;
        line-height: 1 !important;
        color: #642300 !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 232, 203, .88)) !important;
    }

    .ph010-mobile-social,
    .ph010-mobile-brand {
        display: none !important;
    }
}

/* =========================================================
   GLOBAL BUTTONS
========================================================= */

.ph010-actions,
.ph010-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
    align-items: center;
}

.ph010-actions.center {
    justify-content: center;
}

.ph010-actions .ph010-btn:nth-child(1),
.ph010-hero-actions .ph010-btn:nth-child(1) {
    color: #fff;
    background: linear-gradient(135deg, #ff4b00 0%, #ff7a18 58%, #ff9f43 100%);
}

.ph010-actions .ph010-btn:nth-child(2),
.ph010-hero-actions .ph010-btn:nth-child(2) {
    color: #421400;
    background: linear-gradient(135deg, #ffe06a 0%, #ffc21f 48%, #ff9d12 100%);
}

.ph010-actions .ph010-btn:nth-child(3),
.ph010-hero-actions .ph010-btn:nth-child(3) {
    color: #fff;
    background: linear-gradient(135deg, #5f2100 0%, #9d2d00 48%, #ff4b00 100%);
}

/* =========================================================
   PAGE CARD STRUCTURE
========================================================= */

.ph010-main {
    min-height: 60vh;
    padding-bottom: 20px;
}

.ph010-hero {
    padding: 42px 0;
}

.ph010-section {
    padding: 56px 0;
}

.ph010-section + .ph010-section {
    padding-top: 32px;
}

.ph010-hero-card,
.ph010-section-card,
.ph010-split-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 214, 76, .24), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(255, 75, 0, .14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(255, 235, 211, .80));
    border: 1px solid rgba(255, 92, 0, .22);
    box-shadow:
        0 28px 70px rgba(141, 49, 0, .17),
        0 0 0 1px rgba(255, 255, 255, .55) inset,
        inset 0 1px 0 rgba(255, 255, 255, .88);
}

.ph010-hero-card::before,
.ph010-section-card::before,
.ph010-split-card::before,
.ph010-access-card::before,
.ph010-access-links::before,
.ph010-responsible-box::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .48), transparent 26%),
        radial-gradient(circle at 92% 8%, rgba(255, 194, 31, .18), transparent 30%);
    opacity: .78;
}

.ph010-hero-card > *,
.ph010-section-card > *,
.ph010-split-card > *,
.ph010-access-card > *,
.ph010-access-links > *,
.ph010-responsible-box > * {
    position: relative;
    z-index: 1;
}

.ph010-hero-card {
    min-height: 520px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(410px, .9fr);
    gap: 26px;
    align-items: stretch;
    padding: 26px;
}

.ph010-section-card {
    padding: 26px;
}

.ph010-split-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;
    padding: 26px;
}

.ph010-split-card.reverse {
    direction: rtl;
}

.ph010-split-card.reverse > * {
    direction: ltr;
}

/* Single card mode: avoid double cards */
.ph010-section-card .ph010-copy-card,
.ph010-section-card .ph010-title-card,
.ph010-hero-card .ph010-copy-card,
.ph010-split-card .ph010-copy-card,
.ph010-split-card .ph010-title-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.ph010-copy-card,
.ph010-title-card,
.ph010-section-head {
    border-radius: 26px;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 216, 90, .20), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 240, 220, .88));
    border: 1px solid rgba(255, 92, 0, .16);
    box-shadow:
        0 18px 42px rgba(150, 55, 0, .12),
        inset 0 1px 0 rgba(255, 255, 255, .86);
}

.ph010-copy-card {
    padding: 26px 28px;
}

.ph010-title-card,
.ph010-section-head {
    padding: 24px 26px;
    margin: 0 auto 28px;
    max-width: 920px;
    text-align: center;
}

.ph010-hero-card .ph010-copy-card,
.ph010-hero-card > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ph010-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--orange-2));
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    padding: 7px 13px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(255, 92, 0, .24);
}

.ph010-hero h1,
.ph010-copy-card h1 {
    margin: 18px 0;
    color: var(--dark);
    font-size: clamp(40px, 4.4vw, 62px);
    line-height: 1.05;
    letter-spacing: -1.6px;
    text-shadow: 0 2px 0 rgba(255, 255, 255, .55);
}

.ph010-section-head h2,
.ph010-title-card h2,
.ph010-copy-card h2,
.ph010-responsible-box h2 {
    margin: 16px 0 14px;
    color: var(--dark);
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.06;
    letter-spacing: -1.1px;
}

.ph010-section-head h2 {
    margin-top: 0;
}

.ph010-hero-text {
    color: var(--muted);
    font-size: 18px;
    max-width: 650px;
    margin: 0 0 24px;
    line-height: 1.75;
}

.ph010-copy-card p,
.ph010-title-card p,
.ph010-section-head p,
.ph010-responsible-box p {
    color: var(--muted);
    margin: 0 0 16px;
}

.ph010-section-head p:last-child,
.ph010-copy-card p:last-child,
.ph010-title-card p:last-child,
.ph010-feature-card p:last-child,
.ph010-game-card p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   IMAGE FULL DISPLAY - NO CROP
========================================================= */

.ph010-hero-media,
.ph010-image-card,
.ph010-media-card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 0;
    border-radius: 26px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 10%, rgba(255, 194, 31, .26), transparent 42%),
        linear-gradient(135deg, #fff0d9, #ffd3a2);
    border: 1px solid rgba(255, 92, 0, .18);
    box-shadow:
        0 18px 42px rgba(141, 49, 0, .14),
        inset 0 1px 0 rgba(255, 255, 255, .72);
}

.ph010-hero-media img,
.ph010-image-card img,
.ph010-media-card img {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center;
    padding: 14px;
    border-radius: 24px;
    background: transparent;
    transition: .28s ease;
}

.ph010-hero-card .ph010-media-card img,
.ph010-hero-media img {
    height: 100%;
    min-height: 420px;
}

.ph010-hero-media:hover img,
.ph010-media-card:hover img,
.ph010-image-card:hover img {
    transform: scale(1.015);
}

/* =========================================================
   ACCESS LINKS
========================================================= */

.ph010-access-links,
.ph010-access-card {
    position: relative;
    overflow: hidden;
    margin-top: 24px;
    padding: 22px;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 250, 241, .96), rgba(255, 230, 199, .88));
    border: 1px solid rgba(255, 92, 0, .18);
    box-shadow: 0 16px 34px rgba(141, 49, 0, .10);
}

.ph010-access-links h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    color: var(--primary);
    font-size: 32px;
    line-height: 1.12;
    letter-spacing: .3px;
    font-weight: 1000;
}

.ph010-access-links h2 span {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #c47d00;
    background: rgba(255, 194, 31, .34);
    font-size: 21px;
}

.ph010-access-row {
    display: grid;
    grid-template-columns: 112px 1fr 104px;
    gap: 12px;
    align-items: center;
    margin: 12px 0;
    padding: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .44);
    border: 1px solid rgba(255, 92, 0, .08);
}

.ph010-access-ms,
.ph010-access-domain,
.ph010-access-visit {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 999px;
    font-weight: 1000;
    line-height: 1;
    transition: .22s ease;
}

.ph010-access-ms {
    color: #00a86b;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 92, 0, .14);
    font-size: 21px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .80),
        0 8px 18px rgba(255, 92, 0, .08);
}

.ph010-access-domain {
    color: #fff;
    background: linear-gradient(180deg, #ff8a42 0%, #ff650f 45%, #ff4b00 100%);
    border: 1px solid rgba(255, 255, 255, .30);
    font-size: 21px;
    letter-spacing: .3px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .20);
    box-shadow:
        0 14px 26px rgba(255, 92, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.ph010-access-visit {
    color: var(--dark-2);
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(255, 92, 0, .18);
    font-size: 21px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .85),
        0 8px 18px rgba(255, 92, 0, .08);
}

.ph010-access-domain:hover,
.ph010-access-visit:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
}

.ph010-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 4px;
}

.ph010-trust-row span {
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid rgba(255, 92, 0, .18);
    color: var(--dark-2);
    background: rgba(255, 255, 255, .66);
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(255, 92, 0, .08);
}

/* =========================================================
   QUICK CARDS
========================================================= */

.ph010-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.ph010-quick-card {
    position: relative;
    overflow: hidden;
    min-height: 188px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    border-radius: 22px;
    padding: 20px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 216, 90, .28), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 238, 216, .86));
    border: 1px solid rgba(255, 92, 0, .18);
    box-shadow:
        0 16px 36px rgba(150, 55, 0, .11),
        inset 0 1px 0 rgba(255, 255, 255, .86);
    transition: .22s ease;
}

.ph010-quick-card::after {
    content: "";
    position: absolute;
    right: -24px;
    bottom: -24px;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: rgba(255, 194, 31, .18);
    pointer-events: none;
}

.ph010-quick-card i,
.ph010-quick-card strong,
.ph010-quick-card span {
    position: relative;
    z-index: 1;
}

.ph010-quick-card i {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(255, 216, 74, .88), rgba(255, 106, 24, .22));
    font-style: normal;
    font-size: 23px;
}

.ph010-quick-card strong {
    color: var(--primary);
    font-size: 19px;
    line-height: 1.2;
}

.ph010-quick-card span {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.62;
}

.ph010-quick-card:hover {
    transform: translateY(-6px);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 216, 90, .40), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 231, 201, .92));
    border-color: rgba(255, 92, 0, .38);
    box-shadow:
        0 26px 52px rgba(150, 55, 0, .20),
        0 0 0 6px rgba(255, 194, 31, .10);
}

/* =========================================================
   GAME / FEATURE CARDS
========================================================= */

.ph010-game-grid,
.ph010-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.ph010-game-card,
.ph010-feature-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 237, 214, .90));
    border: 1px solid rgba(255, 92, 0, .20);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(150, 55, 0, .13),
        inset 0 1px 0 rgba(255, 255, 255, .86);
    transition: .22s ease;
}

.ph010-game-card::before,
.ph010-feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .42), transparent 28%),
        radial-gradient(circle at 88% 0%, rgba(255, 194, 31, .18), transparent 30%);
    opacity: .85;
}

.ph010-game-card > *,
.ph010-feature-card > * {
    position: relative;
    z-index: 1;
}

.ph010-game-card:hover,
.ph010-feature-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 92, 0, .38);
    box-shadow:
        0 28px 58px rgba(150, 55, 0, .22),
        0 0 0 6px rgba(255, 194, 31, .10);
}

.ph010-game-img,
.ph010-feature-img {
    overflow: hidden;
    margin: 12px 12px 0;
    border-radius: 22px;
    border: 1px solid rgba(255, 92, 0, .13);
    background: #fff0d8;
}

.ph010-game-card img,
.ph010-game-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 300 / 220;
    object-fit: contain;
    object-position: center;
    background: #fff0d8;
    padding: 6px;
    border-radius: 20px;
}

.ph010-feature-card img,
.ph010-feature-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1200 / 720;
    object-fit: contain;
    object-position: center;
    background: #fff0d8;
    padding: 8px;
    border-radius: 20px;
}

.ph010-game-body,
.ph010-feature-body {
    padding: 0 2px 2px;
}

.ph010-game-card h3,
.ph010-feature-card h3 {
    margin: 18px 20px 8px;
    color: var(--dark);
    font-size: 22px;
    line-height: 1.15;
}

.ph010-game-card p,
.ph010-feature-card p {
    margin: 0 20px 18px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.68;
}

.ph010-game-card a,
.ph010-feature-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 40px);
    margin: 0 20px 22px;
    min-height: 42px;
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--orange-2));
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 13px;
    box-shadow:
        0 12px 24px rgba(255, 92, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .30);
}

/* =========================================================
   PAYMENT LIST / FAQ / RESPONSIBLE
========================================================= */

.ph010-payment-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0;
}

.ph010-payment-list span {
    min-height: 58px;
    display: flex;
    align-items: center;
    padding: 14px 15px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 238, 216, .82));
    border: 1px solid rgba(255, 92, 0, .18);
    border-radius: 18px;
    color: var(--dark-2);
    font-weight: 900;
    box-shadow:
        0 12px 26px rgba(150, 55, 0, .10),
        inset 0 1px 0 rgba(255, 255, 255, .80);
}

.ph010-responsible-box {
    position: relative;
    overflow: hidden;
    max-width: 1020px;
    margin: 0 auto;
    text-align: center;
    padding: 44px 52px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 214, 78, .34), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(255, 75, 0, .16), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(255, 232, 203, .82));
    border: 1px solid rgba(255, 92, 0, .20);
    box-shadow:
        0 26px 66px rgba(150, 55, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .86);
}

.ph010-faq-list {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}

.ph010-faq-list details {
    background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 239, 218, .86));
    border: 1px solid rgba(255, 92, 0, .18);
    border-radius: 20px;
    padding: 18px 20px;
    box-shadow:
        0 14px 32px rgba(150, 55, 0, .10),
        inset 0 1px 0 rgba(255, 255, 255, .86);
}

.ph010-faq-list summary {
    cursor: pointer;
    color: var(--primary);
    font-weight: 900;
    font-size: 17px;
}

.ph010-faq-list p {
    color: var(--muted);
    margin: 12px 0 0;
}

/* =========================================================
   WORDPRESS CONTENT
========================================================= */

.ph010-content,
.entry-content,
.page-content,
.post-content {
    max-width: 100%;
    color: var(--text);
}

.ph010-content h1,
.ph010-content h2,
.ph010-content h3,
.ph010-content h4,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4 {
    color: var(--dark);
    line-height: 1.2;
}

.ph010-content a,
.entry-content a,
.page-content a {
    color: var(--primary);
    font-weight: 900;
}

.ph010-content p,
.ph010-content ul,
.ph010-content ol,
.entry-content p,
.entry-content ul,
.entry-content ol,
.page-content p,
.page-content ul,
.page-content ol {
    color: var(--muted);
}

.ph010-content > h1,
.ph010-content > h2,
.ph010-content > h3,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.page-content > h1,
.page-content > h2,
.page-content > h3 {
    margin-top: 34px;
    margin-bottom: 16px;
}

.ph010-content > p,
.ph010-content > ul,
.ph010-content > ol,
.ph010-content > table,
.ph010-content > blockquote,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > table,
.entry-content > blockquote,
.page-content > p,
.page-content > ul,
.page-content > ol,
.page-content > table,
.page-content > blockquote {
    padding: 18px 20px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(255, 241, 224, .76));
    border: 1px solid rgba(255, 92, 0, .13);
    box-shadow:
        0 12px 28px rgba(150, 55, 0, .08),
        inset 0 1px 0 rgba(255, 255, 255, .82);
}

.ph010-section-card .ph010-content > p,
.ph010-section-card .ph010-content > ul,
.ph010-section-card .ph010-content > ol,
.ph010-section-card .ph010-content > table,
.ph010-section-card .ph010-content > blockquote,
.ph010-copy-card .ph010-content > p,
.ph010-copy-card .ph010-content > ul,
.ph010-copy-card .ph010-content > ol,
.ph010-copy-card .ph010-content > table,
.ph010-copy-card .ph010-content > blockquote {
    background: rgba(255, 255, 255, .48);
    box-shadow: none;
    border-color: rgba(255, 92, 0, .10);
}

.ph010-content ul,
.ph010-content ol,
.entry-content ul,
.entry-content ol {
    padding-left: 42px;
}

.ph010-content li,
.entry-content li,
.page-content li {
    margin: 8px 0;
    color: var(--muted);
}

.ph010-content li::marker,
.entry-content li::marker,
.page-content li::marker {
    color: var(--primary);
    font-weight: 900;
}

.ph010-content table,
.entry-content table,
.page-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.ph010-content table th,
.ph010-content table td,
.entry-content table th,
.entry-content table td,
.page-content table th,
.page-content table td {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255, 92, 0, .12);
    color: var(--muted);
    text-align: left;
}

.ph010-content table th,
.entry-content table th,
.page-content table th {
    color: var(--dark);
    background: rgba(255, 194, 31, .20);
    font-weight: 1000;
}

.ph010-content table tr:last-child td,
.entry-content table tr:last-child td,
.page-content table tr:last-child td {
    border-bottom: 0;
}

.ph010-content figure,
.entry-content figure,
.page-content figure,
.ph010-content .wp-block-image,
.entry-content .wp-block-image {
    margin: 24px 0;
    padding: 12px;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .90), rgba(255, 236, 211, .82));
    border: 1px solid rgba(255, 92, 0, .16);
    box-shadow:
        0 18px 42px rgba(150, 55, 0, .12),
        inset 0 1px 0 rgba(255, 255, 255, .86);
}

.ph010-content figure img,
.entry-content figure img,
.page-content figure img,
.ph010-content .wp-block-image img,
.entry-content .wp-block-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 20px;
}

.ph010-content figcaption,
.entry-content figcaption,
.page-content figcaption {
    margin-top: 10px;
    color: var(--muted);
    font-size: 13px;
    text-align: center;
}

/* =========================================================
   FOOTER
========================================================= */

.ph010-footer-cta {
    padding: 48px 0;
    background:
        linear-gradient(135deg, rgba(255, 92, 0, .20), rgba(255, 194, 31, .20)),
        #fff0d8;
    border-top: 1px solid rgba(255, 92, 0, .18);
    border-bottom: 1px solid rgba(255, 92, 0, .18);
}

.ph010-footer-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.ph010-footer-cta h2 {
    margin: 14px 0 8px;
    color: var(--dark);
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.08;
}

.ph010-footer-cta p {
    color: var(--muted);
    max-width: 760px;
    margin: 0;
}

.ph010-footer-new {
    position: relative;
    overflow: hidden;
    padding: 64px 0 118px;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 194, 31, .30), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(255, 92, 0, .20), transparent 30%),
        linear-gradient(180deg, #fff2dc 0%, #ffd8aa 100%);
    border-top: 1px solid rgba(255, 92, 0, .18);
}

.ph010-footer-top {
    display: grid;
    grid-template-columns: 1.05fr 1.95fr;
    gap: 34px;
    align-items: start;
}

.ph010-footer-brand-new,
.ph010-footer-col-new,
.ph010-footer-access {
    background: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 238, 216, .72));
    border: 1px solid rgba(255, 92, 0, .18);
    box-shadow: 0 18px 42px rgba(178, 75, 0, .13);
}

.ph010-footer-brand-new {
    padding: 26px;
    border-radius: 28px;
}

.ph010-footer-logo-new,
.ph010-footer-logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 16px;
}

.ph010-footer-logo-new img,
.ph010-footer-logo img {
    width: 160px;
    max-height: 62px;
    object-fit: contain;
}

.ph010-footer-brand-new p {
    color: var(--muted);
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.75;
}

.ph010-img-icons {
    display: grid;
    grid-template-columns: repeat(4, 58px);
    gap: 12px;
    justify-content: start;
}

.ph010-img-icons a {
    width: 58px;
    height: 58px;
    min-height: 58px;
    padding: 0;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, rgba(255, 255, 255, .90), rgba(255, 238, 216, .86));
    border: 1px solid rgba(255, 92, 0, .24);
    box-shadow: 0 12px 26px rgba(178, 75, 0, .18);
    transition: .22s ease;
}

.ph010-img-icons a:hover {
    transform: translateY(-3px) scale(1.03);
    border-color: rgba(255, 92, 0, .46);
    box-shadow: 0 18px 34px rgba(178, 75, 0, .24);
}

.ph010-img-icons img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.ph010-footer-links-new {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.ph010-footer-col-new {
    padding: 22px;
    border-radius: 24px;
}

.ph010-footer-col-new h3 {
    margin: 0 0 14px;
    color: var(--primary);
    font-size: 18px;
    line-height: 1.2;
}

.ph010-footer-col-new a {
    display: flex;
    align-items: center;
    min-height: 34px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 800;
    border-bottom: 1px solid rgba(255, 92, 0, .08);
    transition: .18s ease;
}

.ph010-footer-col-new a:last-child {
    border-bottom: 0;
}

.ph010-footer-col-new a:hover {
    color: var(--primary);
    transform: translateX(4px);
}

.ph010-footer-access {
    margin-top: 28px;
    padding: 24px;
    border-radius: 28px;
}

.ph010-footer-access-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 16px;
}

.ph010-footer-access-title span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 194, 31, .35);
}

.ph010-footer-access-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.ph010-footer-access-grid a {
    display: grid;
    grid-template-columns: 78px 1fr 76px;
    gap: 10px;
    align-items: center;
}

.ph010-footer-access-grid span,
.ph010-footer-access-grid strong,
.ph010-footer-access-grid em {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-style: normal;
    font-weight: 900;
}

.ph010-footer-access-grid span {
    color: #00a86b;
    background: #fff;
    font-size: 18px;
    border: 1px solid rgba(255, 92, 0, .12);
}

.ph010-footer-access-grid strong {
    color: #fff;
    background: linear-gradient(180deg, #ff8a42, #ff4b00);
    font-size: 18px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .22);
    box-shadow: 0 10px 20px rgba(255, 92, 0, .20);
}

.ph010-footer-access-grid em {
    color: var(--dark-2);
    background: #fff;
    font-size: 17px;
    border: 1px solid rgba(255, 92, 0, .14);
}

.ph010-footer-bottom-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-top: 28px;
    padding: 18px 20px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .54);
    border: 1px solid rgba(255, 92, 0, .12);
    color: var(--muted);
    font-size: 13px;
}

.ph010-footer-bottom-new p {
    margin: 0;
}

.ph010-footer-bottom-new div {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ph010-footer-bottom-new a {
    color: var(--text-2);
    font-weight: 900;
}

.ph010-footer-bottom-new a:hover {
    color: var(--primary);
}

/* =========================================================
   SIMPLE FLOATING BAR + BACK TOP
========================================================= */

.ph010-floating-bar {
    position: fixed !important;
    left: 50% !important;
    bottom: 12px !important;
    transform: translateX(-50%) !important;
    z-index: 10000 !important;
    width: min(360px, calc(100% - 24px)) !important;
    height: 58px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 7px !important;
    border-radius: 18px !important;
    background: rgba(255, 250, 242, .96) !important;
    border: 1px solid rgba(255, 92, 0, .22) !important;
    box-shadow: 0 10px 28px rgba(96, 34, 0, .22) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.ph010-floating-bar::before,
.ph010-floating-bar a::before,
.ph010-floating-bar a::after {
    display: none !important;
    content: none !important;
}

.ph010-floating-bar a {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff, #fff0d8) !important;
    border: 1px solid rgba(255, 92, 0, .16) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: .2s ease !important;
}

.ph010-floating-bar a:nth-child(2) {
    background: linear-gradient(135deg, #ff4b00, #ff7a18) !important;
    border-color: rgba(255, 92, 0, .35) !important;
}

.ph010-floating-bar a:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #fff7ea, #ffe0b8) !important;
}

.ph010-floating-bar a:nth-child(2):hover {
    background: linear-gradient(135deg, #ff5a00, #ff8a2a) !important;
}

.ph010-floating-bar img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
    position: relative !important;
    z-index: 2 !important;
    filter: none !important;
}

.ph010-floating-bar a:nth-child(2) img {
    filter: brightness(0) invert(1) !important;
}

.ph010-back-top {
    position: fixed;
    right: 16px;
    bottom: 84px !important;
    z-index: 10001;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 92, 0, .28);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 230, 200, .94));
    box-shadow: 0 14px 34px rgba(178, 75, 0, .24);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: .22s ease;
}

.ph010-back-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ph010-back-top:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 92, 0, .50);
    background: linear-gradient(145deg, rgba(255, 194, 31, .34), rgba(255, 129, 47, .20));
}

.ph010-back-top img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1180px) {
    .ph010-header-inner,
    .ph010-header-premium-inner {
        grid-template-columns: 154px 1fr auto;
        gap: 10px;
    }

    .ph010-nav a,
    .ph010-nav-premium a {
        padding: 0 8px;
        font-size: 12px;
    }

    .ph010-hero-card {
        grid-template-columns: 1fr .86fr;
    }
}

@media (max-width: 980px) {
    .ph010-hero {
        padding: 28px 0 34px;
    }

    .ph010-section {
        padding: 42px 0;
    }

    .ph010-hero-card,
    .ph010-split-card {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 16px;
        gap: 16px;
        border-radius: 24px;
    }

    .ph010-section-card {
        padding: 16px;
        border-radius: 24px;
    }

    .ph010-copy-card,
    .ph010-title-card,
    .ph010-section-head {
        padding: 20px;
        border-radius: 20px;
    }

    .ph010-split-card.reverse {
        direction: ltr;
    }

    .ph010-hero h1,
    .ph010-copy-card h1 {
        font-size: clamp(34px, 9vw, 44px);
        letter-spacing: -1px;
    }

    .ph010-hero-text {
        font-size: 16px;
    }

    .ph010-hero-media img,
    .ph010-hero-card .ph010-media-card img {
        height: auto;
        min-height: 0;
        padding: 8px;
    }

    .ph010-quick-grid,
    .ph010-game-grid,
    .ph010-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ph010-footer-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .ph010-footer-top {
        grid-template-columns: 1fr;
    }

    .ph010-footer-links-new {
        grid-template-columns: repeat(2, 1fr);
    }

    .ph010-footer-access-grid {
        grid-template-columns: 1fr;
    }

    .ph010-content > p,
    .ph010-content > ul,
    .ph010-content > ol,
    .ph010-content > table,
    .ph010-content > blockquote,
    .entry-content > p,
    .entry-content > ul,
    .entry-content > ol,
    .entry-content > table,
    .entry-content > blockquote,
    .page-content > p,
    .page-content > ul,
    .page-content > ol,
    .page-content > table,
    .page-content > blockquote {
        padding: 15px 16px;
        border-radius: 18px;
    }
}

@media (max-width: 700px) {
    .ph010-container {
        width: min(100% - 24px, var(--container));
    }

    .ph010-access-links {
        padding: 16px;
        border-radius: 22px;
    }

    .ph010-access-links h2 {
        font-size: 24px;
        gap: 8px;
        margin-bottom: 14px;
    }

    .ph010-access-links h2 span {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    .ph010-access-row {
        grid-template-columns: 74px 1fr 74px;
        gap: 8px;
        margin: 10px 0;
        border-radius: 18px;
    }

    .ph010-access-ms,
    .ph010-access-domain,
    .ph010-access-visit {
        min-height: 46px;
        font-size: 14px;
        border-radius: 15px;
    }

    .ph010-access-domain {
        letter-spacing: 0;
        padding: 0 6px;
    }
}

@media (max-width: 640px) {
    body {
        padding-bottom: 72px;
    }

    .ph010-logo img,
    .ph010-logo-premium img,
    .ph010-logo-premium .custom-logo,
    .custom-logo {
        width: 124px;
        max-height: 50px;
    }

    .ph010-header-actions,
    .ph010-header-actions-premium {
        gap: 6px;
    }

    .ph010-lang,
    .ph010-lang-premium {
        width: 38px;
        height: 38px;
        border-radius: 13px;
        font-size: 19px;
    }

    .ph010-join,
    .ph010-join-premium {
        min-height: 38px;
        padding: 0 12px;
        font-size: 12px;
    }

    .ph010-menu-toggle {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .ph010-mobile-panel {
        top: 78px;
        left: 10px;
        right: 10px;
        padding: 12px;
        border-radius: 22px;
        max-height: calc(100vh - 92px);
    }

    .ph010-mobile-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .ph010-mobile-nav a,
    .ph010-mobile-panel a {
        min-height: 44px;
        border-radius: 14px;
        font-size: 12px;
    }

    .ph010-mobile-actions {
        grid-template-columns: 1fr 50px;
        gap: 8px;
    }

    .ph010-mobile-join {
        min-height: 46px;
    }

    .ph010-mobile-lang {
        width: 50px;
        min-height: 46px;
        font-size: 22px;
    }

    .ph010-section {
        padding: 34px 0;
    }

    .ph010-section + .ph010-section {
        padding-top: 20px;
    }

    .ph010-hero-card,
    .ph010-section-card,
    .ph010-split-card {
        border-radius: 22px;
    }

    .ph010-section-head h2,
    .ph010-title-card h2,
    .ph010-copy-card h2,
    .ph010-responsible-box h2 {
        font-size: clamp(26px, 8vw, 34px);
    }

    .ph010-hero h1,
    .ph010-copy-card h1 {
        font-size: clamp(31px, 9vw, 40px);
        line-height: 1.08;
    }

    .ph010-actions,
    .ph010-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ph010-actions .ph010-btn,
    .ph010-hero-actions .ph010-btn {
        width: 100%;
        min-height: 48px;
    }

    .ph010-quick-grid,
    .ph010-game-grid,
    .ph010-feature-grid,
    .ph010-payment-list {
        grid-template-columns: 1fr;
    }

    .ph010-quick-card {
        min-height: auto;
    }

    .ph010-game-img,
    .ph010-feature-img {
        margin: 10px 10px 0;
        border-radius: 18px;
    }

    .ph010-game-card img,
    .ph010-game-img img,
    .ph010-feature-card img,
    .ph010-feature-img img {
        border-radius: 16px;
    }

    .ph010-responsible-box {
        padding: 28px 18px;
        border-radius: 24px;
    }

    .ph010-content table,
    .entry-content table,
    .page-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .ph010-footer-new {
        padding: 48px 0 110px;
    }

    .ph010-footer-brand-new {
        padding: 20px;
        border-radius: 24px;
    }

    .ph010-img-icons {
        grid-template-columns: repeat(4, 52px);
        gap: 9px;
    }

    .ph010-img-icons a {
        width: 52px;
        height: 52px;
        min-height: 52px;
        border-radius: 16px;
    }

    .ph010-img-icons img {
        width: 34px;
        height: 34px;
    }

    .ph010-footer-links-new {
        grid-template-columns: 1fr;
    }

    .ph010-footer-col-new {
        padding: 18px;
    }

    .ph010-footer-access {
        padding: 16px;
        border-radius: 22px;
    }

    .ph010-footer-access-title {
        font-size: 22px;
    }

    .ph010-footer-access-grid a {
        grid-template-columns: 62px 1fr 66px;
        gap: 6px;
    }

    .ph010-footer-access-grid span,
    .ph010-footer-access-grid strong,
    .ph010-footer-access-grid em {
        min-height: 44px;
    }

    .ph010-footer-access-grid span {
        font-size: 14px;
    }

    .ph010-footer-access-grid strong,
    .ph010-footer-access-grid em {
        font-size: 13px;
    }

    .ph010-footer-bottom-new {
        flex-direction: column;
        align-items: flex-start;
        border-radius: 18px;
    }

    .ph010-floating-bar {
        width: min(330px, calc(100% - 18px)) !important;
        height: 56px !important;
        bottom: 10px !important;
        padding: 6px !important;
        gap: 7px !important;
        border-radius: 17px !important;
    }

    .ph010-floating-bar a {
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 13px !important;
    }

    .ph010-floating-bar img {
        width: 24px !important;
        height: 24px !important;
    }

    .ph010-back-top {
        bottom: 78px !important;
        right: 10px;
        width: 46px;
        height: 46px;
        border-radius: 15px;
    }

    .ph010-back-top img {
        width: 27px;
        height: 27px;
    }
}

@media (max-width: 420px) {
    .ph010-container {
        width: min(100% - 18px, var(--container));
    }

    .ph010-hero-card,
    .ph010-section-card,
    .ph010-split-card {
        padding: 12px;
    }

    .ph010-section-head {
        padding: 16px 14px;
    }

    .ph010-access-row {
        grid-template-columns: 62px 1fr 66px;
        gap: 6px;
    }

    .ph010-access-ms,
    .ph010-access-domain,
    .ph010-access-visit {
        font-size: 13px;
    }

    .ph010-access-links h2 {
        font-size: 22px;
    }

    .ph010-floating-bar {
        width: min(326px, calc(100% - 14px)) !important;
    }
}
/* =========================================================
   010PH SIMPLE BOTTOM FLOATING BAR
   普通底部悬浮 - 修复 FB 图标不显示
========================================================= */

.ph010-floating-bar {
    position: fixed !important;
    left: 50% !important;
    bottom: 12px !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;

    width: min(360px, calc(100% - 24px)) !important;
    height: 58px !important;

    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;

    padding: 7px !important;
    border-radius: 16px !important;

    background: #fff7ec !important;
    border: 1px solid rgba(255, 92, 0, .22) !important;
    box-shadow: 0 8px 24px rgba(80, 30, 0, .22) !important;

    overflow: visible !important;
}

/* 清掉之前复杂的发光、圆圈、遮罩 */
.ph010-floating-bar::before,
.ph010-floating-bar::after,
.ph010-floating-bar a::before,
.ph010-floating-bar a::after {
    display: none !important;
    content: none !important;
}

.ph010-floating-bar a {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 92, 0, .16) !important;

    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;

    transition: .2s ease !important;
}

/* 中间按钮普通橙色，不做凸起 */
.ph010-floating-bar a:nth-child(2) {
    background: linear-gradient(135deg, #ff4b00, #ff7a18) !important;
    border-color: rgba(255, 92, 0, .35) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 所有图标正常显示，不反色，不隐藏 */
.ph010-floating-bar img,
.ph010-floating-bar a img,
.ph010-floating-bar a:nth-child(2) img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;

    object-fit: contain !important;
    position: relative !important;
    z-index: 2 !important;

    filter: none !important;
    transform: none !important;
}

/* 鼠标经过 */
.ph010-floating-bar a:hover {
    background: #fff0dc !important;
    transform: translateY(-2px) !important;
}

.ph010-floating-bar a:nth-child(2):hover {
    background: linear-gradient(135deg, #ff5a00, #ff8a2a) !important;
}

/* 底部留空间，避免挡内容 */
body {
    padding-bottom: 76px !important;
}

/* 返回顶部不要压住悬浮 */
.ph010-back-top {
    bottom: 84px !important;
}

/* 手机端 */
@media (max-width: 640px) {
    .ph010-floating-bar {
        width: min(330px, calc(100% - 18px)) !important;
        height: 56px !important;
        bottom: 10px !important;
        padding: 6px !important;
        gap: 7px !important;
        border-radius: 15px !important;
    }

    .ph010-floating-bar a {
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 11px !important;
    }

    .ph010-floating-bar img,
    .ph010-floating-bar a img,
    .ph010-floating-bar a:nth-child(2) img {
        width: 25px !important;
        height: 25px !important;
        max-width: 25px !important;
        max-height: 25px !important;
        filter: none !important;
    }

    body {
        padding-bottom: 72px !important;
    }

    .ph010-back-top {
        bottom: 78px !important;
    }
}
/* =========================================================
   010PH UPGRADE BONUS PAGE
========================================================= */

.ph-upgrade-page {
    background: linear-gradient(180deg, #fff7ec 0%, #fff1dc 45%, #ffe4bd 100%);
    color: #3d1400;
    overflow: hidden;
}

.ph-upgrade-container {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.ph-upgrade-hero {
    padding: 72px 0 58px;
    background:
        radial-gradient(circle at 15% 10%, rgba(255, 196, 80, .42), transparent 34%),
        radial-gradient(circle at 88% 16%, rgba(255, 93, 21, .26), transparent 30%),
        linear-gradient(135deg, #fff3dd 0%, #ffd89f 48%, #ffb84d 100%);
    border-bottom: 1px solid rgba(130, 52, 0, .12);
}

.ph-upgrade-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 34px;
    align-items: center;
}

.ph-upgrade-hero-content {
    background: rgba(255, 255, 255, .62);
    border: 1px solid rgba(255, 183, 76, .55);
    border-radius: 30px;
    padding: 38px;
    box-shadow: 0 22px 60px rgba(120, 46, 0, .14);
    backdrop-filter: blur(10px);
}

.ph-upgrade-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border-radius: 999px;
    background: linear-gradient(135deg, #8b2b00, #ff6b00);
    color: #fff7dc;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(255, 97, 0, .24);
}

.ph-upgrade-hero h1 {
    margin: 18px 0 16px;
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #4b1600;
}

.ph-upgrade-lead {
    max-width: 760px;
    font-size: 18px;
    line-height: 1.8;
    color: #6b2a00;
    margin: 0 0 24px;
}

.ph-upgrade-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    margin-top: 22px;
}

.ph-upgrade-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 22px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ph-upgrade-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
}

.ph-upgrade-btn.primary {
    color: #fff8df;
    background: linear-gradient(135deg, #ff7a00, #e73b00 52%, #8b2400);
    box-shadow: 0 14px 30px rgba(231, 59, 0, .3);
}

.ph-upgrade-btn.secondary {
    color: #6a2400;
    background: #fff8ea;
    border: 1px solid rgba(117, 42, 0, .18);
    box-shadow: 0 10px 26px rgba(120, 46, 0, .1);
}

.ph-upgrade-btn.large {
    min-height: 58px;
    padding: 17px 30px;
    font-size: 18px;
}

.ph-upgrade-note {
    margin: 18px 0 0;
    font-size: 14px;
    color: #874000;
}

.ph-upgrade-card {
    position: relative;
}

.ph-upgrade-card::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 34px;
    background: linear-gradient(135deg, rgba(255, 224, 120, .82), rgba(255, 98, 0, .38));
    filter: blur(18px);
    opacity: .8;
}

.ph-upgrade-card-inner {
    position: relative;
    padding: 30px;
    border-radius: 30px;
    background: linear-gradient(180deg, #5b1700 0%, #7d2600 45%, #361000 100%);
    color: #fff3cf;
    box-shadow: 0 26px 70px rgba(78, 20, 0, .35);
    border: 1px solid rgba(255, 214, 123, .38);
}

.ph-upgrade-card-label {
    display: inline-flex;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(255, 206, 91, .15);
    color: #ffdf8a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.ph-upgrade-card h2 {
    margin: 18px 0 16px;
    color: #fff0bd;
    font-size: 34px;
    line-height: 1.08;
}

.ph-upgrade-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: grid;
    gap: 12px;
}

.ph-upgrade-card li {
    position: relative;
    padding-left: 28px;
    font-weight: 700;
    color: #fff5d8;
}

.ph-upgrade-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #552000;
    background: linear-gradient(135deg, #ffe28b, #ffad25);
    font-size: 13px;
    font-weight: 900;
}

.ph-upgrade-card-btn {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #401300;
    background: linear-gradient(135deg, #ffe28b, #ffba31);
    font-weight: 950;
    text-decoration: none;
    box-shadow: 0 14px 26px rgba(255, 178, 39, .22);
}

.ph-upgrade-card-btn:hover {
    text-decoration: none;
    color: #401300;
}

.ph-upgrade-section {
    padding: 64px 0;
}

.ph-upgrade-section.alt {
    background: rgba(255, 255, 255, .45);
    border-top: 1px solid rgba(126, 48, 0, .08);
    border-bottom: 1px solid rgba(126, 48, 0, .08);
}

.ph-upgrade-content {
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(150, 63, 0, .1);
    border-radius: 30px;
    padding: clamp(24px, 4vw, 42px);
    box-shadow: 0 18px 48px rgba(95, 35, 0, .1);
}

.ph-upgrade-content h2 {
    margin: 0 0 16px;
    color: #4b1600;
    font-size: clamp(26px, 3.3vw, 42px);
    line-height: 1.16;
    letter-spacing: -.6px;
}

.ph-upgrade-content p {
    color: #672800;
    font-size: 17px;
    line-height: 1.85;
    margin: 0 0 18px;
}

.ph-upgrade-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.ph-upgrade-feature {
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(180deg, #fff8ea 0%, #ffe9c6 100%);
    border: 1px solid rgba(255, 156, 38, .22);
    box-shadow: 0 14px 30px rgba(104, 38, 0, .08);
}

.ph-upgrade-feature h3 {
    margin: 0 0 10px;
    color: #5c1a00;
    font-size: 20px;
}

.ph-upgrade-feature p {
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

.ph-upgrade-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 30px 0;
}

.ph-upgrade-step {
    padding: 22px;
    border-radius: 24px;
    background: #fff9ef;
    border: 1px solid rgba(137, 50, 0, .12);
    box-shadow: 0 14px 30px rgba(104, 38, 0, .08);
}

.ph-upgrade-step span {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #fff8dc;
    background: linear-gradient(135deg, #ff7500, #d43200);
    font-weight: 950;
    box-shadow: 0 10px 22px rgba(226, 56, 0, .23);
}

.ph-upgrade-step h3 {
    margin: 16px 0 8px;
    color: #531800;
    font-size: 20px;
}

.ph-upgrade-step p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}

.ph-upgrade-center {
    text-align: center;
    margin-top: 28px;
}

.ph-upgrade-reminder {
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff7e8, #ffe1b2);
    border: 1px solid rgba(255, 137, 0, .22);
}

.ph-upgrade-final-cta {
    margin-top: 28px;
    padding: 30px;
    border-radius: 28px;
    text-align: center;
    background:
        radial-gradient(circle at top left, rgba(255, 225, 137, .7), transparent 32%),
        linear-gradient(135deg, #661d00, #a83200 52%, #ec6600);
    color: #fff7df;
    box-shadow: 0 18px 44px rgba(138, 43, 0, .22);
}

.ph-upgrade-final-cta h2 {
    color: #fff3c4;
}

.ph-upgrade-final-cta p {
    color: #fff8e5;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 980px) {
    .ph-upgrade-hero-grid,
    .ph-upgrade-feature-grid,
    .ph-upgrade-steps {
        grid-template-columns: 1fr 1fr;
    }

    .ph-upgrade-hero-content {
        padding: 28px;
    }
}

@media (max-width: 680px) {
    .ph-upgrade-container {
        width: min(100% - 22px, 1180px);
    }

    .ph-upgrade-hero {
        padding: 36px 0 36px;
    }

    .ph-upgrade-hero-grid,
    .ph-upgrade-feature-grid,
    .ph-upgrade-steps {
        grid-template-columns: 1fr;
    }

    .ph-upgrade-hero-content,
    .ph-upgrade-content,
    .ph-upgrade-card-inner {
        border-radius: 22px;
        padding: 22px;
    }

    .ph-upgrade-hero h1 {
        font-size: 34px;
        letter-spacing: -.8px;
    }

    .ph-upgrade-lead {
        font-size: 16px;
        line-height: 1.75;
    }

    .ph-upgrade-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ph-upgrade-btn {
        width: 100%;
    }

    .ph-upgrade-section {
        padding: 34px 0;
    }
}
/* =========================================================
   010PH NAV BELOW UPGRADE BAR
========================================================= */

.ph-upgrade-bar {
    position: relative;
    z-index: 45;
    padding: 12px 0;
    margin-top: 22px;
    margin-bottom: 18px;
    background: linear-gradient(180deg, #fff3db 0%, #ffe0af 100%);
    border-bottom: 1px solid rgba(122, 45, 0, .1);
}

.ph-upgrade-bar-inner {
    width: min(1180px, calc(100% - 28px));
    margin: 0 auto;
}

.ph-upgrade-bar-link {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #451300;
    text-decoration: none;
    font-weight: 900;
    line-height: 1.35;
    text-align: center;
}

.ph-upgrade-bar-link:hover {
    color: #2b0b00;
    text-decoration: none;
}

.ph-upgrade-bar-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .65);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
    font-size: 17px;
}

.ph-upgrade-bar-text {
    display: inline-block;
    font-size: 15px;
    letter-spacing: .1px;
}

.ph-upgrade-bar-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 14px;
    border-radius: 999px;
    color: #fff7db;
    background: linear-gradient(135deg, #7a2100, #c73500);
    box-shadow: 0 8px 16px rgba(99, 27, 0, .2);
    font-size: 13px;
    font-weight: 950;
    white-space: nowrap;
}

@media (max-width: 680px) {
    .ph-upgrade-bar-inner {
        width: min(100% - 18px, 1180px);
    }

    .ph-upgrade-bar-link {
        min-height: 54px;
        gap: 8px;
        justify-content: flex-start;
        text-align: left;
    }

    .ph-upgrade-bar-text {
        font-size: 13px;
        line-height: 1.35;
    }

    .ph-upgrade-bar-btn {
        padding: 6px 10px;
        font-size: 12px;
    }

    .ph-upgrade-bar-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        font-size: 15px;
    }
}
/* =========================================================
   010PH NAV BELOW UPGRADE BAR - PREMIUM VERSION
========================================================= */

.ph-upgrade-bar {
    position: relative;
    z-index: 45;
    padding: 10px 0;
    background: linear-gradient(180deg, #fff3db 0%, #ffe0af 100%);
    border-bottom: 1px solid rgba(122, 45, 0, .1);
}

.ph-upgrade-bar-inner {
    width: min(1180px, calc(100% - 28px));
    margin: 0 auto;
}

.ph-upgrade-bar-link {
    position: relative;
    min-height: 58px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 12px 10px 14px;
    overflow: hidden;
    border-radius: 22px;
    text-decoration: none;
    color: #4a1300;
    background:
        radial-gradient(circle at 8% 20%, rgba(255, 238, 174, .95), transparent 30%),
        linear-gradient(135deg, #fff8e8 0%, #ffcb62 44%, #ff7a00 100%);
    border: 1px solid rgba(255, 196, 83, .78);
    box-shadow:
        0 14px 30px rgba(129, 49, 0, .14),
        inset 0 1px 0 rgba(255, 255, 255, .78);
}

.ph-upgrade-bar-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .45) 45%, transparent 70%);
    transform: translateX(-120%);
    animation: phUpgradeShine 4.2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes phUpgradeShine {
    0%, 55% {
        transform: translateX(-120%);
    }
    75%, 100% {
        transform: translateX(120%);
    }
}

.ph-upgrade-bar-link:hover {
    color: #3a0e00;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow:
        0 18px 36px rgba(129, 49, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .82);
}

.ph-upgrade-gift {
    position: relative;
    z-index: 1;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #fff4c9;
    background: linear-gradient(135deg, #982800 0%, #e13c00 55%, #ff7b00 100%);
    box-shadow:
        0 10px 20px rgba(151, 41, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .25);
}

.ph-upgrade-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ph-upgrade-copy strong {
    display: block;
    color: #431100;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 950;
    letter-spacing: .1px;
}

.ph-upgrade-copy em {
    display: block;
    color: #7a2a00;
    font-size: 13px;
    line-height: 1.25;
    font-style: normal;
    font-weight: 800;
}

.ph-upgrade-bar-btn {
    position: relative;
    z-index: 1;
    min-height: 40px;
    padding: 10px 18px;
    border-radius: 999px;
    color: #fff8dc;
    background: linear-gradient(135deg, #7f1e00 0%, #b62a00 55%, #db4700 100%);
    box-shadow:
        0 10px 22px rgba(104, 27, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 14px;
    font-weight: 950;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .ph-upgrade-bar {
        padding: 8px 0;
    }

    .ph-upgrade-bar-inner {
        width: min(100% - 18px, 1180px);
    }

    .ph-upgrade-bar-link {
        min-height: 64px;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        padding: 10px 11px;
        border-radius: 18px;
    }

    .ph-upgrade-gift {
        width: 38px;
        height: 38px;
        border-radius: 14px;
    }

    .ph-upgrade-copy strong {
        font-size: 14px;
        line-height: 1.25;
    }

    .ph-upgrade-copy em {
        font-size: 12px;
        line-height: 1.25;
    }

    .ph-upgrade-bar-btn {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 36px;
        padding: 8px 12px;
        font-size: 13px;
        text-align: center;
    }
}
/* =========================================================
   010PH ALL PAGE IMAGES FULL DISPLAY FIX
   所有页面图片完整显示 / 不裁剪 / 不拉伸
========================================================= */

/* 全站图片基础 */
.ph010-page img,
.ph010-main img,
.ph010-content img,
.entry-content img,
.page-content img,
.post-content img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Hero / 页面大图 / 卡片图统一不裁剪 */
.ph010-hero-media,
.ph010-image-card,
.ph010-media-card,
.ph010-game-img,
.ph010-feature-img,
.ph010-content figure,
.entry-content figure,
.page-content figure,
.ph010-content .wp-block-image,
.entry-content .wp-block-image,
.page-content .wp-block-image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hero 大图完整显示 */
.ph010-hero-media img,
.ph010-hero-card .ph010-media-card img,
.ph010-media-card img,
.ph010-image-card img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* 1200x720 页面图完整显示 */
.ph010-feature-card img,
.ph010-feature-img img,
.ph010-feature-grid img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* 300x220 游戏图完整显示 */
.ph010-game-card img,
.ph010-game-img img,
.ph010-game-grid img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* WordPress 正文图片完整显示 */
.ph010-content figure img,
.entry-content figure img,
.page-content figure img,
.ph010-content .wp-block-image img,
.entry-content .wp-block-image img,
.page-content .wp-block-image img,
.wp-block-image img,
.size-full,
.size-large,
.attachment-full,
.attachment-large {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* 防止主题或区块强制裁剪 */
[class*="hero"] img,
[class*="media"] img,
[class*="image"] img,
[class*="thumb"] img,
[class*="game"] img,
[class*="feature"] img {
    object-fit: contain !important;
    object-position: center center !important;
}

/* 去掉固定高度导致的裁剪 */
.ph010-hero-media img,
.ph010-media-card img,
.ph010-image-card img {
    min-height: 0 !important;
}

/* PC端大图保持完整，不压扁 */
@media (min-width: 981px) {
    .ph010-hero-media img,
    .ph010-hero-card .ph010-media-card img {
        height: auto !important;
        max-height: none !important;
    }

    .ph010-hero-media,
    .ph010-media-card {
        min-height: auto !important;
    }
}

/* 手机端图片也完整显示 */
@media (max-width: 980px) {
    .ph010-hero-media img,
    .ph010-hero-card .ph010-media-card img,
    .ph010-image-card img,
    .ph010-media-card img,
    .ph010-game-card img,
    .ph010-feature-card img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}
/* 010PH Filipino Beginner Tutorial Extra */

.ph-tutorial-page .ph-tutorial-image-box {
    margin: 28px 0 34px;
    padding: 12px;
    background: #fff;
    border-radius: 26px;
    border: 1px solid rgba(120, 50, 0, .12);
    box-shadow: 0 16px 36px rgba(120, 50, 0, .08);
}

.ph-tutorial-page .ph-tutorial-image-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

.ph-tutorial-page .ph-upgrade-reminder strong {
    color: #7a2600;
}

.ph-responsible-section {
    background: linear-gradient(135deg, #321000, #7a2600);
    color: #fff;
}

.ph-responsible-section h2 {
    color: #fff;
}

.ph-responsible-section p {
    color: rgba(255, 255, 255, .9);
}
/* 010PH Beginner Tutorial Extra */

.ph-tutorial-page .ph-tutorial-image-box {
    margin: 28px 0 34px;
    padding: 12px;
    background: #fff;
    border-radius: 26px;
    border: 1px solid rgba(120, 50, 0, .12);
    box-shadow: 0 16px 36px rgba(120, 50, 0, .08);
}

.ph-tutorial-page .ph-tutorial-image-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

.ph-tutorial-page .ph-upgrade-reminder strong {
    color: #7a2600;
}

.ph-responsible-section {
    background: linear-gradient(135deg, #321000, #7a2600);
    color: #fff;
}

.ph-responsible-section h2,
.ph-responsible-section .ph-upgrade-final-cta h2 {
    color: #fff;
}

.ph-responsible-section p {
    color: rgba(255, 255, 255, .9);
}

.ph-tutorial-page .ph-upgrade-step {
    min-height: 220px;
}

@media (max-width: 768px) {
    .ph-tutorial-page .ph-upgrade-step {
        min-height: auto;
    }
}
/* 010PH Header PC Beautify */

.ph010-header-premium {
    position: sticky;
    top: 0;
    z-index: 999;
    background: linear-gradient(180deg, #fff8ee 0%, #fff1df 100%);
    border-bottom: 1px solid rgba(255, 120, 0, .18);
    box-shadow: 0 10px 28px rgba(120, 50, 0, .08);
}

.ph010-header-premium .ph010-container {
    width: min(1380px, calc(100% - 36px));
    margin: 0 auto;
}

.ph010-header-premium-inner {
    min-height: 82px;
    display: grid;
    grid-template-columns: 210px 1fr auto;
    align-items: center;
    gap: 22px;
}

.ph010-logo-premium {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.ph010-logo-premium img,
.ph010-logo-premium .custom-logo {
    max-width: 180px;
    max-height: 66px;
    width: auto;
    height: auto;
    display: block;
}

.ph010-nav-premium {
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(255, 120, 0, .18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
    max-width: 100%;
    overflow: hidden;
}

.ph010-nav-premium a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    color: #5a2208;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: all .18s ease;
}

.ph010-nav-premium a:hover {
    color: #ff4b00;
    background: rgba(255, 115, 0, .10);
}

.ph010-nav-premium a.is-active {
    color: #fff;
    background: linear-gradient(135deg, #ff7a00 0%, #ff3d00 100%);
    box-shadow: 0 10px 22px rgba(255, 86, 0, .28);
}

.ph010-header-actions-premium {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ph010-lang-premium {
    width: 54px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    text-decoration: none;
    font-size: 22px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(255, 120, 0, .20);
    box-shadow: 0 8px 20px rgba(120, 50, 0, .08);
}

.ph010-join-premium {
    min-height: 44px;
    padding: 0 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #431700;
    font-size: 16px;
    font-weight: 950;
    text-decoration: none;
    background: linear-gradient(135deg, #ffd94d 0%, #ff9d00 100%);
    box-shadow: 0 12px 24px rgba(255, 157, 0, .30);
    white-space: nowrap;
}

.ph010-join-premium:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 28px rgba(255, 120, 0, .35);
}

.ph010-menu-toggle {
    display: none;
}

/* 中等屏幕防止挤压 */
@media (max-width: 1180px) {
    .ph010-header-premium-inner {
        grid-template-columns: 180px 1fr auto;
        gap: 14px;
    }

    .ph010-logo-premium img,
    .ph010-logo-premium .custom-logo {
        max-width: 155px;
    }

    .ph010-nav-premium a {
        padding: 0 12px;
        font-size: 14px;
    }

    .ph010-join-premium {
        padding: 0 18px;
        font-size: 15px;
    }
}

/* 平板/手机显示汉堡 */
@media (max-width: 980px) {
    .ph010-header-premium-inner {
        min-height: 72px;
        grid-template-columns: 1fr auto;
    }

    .ph010-logo-premium img,
    .ph010-logo-premium .custom-logo {
        max-width: 150px;
        max-height: 56px;
    }

    .ph010-nav-premium {
        display: none;
    }

    .ph010-join-premium {
        display: none;
    }

    .ph010-menu-toggle {
        width: 46px;
        height: 42px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        border: 0;
        border-radius: 14px;
        background: linear-gradient(135deg, #ff7a00, #ff3d00);
        box-shadow: 0 10px 22px rgba(255, 86, 0, .25);
        cursor: pointer;
    }

    .ph010-menu-toggle span {
        width: 21px;
        height: 2px;
        display: block;
        border-radius: 99px;
        background: #fff;
    }
}