/* =====================================================
		   开发文档 · 亮色科技风（CSS 内联于 doc.php）
		===================================================== */
		:root{
			--bg-0:#f4f8ff;
			--cyan:#00b3cc;
			--blue:#3d7bff;
			--purple:#7c5cf0;
			--pink:#ff5c9e;
			--text-1:#16233f;
			--text-2:#5a6b8c;
			--line:rgba(64,120,255,.15);
		}
		*{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}

		/* ===== 顶部导航 ===== */
		.site-header{
			position:fixed;top:0;left:0;width:100%;z-index:99999;padding:14px 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,.94);border-bottom-color:var(--line);box-shadow:0 10px 40px rgba(58,96,180,.12);padding:8px 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 - 110px);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}
		/* ===== 页面背景 ===== */
		.doc-wrap{
			position:relative;min-height:100vh;padding:140px 0 60px;overflow:hidden;
			background:
				radial-gradient(900px 600px at 85% -10%,rgba(61,123,255,.13),transparent 60%),
				radial-gradient(700px 500px at 5% 110%,rgba(124,92,240,.11),transparent 60%),
				linear-gradient(180deg,#f6f9ff,#eef4ff 60%,#f6f9ff);
		}
		.grid-lines{
			position:absolute;inset:0;pointer-events:none;
			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 70% 60% at 50% 30%,#000 30%,transparent 78%);
			mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 78%);
		}
		.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:orb-float 12s ease-in-out infinite;pointer-events:none}
		.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(0,179,204,.3),transparent 70%);top:-60px;right:6%}
		.orb-2{width:260px;height:260px;background:radial-gradient(circle,rgba(124,92,240,.28),transparent 70%);bottom:-40px;left:4%;animation-delay:-5s}
		@keyframes orb-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(26px,-20px) scale(1.08)}}
		.doc-content{position:relative;z-index:2;max-width:1160px;margin:0 auto;animation:fade-up .7s ease both}
		@keyframes fade-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
		.doc-head{text-align:center;margin-bottom:44px}
		.badge-tech{
			display:inline-flex;align-items:center;gap:8px;padding:7px 18px;margin-bottom:20px;
			border:1px solid rgba(0,179,204,.4);border-radius:40px;background:rgba(255,255,255,.7);
			color:#008ba3;font-size:12px;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);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)}}
		.doc-head h1{font-size:clamp(30px,4vw,44px);font-weight:800;margin:0 0 12px;color:var(--text-1)}
		.doc-head h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
		.doc-head p{color:var(--text-2);font-size:15px;letter-spacing:1px;margin:0}

		/* ===== 文档目录 ===== */
		.doc-sidebar{position:sticky;top:96px}
		.sidebar-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;margin-bottom:14px;color:var(--text-1)}
		.sidebar-title i{color:var(--cyan)}
		.sidebar-link{
			display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:8px;
			border-radius:12px;border:1px solid var(--line);background:#ffffff;
			color:var(--text-2);font-size:14px;transition:all .3s;
		}
		.sidebar-link i{color:var(--cyan);font-size:13px}
		.sidebar-link:hover,.sidebar-link.active{
			border-color:rgba(0,179,204,.45);color:var(--text-1);transform:translateX(3px);
			box-shadow:0 8px 22px rgba(58,96,180,.12);
		}
		.sidebar-link.active{background:rgba(0,179,204,.06)}
		/* ===== 文档卡片 ===== */
		.card{
			border:1px solid var(--line);border-radius:16px;background:#ffffff;
			box-shadow:0 14px 40px rgba(58,96,180,.08);margin-bottom:24px;overflow:hidden;
		}
		.card-header{
			padding:14px 22px;font-size:17px;font-weight:700;color:var(--text-1);
			display:flex;align-items:center;gap:9px;border-radius:0;
			border-bottom:1px solid var(--line);background-color:#f5f9ff;
			background-image:linear-gradient(90deg,rgba(0,179,204,.08),transparent 60%);
		}
		.card-header i{color:var(--cyan)}
		.card-body{padding:22px;color:var(--text-2);font-size:14.5px;line-height:1.9}
		.card-body strong{color:var(--text-1)}

		/* ===== 表格 ===== */
		.table{color:var(--text-2);font-size:13.5px;background:#fff}
		.table thead th{
			border-bottom:2px solid rgba(0,179,204,.35);color:var(--text-1);font-weight:600;
			background:#f5f9ff;white-space:nowrap;
		}
		.table td,.table th{border-top:1px solid rgba(64,120,255,.12);vertical-align:middle}
		.table-striped tbody tr:nth-of-type(odd){background:#f8fbff}
		.table-hover tbody tr:hover{background:rgba(0,179,204,.05);color:var(--text-1)}
		.table-bordered{border:1px solid rgba(64,120,255,.15)}
		.table-bordered td,.table-bordered th{border:1px solid rgba(64,120,255,.15)}

		/* ===== 代码块 ===== */
		code{
			display:inline-block;padding:2px 8px;border-radius:6px;
			background:rgba(0,179,204,.08);color:#008ba3;font-size:13px;
			font-family:Consolas,"Courier New",monospace;word-break:break-all;
		}
		pre{
			background:#ffffff;border:1px solid rgba(64,120,255,.2);border-radius:12px;
			padding:16px 18px;color:#33455f;font-size:13px;line-height:1.8;
			font-family:Consolas,"Courier New",monospace;overflow-x:auto;
			box-shadow:inset 0 2px 12px rgba(58,96,180,.06);
		}
		pre code{display:block;padding:0;background:none;color:inherit;border-radius:0}

		/* ===== 页脚 ===== */
		.doc-footer{
			position:relative;z-index:2;text-align:center;color:#6b7a99;font-size:13px;letter-spacing:.5px;
			padding-top:28px;border-top:1px solid var(--line);margin-top:40px;
		}
		.doc-footer p{margin:4px 0}
		.doc-footer .hl{color:#008ba3;letter-spacing:2px}

		/* ===== 响应式 ===== */
		@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}
			.doc-sidebar{position:static;margin-bottom:26px}
		}
		@media (max-width:575px){ .doc-wrap{padding-top:116px} }
		@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}