/* =====================================================
		   OAuth 聚合登录 · 亮色科技感首页样式（CSS 内联于 index.php）
		===================================================== */
		:root{
			--bg-0:#f4f8ff;
			--bg-1:#edf3fd;
			--bg-2:#ffffff;
			--cyan:#00b3cc;
			--blue:#3d7bff;
			--purple:#7c5cf0;
			--pink:#ff5c9e;
			--green:#10b981;
			--text-1:#16233f;
			--text-2:#5a6b8c;
			--line:rgba(64,120,255,.15);
			--glow-cyan:0 8px 26px rgba(0,179,204,.22);
		}
		*{box-sizing:border-box}
		html{scroll-behavior:smooth}
		body{
			margin:0;
			background:var(--bg-0);
			color:var(--text-1);
			font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
			font-weight:500;
			overflow-x:hidden;
			-webkit-font-smoothing:antialiased;
		}
		a{color:inherit;text-decoration:none}
		a:hover{color:inherit;text-decoration:none}
		::selection{background:rgba(0,179,204,.22);color:#0f1b33}
		::-webkit-scrollbar{width:10px;height:10px}
		::-webkit-scrollbar-track{background:#edf3fd}
		::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a9c6ff,#c9b8ff);border-radius:6px;border:2px solid #edf3fd}
		::-webkit-scrollbar-thumb:hover{background:#8fb0ff}

		/* ===== 顶部导航 ===== */
		.site-header{
			position:fixed;top:0;left:0;width:100%;z-index:99999;
			padding:16px 0;
			background:rgba(255,255,255,.6);
			border-bottom:1px solid transparent;
			backdrop-filter:blur(14px);
			-webkit-backdrop-filter:blur(14px);
			transition:all .4s ease;
		}
		.site-header.scrolled{
			background:rgba(255,255,255,.92);
			border-bottom-color:var(--line);
			box-shadow:0 10px 40px rgba(58,96,180,.12);
			padding:9px 0;
		}
		.site-header .navbar-brand{
			display:flex;align-items:center;gap:10px;color:var(--text-1);
			font-weight:700;letter-spacing:.5px;
			max-width:calc(100vw - 100px);overflow:hidden;white-space:nowrap;
		}
		.site-header .navbar-brand .brand-mark{
			width:34px;height:34px;flex:0 0 34px;
			display:inline-flex;align-items:center;justify-content:center;
			border-radius:10px;font-size:16px;color:#fff;
			
			
		}
		
		.site-header .navbar-brand .brand-mark img{
			width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;
		}
.site-header .navbar-brand .brand-name{
			font-size:21px;font-weight:800;letter-spacing:1px;
			background:linear-gradient(90deg,#1b5bf0,var(--cyan) 55%,var(--purple));
			-webkit-background-clip:text;background-clip:text;
			-webkit-text-fill-color:transparent;color:transparent;
			filter:drop-shadow(0 3px 10px rgba(61,123,255,.22));
		}
		.site-header .navbar-dark .navbar-toggler{border-color:rgba(22,35,63,.3);background:rgba(22,35,63,.04)}
		.site-header .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(30,55,110,0.85)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
		.site-header .nav-link{
			color:var(--text-2)!important;
			font-size:15px;letter-spacing:.5px;
			padding:8px 16px!important;position:relative;
			transition:color .3s;
		}
		.site-header .nav-link::after{
			content:"";position:absolute;left:16px;right:100%;bottom:2px;height:2px;
			background:linear-gradient(90deg,var(--cyan),var(--purple));
			border-radius:2px;box-shadow:0 2px 8px rgba(0,179,204,.4);
			transition:all .35s ease;
		}
		.site-header .nav-link:hover::after,
		.site-header .nav-item.active .nav-link::after{right:16px}
		.site-header .nav-link:hover,
		.site-header .nav-item.active .nav-link{color:var(--text-1)!important}
		.site-header .nav-item.nav-cta .nav-link{
			background:linear-gradient(90deg,var(--blue),var(--purple));
			border-radius:10px;color:#fff!important;font-weight:600;
			box-shadow:0 8px 22px rgba(110,80,255,.35);
			padding:8px 22px!important;margin-left:10px;
			transition:all .3s;
		}
		.site-header .nav-item.nav-cta .nav-link:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(61,123,255,.4)}
		.site-header .nav-item.nav-cta .nav-link::after{display:none}
		/* ===== Hero 主视觉 ===== */
		.hero{
			position:relative;
			min-height:100vh;
			display:flex;align-items:center;
			padding:150px 0 100px;
			overflow:hidden;
			background:
				radial-gradient(1200px 700px at 82% -12%,rgba(61,123,255,.16),transparent 60%),
				radial-gradient(900px 620px at 8% 108%,rgba(124,92,240,.13),transparent 60%),
				linear-gradient(180deg,#f6f9ff 0%,#eef4ff 52%,#f6f9ff 100%);
		}
		.hero::after{
			content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
			background:linear-gradient(90deg,transparent,rgba(0,179,204,.5),rgba(124,92,240,.5),transparent);
		}
		.hero-bg{position:absolute;inset:0;pointer-events:none}
		.grid-lines{
			position:absolute;inset:0;
			background-image:
				linear-gradient(rgba(64,120,255,.07) 1px,transparent 1px),
				linear-gradient(90deg,rgba(64,120,255,.07) 1px,transparent 1px);
			background-size:52px 52px;
			-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 40%,#000 30%,transparent 78%);
			mask-image:radial-gradient(ellipse 75% 65% at 50% 40%,#000 30%,transparent 78%);
		}
		.orb{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;animation:orb-float 12s ease-in-out infinite}
		.orb-1{width:380px;height:380px;background:radial-gradient(circle,rgba(0,179,204,.32),transparent 70%);top:-90px;right:8%}
		.orb-2{width:320px;height:320px;background:radial-gradient(circle,rgba(124,92,240,.3),transparent 70%);bottom:4%;left:3%;animation-delay:-4s}
		.orb-3{width:220px;height:220px;background:radial-gradient(circle,rgba(255,92,158,.2),transparent 70%);top:42%;left:36%;animation-delay:-8s}
		@keyframes orb-float{
			0%,100%{transform:translate(0,0) scale(1)}
			50%{transform:translate(32px,-26px) scale(1.08)}
		}
		.hero-content{position:relative;z-index:2;text-align:center;animation:fade-up .9s ease both}
		@keyframes fade-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
		.hero-badge{
			display:inline-flex;align-items:center;gap:9px;
			padding:8px 20px;margin-bottom:30px;
			border:1px solid rgba(0,179,204,.4);border-radius:40px;
			background:rgba(255,255,255,.7);
			color:#008ba3;font-size:13px;letter-spacing:3px;text-transform:uppercase;
			box-shadow:0 6px 22px rgba(0,179,204,.12);
		}
		.dot-pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(0,179,204,.6);animation:pulse 1.6s infinite}
		@keyframes pulse{
			0%{box-shadow:0 0 0 0 rgba(0,179,204,.6)}
			70%{box-shadow:0 0 0 12px rgba(0,179,204,0)}
			100%{box-shadow:0 0 0 0 rgba(0,179,204,0)}
		}
		.hero-title{
			font-size:clamp(42px,6.4vw,76px);
			font-weight:800;line-height:1.12;margin:0 0 20px;letter-spacing:1px;
			background:linear-gradient(90deg,#1b5bf0 8%,var(--cyan) 52%,var(--purple) 100%);
			-webkit-background-clip:text;background-clip:text;
			-webkit-text-fill-color:transparent;color:transparent;
			filter:drop-shadow(0 8px 24px rgba(61,123,255,.25));
		}
		.hero-sub{
			font-size:clamp(15px,2vw,19px);color:var(--text-2);
			letter-spacing:1px;line-height:1.9;margin:0 0 38px;
		}
		.hero-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:44px}
		.btn-primary-glow,.btn-outline-tech{
			position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
			padding:14px 34px;border-radius:12px;font-size:16px;font-weight:600;letter-spacing:1px;
			overflow:hidden;transition:all .35s ease;cursor:pointer;border:0;
		}
		.btn-primary-glow{color:#fff;background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 10px 30px rgba(110,80,255,.38)}
		.btn-primary-glow::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cyan),var(--blue));opacity:0;transition:opacity .35s}
		.btn-primary-glow:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,179,204,.35)}
		.btn-primary-glow:hover::before{opacity:1}
		.btn-primary-glow i,.btn-primary-glow span{position:relative;z-index:1}
		.btn-outline-tech{color:#008ba3;border:1px solid rgba(0,179,204,.5);background:rgba(255,255,255,.6)}
		.btn-outline-tech:hover{background:rgba(255,255,255,.95);box-shadow:var(--glow-cyan);transform:translateY(-3px)}
		/* ===== 平台标签 ===== */
		.platform-chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:50px}
		.chip{
			display:inline-flex;align-items:center;gap:8px;
			padding:9px 18px;border-radius:40px;
			border:1px solid var(--line);background:#ffffff;
			color:#3b4a63;font-size:14px;box-shadow:0 4px 14px rgba(58,96,180,.08);
			transition:all .3s ease;
		}
		.chip i,.chip .chip-letter{color:var(--cyan)}
		.chip .chip-letter{font-weight:800;font-size:14px;letter-spacing:-1px}
		.chip:hover{border-color:rgba(0,179,204,.5);transform:translateY(-3px);box-shadow:var(--glow-cyan)}

		/* ===== 终端卡片 ===== */
		.hero-terminal{
			max-width:690px;margin:0 auto;text-align:left;
			border-radius:16px;border:1px solid rgba(64,120,255,.22);
			background:#ffffff;
			box-shadow:0 30px 80px rgba(58,96,180,.16),0 0 40px rgba(0,179,204,.05);
			backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
			overflow:hidden;
		}
		.terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f5f9ff}
		.t-dot{width:11px;height:11px;border-radius:50%}
		.t-dot.r{background:#ff5f57}.t-dot.y{background:#febc2e}.t-dot.g{background:#28c840}
		.terminal-title{margin-left:10px;font-size:12px;letter-spacing:2px;color:var(--text-2);text-transform:uppercase}
		.terminal-body{padding:22px 26px;font-family:Consolas,"Courier New",monospace;font-size:14px;line-height:2.1;color:#33455f;text-align:left}
		.terminal-body .tk{color:#0099b3}
		.terminal-body .tk-p{color:#6b4ee0}
		.terminal-body .tk-s{color:#0ea26e}
		.terminal-body .tk-c{color:#94a3bd}
		.terminal-body .tk-ok{color:#0ea26e;text-shadow:0 0 8px rgba(16,185,129,.3)}
		.terminal-typed{color:var(--text-1);font-weight:700;text-shadow:0 0 8px rgba(0,179,204,.2)}
		.terminal-cursor{display:inline-block;width:9px;height:16px;background:var(--cyan);vertical-align:-2px;margin-left:3px;animation:blink 1s steps(2) infinite;box-shadow:0 0 8px var(--cyan)}
		@keyframes blink{50%{opacity:0}}
		/* ===== 数据统计 ===== */
		.stats-section{
			padding:66px 0;
			border-top:1px solid var(--line);border-bottom:1px solid var(--line);
			background:#ffffff;
		}
		.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
		.stat-item{
			text-align:center;padding:28px 12px;border-radius:14px;
			border:1px solid var(--line);background:#f7faff;
			transition:all .3s ease;
		}
		.stat-item:hover{border-color:rgba(0,179,204,.4);box-shadow:var(--glow-cyan);transform:translateY(-4px)}
		.stat-num{
			font-size:46px;font-weight:800;line-height:1;font-family:Consolas,"Courier New",monospace;
			background:linear-gradient(90deg,var(--cyan),var(--purple));
			-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
		}
		.stat-label{font-size:14px;color:var(--text-2);letter-spacing:2px;margin-top:10px}

		/* ===== 通用区块 ===== */
		.section{padding:100px 0;position:relative}
		.section-head{text-align:center;max-width:740px;margin:0 auto 60px}
		.sec-tag{
			display:inline-block;margin-bottom:16px;padding:6px 18px;
			font-size:12px;letter-spacing:4px;color:#008ba3;text-transform:uppercase;
			border:1px solid rgba(0,179,204,.35);border-radius:40px;background:rgba(0,179,204,.07);
		}
		.section-head h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;margin:0 0 16px;letter-spacing:.5px}
		.section-head h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
		.section-head p{color:var(--text-2);font-size:16px;line-height:1.9;margin:0}

		/* ===== 关于我们 ===== */
		.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
		.about-text p{color:var(--text-2);font-size:15.5px;line-height:2.1;margin:0 0 26px;text-align:left}
		.check-list{list-style:none;padding:0;margin:0}
		.check-list li{
			display:flex;gap:12px;align-items:flex-start;
			color:#33455f;padding:11px 0;font-size:15px;
			border-bottom:1px dashed rgba(64,120,255,.16);
		}
		.check-list li:last-child{border-bottom:0}
		.check-list li i{color:var(--cyan);margin-top:4px;text-shadow:0 0 8px rgba(0,179,204,.3)}
		.code-card{
			position:relative;padding:26px 28px;
			border:1px solid var(--line);border-radius:16px;
			background:#ffffff;
			font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:2.15;color:#33455f;
			box-shadow:0 24px 70px rgba(58,96,180,.14);
			overflow:hidden;
		}
		.code-card::before{
			content:"";position:absolute;top:0;left:0;width:2px;height:100%;
			background:linear-gradient(180deg,var(--cyan),var(--purple));
			box-shadow:0 0 14px var(--cyan);
		}
		.code-card::after{
			content:"JSON · SDK · REST";position:absolute;top:14px;right:16px;
			font-size:10px;letter-spacing:2px;color:rgba(0,179,204,.55);text-transform:uppercase;
		}
		/* ===== 核心特性 ===== */
		.features-section{
			background:
				radial-gradient(800px 500px at 14% 8%,rgba(61,123,255,.08),transparent 60%),
				radial-gradient(800px 500px at 86% 92%,rgba(124,92,240,.09),transparent 60%);
		}
		.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
		.feature-card{
			position:relative;padding:36px 34px;border-radius:18px;
			border:1px solid var(--line);
			background:#ffffff;
			box-shadow:0 12px 36px rgba(58,96,180,.08);
			backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
			overflow:hidden;transition:all .35s ease;text-align:left;
		}
		.feature-card::before{ /* 扫光效果 */
			content:"";position:absolute;top:-60%;left:-80%;width:60%;height:220%;
			background:linear-gradient(120deg,transparent 20%,rgba(0,179,204,.12) 50%,transparent 80%);
			transform:rotate(8deg) translateX(-160%);transition:transform .9s ease;
		}
		.feature-card:hover::before{transform:rotate(8deg) translateX(300%)}
		.feature-card:hover{transform:translateY(-6px);border-color:rgba(0,179,204,.45);box-shadow:0 20px 50px rgba(58,96,180,.16),0 0 30px rgba(0,179,204,.08)}
		.feature-icon{
			width:60px;height:60px;border-radius:14px;margin-bottom:22px;
			display:flex;align-items:center;justify-content:center;
			font-size:25px;color:#fff;
			background:linear-gradient(135deg,var(--blue),var(--purple));
			box-shadow:0 10px 26px rgba(110,80,255,.35);
		}
		.feature-card h3{font-size:20px;font-weight:700;margin:0 0 12px;color:var(--text-1)}
		.feature-card p{color:var(--text-2);font-size:14.5px;line-height:1.95;margin:0}
		.feature-card .fc-tag{
			display:inline-block;margin-top:18px;font-size:11px;letter-spacing:2px;
			color:var(--cyan);text-transform:uppercase;
			border:1px solid rgba(0,179,204,.25);border-radius:20px;padding:4px 12px;background:rgba(0,179,204,.06);
		}

		/* ===== 接入流程 ===== */
		.flow-section{
			background:radial-gradient(900px 500px at 50% 120%,rgba(61,123,255,.07),transparent 60%);
		}
		.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
		.step-card{
			position:relative;padding:42px 30px;text-align:center;border-radius:18px;
			border:1px dashed rgba(64,120,255,.3);background:#ffffff;
			box-shadow:0 12px 36px rgba(58,96,180,.08);
			transition:all .35s ease;
		}
		.step-card:hover{border-style:solid;border-color:rgba(0,179,204,.55);transform:translateY(-5px);box-shadow:0 18px 46px rgba(58,96,180,.15)}
		.step-num{
			width:58px;height:58px;margin:0 auto 20px;border-radius:50%;
			display:flex;align-items:center;justify-content:center;
			font-size:20px;font-weight:800;color:var(--cyan);font-family:Consolas,monospace;
			border:1px solid rgba(0,179,204,.5);background:rgba(0,179,204,.07);
			box-shadow:0 0 22px rgba(0,179,204,.2);
		}
		.step-card h3{font-size:18px;font-weight:700;margin:0 0 10px}
		.step-card p{color:var(--text-2);font-size:14px;line-height:1.9;margin:0}
		/* ===== 底部 CTA ===== */
		.cta-section{padding:90px 0;text-align:center}
		.cta-box{
			position:relative;max-width:920px;margin:0 auto;padding:66px 40px;border-radius:24px;
			border:1px solid rgba(0,179,204,.28);
			background:radial-gradient(600px 320px at 50% 0%,rgba(0,179,204,.12),transparent 62%),rgba(255,255,255,.85);
			box-shadow:0 24px 70px rgba(58,96,180,.14);
			overflow:hidden;
		}
		.cta-box::before,.cta-box::after{content:"";position:absolute;border-radius:50%;filter:blur(52px);opacity:.45;pointer-events:none}
		.cta-box::before{width:260px;height:260px;background:rgba(0,179,204,.3);top:-120px;left:-80px;animation:orb-float 10s ease-in-out infinite}
		.cta-box::after{width:240px;height:240px;background:rgba(124,92,240,.3);bottom:-110px;right:-60px;animation:orb-float 12s ease-in-out infinite reverse}
		.cta-box h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;margin:0 0 16px;position:relative;z-index:1;color:var(--text-1)}
		.cta-box h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
		.cta-box p{color:var(--text-2);font-size:16px;margin:0 0 32px;position:relative;z-index:1}
		.cta-box .btn-primary-glow{position:relative;z-index:1}

		/* ===== 友情链接 & 页脚 ===== */
		.links-section{padding:48px 0;border-top:1px solid var(--line);background:#ffffff}
		.links-title{color:var(--text-2);font-size:14px;letter-spacing:2px;margin-bottom:16px}
		.links-title i{color:var(--cyan);margin-right:6px}
		.links-content{color:var(--text-2);font-size:14px;line-height:2.2}
		.links-content a{color:#008ba3;margin-right:18px;transition:color .25s}
		.links-content a:hover{color:var(--blue);text-shadow:0 0 10px rgba(0,179,204,.3)}
		.site-footer{padding:36px 0;border-top:1px solid var(--line);background:#edf3fd;text-align:center;color:#6b7a99;font-size:13px;letter-spacing:.5px}
		.site-footer p{margin:4px 0}
		.site-footer a{color:#4a6bb5}
		.site-footer .hl{color:#008ba3;letter-spacing:2px}

		/* ===== 入场动画 ===== */
		.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease}
		.reveal.visible{opacity:1;transform:none}

		/* ===== 响应式 ===== */
		@media (max-width:991px){
			.site-header .navbar-collapse{
				background:#ffffff;padding:16px;border-radius:14px;
				margin-top:12px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(58,96,180,.16);
			}
			.site-header .nav-item.nav-cta .nav-link{margin:8px 0 0}
			.about-grid{grid-template-columns:1fr;gap:42px}
			.feature-grid{grid-template-columns:1fr}
			.flow-grid{grid-template-columns:1fr}
			.stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}
		}
		@media (max-width:575px){
			.hero{padding-top:118px}
			.hero-actions{gap:12px}
			.btn-primary-glow,.btn-outline-tech{padding:12px 26px;font-size:15px}
			.stats-grid{grid-template-columns:1fr 1fr;gap:10px}
			.stat-num{font-size:32px}
			.stat-item{padding:20px 8px}
			.terminal-body{padding:18px 18px;font-size:12.5px}
			.cta-box{padding:46px 22px}
			.feature-card{padding:28px 22px}
		}
		@media (prefers-reduced-motion:reduce){
			*{animation:none!important;transition:none!important}
			.reveal{opacity:1!important;transform:none!important}
		}