/* ����ȫ����ʽ */
html,body{margin:0 auto;}
#header, .statement, .ai-banner, .container {
    width: 1080px !important;
    margin: 0 auto;
}

body {
    background-color: #E7F1FA;
    color: #333;
    font-size: 14px;
    font-family: Arial,sans-serif;
    margin: 0;
    padding: 0;
}
.editable-div{background:#FAFAFA;line-height:30px;border-radius:0 0 10px 10px;padding:18px;text-align:justify;font-size: 16px;}
.editable-div>p{margin-bottom:10px;}
p{color:#333333;text-align:left;margin:10px 0 20px 0;}
h1,h2,h3,h4,h5,h6{margin:10px 0;}
ul,ul li{padding:0;margin:0;list-style:none;}
table{background:#ffffff;width:100%;border-radius:4px;margin:20px 0;border-collapse:collapse;}
table tr td{font-size:12px !important;text-align:left;border:1px solid #ddd;padding:8px;}
#app{max-width:520px;margin:0 auto;}
#subSpnLoading{background:#ffffff;text-align:center;padding:20px;border-radius:4px;/*width:50%;*/left:50%;top:50%;/*transform:translateX(-50%);position:absolute*/;display:flex;gap:20px;flex-direction:column;justify-content:center;}
#subSpnLoading img{width:60px;margin:0 auto;}
.ai-top{background:rgba(255,255,255,0.9);box-shadow:0 0 3px rgba(0,0,0,0.5);width:40px;height:40px;line-height:40px;text-align:center;font-weight:bold;border-radius:50%;position:fixed;right:20px;bottom:80px;display:none;}
.nodata{background:#ffffff;border:solid 1px #f1f1f1;font-size:14px;text-align:center;padding:20px;margin:0 0 10px 0;border-radius:10px;}
.nodata img {height: 100px !important;margin: 0 auto;display: block;}
.match{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.league{color:#666666;}
.league .leagueName{display:flex;gap:5px;align-items:center;justify-content:center;}
.payed{background:#f1f1f1;color:#333333;line-height:22px;border-radius:4px;padding:3px 5px;display:inline;}

.opvip-popu {
    width: 460px !important;
}
/* �˵���ʽ */
.date{background:#ffffff;border-top:solid 1px #ebebeb;border-bottom:solid 1px #ebebeb;border-radius:8px;padding:0;margin:10px;list-style-type:none;display:flex;justify-content:center;padding-bottom: 4px;padding-top: 4px;}
.date li{color:#666666;line-height:40px;flex:1;justify-content:center;display:flex;font-size: 16px;}
.date li.on{color:#FF6B42;font-size:16px;font-weight:bold;position:relative;}
.ai-menu{background-color:#ffffff;border-radius: 8px; overflow: hidden; font-size: 16px; margin-bottom: 15px;}
.ai-menu ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;}
.ai-menu li{flex:1;justify-content:center;display:flex;line-height:46px;}
.ai-menu li a{color:#333;text-decoration:none;transition:color 0.3s ease;display:block;width:100%;text-align:center;cursor:pointer;}
.ai-menu li a:hover{color:var(--gray50);}
.ai-menu li.active a{color:#FF6B42;position:relative;font-weight: 500;}
.date li.on::after,.ai-menu li.active a::after{border-bottom:solid 4px #FF6B42;content:'';width:30%;position:absolute;bottom:3px;border-radius:1000px;display:block;left:50%;transform:translateX(-50%);}


/* ���� */
.subscribeBox{background:#ffffff;margin:10px;overflow:hidden;border:solid 1px #ffcec0;border-radius:10px;box-shadow:0 3px 5px rgba(0,0,0,0.05);}
.subscribeBox h3{margin:0;}
.subscribeBox h3 .red{color:#FF6B42;margin-left: 5px;}
.subscribe{ background: linear-gradient(90deg, #E6E4FF, #FFDBE6, #FFF6F5, #FFE9E5); height: 43px; color: #333; font-size: 12px; padding: 10px 20px 10px; border-radius: 0; display: -webkit-box; display: block; position: relative; display: -ms-block; display: block; align-items: center; align-content: center; }
.subscribe div { float: left; font-size: 14px;line-height: 40px; }
.subscribe span{color:#666;display:block;text-align:left;margin: 0 5px;}
.subscribe span i{background:url(../images/subicon.png)no-repeat center;width:26px;height:26px;margin-right:10px;display:inline-block;vertical-align:middle;opacity:0.5;}
.subscribe .subbtn{background: #FF5722; color: #ffffff; width: 20%; line-height: 40px; font-weight: bold; text-align: center; border-radius: 5px; float: right; cursor: pointer; font-size: 14px; float: right;}

/* ����������ʽ */
.match-content {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    flex-wrap: wrap;
}
	.match-list {
      
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(39, 96, 251, 0.05);
    border-radius: 10px;
    min-height: 168px;
   
}

.match-content2 {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    flex-wrap: wrap;
}



.match-list2 {
    width: calc(50% - 23px);
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(39, 96, 251, 0.05);
    border-radius: 10px;
    float: left;
    margin: 10px;
}
    .match-list.second {
        margin-left: 0px;
    }


    
.match-item{display:flex;align-items:center;padding: 16px 16px 0px 16px;position:relative;flex-direction: column;}
.match-item:last-child{border-bottom:none;}
.match-label{color:#ff5722;font-size:14px;margin-right:10px;}
.item-left{display:flex;flex-wrap:nowrap;font-size:13px;min-width:48px;color: #666;gap:2px;position: absolute;line-height: 13px;}
.item-left2{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;font-size:12px;min-width:48px;color:#8E8E8E;gap:2px;}
.match-out:last-child{border:none;}
.match-out{width:100%;margin-bottom: 12px;}
.match-out2{width:calc(100% - 125px);margin-bottom: 12px;display:flex;align-items:center;}
.line-border{border-bottom:0.5px solid #EAEAEA;display:flex;width:100%;}
.line-border2{border-bottom:0.5px solid #EAEAEA;display:flex;width:100%;margin-top: 12px;}
.match-info{display:flex;flex-direction:column;}
.match-info2{display:flex;flex-direction:column;width: calc(100% - 25px);margin-bottom: 3px;}
.match-item .star-icon{background:url(/images/star_off.svg) no-repeat center;background-size:100%;width:14px;height:14px;cursor:pointer;margin-right: 2px;}
.match-item .star-icon-on{background:url(/images/star_on.svg) no-repeat center;background-size:100%;}
.match-item2 .star-icon{background:url(/images/star_off.svg) no-repeat center;background-size:100%;width:14px;height:14px;cursor:pointer;}
.match-item2 .star-icon-on{background:url(/images/star_on.svg) no-repeat center;background-size:100%;}

.league-time{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:6px;font-size:13px;color:#666;line-height:14px;width: 100%;line-height: 14px;}
.group-bg{font-weight: 500;display:flex;padding:8px 0px;box-shadow:0px 0px 10px rgba(39,96,251,0.05);border-radius:10px 10px 0px 0px;background:linear-gradient(90deg, #5594ff, #ff1e1e);;gap:10px;align-items:center;color:#fff;justify-content:space-between;}
.group-right{display: flex ; font-size: 12px; font-weight: 400; gap: 20px; justify-content: flex-end; margin-right: 16px;}
.group-right-part{display:flex;gap:6px;align-items:center;}
.group-right-part .text{font-size:14px;font-weight:500;color:#ffcc00;}
.star-num{display:flex;gap:2px;}
.star-num .icon{background:url(/images/star-num.svg) no-repeat center;background-size:100%;width:12px;height:12px;}

.status{color:#F44336;}
.teams{display:flex;justify-content:center;align-items:center;gap:4px;width: 100%;}
.teamLeft{font-size:16px;font-weight:500;flex:1;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.teamRight{font-size:16px;font-weight:500;flex:1;min-width:0;text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vsNew{width:70px;font-size:16px;font-weight:500;justify-content:center;align-items:center;text-align:center;flex-shrink:0;line-height: 24px;}
.vsScore{width:50px;font-size:16px;font-weight:500;justify-content:center;align-items:center;text-align:center;flex-shrink:0;color:#F44336;line-height: 24px;}
.top-tag{position: absolute; top: 6px; right: 6px; color: #fff; font-size: 13px; line-height: 16px;padding: 3px 8px; border-radius: 3px; background: linear-gradient(270deg, #ff5050, #ec8e00);}
.true-tag{position:absolute;top:24px;right:4px;background:url(/images/ture.png) no-repeat center;background-size:100%;width:40px;height:40px;}
.true-tag2{position:absolute;top:4px;right:4px;background:url(/images/ture.png) no-repeat center;background-size:100%;width:40px;height:40px;}
.Matchsubscribe{display:flex;justify-content:center;align-items:center;gap:6px;padding: 0px 10px 12px 10px;;flex-direction:row;color:#ff5822;}
.Matchsubscribe2{box-sizing: border-box;height:36px;position:relative;border-radius:100px;border:0.5px solid #ff5822;display:flex;align-items:center;justify-content:center;padding:2px 10px;gap:6px;text-align:left;font-size:14px;color:#ff5822;margin-left:10px;margin:10px 10px 12px;}
.lock-icon{background:url(/images/lock-red.svg) no-repeat center;background-size:100%;width:16px;height:16px;}
.indexbox{position:relative;border-radius:3px;background-color:#2F9DFF;padding:4px 10px;font-size:12px;color:#fff;border:0.5px solid #B8D5F0;}
.match-item .deepseek{background:#E7F1FA;color:#1272CC;font-size:12px;font-weight:normal;line-height:20px;padding:0 6px 0 1px;border-radius:20px;}
.match-item .deepseek img{height:12px;margin:0 0px 0px 4px;vertical-align:-2px;}


.match-item2{display:flex;align-items:center;padding:10px 12px 0px 5px;position:relative;/* flex-direction:row;*/
 justify-content:space-between;align-content:flex-end;}

.item-left3{display:flex;flex-wrap:nowrap;font-size:12px;min-width:25px;
 color:#666;gap:5px;/* position:absolute;*/
 flex-direction:column;align-items:center;}

.numberList2{display:flex;justify-content:space-between;align-items:center;margin:0px 0px 16px 0px;border-radius:8px;width:120px;}

.filter-wrapper2 {
    display: flex
;
    gap: 6px;
    align-items: center;
    flex-direction: column-reverse;
}

/* ������ʽ */

/* ʱ���������� */
.timeList{display:flex;justify-content:space-between;align-items:center;margin:15px 10px 5px 10px;border-radius:8px;}
.timeList2{align-items: center; border-radius: 8px;padding-left: 14px;}
.timeList .time{font-size: 14px; color: #666; text-align: left;}
.timeList2 .time{font-size: 14px; color: #666; text-align: left;margin: 14px 0px 10px 0px;}
.rulesRight{display:flex;gap:8px;}
.rulesbtn{padding:2px 8px;border:1px solid #0099ff;border-radius:20px;background-color:#ffffff80;color:#0A8FEA;text-decoration:none;font-size:12px;}

.numberList{display:flex;justify-content:space-between;align-items:center;margin: 0px 10px 16px 10px;border-radius:8px;width:100%;}

.tab-radio{display:none;}
.tab-group{display:flex;gap:10px;width: 100%;}
.tabNum{padding:4px 8px;border-radius:4px;transition:all 0.3sease;background-color:#f9f9f9;color:#666;font-size:14px;}
/* ѡ��״̬��ʽ */
 .tab-radio:checked + .tabNum{background-color:#0A8FEA;color:white;box-shadow:0 2px 5px rgba(0,123,255,0.3);}
/* ѡ��״̬����ͣЧ�� */
 .tab-radio:checked + .tabNum:hover{background-color:#0A8FEA;}


.filter-wrapper{display:flex;gap:16px;align-items: center;}
.filter-container{display:flex;gap:8px;}
/* ����ԭ����ѡ�� */
 .filter-checkbox{position:absolute;opacity:0;width:0;height:0;}
.filter-option{flex:1;text-align:center;border-radius:3px;font-size:12px;background-color:#f5f5f5;color:#333;user-select:none;padding:4px 14px;}

/* ѡ��״̬��ʽ - ��ɫ������ɫ���� */
 .filter-checkbox:checked + .filter-option{background-color:#F9AF06;color:#ffffff;}
/* δѡ��״̬����ͣЧ�� */
 .filter-checkbox:not(:checked) + .filter-option:hover{background-color:#f9f9f9;}
/* ������2��ѡ����ʱ����������ѡ���ѡ������ */
 .filter-checkbox:checked ~ .filter-checkbox:checked ~ .filter-checkbox + .filter-option{cursor:not-allowed;opacity:0.6;}
/* ������ѡ�������ѡ��ʱ���Զ�ȡ����ѡ��״̬ */
 .filter-checkbox:checked ~ .filter-checkbox:checked ~ .filter-checkbox:checked + .filter-option{background-color:#f5f5f5;color:#333;}
 .result-text-blue{color:#0A8FEA;font-size: 13px;}
 .result-text-red{color:#F04545;font-size: 13px;}


.lockbottom{background:#f1f1f1;height:6px;width:120px;border-radius:1000px;margin:8px 0 20px 0;position:relative;}
.lockbottom .icon{}
.lockbottom .icon{background:#f1f1f1;border:4px solid #ffffff;width:24px;height:24px;position:absolute;left:50%;top:50%;border-radius:1000px;transform:translate(-50%,-50%);margin:0 auto;display:flex;justify-content:center;align-items:center;}
.lockbottom .icon img{width:18px;}

:root { --primary-bg: #f0f2f5; --primary-orange: #f0ad4e; --text-color-primary: #333; --text-color-secondary: #888; --card-bg: #fff; --border-color: #e0e0e0; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: var(--primary-bg); color: var(--text-color-primary); font-size: 14px; }
.container { /*max-width: 420px; */margin: 0 auto; padding-bottom: 20px; /* Space for bottom nav */ }
.top-nav { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background-color: var(--card-bg); position: sticky; top: 0; z-index: 100; }
.tabs { display: flex; font-size: 20px; font-weight: bold; }
.tabs .tab { padding: 0 10px; color: var(--text-color-secondary); }
.tabs .tab.active { color: var(--text-color-primary); }
.top-icons { display: flex; gap: 20px; font-size: 22px; color: var(--text-color-secondary); }

.sub-nav { display: flex; padding: 10px 15px; background-color: var(--card-bg); border-bottom: 1px solid var(--border-color); }
.sub-nav .tab { padding: 0 15px; text-align: center; color: var(--text-color-secondary); }
.sub-nav .tab.active { color: var(--text-color-primary); font-weight: bold; }
.sub-nav .tab.active .indicator { display: block; width: 20px; height: 3px; background-color: var(--primary-orange); border-radius: 2px; margin: 4px auto 0; }

.content { padding: 5px; }

.subscription-card { background-color: var(--card-bg); border-radius: 8px; padding: 15px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.subscription-info h4 { margin: 0; font-size: 16px; }
.subscription-info h4 span { color: var(--primary-orange); }
.subscription-info p { margin: 5px 0 0; font-size: 12px; color: var(--text-color-secondary); }
.subscribe-btn { background-color: var(--primary-orange); color: white; border: none; border-radius: 15px; padding: 8px 18px; font-size: 14px; cursor: pointer; }

.header-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.header-bar .right-actions { display: flex; gap: 15px; }
.header-bar .action-btn { background: #e9eaec; color: var(--text-color-secondary); padding: 4px 10px; border-radius: 12px; font-size: 12px; position: relative; }
.action-btn .badge { position: absolute; top: -4px; right: -4px; background: red; color: white; font-size: 9px; line-height: 12px; width: 12px; height: 12px; border-radius: 50%; }

.sellendtime{line-height:30px;padding-left:5px;}
.sellendtime .issue { cursor:pointer;color:#333;text-decoration:none;}
.sellendtime .issue-on { color: blue; text-decoration: underline; text-decoration-color: blue; }

.match-scheme { border-radius: 8px; margin-bottom: 10px; }
.match-card { background: var(--card-bg);  margin-bottom: 1px; padding: 15px; position: relative; }
.match-card.locked .match-teams, .match-card.locked .match-result { filter: blur(4px); }
.match-result span { background-color: #EFEFEF ;padding:5px 10px;}
.match-result .choosewin { background-color: #ED4337 !important; color: #fff; }
.match-card .zucai-result { text-align: left; }
.match-result .steady-score { color: red; background-color: #fff; }
.match-result .upset-score { color: blue; background-color: #fff; }
.match-result .choose-me { background-color: #F0A128; color: #fff; }
.match-result .choose-me { background-color: #F0A128; color: #fff; }

.lock-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--primary-orange); background: rgba(255,255,255,0.7); padding: 10px; border-radius: 8px; }
.lock-overlay .icon { font-size: 24px; }
.lock-overlay p { margin: 5px 0 0; font-size: 12px; font-weight: bold; }
.match-card-header { display: flex; align-items: center; font-size: 12px; color: var(--text-color-secondary); margin-bottom: 10px; }
.match-card-header .fav-icon { margin-right: 8px; }
.match-card-header .match-id { flex-grow: 1; }
.match-card-header .status { margin-left: 8px; }
.match-card-header .status.finished { color: var(--text-color-secondary); }
.match-teams { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 500; }
.team-name { flex: 1; }
.vs { margin: 0 15px; font-size: 14px; color: var(--text-color-secondary); }
.score { margin: 0 15px; font-size: 18px; font-weight: bold; color: red; }
.match-result { text-align: center; margin-top: 10px; font-size: 14px; }
.badge-2c1 { position: absolute; top: 10px; right: 10px; background: red; color: white; font-size: 10px; padding: 2px 5px; border-radius: 8px 8px 8px 0; }
.stamp { position: absolute; right: 15px; bottom: 35px; width: 50px; height: 50px; border: 2px solid red; border-radius: 50%; color: red; display: flex; align-items: center; justify-content: center; opacity: 0.5; transform: rotate(-15deg); font-size: 12px; }

.right-links{float:right;display:flex;align-items:center;}
.right-links .links-btn { border: 1px solid blue; color: blue; padding: 0px 10px; border-radius: 3px; position: relative; margin-left: 10px; line-height: 25px; cursor: pointer; text-decoration: none; }

.bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; /*max-width: 420px; */ margin: 0 auto; display: flex; justify-content: space-around; background: var(--card-bg); border-top: 1px solid var(--border-color); padding: 5px 0; }
.nav-item { text-align: center; font-size: 10px; color: var(--text-color-secondary); }
.nav-item .icon { font-size: 24px; }
.nav-item.active { color: var(--text-color-primary); }


/* ֧������ */
.opvip-popu{ width:90%;background:#fff;position:fixed;top:0px;right:0px;bottom:0px;left:0px;border-radius:10px;box-shadow:0 0 15px var(--black30);z-index:100;margin: auto;height: min-content;}
.opvip-popu .title{font-size:16px;font-weight:bold;text-align:center;padding:10px;border-bottom:1px solid #efefef;}
.opvip-popu .closebtn{width:24px;height:24px;position:absolute;top:10px;right:10px;}
.opvip-popu .closebtn::before,.opvip-popu .closebtn::after{content:"";background:#bbb;width:80%;height:1px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);position:absolute;}
.opvip-popu .closebtn::after{transform:translate(-50%,-50%) rotate(-45deg);}
.opvip-popu .fixedBox{padding:20px;}
.opvip-popu .fixedBox .btn{width:calc(50% - 15px);background:linear-gradient(180deg,#FDEBB3,#FFFCF4);border:1px solid #F7DBA5;border-radius:12px;margin:5px;display:inline-block;cursor:pointer;vertical-align: top;}
.opvip-popu .fixedBox .DYdate{background:#765E37;color:#FFD77A;font-size:12px;line-height:18px;text-align:center;font-style:normal;width:max-content;padding:0 10px;margin:0 auto;border-radius:0 0 10px 10px;display:block;}
.opvip-popu .fixedBox .btn:hover .DY {color: #d89700;transition: all 0.2s linear;}
.opvip-popu .fixedBox .DY{ color: #765E37; font-size: 14px; text-align: center; font-weight: bold; border-top: 1px solid #f4ebce; padding: 5px;}
.opvip-popu .fixedBox .price{font-size:20px;font-weight:bold;text-align:center;padding:10px 0;height: 50px;}
.opvip-popu .fixedBox .price .unit{color:#666;font-size:12px;font-weight:normal;vertical-align:2px;}
.opvip-popu .fixedBox .price .del{text-decoration:line-through;}
.agree{color:#666;font-size:12px;text-align:center;margin:0 0 20px 0;}
.agree input{vertical-align:-2px;margin-right:2px;}
.agree a{color:#2885d1;}
.my-coin-yellow{color:#fb8c00;}
.payTipWin{font-size:14px;text-align:left;line-height:25px;padding:10px;}
.payTipWin .pay{font-size:16px;font-weight:bold;padding:6px 10px;margin-bottom:10px;border-radius:5px;}
.payTipWin .pay .QB{background:url(./images/QBpay.png)no-repeat left;color:#fb8c00;font-size:22px;font-weight:bold;padding-left:24px;margin-left:10px;float:right;}
.discount{color:#666;font-size:12px;float:right;}
.discount b{color:#bd6900;padding:0 2px;}
.layui-layer-btn .layui-layer-btn1{background-color:#b2b2b2;color:#fff;border-color:#b2b2b2;border-radius:4px;padding:0 30px;margin:0 auto;margin-left:10px;}
       #backgound{position:fixed;left:0px;top:0px;right:0px;bottom:0px;margin:auto; height:100vh;width:100%;background-color:#333;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.filter-option.choose-me {
    background-color: #F9AF06 !important;
    color: #fff;
}
.filter-option.choosewin {
    background-color: #ED4337 !important;
    color: #fff;
}

.filter-option.chooselose {
    background-color: #aaaaaa !important;
    color: #fff;
}

.tabNum.issue-on {
    background-color: #0A8FEA;
    color:#fff;
}
.no-data {
    color: #666;
    font-size: 14px;
    text-align: center;
    padding: 20px;
}

.no-data img {
    height: 100px;
    margin: 0 auto;
    display: block;
}

.rating { --percent: 0; /* 0 ~ 100 */ position: relative; display: inline-block; font-size: 15px; /* 控制星星大小 */ line-height: 1; letter-spacing: 0px; /* 星与星间距，before/after 保持一致即可 */ color: #fff; /* 未选中灰色 */ }
.rating::before { content: "★★★★★"; }
.rating::after { content: "★★★★★"; position: absolute; inset: 0 auto auto 0; /* top:0; left:0; */ width: calc(var(--percent) * 1%); /* 百分比宽度裁切，自动形成半星效果 */ overflow: hidden; color: #ffb400; /* 选中颜色（可换为品牌色） */ white-space: nowrap; pointer-events: none; }
.dark .rating { color: #fff; }


.back-btn{ font-size: 16px; color: #fff; position: fixed; display: flex; background: #439bff; width: 100%; padding: 10px 20px 8px 20px; align-items: center; }

.icon-back{ background:url(/images/back-icon.svg) no-repeat center;background-size:100%;width:12px;height:24px;margin-right: 6px; }

.statement{ font-size: 12px; color: #AAA; line-height: 14px; padding: 0px 10px 20px 10px; text-align: center;}

.ai-banner{ padding:20px 0px 10px 0px;position: relative;  border-radius: 10px; box-sizing: border-box;}
.ai-banner img { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 10px;}
.ai-more-btn{width:84px; position: absolute;right: 36px;top: 36px;cursor: pointer;}
.AI-group{display: inline-block;width: calc(100% - 48px); background: #fff; margin:0 10px; padding: 12px; border-radius: 8px;}
.left-part-logo{ background: url(/images/ai-group.svg) no-repeat center; background-size: 100%; width: 144px; height: 30px; float: left; }
.left-part-logo2{ background:url(/images/ai-num.svg) no-repeat center;background-size:100%;width: 150px; height: 30px; float: left; }
.right-btn-part{float: right;height: 30px; text-align: center;}
.ai-group-btn{ height: 30px; align-items: center; text-decoration: none; -webkit-tap-highlight-color: transparent; outline: none; border: none; border-radius: 100px; background: linear-gradient(95.94deg, #00aaff, #1c90ff); line-height: 30px; align-items: center; width: 80px; text-align: center; font-size: 14px; color: #fff !important; margin-right: 8px;
    display: inline-block;} 
 .ai-group-btn:last-child{margin-right: 0px;}
.old-enter2{display: none;}
 .pop-out{     display: flex ; min-width: 352px; color: #141414; background-color: #fff; border-radius: 8px; position: fixed;  justify-content: center; margin: auto; flex-direction: column; align-items: center;z-index:3;left:0px;right:0px;top:0px;bottom:0px;height:min-content;width:20%; }
 .pop-out-title{font-size: 16px;font-weight: 600;line-height: 20px;padding: 16px; }
 .pop-out-content{font-size: 14px;line-height: 18px;margin: 0px 16px 16px 16px;line-height: 20px;}
 .pop-out2-content{ffont-size: 14px; margin: 16px; line-height: 20px; width: 100%; background-color: #fff; padding-top: 16px; border-radius: 6px;}
 .pop-out-bottom{border-top: 0.5px solid #CCCCCC; color: #BFBFBF; font-size: 16px; line-height: 20px; width: 100%; text-align: center; padding: 16px 0;}
 .pop-out-bottom2{color: #141414;border-top: 0.5px solid #CCCCCC; font-size: 16px; line-height: 20px; width: 100%; text-align: center; padding: 16px 0;}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
/*.match-content {
    column-count: 2;*/ /* 创建两列 */
    /*column-gap: 20px;*/ /* 设置列之间的间隙 */
/*}
.match-list {*/
  
/*      width: calc(50% - 10px);
    flex-direction: column;*/
    /*background: #fff;
    box-shadow: 0px 0px 10px rgba(39,96,251,0.05);
    border-radius: 10px;*/
    /*float: left;*/
    /*margin: 10px auto;
}*/

.back-btn2{ font-size: 16px; color: #fff; display: flex; background: #439bff; width: 100%; padding: 10px 20px 8px 20px; align-items: center; }
.img-content{width: 840px;
    margin: 20px auto;
    text-align: center;
    padding: 0px 120px;}
.subscribeBox h3 {
    display: flex;
    flex-direction: row;
}

    .subscribeBox h3 .highlight {
        color: #FF6B42
    }


    .container3 {
            width: 840px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
        }
   

   /* ====== 瀑布流容器 ====== */
        .container {
            width: 1080px;
            margin: 0 auto;
            position: relative;
        }
   
   
       .waterfall{
            display:flex;          /* 先让浏览器正常折行 */
            flex-wrap:wrap;
        }

        .card {
			width:520px;           /* 固定列宽 */
            max-width:100%;
            background: rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
			margin-bottom: 20px;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            background: rgba(255, 255, 255, 0.12);
        }


       /* ====== 响应式 ====== */
        @media (max-width:1100px){
            .container{width:100%;padding:0 20px}
        }
        @media (max-width:560px){
            .card{width:100%}        /* 单栏 */
        }
   

        .pop-out2{ margin: auto;z-index:3;display: flex ; border-radius: 8px; justify-content: center; flex-direction: column; align-items: center; min-width: 352px; background: #fff; position: fixed;left:0px;right:0px;top:0px;bottom:0px;height:min-content;width:20%;}

.pop-out2Content{ display: flex
;
    /* min-width: 300px; */
    color: #141414;
    background: linear-gradient(180deg, #cfe8ff, #fff);
    border: 1px solid #fff;
    border-radius: 8px;
    justify-content: center;
    /* margin: auto; */
    flex-direction: column;
    align-items: center;
    /* height: min-content; */
    width: calc(100% - 42px);
    padding: 20px 20px 0px 20px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);}    

.top-title{background:url(/images/title-bg.svg) no-repeat center;background-size:100%;width: 266px; height: 18px;}
.pop-out-content {display: flex
;
    flex-direction: column;
    /* width: 100%; */
    border-radius: 10px;
    background-color: #fff;
    padding: 0px 0px 6px 0px;
    /* margin-top: 18px;*/ }

.pop-out-content2{    
   color: #333;
    font-size: 14px;
    line-height: 18px;
    /* margin: 0px 16px 16px 16px; */
    display: flex
;
    flex-direction: row;
    align-items: center;
    margin-left: 18px;
    margin-bottom: 12px;
}    

.pop-out2-btn{align-items: center;
  justify-content: center;text-decoration: none;-webkit-tap-highlight-color: transparent;outline: none;border: none;border-radius: 100px;background: linear-gradient(95.94deg, #00aaff, #1c90ff); line-height: 20px; align-items: center; padding: 10px 20px;width: 100%;
 box-sizing: border-box; text-align: center; font-size: 14px; color: #fff;font-weight: 500;}

.text-cancel{text-align: center;font-size: 12px;color: #b5b5b5;line-height: 18px;margin:12px 0px 16px 0px;cursor: pointer;} 
.icon-tick{ background:url(/images/tick.png) no-repeat center;background-size:100%;width:18px;height:18px;margin-right: 6px; }


.stars-wrapper {
            display: flex;
        }

        .Star {
    
    width: 14px;
    height: 14px;
    position: relative;
    color: #e0e0e0;      /* 灰色底星颜色 */
    font-size: 14px;
    line-height: 1;
}

       

        /* 底层白色星星（未填充部分） */
        .Star-bg {
            position: absolute;
            left: 0;
            top: 0;
            color: #fff;
        }

        /* 上层黄色星星（填充部分） */
        .Star-fill {
            position: absolute;
            left: 0;
            top: 0;
            color: #ffd700;
            overflow: hidden;
            width: 0; /* 默认不显示 */
            transition: width 0.3s ease;
        }

        /* 满星：黄色层宽度100% */
        .Star.full .Star-fill {
            width: 100%;
        }

        /* 半星：黄色层宽度50% */
        .Star.half .Star-fill {
            width: 50%;
        }

   .middle-line-text {
  text-decoration-line: line-through; 
  text-decoration-style: solid; 
  text-decoration-thickness: 1px; 
  color: #868686;
  font-weight: 400;
  font-size: 16px;
}      

.old-enter{position: absolute; left: 1088px; width: 63px; height: 178px; background: #000; border-radius: 10px;cursor: pointer;}
.old-enter:hover{cursor: pointer;}
.old-enter img{cursor: pointer;}
/* 免责声明 */
.disclaimer{background:#fff;font-size:12px;text-align:left;line-height:20px;border-radius:10px;margin:6px 0;padding-bottom:12px;clear: both;}
.disclaimer h3{font-size:16px;font-weight:bold;line-height:22px;padding:10px;margin:0;border-bottom:1px solid #eee;}
.disclaimer p{font-size:14px;padding:10px 0px 0 0px;margin:0 20px;}


.group-enter{ 
       margin: 0 auto 10px;
    text-align: center;
    justify-content: center;
    color: #F44336 !important;
    font-size: 16px;
    font-weight: bold;
   }


 .group-enter a{text-decoration: none;color: #F44336 !important;}