/* ARBOR_INDEX_CSS_EXTERNALIZE_TRIAL_V1
   Source: index.html style block #1
   Original attributes: 
*/
:root {
        --ios-bg: #F5F5F7;
        --ios-card: #FFFFFF;
        --soft-card: #FAFAFC;

        --apple-blue: #007AFF;
        --apple-green: #34C759;
        --orange: #FF7A00;
        --orange-deep: #E86000;

        --warm-cream: #FFF7ED;
        --warm-cream-strong: #FFF1E1;
        --shop-blue-soft: #F3F8FF;
        --cooperate-orange-soft: #FFF5EC;

        --home-brand: #111111;

        --text-main: #1D1D1F;
        --text-sub: #86868B;
        --text-soft: #A1A1A6;
        --text-disabled: #C7C7CC;

        --separator: rgba(60, 60, 67, 0.13);
        --line-light: rgba(0, 0, 0, 0.05);
        --btn-gray-bg: #E5E5EA;
        --nav-bg: rgba(245, 245, 247, 0.86);
        --tab-bg: rgba(250, 250, 250, 0.88);

        --radius-card: 24px;
        --radius-mid: 18px;
        --radius-small: 14px;
        --content-max: 560px;
    }

    html[data-theme="dark"] {
        --ios-bg: #0B0B0C;
        --ios-card: #1C1C1E;
        --soft-card: #242426;

        --apple-blue: #0A84FF;
        --apple-green: #30D158;
        --orange: #FF9F0A;
        --orange-deep: #FFB86A;

        --warm-cream: rgba(255, 159, 10, 0.10);
        --warm-cream-strong: rgba(255, 159, 10, 0.14);
        --shop-blue-soft: rgba(10, 132, 255, 0.10);
        --cooperate-orange-soft: rgba(255, 159, 10, 0.10);

        --home-brand: #151517;

        --text-main: #F5F5F7;
        --text-sub: #A1A1A6;
        --text-soft: #8E8E93;
        --text-disabled: #636366;

        --separator: rgba(255, 255, 255, 0.08);
        --line-light: rgba(255, 255, 255, 0.065);
        --btn-gray-bg: #2C2C2E;
        --nav-bg: rgba(11, 11, 12, 0.78);
        --tab-bg: rgba(28, 28, 30, 0.88);
    }


    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: transparent;
    }

    html {
        background: var(--ios-bg);
    }

    body {
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
        background-color: var(--ios-bg);
        color: var(--text-main);
        display: flex;
        justify-content: center;
        -webkit-font-smoothing: antialiased;
    }

    body.modal-open {
        overflow: hidden;
    }

    button {
        font-family: inherit;
        border: none;
        background: none;
        color: inherit;
        cursor: pointer;
    }

    svg {
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .hidden {
        display: none !important;
    }

    .pressable {
        transition: transform 0.14s ease, opacity 0.14s ease, background-color 0.18s ease;
    }

    .pressable:active {
        transform: scale(0.97);
        opacity: 0.86;
    }

    .app-container {
        width: 100%;
        max-width: var(--content-max);
        min-height: 100vh;
        position: relative;
        padding-bottom: calc(86px + env(safe-area-inset-bottom));
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    .nav-bar {
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 50;
        padding: 0 16px;
        background-color: var(--nav-bg);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 0.5px solid var(--line-light);
    }

    .nav-title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 0.1px;
    }

    .nav-action {
        font-size: 13px;
        font-weight: 680;
        color: var(--apple-blue);
        padding: 8px 2px;
    }

    .section {
        padding: 0 16px;
        margin-top: 22px;
    }

    .section:first-of-type {
        margin-top: 12px;
    }






    .card-layer,
    .hero-actions {
        position: relative;
        z-index: 2;
    }

    .hero-kicker {
        font-size: 12px;
        font-weight: 680;
        margin-bottom: 9px;
        color: var(--apple-blue);
    }

    .card-intro .hero-kicker {
        color: rgba(255,255,255,0.72);
    }

    .card-guide .hero-kicker {
        color: #A65D00;
    }

    .card-cooperate .hero-kicker {
        color: var(--orange-deep);
    }

    .hero-title {
        font-size: 27px;
        line-height: 1.14;
        font-weight: 780;
        letter-spacing: -0.72px;
        max-width: 340px;
        white-space: nowrap;
        color: var(--text-main);
    }

    .card-intro .hero-title {
        color: #FFFFFF;
    }

    .hero-desc {
        margin-top: 13px;
        font-size: 13px;
        line-height: 1.62;
        max-width: 365px;
        color: var(--text-sub);
    }

    .card-intro .hero-desc {
        color: rgba(255,255,255,0.76);
    }

    .card-guide .hero-desc {
        color: rgba(110, 64, 0, 0.72);
    }

    .card-cooperate .hero-desc {
        color: rgba(90, 55, 20, 0.68);
    }

    .hero-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        margin-top: 18px;
        padding-top: 15px;
        border-top: 0.5px solid var(--separator);
    }

    .card-intro .hero-actions {
        border-top-color: rgba(255,255,255,0.16);
    }

    .card-guide .hero-actions {
        border-top-color: rgba(255, 149, 0, 0.16);
    }

    .card-cooperate .hero-actions {
        border-top-color: rgba(255, 122, 0, 0.16);
    }

    .hero-small {
        font-size: 12px;
        line-height: 1.45;
        max-width: 230px;
        color: var(--text-sub);
    }

    .card-intro .hero-small {
        color: rgba(255,255,255,0.68);
    }

    .card-guide .hero-small {
        color: rgba(110, 64, 0, 0.62);
    }

    .card-cooperate .hero-small {
        color: rgba(90, 55, 20, 0.58);
    }

    .hero-btn {
        flex-shrink: 0;
        padding: 10px 18px;
        border-radius: 14px;
        font-size: 14px;
        font-weight: 680;
        background: var(--apple-blue);
        color: #FFFFFF;
        transition: transform 0.1s, opacity 0.2s;
    }

    .card-intro .hero-btn {
        background: #FFFFFF;
        color: #000000;
    }

    .card-guide .hero-btn {
        background: #1D1D1F;
        color: #FFFFFF;
    }

    .card-cooperate .hero-btn {
        background: var(--orange);
        color: #FFFFFF;
    }

    .hero-btn:active {
        transform: scale(0.97);
        opacity: 0.88;
    }

    .hero-mark {
        position: absolute;
        right: 18px;
        top: 18px;
        width: 82px;
        height: 82px;
        color: rgba(0,122,255,0.08);
        z-index: 1;
        pointer-events: none;
    }

    .card-guide .hero-mark {
        color: rgba(255, 149, 0, 0.12);
    }

    .card-cooperate .hero-mark {
        color: rgba(255, 122, 0, 0.14);
    }

    .hero-mark svg {
        width: 100%;
        height: 100%;
        stroke-width: 1.6;
    }

    .carousel-dots {
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 12px;
    }

    .carousel-dot {
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: rgba(60,60,67,0.22);
        transition: width 0.25s, background 0.25s;
    }

    .carousel-dot.active {
        width: 18px;
        background: var(--text-main);
    }

    .status-card {
        background: var(--ios-card);
        border: 1px solid var(--line-light);
        border-radius: var(--radius-mid);
        padding: 14px 15px;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.022);
    }

    .status-text {
        font-size: 13px;
        color: var(--text-main);
        font-weight: 620;
        line-height: 1.25;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .status-link {
        font-size: 13px;
        color: var(--apple-blue);
        font-weight: 700;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .recommend-card {
        background: var(--ios-card);
        border: 1px solid var(--line-light);
        border-radius: var(--radius-card);
        padding: 18px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.022);
    }

    .recommend-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        margin-bottom: 12px;
    }

    .recommend-title {
        font-size: 18px;
        font-weight: 760;
        letter-spacing: -0.2px;
        color: var(--text-main);
        line-height: 1.35;
    }

    .recommend-state {
        font-size: 12px;
        font-weight: 700;
        color: var(--apple-blue);
        white-space: nowrap;
        padding-top: 3px;
    }

    .recommend-desc {
        font-size: 13px;
        color: var(--text-sub);
        line-height: 1.58;
        margin-bottom: 16px;
    }

    .recommend-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-top: 0.5px solid var(--separator);
        padding-top: 14px;
    }

    .recommend-small {
        font-size: 12px;
        color: var(--text-soft);
        line-height: 1.45;
    }

    .recommend-btn {
        background: var(--apple-blue);
        color: #FFFFFF;
        border-radius: 14px;
        padding: 10px 18px;
        font-size: 14px;
        font-weight: 680;
        white-space: nowrap;
    }

    .benefit-card {
        background: var(--ios-card);
        border: 1px solid var(--line-light);
        border-radius: var(--radius-card);
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(0,0,0,0.022);
    }

    .benefit-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 14px;
        padding: 16px 18px;
        text-align: left;
        border-bottom: 0.5px solid var(--separator);
    }

    .benefit-row:last-child {
        border-bottom: none;
    }

    .benefit-main {
        min-width: 0;
        flex: 1;
    }

    .benefit-title {
        font-size: 15px;
        font-weight: 740;
        color: var(--text-main);
        line-height: 1.35;
        margin-bottom: 5px;
    }

    .benefit-desc {
        font-size: 12px;
        color: var(--text-sub);
        line-height: 1.48;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .benefit-side {
        flex-shrink: 0;
        font-size: 12px;
        font-weight: 720;
        color: var(--apple-blue);
        white-space: nowrap;
        padding-top: 2px;
    }

    .notice-card {
        background: var(--ios-card);
        border: 1px solid var(--line-light);
        border-radius: var(--radius-card);
        padding: 17px 18px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.022);
    }

    .notice-title {
        font-size: 16px;
        font-weight: 740;
        color: var(--text-main);
        margin-bottom: 12px;
    }

    .notice-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .notice-item {
        font-size: 12px;
        color: var(--text-sub);
        line-height: 1.55;
        padding-bottom: 10px;
        border-bottom: 0.5px solid var(--separator);
    }

    .notice-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .notice-action {
        margin-top: 14px;
        font-size: 13px;
        color: var(--apple-blue);
        font-weight: 700;
    }

    .section-bottom {
        margin-top: 24px;
    }

    .bottom-notice {
        padding: 18px 20px 18px;
        text-align: center;
    }

    .bottom-notice p {
        font-size: 12px;
        color: var(--text-sub);
        line-height: 1.62;
        margin-bottom: 6px;
    }

    .bottom-notice p:last-child {
        margin-bottom: 0;
    }

    .modal-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.34);
        z-index: 120;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 16px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.22s ease, visibility 0.22s ease;
    }

    .modal-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .center-modal {
        width: 100%;
        max-width: 392px;
        max-height: 82vh;
        background: #FFFFFF;
        border-radius: 26px;
        box-shadow: 0 18px 52px rgba(0,0,0,0.18);
        overflow: hidden;
        transform: scale(0.96);
        transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
        display: flex;
        flex-direction: column;
    }

    .modal-overlay.active .center-modal {
        transform: scale(1);
    }

    .modal-head {
        padding: 20px 20px 16px;
        border-bottom: 0.5px solid var(--separator);
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
    }

    .modal-title {
        font-size: 20px;
        font-weight: 760;
        letter-spacing: -0.3px;
        color: var(--text-main);
        line-height: 1.25;
        margin-bottom: 5px;
    }

    .modal-sub {
        font-size: 12px;
        color: var(--text-sub);
        line-height: 1.5;
    }

    .modal-close {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        background: var(--btn-gray-bg);
        color: var(--text-sub);
        font-size: 18px;
        line-height: 1;
        flex-shrink: 0;
    }

    .modal-body {
        overflow-y: auto;
        padding: 2px 20px 0;
    }

    .feature-row {
        padding: 15px 0;
        border-bottom: 0.5px solid var(--separator);
    }

    .feature-row:last-child {
        border-bottom: none;
    }

    .feature-title {
        font-size: 15px;
        font-weight: 740;
        color: var(--text-main);
        line-height: 1.35;
        margin-bottom: 5px;
    }

    .feature-desc {
        font-size: 12px;
        color: var(--text-sub);
        line-height: 1.52;
    }

    .feature-path {
        margin-top: 8px;
        font-size: 12px;
        line-height: 1.5;
        color: var(--apple-blue);
        font-weight: 600;
    }

    .modal-actions {
        padding: 16px 20px 20px;
        border-top: 0.5px solid var(--separator);
        display: flex;
        gap: 10px;
    }

    .modal-btn {
        flex: 1;
        height: 44px;
        border-radius: 15px;
        font-size: 14px;
        font-weight: 680;
    }

    .modal-btn.primary {
        background: var(--apple-blue);
        color: #FFFFFF;
    }

    .modal-btn.ghost {
        background: rgba(60,60,67,0.10);
        color: var(--text-main);
    }

    .tab-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(76px + env(safe-area-inset-bottom));
        background-color: var(--tab-bg);
        backdrop-filter: blur(22px);
        -webkit-backdrop-filter: blur(22px);
        border-top: 0.5px solid var(--line-light);
        z-index: 90;
        display: flex;
        justify-content: center;
    }

    .tab-inner {
        width: 100%;
        max-width: var(--content-max);
        height: 76px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 8px 0;
    }

    .tab-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #8E8E93;
        cursor: pointer;
        min-width: 0;
        transition: color 0.18s ease, transform 0.12s ease;
    }

    .tab-item:active {
        transform: scale(0.96);
    }

    .tab-item.active {
        color: var(--apple-blue);
    }

    .tab-icon {
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tab-icon svg {
        width: 23px;
        height: 23px;
        stroke-width: 2.1;
    }

    .tab-text {
        font-size: 10.5px;
        font-weight: 540;
        line-height: 1;
    }

    .tab-item.active .tab-text {
        font-weight: 680;
    }

    .toast {
        position: fixed;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0,0,0,0.85);
        color: #FFFFFF;
        padding: 11px 18px;
        border-radius: 12px;
        font-size: 13px;
        font-weight: 560;
        z-index: 1000;
        opacity: 0;
        transition: opacity 0.3s, top 0.3s;
        pointer-events: none;
        text-align: center;
        max-width: 82%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .toast.show {
        opacity: 1;
        top: 60px;
    }



    .nav-right {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .nav-icon-btn {
        width: 36px;
        height: 36px;
        border-radius: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        color: var(--text-main);
    }

    .nav-icon-btn svg {
        width: 21px;
        height: 21px;
        stroke-width: 2.05;
    }

    .nav-badge {
        position: absolute;
        right: 7px;
        top: 7px;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #FF4D4F;
        box-shadow: 0 0 0 2px var(--nav-bg);
    }

    .card-intro-v6 {
        background:
            radial-gradient(circle at 86% 24%, rgba(64, 92, 170, 0.18), transparent 28%),
            radial-gradient(circle at 74% 92%, rgba(100, 36, 78, 0.18), transparent 36%),
            linear-gradient(160deg, #111217 0%, #090A0D 60%, #101118 100%) !important;
        min-height: 242px;
        padding: 22px 20px 20px;
    }

    .intro-copy-v6 {
        max-width: 58%;
    }

    .card-intro-v6 .hero-kicker {
        color: rgba(255,255,255,0.72);
    }

    .card-intro-v6 .hero-title {
        max-width: 285px;
        white-space: normal;
        font-size: 27px;
        line-height: 1.14;
        letter-spacing: -0.72px;
    }

    .card-intro-v6 .hero-desc {
        max-width: 300px;
        font-size: 13px;
        line-height: 1.62;
    }

    .intro-logo-stage-v6 {
        position: absolute;
        right: 22px;
        top: 22px;
        width: 190px;
        height: 160px;
        z-index: 1;
        pointer-events: none;
    }

    .intro-app {
        position: absolute;
        width: 48px;
        height: 48px;
        object-fit: contain;
        border-radius: 14px;
        filter: drop-shadow(0 10px 16px rgba(0,0,0,0.30));
    }

    .app-chatgpt { left: 16px; top: 0; }
    .app-claude { right: 18px; top: 6px; }
    .app-gemini { left: 0; top: 58px; }
    .app-kuaishou { right: 0; top: 66px; }
    .app-shipinhao { left: 18px; bottom: 0; }
    .app-xhs { right: 36px; bottom: -4px; }

    .intro-douyin-real {
        position: absolute;
        left: 72px;
        top: 54px;
        width: 54px;
        height: 62px;
        z-index: 3;
        filter: drop-shadow(0 12px 18px rgba(0,0,0,0.38));
    }

    .intro-douyin-real svg {
        width: 100%;
        height: 100%;
        display: block;
        overflow: visible;
        stroke: none;
    }

    .intro-douyin-real .dy-cyan {
        fill: #25F4EE;
        transform: translate(-13px, 12px);
    }

    .intro-douyin-real .dy-red {
        fill: #FE2C55;
        transform: translate(12px, -8px);
    }

    .intro-douyin-real .dy-white {
        fill: #FFFFFF;
    }

    .intro-dot,
    .intro-star {
        position: absolute;
        display: block;
        pointer-events: none;
        z-index: 0;
    }

    .intro-dot {
        width: 5px;
        height: 5px;
        border-radius: 999px;
        opacity: 0.9;
    }

    .dot-a { background: #8FB7FF; left: 74px; top: 20px; }
    .dot-b { background: #F5A5C8; left: 6px; top: 128px; }
    .dot-c { background: #9DDEB0; right: 6px; top: 128px; }
    .dot-d { background: #F6D092; right: 68px; bottom: 4px; }

    .intro-star {
        width: 9px;
        height: 9px;
        opacity: 0.7;
    }

    .intro-star::before,
    .intro-star::after {
        content: '';
        position: absolute;
        left: 4px;
        top: 0;
        width: 1px;
        height: 9px;
        border-radius: 999px;
        background: rgba(141, 174, 255, 0.8);
    }

    .intro-star::after {
        transform: rotate(90deg);
    }

    .star-1 { right: 18px; top: 2px; }
    .star-2 { left: 2px; top: 14px; transform: scale(0.8); }

    .intro-horizon-v6 {
        position: absolute;
        right: -18px;
        bottom: -52px;
        width: 230px;
        height: 118px;
        border-radius: 50% 50% 0 0;
        background: radial-gradient(ellipse at center, rgba(75, 92, 150, 0.26), transparent 68%);
        transform: rotate(-7deg);
        pointer-events: none;
        opacity: 0.85;
    }

    .intro-actions-v6 {
        margin-top: 18px;
    }

    @media (max-width: 430px) {
        .intro-copy-v6 {
            max-width: 58%;
        }

        .card-intro-v6 .hero-title {
            font-size: 25px;
            line-height: 1.15;
            max-width: 205px;
        }

        .card-intro-v6 .hero-desc {
            font-size: 13px;
            line-height: 1.58;
            max-width: 210px;
        }

        .intro-logo-stage-v6 {
            right: 18px;
            top: 24px;
            width: 156px;
            height: 142px;
        }

        .intro-app {
            width: 39px;
            height: 39px;
            border-radius: 12px;
        }

        .app-chatgpt { left: 16px; top: 0; }
        .app-claude { right: 12px; top: 6px; }
        .app-gemini { left: 0; top: 52px; }
        .app-kuaishou { right: 0; top: 58px; }
        .app-shipinhao { left: 16px; bottom: 2px; }
        .app-xhs { right: 32px; bottom: -2px; }

        .intro-douyin-real {
            width: 46px;
            height: 54px;
            left: 58px;
            top: 48px;
        }

        .dot-a { left: 62px; top: 18px; }
        .dot-b { left: 4px; top: 116px; }
        .dot-c { right: 5px; top: 112px; }
        .dot-d { right: 58px; bottom: 4px; }
    }


    html[data-theme="dark"] .hero-card,
    html[data-theme="dark"] .status-card,
    html[data-theme="dark"] .recommend-card,
    html[data-theme="dark"] .benefit-card,
    html[data-theme="dark"] .notice-card {
        box-shadow: 0 10px 28px rgba(0,0,0,0.18);
    }

    html[data-theme="dark"] .hero-card.card-guide,
    html[data-theme="dark"] .hero-card.card-shop,
    html[data-theme="dark"] .hero-card.card-cooperate {
        background: var(--ios-card);
        border-color: var(--line-light);
    }

    html[data-theme="dark"] .center-modal {
        background: var(--ios-card);
        box-shadow: 0 18px 52px rgba(0,0,0,0.38);
    }

    html[data-theme="dark"] .modal-btn.ghost {
        background: rgba(255,255,255,0.08);
    }

    html[data-theme="dark"] .carousel-dot {
        background: rgba(255,255,255,0.20);
    }

    @media (max-width: 360px) {
        .hero-title {
            font-size: 24px;
        }


        .recommend-bottom {
            align-items: flex-start;
        }

        .benefit-desc {
            max-width: 210px;
        }

        .modal-actions {
            flex-direction: column;
        }

        .bottom-notice {
            padding: 16px 18px 16px;
        }
    }

    /* guide-card-v10：首页第 2 张功能总览卡。只改这一张，保持原轮播尺寸。 */
    .card-guide-v10 {
        background: #FFFFFF !important;
        border-color: rgba(0, 122, 255, 0.12) !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055) !important;
        min-height: 242px;
        padding: 22px 20px 20px;
        display: block;
        overflow: hidden;
    }

    .guide-copy-v10 {
        position: relative;
        z-index: 3;
        width: 56%;
        max-width: 330px;
    }

    .card-guide-v10 .hero-kicker {
        color: var(--apple-blue);
        font-size: 12px;
        font-weight: 720;
        margin-bottom: 10px;
    }

    .card-guide-v10 .hero-title {
        font-size: 27px;
        line-height: 1.14;
        font-weight: 800;
        letter-spacing: -0.76px;
        white-space: normal;
        color: var(--text-main);
        max-width: 290px;
    }

    .card-guide-v10 .hero-desc {
        margin-top: 14px;
        font-size: 13px;
        line-height: 1.62;
        color: var(--text-sub);
        max-width: 320px;
    }

    .guide-art-v10 {
        position: absolute;
        right: 24px;
        top: 28px;
        width: 178px;
        height: 124px;
        z-index: 1;
        pointer-events: none;
    }

    .guide-paper-v10 {
        position: absolute;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(247,249,255,0.98), rgba(237,242,255,0.86));
        border: 1px solid rgba(112, 142, 255, 0.15);
        box-shadow: 0 16px 28px rgba(75, 104, 190, 0.08);
    }

    .guide-paper-back {
        width: 112px;
        height: 112px;
        right: 0;
        top: 0;
        transform: rotate(7deg);
        opacity: 0.66;
    }

    .guide-paper-front {
        width: 104px;
        height: 104px;
        right: 34px;
        top: 18px;
        padding: 26px 20px;
        box-sizing: border-box;
        transform: rotate(-2deg);
    }

    .guide-paper-front i {
        display: block;
        height: 8px;
        border-radius: 999px;
        background: rgba(0, 122, 255, 0.18);
        margin-bottom: 12px;
    }

    .guide-paper-front i:nth-child(2) {
        width: 78%;
    }

    .guide-paper-front i:nth-child(3) {
        width: 54%;
        margin-bottom: 0;
    }

    .guide-bubble-v10 {
        position: absolute;
        right: 6px;
        bottom: -4px;
        width: 46px;
        height: 46px;
        border-radius: 999px;
        background: rgba(255,255,255,0.96);
        border: 1px solid rgba(132, 120, 255, 0.16);
        box-shadow: 0 14px 24px rgba(64, 89, 194, 0.08);
    }

    .guide-bubble-v10::before {
        content: '';
        position: absolute;
        left: 12px;
        top: 20px;
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: #8E90FF;
        box-shadow: 10px 0 0 #8E90FF, 20px 0 0 #8E90FF;
    }

    .guide-dot-v10 {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        opacity: 0.88;
    }

    .dot-blue-v10 { background: #8FB7FF; left: 16px; top: 28px; }
    .dot-pink-v10 { background: #F5A5C8; right: 42px; top: 8px; }
    .dot-green-v10 { background: #BEEBC8; right: 22px; bottom: 26px; }
    .dot-yellow-v10 { background: #F7C468; left: 58px; bottom: 10px; }

    .guide-grid-v10 {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 18px;
        z-index: 3;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
        padding-top: 14px;
        border-top: 0.5px solid rgba(60,60,67,0.10);
    }

    .guide-item-v10 {
        min-width: 0;
        padding: 0 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
        border-right: 0.5px solid rgba(60,60,67,0.10);
    }

    .guide-item-v10:last-child {
        border-right: none;
    }

    .guide-icon-v10 {
        width: 48px;
        height: 48px;
        border-radius: 16px;
        background: #FFFFFF;
        border: 1px solid rgba(0,0,0,0.045);
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--apple-blue);
    }

    .guide-icon-v10 svg {
        width: 32px;
        height: 32px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2.35;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .icon-shop-v10 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        padding: 11px;
        box-sizing: border-box;
    }

    .icon-shop-v10 b {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 5px;
        background: linear-gradient(180deg, #3B94FF, #1175FF);
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.48);
    }

    .icon-cooperate-v10 { color: #2B83FF; }
    .icon-record-v10 { color: #56C36F; }
    .icon-wallet-v10 { color: #FF8A35; }

    .guide-name-v10 {
        font-size: 13px;
        line-height: 1.2;
        font-weight: 760;
        color: var(--text-main);
        white-space: nowrap;
    }

    .guide-sub-v10 {
        font-size: 10.5px;
        line-height: 1.38;
        color: var(--text-sub);
        max-width: 72px;
    }

    @media (max-width: 430px) {
        .card-guide-v10 {
            min-height: 242px;
            padding: 22px 20px 20px;
        }

        .guide-copy-v10 {
            width: 55%;
            max-width: 210px;
        }

        .card-guide-v10 .hero-title {
            font-size: 25px;
            line-height: 1.15;
            max-width: 190px;
        }

        .card-guide-v10 .hero-desc {
            font-size: 13px;
            line-height: 1.58;
            max-width: 198px;
        }

        .guide-art-v10 {
            right: 12px;
            top: 28px;
            width: 146px;
            height: 116px;
        }

        .guide-paper-back {
            width: 96px;
            height: 104px;
        }

        .guide-paper-front {
            width: 92px;
            height: 98px;
            right: 28px;
            top: 14px;
            padding: 25px 18px;
        }

        .guide-bubble-v10 {
            width: 40px;
            height: 40px;
            right: 2px;
            bottom: 0;
        }

        .guide-grid-v10 {
            left: 16px;
            right: 16px;
            bottom: 16px;
            padding-top: 12px;
        }

        .guide-item-v10 {
            padding: 0 5px;
            gap: 5px;
        }

        .guide-icon-v10 {
            width: 42px;
            height: 42px;
            border-radius: 14px;
        }

        .guide-icon-v10 svg {
            width: 28px;
            height: 28px;
        }

        .icon-shop-v10 {
            gap: 4px;
            padding: 10px;
        }

        .icon-shop-v10 b {
            width: 10px;
            height: 10px;
            border-radius: 4px;
        }

        .guide-name-v10 {
            font-size: 12px;
        }

        .guide-sub-v10 {
            font-size: 9.5px;
            max-width: 64px;
        }
    }


    /* guide-card-v11：首页第 2 张，新人怎么选，新用户完整使用说明 */
    .card-guide-v11 {
        background: #FFFFFF !important;
        border-color: rgba(0, 122, 255, 0.12) !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055) !important;
        min-height: 242px;
        padding: 22px 20px 20px;
        display: block;
        overflow: hidden;
    }

    .guide-copy-v11 {
        position: relative;
        z-index: 3;
        width: 56%;
        max-width: 330px;
    }

    .card-guide-v11 .hero-kicker {
        color: var(--apple-blue);
        font-size: 12px;
        font-weight: 760;
        margin-bottom: 10px;
    }

    .card-guide-v11 .hero-title {
        font-size: 26px;
        line-height: 1.14;
        font-weight: 820;
        letter-spacing: -0.76px;
        white-space: normal;
        color: var(--text-main);
        max-width: 292px;
    }

    .card-guide-v11 .hero-desc {
        margin-top: 13px;
        font-size: 13px;
        line-height: 1.58;
        color: var(--text-sub);
        max-width: 320px;
    }

    .guide-art-v11 {
        position: absolute;
        right: 20px;
        top: 24px;
        width: 178px;
        height: 120px;
        z-index: 1;
        pointer-events: none;
    }

    .guide-card-stack {
        position: absolute;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(247,249,255,0.98), rgba(237,242,255,0.86));
        border: 1px solid rgba(112, 142, 255, 0.15);
        box-shadow: 0 16px 28px rgba(75, 104, 190, 0.08);
    }

    .guide-card-stack.back {
        width: 112px;
        height: 112px;
        right: 0;
        top: 0;
        transform: rotate(7deg);
        opacity: 0.62;
    }

    .guide-card-stack.front {
        width: 104px;
        height: 104px;
        right: 38px;
        top: 15px;
        padding: 25px 20px;
        box-sizing: border-box;
        transform: rotate(-2deg);
    }

    .guide-card-stack.front i {
        display: block;
        height: 8px;
        border-radius: 999px;
        background: rgba(0, 122, 255, 0.18);
        margin-bottom: 11px;
    }

    .guide-card-stack.front i:nth-child(2) {
        width: 78%;
    }

    .guide-card-stack.front i:nth-child(3) {
        width: 54%;
        margin-bottom: 0;
    }

    .guide-mini-wallet {
        position: absolute;
        right: 4px;
        bottom: -4px;
        width: 48px;
        height: 40px;
        border-radius: 16px;
        background: linear-gradient(180deg, #FF9B4A, #FF7A22);
        box-shadow: 0 14px 22px rgba(255, 122, 34, 0.18);
    }

    .guide-mini-wallet::before {
        content: '';
        position: absolute;
        right: 7px;
        top: 14px;
        width: 14px;
        height: 10px;
        border-radius: 5px;
        background: rgba(255,255,255,0.72);
    }

    .guide-dot-v11 {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        opacity: 0.88;
    }

    .dot-blue-v11 { background: #8FB7FF; left: 18px; top: 28px; }
    .dot-green-v11 { background: #BEEBC8; right: 28px; bottom: 34px; }
    .dot-orange-v11 { background: #F7C468; left: 64px; bottom: 8px; }

    .guide-steps-v11 {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 16px;
        z-index: 3;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0;
        padding-top: 13px;
        border-top: 0.5px solid rgba(60,60,67,0.10);
    }

    .guide-step-v11 {
        min-width: 0;
        padding: 0 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 5px;
        border-right: 0.5px solid rgba(60,60,67,0.08);
    }

    .guide-step-v11:last-child {
        border-right: none;
    }

    .step-icon-v11 {
        width: 40px;
        height: 40px;
        border-radius: 14px;
        background: #FFFFFF;
        border: 1px solid rgba(0,0,0,0.045);
        box-shadow: 0 7px 16px rgba(15, 23, 42, 0.055);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .step-icon-v11 svg {
        width: 27px;
        height: 27px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2.3;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .icon-balance-v11 { color: #FF8A35; }
    .icon-shop-v11 { color: var(--apple-blue); display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; padding: 9px; box-sizing: border-box; }
    .icon-shop-v11 b { display: block; width: 9px; height: 9px; border-radius: 4px; background: linear-gradient(180deg, #3B94FF, #1175FF); }
    .icon-coupon-v11 { color: #F5A400; }
    .icon-record-v11 { color: #56C36F; }
    .icon-verify-v11 { color: #31B57C; }
    .icon-cooperate-v11 { color: #2B83FF; }

    .step-name-v11 {
        font-size: 10.5px;
        line-height: 1.2;
        font-weight: 760;
        color: var(--text-main);
        white-space: nowrap;
    }

    @media (max-width: 430px) {
        .card-guide-v11 {
            min-height: 242px;
            padding: 22px 20px 20px;
        }

        .guide-copy-v11 {
            width: 56%;
            max-width: 210px;
        }

        .card-guide-v11 .hero-title {
            font-size: 24px;
            line-height: 1.15;
            max-width: 190px;
        }

        .card-guide-v11 .hero-desc {
            font-size: 12.5px;
            line-height: 1.55;
            max-width: 198px;
        }

        .guide-art-v11 {
            right: 12px;
            top: 24px;
            width: 142px;
            height: 112px;
        }

        .guide-card-stack.back {
            width: 94px;
            height: 102px;
        }

        .guide-card-stack.front {
            width: 90px;
            height: 96px;
            right: 28px;
            top: 13px;
            padding: 24px 17px;
        }

        .guide-mini-wallet {
            width: 42px;
            height: 36px;
            right: 2px;
            bottom: 0;
            border-radius: 14px;
        }

        .guide-steps-v11 {
            left: 14px;
            right: 14px;
            bottom: 15px;
            padding-top: 12px;
        }

        .guide-step-v11 {
            padding: 0 3px;
            gap: 4px;
        }

        .step-icon-v11 {
            width: 34px;
            height: 34px;
            border-radius: 12px;
        }

        .step-icon-v11 svg {
            width: 23px;
            height: 23px;
        }

        .icon-shop-v11 {
            gap: 3px;
            padding: 8px;
        }

        .icon-shop-v11 b {
            width: 7px;
            height: 7px;
            border-radius: 3px;
        }

        .step-name-v11 {
            font-size: 9.5px;
        }
    }


    /* guide-card-v12：首页第 2 张，新人怎么选精修版 */
    .card-guide-v12 {
        background: #FFFFFF !important;
        border-color: rgba(0, 122, 255, 0.12) !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055) !important;
        min-height: 242px;
        padding: 22px 20px 20px;
        display: block;
        overflow: hidden;
    }

    .guide-copy-v12 {
        position: relative;
        z-index: 3;
        width: 56%;
        max-width: 330px;
    }

    .card-guide-v12 .hero-kicker {
        color: var(--apple-blue) !important;
        font-size: 12px;
        font-weight: 780;
        margin-bottom: 10px;
    }

    .card-guide-v12 .hero-title {
        color: #1D1D1F !important;
        font-size: 26px;
        line-height: 1.14;
        font-weight: 820;
        letter-spacing: -0.76px;
        white-space: normal;
        max-width: 292px;
    }

    .card-guide-v12 .hero-desc {
        margin-top: 13px;
        font-size: 13px;
        line-height: 1.58;
        color: rgba(29, 29, 31, 0.72) !important;
        max-width: 320px;
    }

    .guide-art-v12 {
        position: absolute;
        right: 20px;
        top: 22px;
        width: 178px;
        height: 124px;
        z-index: 1;
        pointer-events: none;
    }

    .guide-sheet-v12 {
        position: absolute;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(248,250,255,0.98), rgba(238,243,255,0.88));
        border: 1px solid rgba(112, 142, 255, 0.16);
        box-shadow: 0 16px 30px rgba(75, 104, 190, 0.09);
    }

    .guide-sheet-v12.sheet-back {
        width: 112px;
        height: 112px;
        right: 0;
        top: 0;
        transform: rotate(7deg);
        opacity: 0.68;
    }

    .guide-sheet-v12.sheet-front {
        width: 104px;
        height: 104px;
        right: 40px;
        top: 14px;
        padding: 25px 20px;
        box-sizing: border-box;
        transform: rotate(-2deg);
        background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(242,246,255,0.9));
    }

    .guide-sheet-v12.sheet-front i {
        display: block;
        height: 8px;
        border-radius: 999px;
        background: rgba(0, 122, 255, 0.22);
        margin-bottom: 11px;
    }

    .guide-sheet-v12.sheet-front i:nth-child(2) {
        width: 78%;
    }

    .guide-sheet-v12.sheet-front i:nth-child(3) {
        width: 54%;
        margin-bottom: 0;
    }

    .guide-wallet-v12 {
        position: absolute;
        right: 3px;
        bottom: 0;
        width: 48px;
        height: 40px;
        border-radius: 16px;
        background: linear-gradient(180deg, #FF9D4F, #FF7A22);
        box-shadow: 0 14px 22px rgba(255, 122, 34, 0.20);
    }

    .guide-wallet-v12::before {
        content: '';
        position: absolute;
        right: 7px;
        top: 14px;
        width: 14px;
        height: 10px;
        border-radius: 5px;
        background: rgba(255,255,255,0.76);
    }

    .guide-ticket-v12 {
        position: absolute;
        left: 12px;
        bottom: 6px;
        width: 42px;
        height: 30px;
        border-radius: 11px;
        background: linear-gradient(180deg, #FFE7A8, #FFD166);
        box-shadow: 0 12px 20px rgba(255, 193, 7, 0.16);
        transform: rotate(-8deg);
    }

    .guide-ticket-v12::after {
        content: '';
        position: absolute;
        left: 12px;
        top: 9px;
        width: 17px;
        height: 11px;
        border-radius: 6px;
        border: 2px solid rgba(160, 104, 0, 0.35);
    }

    .guide-dot-v12 {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        opacity: 0.9;
    }

    .guide-dot-v12.dot-blue { background: #8FB7FF; left: 18px; top: 28px; }
    .guide-dot-v12.dot-green { background: #BEEBC8; right: 28px; bottom: 34px; }
    .guide-dot-v12.dot-orange { background: #F7C468; left: 64px; bottom: 8px; }

    .guide-steps-v12 {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 16px;
        z-index: 3;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0;
        padding-top: 13px;
        border-top: 0.5px solid rgba(60,60,67,0.12);
    }

    .guide-step-v12 {
        min-width: 0;
        padding: 0 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 5px;
        border-right: 0.5px solid rgba(60,60,67,0.08);
    }

    .guide-step-v12:last-child {
        border-right: none;
    }

    .step-icon-v12 {
        width: 40px;
        height: 40px;
        border-radius: 14px;
        background: #FFFFFF;
        border: 1px solid rgba(0,0,0,0.055);
        box-shadow: 0 7px 16px rgba(15, 23, 42, 0.06);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .step-icon-v12 svg {
        width: 27px;
        height: 27px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2.25;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .icon-balance-v12 { color: #FF8A35; }
    .icon-shop-v12 { color: var(--apple-blue); }
    .icon-coupon-v12 { color: #F5A400; }
    .icon-record-v12 { color: #56C36F; }
    .icon-verify-v12 { color: #31B57C; }
    .icon-cooperate-v12 { color: #2B83FF; }

    .step-name-v12 {
        font-size: 10.5px;
        line-height: 1.2;
        font-weight: 760;
        color: #1D1D1F !important;
        white-space: nowrap;
    }

    @media (max-width: 430px) {
        .card-guide-v12 {
            min-height: 242px;
            padding: 22px 20px 20px;
        }

        .guide-copy-v12 {
            width: 56%;
            max-width: 210px;
        }

        .card-guide-v12 .hero-title {
            font-size: 24px;
            line-height: 1.15;
            max-width: 190px;
        }

        .card-guide-v12 .hero-desc {
            font-size: 12.5px;
            line-height: 1.55;
            max-width: 198px;
        }

        .guide-art-v12 {
            right: 12px;
            top: 22px;
            width: 142px;
            height: 116px;
        }

        .guide-sheet-v12.sheet-back {
            width: 94px;
            height: 102px;
        }

        .guide-sheet-v12.sheet-front {
            width: 90px;
            height: 96px;
            right: 28px;
            top: 13px;
            padding: 24px 17px;
        }

        .guide-wallet-v12 {
            width: 42px;
            height: 36px;
            right: 2px;
            bottom: 0;
            border-radius: 14px;
        }

        .guide-ticket-v12 {
            width: 36px;
            height: 26px;
            left: 8px;
            bottom: 8px;
            border-radius: 10px;
        }

        .guide-steps-v12 {
            left: 14px;
            right: 14px;
            bottom: 15px;
            padding-top: 12px;
        }

        .guide-step-v12 {
            padding: 0 3px;
            gap: 4px;
        }

        .step-icon-v12 {
            width: 34px;
            height: 34px;
            border-radius: 12px;
        }

        .step-icon-v12 svg {
            width: 23px;
            height: 23px;
        }

        .step-name-v12 {
            font-size: 9.5px;
        }
    }


    /* guide-card-v13：首页第 2 张 新人怎么选精修版 */
    .card-guide-v13 {
        background: #FFFFFF !important;
        border-color: rgba(0, 122, 255, 0.12) !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055) !important;
        min-height: 242px;
        padding: 22px 20px 20px;
        display: block;
        overflow: hidden;
    }

    .guide-copy-v13 {
        position: relative;
        z-index: 3;
        width: 56%;
        max-width: 330px;
    }

    .card-guide-v13 .hero-kicker {
        color: var(--apple-blue) !important;
        font-size: 12px;
        font-weight: 780;
        margin-bottom: 10px;
    }

    .card-guide-v13 .hero-title {
        color: #1D1D1F !important;
        font-size: 26px;
        line-height: 1.14;
        font-weight: 820;
        letter-spacing: -0.76px;
        white-space: normal;
        max-width: 292px;
    }

    .card-guide-v13 .hero-desc {
        margin-top: 13px;
        font-size: 13px;
        line-height: 1.58;
        color: rgba(29, 29, 31, 0.72) !important;
        max-width: 320px;
    }

    .guide-art-v13 {
        position: absolute;
        right: 22px;
        top: 20px;
        width: 182px;
        height: 132px;
        z-index: 1;
        pointer-events: none;
    }

    .guide-paper-v13 {
        position: absolute;
        border-radius: 24px;
        border: 1px solid rgba(112, 142, 255, 0.16);
        box-shadow: 0 16px 30px rgba(75, 104, 190, 0.10);
    }

    .guide-paper-v13.paper-back {
        width: 106px;
        height: 120px;
        right: 4px;
        top: 0;
        transform: rotate(7deg);
        background: linear-gradient(180deg, rgba(244,247,255,0.86), rgba(235,241,255,0.62));
        opacity: 0.72;
    }

    .guide-paper-v13.paper-main {
        width: 112px;
        height: 122px;
        right: 40px;
        top: 12px;
        transform: rotate(-3deg);
        background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,246,255,0.92));
    }

    .guide-paper-v13.paper-main .check {
        position: absolute;
        left: 18px;
        width: 17px;
        height: 17px;
        border-radius: 999px;
        background: rgba(0, 122, 255, 0.16);
    }

    .guide-paper-v13.paper-main .check::after {
        content: '';
        position: absolute;
        left: 5px;
        top: 4px;
        width: 6px;
        height: 9px;
        border-right: 2px solid rgba(0, 122, 255, 0.76);
        border-bottom: 2px solid rgba(0, 122, 255, 0.76);
        transform: rotate(38deg);
    }

    .guide-paper-v13.paper-main .line {
        position: absolute;
        left: 42px;
        height: 7px;
        border-radius: 999px;
        background: rgba(0, 122, 255, 0.22);
    }

    .check-1 { top: 26px; }
    .check-2 { top: 54px; }
    .check-3 { top: 82px; }

    .line-1 { top: 31px; width: 48px; }
    .line-2 { top: 59px; width: 42px; }
    .line-3 { top: 87px; width: 54px; }

    .guide-wallet-v13 {
        position: absolute;
        left: 28px;
        bottom: 4px;
        width: 70px;
        height: 44px;
        border-radius: 17px;
        background: linear-gradient(180deg, rgba(165, 199, 255, 0.95), rgba(125, 170, 242, 0.88));
        box-shadow: 0 16px 26px rgba(90, 133, 220, 0.18);
        z-index: 3;
    }

    .guide-wallet-v13 i {
        position: absolute;
        right: 9px;
        bottom: 9px;
        width: 13px;
        height: 13px;
        border-radius: 999px;
        background: #FFD88A;
        box-shadow: 0 0 0 3px rgba(255,255,255,0.28);
    }

    .guide-ticket-v13 {
        position: absolute;
        right: 0;
        bottom: 24px;
        width: 42px;
        height: 30px;
        border-radius: 10px;
        background: linear-gradient(180deg, #FFF1C7, #FFD98A);
        box-shadow: 0 10px 18px rgba(255, 193, 7, 0.14);
        color: rgba(169, 105, 0, 0.64);
        font-size: 18px;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(-8deg);
        z-index: 2;
    }

    .guide-dot-v13 {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        opacity: 0.9;
    }

    .guide-dot-v13.dot-blue { background: #8FB7FF; left: 10px; top: 38px; }
    .guide-dot-v13.dot-green { background: #BEEBC8; right: 16px; bottom: 60px; }
    .guide-dot-v13.dot-orange { background: #F7C468; left: 72px; bottom: 0; }

    .guide-steps-v13 {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 16px;
        z-index: 3;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0;
        padding-top: 13px;
        border-top: 0.5px solid rgba(60,60,67,0.12);
    }

    .guide-step-v13 {
        min-width: 0;
        padding: 0 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 5px;
        border-right: 0.5px solid rgba(60,60,67,0.08);
    }

    .guide-step-v13:last-child {
        border-right: none;
    }

    .step-icon-v13 {
        width: 40px;
        height: 40px;
        border-radius: 14px;
        background: #FFFFFF;
        border: 1px solid rgba(0,0,0,0.055);
        box-shadow: 0 7px 16px rgba(15, 23, 42, 0.06);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .step-icon-v13 svg {
        width: 27px;
        height: 27px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .icon-balance-v13 { color: #FF8A35; }
    .icon-shop-v13 { color: var(--apple-blue); }
    .icon-coupon-v13 { color: #F5A400; }
    .icon-record-v13 { color: #56C36F; }
    .icon-verify-v13 { color: #31B57C; }
    .icon-cooperate-v13 { color: #2B83FF; }

    .step-name-v13 {
        font-size: 10.5px;
        line-height: 1.2;
        font-weight: 760;
        color: #1D1D1F !important;
        white-space: nowrap;
    }

    @media (max-width: 430px) {
        .card-guide-v13 {
            min-height: 242px;
            padding: 22px 20px 20px;
        }

        .guide-copy-v13 {
            width: 56%;
            max-width: 210px;
        }

        .card-guide-v13 .hero-title {
            font-size: 24px;
            line-height: 1.15;
            max-width: 190px;
        }

        .card-guide-v13 .hero-desc {
            font-size: 12.5px;
            line-height: 1.55;
            max-width: 198px;
        }

        .guide-art-v13 {
            right: 10px;
            top: 20px;
            width: 148px;
            height: 122px;
        }

        .guide-paper-v13.paper-back {
            width: 88px;
            height: 108px;
            right: 4px;
        }

        .guide-paper-v13.paper-main {
            width: 94px;
            height: 108px;
            right: 32px;
            top: 12px;
        }

        .guide-paper-v13.paper-main .check {
            left: 14px;
            width: 15px;
            height: 15px;
        }

        .guide-paper-v13.paper-main .line {
            left: 36px;
            height: 6px;
        }

        .line-1 { width: 42px; }
        .line-2 { width: 36px; }
        .line-3 { width: 46px; }

        .guide-wallet-v13 {
            left: 18px;
            bottom: 4px;
            width: 60px;
            height: 38px;
            border-radius: 15px;
        }

        .guide-ticket-v13 {
            right: 0;
            bottom: 24px;
            width: 36px;
            height: 26px;
            font-size: 15px;
        }

        .guide-steps-v13 {
            left: 14px;
            right: 14px;
            bottom: 15px;
            padding-top: 12px;
        }

        .guide-step-v13 {
            padding: 0 3px;
            gap: 4px;
        }

        .step-icon-v13 {
            width: 34px;
            height: 34px;
            border-radius: 12px;
        }

        .step-icon-v13 svg {
            width: 23px;
            height: 23px;
        }

        .step-name-v13 {
            font-size: 9.5px;
        }
    }


    /* hello-card-art-icon-fix：第二张卡右侧图形精修 + 指南针留白统一 */
    .card-guide-v13 .guide-art-v13 {
        right: 22px !important;
        top: 22px !important;
        width: 172px !important;
        height: 128px !important;
    }

    .card-guide-v13 .guide-paper-v13.paper-back {
        width: 100px !important;
        height: 112px !important;
        right: 2px !important;
        top: 0 !important;
        transform: rotate(6deg) !important;
        opacity: 0.58 !important;
        border-radius: 24px !important;
        background: linear-gradient(180deg, rgba(246, 248, 255, 0.78), rgba(235, 241, 255, 0.48)) !important;
        border-color: rgba(112, 142, 255, 0.13) !important;
        box-shadow: 0 14px 26px rgba(75, 104, 190, 0.06) !important;
    }

    .card-guide-v13 .guide-paper-v13.paper-main {
        width: 108px !important;
        height: 118px !important;
        right: 36px !important;
        top: 9px !important;
        transform: rotate(-2deg) !important;
        border-radius: 24px !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 255, 0.9)) !important;
        border-color: rgba(112, 142, 255, 0.16) !important;
        box-shadow: 0 18px 30px rgba(75, 104, 190, 0.10) !important;
    }

    .card-guide-v13 .guide-paper-v13.paper-main .check {
        left: 17px !important;
        width: 16px !important;
        height: 16px !important;
        background: rgba(0, 122, 255, 0.17) !important;
    }

    .card-guide-v13 .guide-paper-v13.paper-main .line {
        left: 41px !important;
        height: 7px !important;
        background: rgba(0, 122, 255, 0.22) !important;
    }

    .card-guide-v13 .check-1 { top: 27px !important; }
    .card-guide-v13 .check-2 { top: 55px !important; }
    .card-guide-v13 .check-3 { top: 83px !important; }

    .card-guide-v13 .line-1 { top: 31px !important; width: 48px !important; }
    .card-guide-v13 .line-2 { top: 59px !important; width: 40px !important; }
    .card-guide-v13 .line-3 { top: 87px !important; width: 50px !important; }

    .card-guide-v13 .guide-wallet-v13 {
        left: 24px !important;
        bottom: 8px !important;
        width: 66px !important;
        height: 42px !important;
        border-radius: 17px !important;
        background: linear-gradient(180deg, rgba(150, 192, 255, 0.96), rgba(116, 162, 239, 0.9)) !important;
        box-shadow: 0 16px 26px rgba(90, 133, 220, 0.18) !important;
        z-index: 4 !important;
    }

    .card-guide-v13 .guide-wallet-v13 i {
        right: 9px !important;
        bottom: 9px !important;
        width: 12px !important;
        height: 12px !important;
        background: #FFD88A !important;
    }

    .card-guide-v13 .guide-ticket-v13 {
        right: 0 !important;
        bottom: 32px !important;
        width: 39px !important;
        height: 28px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        transform: rotate(-8deg) !important;
        background: linear-gradient(180deg, #FFF0C2, #FFD47A) !important;
        box-shadow: 0 10px 18px rgba(255, 193, 7, 0.14) !important;
        z-index: 3 !important;
    }

    .card-guide-v13 .guide-dot-v13.dot-blue {
        left: 8px !important;
        top: 42px !important;
    }

    .card-guide-v13 .guide-dot-v13.dot-green {
        right: 16px !important;
        bottom: 62px !important;
    }

    .card-guide-v13 .guide-dot-v13.dot-orange {
        left: 72px !important;
        bottom: 4px !important;
    }

    .card-guide-v13 .icon-cooperate-v13 svg {
        width: 24px !important;
        height: 24px !important;
        stroke-width: 2.15 !important;
    }

    .card-guide-v13 .icon-cooperate-v13 {
        overflow: hidden !important;
    }

    .tab-item[onclick="openPage('cooperate')"] .tab-icon svg {
        width: 23px !important;
        height: 23px !important;
        stroke-width: 2.05 !important;
    }

    @media (max-width: 430px) {
        .card-guide-v13 .guide-art-v13 {
            right: 12px !important;
            top: 22px !important;
            width: 144px !important;
            height: 122px !important;
        }

        .card-guide-v13 .guide-paper-v13.paper-back {
            width: 88px !important;
            height: 104px !important;
            right: 2px !important;
        }

        .card-guide-v13 .guide-paper-v13.paper-main {
            width: 92px !important;
            height: 108px !important;
            right: 28px !important;
            top: 9px !important;
        }

        .card-guide-v13 .guide-wallet-v13 {
            left: 17px !important;
            bottom: 8px !important;
            width: 58px !important;
            height: 37px !important;
        }

        .card-guide-v13 .guide-ticket-v13 {
            right: 0 !important;
            bottom: 31px !important;
            width: 35px !important;
            height: 25px !important;
            font-size: 14px !important;
        }

        .card-guide-v13 .guide-paper-v13.paper-main .check {
            left: 14px !important;
            width: 14px !important;
            height: 14px !important;
        }

        .card-guide-v13 .guide-paper-v13.paper-main .line {
            left: 35px !important;
            height: 6px !important;
        }

        .card-guide-v13 .line-1 { width: 40px !important; }
        .card-guide-v13 .line-2 { width: 34px !important; }
        .card-guide-v13 .line-3 { width: 44px !important; }

        .card-guide-v13 .icon-cooperate-v13 svg {
            width: 22px !important;
            height: 22px !important;
        }
    }



/* ===== hello-guide-v11-fix-20260615 ===== */

/* 第二张卡整体 */


/* 右侧大图案区域 */
.card-guide-v11 .guide-art-v11{
    position:absolute !important;
    right:22px !important;
    top:30px !important;
    width:170px !important;
    height:132px !important;
    pointer-events:none !important;
}

/* 背后的浅色纸张 */
.card-guide-v11 .guide-paper-v11.paper-back{
    position:absolute !important;
    right:2px !important;
    top:2px !important;
    width:104px !important;
    height:120px !important;
    border-radius:24px !important;
    transform:rotate(6deg) !important;
    background:linear-gradient(180deg, rgba(245,247,255,.92), rgba(236,241,255,.76)) !important;
    border:1px solid rgba(120,140,220,.10) !important;
    box-shadow:0 12px 24px rgba(96,110,160,.06) !important;
    opacity:.72 !important;
}

/* 前面的主清单纸张 */
.card-guide-v11 .guide-paper-v11.paper-main{
    position:absolute !important;
    right:34px !important;
    top:10px !important;
    width:108px !important;
    height:120px !important;
    border-radius:24px !important;
    transform:rotate(-2deg) !important;
    background:linear-gradient(180deg,#ffffff 0%, #f7faff 100%) !important;
    border:1px solid rgba(112,142,255,.14) !important;
    box-shadow:0 16px 28px rgba(90,110,170,.10) !important;
}

/* 清单里的勾和横线 */
.card-guide-v11 .guide-paper-v11.paper-main .check{
    position:absolute !important;
    left:16px !important;
    width:15px !important;
    height:15px !important;
    border-radius:50% !important;
    background:rgba(73,145,255,.18) !important;
}
.card-guide-v11 .guide-paper-v11.paper-main .check:after{
    content:"" !important;
    position:absolute !important;
    left:4px !important;
    top:2px !important;
    width:5px !important;
    height:8px !important;
    border-right:2px solid #5aa1ff !important;
    border-bottom:2px solid #5aa1ff !important;
    transform:rotate(40deg) !important;
}
.card-guide-v11 .guide-paper-v11.paper-main .line{
    position:absolute !important;
    left:38px !important;
    height:7px !important;
    border-radius:999px !important;
    background:rgba(116,170,245,.28) !important;
}
.card-guide-v11 .check-1{top:27px !important;}
.card-guide-v11 .check-2{top:56px !important;}
.card-guide-v11 .check-3{top:85px !important;}
.card-guide-v11 .line-1{top:31px !important;width:47px !important;}
.card-guide-v11 .line-2{top:60px !important;width:40px !important;}
.card-guide-v11 .line-3{top:89px !important;width:52px !important;}

/* 左下角蓝色余额块 */
.card-guide-v11 .guide-wallet-v11{
    position:absolute !important;
    left:18px !important;
    bottom:8px !important;
    width:68px !important;
    height:42px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#92bfff 0%, #6fa2f1 100%) !important;
    box-shadow:0 14px 24px rgba(92,139,228,.18) !important;
}
.card-guide-v11 .guide-wallet-v11 i{
    position:absolute !important;
    right:9px !important;
    bottom:9px !important;
    width:14px !important;
    height:14px !important;
    border-radius:50% !important;
    background:#ffd56c !important;
    box-shadow:0 0 0 4px rgba(255,213,108,.18) !important;
}

/* 右侧黄色余额标签 */
.card-guide-v11 .guide-ticket-v11{
    position:absolute !important;
    right:-2px !important;
    bottom:34px !important;
    width:40px !important;
    height:30px !important;
    border-radius:11px !important;
    background:linear-gradient(180deg,#ffeeb7 0%, #ffd778 100%) !important;
    box-shadow:0 10px 18px rgba(255,196,70,.16) !important;
    color:#b37b18 !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:30px !important;
    text-align:center !important;
    transform:rotate(-8deg) !important;
}

/* 点缀 */
.card-guide-v11 .guide-dot-v11{
    position:absolute !important;
    border-radius:50% !important;
}
.card-guide-v11 .guide-dot-v11.dot-blue{
    left:0 !important;
    top:46px !important;
    width:9px !important;
    height:9px !important;
    background:#82aef8 !important;
}
.card-guide-v11 .guide-dot-v11.dot-green{
    right:8px !important;
    top:52px !important;
    width:8px !important;
    height:8px !important;
    background:#9edaa6 !important;
}
.card-guide-v11 .guide-dot-v11.dot-orange{
    left:74px !important;
    bottom:8px !important;
    width:9px !important;
    height:9px !important;
    background:#efc45b !important;
}

/* 第二张卡底部 6 个功能图标容器统一留白 */
.card-guide-v11 .step-icon-v11{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(15,23,42,.06) !important;
    box-shadow:0 6px 14px rgba(15,23,42,.04) !important;
}

/* 修“合作咨询”指南针图标 */
.card-guide-v11 .icon-cooperate-v11 svg{
    width:23px !important;
    height:23px !important;
    stroke:#3b82f6 !important;
    stroke-width:2 !important;
    fill:none !important;
    overflow:visible !important;
}
.card-guide-v11 .icon-cooperate-v11 svg circle{
    stroke:#3b82f6 !important;
    fill:none !important;
}
.card-guide-v11 .icon-cooperate-v11 svg path,
.card-guide-v11 .icon-cooperate-v11 svg polygon{
    stroke:#3b82f6 !important;
    fill:none !important;
    stroke-linejoin:round !important;
    stroke-linecap:round !important;
}

/* 手机上再收一点，避免挤 */
@media (max-width: 430px){
    .card-guide-v11 .guide-art-v11{
        right:14px !important;
        top:28px !important;
        width:150px !important;
        height:124px !important;
    }
    .card-guide-v11 .guide-paper-v11.paper-back{
        width:94px !important;
        height:112px !important;
    }
    .card-guide-v11 .guide-paper-v11.paper-main{
        right:28px !important;
        width:96px !important;
        height:112px !important;
    }
    .card-guide-v11 .guide-wallet-v11{
        width:60px !important;
        height:38px !important;
        left:16px !important;
    }
    .card-guide-v11 .guide-ticket-v11{
        width:36px !important;
        height:28px !important;
        line-height:28px !important;
        font-size:14px !important;
    }
}


    /* hello-guide-final：强制接管首页第二张 新人怎么选卡片，避免旧样式互相覆盖 */
    .hello-guide-final {
        position: relative !important;
        min-height: 252px !important;
        padding: 22px 20px 20px !important;
        background:
            radial-gradient(circle at 88% 18%, rgba(10, 122, 255, 0.10), transparent 34%),
            radial-gradient(circle at 78% 58%, rgba(52, 199, 89, 0.08), transparent 32%),
            #FFFFFF !important;
        border: 1px solid rgba(0, 122, 255, 0.11) !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
        overflow: hidden !important;
    }

    .hello-guide-final .guide-copy-v13 {
        position: relative !important;
        z-index: 5 !important;
        width: 57% !important;
        max-width: 336px !important;
    }

    .hello-guide-final .hero-kicker {
        color: #007AFF !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: -0.1px !important;
        margin-bottom: 9px !important;
    }

    .hello-guide-final .hero-title {
        color: #1D1D1F !important;
        font-size: 25px !important;
        line-height: 1.14 !important;
        font-weight: 830 !important;
        letter-spacing: -0.72px !important;
        max-width: 300px !important;
        white-space: normal !important;
    }

    .hello-guide-final .hero-desc {
        margin-top: 12px !important;
        max-width: 316px !important;
        color: rgba(29, 29, 31, 0.70) !important;
        font-size: 13px !important;
        line-height: 1.58 !important;
        letter-spacing: -0.08px !important;
    }

    .hello-guide-final .hello-guide-art-final {
        position: absolute !important;
        right: 22px !important;
        top: 22px !important;
        width: 172px !important;
        height: 128px !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }

    .hello-guide-final .hello-orbit-final {
        position: absolute !important;
        inset: 5px 3px 2px 10px !important;
        border-radius: 32px !important;
        background: linear-gradient(145deg, rgba(245, 248, 255, 0.92), rgba(236, 244, 255, 0.58)) !important;
        border: 1px solid rgba(0, 122, 255, 0.08) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.72) !important;
    }

    .hello-guide-final .hello-panel-final {
        position: absolute !important;
        right: 38px !important;
        top: 5px !important;
        width: 108px !important;
        height: 118px !important;
        border-radius: 25px !important;
        background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(244,248,255,0.94)) !important;
        border: 1px solid rgba(112, 142, 255, 0.16) !important;
        box-shadow: 0 18px 32px rgba(75,104,190,0.10) !important;
        transform: rotate(-2deg) !important;
    }

    .hello-guide-final .hello-row-final {
        position: absolute !important;
        left: 42px !important;
        height: 7px !important;
        border-radius: 999px !important;
        background: rgba(0, 122, 255, 0.20) !important;
    }

    .hello-guide-final .hello-row-final.row-1 { top: 30px !important; width: 46px !important; }
    .hello-guide-final .hello-row-final.row-2 { top: 58px !important; width: 38px !important; }
    .hello-guide-final .hello-row-final.row-3 { top: 86px !important; width: 48px !important; }

    .hello-guide-final .hello-check-final {
        position: absolute !important;
        left: 17px !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        background: rgba(52, 199, 89, 0.16) !important;
    }

    .hello-guide-final .hello-check-final::after {
        content: "" !important;
        position: absolute !important;
        left: 5px !important;
        top: 3px !important;
        width: 5px !important;
        height: 8px !important;
        border: solid #34C759 !important;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg) !important;
    }

    .hello-guide-final .hello-check-final.check-1 { top: 25px !important; }
    .hello-guide-final .hello-check-final.check-2 { top: 53px !important; }
    .hello-guide-final .hello-check-final.check-3 { top: 81px !important; }

    .hello-guide-final .hello-wallet-final {
        position: absolute !important;
        left: 20px !important;
        bottom: 7px !important;
        width: 66px !important;
        height: 42px !important;
        border-radius: 17px !important;
        background: linear-gradient(180deg, rgba(135, 187, 255, 0.96), rgba(96, 151, 238, 0.92)) !important;
        box-shadow: 0 16px 28px rgba(90, 133, 220, 0.18) !important;
        transform: rotate(2deg) !important;
        z-index: 4 !important;
    }

    .hello-guide-final .hello-wallet-final::before {
        content: "" !important;
        position: absolute !important;
        left: 9px !important;
        top: 11px !important;
        width: 31px !important;
        height: 6px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,0.42) !important;
    }

    .hello-guide-final .hello-wallet-final i {
        position: absolute !important;
        right: 9px !important;
        bottom: 9px !important;
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        background: #FFD88A !important;
    }

    .hello-guide-final .hello-ticket-final {
        position: absolute !important;
        right: 0 !important;
        bottom: 31px !important;
        width: 40px !important;
        height: 29px !important;
        border-radius: 11px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        color: #9A6400 !important;
        background: linear-gradient(180deg, #FFF0C2, #FFD47A) !important;
        box-shadow: 0 10px 18px rgba(255, 193, 7, 0.16) !important;
        transform: rotate(-8deg) !important;
        z-index: 5 !important;
    }

    .hello-guide-final .hello-dot-final {
        position: absolute !important;
        border-radius: 999px !important;
        z-index: 6 !important;
    }

    .hello-guide-final .hello-dot-final.dot-1 {
        left: 9px !important;
        top: 41px !important;
        width: 8px !important;
        height: 8px !important;
        background: #8FB7FF !important;
    }

    .hello-guide-final .hello-dot-final.dot-2 {
        right: 17px !important;
        bottom: 62px !important;
        width: 7px !important;
        height: 7px !important;
        background: #34C759 !important;
        opacity: 0.55 !important;
    }

    .hello-guide-final .hello-steps-final {
        position: absolute !important;
        left: 18px !important;
        right: 18px !important;
        bottom: 16px !important;
        z-index: 6 !important;
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 0 !important;
        padding-top: 13px !important;
        border-top: 0.5px solid rgba(60,60,67,0.12) !important;
    }

    .hello-guide-final .guide-step-v13 {
        min-width: 0 !important;
        padding: 0 5px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 5px !important;
        border-right: 0.5px solid rgba(60,60,67,0.08) !important;
        background: transparent !important;
    }

    .hello-guide-final .guide-step-v13:last-child {
        border-right: none !important;
    }

    .hello-guide-final .step-icon-v13 {
        width: 39px !important;
        height: 39px !important;
        border-radius: 14px !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(0,0,0,0.055) !important;
        box-shadow: 0 7px 15px rgba(15, 23, 42, 0.055) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .hello-guide-final .step-icon-v13 svg {
        width: 22px !important;
        height: 22px !important;
        fill: none !important;
        stroke: #007AFF !important;
        stroke-width: 2.1 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .hello-guide-final .step-name-v13 {
        display: block !important;
        color: rgba(29,29,31,0.72) !important;
        font-size: 10.5px !important;
        line-height: 1.1 !important;
        font-weight: 720 !important;
        white-space: nowrap !important;
    }

    @media (max-width: 430px) {
        .hello-guide-final {
            min-height: 276px !important;
            padding: 21px 18px 19px !important;
        }

        .hello-guide-final .guide-copy-v13 {
            width: 62% !important;
        }

        .hello-guide-final .hero-title {
            font-size: 22px !important;
            max-width: 230px !important;
        }

        .hello-guide-final .hero-desc {
            font-size: 12.5px !important;
            line-height: 1.55 !important;
            max-width: 220px !important;
        }

        .hello-guide-final .hello-guide-art-final {
            right: 12px !important;
            top: 25px !important;
            width: 142px !important;
            height: 112px !important;
            transform: scale(0.96) !important;
            transform-origin: top right !important;
        }

        .hello-guide-final .hello-panel-final {
            right: 28px !important;
            width: 96px !important;
            height: 106px !important;
        }

        .hello-guide-final .hello-wallet-final {
            left: 15px !important;
            bottom: 7px !important;
            width: 58px !important;
            height: 37px !important;
        }

        .hello-guide-final .hello-ticket-final {
            width: 36px !important;
            height: 26px !important;
            font-size: 12px !important;
        }

        .hello-guide-final .hello-steps-final {
            left: 14px !important;
            right: 14px !important;
            bottom: 15px !important;
        }

        .hello-guide-final .guide-step-v13 {
            padding: 0 3px !important;
        }

        .hello-guide-final .step-icon-v13 {
            width: 34px !important;
            height: 34px !important;
            border-radius: 12px !important;
        }

        .hello-guide-final .step-icon-v13 svg {
            width: 20px !important;
            height: 20px !important;
        }

        .hello-guide-final .step-name-v13 {
            font-size: 9.5px !important;
        }
    }


    /* hello-guide-polish-v2：第二张 新人怎么选卡片视觉细化
       目标：
       1. 底部小标识恢复原来的彩色识先，不再统一蓝色；
       2. 右侧大图形重做得更精致、轻、规整；
       3. 只覆盖 hello-guide-final，不影响首页其他卡片。 */

    .hello-guide-final {
        background:
            radial-gradient(circle at 86% 18%, rgba(10, 132, 255, 0.085), transparent 35%),
            radial-gradient(circle at 78% 55%, rgba(255, 204, 0, 0.055), transparent 30%),
            linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
        border-color: rgba(120, 144, 180, 0.13) !important;
        box-shadow:
            0 16px 38px rgba(15, 23, 42, 0.065),
            inset 0 1px 0 rgba(255,255,255,0.82) !important;
    }

    .hello-guide-final .hello-guide-art-final {
        right: 23px !important;
        top: 22px !important;
        width: 176px !important;
        height: 132px !important;
        filter: drop-shadow(0 18px 28px rgba(88, 120, 190, 0.10)) !important;
    }

    .hello-guide-final .hello-orbit-final {
        inset: 7px 0 0 14px !important;
        border-radius: 34px !important;
        background:
            radial-gradient(circle at 72% 28%, rgba(255,255,255,0.96), transparent 33%),
            linear-gradient(145deg, rgba(248, 251, 255, 0.94), rgba(236, 244, 255, 0.50)) !important;
        border: 1px solid rgba(147, 170, 214, 0.16) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.92),
            0 12px 22px rgba(72, 103, 170, 0.055) !important;
    }

    .hello-guide-final .hello-orbit-final::before {
        content: "" !important;
        position: absolute !important;
        right: 16px !important;
        top: -8px !important;
        width: 70px !important;
        height: 70px !important;
        border-radius: 24px !important;
        border: 1px solid rgba(0, 122, 255, 0.075) !important;
        background: rgba(255,255,255,0.30) !important;
        transform: rotate(7deg) !important;
    }

    .hello-guide-final .hello-panel-final {
        right: 40px !important;
        top: 7px !important;
        width: 104px !important;
        height: 112px !important;
        border-radius: 27px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.91)) !important;
        border: 1px solid rgba(112, 142, 255, 0.14) !important;
        box-shadow:
            0 18px 34px rgba(74, 105, 183, 0.105),
            inset 0 1px 0 rgba(255,255,255,0.92) !important;
        transform: rotate(-2.2deg) !important;
    }

    .hello-guide-final .hello-panel-final::before {
        content: "" !important;
        position: absolute !important;
        left: 17px !important;
        top: 14px !important;
        width: 24px !important;
        height: 4px !important;
        border-radius: 999px !important;
        background: rgba(0, 122, 255, 0.12) !important;
    }

    .hello-guide-final .hello-row-final {
        left: 45px !important;
        height: 6px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, rgba(0,122,255,0.28), rgba(0,122,255,0.11)) !important;
    }

    .hello-guide-final .hello-row-final.row-1 { top: 33px !important; width: 45px !important; }
    .hello-guide-final .hello-row-final.row-2 { top: 59px !important; width: 36px !important; }
    .hello-guide-final .hello-row-final.row-3 { top: 85px !important; width: 44px !important; }

    .hello-guide-final .hello-check-final {
        left: 19px !important;
        width: 17px !important;
        height: 17px !important;
        background: linear-gradient(180deg, rgba(52,199,89,0.18), rgba(52,199,89,0.10)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.90) !important;
    }

    .hello-guide-final .hello-check-final.check-1 { top: 28px !important; }
    .hello-guide-final .hello-check-final.check-2 { top: 54px !important; }
    .hello-guide-final .hello-check-final.check-3 { top: 80px !important; }

    .hello-guide-final .hello-wallet-final {
        left: 18px !important;
        bottom: 8px !important;
        width: 68px !important;
        height: 43px !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 72% 64%, rgba(255,216,138,0.86) 0 10%, transparent 11%),
            linear-gradient(180deg, #90BEFF 0%, #5F99F2 100%) !important;
        border: 1px solid rgba(255,255,255,0.48) !important;
        box-shadow:
            0 15px 28px rgba(76, 125, 222, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.48) !important;
        transform: rotate(2.5deg) !important;
    }

    .hello-guide-final .hello-wallet-final::before {
        left: 10px !important;
        top: 12px !important;
        width: 30px !important;
        height: 5px !important;
        background: rgba(255,255,255,0.44) !important;
    }

    .hello-guide-final .hello-wallet-final::after {
        content: "" !important;
        position: absolute !important;
        left: 10px !important;
        top: 23px !important;
        width: 21px !important;
        height: 5px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,0.22) !important;
    }

    .hello-guide-final .hello-wallet-final i {
        right: 10px !important;
        bottom: 10px !important;
        width: 11px !important;
        height: 11px !important;
        background: #FFD36A !important;
        box-shadow: 0 0 0 5px rgba(255,211,106,0.22) !important;
    }

    .hello-guide-final .hello-ticket-final {
        right: -1px !important;
        bottom: 34px !important;
        width: 42px !important;
        height: 31px !important;
        border-radius: 12px !important;
        color: #946100 !important;
        background:
            radial-gradient(circle at 0 50%, #FBFCFF 0 4px, transparent 4.5px),
            radial-gradient(circle at 100% 50%, #FBFCFF 0 4px, transparent 4.5px),
            linear-gradient(180deg, #FFF2C7 0%, #FFD168 100%) !important;
        border: 1px solid rgba(255, 193, 7, 0.20) !important;
        box-shadow:
            0 12px 22px rgba(255, 193, 7, 0.16),
            inset 0 1px 0 rgba(255,255,255,0.60) !important;
        transform: rotate(-7deg) !important;
    }

    .hello-guide-final .hello-dot-final.dot-1 {
        left: 7px !important;
        top: 43px !important;
        width: 8px !important;
        height: 8px !important;
        background: #75A9FF !important;
    }

    .hello-guide-final .hello-dot-final.dot-2 {
        right: 18px !important;
        bottom: 66px !important;
        width: 8px !important;
        height: 8px !important;
        background: #62D97B !important;
        opacity: 0.75 !important;
    }

    .hello-guide-final .step-icon-v13 {
        background: #FFFFFF !important;
        border: 1px solid rgba(30, 40, 60, 0.065) !important;
        box-shadow:
            0 8px 18px rgba(15, 23, 42, 0.065),
            inset 0 1px 0 rgba(255,255,255,0.92) !important;
    }

    .hello-guide-final .step-icon-v13 svg {
        stroke-width: 2.15 !important;
    }

    .hello-guide-final .icon-shop-v13 svg { stroke: #007AFF !important; }
    .hello-guide-final .icon-balance-v13 svg { stroke: #FF9500 !important; }
    .hello-guide-final .icon-coupon-v13 svg { stroke: #D8A100 !important; }
    .hello-guide-final .icon-record-v13 svg { stroke: #34A853 !important; }
    .hello-guide-final .icon-verify-v13 svg { stroke: #19A974 !important; }
    .hello-guide-final .icon-cooperate-v13 svg { stroke: #0A84FF !important; }

    .hello-guide-final .icon-shop-v13 { background: linear-gradient(180deg, #FFFFFF, #F4F9FF) !important; }
    .hello-guide-final .icon-balance-v13 { background: linear-gradient(180deg, #FFFFFF, #FFF7ED) !important; }
    .hello-guide-final .icon-coupon-v13 { background: linear-gradient(180deg, #FFFFFF, #FFF9E8) !important; }
    .hello-guide-final .icon-record-v13 { background: linear-gradient(180deg, #FFFFFF, #F1FBF4) !important; }
    .hello-guide-final .icon-verify-v13 { background: linear-gradient(180deg, #FFFFFF, #F0FBF7) !important; }
    .hello-guide-final .icon-cooperate-v13 { background: linear-gradient(180deg, #FFFFFF, #F4FAFF) !important; }

    @media (max-width: 430px) {
        .hello-guide-final .hello-guide-art-final {
            right: 13px !important;
            top: 26px !important;
            width: 144px !important;
            height: 112px !important;
            transform: scale(0.98) !important;
            transform-origin: top right !important;
        }

        .hello-guide-final .hello-panel-final {
            right: 27px !important;
            top: 5px !important;
            width: 96px !important;
            height: 105px !important;
            border-radius: 25px !important;
        }

        .hello-guide-final .hello-panel-final::before {
            left: 16px !important;
            top: 13px !important;
            width: 22px !important;
        }

        .hello-guide-final .hello-row-final {
            left: 42px !important;
            height: 6px !important;
        }

        .hello-guide-final .hello-row-final.row-1 { top: 31px !important; width: 40px !important; }
        .hello-guide-final .hello-row-final.row-2 { top: 56px !important; width: 32px !important; }
        .hello-guide-final .hello-row-final.row-3 { top: 80px !important; width: 39px !important; }

        .hello-guide-final .hello-check-final {
            left: 17px !important;
            width: 16px !important;
            height: 16px !important;
        }

        .hello-guide-final .hello-check-final.check-1 { top: 26px !important; }
        .hello-guide-final .hello-check-final.check-2 { top: 51px !important; }
        .hello-guide-final .hello-check-final.check-3 { top: 75px !important; }

        .hello-guide-final .hello-wallet-final {
            left: 13px !important;
            bottom: 8px !important;
            width: 59px !important;
            height: 38px !important;
            border-radius: 16px !important;
        }

        .hello-guide-final .hello-ticket-final {
            right: -2px !important;
            bottom: 32px !important;
            width: 36px !important;
            height: 27px !important;
            border-radius: 10px !important;
        }
    }


    /* cs-icon-clean-v2：只修复首页第二张卡片里的客服小标识 */
    .hello-guide-final .icon-cooperate-v13 .cs-icon-clean-v2 {
        width: 22px !important;
        height: 22px !important;
        display: block !important;
        fill: none !important;
        stroke: #0A84FF !important;
        stroke-width: 2.15 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        overflow: visible !important;
    }

    .hello-guide-final .icon-cooperate-v13 {
        background: linear-gradient(180deg, #FFFFFF, #F4FAFF) !important;
    }


    /* shop-guide-final：首页第三张「按情况选」卡片，只改这一张 */
    .shop-guide-final {
        position: relative !important;
        min-height: 252px !important;
        padding: 22px 20px 18px !important;
        background:
            radial-gradient(circle at 84% 19%, rgba(10, 132, 255, 0.09), transparent 34%),
            radial-gradient(circle at 81% 58%, rgba(52, 199, 89, 0.07), transparent 30%),
            linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
        border: 1px solid rgba(0, 122, 255, 0.12) !important;
        box-shadow:
            0 16px 38px rgba(15, 23, 42, 0.064),
            inset 0 1px 0 rgba(255,255,255,0.88) !important;
        overflow: hidden !important;
    }

    .shop-guide-final .shop-guide-copy-final {
        position: relative !important;
        z-index: 5 !important;
        width: 58% !important;
        max-width: 330px !important;
    }

    .shop-guide-final .hero-kicker {
        color: #007AFF !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 820 !important;
        margin-bottom: 9px !important;
    }

    .shop-guide-final .hero-title {
        color: #1D1D1F !important;
        font-size: 25px !important;
        line-height: 1.14 !important;
        font-weight: 850 !important;
        letter-spacing: -0.76px !important;
        white-space: normal !important;
        max-width: 300px !important;
    }

    .shop-guide-final .hero-desc {
        margin-top: 12px !important;
        max-width: 315px !important;
        color: rgba(29, 29, 31, 0.70) !important;
        font-size: 13px !important;
        line-height: 1.58 !important;
        letter-spacing: -0.08px !important;
    }

    .shop-guide-final .shop-guide-art-final {
        position: absolute !important;
        right: 20px !important;
        top: 23px !important;
        width: 178px !important;
        height: 132px !important;
        z-index: 2 !important;
        pointer-events: none !important;
        filter: drop-shadow(0 18px 28px rgba(88, 120, 190, 0.10)) !important;
    }

    .shop-guide-final .shop-work-card-final {
        position: absolute !important;
        right: 31px !important;
        top: 3px !important;
        width: 112px !important;
        height: 114px !important;
        border-radius: 27px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.98), rgba(243,248,255,0.93)) !important;
        border: 1px solid rgba(112, 142, 255, 0.15) !important;
        box-shadow:
            0 18px 34px rgba(74, 105, 183, 0.105),
            inset 0 1px 0 rgba(255,255,255,0.92) !important;
        transform: rotate(3deg) !important;
    }

    .shop-guide-final .shop-work-card-final::before {
        content: "" !important;
        position: absolute !important;
        left: 14px !important;
        right: 14px !important;
        top: 13px !important;
        height: 43px !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 36% 42%, rgba(255,255,255,0.94), transparent 0 10px, transparent 11px),
            linear-gradient(145deg, rgba(118, 170, 255, 0.44), rgba(211, 229, 255, 0.52)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
    }

    .shop-guide-final .shop-play-final {
        position: absolute !important;
        left: 49px !important;
        top: 25px !important;
        width: 0 !important;
        height: 0 !important;
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important;
        border-left: 12px solid rgba(255,255,255,0.96) !important;
        z-index: 3 !important;
        filter: drop-shadow(0 2px 3px rgba(0, 122, 255, 0.15)) !important;
    }

    .shop-guide-final .shop-play-small-final {
        position: absolute !important;
        left: 26px !important;
        top: 31px !important;
        width: 7px !important;
        height: 7px !important;
        border-radius: 50% !important;
        background: rgba(0, 122, 255, 0.46) !important;
        z-index: 3 !important;
    }

    .shop-guide-final .status-line {
        position: absolute !important;
        left: 31px !important;
        height: 6px !important;
        border-radius: 999px !important;
    }

    .shop-guide-final .status-line::before {
        content: "" !important;
        position: absolute !important;
        left: -15px !important;
        top: -1px !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
    }

    .shop-guide-final .status-blue {
        top: 68px !important;
        width: 54px !important;
        background: rgba(0, 122, 255, 0.16) !important;
    }

    .shop-guide-final .status-blue::before {
        background: #5DA7FF !important;
    }

    .shop-guide-final .status-green {
        top: 84px !important;
        width: 43px !important;
        background: rgba(52, 199, 89, 0.15) !important;
    }

    .shop-guide-final .status-green::before {
        background: #58D774 !important;
    }

    .shop-guide-final .status-orange {
        top: 100px !important;
        width: 34px !important;
        background: rgba(255, 149, 0, 0.16) !important;
    }

    .shop-guide-final .status-orange::before {
        background: #FFB340 !important;
    }

    .shop-guide-final .shop-route-final {
        position: absolute !important;
        right: 2px !important;
        top: 45px !important;
        width: 62px !important;
        height: 54px !important;
        border: 1.8px dashed rgba(0, 122, 255, 0.22) !important;
        border-left-color: transparent !important;
        border-bottom-color: transparent !important;
        border-radius: 50% !important;
        transform: rotate(18deg) !important;
    }

    .shop-guide-final .shop-arrow-final {
        position: absolute !important;
        right: 2px !important;
        bottom: 9px !important;
        width: 62px !important;
        height: 42px !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #83B8FF 0%, #4F8FF2 100%) !important;
        border: 1px solid rgba(255,255,255,0.55) !important;
        box-shadow:
            0 14px 26px rgba(67, 121, 225, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.42) !important;
        transform: rotate(-3deg) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 4 !important;
    }

    .shop-guide-final .shop-arrow-final svg {
        width: 25px !important;
        height: 25px !important;
        fill: none !important;
        stroke: #FFFFFF !important;
        stroke-width: 3 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .shop-guide-final .shop-dot-final {
        position: absolute !important;
        border-radius: 50% !important;
        z-index: 5 !important;
    }

    .shop-guide-final .shop-dot-final.dot-blue {
        left: 4px !important;
        top: 46px !important;
        width: 8px !important;
        height: 8px !important;
        background: #75A9FF !important;
    }

    .shop-guide-final .shop-dot-final.dot-green {
        right: 18px !important;
        top: 28px !important;
        width: 8px !important;
        height: 8px !important;
        background: #62D97B !important;
        opacity: 0.72 !important;
    }

    .shop-guide-final .shop-dot-final.dot-orange {
        right: 68px !important;
        bottom: 9px !important;
        width: 8px !important;
        height: 8px !important;
        background: #FFD36A !important;
    }

    .shop-guide-final .shop-guide-steps-final {
        position: absolute !important;
        left: 18px !important;
        right: 18px !important;
        bottom: 15px !important;
        z-index: 6 !important;
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 0 !important;
        padding-top: 13px !important;
        border-top: 0.5px solid rgba(60,60,67,0.12) !important;
    }

    .shop-guide-final .shop-guide-step-final {
        min-width: 0 !important;
        padding: 0 6px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 6px !important;
        border-right: 0.5px solid rgba(60,60,67,0.08) !important;
        background: transparent !important;
    }

    .shop-guide-final .shop-guide-step-final:last-child {
        border-right: none !important;
    }

    .shop-guide-final .shop-step-icon-final {
        width: 39px !important;
        height: 39px !important;
        border-radius: 14px !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(30, 40, 60, 0.065) !important;
        box-shadow:
            0 8px 18px rgba(15, 23, 42, 0.062),
            inset 0 1px 0 rgba(255,255,255,0.92) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .shop-guide-final .shop-step-icon-final svg {
        width: 22px !important;
        height: 22px !important;
        fill: none !important;
        stroke-width: 2.15 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .shop-guide-final .shop-guide-step-final span:last-child {
        color: rgba(29,29,31,0.74) !important;
        font-size: 10.5px !important;
        line-height: 1.1 !important;
        font-weight: 740 !important;
        white-space: nowrap !important;
    }

    .shop-guide-final .icon-status-final {
        background: linear-gradient(180deg, #FFFFFF, #F4F9FF) !important;
    }

    .shop-guide-final .icon-status-final svg {
        stroke: #007AFF !important;
    }

    .shop-guide-final .icon-combo-final {
        background: linear-gradient(180deg, #FFFFFF, #F2FBF5) !important;
    }

    .shop-guide-final .icon-combo-final svg {
        stroke: #34C759 !important;
    }

    .shop-guide-final .icon-single-final {
        background: linear-gradient(180deg, #FFFFFF, #FFF7ED) !important;
    }

    .shop-guide-final .icon-single-final svg {
        stroke: #FF9500 !important;
    }

    .shop-guide-final .icon-go-final {
        background: linear-gradient(180deg, #FFFFFF, #F4FAFF) !important;
    }

    .shop-guide-final .icon-go-final svg {
        stroke: #0A84FF !important;
    }

    @media (max-width: 430px) {
        .shop-guide-final {
            min-height: 276px !important;
            padding: 21px 18px 18px !important;
        }

        .shop-guide-final .shop-guide-copy-final {
            width: 61% !important;
        }

        .shop-guide-final .hero-title {
            font-size: 22px !important;
            max-width: 225px !important;
        }

        .shop-guide-final .hero-desc {
            font-size: 12.5px !important;
            line-height: 1.55 !important;
            max-width: 223px !important;
        }

        .shop-guide-final .shop-guide-art-final {
            right: 10px !important;
            top: 27px !important;
            width: 145px !important;
            height: 112px !important;
            transform: scale(0.98) !important;
            transform-origin: top right !important;
        }

        .shop-guide-final .shop-work-card-final {
            right: 25px !important;
            width: 96px !important;
            height: 104px !important;
            border-radius: 24px !important;
        }

        .shop-guide-final .shop-work-card-final::before {
            left: 12px !important;
            right: 12px !important;
            top: 12px !important;
            height: 38px !important;
            border-radius: 16px !important;
        }

        .shop-guide-final .shop-play-final {
            left: 43px !important;
            top: 23px !important;
            border-top-width: 7px !important;
            border-bottom-width: 7px !important;
            border-left-width: 11px !important;
        }

        .shop-guide-final .status-line {
            left: 29px !important;
            height: 5.5px !important;
        }

        .shop-guide-final .status-blue { top: 62px !important; width: 47px !important; }
        .shop-guide-final .status-green { top: 78px !important; width: 38px !important; }
        .shop-guide-final .status-orange { top: 94px !important; width: 31px !important; }

        .shop-guide-final .shop-arrow-final {
            right: 0 !important;
            bottom: 8px !important;
            width: 53px !important;
            height: 37px !important;
            border-radius: 16px !important;
        }

        .shop-guide-final .shop-guide-steps-final {
            left: 14px !important;
            right: 14px !important;
            bottom: 15px !important;
        }

        .shop-guide-final .shop-guide-step-final {
            padding: 0 4px !important;
        }

        .shop-guide-final .shop-step-icon-final {
            width: 35px !important;
            height: 35px !important;
            border-radius: 13px !important;
        }

        .shop-guide-final .shop-step-icon-final svg {
            width: 20px !important;
            height: 20px !important;
        }

        .shop-guide-final .shop-guide-step-final span:last-child {
            font-size: 9.8px !important;
        }
    }


    /* home-cooperate-final：首页第四张合作页引导卡片 */
    .home-cooperate-final {
        position: relative !important;
        min-height: 274px !important;
        padding: 22px 20px 20px !important;
        background:
            radial-gradient(circle at 82% 18%, rgba(10, 122, 255, 0.08), transparent 34%),
            linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
        border: 1px solid rgba(0, 122, 255, 0.11) !important;
        box-shadow:
            0 16px 38px rgba(15, 23, 42, 0.064),
            inset 0 1px 0 rgba(255,255,255,0.90) !important;
        overflow: hidden !important;
    }

    .home-cooperate-final .cooperate-copy-final {
        position: relative !important;
        z-index: 5 !important;
        width: 56% !important;
        max-width: 330px !important;
    }

    .home-cooperate-final .hero-kicker {
        color: #007AFF !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 820 !important;
        margin-bottom: 10px !important;
    }

    .home-cooperate-final .hero-title {
        color: #1D1D1F !important;
        font-size: 24px !important;
        line-height: 1.2 !important;
        font-weight: 850 !important;
        letter-spacing: -0.72px !important;
        max-width: 300px !important;
        white-space: normal !important;
    }

    .home-cooperate-final .hero-desc {
        margin-top: 12px !important;
        max-width: 316px !important;
        color: rgba(29, 29, 31, 0.70) !important;
        font-size: 13px !important;
        line-height: 1.62 !important;
        letter-spacing: -0.08px !important;
    }

    .home-cooperate-final .cooperate-actions-final {
        margin-top: 16px !important;
        display: flex !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .home-cooperate-final .cooperate-primary-btn-final,
    .home-cooperate-final .cooperate-secondary-btn-final {
        appearance: none !important;
        border: none !important;
        outline: none !important;
        border-radius: 16px !important;
        padding: 0 18px !important;
        height: 42px !important;
        font-size: 15px !important;
        font-weight: 780 !important;
        letter-spacing: -0.2px !important;
    }

    .home-cooperate-final .cooperate-primary-btn-final {
        color: #FFFFFF !important;
        background: linear-gradient(180deg, #1F8BFF 0%, #0A74F7 100%) !important;
        box-shadow: 0 12px 24px rgba(10, 122, 255, 0.22) !important;
    }

    .home-cooperate-final .cooperate-secondary-btn-final {
        color: #1D1D1F !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(60, 60, 67, 0.12) !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05) !important;
    }

    .home-cooperate-final .cooperate-art-final {
        position: absolute !important;
        right: 22px !important;
        top: 30px !important;
        width: 160px !important;
        height: 140px !important;
        z-index: 3 !important;
        pointer-events: none !important;
    }

    .home-cooperate-final .cooperate-badge-final {
        position: absolute !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow:
            0 14px 28px rgba(15, 23, 42, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.72) !important;
    }

    .home-cooperate-final .badge-openai-final {
        left: 16px !important;
        top: 0 !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: #0D0D0D !important;
    }

    .home-cooperate-final .badge-openai-final .badge-core-final {
        color: #FFFFFF !important;
        font-style: normal !important;
        font-size: 17px !important;
        line-height: 1 !important;
        transform: rotate(18deg) !important;
    }

    .home-cooperate-final .badge-gemini-final {
        right: 12px !important;
        top: 12px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,0.96) !important;
        border: 1px solid rgba(121, 140, 170, 0.12) !important;
    }

    .home-cooperate-final .gemini-star-final {
        position: relative !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        background: conic-gradient(from 180deg, #4F8FF2, #49D1FF, #FFD15C, #FF7BCE, #4F8FF2) !important;
        clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%) !important;
        border-radius: 2px !important;
    }

    .home-cooperate-final .badge-burst-final {
        left: 50px !important;
        top: 48px !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: #101010 !important;
    }

    .home-cooperate-final .burst-core-final {
        position: relative !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
    }

    .home-cooperate-final .burst-core-final::before,
    .home-cooperate-final .burst-core-final::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: 50% !important;
        background:
            radial-gradient(circle, rgba(255,153,64,1) 0 2px, transparent 2.5px),
            conic-gradient(from 0deg, transparent 0 10deg, rgba(255,128,24,0.98) 10deg 22deg, transparent 22deg 45deg, rgba(255,166,77,0.92) 45deg 57deg, transparent 57deg 80deg, rgba(255,128,24,0.98) 80deg 92deg, transparent 92deg 115deg, rgba(255,166,77,0.92) 115deg 127deg, transparent 127deg 150deg, rgba(255,128,24,0.98) 150deg 162deg, transparent 162deg 185deg, rgba(255,166,77,0.92) 185deg 197deg, transparent 197deg 220deg, rgba(255,128,24,0.98) 220deg 232deg, transparent 232deg 255deg, rgba(255,166,77,0.92) 255deg 267deg, transparent 267deg 290deg, rgba(255,128,24,0.98) 290deg 302deg, transparent 302deg 325deg, rgba(255,166,77,0.92) 325deg 337deg, transparent 337deg 360deg) !important;
        mask: radial-gradient(circle, transparent 0 5px, #000 5px) !important;
    }

    .home-cooperate-final .badge-red-final {
        left: 6px !important;
        bottom: 16px !important;
        width: 52px !important;
        height: 34px !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, #FF435A 0%, #F42149 100%) !important;
        color: #FFFFFF !important;
        font-size: 10px !important;
        font-weight: 760 !important;
        letter-spacing: -0.1px !important;
    }

    .home-cooperate-final .badge-orange-final {
        right: 0 !important;
        bottom: 42px !important;
        width: 48px !important;
        height: 48px !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, #FF9A22 0%, #FF7C00 100%) !important;
    }

    .home-cooperate-final .badge-orange-final .bubble-left-final,
    .home-cooperate-final .badge-orange-final .bubble-right-final {
        position: absolute !important;
        background: rgba(255,255,255,0.96) !important;
        border-radius: 10px !important;
    }

    .home-cooperate-final .badge-orange-final .bubble-left-final {
        width: 13px !important;
        height: 10px !important;
        left: 12px !important;
        top: 15px !important;
    }

    .home-cooperate-final .badge-orange-final .bubble-left-final::after {
        content: "" !important;
        position: absolute !important;
        left: 1px !important;
        bottom: -4px !important;
        width: 6px !important;
        height: 6px !important;
        background: rgba(255,255,255,0.96) !important;
        clip-path: polygon(0 0, 100% 0, 0 100%) !important;
    }

    .home-cooperate-final .badge-orange-final .bubble-right-final {
        width: 13px !important;
        height: 10px !important;
        right: 12px !important;
        top: 20px !important;
    }

    .home-cooperate-final .badge-orange-final .bubble-right-final::after {
        content: "" !important;
        position: absolute !important;
        right: 1px !important;
        bottom: -4px !important;
        width: 6px !important;
        height: 6px !important;
        background: rgba(255,255,255,0.96) !important;
        clip-path: polygon(100% 0, 100% 100%, 0 0) !important;
    }

    .home-cooperate-final .badge-v-final {
        right: 18px !important;
        bottom: 0 !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 14px !important;
        background: rgba(255,255,255,0.98) !important;
        border: 1px solid rgba(121, 140, 170, 0.12) !important;
    }

    .home-cooperate-final .v-mark-final {
        position: relative !important;
        display: block !important;
        width: 18px !important;
        height: 12px !important;
    }

    .home-cooperate-final .v-mark-final::before,
    .home-cooperate-final .v-mark-final::after {
        content: "" !important;
        position: absolute !important;
        width: 12px !important;
        height: 2.4px !important;
        top: 5px !important;
        background: #F5A34B !important;
        border-radius: 999px !important;
        transform-origin: center !important;
    }

    .home-cooperate-final .v-mark-final::before {
        left: 0 !important;
        transform: rotate(32deg) !important;
    }

    .home-cooperate-final .v-mark-final::after {
        right: 0 !important;
        transform: rotate(-32deg) !important;
    }

    .home-cooperate-final .cooperate-dot-final {
        position: absolute !important;
        border-radius: 50% !important;
    }

    .home-cooperate-final .dot-blue-final {
        left: 2px !important;
        top: 40px !important;
        width: 8px !important;
        height: 8px !important;
        background: #7EB3FF !important;
    }

    .home-cooperate-final .dot-green-final {
        right: 22px !important;
        top: 0 !important;
        width: 8px !important;
        height: 8px !important;
        background: #7BD88F !important;
    }

    .home-cooperate-final .dot-pink-final {
        right: 36px !important;
        bottom: 22px !important;
        width: 8px !important;
        height: 8px !important;
        background: #FFB3CE !important;
    }

    .home-cooperate-final .dot-sky-final {
        right: 0 !important;
        bottom: 36px !important;
        width: 8px !important;
        height: 8px !important;
        background: #9DCDFF !important;
    }

    .home-cooperate-final .cooperate-notes-final {
        position: absolute !important;
        left: 20px !important;
        right: 20px !important;
        bottom: 16px !important;
        z-index: 6 !important;
        padding-top: 12px !important;
        border-top: 0.5px solid rgba(60, 60, 67, 0.12) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .home-cooperate-final .cooperate-note-item-final {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        color: rgba(92, 92, 101, 0.92) !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        letter-spacing: -0.06px !important;
    }

    .home-cooperate-final .note-dot-final {
        width: 7px !important;
        height: 7px !important;
        margin-top: 5px !important;
        border-radius: 50% !important;
        flex: 0 0 auto !important;
        background: #1F8BFF !important;
    }

    @media (max-width: 430px) {
        .home-cooperate-final {
            min-height: 300px !important;
            padding: 21px 18px 18px !important;
        }

        .home-cooperate-final .cooperate-copy-final {
            width: 58% !important;
            max-width: 218px !important;
        }

        .home-cooperate-final .hero-title {
            font-size: 22px !important;
            max-width: 214px !important;
        }

        .home-cooperate-final .hero-desc {
            font-size: 12.5px !important;
            line-height: 1.58 !important;
            max-width: 214px !important;
        }

        .home-cooperate-final .cooperate-actions-final {
            margin-top: 14px !important;
            gap: 8px !important;
        }

        .home-cooperate-final .cooperate-primary-btn-final,
        .home-cooperate-final .cooperate-secondary-btn-final {
            height: 40px !important;
            padding: 0 16px !important;
            border-radius: 15px !important;
            font-size: 14px !important;
        }

        .home-cooperate-final .cooperate-art-final {
            right: 12px !important;
            top: 44px !important;
            width: 138px !important;
            height: 132px !important;
        }

        .home-cooperate-final .badge-openai-final {
            width: 40px !important;
            height: 40px !important;
            left: 8px !important;
        }

        .home-cooperate-final .badge-gemini-final {
            width: 36px !important;
            height: 36px !important;
            right: 8px !important;
            top: 16px !important;
        }

        .home-cooperate-final .badge-burst-final {
            width: 40px !important;
            height: 40px !important;
            left: 42px !important;
            top: 50px !important;
        }

        .home-cooperate-final .badge-red-final {
            width: 48px !important;
            height: 32px !important;
            left: 2px !important;
            bottom: 18px !important;
            font-size: 9.5px !important;
        }

        .home-cooperate-final .badge-orange-final {
            width: 44px !important;
            height: 44px !important;
            right: 0 !important;
            bottom: 42px !important;
        }

        .home-cooperate-final .badge-v-final {
            width: 40px !important;
            height: 40px !important;
            right: 14px !important;
            bottom: 0 !important;
        }

        .home-cooperate-final .cooperate-notes-final {
            left: 18px !important;
            right: 18px !important;
            bottom: 15px !important;
            gap: 8px !important;
        }

        .home-cooperate-final .cooperate-note-item-final {
            font-size: 11.5px !important;
            line-height: 1.42 !important;
            gap: 8px !important;
        }

        .home-cooperate-final .note-dot-final {
            width: 6px !important;
            height: 6px !important;
            margin-top: 5px !important;
        }
    }


    /* home-cooperate-real-card：按合作页 v10 首页 Hero 原卡片风格同步到首页第四张 */
    .home-cooperate-real-card {
        position: relative !important;
        min-height: 292px !important;
        padding: 20px 18px 18px !important;
        background: rgba(255,255,255,0.92) !important;
        border: 1px solid rgba(60,60,67,0.10) !important;
        border-radius: 24px !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.022) !important;
        overflow: hidden !important;
    }

    .home-cooperate-real-card .home-cooperate-content {
        position: relative !important;
        z-index: 2 !important;
        max-width: 100% !important;
    }

    .home-cooperate-real-card .hero-kicker {
        font-size: 13px !important;
        color: #007AFF !important;
        font-weight: 760 !important;
        margin-bottom: 10px !important;
        line-height: 1.25 !important;
    }

    .home-cooperate-real-card .hero-title {
        font-size: 22px !important;
        line-height: 1.16 !important;
        font-weight: 820 !important;
        letter-spacing: -0.62px !important;
        margin-bottom: 12px !important;
        color: #1D1D1F !important;
        white-space: normal !important;
        max-width: 62% !important;
    }

    .home-cooperate-real-card .hero-desc {
        font-size: 13px !important;
        color: #7C7C82 !important;
        line-height: 1.52 !important;
        font-weight: 560 !important;
        max-width: 61% !important;
        margin-top: 0 !important;
    }

    .home-cooperate-real-card .home-cooperate-actions {
        display: flex !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
        margin-top: 18px !important;
        position: relative !important;
        z-index: 8 !important;
    }

    .home-cooperate-real-card .primary-btn,
    .home-cooperate-real-card .ghost-btn {
        min-height: 40px !important;
        border-radius: 14px !important;
        padding: 0 15px !important;
        font-size: 13px !important;
        font-weight: 740 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        border: none !important;
        appearance: none !important;
    }

    .home-cooperate-real-card .primary-btn {
        background: #007AFF !important;
        color: #FFFFFF !important;
        box-shadow: 0 8px 20px rgba(0,122,255,0.22) !important;
    }

    .home-cooperate-real-card .ghost-btn {
        background: rgba(255,255,255,0.62) !important;
        border: 1px solid rgba(60,60,67,0.12) !important;
        color: #1D1D1F !important;
    }

    .home-cooperate-real-card .home-cooperate-rule {
        margin-top: 18px !important;
        padding-top: 14px !important;
        border-top: 0.5px solid rgba(60,60,67,0.12) !important;
        display: grid !important;
        gap: 8px !important;
        color: #7C7C82 !important;
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        font-weight: 560 !important;
        position: absolute !important;
        left: 18px !important;
        right: 18px !important;
        bottom: 18px !important;
        z-index: 5 !important;
    }

    .home-cooperate-real-card .rule-line {
        display: grid !important;
        grid-template-columns: 9px 1fr !important;
        gap: 8px !important;
        align-items: start !important;
    }

    .home-cooperate-real-card .rule-dot {
        width: 5px !important;
        height: 5px !important;
        border-radius: 50% !important;
        background: #007AFF !important;
        margin-top: 7px !important;
    }

    .home-cooperate-real-card .home-cooperate-logo-cluster {
        position: absolute !important;
        right: 18px !important;
        top: 82px !important;
        width: 130px !important;
        height: 150px !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .home-cooperate-real-card .logo-tile {
        position: absolute !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,0.86) !important;
        border: 0.5px solid rgba(60,60,67,0.10) !important;
        box-shadow:
            0 10px 22px rgba(0,0,0,0.075),
            inset 0 1px 0 rgba(255,255,255,0.70) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    .home-cooperate-real-card .logo-tile img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    .home-cooperate-real-card .logo-tile.chatgpt { left: 28px !important; top: 0px !important; transform: rotate(-7deg) !important; }
    .home-cooperate-real-card .logo-tile.gemini { right: 8px !important; top: 16px !important; transform: rotate(9deg) !important; }
    .home-cooperate-real-card .logo-tile.claude { left: 42px !important; top: 48px !important; transform: rotate(-5deg) !important; }
    .home-cooperate-real-card .logo-tile.kuaishou { right: 18px !important; top: 64px !important; transform: rotate(7deg) !important; }
    .home-cooperate-real-card .logo-tile.xhs { left: 10px !important; top: 88px !important; transform: rotate(4deg) !important; }
    .home-cooperate-real-card .logo-tile.shipinhao { right: 34px !important; top: 110px !important; transform: rotate(-10deg) !important; }

    .home-cooperate-real-card .hero-dot {
        position: absolute !important;
        width: 6px !important;
        height: 6px !important;
        border-radius: 50% !important;
        opacity: .43 !important;
    }

    .home-cooperate-real-card .hero-dot.d1 { right: 0 !important; top: 6px !important; background: #34C759 !important; }
    .home-cooperate-real-card .hero-dot.d2 { left: 4px !important; top: 46px !important; background: #007AFF !important; }
    .home-cooperate-real-card .hero-dot.d3 { right: 0 !important; bottom: 16px !important; background: #8EBCFF !important; }
    .home-cooperate-real-card .hero-dot.d4 { left: 16px !important; bottom: 38px !important; background: #FF9500 !important; }
    .home-cooperate-real-card .hero-dot.d5 { right: 16px !important; top: 98px !important; background: #34C759 !important; }
    .home-cooperate-real-card .hero-dot.d6 { left: 74px !important; top: 24px !important; background: #B6C5FF !important; }
    .home-cooperate-real-card .hero-dot.d7 { left: 92px !important; bottom: 26px !important; background: #FF9AB7 !important; }

    /* 恢复首页轮播底部点击圆点 */
    .carousel-dots {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-top: 13px !important;
        min-height: 18px !important;
        position: relative !important;
        z-index: 10 !important;
    }

    .carousel-dot {
        width: 7px !important;
        height: 7px !important;
        border-radius: 999px !important;
        background: rgba(60,60,67,0.25) !important;
        transition: width .2s ease, background .2s ease, opacity .2s ease !important;
        opacity: .78 !important;
    }

    .carousel-dot.active {
        width: 24px !important;
        background: rgba(29,29,31,0.62) !important;
        opacity: 1 !important;
    }

    @media (max-width: 430px) {
        .home-cooperate-real-card {
            min-height: 300px !important;
            padding: 20px 18px 18px !important;
        }

        .home-cooperate-real-card .hero-title {
            font-size: 21.5px !important;
            max-width: 59% !important;
        }

        .home-cooperate-real-card .hero-desc {
            font-size: 12.5px !important;
            line-height: 1.52 !important;
            max-width: 58% !important;
        }

        .home-cooperate-real-card .home-cooperate-logo-cluster {
            right: 13px !important;
            top: 84px !important;
            transform: scale(.82) !important;
            transform-origin: top right !important;
        }

        .home-cooperate-real-card .home-cooperate-rule {
            left: 18px !important;
            right: 18px !important;
            bottom: 17px !important;
            font-size: 12.2px !important;
            gap: 8px !important;
        }
    }

    html[data-theme="dark"] .home-cooperate-real-card {
        background: rgba(30,30,32,0.92) !important;
        border-color: rgba(255,255,255,0.10) !important;
        box-shadow: 0 10px 28px rgba(0,0,0,0.18) !important;
    }

    html[data-theme="dark"] .home-cooperate-real-card .hero-title {
        color: #F5F5F7 !important;
    }

    html[data-theme="dark"] .home-cooperate-real-card .hero-desc,
    html[data-theme="dark"] .home-cooperate-real-card .home-cooperate-rule {
        color: rgba(235,235,245,0.72) !important;
    }

    html[data-theme="dark"] .home-cooperate-real-card .ghost-btn {
        background: rgba(255,255,255,0.07) !important;
        border-color: rgba(255,255,255,0.12) !important;
        color: #F5F5F7 !important;
    }

    html[data-theme="dark"] .carousel-dot {
        background: rgba(255,255,255,0.24) !important;
    }

    html[data-theme="dark"] .carousel-dot.active {
        background: rgba(255,255,255,0.62) !important;
    }
/* home-cooperate-balance-v2：首页第四张合作卡片二次修正
       目标：
       1. 右侧图标簇放大，不要显得小；
       2. 留白重新均衡，不要中间空一大片；
       3. 按钮和底部说明回到规整排布。 */

    .home-cooperate-real-card {
        min-height: 316px !important;
        padding: 20px 20px 18px !important;
    }

    .home-cooperate-real-card .home-cooperate-content {
        position: relative !important;
        z-index: 3 !important;
        width: calc(100% - 184px) !important;
        max-width: none !important;
        padding-right: 6px !important;
    }

    .home-cooperate-real-card .hero-kicker {
        margin-bottom: 10px !important;
    }

    .home-cooperate-real-card .hero-title {
        max-width: 100% !important;
        width: 100% !important;
        font-size: 23px !important;
        line-height: 1.14 !important;
        margin-bottom: 12px !important;
    }

    .home-cooperate-real-card .hero-desc {
        max-width: 100% !important;
        width: 100% !important;
        font-size: 13px !important;
        line-height: 1.58 !important;
    }

    .home-cooperate-real-card .home-cooperate-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        margin-top: 16px !important;
        position: static !important;
        z-index: 5 !important;
    }

    .home-cooperate-real-card .primary-btn,
    .home-cooperate-real-card .ghost-btn {
        min-width: 86px !important;
        height: 42px !important;
        padding: 0 16px !important;
        border-radius: 15px !important;
        font-size: 14px !important;
        font-weight: 760 !important;
        flex: 0 0 auto !important;
    }

    .home-cooperate-real-card .home-cooperate-rule {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 18px !important;
        padding-top: 14px !important;
        gap: 9px !important;
    }

    .home-cooperate-real-card .rule-line {
        gap: 9px !important;
    }

    .home-cooperate-real-card .home-cooperate-logo-cluster {
        right: 16px !important;
        top: 54px !important;
        width: 166px !important;
        height: 176px !important;
        transform: none !important;
        transform-origin: top right !important;
    }

    .home-cooperate-real-card .logo-tile {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
        box-shadow:
            0 12px 26px rgba(0,0,0,0.082),
            inset 0 1px 0 rgba(255,255,255,0.72) !important;
    }

    .home-cooperate-real-card .logo-tile.chatgpt {
        left: 34px !important;
        top: 0 !important;
        transform: rotate(-7deg) !important;
    }

    .home-cooperate-real-card .logo-tile.gemini {
        right: 10px !important;
        top: 16px !important;
        transform: rotate(9deg) !important;
    }

    .home-cooperate-real-card .logo-tile.claude {
        left: 52px !important;
        top: 56px !important;
        transform: rotate(-4deg) !important;
    }

    .home-cooperate-real-card .logo-tile.kuaishou {
        right: 18px !important;
        top: 72px !important;
        transform: rotate(7deg) !important;
    }

    .home-cooperate-real-card .logo-tile.xhs {
        left: 10px !important;
        top: 104px !important;
        transform: rotate(4deg) !important;
    }

    .home-cooperate-real-card .logo-tile.shipinhao {
        right: 36px !important;
        top: 126px !important;
        transform: rotate(-9deg) !important;
    }

    .home-cooperate-real-card .hero-dot {
        width: 7px !important;
        height: 7px !important;
        opacity: 0.50 !important;
    }

    .home-cooperate-real-card .hero-dot.d1 { right: 0 !important; top: 8px !important; }
    .home-cooperate-real-card .hero-dot.d2 { left: 2px !important; top: 52px !important; }
    .home-cooperate-real-card .hero-dot.d3 { right: 2px !important; bottom: 18px !important; }
    .home-cooperate-real-card .hero-dot.d4 { left: 18px !important; bottom: 44px !important; }
    .home-cooperate-real-card .hero-dot.d5 { right: 18px !important; top: 108px !important; }
    .home-cooperate-real-card .hero-dot.d6 { left: 88px !important; top: 28px !important; }
    .home-cooperate-real-card .hero-dot.d7 { left: 108px !important; bottom: 30px !important; }

    @media (max-width: 430px) {
        .home-cooperate-real-card {
            min-height: 304px !important;
            padding: 20px 18px 18px !important;
        }

        .home-cooperate-real-card .home-cooperate-content {
            width: calc(100% - 154px) !important;
            padding-right: 4px !important;
        }

        .home-cooperate-real-card .hero-title {
            font-size: 22px !important;
            line-height: 1.14 !important;
        }

        .home-cooperate-real-card .hero-desc {
            font-size: 12.5px !important;
            line-height: 1.55 !important;
        }

        .home-cooperate-real-card .home-cooperate-actions {
            gap: 8px !important;
            margin-top: 14px !important;
        }

        .home-cooperate-real-card .primary-btn,
        .home-cooperate-real-card .ghost-btn {
            min-width: 78px !important;
            height: 40px !important;
            border-radius: 14px !important;
            font-size: 13px !important;
            padding: 0 14px !important;
        }

        .home-cooperate-real-card .home-cooperate-logo-cluster {
            right: 10px !important;
            top: 64px !important;
            width: 144px !important;
            height: 154px !important;
            transform: none !important;
        }

        .home-cooperate-real-card .logo-tile {
            width: 36px !important;
            height: 36px !important;
            border-radius: 13px !important;
        }

        .home-cooperate-real-card .logo-tile.chatgpt { left: 28px !important; top: 0 !important; }
        .home-cooperate-real-card .logo-tile.gemini { right: 8px !important; top: 14px !important; }
        .home-cooperate-real-card .logo-tile.claude { left: 44px !important; top: 50px !important; }
        .home-cooperate-real-card .logo-tile.kuaishou { right: 16px !important; top: 66px !important; }
        .home-cooperate-real-card .logo-tile.xhs { left: 8px !important; top: 96px !important; }
        .home-cooperate-real-card .logo-tile.shipinhao { right: 30px !important; top: 116px !important; }

        .home-cooperate-real-card .hero-dot {
            width: 6px !important;
            height: 6px !important;
        }

        .home-cooperate-real-card .home-cooperate-rule {
            margin-top: 16px !important;
            font-size: 12.2px !important;
        }
    }


    /* home-cards-compact-v1：统一收紧首页四张轮播卡片留白，并把第四张按钮移到右下角 */

    /* 通用：减少标题/描述之间的空感 */




    /* 第一张：主入口卡片收紧 */
    .card-intro-v6 {
        min-height: 242px !important;
        padding-top: 21px !important;
        padding-bottom: 18px !important;
    }

    .card-intro-v6 .hero-title {
        font-size: 25px !important;
        line-height: 1.13 !important;
    }

    .card-intro-v6 .hero-desc {
        line-height: 1.52 !important;
        max-width: 58% !important;
    }

    .card-intro-v6 .intro-logo-stage-v6 {
        top: 24px !important;
        right: 18px !important;
        transform: scale(.96) !important;
        transform-origin: top right !important;
    }

    .card-intro-v6 .intro-actions-v6 {
        bottom: 17px !important;
    }

    /* 第二张：新人怎么选，减少中段空白 */
    .hello-guide-final {
        min-height: 258px !important;
        padding-top: 21px !important;
        padding-bottom: 18px !important;
    }

    .hello-guide-final .hero-title {
        font-size: 24px !important;
        line-height: 1.13 !important;
        margin-bottom: 9px !important;
    }

    .hello-guide-final .hero-desc {
        margin-top: 10px !important;
        line-height: 1.52 !important;
    }

    .hello-guide-final .hello-guide-art-final {
        top: 18px !important;
        right: 20px !important;
        transform: scale(.96) !important;
        transform-origin: top right !important;
    }

    .hello-guide-final .hello-steps-final {
        bottom: 14px !important;
        padding-top: 11px !important;
    }

    .hello-guide-final .guide-step-v13 {
        gap: 4px !important;
    }

    /* 第三张：按情况选，减少中段空白 */
    .shop-guide-final {
        min-height: 258px !important;
        padding-top: 21px !important;
        padding-bottom: 18px !important;
    }

    .shop-guide-final .hero-title {
        font-size: 24px !important;
        line-height: 1.13 !important;
        margin-bottom: 9px !important;
    }

    .shop-guide-final .hero-desc {
        margin-top: 10px !important;
        line-height: 1.52 !important;
    }

    .shop-guide-final .shop-guide-art-final {
        top: 20px !important;
        right: 18px !important;
        transform: scale(.96) !important;
        transform-origin: top right !important;
    }

    .shop-guide-final .shop-guide-steps-final {
        bottom: 14px !important;
        padding-top: 11px !important;
    }

    .shop-guide-final .shop-guide-step-final {
        gap: 4px !important;
    }

    /* 第四张：合作页引导，重新平衡左文案、右图标、底部按钮 */
    .home-cooperate-real-card {
        min-height: 292px !important;
        padding: 20px 20px 18px !important;
    }

    .home-cooperate-real-card::after {
        content: "" !important;
        position: absolute !important;
        left: 20px !important;
        right: 20px !important;
        bottom: 76px !important;
        height: 0.5px !important;
        background: rgba(60,60,67,0.12) !important;
        z-index: 4 !important;
    }

    .home-cooperate-real-card .home-cooperate-content {
        width: calc(100% - 178px) !important;
        max-width: none !important;
        padding-right: 8px !important;
        position: relative !important;
        z-index: 5 !important;
    }

    .home-cooperate-real-card .hero-kicker {
        margin-bottom: 9px !important;
    }

    .home-cooperate-real-card .hero-title {
        max-width: 100% !important;
        width: 100% !important;
        font-size: 23px !important;
        line-height: 1.15 !important;
        margin-bottom: 10px !important;
    }

    .home-cooperate-real-card .hero-desc {
        max-width: 100% !important;
        width: 100% !important;
        font-size: 13px !important;
        line-height: 1.54 !important;
        margin-top: 0 !important;
    }

    .home-cooperate-real-card .home-cooperate-logo-cluster {
        right: 18px !important;
        top: 48px !important;
        width: 162px !important;
        height: 168px !important;
        transform: none !important;
        transform-origin: top right !important;
        z-index: 3 !important;
    }

    .home-cooperate-real-card .logo-tile {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    .home-cooperate-real-card .logo-tile.chatgpt { left: 34px !important; top: 0 !important; transform: rotate(-7deg) !important; }
    .home-cooperate-real-card .logo-tile.gemini { right: 10px !important; top: 16px !important; transform: rotate(9deg) !important; }
    .home-cooperate-real-card .logo-tile.claude { left: 52px !important; top: 56px !important; transform: rotate(-4deg) !important; }
    .home-cooperate-real-card .logo-tile.kuaishou { right: 18px !important; top: 72px !important; transform: rotate(7deg) !important; }
    .home-cooperate-real-card .logo-tile.xhs { left: 10px !important; top: 103px !important; transform: rotate(4deg) !important; }
    .home-cooperate-real-card .logo-tile.shipinhao { right: 36px !important; top: 123px !important; transform: rotate(-9deg) !important; }

    /* 第四张按钮固定到右下角，和底部说明形成左右分区 */
    .home-cooperate-real-card .home-cooperate-actions {
        position: absolute !important;
        right: 20px !important;
        bottom: 22px !important;
        z-index: 8 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
    }

    .home-cooperate-real-card .primary-btn,
    .home-cooperate-real-card .ghost-btn {
        min-width: 82px !important;
        height: 42px !important;
        border-radius: 15px !important;
        padding: 0 16px !important;
        font-size: 14px !important;
        font-weight: 780 !important;
    }

    .home-cooperate-real-card .home-cooperate-rule {
        position: absolute !important;
        left: 20px !important;
        right: 206px !important;
        bottom: 18px !important;
        z-index: 6 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: none !important;
        display: grid !important;
        gap: 7px !important;
        font-size: 12px !important;
        line-height: 1.38 !important;
    }

    .home-cooperate-real-card .rule-line {
        grid-template-columns: 8px 1fr !important;
        gap: 8px !important;
    }

    .home-cooperate-real-card .rule-dot {
        width: 5px !important;
        height: 5px !important;
        margin-top: 6px !important;
    }

    @media (max-width: 430px) {
        .card-intro-v6 {
            min-height: 248px !important;
        }

        .card-intro-v6 .intro-logo-stage-v6 {
            transform: scale(.90) !important;
            right: 12px !important;
            top: 26px !important;
        }

        .hello-guide-final,
        .shop-guide-final {
            min-height: 264px !important;
            padding-top: 20px !important;
        }

        .hello-guide-final .hello-guide-art-final,
        .shop-guide-final .shop-guide-art-final {
            transform: scale(.92) !important;
            top: 24px !important;
            right: 9px !important;
        }

        .hello-guide-final .hero-title,
        .shop-guide-final .hero-title {
            font-size: 21.5px !important;
        }

        .hello-guide-final .hero-desc,
        .shop-guide-final .hero-desc {
            font-size: 12.3px !important;
            line-height: 1.50 !important;
        }

        .home-cooperate-real-card {
            min-height: 292px !important;
            padding: 20px 18px 18px !important;
        }

        .home-cooperate-real-card::after {
            left: 18px !important;
            right: 18px !important;
            bottom: 74px !important;
        }

        .home-cooperate-real-card .home-cooperate-content {
            width: calc(100% - 148px) !important;
            padding-right: 4px !important;
        }

        .home-cooperate-real-card .hero-title {
            font-size: 21.5px !important;
            line-height: 1.14 !important;
        }

        .home-cooperate-real-card .hero-desc {
            font-size: 12.3px !important;
            line-height: 1.50 !important;
        }

        .home-cooperate-real-card .home-cooperate-logo-cluster {
            right: 9px !important;
            top: 58px !important;
            width: 140px !important;
            height: 150px !important;
        }

        .home-cooperate-real-card .logo-tile {
            width: 36px !important;
            height: 36px !important;
            border-radius: 13px !important;
        }

        .home-cooperate-real-card .logo-tile.chatgpt { left: 28px !important; top: 0 !important; }
        .home-cooperate-real-card .logo-tile.gemini { right: 8px !important; top: 14px !important; }
        .home-cooperate-real-card .logo-tile.claude { left: 44px !important; top: 50px !important; }
        .home-cooperate-real-card .logo-tile.kuaishou { right: 16px !important; top: 66px !important; }
        .home-cooperate-real-card .logo-tile.xhs { left: 8px !important; top: 95px !important; }
        .home-cooperate-real-card .logo-tile.shipinhao { right: 30px !important; top: 114px !important; }

        .home-cooperate-real-card .home-cooperate-actions {
            right: 18px !important;
            bottom: 20px !important;
            gap: 8px !important;
        }

        .home-cooperate-real-card .primary-btn,
        .home-cooperate-real-card .ghost-btn {
            min-width: 74px !important;
            height: 40px !important;
            border-radius: 14px !important;
            padding: 0 13px !important;
            font-size: 13px !important;
        }

        .home-cooperate-real-card .home-cooperate-rule {
            left: 18px !important;
            right: 180px !important;
            bottom: 18px !important;
            font-size: 11.3px !important;
            line-height: 1.34 !important;
            gap: 6px !important;
        }

        .home-cooperate-real-card .rule-line {
            gap: 7px !important;
        }
    }


    /* fourth-card-layout-fix-v1：修复第四张合作卡片按钮压住文案的问题
       核心原因：按钮是 .home-cooperate-content 的子元素，而 .home-cooperate-content 被设置了 position: relative；
       所以按钮 absolute 后相对文案区定位，才会压在中间。这里强制让按钮相对整张卡片定位。 */

    .home-cooperate-real-card {
        position: relative !important;
        min-height: 304px !important;
        padding: 20px 20px 18px !important;
        overflow: hidden !important;
    }

    /* 关键修复：取消内容区作为 absolute 定位父级 */
    .home-cooperate-real-card .home-cooperate-content {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        padding-right: 0 !important;
        z-index: auto !important;
    }

    .home-cooperate-real-card .hero-kicker {
        position: relative !important;
        z-index: 5 !important;
        margin-bottom: 9px !important;
    }

    .home-cooperate-real-card .hero-title {
        position: relative !important;
        z-index: 5 !important;
        width: 54% !important;
        max-width: 330px !important;
        font-size: 23px !important;
        line-height: 1.15 !important;
        margin-bottom: 10px !important;
        white-space: normal !important;
    }

    .home-cooperate-real-card .hero-desc {
        position: relative !important;
        z-index: 5 !important;
        width: 50% !important;
        max-width: 310px !important;
        font-size: 13px !important;
        line-height: 1.54 !important;
        margin-top: 0 !important;
    }

    .home-cooperate-real-card .home-cooperate-logo-cluster {
        right: 18px !important;
        top: 46px !important;
        width: 166px !important;
        height: 170px !important;
        transform: none !important;
        transform-origin: top right !important;
        z-index: 3 !important;
    }

    .home-cooperate-real-card .logo-tile {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    .home-cooperate-real-card .logo-tile.chatgpt { left: 34px !important; top: 0 !important; transform: rotate(-7deg) !important; }
    .home-cooperate-real-card .logo-tile.gemini { right: 10px !important; top: 16px !important; transform: rotate(9deg) !important; }
    .home-cooperate-real-card .logo-tile.claude { left: 52px !important; top: 56px !important; transform: rotate(-4deg) !important; }
    .home-cooperate-real-card .logo-tile.kuaishou { right: 18px !important; top: 72px !important; transform: rotate(7deg) !important; }
    .home-cooperate-real-card .logo-tile.xhs { left: 10px !important; top: 103px !important; transform: rotate(4deg) !important; }
    .home-cooperate-real-card .logo-tile.shipinhao { right: 36px !important; top: 123px !important; transform: rotate(-9deg) !important; }

    /* 分割线放在底部说明和上半区之间 */
    .home-cooperate-real-card::after {
        content: "" !important;
        position: absolute !important;
        left: 20px !important;
        right: 20px !important;
        bottom: 82px !important;
        height: 0.5px !important;
        background: rgba(60,60,67,0.12) !important;
        z-index: 4 !important;
    }

    /* 按钮固定到整张卡片右下角，不再压文案 */
    .home-cooperate-real-card .home-cooperate-actions {
        position: absolute !important;
        right: 20px !important;
        bottom: 22px !important;
        z-index: 9 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
        width: auto !important;
        max-width: none !important;
        pointer-events: auto !important;
    }

    .home-cooperate-real-card .primary-btn,
    .home-cooperate-real-card .ghost-btn {
        min-width: 82px !important;
        height: 42px !important;
        border-radius: 15px !important;
        padding: 0 16px !important;
        font-size: 14px !important;
        font-weight: 780 !important;
        flex: 0 0 auto !important;
    }

    .home-cooperate-real-card .primary-btn {
        box-shadow: 0 10px 22px rgba(0,122,255,0.20) !important;
    }

    .home-cooperate-real-card .ghost-btn {
        background: rgba(255,255,255,0.78) !important;
    }

    /* 底部说明固定左下，和右侧按钮分区 */
    .home-cooperate-real-card .home-cooperate-rule {
        position: absolute !important;
        left: 20px !important;
        right: 206px !important;
        bottom: 19px !important;
        z-index: 6 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: none !important;
        display: grid !important;
        gap: 7px !important;
        font-size: 12px !important;
        line-height: 1.38 !important;
    }

    .home-cooperate-real-card .rule-line {
        grid-template-columns: 8px 1fr !important;
        gap: 8px !important;
    }

    .home-cooperate-real-card .rule-dot {
        width: 5px !important;
        height: 5px !important;
        margin-top: 6px !important;
    }

    @media (max-width: 430px) {
        .home-cooperate-real-card {
            min-height: 304px !important;
            padding: 20px 18px 18px !important;
        }

        .home-cooperate-real-card .hero-title {
            width: 53% !important;
            max-width: 220px !important;
            font-size: 21.5px !important;
            line-height: 1.14 !important;
        }

        .home-cooperate-real-card .hero-desc {
            width: 52% !important;
            max-width: 218px !important;
            font-size: 12.3px !important;
            line-height: 1.50 !important;
        }

        .home-cooperate-real-card .home-cooperate-logo-cluster {
            right: 9px !important;
            top: 56px !important;
            width: 142px !important;
            height: 150px !important;
        }

        .home-cooperate-real-card .logo-tile {
            width: 36px !important;
            height: 36px !important;
            border-radius: 13px !important;
        }

        .home-cooperate-real-card .logo-tile.chatgpt { left: 28px !important; top: 0 !important; }
        .home-cooperate-real-card .logo-tile.gemini { right: 8px !important; top: 14px !important; }
        .home-cooperate-real-card .logo-tile.claude { left: 44px !important; top: 50px !important; }
        .home-cooperate-real-card .logo-tile.kuaishou { right: 16px !important; top: 66px !important; }
        .home-cooperate-real-card .logo-tile.xhs { left: 8px !important; top: 95px !important; }
        .home-cooperate-real-card .logo-tile.shipinhao { right: 30px !important; top: 114px !important; }

        .home-cooperate-real-card::after {
            left: 18px !important;
            right: 18px !important;
            bottom: 78px !important;
        }

        .home-cooperate-real-card .home-cooperate-actions {
            right: 18px !important;
            bottom: 20px !important;
            gap: 8px !important;
        }

        .home-cooperate-real-card .primary-btn,
        .home-cooperate-real-card .ghost-btn {
            min-width: 74px !important;
            height: 40px !important;
            border-radius: 14px !important;
            padding: 0 13px !important;
            font-size: 13px !important;
        }

        .home-cooperate-real-card .home-cooperate-rule {
            left: 18px !important;
            right: 178px !important;
            bottom: 18px !important;
            font-size: 11.2px !important;
            line-height: 1.34 !important;
            gap: 6px !important;
        }

        .home-cooperate-real-card .rule-line {
            gap: 7px !important;
        }
    }


    /* ARBOR_HOME_P0_1_COPY_REFINE_V1 */
    .intro-actions-v6 .home-hero-btns {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex-shrink: 0 !important;
    }

    .intro-actions-v6 .home-hero-secondary {
        background: rgba(255,255,255,0.16) !important;
        color: #FFFFFF !important;
        border: 1px solid rgba(255,255,255,0.24) !important;
        box-shadow: none !important;
    }

    .home-cooperate-real-card .home-cooperate-logo-cluster .logo-tile {
        display: none !important;
    }

    .home-cooperate-real-card .home-cooperate-logo-cluster::before {
        content: "合作";
        position: absolute !important;
        right: 18px !important;
        top: 20px !important;
        width: 76px !important;
        height: 76px !important;
        border-radius: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        font-weight: 820 !important;
        color: #007AFF !important;
        background: linear-gradient(180deg, #FFFFFF 0%, #F2F7FF 100%) !important;
        border: 1px solid rgba(0,122,255,0.13) !important;
        box-shadow: 0 14px 28px rgba(0,122,255,0.10) !important;
        transform: rotate(4deg) !important;
    }

    .home-cooperate-real-card .home-cooperate-logo-cluster::after {
        content: "先判断";
        position: absolute !important;
        right: 2px !important;
        top: 104px !important;
        padding: 8px 11px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        font-weight: 760 !important;
        color: #1D1D1F !important;
        background: rgba(255,255,255,0.82) !important;
        border: 1px solid rgba(60,60,67,0.10) !important;
        box-shadow: 0 10px 22px rgba(15,23,42,0.08) !important;
        transform: rotate(-5deg) !important;
    }

    @media (max-width: 430px) {
        .intro-actions-v6 .home-hero-btns { gap: 6px !important; }
        .intro-actions-v6 .home-hero-btns .hero-btn { padding: 9px 12px !important; font-size: 12.5px !important; }
        .home-cooperate-real-card .home-cooperate-logo-cluster::before { right: 12px !important; width: 68px !important; height: 68px !important; border-radius: 22px !important; font-size: 17px !important; }
        .home-cooperate-real-card .home-cooperate-logo-cluster::after { right: -2px !important; top: 94px !important; font-size: 11.5px !important; }
    }


/* ARBOR_HOME_ME_P1_SHARED_WIDGET_LAYOUT_FIX_V1 */
#arborPublicAnnouncementsV1,
#arborUserNotifCardV1,
#arborNotificationsEntryV1{
    width: calc(100% - 32px) !important;
    max-width: calc(var(--content-max, 560px) - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
}


/* ARBOR_INDEX_THREE_ENTRY_FLOW_V1 */
.arbor-flow-section-v1{margin-top:14px!important}.arbor-flow-head-v1{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.arbor-flow-kicker-v1{font-size:12px;color:var(--text-soft,#8E8E93);font-weight:720;margin-bottom:5px}.arbor-flow-title-v1{font-size:19px;line-height:1.25;color:var(--text-main,#1D1D1F);font-weight:820;letter-spacing:-.3px}.arbor-flow-note-v1{font-size:12px;color:var(--text-sub,#6E6E73);font-weight:650;white-space:nowrap}.arbor-flow-grid-v1{display:grid;grid-template-columns:1fr;gap:10px}.arbor-flow-card-v1{width:100%;border:1px solid var(--line-light,rgba(0,0,0,.06));background:var(--ios-card,#fff);border-radius:20px;padding:14px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;text-align:left;box-shadow:0 10px 30px rgba(0,0,0,.035)}.arbor-flow-icon-v1{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center}.arbor-flow-icon-v1 svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.arbor-flow-icon-v1.blue{color:var(--apple-blue,#007AFF);background:rgba(0,122,255,.08)}.arbor-flow-icon-v1.green{color:var(--apple-green,#34C759);background:rgba(52,199,89,.10)}.arbor-flow-icon-v1.orange{color:var(--apple-orange,#FF9500);background:rgba(255,149,0,.10)}.arbor-flow-copy-v1{min-width:0}.arbor-flow-copy-v1 strong{display:block;font-size:15px;line-height:1.25;color:var(--text-main,#1D1D1F);font-weight:820;margin-bottom:4px}.arbor-flow-copy-v1 em{display:block;font-style:normal;font-size:12px;line-height:1.45;color:var(--text-sub,#6E6E73);font-weight:560}.arbor-flow-go-v1{height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,122,255,.08);color:var(--apple-blue,#007AFF);font-size:12px;font-weight:760}.arbor-assurance-bar-v1{margin-top:10px;padding:11px 12px;border-radius:18px;background:rgba(248,250,252,.86);border:1px solid rgba(148,163,184,.16);display:flex;align-items:center;justify-content:space-between;gap:8px}.arbor-assurance-bar-v1 span{flex:1;text-align:center;font-size:12px;color:var(--text-sub,#6E6E73);font-weight:700;position:relative}.arbor-assurance-bar-v1 span+span:before{content:'';position:absolute;left:-4px;top:50%;width:1px;height:12px;transform:translateY(-50%);background:rgba(148,163,184,.26)}@media (min-width:520px){.arbor-flow-grid-v1{grid-template-columns:repeat(3,1fr)}.arbor-flow-card-v1{grid-template-columns:1fr;align-items:flex-start}.arbor-flow-go-v1{margin-top:2px}}@media (max-width:380px){.arbor-flow-head-v1{align-items:flex-start;flex-direction:column;gap:4px}.arbor-flow-note-v1{white-space:normal}.arbor-flow-card-v1{grid-template-columns:38px 1fr}.arbor-flow-go-v1{display:none}}


/* ARBOR_INDEX_THREE_ENTRY_FLOW_VISUAL_REFINE_V2 */
.arbor-route-section-v2{
    margin-top: 12px !important;
}
.arbor-route-panel-v2{
    border-radius: 24px;
    padding: 16px;
    background: var(--ios-card, #fff);
    border: 1px solid var(--line-light, rgba(0,0,0,.06));
    box-shadow: 0 10px 34px rgba(0,0,0,.035);
}
.arbor-route-head-v2{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom: 13px;
}
.arbor-route-kicker-v2{
    font-size: 12px;
    line-height: 1.2;
    color: var(--text-soft, #8E8E93);
    font-weight: 720;
    margin-bottom: 5px;
}
.arbor-route-title-v2{
    font-size: 18px;
    line-height: 1.25;
    color: var(--text-main, #1D1D1F);
    font-weight: 820;
    letter-spacing: -0.25px;
}
.arbor-route-sub-v2{
    font-size: 12px;
    color: var(--text-sub, #6E6E73);
    font-weight: 680;
    white-space: nowrap;
}
.arbor-route-chips-v2{
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
}
.arbor-route-chip-v2{
    min-width:0;
    border: 1px solid var(--line-light, rgba(0,0,0,.06));
    border-radius: 18px;
    background: rgba(248,250,252,.62);
    padding: 11px 8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap: 7px;
    text-align:center;
}
.arbor-route-dot-v2{
    width: 26px;
    height: 26px;
    border-radius: 10px;
    position:relative;
}
.arbor-route-dot-v2:after{
    content:'';
    position:absolute;
    inset:8px;
    border-radius:50%;
    background: currentColor;
}
.arbor-route-dot-v2.blue{
    color: var(--apple-blue, #007AFF);
    background: rgba(0,122,255,.09);
}
.arbor-route-dot-v2.green{
    color: var(--apple-green, #34C759);
    background: rgba(52,199,89,.10);
}
.arbor-route-dot-v2.orange{
    color: var(--apple-orange, #FF9500);
    background: rgba(255,149,0,.11);
}
.arbor-route-chip-v2 strong{
    display:block;
    font-size: 13px;
    line-height: 1.2;
    color: var(--text-main, #1D1D1F);
    font-weight: 800;
    white-space: nowrap;
}
.arbor-route-chip-v2 em{
    display:block;
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.2;
    color: var(--text-soft, #8E8E93);
    font-style: normal;
    font-weight: 620;
    white-space: nowrap;
}
.arbor-route-safe-v2{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--separator, rgba(0,0,0,.06));
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    color: var(--text-soft, #8E8E93);
    font-size: 12px;
    font-weight: 680;
}
.arbor-route-safe-v2 i{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    opacity: .42;
}
html[data-theme="dark"] .arbor-route-panel-v2{
    background: rgba(28,28,30,.78);
    border-color: rgba(255,255,255,.075);
    box-shadow: 0 14px 40px rgba(0,0,0,.18);
}
html[data-theme="dark"] .arbor-route-chip-v2{
    background: rgba(255,255,255,.035);
    border-color: rgba(255,255,255,.07);
}
@media (max-width: 380px){
    .arbor-route-panel-v2{
        padding: 15px;
    }
    .arbor-route-head-v2{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
    .arbor-route-sub-v2{
        white-space:normal;
    }
    .arbor-route-chips-v2{
        gap:7px;
    }
    .arbor-route-chip-v2{
        padding:10px 6px;
    }
    .arbor-route-chip-v2 strong{
        font-size:12px;
    }
    .arbor-route-chip-v2 em{
        font-size:10px;
    }
    .arbor-route-safe-v2{
        gap:7px;
        font-size:11px;
    }
}


/* ARBOR_INDEX_PATH_GRID_CONTROL_CENTER_V3 */
.arbor-path-section-v3{
    margin-top: 14px !important;
    margin-bottom: 18px !important;
}
.arbor-path-head-v3{
    margin: 2px 2px 12px !important;
}
.arbor-path-kicker-v3{
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-weight: 680 !important;
    margin-bottom: 5px !important;
}
.arbor-path-title-v3{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap: 12px !important;
}
.arbor-path-title-v3 span{
    font-size: 22px !important;
    line-height: 1.18 !important;
    color: var(--text-main, #F5F5F7) !important;
    font-weight: 820 !important;
    letter-spacing: -0.55px !important;
}
.arbor-path-title-v3 em{
    flex: 0 0 auto !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-weight: 650 !important;
    padding-bottom: 3px !important;
}
.arbor-path-grid-v3{
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}
.arbor-path-card-v3{
    min-width: 0 !important;
    min-height: 116px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 22px !important;
    background: rgba(28,28,30,.78) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
    padding: 17px 7px 15px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
    position:relative !important;
}
.arbor-path-card-v3:before{
    content:'' !important;
    position:absolute !important;
    inset:auto 14px -26px 14px !important;
    height:48px !important;
    border-radius:50% !important;
    background: currentColor !important;
    opacity: .055 !important;
    filter: blur(14px) !important;
    pointer-events:none !important;
}
.arbor-path-card-v3:active{
    transform: scale(.965) !important;
    background: rgba(44,44,46,.86) !important;
}
.arbor-path-card-v3.blue{
    color: var(--apple-blue, #0A84FF) !important;
}
.arbor-path-card-v3.green{
    color: var(--apple-green, #30D158) !important;
}
.arbor-path-card-v3.orange{
    color: var(--apple-orange, #FF9F0A) !important;
}
.arbor-path-orb-v3{
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    margin-bottom: 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    background: currentColor !important;
}
.arbor-path-orb-v3:before{
    content:'' !important;
    position:absolute !important;
    inset: 6px !important;
    border-radius:50% !important;
    background: currentColor !important;
    opacity: .42 !important;
    filter: blur(10px) !important;
}
.arbor-path-card-v3.blue .arbor-path-orb-v3{
    background: rgba(10,132,255,.105) !important;
}
.arbor-path-card-v3.green .arbor-path-orb-v3{
    background: rgba(48,209,88,.105) !important;
}
.arbor-path-card-v3.orange .arbor-path-orb-v3{
    background: rgba(255,159,10,.11) !important;
}
.arbor-path-orb-v3 svg{
    width: 20px !important;
    height: 20px !important;
    position:relative !important;
    z-index:1 !important;
    fill:none !important;
    stroke: currentColor !important;
    stroke-width: 2.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.arbor-path-card-v3 strong{
    display:block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: var(--text-main, #F5F5F7) !important;
    font-weight: 780 !important;
    letter-spacing: -0.1px !important;
    white-space: nowrap !important;
    margin-bottom: 5px !important;
}
.arbor-path-card-v3 em{
    display:block !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-style: normal !important;
    font-weight: 620 !important;
    white-space: nowrap !important;
}
.arbor-path-trust-v3{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap: 0 !important;
    margin: 12px 4px 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-weight: 620 !important;
}
.arbor-path-trust-v3 span{
    display:inline-flex !important;
    align-items:center !important;
}
.arbor-path-trust-v3 span + span:before{
    content:'·' !important;
    display:inline-block !important;
    margin: 0 10px !important;
    color: rgba(255,255,255,.18) !important;
}
@media (max-width: 380px){
    .arbor-path-title-v3{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap: 4px !important;
    }
    .arbor-path-title-v3 span{
        font-size: 21px !important;
    }
    .arbor-path-title-v3 em{
        padding-bottom: 0 !important;
    }
    .arbor-path-grid-v3{
        gap: 8px !important;
    }
    .arbor-path-card-v3{
        min-height: 108px !important;
        padding: 15px 5px 13px !important;
        border-radius: 20px !important;
    }
    .arbor-path-orb-v3{
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 10px !important;
    }
    .arbor-path-card-v3 strong{
        font-size: 13px !important;
    }
    .arbor-path-card-v3 em{
        font-size: 10px !important;
    }
}
html:not([data-theme="dark"]) .arbor-path-card-v3{
    background: rgba(255,255,255,.88) !important;
    border-color: rgba(0,0,0,.055) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.045) !important;
}
html:not([data-theme="dark"]) .arbor-path-title-v3 span,
html:not([data-theme="dark"]) .arbor-path-card-v3 strong{
    color: var(--text-main, #1D1D1F) !important;
}
html:not([data-theme="dark"]) .arbor-path-trust-v3 span + span:before{
    color: rgba(0,0,0,.14) !important;
}


/* ARBOR_INDEX_PATH_TEXT_ONLY_V4 */
.arbor-path-section-v4{
    margin-top: 14px !important;
    margin-bottom: 18px !important;
}
.arbor-path-head-v4{
    margin: 0 2px 12px !important;
}
.arbor-path-kicker-v4{
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-weight: 680 !important;
    margin-bottom: 5px !important;
}
.arbor-path-title-v4{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap: 12px !important;
}
.arbor-path-title-v4 span{
    font-size: 22px !important;
    line-height: 1.18 !important;
    color: var(--text-main, #F5F5F7) !important;
    font-weight: 820 !important;
    letter-spacing: -0.55px !important;
}
.arbor-path-title-v4 em{
    flex: 0 0 auto !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-weight: 650 !important;
    padding-bottom: 3px !important;
}
.arbor-path-grid-v4{
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
}
.arbor-path-card-v4{
    min-width: 0 !important;
    min-height: 78px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 20px !important;
    background: rgba(28,28,30,.74) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
    padding: 15px 6px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
}
.arbor-path-card-v4:active{
    transform: scale(.972) !important;
    background: rgba(44,44,46,.84) !important;
}
.arbor-path-card-v4 strong{
    display:block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: var(--text-main, #F5F5F7) !important;
    font-weight: 780 !important;
    letter-spacing: -0.1px !important;
    white-space: nowrap !important;
    margin-bottom: 7px !important;
}
.arbor-path-card-v4 em{
    display:block !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-style: normal !important;
    font-weight: 620 !important;
    white-space: nowrap !important;
}
.arbor-path-trust-v4{
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 10px !important;
    padding: 0 4px !important;
    color: var(--text-soft, #8E8E93) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 620 !important;
    text-align:center !important;
}
.arbor-path-trust-v4 span{
    min-width:0 !important;
    white-space: nowrap !important;
}
@media (max-width: 380px){
    .arbor-path-title-v4{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap: 4px !important;
    }
    .arbor-path-title-v4 span{
        font-size: 21px !important;
    }
    .arbor-path-title-v4 em{
        padding-bottom: 0 !important;
    }
    .arbor-path-grid-v4{
        gap: 7px !important;
    }
    .arbor-path-card-v4{
        min-height: 74px !important;
        border-radius: 18px !important;
        padding: 13px 5px 12px !important;
    }
    .arbor-path-card-v4 strong{
        font-size: 13px !important;
    }
    .arbor-path-card-v4 em{
        font-size: 10px !important;
    }
    .arbor-path-trust-v4{
        font-size: 10px !important;
    }
}
html:not([data-theme="dark"]) .arbor-path-card-v4{
    background: rgba(255,255,255,.88) !important;
    border-color: rgba(0,0,0,.055) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.045) !important;
}
html:not([data-theme="dark"]) .arbor-path-title-v4 span,
html:not([data-theme="dark"]) .arbor-path-card-v4 strong{
    color: var(--text-main, #1D1D1F) !important;
}


/* ARBOR_INDEX_PATH_TEXT_COPY_CLEAN_V5 */
.arbor-path-section-v5{
    margin-top: 14px !important;
    margin-bottom: 18px !important;
}
.arbor-path-head-v5{
    margin: 0 2px 12px !important;
}
.arbor-path-kicker-v5{
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-weight: 680 !important;
    margin-bottom: 5px !important;
}
.arbor-path-title-v5{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap: 12px !important;
}
.arbor-path-title-v5 span{
    font-size: 22px !important;
    line-height: 1.18 !important;
    color: var(--text-main, #F5F5F7) !important;
    font-weight: 820 !important;
    letter-spacing: -0.55px !important;
}
.arbor-path-title-v5 em{
    flex: 0 0 auto !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-weight: 650 !important;
    padding-bottom: 3px !important;
}
.arbor-path-grid-v5{
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
}
.arbor-path-card-v5{
    min-width: 0 !important;
    min-height: 76px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 20px !important;
    background: rgba(28,28,30,.74) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
    padding: 15px 6px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
}
.arbor-path-card-v5:active{
    transform: scale(.972) !important;
    background: rgba(44,44,46,.84) !important;
}
.arbor-path-card-v5 strong{
    display:block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: var(--text-main, #F5F5F7) !important;
    font-weight: 780 !important;
    letter-spacing: -0.1px !important;
    white-space: nowrap !important;
    margin-bottom: 7px !important;
}
.arbor-path-card-v5 em{
    display:block !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: var(--text-soft, #8E8E93) !important;
    font-style: normal !important;
    font-weight: 620 !important;
    white-space: nowrap !important;
}
.arbor-path-trust-v5{
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 10px !important;
    padding: 0 4px !important;
    color: var(--text-soft, #8E8E93) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 620 !important;
    text-align:center !important;
}
.arbor-path-trust-v5 span{
    min-width:0 !important;
    white-space: nowrap !important;
}
@media (max-width: 380px){
    .arbor-path-title-v5{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap: 4px !important;
    }
    .arbor-path-title-v5 span{
        font-size: 21px !important;
    }
    .arbor-path-title-v5 em{
        padding-bottom: 0 !important;
    }
    .arbor-path-grid-v5{
        gap: 7px !important;
    }
    .arbor-path-card-v5{
        min-height: 72px !important;
        border-radius: 18px !important;
        padding: 13px 5px 12px !important;
    }
    .arbor-path-card-v5 strong{
        font-size: 13px !important;
    }
    .arbor-path-card-v5 em{
        font-size: 10px !important;
    }
    .arbor-path-trust-v5{
        font-size: 10px !important;
    }
}
html:not([data-theme="dark"]) .arbor-path-card-v5{
    background: rgba(255,255,255,.88) !important;
    border-color: rgba(0,0,0,.055) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.045) !important;
}
html:not([data-theme="dark"]) .arbor-path-title-v5 span,
html:not([data-theme="dark"]) .arbor-path-card-v5 strong{
    color: var(--text-main, #1D1D1F) !important;
}



/* ARBOR_HOME_CAROUSEL_FINAL_V12 */
.arbor-home-carousel-final-v12{
    margin-top:14px;
    margin-bottom:26px;
}
.arbor-home-carousel-final-v12 .arbor-home-final-v12-viewport{
    position:relative;
    overflow:hidden;
    width:100%;
    border-radius:28px;
    background:var(--ios-card);
    border:1px solid var(--line-light);
    box-shadow:0 10px 28px rgba(15,23,42,.045);
}
.arbor-home-carousel-final-v12 .arbor-home-final-v12-track{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
}
.arbor-home-carousel-final-v12 .arbor-home-final-v12-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transform:scale(1.006);
    transition:opacity .42s ease, transform .42s ease;
    pointer-events:none;
    background:var(--ios-card);
    cursor:pointer;
}
.arbor-home-carousel-final-v12 .arbor-home-final-v12-slide.is-active{
    opacity:1;
    transform:scale(1);
    pointer-events:auto;
}
.arbor-home-carousel-final-v12 img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.arbor-home-carousel-final-v12 .arbor-home-final-v12-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    margin-top:10px;
    height:10px;
}
.arbor-home-carousel-final-v12 .arbor-home-final-v12-dots button{
    width:6px;
    height:6px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(60,60,67,.22);
    transition:width .22s ease, background .22s ease;
}
.arbor-home-carousel-final-v12 .arbor-home-final-v12-dots button.is-active{
    width:20px;
    background:var(--apple-blue);
}
html[data-theme="dark"] .arbor-home-carousel-final-v12 .arbor-home-final-v12-viewport{
    box-shadow:none;
}
@media(max-width:360px){
    .arbor-home-carousel-final-v12{
        margin-top:12px;
        margin-bottom:22px;
    }
    .arbor-home-carousel-final-v12 .arbor-home-final-v12-viewport{
        border-radius:24px;
    }
}


/* ARBOR_AMOUNT_NOTE_SHIFT_V16 */
.arbor-amount-note-shift-v16{
    position:relative;
    top:-14px;
    display:block;
    margin-bottom:-2px !important;
}
@media(max-width:420px){
    .arbor-amount-note-shift-v16{
        top:-16px;
    }
}
/* ARBOR_HOME_CAROUSEL_WHITE_EDGE_TRIM_V12_FIX */
.arbor-home-carousel-v11 .arbor-home-carousel-viewport{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.arbor-home-carousel-v11 .arbor-home-carousel-track{
    background: transparent !important;
}
.arbor-home-carousel-v11 .arbor-home-slide{
    overflow: hidden !important;
    border-radius: 28px !important;
}
.arbor-home-carousel-v11 .arbor-home-slide img{
    transform: scale(1.035);
    transform-origin: center center;
}
@media(max-width:768px){
    .arbor-home-carousel-v11 .arbor-home-slide{
        border-radius: 24px !important;
    }
    .arbor-home-carousel-v11 .arbor-home-slide img{
        transform: scale(1.055);
    }
}
/* ARBOR_HOME_CAROUSEL_WHITE_EDGE_TRIM_V12_FIX_END */




/* ARBOR_HOME_LAYOUT_CLICK_RESTORE_V14 */
.app-container{
    width: 100% !important;
    max-width: var(--content-max) !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    position: relative !important;
    padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
}
.nav-bar{
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    width: 100% !important;
}
.tab-bar{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: calc(76px + env(safe-area-inset-bottom)) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    z-index: 900 !important;
    background-color: var(--tab-bg) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
    border-top: 0.5px solid var(--line-light) !important;
}
.tab-inner{
    width: 100% !important;
    max-width: var(--content-max) !important;
    height: 76px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 8px 0 !important;
}
.tab-item,
.nav-icon-btn,
.arbor-path-card-v5,
.recommend-btn,
.benefit-row,
.notice-action,
.modal-btn,
.modal-close,
button,
a,
[onclick]{
    pointer-events: auto !important;
    cursor: pointer;
}
.arbor-home-carousel-v11{
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
}
.arbor-home-carousel-v11 .arbor-home-carousel-viewport{
    position: relative !important;
    z-index: 1 !important;
}
.arbor-home-carousel-v11 .arbor-home-carousel-track,
.arbor-home-carousel-v11 .arbor-home-slide,
.arbor-home-carousel-v11 .arbor-home-slide img{
    pointer-events: auto !important;
}
.arbor-home-carousel-v11 .arbor-home-carousel-dots{
    position: relative !important;
    z-index: 5 !important;
    pointer-events: auto !important;
}
.modal-overlay{
    z-index: 1200 !important;
}
.toast{
    z-index: 2000 !important;
}
/* ARBOR_HOME_LAYOUT_CLICK_RESTORE_V14_END */





/* ARBOR_NAV_HEADER_CLICKABLE_P1_8_BEGIN */
.nav-bar{
    height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:sticky;
    top:0;
    z-index:60;
    padding:0 16px;
    background-color:var(--nav-bg, rgba(245,245,247,.86));
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:.5px solid var(--line-light, rgba(0,0,0,.055));
}
.nav-title{
    font-size:22px;
    font-weight:760;
    letter-spacing:-.35px;
    color:var(--text-main, #1D1D1F);
}
.nav-action{
    font-size:13px;
    font-weight:680;
    color:var(--apple-blue, #007AFF);
    padding:8px 2px;
    white-space:nowrap;
}
.bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    background:var(--bar-bg, rgba(250,250,250,.88));
    border-top:.5px solid var(--line-light, rgba(0,0,0,.055));
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    padding:6px 0 calc(6px + env(safe-area-inset-bottom));
    display:flex;
    justify-content:center;
    pointer-events:auto;
}
.bottom-inner{
    width:100%;
    max-width:var(--content-max, 560px);
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.bottom-nav .tab-item,
.bottom-nav a.tab-item,
.bottom-nav button.tab-item{
    min-height:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:var(--text-soft, #A1A1A6);
    font-size:11px;
    font-weight:650;
    text-decoration:none;
    background:transparent;
    border:0;
    padding:0;
    cursor:pointer;
    pointer-events:auto;
    -webkit-user-select:none;
    user-select:none;
}
.bottom-nav .tab-item svg{
    width:22px;
    height:22px;
    stroke-width:2.1;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
}
.bottom-nav .tab-item span{
    pointer-events:none;
}
.bottom-nav .tab-item.active{
    color:var(--apple-blue, #007AFF);
}
body{
    padding-bottom:calc(86px + env(safe-area-inset-bottom));
}
/* ARBOR_NAV_HEADER_CLICKABLE_P1_8_END */








/* ARBOR_INDEX_CAROUSEL_CARD_FRAME_P1_12_BEGIN */
.arbor-home-carousel-v11{
    padding:12px 16px 0;
}
.arbor-home-carousel-v11 .arbor-home-carousel-viewport{
    border-radius:24px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid var(--line-light, rgba(0,0,0,.055)) !important;
    box-shadow:0 2px 12px rgba(0,0,0,.022) !important;
}
.arbor-home-carousel-v11 .arbor-home-slide img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    border:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fff !important;
}
.arbor-home-carousel-v11 .arbor-home-carousel-dots{
    margin-top:12px !important;
}
/* ARBOR_INDEX_CAROUSEL_CARD_FRAME_P1_12_END */

/* ARBOR_INDEX_PATH_MODULE_P1_10B_BEGIN */
.arbor-index-path-p110b{
    padding:22px 16px 0;
}
.arbor-index-path-head-p110b{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin:0 2px 14px;
}
.arbor-index-path-title-p110b{
    font-size:28px;
    line-height:1.08;
    font-weight:850;
    letter-spacing:-.75px;
    color:var(--text-main,#1D1D1F);
}
.arbor-index-path-sub-p110b{
    font-size:15px;
    color:var(--text-soft,#A1A1A6);
    font-weight:760;
    white-space:nowrap;
}
.arbor-index-path-row-p110b{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    text-align:center;
    color:var(--text-soft,#A1A1A6);
    font-size:15px;
    font-weight:740;
}
@media (max-width:390px){
    .arbor-index-path-title-p110b{font-size:25px;}
    .arbor-index-path-sub-p110b,
    .arbor-index-path-row-p110b{font-size:13px;}
}
/* ARBOR_INDEX_PATH_MODULE_P1_10B_END */


/* ARBOR_BOTTOM_BAR_DUPLICATE_CLEAN_V1_BEGIN */
.tab-bar{
  display:none !important;
}
.bottom-nav{
  background:var(--tab-bg, rgba(250,250,250,.92)) !important;
  border-top:.5px solid var(--line-light, rgba(0,0,0,.055)) !important;
  box-shadow:none !important;
}
.bottom-inner{
  background:transparent !important;
}
html,
body{
  overscroll-behavior-y:none;
}
/* ARBOR_BOTTOM_BAR_DUPLICATE_CLEAN_V1_END */



/* ARBOR_HOME_FUNNEL_V1_CSS_BEGIN */
.arbor-home-system-type-v1{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(0,122,255,.08);
  color:var(--apple-blue);
  font-size:12px;
  font-weight:760;
}
.arbor-home-system-meta-v1{
  margin-top:10px;
  color:var(--text-soft);
  font-size:12px;
  line-height:1.5;
}
.arbor-home-system-desc-v1{
  font-size:13px;
  color:var(--text-sub);
  line-height:1.62;
}
.arbor-path-grid-v5{
  grid-template-columns:repeat(3,1fr);
}
@media (max-width:360px){
  .arbor-path-card-v5 strong{font-size:13px;}
  .arbor-path-card-v5 em{font-size:11px;}
}
.tab-bar{
  display:none !important;
}
/* ARBOR_HOME_FUNNEL_V1_CSS_END */


/* ARBOR_FRONTEND_UI_FINAL_UNIFY_V1_BEGIN */
:root{--ios-bg:#F5F5F7;--ios-card:#fff;--soft-card:#FAFAFC;--apple-blue:#007AFF;--apple-green:#34C759;--apple-orange:#FF9500;--apple-red:#FF3B30;--text-main:#1D1D1F;--text-sub:#86868B;--text-soft:#A1A1A6;--line-light:rgba(0,0,0,.055);--separator:rgba(60,60,67,.12);--radius-card:24px;--radius-mid:18px;--radius-small:14px;--content-max:560px}
html[data-theme="dark"]{--ios-bg:#0B0B0C;--ios-card:#1C1C1E;--soft-card:#242426;--apple-blue:#0A84FF;--apple-green:#30D158;--apple-orange:#FF9F0A;--apple-red:#FF453A;--text-main:#F5F5F7;--text-sub:#A1A1A6;--text-soft:#8E8E93;--line-light:rgba(255,255,255,.065);--separator:rgba(255,255,255,.08)}
html,body{background:var(--ios-bg)!important}body{display:flex!important;justify-content:center!important;color:var(--text-main)!important;-webkit-font-smoothing:antialiased}.app-container,.container,.wrap{width:100%!important;max-width:var(--content-max)!important;margin:0 auto!important;background:var(--ios-bg)!important;overflow-x:hidden!important}.app-container{min-height:100vh!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.page,main.page{padding:12px 16px 0!important}.nav-bar{height:52px!important;max-width:var(--content-max)!important;margin:0 auto!important;border-bottom:.5px solid var(--line-light)!important}.nav-title{font-size:17px!important;font-weight:760!important;letter-spacing:-.18px!important;color:var(--text-main)!important}.nav-action,.section-action,.text-action,.bottom-link{font-size:13px!important;font-weight:720!important;color:var(--apple-blue)!important}.section{margin-top:22px!important;padding-left:0!important;padding-right:0!important}.section:first-child,.page>.section:first-child{margin-top:12px!important}.section-head{margin-bottom:12px!important;padding:0 4px!important}.section-title{font-size:17px!important;font-weight:760!important;line-height:1.35!important;letter-spacing:-.22px!important;color:var(--text-main)!important}.section-sub,.section-note,.group-sub,.card-sub,.hint-desc,.notice-desc,.rule-entry-sub,.bottom-note,.footer-note{font-size:13px!important;line-height:1.58!important;color:var(--text-sub)!important;font-weight:400!important}.card,.asset-card,.summary-card,.account-card,.security-card,.hero-card,.main-card,.group,.compare-card,.linked-card,.active-card,.textarea-card,.upload-card,.notice-card,.hint-card,.segment-card,.list-card,.coupon-card,.rule-entry,.service-card,.save-card,.detail-card,.subscription-card{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:var(--radius-card)!important;box-shadow:0 2px 12px rgba(0,0,0,.022)!important}.asset-card,.summary-card,.account-card,.hero-card,.main-card{padding:20px!important}.card-title,.group-title,.list-title,.coupon-name,.security-title,.linked-title,.active-title,.service-title,.fold-title{font-size:15px!important;font-weight:740!important;line-height:1.36!important;color:var(--text-main)!important;letter-spacing:-.14px!important}.card-desc,.list-desc,.coupon-meta,.security-desc,.linked-summary,.active-summary,.sheet-sub,.summary-desc,.hero-desc,.account-note,.password-note{font-size:13px!important;line-height:1.58!important;color:var(--text-sub)!important;font-weight:400!important}.status-pill,.status-badge,.hero-status,.asset-id,.linked-status,.active-status,.sheet-status{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;border-radius:999px!important;background:var(--soft-card)!important;border:1px solid var(--line-light)!important;font-size:12px!important;font-weight:720!important;color:var(--text-sub)!important;white-space:nowrap!important}.status-green,.status-done,.available,.success,.green{color:var(--apple-green)!important}.status-blue,.processing,.blue{color:var(--apple-blue)!important}.status-orange,.need-more,.warning,.orange{color:var(--apple-orange)!important}.primary-button,.btn-primary,.btn-main,.sheet-btn-main,.modal-btn-main,.empty-btn,.summary-line-action,.security-action.primary,.active-btn.primary,.coupon-action.primary,.service-action.main,.btn-sheet-main{height:46px!important;min-height:46px!important;border-radius:15px!important;background:var(--apple-blue)!important;color:#fff!important;font-size:14px!important;font-weight:720!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;box-shadow:none!important;padding:0 16px!important}.secondary-button,.btn-soft,.sheet-btn-sub,.modal-btn-sub,.btn-secondary,.security-action,.active-btn,.coupon-action,.btn-sheet-sub{height:46px!important;min-height:46px!important;border-radius:15px!important;background:var(--btn-gray-bg,#E5E5EA)!important;color:var(--text-main)!important;font-size:14px!important;font-weight:720!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;box-shadow:none!important;padding:0 16px!important}.rule-section{margin:14px 16px 0!important}.rule-entry,.hint-card,.notice-card{padding:14px 15px!important;border-radius:18px!important;background:var(--soft-card)!important}.rule-entry-title,.hint-title,.notice-title{font-size:15px!important;font-weight:740!important;color:var(--text-main)!important}.segment-card,.segment-wrap{padding:4px!important;background:rgba(118,118,128,.12)!important;border-radius:17px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.segment-card::-webkit-scrollbar,.segment-wrap::-webkit-scrollbar{display:none!important}.segment-btn{flex:0 0 auto!important;min-width:max-content!important;height:34px!important;padding:0 14px!important;border-radius:13px!important;font-size:13px!important;font-weight:720!important;color:var(--text-sub)!important;white-space:nowrap!important}.segment-btn.active{background:var(--ios-card)!important;color:var(--apple-blue)!important;box-shadow:0 2px 8px rgba(0,0,0,.045)!important}.sheet,.modal-card{max-width:var(--content-max)!important;border-radius:24px 24px 0 0!important}.asset-title,.summary-title{font-size:32px!important;line-height:1.15!important;font-weight:820!important;letter-spacing:-.65px!important;color:var(--text-main)!important}.asset-kicker,.summary-label,.hero-label,.kicker{font-size:12px!important;font-weight:720!important;color:var(--apple-blue)!important;margin-bottom:8px!important}.asset-stat-row{gap:10px!important;margin-top:16px!important}.asset-stat{background:var(--soft-card)!important;border:1px solid var(--line-light)!important;border-radius:18px!important;min-height:72px!important}.asset-num{font-size:22px!important;font-weight:780!important;color:var(--text-main)!important}.asset-num.blue{color:var(--text-main)!important}.asset-num.orange{color:var(--apple-orange)!important}.asset-num.green{color:var(--apple-green)!important}.coupon-list,.record-list{display:flex!important;flex-direction:column!important;gap:12px!important}.coupon-card,.list-card{border-radius:18px!important;padding:15px!important}.coupon-row{align-items:flex-start!important;gap:12px!important}.coupon-action{height:34px!important;min-height:34px!important;border-radius:999px!important;padding:0 13px!important;font-size:12px!important}#arborVerifyRecordsReadonlyV1{max-width:var(--content-max)!important;margin:16px auto!important;padding:0 16px!important;background:transparent!important;box-shadow:none!important;border:none!important}#arborVerifyRecordsReadonlyV1 .vr-head{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:24px!important;padding:18px!important;box-shadow:0 2px 12px rgba(0,0,0,.022)!important}#arborVerifyRecordsReadonlyV1 .vr-head h2{font-size:17px!important;font-weight:760!important;color:var(--text-main)!important;margin:0 0 6px!important}#arborVerifyRecordsReadonlyV1 .vr-head p,#arborVerifyRecordsReadonlyV1 .vr-msg{font-size:13px!important;line-height:1.58!important;color:var(--text-sub)!important}#arborVerifyRecordsReadonlyV1 .vr-actions button,#arborVerifyRecordsReadonlyV1 .vr-btn{height:36px!important;border-radius:13px!important;padding:0 13px!important;font-size:13px!important;font-weight:720!important;background:var(--soft-card)!important;color:var(--apple-blue)!important;border:1px solid var(--line-light)!important}#arborVerifyRecordsReadonlyV1 .vr-item{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:18px!important;padding:15px!important;margin:12px 0!important}.reason-chip{border-radius:16px!important;background:var(--ios-card)!important;border:1px solid var(--line-light)!important;font-size:14px!important;font-weight:720!important}.reason-chip.active{background:var(--active-bg,rgba(0,122,255,.1))!important;border-color:rgba(0,122,255,.18)!important;color:var(--apple-blue)!important}.account-title{font-size:24px!important;font-weight:800!important;line-height:1.22!important;letter-spacing:-.4px!important}.account-fields{margin-top:16px!important;border:1px solid var(--line-light)!important;border-radius:18px!important;overflow:hidden!important;background:var(--soft-card)!important}.account-field{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:58px!important;padding:0 15px!important;border-bottom:.5px solid var(--separator)!important;background:transparent!important}.account-field:last-child{border-bottom:none!important}.field-label{font-size:12px!important;color:var(--text-sub)!important;font-weight:620!important}.field-value{font-size:15px!important;color:var(--text-main)!important;font-weight:720!important;text-align:right!important;word-break:break-all!important}.security-card{padding:16px!important;border-radius:20px!important}.security-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important}.bottom-links{margin:22px 0 10px!important;text-align:center!important}.subscription-p3-visual-v3 .hero-title,.hero-title{font-size:24px!important;line-height:1.22!important;font-weight:800!important;letter-spacing:-.4px!important}.price-value{font-size:28px!important;font-weight:820!important;color:var(--text-main)!important}.price-value span{font-size:12px!important;color:var(--text-sub)!important;font-weight:620!important}.rights-grid{gap:10px!important}.right-mini{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:18px!important;min-height:76px!important;padding:12px!important}.right-number{font-size:17px!important;font-weight:760!important;color:var(--text-main)!important}.right-number.blue,.right-number.green{color:var(--text-main)!important}.right-name{font-size:12px!important;color:var(--text-sub)!important}.list-item{min-height:58px!important;padding:14px 0!important;border-bottom:.5px solid var(--separator)!important}.list-item:last-child{border-bottom:none!important}.list-side,.guide-result{min-width:26px!important;height:26px!important;border-radius:999px!important;background:var(--soft-card)!important;border:1px solid var(--line-light)!important;color:var(--text-sub)!important;font-size:12px!important;font-weight:720!important;display:flex!important;align-items:center!important;justify-content:center!important}.final-record-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px!important;background:rgba(118,118,128,.12)!important;border-radius:17px!important}.final-record-tabs .segment-btn{flex:0 0 auto!important;min-width:max-content!important;padding:0 16px!important}.status-text{font-size:12px!important;font-weight:740!important}.live-primary-card,.live-special-card,.live-demand-row,.account-live-card,.live-guide-card{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:20px!important;box-shadow:0 2px 12px rgba(0,0,0,.022)!important}.live-demand-list{display:flex!important;flex-direction:column!important;gap:10px!important}.live-demand-row,.live-choice-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:15px 16px!important}.live-demand-action,.live-choice-action{font-size:13px!important;font-weight:720!important;color:var(--apple-blue)!important;white-space:nowrap!important}.account-submit-preview{background:var(--soft-card)!important;border:1px solid var(--line-light)!important;border-radius:16px!important;padding:12px!important;font-size:12px!important;color:var(--text-sub)!important;line-height:1.58!important;margin-top:12px!important}.account-live-success-icon,.success-icon-v1{background:transparent!important}.success-check-v1{width:52px!important;height:52px!important}#submitSuccessSection:not(.is-visible){display:none!important}@media(max-width:420px){.security-row,.live-demand-row,.live-choice-card{grid-template-columns:1fr!important}.primary-button,.btn-primary,.btn-main,.sheet-btn-main,.modal-btn-main,.secondary-button,.btn-soft,.sheet-btn-sub,.modal-btn-sub{width:100%!important}.actions,.success-actions-v1,.action-row,.service-actions,.sheet-actions{grid-template-columns:1fr!important}}
/* ARBOR_FRONTEND_UI_FINAL_UNIFY_V1_END */