<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html" charset="UTF-8" />
		<script src="./ext.js"></script>

		<script src="./lib/CSInterface.js"></script>
		<script src="./lib/jquery-1.9.1.js"></script>
		<script src="./lib/jquery-ui.js"></script>

		<script src="./lib/CSInterface-4.0.0.js"></script>

		<!--载入样式表-->
		<link href="./css/style.css" type="text/css" rel="stylesheet" />

		<!--载入官方 JavaScript 库-->
		<script type="text/javascript" src="./js/adobe/CSInterface.js"></script>
		<script type="text/javascript" src="./js/adobe/Vulcan.js"></script>
		<script type="text/javascript" src="./js/adobe/AgoraLib.js"></script>

		<!--载入界面颜色变化 JavaScript 库-->
		<script type="text/javascript" src="./js/UI_theme.js"></script>

		<!--载入 JQuery -->
		<script type="text/javascript">
			window.module = undefined
		</script>
		<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>

		<!--载入 JavaScript 文件-->

		<!-- 注册样式 -->

		<style>
			.button8889 {
				display: inline-block;
				margin: 5px;
			}

			.button1 {
				width: 100%;
				/* 减小按钮宽度 */
				background-color: #7289da;
				color: #ffffff;
				border: none;
				border-radius: 5px;
				padding: 10px 0;
				cursor: pointer;
				transition: background-color 0.3s ease;
				text-align: center;
				box-sizing: border-box;
				margin: 10px auto;
				/* 调整上下左右间距 */
				outline: none;
			}

			.button1:hover {
				background-color: #2d6224;
			}

			.button1:active {
				background-color: #262826;
			}

			.input-group {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 10px;
			}

			.input-group input[type='text'] {
				flex: 1;
				margin-right: 5px;
				margin-left: 10px;
			}
			h2 {
				margin-top: 6px;
			}
			h2:hover {
				color: #e9be47;
			}

			h2:active {
				color: #b08f35;
			}
		</style>

		<style>
			.collapsible-container {
				position: relative;
				/* 设置一个相对定位的上下文 */
			}

			.collapsible {
				margin-right: 1px;
				margin-top: 10px;
				margin-bottom: 10px;
				/* 按钮间距*/
				background-color: #73bee2;
				color: 353535;
				cursor: pointer;
				text-align: center;
				width: 100%;
				height: 22px;
				/* 按钮宽度调整为100%以填满容器 */
				border: none;
				outline: none;
				font-weight: bolder;
				border-radius: 2px;
				font-size: 12px;
				/* 字体大小调整以便清晰显示 */
				box-sizing: border-box;
				/* 确保内边距不会影响元素总宽度 */
			}

			.collapsible:hover {
				color: #ffffff !important;
				background: #256a8a !important;

				outline: none;
			}

			.content {
				padding: 5px 1px;
				display: none;
				overflow: hidden;
				background-color: #080808;
				position: absolute;
				/* 绝对定位确保内容展示时不会推动其他元素 */
				width: 100%;
				/* 内容区域宽度和按钮相同 */
				box-sizing: border-box;
				/* 同样确保内边距不影响宽度 */
				top: 100%;
				/* 使内容区域紧跟在按钮下方 */
				left: 0;
			}

			#log {
				margin-top: 5px;
				padding: 10px;
				min-height: 50px;
				color: #999999;
				font-size: 15px;
			}

			@keyframes gradient {
				0% {
					background-position: 0% 50%;
				}

				50% {
					background-position: 100% 50%;
				}

				100% {
					background-position: 0% 50%;
				}
			}

			#loginDiv {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
			}

			#loginForm {
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.input-group {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 10px;
				margin-right: 50px;
			}

			.input-group label {
				margin-right: 10px;
				width: 80px;
				text-align: right;
			}

			#buttonsDiv {
				display: flex; /* 使用 Flexbox 布局 */
				justify-content: center; /* 水平居中 */
				align-items: center; /* 垂直居中（可选，根据需求） */
				height: auto; /* 可根据需求调整 */
				width: 100%; /* 确保容器宽度充满页面 */
				margin-top: 20px;
			}

			.custom-button {
				margin: 3px; /* 按钮间距 */
				width: auto; /* 或固定宽度，比如100px */
				height: 25px;
				background-color: #d9d3bb; /* 按钮背景色 */
				text-align: center; /* 按钮内文字居中 */
			}
		</style>
	</head>

	<body>
		<div id="loginDiv">
			<h2>请登录</h2>
			<form id="loginForm">
				<div class="input-group">
					<label for="username">用户名:</label>
					<input type="text" id="username" name="username" required />
				</div>
				<br />
				<div class="input-group">
					<label for="password">密码:</label>
					<input type="password" id="password" name="password" required />
				</div>
				<br />
				<div>
					<input type="button" value="清除登录状态" style="background-color: #d7cf2a" onclick="clearCache()" />
					<input type="submit" value="登录" />
				</div>
			</form>
			<p id="errorMsg" style="color: red"></p>

			<div id="buttonsDiv">
				<button class="custom-button" onclick="showMessage('版权申明')">版权申明</button>
				<button
					class="custom-button"
					onclick="openUrl('https://shop245507834.taobao.com/?spm=pc_detail.29232929/evo365560b447259.shop_popup_block.dentershop.d4aa7dd64XVbs9')">
					购买地址
				</button>
				<button class="custom-button" onclick="showMessage('诚招代理')">诚招代理</button>
			</div>
		</div>

		<div style="line-height: 5px"></div>

		<div id="contentDiv" style="display: none">
			<h2
				onclick="openUrl('https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-24384367768.9.3808136foT8Hlf&id=731249825559')">
				飞鱼图灵人像精修面板
			</h2>

			<button class="button888 color1" id="la" onclick="extend(301)">置入原图</button>
			<button class="button888 color2" id="la" onclick="extend(4)">高低频</button>
			<button class="button888 color2" id="la" onclick="extend(19)">抑制饱和</button>
			<button class="button888 color2" id="la" onclick="extend(5)">缩小头</button>
			<button class="button888 color2" id="la" onclick="extend(9)">腮红口红</button>
			<button class="button888 color2" id="la" onclick="extend(28)">主体</button>
			<button class="button888 color2" id="la" onclick="extend(14)">脱毛剂</button>
			<button class="button888 color2" id="la" onclick="extend(17)">ACR</button>
			<button class="button888 color2" id="la" onclick="extend(283)">智能对象</button>
			<button class="button888 color2" id="la" onclick="extend(286)">适应画布</button>
			<button class="button888 color2" id="la" onclick="extend(285)">智能编码</button>
			<button class="button88 color1" id="la" onclick="extend(16)">同步图层</button>

			<button class="button88 color4" onclick="extend(51)">阴影</button>
			<button class="button88 color4" onclick="extend(278)">保存桌面</button>
			<button class="button88 color4" onclick="extend(46)">素材</button>
			<button class="button88 color4" onclick="extend(52)">打开PSD</button>

			<div class="collapsible-container">
				<button class="collapsible">扩展功能</button>
				<div class="content">
					<div style="line-height: 5px"><br /></div>
					<button class="button890 color2" id="la" onclick="extend(10)">32位式</button>
					<button class="button890 color2" id="la" onclick="extend(13)">高斯模糊</button>
					<button class="button890 color2" id="la" onclick="extend(12)">添加杂色</button>
					<button class="button890 color2" id="la" onclick="extend(11)">8位模式</button>
					<button class="button890 color2" id="la" onclick="extend(24)">CMYK</button>
					<button class="button890 color2" id="la" onclick="extend(26)">Lab</button>
					<button class="button890 color2" id="la" onclick="extend(25)">RBG</button>
					<button class="button890 color2" id="la" onclick="extend(50)">绘制发光</button>
					<button class="button890 color2" id="la" onclick="extend(7)">添加眼影</button>
					<button class="button890 color2" id="la" onclick="extend(8)">油光修复</button>
					<button class="button890 color2" id="la" onclick="extend(6)">牙齿美白</button>
					<button class="button890 color2" id="la" onclick="extend(15)">平滑皮肤</button>
					<button class="button890 color2" onclick="extend(20)">柔焦</button>
					<button class="button890 color2" onclick="extend(21)">计算高光</button>
					<button class="button890 color2" onclick="extend(22)">胶片颗粒</button>
					<button class="button890 color2" onclick="extend(23)">均匀饱和</button>
					<button class="button890 color9" onclick="extend(288)">载入预设</button>
				</div>
			</div>

			<button class="button88 color4" onclick="extend(259)">曲线柔光</button>
			<button class="button88 color4" onclick="extend(257)">混合器柔</button>
			<button class="button88 color4" onclick="extend(261)">通道曲线</button>
			<button class="button88 color4" onclick="extend(260)">饱和强光</button>

			<br />
			<div style="background-color: #303030; margin-top: 5px">
				<button class="button892 color5" onclick="extend(262)">曲线</button>
				<button class="button892 color5" onclick="extend(263)">饱和度</button>
				<button class="button892 color5" onclick="extend(264)">色阶</button>
				<button class="button892 color5" onclick="extend(265)">黑白</button>
				<button class="button892 color5" onclick="extend(266)">照片滤镜</button>
				<button class="button892 color5" onclick="extend(267)">色彩平衡</button>
				<button class="button892 color5" onclick="extend(268)">可选颜色</button>
				<button class="button892 color5" onclick="extend(269)">通道混合</button>
			</div>
			<div style="margin-top: 5px">
				<button class="button78 color2" onclick="extend(270)">柔光</button>
				<button class="button78 color2" onclick="extend(271)">滤色</button>
				<button class="button78 color2" onclick="extend(272)">正片叠底</button>
				<button class="button78 color2" onclick="extend(273)">叠加</button>
				<button class="button78 color2" onclick="extend(274)">强光</button>
				<button class="button78 color2" onclick="extend(275)">正常</button>
				<button class="button78 color2" onclick="extend(276)">明度</button>
				<button class="button78 color2" onclick="extend(277)">颜色</button>
			</div>

			<div style="margin-top: 5px">
				<button class="button891 color12" id="la" onclick="extend(1)">柔光层</button>
				<button class="button891 color12" id="la" onclick="extend(2)">观察组</button>
				<button class="button891 color12" id="la" onclick="extend(3)">颜色层</button>
				<button class="button891 color12" id="la" onclick="extend(287)">叠加层</button>

				<br />
				<button class="button891 color12" onclick="extend(279)">10-10</button>
				<button class="button891 color12" onclick="extend(280)">10-100</button>
				<button class="button891 color12" onclick="extend(281)">100-100</button>
				<button class="button891 color12" onclick="extend(282)">2-100</button>
			</div>

			<div id="user">
				<!-- <p id="showusername"></p> -->
				<button id="logoutBtn" class="custom-logout-button">退出登录</button>
			</div>
		</div>

		<!-- 退出登录 -->

		<style>
			#user {
				position: fixed; /* 使用 fixed 定位 */
				bottom: 10px; /* 距离底部 10px */

				display: flex;
				align-items: center;
			}

			#showusername {
				margin: 0;
				padding: 0;
				margin-right: 11px;
				white-space: nowrap;
				color: #727272;
			}

			#user .custom-logout-button {
				display: inline-block;

				background-color: #424242;
				color: #acacac;
				border: none;
				cursor: pointer;
				border-radius: 5px;
				white-space: nowrap;
				font-size: 8px;
				line-height: normal;
				width: auto; /* 覆盖全局样式 */
				height: auto; /* 覆盖全局样式 */
			}

			#user .custom-logout-button:hover {
				background-color: #282828;
				color: #e8e8e8;
			}

			#user .custom-logout-button:active {
				background-color: #10171a;
			}
		</style>

		<script>
			var coll = document.getElementsByClassName('collapsible')
			var contents = document.getElementsByClassName('content')
			var i

			for (i = 0; i < coll.length; i++) {
				coll[i].addEventListener('click', function () {
					var content = this.nextElementSibling
					var isOpen = content.style.display === 'block'

					Array.from(contents).forEach(function (c) {
						c.style.display = 'none'
					})

					content.style.display = isOpen ? 'none' : 'block'
				})
			}
		</script>
		<script>
			function showMessage(buttonType) {
				if (buttonType === '版权申明') {
					alert('版权申明: 本软件已申请软件著作权和外观著作权\n版权归属：飞鱼后期\n认准正版后续更新无忧')
				} else if (buttonType === '诚招代理') {
					alert('微信号：feiyu6578，备注：代理')
				}
			}
		</script>
		<script disable-devtool-auto src="https://cdn.jsdelivr.net/npm/disable-devtool">
			        DisableDevtool()
			    document.addEventListener('contextmenu', function (e) {e.preventDefault()})
			    document.addEventListener('keydown', function (e) {
			    if (e.key === 'F12') {e.preventDefault()}})
			  </script>

		<script src="./js/ex-stigmata2-core.js"></script>
		<script src="./js/clipboard.min.js"></script>
		<script src="./js/login.js"></script>
		<script src="./js/vue.js"></script>
		<script src="./js/main.js"></script>
	</body>
</html>
