/*

*/



/*==========自定义CSS请添加在以下，请勿修改以上信息！==========*/
/*首页卡片*/
/* 默认状态（日间模式） */
.single-content h2 {
    color: #1a1a1b; /* 或者使用 Tailwind 默认的灰色 text-gray-900 */
    transition: color 0.3s ease; /* 增加平滑过渡感 */
}
/* 深色模式状态 */
.dark .single-content h2 {
    color: #f5f5f7 !important; /* 强制变为浅灰色或白色 */
}
blockquote {
	  background-color: #3cb362 !important;
    box-shadow: 3px 3px 6px #ffffff00, -3px -3px 6px #392f2f00 !important;
    border-color: #495a75 !important;
}

blockquote p {
	color: #ffffff !important;
}
.ceo-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}


/* 评论者等级 */
.post-author{font-size:12px;margin-left:4px;padding:1px 4px 2px 4px;background:#555;border-radius:4px;color:#fff;}
.com-level{margin:0 5px 0 4px;cursor:default;}
.com-level sub{margin-left:-1px;font-weight:bold;vertical-align:-1px;font-size:10px;font-family:sans-serif,Helvetica,Arial;}
.vip1{color:#c0c0c0;} /* 微光灰 */
.vip2{color:#a0a0a0;} /* 哑光灰 */
.vip3{color:#9e7a5d;} /* 古朴青铜 */
.vip4{color:#b87333;} /* 经典青铜 */
.vip5{color:#cb6d1e;} /* 赤铜 */
.vip6{color:#cc8400;} /* 暗金 */
.vip7{color:#d4af37;} /* 古典金 */
.vip8{color:#ffb800;} /* 亮金 */
.vip9{color:#ffa500;} /* 华贵金 */
.vip10{color:#ff8c00;} /* 流光金 */
.vip11{color:#da70d6;} /* 紫金 */
.vip12{color:#a42be2;} /* 至尊紫金 */

.single-content h3 {
    font-weight: bold;
}

.single-content h2 {
    font-weight: bold;
}

.single-content h4 {
    font-weight: bold;
}
/* 定义CSS变量 */
/* 容器样式 */
.policy-container {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border: 1px solid #eee;
}

/* 标题样式：带有左侧装饰条 */
.policy-container h2 {
    border-left: 4px solid #3498db;
    padding-left: 15px;
    margin-top: 40px;
    font-size: 1.4rem;
}

/* 语言区分样式：让中英文更有层次感 */
.lang-en {
    color: #555;
    font-style: italic;
    margin-bottom: 5px;
    display: block;
}

.lang-cn {
    color: #2c3e50;
    font-weight: 500;
    display: block;
}

/* 警示框增强：带有脉冲边框效果 */
.disclaimer-box {
    border: 2px dashed #e74c3c !important;
    background-color: #fff5f5 !important;
    transition: all 0.3s ease;
}

.disclaimer-box:hover {
    background-color: #fee2e2 !important;
}
:root {
    --uczyw-bg: #f3f5f8;
    --uczyw-border-radius: 15px;
    --uczyw-bttn-radius: 10px;
    --uczyw-bg-image: url(https://i0.wp.com/www.uczyw.cn/wp-content/uploads/2025/10/2025101512092430.webp);
   /* --uczyw-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;*/
    --uczyw-shadow: none;
    --uczyw-night-shadow: none;
    --uczyw-border: 1px solid #fff;
    --uczyw--night-border: 1px solid #a9a9a9;
    --uczyw-transition: box-shadow .3s ease-in-out;
}

/* 创建基础类 */
.ug-card {
    background: var(--uczyw-bg);
    border-radius: var(--uczyw-border-radius);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: var(--uczyw-bg-image);
    box-sizing: border-box;
    border: var(--uczyw-border);
   /* box-shadow: var(--uczyw-shadow);*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: var(--uczyw-transition);
}
.ug-bttn {
    background: var(--uczyw-bg);
    border-radius: var(--uczyw-bttn-radius);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    box-sizing: border-box;
    border: var(--uczyw-border);
   /* box-shadow: var(--uczyw-shadow);*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: var(--uczyw-transition);
}
.night .ug-bttn {
    background: #191f28;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #81818100;
    border: 2px solid #bbbbbb00;
    transition: box-shadow .3s 
ease-in-out;
}
.night .ug-card {
    background: #191f28;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #81818100;
    border: 2px solid #bbbbbb00;
    transition: box-shadow .3s 
ease-in-out;
}
.ceo-input, .ceo-select, .ceo-textarea {
    max-width: 100%;
    width: 100%;
    color: #666;
    transition: 0.2s 
    ease-in-out;
    transition-property: color, background-color, border;
    border-radius: 10px;
    border: 1px solid #babac1;
    padding: 10px;
}
.card-title-desc {
    overflow: hidden;text-overflow: ellipsis;font-size: 14px;align-items: flex-end;padding: 10px;
}
.card-title-c {
    overflow: hidden;text-overflow: ellipsis;font-size: 14px;align-items: flex-end;padding: 10px;
}
/* 1. 统一弹窗容器样式，解决宽度冲突 */
.ceo-modal {
    /*display: none;*/
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010; /* 确保弹窗在最上层 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px; /* 预留边距，避免弹窗贴边 */
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .15s linear;
}

/* 2. 修复弹窗主体尺寸，适配多设备 */
.ceo-modal-dialog {
    position: relative;
    box-sizing: border-box; /* 确保padding不影响总宽度 */
    margin: 0 auto;
    width: 100%; /* 基础宽度100%，通过max-width限制最大尺寸 */
    max-width: 600px; /* 最大宽度600px，覆盖所有设备 */
    padding: 30px;
    background: #e6e7ee;
    border-radius: 12px; /* 统一圆角，与内容区呼应 */
    opacity: 0;
    transform: translateY(-20px); /* 小幅上移，避免过渡动画突兀 */
    transition: opacity .3s linear, transform .3s ease-out; /* 平滑过渡 */
}

/* 3. 针对性修复首页弹窗样式 */
#home-modal .ceo-tan {
    /*background: transparent; /* 明确透明背景，避免继承冲突 */
}
.home-modal {
    max-width: 600px; /* 移除!important，通过优先级控制 */
}

/* 4. 优化内容区尺寸，解决移动端冲突 */
.home-modal-main {
    background: #fff;
    margin: 80px auto 0; /* 居中显示 */
    width: 100%; /* 继承弹窗宽度 */
    max-width: 90%; /* 最大占屏幕80%，避免过宽 */
    border-radius: 12px;
    min-height: 200px;
    box-shadow: 0 4px 8px rgba(7, 17, 27, .1);
}
/* 移动端适配：调整边距和宽度 */
@media screen and (max-width: 800px) {
    .home-modal-main {
        margin: 40px auto 0; /* 减少顶部距离，适配小屏 */
        max-width: 90%; /* 移动端占屏90%，更紧凑 */
    }
    .ceo-modal-dialog {
        padding: 20px; /* 减少内边距，节省空间 */
    }
}

/* 5. 修复弹窗显示状态的动画 */
.ceo-modal.ceo-open {
    display: flex; /* 替换display: none，让弹窗可见 */
    opacity: 1;
}
.ceo-modal.ceo-open .ceo-modal-dialog { /* 注意选择器层级，避免冲突 */
    opacity: 1;
    transform: translateY(0); /* 从-20px移到正常位置 */
}