/* index.css - 公共样式 */

/*多色变量*/
:root{
	--bg:#ffffff;
	--bg-gray:#f8fafc;
	--bg-gray1:#f4f7fade;
	--header:#fff;
	--index-left:#ffffff;
	--index-right:rgb(249,249,249);
	--swiper-p-b:#000;
	--card:#ffffff;
	--card-border:#edf0f5;
	--text:#111827;
	--text2:#6b7280;
	--border:#edf0f5;
	--doc-top:#fff;
	--webkit-scrollbar:#f4f7fa;
	--webkit-scrollbar-thumb:rgba(75,75,75,0.5);

}

[data-theme="dark"]{
	--bg:#1a242f;
	--bg-gray:#243447;
	--bg-gray1:#243447;
	--header:#203042;
	--index-left:#14181d;
	--index-right:#1d232a;
	--swiper-p-b:#ffffff;
	--card:#1e2a36;
	--card-border:#4c5762;
	--text:#f8fafc;
	--text2:#cbd5e1;
	--border:#334155;
	--doc-top:#263747;
	--webkit-scrollbar:#5b6f869e;
	--webkit-scrollbar-thumb:rgb(0 0 0 / 56%);

}

/* 浏览器滚动条 */
::-webkit-scrollbar {
	width:7px;  /* 滚动条宽度 */
	height:7px  /* 横向滚动条高度 */
}
::-webkit-scrollbar-track {
    background: var(--webkit-scrollbar);
	border-radius:10px
}
::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:var(--webkit-scrollbar-thumb);   /* 滑块颜色 */
}
::-webkit-scrollbar-thumb:hover {
	background:rgba(106,106,106,0.5)
}
::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(120,120,120,0.2)
}

/* 全局 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, body {
	width: 100%;
	overflow-x: hidden;
	font-family: "PingFang SC","Microsoft YaHei",sans-serif;
	color: var(--text);
	background: var(--bg);
}
footer{
    background: var(--header);
    border-top: 1px solid var(--border);
    box-shadow: 0 -8px 20px rgba(0,0,0,.04);
}
pre code {
    font-size: 0.9rem;
    color: #f8fafc;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
pre {
    font-size: 0.9rem;
    padding: 12px;
    line-height: 1.5;
    overflow-x: auto;
    background: #0d1117;
    border-radius: 14px;
}
a {
    color: var(--text2);
}
.bg-white { background: var(--bg); }
.bg-gray { background: var(--bg-gray); }
.bg-gray1 { background: var(--bg-gray); }
.bg-border { border-bottom: 1px solid #edf0f5;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.page-full{
    min-height: calc(100vh - 79px);
}
.mouse-icon-container{
    position: absolute;
    bottom: 30px;
    left: 50%;
    gap: 10px;
    justify-content: center;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}
/* 其它4个按钮 */
.floating-tools{
	position:fixed;
	right:30px;
	bottom:200px;
	display:flex;
	flex-direction:column;
	gap:12px;
	z-index:9;
}
/* 按钮功能 */
.floating-action{
	width:30px;
	height:30px;
	border-radius:15%;
	background:#ffffff;
	color:#6b7280;
	border:1px solid #e5e7eb;
	font-size:16px;
	cursor:pointer;
	box-shadow:0 10px 30px 2px rgb(0 0 0 / 30%);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	transition:all .3s ease;
}
/* 按钮悬停 */
.floating-action:hover{
	transform:translateY(-3px);
	background:#07c160;
	color:#fff;
	border-color:#07c160;
}
/* 覆盖layui样式 */
.layui-layer{
    color:var(--text);
}
.layui-layer-title{
    color:var(--text);
}
.layui-layer-content{
    background:var(--bg);
}
/* 自定义layui loading动画 */
.layui-layer-loading .layui-layer-content {
    width: 200px !important;
    height: 200px !important;
}
.layui-layer-loading .layui-layer-content.layui-layer-loading3 {
  background: url(https://holiday.ailcc.com/static/image/system/loading.svg) no-repeat center !important;
  background-size: 50px;
}
/* 返回顶部 */
.back-to-top,
.back-to-bottom{
	position:fixed;
	right:30px;
    width: 30px;
    height: 30px;
	border-radius:15%;
	background:#ffffff;
    color:#6b7280;
    border:1px solid #e5e7eb;
	font-size:20px;
	cursor:pointer;
	box-shadow:0 10px 30px 2px rgb(0 0 0 / 30%);
	z-index:99999;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	visibility:hidden;
	transform:translateY(20px);
	transition:all .3s ease;
	padding:0;
}
.back-to-top{
	bottom:90px;
}
.back-to-bottom{
	bottom:50px;
}
.back-to-top.show,
.back-to-bottom.show{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.back-to-top:hover,
.back-to-bottom:hover{
	transform:translateY(-3px);
	background:#07c160;
    color:#ffffff;
    border-color:#07c160;
}
.back-to-top svg,
.back-to-bottom svg{
	display:block;
}
/* 点赞量 */
.like-box{
	position:relative;
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.like-btn{
	width:30px;
	height:30px;
	border-radius:15%;
	background:#ffffff;
	color:#6b7280;
	border:1px solid #e5e7eb;
	font-size:16px;
	cursor:pointer;
	box-shadow:0 10px 30px 2px rgb(0 0 0 / 30%);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	transition:all .3s ease;
}
.like-btn:hover{
	transform:translateY(-3px);
	background:#ff5722;
	color:#fff;
	border-color:#ff5722;
}
.like-icon{
	display:block;
	transition:.3s;
}
.like-btn.active .like-icon{
	transform:scale(1.3);
}
.like-count{
	position:absolute;
	right:35px;
	top:4px;
	height:22px;
	line-height:22px;
	min-width:22px;
	padding:0 6px;
	background:#ff5722;
	color:#fff;
	border-radius:11px;
	font-size:12px;
	text-align:center;
	box-shadow:0 5px 15px rgb(0 0 0 / 20%);
	white-space:nowrap;
}

/* 导航栏 */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 72px;
	background: var(--header);
	backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(0,0,0,.05);
	z-index: 9999;
	transform: translateY(-100%);
	transition: all 0.3s ease;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, .04);
}
.header.show { transform: translateY(0); }
.nav {
	width: 100%;
	max-width: 1400px;
	height: 100%;
	margin: 0 auto;
	padding: 0 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-right{
    display:flex;
    align-items:center;
}

/* LOGO */
.logo {
    display:flex;
	font-size: 24px;
	font-weight: 700;
	color: #07c160;
	position:relative;
    overflow:hidden;
}
.logo a {
    all: unset;
    cursor: pointer;
    position:relative;
    display:inline-block;
}
.logo img{
    height: 62px;
    width: auto;
    display: block;
}
.logo-light{
    display:block;
}
.logo-dark{
    display:none;
}
[data-theme="dark"] .logo-light{
    display:none;
}
[data-theme="light"] .logo-dark{
    display:none;
}
.logo-shine{
    position:absolute;
    top:-40%;
    left:-120%;
    width:50%;
    height:180%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.65),
        transparent
    );

    transform:skewX(-25deg);

    animation:logoShine 10s infinite;
}
@keyframes logoShine{
    0%{
        left:-120%;
    }
    8%{
        left:130%;
    }
    100%{
        left:130%;
    }

}
/* 导航 */
.menu {
	display: flex;
	align-items: center;
	gap: 40px;
}
.menu a {
	text-decoration: none;
	color: var(--text);
	font-size: 15px;
	font-weight: 500;
}
.menu-toggle {
	display: none;
	font-size: 28px;
	cursor: pointer;
}
/* 导航栏当前页面绿条标记 */
.menu .nav-item {
    position: relative;
    text-decoration: none;
    color: var(--text);
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 4px; /* 留出放绿条的间距 */
}

/* 绿色条条样式 */
.menu .nav-item.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px; /* 紧贴导航文字下方 */
    width: 100%;  /* 宽度和当前导航文字长度一样 */
    height: 3px;  /* 绿条高度 */
    background-color: #07c160;
    border-radius: 2px;
}

/* 鼠标悬停时也可以加个淡入的绿条或者保持变色（可选） */
.menu .nav-item:hover {
    color: #07c160;
}
/* 多色切换按钮 */
.theme-btn{
    width:38px;
    height:38px;
    margin-left:50px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#ffffff;
    cursor:pointer;
    font-size:18px;
    color:#6b7280;
    transition:.2s;
}
.theme-btn:hover{
	background:#07c160;
	border-color:#07c160;
	color:#ffffff;
}
/* 多色切换通知 */
#theme-toast{
    position:fixed;
    top:75px;
    left:50%;
    transform:translateX(-50%) translateY(-20px);
    min-width:260px;
    max-width:90%;
    padding:14px 18px;
    border-radius:10px;
    background:rgba(0,0,0,.82);
    color:#fff;
    text-align:center;
    font-size:14px;
    line-height:1.6;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
    z-index:99999;
}
#theme-toast.show{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.swiper-pagination-bullet {
    background:var(--swiper-p-b);
}
/* 首页 Hero */
.hero, .doc-hero {
	width: 100%;
	height: 100vh;
	text-align: center;
}
.hero-container {
	width: 100%;
	height: 100%;
	display: flex;
	background: var(--index-left);
}
.hero-left{
	width:50%;
	height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:0 40px;
	position:relative;
	z-index:10;
}
.hero-title, .doc-hero h1 {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 24px;
	color: var(--text);
}

.hero-desc, .doc-hero p {
	font-size: 20px;
	line-height: 1.8;
	color: var(--text);
	max-width: 650px;
	margin-bottom: 40px;
}
.hero-buttons {
	display: flex;
	gap: 20px;
	margin-bottom: 70px;
}
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:54px;
	padding:0 34px;
	border:none;
	border-radius:10px;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	transition:.3s;
	text-decoration:none;
}
.btn-primary {
	background: #07c160;
	color: #fff;
}
.btn-primary:hover {
	background: #06ad57;
}
.btn-default {
	background: #f3f4f6;
	color: #333;
}
.btn-default:hover {
	background: #e5e7eb;
}
.stats {
	display: flex;
	gap: 60px;
}
.stat-number {
	font-size: 34px;
	font-weight: 700;
	color: #07c160;
}
.stat-text {
	margin-top: 8px;
	font-size: 14px;
	color: #9ca3af;
}

/* Hero右侧轮播 */
.hero-right {
	width: 50%;
	height: 100vh;
	background: var(--index-right);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.hero-swiper {
	width: 85%;
	height: 75%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero-swiper .swiper {
	width: 100%;
	height: 100%;
}
.hero-swiper .swiper-wrapper {
	align-items: center;
}
.hero-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero-swiper img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
	object-fit: contain;
}
/* 累计调用 更新时长提示*/
.stat-badge{
    display:inline-block;
    margin-top:8px;
    padding:3px 10px;
    border-radius:20px;
    background:var(--bg-gray);
    color:#8a94a6;
    font-size:12px;
}

/* Swiper分页器 */
.swiper-pagination {
	bottom: 40px !important;
}
.hero-right .swiper-pagination{
	bottom:auto;
	top:calc(100% - 20px);
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}
.swiper-pagination-bullet-active {
	background: #07c160;
}

/* Section */
.section, .doc-section {
	padding: 120px 40px;
}
.container {
	max-width: 1400px;
	margin: 0 auto;
}
.section-title {
	font-size: 42px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 70px;
	color: var(--text);
}
.section-desc{
	max-width:900px;
	margin: -40px auto 60px;
	text-align:center;
	font-size:16px;
	line-height:1.8;
	color:var(--text2);
}

/* 核心特性 / 文档卡片 */
.features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
}
.card, .doc-card, .api-card {
	padding: 40px;
	border-radius: 20px;
	background: var(--card);
	border: 1px solid var(--card-border);
	box-shadow: 0 10px 30px rgba(0,0,0,.03);
	transition: 0.3s;
	margin-bottom: 30px;
}
.card:hover, .doc-card:hover, .api-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0,0,0,.06);
}
.card h3, .api-card h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: var(--text);
}
.card p, .doc-card p, .doc-card li, .api-card pre {
	line-height: 1.8;
	color: var(--text2);
	font-size: 16px;
	list-style:none;
}
/* 各接口访问量展示 */
.api-stat-card{
    background:var(--card);
    border-radius:16px;
    padding:30px 20px;
    text-align:center;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.api-stat-card:hover{
    transform:translateY(-5px);
}

.api-stat-title{
    font-size:28px;
    margin-bottom:15px;
}

.api-stat-name{
    font-size:16px;
    color:#333;
    margin-bottom:15px;
}

.api-stat-count{
    font-size:32px;
    font-weight:700;
    color:#1677ff;
}

.api-stat-label{
    font-size:14px;
    color:var(--text2);
    margin-top:5px;
}

.api-stat-update{
    display:inline-block;
    margin-top:15px;
    padding:3px 12px;
    border-radius:20px;
    background:var(--bg-gray);
    color:#8a94a6;
    font-size:12px;
}


/* API文档 */
.api-grid{
	margin-bottom:30px;
}
.api-card h3{
	font-size:28px;
	font-weight:700;
	color:var(--text);
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:1px solid #edf0f5;
}
.api-card h4{
	font-size:18px;
	font-weight:600;
	line-height:1.8;
	color:var(--text2);
	margin:15px 0;
}
.api-card ul{
	list-style:none;
	padding:0;
	margin:0 0 25px;
}

.api-card li{
	display:flex;
	align-items:flex-start;
	line-height:1.9;
	margin-bottom:12px;
	font-size:15px;
	color:var(--text2);
	word-break: break-word;
}
.tips-17 {
    font-size: 20px;
    color:var(--text2);
    font-weight: 600;
    display: inline-block;   /* 关键：让 width 生效 */
    width: 9em;              /* 6个字宽度 */
    white-space: nowrap;     /* 禁止换行 */
}
.tips-content{
	flex:1;
	color:var(--text2);
	word-break:break-word;
}
.highlighter-rouge,
.api-card code{
	display:inline-block;
	padding:4px 10px;
	background:#f3f4f6;
	border-radius:6px;
	font-family:Consolas,Monaco,monospace;
	font-size:14px;
	color:#07c160;
}
.api-card pre{
	margin-top:20px;
	padding:25px;
	background:#0d1117;
	border-radius:14px;
	overflow-x:auto;
	color:#f8fafc;
	line-height:1.8;
	font-size:14px;
}
.api-card pre code{
	padding:0;
	background:none;
	color:inherit;
	border-radius:0;
	display:block;
	white-space:pre;
}
.api-card a{
	color:#07c160;
	text-decoration:none;
}
.api-card a:hover{
	text-decoration:underline;
}
/* 示例标题 */
.api-card h4 + ul{
	margin-top:15px;
}
/* 接口地址高亮 */
.tips-content code{
	font-size:14px;
	font-weight:600;
}
/* 文档说明区域 */
.api-card p{
	line-height:1.9;
	color:#6b7280;
	margin-bottom:15px;
}

/* 示例代码块 */
.code-box {
	background: #0d1117;
	color: #fff;
	padding: 35px;
	border-radius: 20px;
	overflow: auto;
}
.code-box pre {
	font-size: 14px;
	line-height: 1.9;
}
/* 公告栏 */
.notice-bar{
	display:none;
	align-items:center;
	gap:12px;
	width:100%;
	max-width:1400px;
	margin:0px auto 30px;
	padding:7px 24px;
	background:#f0fdf4;
	border:1px solid #bbf7d0;
	border-radius:12px;
}
.notice-bar.show{
	display:flex;
}
.notice-tag{
	flex-shrink:0;
	height:28px;
	line-height:28px;
	padding:0 12px;
	border-radius:20px;
	background:#07c160;
	color:#fff;
	font-size:13px;
	font-weight:600;
}
.notice-content{
	font-size:15px;
	color:#166534;
	line-height:1.6;
}

/* 赞助模块 */
.sponsor-card img {
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.table-wrap {
	background: var(--card);
	border-radius: 20px;
	overflow: auto;
	box-shadow: 0 10px 30px rgba(0,0,0,.03);
}
.table-wrap table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.table-wrap th {
	background: var(--card);
}
.table-wrap th, .table-wrap td {
	padding: 16px 20px;
	border-bottom: 1px solid var(--card-border);
}

/* 历史更新 */
.history-box {
	text-align: center;
	margin-top: 40px;
}
.history-box a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	padding: 0 40px;
	border-radius: 10px;
	background: #07c160;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

/*目录导航*/
.layui-layer-title{
    color: var(--text) !important;
    background-color: var(--doc-top) !important;
}
/* 默认(明亮模式) */
html[data-theme="light"] .layui-layer-setwin a{
    filter: none;
    transition: filter .25s;
}

/* 暗黑模式 */
html[data-theme="dark"] .layui-layer-setwin a{
    filter: invert(1);
    transition: filter .25s;
}
#site-dir-content{
	margin:0;
	padding:0;
	height:100%;
}
#api-doc-toc{
    height: 558px !important;
    background: var(--doc-top);
}
.site-dir{
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
}
.site-dir li{
	margin: 6px 0;
}
.site-dir a{
	color: var(--text);
	text-decoration: none;
	font-size: 13px;
}
.site-dir a:hover{
	color: #07c160;
	font-weight: bold;
}
.site-dir a.active{
	color: #07c160;
	font-weight: bold;
}
.site-dir ul{
	margin-left: 15px;
}

/*  subscribe 页面 */
.subscribe-layout{
	display:grid;
	grid-template-columns:minmax(0,480px) minmax(0,1fr);
	gap:30px;
	align-items:start;
}
.subscribe-card,
.subscribe-intro{
	min-width:0;
}
.subscribe-card{
	position:sticky;
	top:100px;
}
.form-group{
	margin-bottom:20px;
}
.form-group label{
	display:block;
	margin-bottom:10px;
	font-size:15px;
	font-weight:600;
	color:var(--text2);
}
.form-group input,
.form-group select{
	width:100%;
	height:52px;
	padding:0 15px;
	border:1px solid #dbe2ea;
	border-radius:10px;
	font-size:15px;
	outline:none;
	background:var(--bg);
	color:var(--text2);
}
.form-group input:focus,
.form-group select:focus{
	border-color:#07c160;
}
.subscribe-btns{
	display:flex;
	gap:15px;
	margin-top:30px;
	flex-wrap:wrap;
}
.subscribe-intro p{
	line-height:1.9;
	color:#6b7280;
	margin-bottom:15px;
}
.subscribe-intro h3{
	font-size:20px;
	margin:25px 0 15px;
	color:var(--text2);
}
.subscribe-intro ul{
	padding-left:20px;
}
.subscribe-intro li{
	line-height:1.9;
	color:#6b7280;
	margin-bottom:8px;
}
.notice-box{
	padding:18px;
	margin-bottom:25px;
	background:#f0fdf4;
	border:1px solid #bbf7d0;
	border-radius:12px;
	color:#166534;
	line-height:1.8;
}
.example-image{
	width:100%;
	display:block;
	border-radius:16px;
	border:1px solid #edf0f5;
	margin-bottom:25px;
}
.verify-tips{
	margin-top:12px;
	font-size:12px;
	color:#9ca3af;
}

/* 为什么接受捐赠模块优化样式 */
.donation-container {
    max-width: 900px;
    margin: 0 auto;
}

.donation-card {
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: 20px;
    padding: 40px 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: flex-start;
    gap: 30px;
    transition: all 0.3s ease;
}

.donation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    border-color: rgba(7, 193, 96, 0.3);
}

.donation-icon {
    font-size: 40px;
    background: rgba(7, 193, 96, 0.1);
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.donation-content {
    flex: 1;
    font-size: 16px;
    line-height: 1.9;
    color: var(--text2);
}

/* 兼容富文本内部的段落和标题美化 */
.donation-content p {
    margin-bottom: 12px;
    color: var(--text2);
    line-height: 1.9;
}

.donation-content p:last-child {
    margin-bottom: 0;
}
.donation-story p {
    margin-bottom: 16px;
}
.donation-promises {
    background: rgba(7, 193, 96, 0.05);
    border-left: 4px solid #07c160;
    padding: 15px 20px;
    border-radius: 0 10px 10px 0;
    margin: 20px 0;
}
.donation-promises h4 {
    font-size: 15px;
    color: var(--text);
    margin-bottom: 8px;
}
.donation-promises ul {
    padding-left: 20px;
    margin: 0;
}
.donation-promises li {
    font-size: 14px;
    color: var(--text2);
    line-height: 1.8;
}
.donation-footer-quote {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed var(--card-border);
    text-align: center;
    color: #07c160;
    font-weight: 500;
}
.donation-action-wrap {
    margin-top: 20px;
    text-align: left; /* 如果你想让按钮居中，可以改成 center */
}

.donation-btn-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    background-color: #393D49; /* 保持与你整体风格一致的主题色 */
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.donation-btn-action:hover {
    background-color: #2b2e38;
    color: #fff;
    opacity: 0.95;
    transform: translateY(-1px);
}

/* 移动端自适应 */
@media (max-width: 768px) {
    .donation-card {
        padding: 25px 20px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    .donation-icon {
        width: 60px;
        height: 60px;
        font-size: 30px;
        border-radius: 15px;
    }
}


/* 赞助 / 捐赠板块样式 */
.donate-tab-container {
    margin-top: 20px;
}

/* 按钮导航栏容器 */
.donate-tab-nav {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    justify-content: center;
}
.donate-amount-btn {
    padding: 5px 12px;
    margin: 3px 4px 3px 4px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
}
.donate-amount-btn.active {
    background: #1E9FFF;
    color: #fff;
    border-color: #1E9FFF;
}
/* 鼠标悬停微调 */
.donate-amount-btn:hover {
    opacity: 0.9;
    filter: brightness(0.95);   /*亮度降低（变暗）*/
}
/* 捐赠切换按钮默认样式 */
.donate-btn {
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}


/* 按钮激活/高亮状态样式 */
.donate-btn.active {
    background: #07c160;
    color: #fff;
    border-color: #393D49;
}

/* 鼠标悬停微调 */
.donate-btn:hover {
    opacity: 0.9;
    filter: brightness(0.95);   /*亮度降低（变暗）*/
}

/* 内容面板外框 */
.donate-tab-content-wrap {
    text-align: center;
    border: 1px solid var(--bg-gray1);
    padding: 20px;
    border-radius: 8px;
    background: var(--bg);
}

/* 单个二维码面板标题 */
.donate-pane-title {
    margin-bottom: 12px;
    font-weight: bold;
    color: var(--text2);
}

/* 二维码图片样式 */
.donate-pane-img {
    max-width: 180px;
    height: auto;
    display: block;
    margin: 0 auto 12px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* 描述文字样式 */
.donate-pane-desc {
    font-size: 13px;
    color: #666;
    margin: 0;
}

/* 兜底图片容器 */
.donate-fallback {
    text-align: center;
    margin-top: 15px;
}

.donate-fallback img {
    max-width: 150px;
    height: auto;
}

/* 邮箱验证码弹窗 */
.subscribe-email-verify-mask{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(17,24,39,.45);
	backdrop-filter:blur(4px);
	z-index:10000;
}
.subscribe-email-verify-box{
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:92%;
	max-width:460px;
	background:var(--bg);
	border:1px solid #edf0f5;
	border-radius:20px;
	box-shadow:0 20px 60px rgba(0,0,0,.12);
	padding:28px;
	z-index:10001;
}
.subscribe-email-verify-button{
	position:absolute;
	right:18px;
	top:18px;
	width:32px;
	height:32px;
	border:none;
	border-radius:50%;
	background:#f3f4f6;
	color:#6b7280;
	font-size:18px;
	cursor:pointer;
	transition:.2s;
}
.subscribe-email-verify-button:hover{
	background:#e5e7eb;
	color:#111827;
}
.subscribe-email-verify-title{
	font-size:24px;
	font-weight:700;
	color:var(--text2);
	margin-bottom:12px;
}
.subscribe-email-verify-connect{
	font-size:14px;
	line-height:1.7;
	color:#6b7280;
	margin-bottom:18px;
}
.subscribe-email-verify-email{
	color:#07c160;
	font-weight:600;
}
.subscribe-email-verify-code{
	width:100%;
	height:52px;
	padding:0 16px;
	border:1px solid #dbe2ea;
	border-radius:10px;
	background:var(--bg);
	font-size:15px;
	color:var(--text2);
	outline:none;
}
.subscribe-email-verify-code:focus{
	border-color:#07c160;
	box-shadow:0 0 0 4px rgba(7,193,96,.12);
}
.subscribe-email-button{
	display:flex;
	gap:12px;
	margin-top:20px;
}
.subscribe-email-button-Cancel{
	flex:1;
	height:48px;
	border:1px solid #dbe2ea;
	border-radius:10px;
	background:#f3f4f6;
	color:#374151;
	font-size:14px;
	font-weight:500;
	cursor:pointer;
	transition:.2s;
}
.subscribe-email-button-Cancel:hover{
	background:#e5e7eb;
}
.subscribe-email-button-Submit{
	flex:1;
	height:48px;
	border:none;
	border-radius:10px;
	background:#07c160;
	color:#ffffff;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	transition:.2s;
}
.subscribe-email-button-Submit:hover{
	opacity:.9;
}
.verify-tips{
	margin-top:14px;
	font-size:12px;
	line-height:1.6;
	color:#9ca3af;
}

/* subscribe 右侧轮播 */
.subscribe-right {
	width:100%;
	max-width:97%;
	background: var(--bg);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
/* subscribe 右侧轮播标题、描述 */
.subscribe-preview{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.subscribe-preview-image{
	width:100%;
	display:block;
	border-radius:16px;
	border:1px solid #edf0f5;
	margin-bottom:20px;
}
.subscribe-preview-info{
	width:100%;
	text-align:center;
	padding:0 20px 20px;
}
.subscribe-preview-title{
	font-size:22px;
	font-weight:700;
	line-height:1.4;
	color:var(--text);
	margin-bottom:12px;
}
.subscribe-preview-desc{
	font-size:14px;
	line-height:1.8;
	color:var(--text);
}

/* 订阅页轮播分页器 */
.subscribe-right .swiper{
	padding-bottom:40px;
}

.subscribe-right .swiper-pagination{
	bottom:auto;
	top:calc(100% - 35px);
}

/* Toast提示 */
#toast-container{
	position:fixed;
	right:70px;
	bottom:24px;
	z-index:20000;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	pointer-events:none;
}
.toast-item{
	max-width:320px;
	padding:14px 18px;
	margin-top:12px;
	background: var(--bg);
    color: var(--text);
	border:1px solid var(--border);
	border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	font-size:14px;
	line-height:1.6;
	opacity:0;
	transform:translateY(20px);
	transition:all .3s ease;
}
.toast-item.show{
	opacity:1;
	transform:translateY(0);
}
.toast-item.fade-out{
	opacity:0;
	transform:translateY(20px);
}
/* 成功 */
.toast-success{
    background:#07c160;
    color:#fff;
}
/* 错误 */
.toast-error{
    background:#ff5722;
    color:#fff;
}
/* 警告 */
.toast-warning{
    background:#ffb800;
    color:#fff;
}
/* 普通提示 */
.toast-info{
    background:#1e9fff;
    color:#fff;
}

/* tickets 页面工单表单 */
.layui-form-select .layui-input {
    background: var(--bg);
    color: var(--text);
}
.layui-form-select dl {
    background: var(--bg);
    color: var(--text);
}
.layui-form-select dl dd:hover {
    background-color: var(--webkit-scrollbar-thumb);
}
.ticket-form {
    margin-top:10px;
}
.ticket-form-box{
    display:flex;
    flex-direction:column;
    gap:20px;
}
/* 大文本框 */
.ticket-textarea-wrap{
    width:100%;
}
.ticket-textarea{
    width:100%;
    min-height:160px;
    padding:16px 18px;
    border:1px solid #dbe2ea;
    border-radius:12px;
    font-size:15px;
    line-height:1.8;
    resize:vertical;
    outline:none;
    background:var(--bg);
    color:var(--text);
    transition:.2s;
}
.ticket-textarea:focus{
    border-color:#07c160;
    box-shadow:0 0 0 4px rgba(7,193,96,.12);
}
/* 表单行 */
.ticket-form-row{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr auto auto;
    gap:12px;
    align-items:center;
}
/* 输入框 */
.ticket-input,
.ticket-select{
    height:52px;
    padding:0 14px;
    border:1px solid #dbe2ea;
    border-radius:10px;
    font-size:15px;
    background:var(--bg);
    color:var(--text);
    outline:none;
    transition:.2s;
}
.ticket-input:focus,
.ticket-select:focus{
    border-color:#07c160;
    box-shadow:0 0 0 4px rgba(7,193,96,.12);
}
/* 按钮微调（对齐你 btn 体系） */
.ticket-submit,
.ticket-cancel{
    height:52px;
    padding:0 24px;
    border-radius:10px;
}
/* 默认隐藏取消按钮 */
.ticket-form-cancel {
    display: none;
}

.ticket-list {
    margin-top: 20px;
}
/* 每条工单容器 */
.ticket-item {
    border-radius: 10px;
    padding: 14px 0px 14px 12px;
    margin-bottom: 14px;
    margin-top: 10px;
    transition: all 0.2s ease;
}
/* hover：轻微层级感 */
.ticket-item:hover {
    transform: translateY(-2px);
}
/* 内容卡片 */
.ticket-item-all{
    background:var(--bg);
    border:1px solid #edf0f5;
    border-radius:12px;
    padding:16px 16px;
    transition:.2s;
}
.ticket-item-all:hover{
    border-color: rgba(7,193,96,0.25);
    box-shadow:0 8px 24px rgba(0,0,0,0.05);
}
/* 头部结构 */
.ticket-header-wrapper {
    display: flex;
    align-items: flex-start;
}
/* 头像 */
.ticket-avatar {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-right: 12px;
}
.ticket-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border:1px solid #edf0f5;
}
/* 标题行 */
.ticket-header {
    font-size: 14px;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
}
/* 普通类型 */
.ticket-header .ticket-type {
    font-size: 12px;
    color: #6b7280;
    font-weight: normal;
    background:#f3f4f6;
    padding:2px 8px;
    border-radius:20px;
}
/* 管理员 */
.ticket-header .ticket-type-admin {
    color: #fff;
    background:#07c160;
}
/* 时间 */
.ticket-time {
    font-size: 12px;
    color: #9ca3af;
    margin-bottom: 6px;
}

/* 内容区 */
.ticket-content {
    font-size: 14px;
    color: var(--text);
    background-color: var(--bg-gray);
    border: 1px solid #edf0f5;
    border-radius: 10px;
    padding: 12px;
    margin-top: 7px;
    line-height: 1.7;
    white-space: pre-wrap;
}
/* @ 回复高亮 */
.ticket-content span {
    color:#07c160;
    font-weight:600;
}

/* 管理员回复 */
.ticket-reply {
    font-size: 12px;
    color: #07c160;
    margin-top: 6px;
}
/* 分页 */
.ticket-pagination-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}
.ticket-pagination a,
.ticket-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    margin: 0 2px;
    background-color: #fff;
    color: #4b5563;
    border: 1px solid #edf0f5;
    border-radius: 8px;
    text-decoration: none;
    font-size: 12px;
    min-width: 30px;
    height: 30px;
    transition: .2s;
}
.ticket-pagination a:hover {
    border-color: #07c160;
    color: #07c160;
}
.ticket-pagination span {
    background-color: #07c160;
    color:#fff;
    border-color:#07c160;
}
/* 当前页（替代 layui disabled） */
.ticket-pagination .layui-btn-disabled {
    background-color: #07c160;
    color: #fff;
    cursor: default;
    border: 1px solid #07c160;
}
/* 回复按钮动画 */
.ticket-reply-btn {
    opacity: 0;
    transform: scale(0.8);
    transition: all .2s ease;
    font-size: 12px;
    margin-left: 10px;
    height: 26px;
    padding: 0 10px;
    border-radius: 8px;
    background:#07c160;
    color:#fff;
    border:none;
    cursor:pointer;
}
/* hover 显示 */
.ticket-item-all:hover .ticket-reply-btn {
    opacity: 1;
    transform: scale(1);
    animation: bounceIn 0.5s;
}
/* UserAgent */
.ticket-comment-os {
    margin-top: 10px;
    font-size: 12px;
}
.ticket-sub {
    color: var(--text2) !important;
}
.ticket-10 {
    margin-left:10px;
}

/* 弹跳动画（保留你原来的风格，轻微优化） */
@keyframes bounceIn {
    0%   { transform: scale(0.8); }
    40%  { transform: scale(1.15); }
    60%  { transform: scale(0.95); }
    80%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* dingquery 页面查询卡片 */
.query-card {
    background: var(--bg-gray);
    border: 1px solid #edf0f5;
    border-radius: 12px;
    padding: 24px;
    margin-top: 20px;
    transition: .2s;
}

.query-card:hover {
    border-color: rgba(7,193,96,.25);
    box-shadow: 0 8px 24px rgba(0,0,0,.05);
}

/* 标题 */
.query-card h2 {
    font-size: 24px;
    color: var(--text);
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
}

/* 说明文字 */
.query-desc {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 20px;
    line-height: 1.8;
    text-align: center;
}

/* 标签 */
.query-label {
    display: block;
    font-size: 14px;
    color: var(--text2);
    margin-bottom: 8px;
}

/* 输入框 */
.query-input {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1px solid #dbe2ea;
    border-radius: 10px;
    font-size: 15px;
    outline: none;
    transition: .2s;
    background: var(--bg-gray);
    color:var(--text);
}

.query-input:focus {
    border-color: #07c160;
    box-shadow: 0 0 0 4px rgba(7,193,96,.12);
}

/* 按钮区域 */
.query-action {
    margin-top: 16px;
    text-align: center;
}

/* 查询按钮 */
.query-btn {
    height: 52px;
    padding: 0 28px;
    border: none;
    border-radius: 10px;
    background: #07c160;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: .2s;
}

.query-btn:hover {
    opacity: .9;
    transform: translateY(-1px);
}

/* 查询结果 */
.result-box {
    display: none;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    padding: 20px;
}

.result-box.show {
    display: block;
}

/* 成功标题 */
.result-box h3 {
    color: #07c160;
    font-size: 18px;
    margin-bottom: 16px;
}

/* 取消地址展示 */
.cancel-link {
    background: #f8fafc;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    padding: 14px;
    word-break: break-all;
    line-height: 1.8;
    font-size: 14px;
    color: #374151;
}

/* 跳转按钮 */
.goto-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    height: 42px;
    padding: 0 20px;
    background: #07c160;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    transition: .2s;
}

.goto-btn:hover {
    opacity: .9;
}

@media (max-width:768px){
    .mobile {
        display: none !important;
    }
    
    /* Toast提示 */
	#toast-container{
		left:20px;
		right:20px;
		bottom:20px;
		align-items:stretch;
	}
	.toast-item{
		max-width:none;
	}
	/* subscribe 页面右侧轮播 */
	.subscribe-right{
		max-width:100%;
	}
	/* subscribe 页面邮箱验证码弹窗 */
	.subscribe-email-verify-box{
		padding:24px 20px;
	}
	/*  返回顶部  */
	.back-to-top,
	.back-to-bottom{
        right: 30px;
        width: 30px;
        height: 30px;
        font-size: 18px;
	}
}

/* 手机自适应 */
@media (max-width:992px){
	.hero, .doc-hero {
        height:auto;
	}
	.hero-container {
        flex-direction: column;
	}
	.hero-left {
        width: 100%;
        height:100vh;
        padding:120px 25px 60px;
        text-align:center;
	}
	.hero-right {
        width: 100%;
        height:900px;
	}
	.hero-title,
	.doc-hero h1 {
        font-size:42px;
	}
	.hero-desc,
	.doc-hero p {
        font-size:16px;
        max-width:none;
	}
	.hero-buttons {
        justify-content:center;
        flex-wrap:wrap;
	}
	.stats {
        justify-content:center;
        flex-wrap:wrap; 
        gap:30px;
	}
	.nav {
        padding:0 20px;
        position:relative;
	}
	.menu{
        display:none;
        position:absolute;
        top:72px;
        right:15px;
        width:220px;
        background:var(--bg);
        border-radius:12px;
        border:1px solid var(--border);
        box-shadow:0 10px 30px rgba(0,0,0,.08);
        flex-direction:column;
        gap:0;
        overflow:hidden;
    }
    
    .menu.show {
        display:flex;
    }
    
    .menu a{
        display:flex;
        align-items:center;
        height:52px;
        padding:0 20px;
        color:var(--text);
        text-decoration:none;
        border-bottom:1px solid var(--border);
    }
    .menu-toggle {
        display:flex;
        align-items:center;
        justify-content:center;
        width:40px;
        height:40px;
        margin-left:10px;
        font-size:24px;
        cursor:pointer;
    }
    .menu .nav-item.active::after {
        bottom: 7px; /* 紧贴导航文字下方 */
    }
    .theme-btn {
        margin-left:12px;
    }
    .nav-right{
        display:flex;
        align-items:center;
    }
	.section, .doc-section {
	    padding:80px 10px;
	}
	.section-title {
	    font-size:32px;
	}
	/*公告栏 */
	.notice-bar{
		text-align:left;
		margin:0 auto 25px;
	}
	.notice-content{
		font-size:14px;
	}
	/* 核心特性 / API手册文档卡片 */
	.api-card{
		padding:25px;
	}
	.api-card h3{
		font-size:22px;
	}
	.api-card h4{
		font-size:16px;
	}
	.api-card li{
		flex-direction:column;
		margin-bottom:15px;
	}
	.api-card pre{
		padding:18px;
		font-size:13px;
	}
	.tips-17{
		width:auto;
		min-width:auto;
		margin-bottom:4px;
	}
	/*工单页面*/
	.doc-card {
	    padding: 10px;
	}
	.ticket-item {
	    padding:0px;
	}
	.ticket-item-all {
	    padding: 5px 6px;
	}
	/*  subscribe 页面 */
	.subscribe-layout{
		grid-template-columns:1fr;
	}
	.subscribe-card,
	.subscribe-intro{
		width:100%;
		min-width:0;
	}
	/*工单页面*/
	.ticket-form-row{
        grid-template-columns:1fr;
    }
    .ticket-submit,
    .ticket-cancel{
        width:100%;
    }
}