.elementor-1754 .elementor-element.elementor-element-f8f555d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 40px 40px;--padding-top:270px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1754 .elementor-element.elementor-element-f8f555d:not(.elementor-motion-effects-element-type-background), .elementor-1754 .elementor-element.elementor-element-f8f555d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #5322C6 100%);}.elementor-1754 .elementor-element.elementor-element-36d5783 .elementor-heading-title{color:#FFFFFF;}.elementor-1754 .elementor-element.elementor-element-1084161 > .elementor-widget-container{padding:0px 200px 0px 0px;}.elementor-1754 .elementor-element.elementor-element-1084161{color:var( --e-global-color-secondary );font-size:18px;}.elementor-1754 .elementor-element.elementor-element-fd23a64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1754 .elementor-element.elementor-element-74a7c50{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-1754 .elementor-element.elementor-element-2802900{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1754 .elementor-element.elementor-element-f8f555d{--padding-top:260px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1754 .elementor-element.elementor-element-36d5783 .elementor-heading-title{font-size:51px;}.elementor-1754 .elementor-element.elementor-element-1084161 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1754 .elementor-element.elementor-element-1084161{font-size:14px;}.elementor-1754 .elementor-element.elementor-element-fd23a64{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1754 .elementor-element.elementor-element-74a7c50{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-1754 .elementor-element.elementor-element-f8f555d{--padding-top:250px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1754 .elementor-element.elementor-element-36d5783{text-align:center;}.elementor-1754 .elementor-element.elementor-element-36d5783 .elementor-heading-title{font-size:40px;}.elementor-1754 .elementor-element.elementor-element-1084161{text-align:center;}.elementor-1754 .elementor-element.elementor-element-fd23a64{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1754 .elementor-element.elementor-element-0fdd1a3 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-1754 .elementor-element.elementor-element-0fdd1a3{text-align:center;}.elementor-1754 .elementor-element.elementor-element-0fdd1a3 .elementor-heading-title{font-size:24px;}.elementor-1754 .elementor-element.elementor-element-051bda5 > .elementor-widget-container{margin:-58px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-1754 .elementor-element.elementor-element-74a7c50{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS */:root {
        --c-blue: #2715A4;
        --c-star: #FFAE00;
        --c-border: #E0E0E0;
        --c-bg: #F8F9FF;
        --c-text-grey: #393939;
        /* 定义圆角星星遮罩：使用 stroke-linejoin 让转角圆润 */
        --star-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z' fill='black' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .casino-list-container { width: 100%; display: flex; flex-direction: column; gap: 15px; font-family: sans-serif; }

    .casino-row-card {
        display: flex; align-items: stretch; background: var(--c-bg);
        border: 1px solid var(--c-border); border-radius: 20px; border-color: #CDCDCD ;
        overflow: hidden; position: relative; width: 100%;
    }

    .row-rank-badge {
        position: absolute; top: 0; left: 0; background: #C7C8FA; color: var(--c-blue);
        width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
        font-weight: bold; border-radius: 0 0 12px 0; z-index: 2; font-size: 14px;
    }

    /* --- PC 端布局 --- */
    .row-logo-section {
        background: #000; width: 180px; aspect-ratio: 1 / 1; 
        display: flex; align-items: center; justify-content: center; padding: 25px; flex-shrink: 0;
    }
    .row-logo-section img { max-width: 90%; height: auto; }

    .row-info-section { 
        flex: 1; display: grid; grid-template-columns: 1fr 1.2fr 1fr; 
        align-items: center; padding: 0 40px; 
    }

    .row-text-content { display: contents; } 

    .row-brand-meta { grid-column: 1; display: flex; flex-direction: column; align-items: flex-start; }
    .row-brand-name { font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 700; color: var(--c-blue); }
    
    .row-rating { display: flex; align-items: center; gap: 8px; font-family: Poppins; font-size: 18px; font-weight: 700; margin-top: 10px;}
    
    /* --- 圆角星星核心 CSS --- */
    .star-box { 
        position: relative; 
        width: 120px; /* 24px * 5颗星 */
        height: 24px; 
        background-color: #ddd; /* 灰色底层 */
        /* 使用遮罩裁切出星星形状 */
        -webkit-mask-image: var(--star-mask);
        mask-image: var(--star-mask);
        -webkit-mask-repeat: repeat-x;
        mask-repeat: repeat-x;
        -webkit-mask-size: 24px 24px;
        mask-size: 24px 24px;
    }

    .star-fill { 
        position: absolute; top: 0; left: 0; height: 100%;
        background-color: var(--c-star); /* 金色填充 */
        z-index: 1;
    }

    .row-bonus-info { grid-column: 2; display: flex; flex-direction: column; align-items: center; text-align: center; font-family: 'Poppins', sans-serif;}
    .bonus-pct { font-size: 32px; font-weight: 700; color: var(--c-blue); line-height: 1.1; }
    .bonus-txt { font-size: 24px; font-weight: 700; color: var(--c-blue); }

    .row-action-area { grid-column: 3; display: flex; justify-content: flex-end; }
    .action-stack { display: flex; flex-direction: column; align-items: center; gap: 8px; }

    .row-cta-btn {
        background: var(--c-blue); color: #fff; text-decoration: none;
        padding: 12px 45px; border-radius: 10px; font-weight: bold; font-size: 18px;
        transition: 0.3s;
    }
    .row-cta-btn:hover { background: #000; color:#fff; }

    .row-more-link { color: var(--c-text-grey); text-decoration: none; font-size: 15px; font-weight: 700; }
    .row-more-link:hover { color: var(--c-blue); }

    .mobile-only { display: none !important; }

    /* --- 手机端优化 --- */
    @media (max-width: 767px) {
        .pc-only { display: none !important; }
        .mobile-only { display: flex !important; }

        .row-info-section { 
            display: flex; flex: 1; flex-direction: row; 
            justify-content: space-between; padding: 8px 12px; align-items: center;
        }

        .row-logo-section { width: 100px; padding: 12px; }

        .row-text-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 2px; }
        .row-brand-name { font-size: 16px; }
        .row-rating { font-size: 12px; margin-top:0px ; }
        .row-more-link.mobile-only { font-size: 12px; margin-top: 2px; }
        
        /* 手机端星星尺寸缩放 */
        .star-box { 
            width: 80px; /* 16px * 5颗星 */
            height: 16px; 
            -webkit-mask-size: 16px 16px;
            mask-size: 16px 16px;
        }
        
        .row-bonus-info { display: block; align-items: flex-start; text-align: left; }
        .bonus-pct, .bonus-txt { font-size: 16px; }

        .row-icon-cta {
            background: var(--c-blue); width: 30px; height: 30px;
            border-radius: 8px; color: #fff; display: flex; align-items: center; justify-content: center;
        }
        .arrow-svg { 
        /* 2. 调小图标：从 22px 改为 16px */
        width: 16px; 
        height: 16px; 
    }
    }/* End custom CSS */