/* ============================================================
   傲天科技 · 工具下载页科技风主题 (tech.css)
   覆盖 OEM/index.css 旧样式，加载顺序在本文件之后即生效
   ============================================================ */
:root{
	--bg:#050b1a;
	--card:rgba(255,255,255,.045);
	--line:rgba(120,180,255,.16);
	--cyan:#22d3ee;
	--blue:#3b82f6;
	--violet:#8b5cf6;
	--txt2:#93a8c8;
	--txt3:#5b6f92;
}

html,body{
	background:var(--bg) !important;
	color:#e8f0ff;
	font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif !important;
	overflow-x:hidden;
}

/* ---- 背景氛围：光斑 + 网格 ---- */
body::before{
	content:"";
	position:fixed;
	inset:0;
	z-index:-2;
	pointer-events:none;
	background:
		radial-gradient(900px 520px at 80% -10%,rgba(59,130,246,.22),transparent 60%),
		radial-gradient(700px 500px at 0% 40%,rgba(139,92,246,.15),transparent 60%),
		radial-gradient(600px 500px at 60% 115%,rgba(34,211,238,.10),transparent 60%),
		var(--bg);
	background-attachment:fixed;
}
body::after{
	content:"";
	position:fixed;
	inset:0;
	z-index:-1;
	pointer-events:none;
	background-image:
		linear-gradient(rgba(120,180,255,.05) 1px,transparent 1px),
		linear-gradient(90deg,rgba(120,180,255,.05) 1px,transparent 1px);
	background-size:52px 52px;
	-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,#000 35%,transparent 100%);
	mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,#000 35%,transparent 100%);
}

/* ---- 返回首页按钮 ---- */
.back-home{
	position:fixed;
	top:22px;
	left:22px;
	z-index:99;
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:9px 18px;
	font-size:13.5px;
	color:#cfe3ff !important;
	border:1px solid var(--line);
	border-radius:999px;
	background:rgba(10,20,45,.6);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	transition:color .2s,border-color .2s,transform .2s;
}
.back-home::before{
	content:"";
	width:8px;height:8px;
	border-left:2px solid var(--cyan);
	border-bottom:2px solid var(--cyan);
	transform:rotate(45deg);
	transition:border-color .2s;
}
.back-home:hover{
	color:var(--cyan) !important;
	border-color:rgba(34,211,238,.55);
	transform:translateX(-3px);
}

/* ---- 主体布局 ---- */
#boox_pc{
	position:relative;
	z-index:1;
	padding:40px 20px;
}

.left_pc img{
	max-width:min(580px,42vw);
	width:auto;
	border-radius:18px;
	border:1px solid var(--line);
	box-shadow:0 24px 70px rgba(0,10,40,.65),0 0 50px rgba(59,130,246,.18);
	filter:saturate(1.05);
}

.right_logo_pc img{
	border:1px solid var(--line) !important;
	box-shadow:0 0 26px rgba(34,211,238,.28);
}

/* ---- 文字层次 ---- */
.right_title_pc{
	color:#ffffff !important;
	font-weight:800 !important;
	letter-spacing:1px;
	background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 55%,#8b5cf6 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
}

.right_span_pc{
	color:var(--cyan) !important;
	letter-spacing:.5px;
}
.right_span_pc::after{
	content:"";
	display:inline-block;
	width:46px;height:2px;margin-left:12px;vertical-align:middle;
	background:linear-gradient(90deg,var(--cyan),transparent);
}

.right_text_pc{
	width:86% !important;
	color:var(--txt2) !important;
	line-height:2 !important;
	background:var(--card);
	border:1px solid var(--line);
	border-left:3px solid;
	border-image:linear-gradient(180deg,var(--cyan),var(--blue)) 1;
	border-radius:0 14px 14px 0;
	padding:16px 20px;
}

.right_banb_pc{
	color:var(--txt3) !important;
	margin-top:20px !important;
	letter-spacing:.3px;
}

/* ---- 二维码 ---- */
.right_ewm_pc img{
	background:#fff;
	padding:6px;
	border-radius:12px;
	box-shadow:0 8px 28px rgba(0,10,40,.55);
	transition:transform .25s;
}
.right_ewm_pc img:hover{transform:scale(1.05)}

/* ---- 按钮 ---- */
.right_xiazai_pc{
	padding:12px 44px !important;
	font-size:16.5px !important;
	font-weight:600;
	letter-spacing:2px;
	border-radius:50px !important;
	background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 55%,#8b5cf6 100%) !important;
	-webkit-box-shadow:0 10px 32px rgba(59,130,246,.45) !important;
	box-shadow:0 10px 32px rgba(59,130,246,.45) !important;
	transition:transform .22s,box-shadow .22s,filter .22s;
	cursor:pointer;
}
.right_xiazai_pc:hover{
	transform:translateY(-4px);
	-webkit-box-shadow:0 16px 44px rgba(59,130,246,.6) !important;
	box-shadow:0 16px 44px rgba(59,130,246,.6) !important;
	filter:brightness(1.1);
}
/* 第二个按钮（购买）：描边幽灵风格 */
.right_ewm_pc a:last-child .right_xiazai_pc{
	background:transparent !important;
	border:1.5px solid rgba(34,211,238,.6);
	-webkit-box-shadow:0 0 18px rgba(34,211,238,.15) !important;
	box-shadow:0 0 18px rgba(34,211,238,.15) !important;
	color:#d9f6ff !important;
}
.right_ewm_pc a:last-child .right_xiazai_pc:hover{
	background:rgba(34,211,238,.12) !important;
	-webkit-box-shadow:0 8px 26px rgba(34,211,238,.35) !important;
	box-shadow:0 8px 26px rgba(34,211,238,.35) !important;
}

/* ---- 响应式 ---- */
@media(max-width:900px){
	.left_pc img{max-width:80vw}
	.right_text_pc{width:100% !important}
}