/* index11 —— 现代支付 SaaS 风格首页，独立样式，不依赖 Bootstrap / app.css */

:root{
	--i-primary:#1677ff;
	--i-primary-dark:#0b57d0;
	--i-primary-light:#e8f3ff;
	--i-ink:#0a1b30;
	--i-ink-2:#10294a;
	--i-text:#1f2329;
	--i-sub:#4e5969;
	--i-muted:#86909c;
	--i-line:#eef0f4;
	--i-border:#e5e6eb;
	--i-bg:#f4f6f9;
	--i-white:#fff;
	--i-success:#0fa44a;
	--i-radius:12px;
	--i-radius-lg:16px;
	--i-shadow:0 12px 32px rgba(31,35,41,.08);
	--i-shadow-lg:0 18px 44px rgba(16,42,74,.10);
	--i-header-h:68px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
html,body{margin:0;padding:0;}
body.i11-body{
	background:var(--i-white);
	color:var(--i-text);
	font-size:14px;
	line-height:1.6;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
img{max-width:100%;border:0;vertical-align:middle;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,p,ul,li{margin:0;padding:0;}
ul,li{list-style:none;}
button{font-family:inherit;}

/* ---------- 基础容器与按钮 ---------- */
.i11-container{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;}

.i11-btn{
	display:inline-flex;align-items:center;justify-content:center;
	height:48px;padding:0 26px;border:1px solid transparent;border-radius:10px;
	background:var(--i-primary);color:#fff;font-size:15px;font-weight:600;
	cursor:pointer;white-space:nowrap;
	transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.i11-btn:hover{background:var(--i-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(22,119,255,.24);}
.i11-btn-sm{height:38px;padding:0 18px;font-size:14px;border-radius:8px;}
.i11-btn-ghost{background:var(--i-white);color:var(--i-text);border-color:var(--i-border);}
.i11-btn-ghost:hover{background:var(--i-white);color:var(--i-text);border-color:#c9d2e0;box-shadow:0 4px 12px rgba(31,35,41,.06);}
.i11-btn-light{background:#fff;color:var(--i-primary-dark);}
.i11-btn-light:hover{background:#fff;color:var(--i-primary-dark);box-shadow:0 10px 24px rgba(6,30,70,.18);}
.i11-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.i11-btn-outline:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.75);box-shadow:none;}
.i11-link{color:var(--i-sub);font-size:14px;transition:color .18s ease;}
.i11-link:hover{color:var(--i-primary);}
.i11-link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--i-primary);font-weight:600;}
.i11-link-arrow:hover{color:var(--i-primary-dark);}

/* ---------- 顶部导航 ---------- */
.i11-header{
	position:sticky;top:0;z-index:60;
	background:rgba(255,255,255,.92);
	-webkit-backdrop-filter:saturate(180%) blur(12px);
	backdrop-filter:saturate(180%) blur(12px);
	border-bottom:1px solid transparent;
	transition:border-color .18s ease,box-shadow .18s ease;
}
.i11-header.is-scrolled{border-bottom-color:var(--i-line);box-shadow:0 6px 18px rgba(31,35,41,.05);}
.i11-header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--i-header-h);}

.i11-brand{display:flex;align-items:center;gap:10px;min-width:0;}
.i11-brand img{width:32px;height:32px;border-radius:8px;flex:none;}
.i11-brand span{font-size:17px;font-weight:700;color:var(--i-text);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.i11-nav{display:flex;align-items:center;gap:28px;}
.i11-nav > a{color:var(--i-sub);font-size:14px;transition:color .18s ease;}
.i11-nav > a:hover{color:var(--i-text);}
.i11-nav-actions{display:flex;align-items:center;gap:12px;padding-left:4px;}
.i11-nav-actions .i11-link:hover{color:var(--i-primary);}

.i11-nav-toggle{
	display:none;flex-direction:column;justify-content:center;gap:4px;
	width:40px;height:40px;padding:0 8px;border:0;border-radius:8px;background:transparent;cursor:pointer;
}
.i11-nav-toggle span{display:block;height:2px;border-radius:2px;background:var(--i-text);transition:transform .2s ease,opacity .2s ease;}
.i11-nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.i11-nav-toggle.is-open span:nth-child(2){opacity:0;}
.i11-nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ---------- 首屏 ---------- */
.i11-hero{
	position:relative;
	padding:72px 0 0;
	background:
		radial-gradient(760px 420px at 78% -12%, rgba(22,119,255,.10) 0%, rgba(22,119,255,0) 62%),
		radial-gradient(520px 360px at 6% 4%, rgba(22,119,255,.07) 0%, rgba(22,119,255,0) 60%),
		linear-gradient(180deg,#f7faff 0%,#fff 100%);
	overflow:hidden;
}
.i11-hero::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background-image:linear-gradient(rgba(16,42,74,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,74,.045) 1px,transparent 1px);
	background-size:56px 56px;
	-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 68%);
	mask-image:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 68%);
}
.i11-hero-inner{
	position:relative;display:grid;grid-template-columns:1.05fr .95fr;
	align-items:center;gap:56px;padding-bottom:88px;
}

.i11-hero-copy{min-width:0;}
.i11-badge{
	display:inline-flex;align-items:center;gap:8px;
	height:30px;padding:0 12px;border-radius:999px;
	background:var(--i-primary-light);color:var(--i-primary-dark);
	font-size:13px;font-weight:500;
}
.i11-badge i{width:6px;height:6px;border-radius:50%;background:var(--i-primary);flex:none;}

.i11-hero h1{
	margin:18px 0 0;font-size:46px;line-height:1.22;font-weight:700;
	letter-spacing:-.8px;color:var(--i-text);
}
.i11-hero h1 span{color:var(--i-primary);}
.i11-hero-sub{margin-top:18px;max-width:520px;font-size:15px;line-height:1.8;color:var(--i-sub);}
.i11-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.i11-hero-points{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;font-size:13px;color:var(--i-muted);}
.i11-hero-points li{display:flex;align-items:center;gap:8px;}
.i11-hero-points li::before{
	content:"";width:14px;height:14px;flex:none;border-radius:50%;
	background:var(--i-primary-light);
	box-shadow:inset 0 0 0 4px var(--i-primary-light);
	border:1px solid rgba(22,119,255,.35);
}

/* 首屏右侧示意面板 */
.i11-hero-visual{position:relative;}
.i11-panel{
	position:relative;padding:22px;border:1px solid var(--i-border);border-radius:var(--i-radius-lg);
	background:#fff;box-shadow:var(--i-shadow-lg);
}
.i11-panel-head{display:flex;align-items:center;justify-content:space-between;}
.i11-panel-title{font-size:14px;font-weight:600;color:var(--i-text);}
.i11-panel-tag{
	padding:2px 9px;border-radius:999px;background:rgba(15,164,74,.10);
	color:var(--i-success);font-size:12px;font-weight:500;
}
.i11-panel-amount{margin-top:14px;font-size:34px;line-height:1.2;font-weight:700;letter-spacing:-.6px;color:var(--i-text);}
.i11-panel-amount em{font-style:normal;font-size:17px;font-weight:600;color:var(--i-sub);margin-right:4px;}
.i11-panel-sub{margin-top:4px;font-size:12px;color:var(--i-muted);}
.i11-panel-sub b{color:var(--i-success);font-weight:600;}

.i11-chart{display:flex;align-items:flex-end;gap:8px;height:96px;margin-top:18px;padding:8px 2px 0;}
.i11-chart span{
	flex:1;min-width:6px;border-radius:6px 6px 3px 3px;
	background:linear-gradient(180deg,#cfe4ff 0%,#e8f3ff 100%);
	transition:height .3s ease;
}
.i11-chart span:nth-last-child(-n+3){background:linear-gradient(180deg,#1677ff 0%,#5aa2ff 100%);}

.i11-panel-list{margin-top:16px;border-top:1px solid var(--i-line);}
.i11-panel-list li{
	display:flex;align-items:center;gap:8px;
	padding:11px 0;border-bottom:1px solid var(--i-line);
	font-size:13px;color:var(--i-sub);
}
.i11-panel-list li:last-child{border-bottom:0;}
.i11-panel-list li b{margin-left:auto;font-weight:600;color:var(--i-text);}
.i11-dot{width:7px;height:7px;border-radius:50%;background:var(--i-primary);flex:none;}

.i11-chip{
	position:absolute;right:-14px;bottom:-18px;
	display:flex;align-items:center;gap:8px;
	padding:10px 14px;border-radius:10px;background:#fff;
	border:1px solid var(--i-border);box-shadow:0 12px 28px rgba(16,42,74,.14);
	font-size:13px;font-weight:600;color:var(--i-text);white-space:nowrap;
}
.i11-chip span{
	display:inline-flex;align-items:center;justify-content:center;
	width:18px;height:18px;border-radius:50%;background:rgba(15,164,74,.12);
	color:var(--i-success);font-size:12px;font-weight:700;
}

/* ---------- 指标条 ---------- */
.i11-metrics{
	position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);
	margin-top:-52px;padding:8px 0;
	border:1px solid var(--i-border);border-radius:var(--i-radius-lg);
	background:#fff;box-shadow:var(--i-shadow);
}
.i11-metric{padding:20px 24px;border-right:1px solid var(--i-line);}
.i11-metric:last-child{border-right:0;}
.i11-metric-label{display:block;font-size:12px;color:var(--i-muted);}
.i11-metric strong{display:block;margin-top:6px;font-size:24px;line-height:1.3;font-weight:700;color:var(--i-text);letter-spacing:-.4px;}
.i11-metric strong i{font-style:normal;font-size:14px;font-weight:600;color:var(--i-sub);margin-left:2px;}

/* ---------- 通用段落 ---------- */
.i11-section{padding:84px 0;scroll-margin-top:88px;}
.i11-section-gray{background:var(--i-bg);}
.i11-section-dark{
	background:
		radial-gradient(680px 320px at 82% 0%, rgba(22,119,255,.28) 0%, rgba(22,119,255,0) 62%),
		linear-gradient(160deg,var(--i-ink) 0%,var(--i-ink-2) 62%,#0b1f3a 100%);
}

.i11-section-head{max-width:640px;margin-bottom:40px;}
.i11-section-head h2{font-size:32px;line-height:1.3;font-weight:700;letter-spacing:-.6px;color:var(--i-text);}
.i11-section-head p{margin-top:10px;font-size:14px;color:var(--i-sub);}
.i11-section-head-light h2{color:#fff;}
.i11-section-head-light p{color:rgba(255,255,255,.7);}

/* ---------- 通道 ---------- */
.i11-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.i11-channel{
	display:flex;align-items:center;gap:14px;
	padding:18px;border:1px solid var(--i-border);border-radius:var(--i-radius);
	background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.i11-channel:hover{border-color:#cfe2ff;box-shadow:var(--i-shadow);transform:translateY(-2px);}
.i11-channel img{width:34px;height:34px;flex:none;object-fit:contain;}
.i11-channel strong{display:block;font-size:14px;font-weight:600;color:var(--i-text);}
.i11-channel span{display:block;margin-top:2px;font-size:12px;color:var(--i-muted);}

/* ---------- 能力矩阵 ---------- */
.i11-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.i11-cap{
	padding:28px;border:1px solid var(--i-border);border-radius:var(--i-radius-lg);
	background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.i11-cap:hover{border-color:#cfe2ff;box-shadow:var(--i-shadow);transform:translateY(-2px);}
.i11-cap-icon{
	display:inline-flex;align-items:center;justify-content:center;
	width:44px;height:44px;border-radius:11px;
	background:var(--i-primary-light);color:var(--i-primary);
}
.i11-cap-icon svg{width:22px;height:22px;}
.i11-cap h3{margin-top:18px;font-size:17px;font-weight:600;color:var(--i-text);}
.i11-cap p{margin-top:8px;font-size:13px;line-height:1.75;color:var(--i-sub);}

/* ---------- 费率表 ---------- */
.i11-rate-card{
	border:1px solid var(--i-border);border-radius:var(--i-radius-lg);
	background:#fff;box-shadow:var(--i-shadow);overflow:hidden;
}
.i11-rate-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.i11-table{width:100%;border-collapse:collapse;min-width:640px;}
.i11-table th,.i11-table td{padding:15px 22px;text-align:left;font-size:13px;border-bottom:1px solid var(--i-line);}
.i11-table thead th{background:#f7f8fa;color:var(--i-sub);font-weight:600;font-size:13px;white-space:nowrap;}
.i11-table tbody td{color:var(--i-sub);}
.i11-table tbody td b{color:var(--i-text);font-size:14px;}
.i11-table tbody td:first-child{white-space:nowrap;color:var(--i-text);font-weight:600;}
.i11-table tbody td:first-child img{width:22px;height:22px;object-fit:contain;margin-right:8px;vertical-align:middle;}
.i11-table tbody tr:last-child td{border-bottom:0;}
.i11-rate-note{padding:14px 22px;border-top:1px solid var(--i-line);font-size:12px;color:var(--i-muted);}

/* ---------- 接入流程 ---------- */
.i11-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.i11-flow-item{
	padding:26px 22px;border:1px solid rgba(255,255,255,.14);border-radius:var(--i-radius-lg);
	background:rgba(255,255,255,.05);
	transition:background .18s ease,border-color .18s ease;
}
.i11-flow-item:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);}
.i11-flow-num{display:block;font-size:26px;font-weight:700;letter-spacing:-.4px;color:#4f9bff;line-height:1;}
.i11-flow-item h3{margin-top:16px;font-size:17px;font-weight:600;color:#fff;}
.i11-flow-item p{margin-top:8px;font-size:13px;line-height:1.75;color:rgba(255,255,255,.66);}

/* ---------- 开发者区 ---------- */
.i11-dev-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.i11-dev-copy h2{font-size:32px;line-height:1.3;font-weight:700;letter-spacing:-.6px;color:var(--i-text);}
.i11-dev-copy > p{margin-top:12px;font-size:14px;line-height:1.8;color:var(--i-sub);}
.i11-dev-list{margin-top:22px;}
.i11-dev-list li{position:relative;padding-left:22px;margin-bottom:10px;font-size:13px;color:var(--i-sub);}
.i11-dev-list li::before{
	content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:2px;
	background:var(--i-primary);transform:rotate(45deg);
}
.i11-dev-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;}

.i11-code{
	border-radius:var(--i-radius-lg);overflow:hidden;
	background:linear-gradient(160deg,#0b1524 0%,#0e2137 100%);
	box-shadow:0 20px 44px rgba(10,27,48,.22);
}
.i11-code-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
.i11-code-bar span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18);}
.i11-code-bar em{margin-left:auto;font-style:normal;font-size:12px;color:rgba(255,255,255,.45);}
.i11-code pre{margin:0;padding:20px 22px;overflow-x:auto;}
.i11-code code{
	display:block;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
	font-size:12.5px;line-height:1.9;color:#c6d7ea;white-space:pre;
}
.i11-code code::first-line{color:#8fb8e6;}

/* ---------- 信任 + FAQ ---------- */
.i11-trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.i11-trust h2,.i11-faq h2{font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.4px;color:var(--i-text);}
.i11-trust ul{margin-top:22px;}
.i11-trust li{padding:12px 0;border-bottom:1px solid rgba(31,35,41,.07);font-size:13px;color:var(--i-sub);}
.i11-trust li b{display:inline-block;min-width:88px;color:var(--i-text);font-weight:600;}
.i11-trust-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;font-size:12.5px;color:var(--i-muted);}
.i11-trust-meta a{color:var(--i-primary);}

.i11-faq details{border:1px solid var(--i-border);border-radius:var(--i-radius);background:#fff;margin-top:12px;overflow:hidden;}
.i11-faq details[open]{border-color:#cfe2ff;}
.i11-faq summary{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding:15px 18px;font-size:14px;font-weight:600;color:var(--i-text);
	cursor:pointer;list-style:none;
}
.i11-faq summary::-webkit-details-marker{display:none;}
.i11-faq summary::after{content:"+";font-size:18px;font-weight:400;color:var(--i-muted);line-height:1;}
.i11-faq details[open] summary::after{content:"−";color:var(--i-primary);}
.i11-faq details p{padding:0 18px 16px;font-size:13px;line-height:1.8;color:var(--i-sub);}

/* ---------- 底部 CTA ---------- */
.i11-cta{
	padding:56px 0;
	background:
		radial-gradient(620px 300px at 88% 10%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 60%),
		linear-gradient(120deg,var(--i-primary) 0%,#0b57d0 100%);
}
.i11-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;}
.i11-cta-inner h2{font-size:28px;line-height:1.3;font-weight:700;letter-spacing:-.4px;color:#fff;}
.i11-cta-inner p{margin-top:8px;font-size:13px;color:rgba(255,255,255,.78);}
.i11-cta-actions{display:flex;flex-wrap:wrap;gap:12px;flex:none;}

/* ---------- 页脚 ---------- */
.i11-footer{padding:56px 0 26px;border-top:1px solid var(--i-line);background:#fff;}
.i11-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;}
.i11-footer-brand a{display:inline-flex;align-items:center;gap:10px;}
.i11-footer-brand img{width:28px;height:28px;border-radius:7px;}
.i11-footer-brand a span{font-size:15px;font-weight:700;color:var(--i-text);}
.i11-footer-brand p{margin-top:12px;max-width:300px;font-size:12.5px;line-height:1.8;color:var(--i-muted);}
.i11-footer-col h4{font-size:13px;font-weight:600;color:var(--i-text);}
.i11-footer-col a{display:block;margin-top:10px;font-size:12.5px;color:var(--i-muted);transition:color .18s ease;word-break:break-all;}
.i11-footer-col a:hover{color:var(--i-primary);}
.i11-footer-bottom{
	display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;
	margin-top:40px;padding-top:20px;border-top:1px solid var(--i-line);
	font-size:12px;color:var(--i-muted);
}
.i11-footer-bottom span{word-break:break-all;}

/* ---------- 滚动淡入（仅在 JS 可用时启用） ---------- */
.i11-js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.i11-js [data-reveal].is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
	.i11-js [data-reveal]{opacity:1;transform:none;transition:none;}
	.i11-btn:hover,.i11-cap:hover,.i11-channel:hover{transform:none;}
}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
	.i11-hero h1{font-size:40px;}
	.i11-hero-inner{gap:40px;}
	.i11-dev-inner{gap:40px;}
	.i11-trust-inner{gap:40px;}
}

@media (max-width:991px){
	.i11-nav{
		position:fixed;left:0;right:0;top:var(--i-header-h);
		display:none;flex-direction:column;align-items:stretch;gap:0;
		padding:8px 24px 22px;background:#fff;
		border-bottom:1px solid var(--i-line);box-shadow:0 18px 30px rgba(31,35,41,.08);
		max-height:calc(100vh - var(--i-header-h));overflow-y:auto;
	}
	.i11-nav.is-open{display:flex;}
	.i11-nav > a{padding:12px 2px;font-size:15px;border-bottom:1px solid var(--i-line);}
	.i11-nav-actions{flex-direction:column;align-items:stretch;gap:10px;padding:16px 0 0;}
	.i11-nav-actions .i11-link{text-align:center;padding:6px 0;}
	.i11-nav-toggle{display:flex;}

	.i11-hero{padding-top:44px;}
	.i11-hero-inner{grid-template-columns:1fr;gap:44px;padding-bottom:72px;}
	.i11-hero h1{font-size:36px;}
	.i11-hero-sub{max-width:none;}
	.i11-hero-visual{max-width:520px;}

	.i11-metrics{grid-template-columns:repeat(2,1fr);margin-top:-40px;}
	.i11-metric{border-bottom:1px solid var(--i-line);}
	.i11-metric:nth-child(2n){border-right:0;}
	.i11-metric:nth-child(n+3){border-bottom:0;}

	.i11-section{padding:64px 0;}
	.i11-channel-grid{grid-template-columns:repeat(2,1fr);}
	.i11-cap-grid{grid-template-columns:repeat(2,1fr);}
	.i11-flow{grid-template-columns:repeat(2,1fr);}
	.i11-dev-inner{grid-template-columns:1fr;}
	.i11-trust-inner{grid-template-columns:1fr;}
	.i11-cta-inner{flex-direction:column;align-items:flex-start;}
}

@media (max-width:767px){
	.i11-container{padding-left:18px;padding-right:18px;}
	.i11-brand span{font-size:15px;}
	.i11-hero{padding-top:32px;}
	.i11-hero h1{font-size:30px;letter-spacing:-.4px;}
	.i11-hero-sub{font-size:14px;}
	.i11-hero-actions .i11-btn{width:100%;}
	.i11-hero-points{flex-direction:column;gap:8px;}
	.i11-chip{right:0;bottom:-16px;}
	.i11-panel-amount{font-size:28px;}
	.i11-metric{padding:16px 18px;}
	.i11-metric strong{font-size:20px;}
	.i11-section-head h2,.i11-dev-copy h2{font-size:25px;}
	.i11-channel-grid,.i11-cap-grid,.i11-flow{grid-template-columns:1fr;}
	.i11-cap{padding:22px;}
	.i11-code code{font-size:11.5px;}
	.i11-cta-inner h2{font-size:23px;}
	.i11-cta-actions{width:100%;}
	.i11-cta-actions .i11-btn{flex:1;}
	.i11-footer-grid{grid-template-columns:1fr 1fr;gap:24px;}
	.i11-footer-brand{grid-column:1 / -1;}
	.i11-footer-bottom{flex-direction:column;}
}

/* ---------- 协议文档页 ---------- */
.i11-doc-hero{
	padding:48px 0 42px;
	background:
		radial-gradient(620px 300px at 82% -20%, rgba(22,119,255,.10) 0%, rgba(22,119,255,0) 62%),
		linear-gradient(180deg,#f7faff 0%,#fff 100%);
	border-bottom:1px solid var(--i-line);
	scroll-margin-top:88px;
}
.i11-crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--i-muted);}
.i11-crumb a{color:var(--i-muted);transition:color .18s ease;}
.i11-crumb a:hover{color:var(--i-primary);}
.i11-crumb i{font-style:normal;color:#c9d2e0;}
.i11-doc-hero h1{margin-top:14px;font-size:34px;line-height:1.3;font-weight:700;letter-spacing:-.6px;color:var(--i-text);}
.i11-doc-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;font-size:12.5px;color:var(--i-muted);}
.i11-doc-intro{margin-top:16px;max-width:780px;font-size:14px;line-height:1.85;color:var(--i-sub);}
.i11-doc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}

.i11-doc-section{padding:44px 0 80px;background:#fff;}
.i11-doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;align-items:start;}

.i11-doc-aside{position:sticky;top:88px;min-width:0;}
.i11-doc-toc{padding:14px 6px 8px;border:1px solid var(--i-border);border-radius:var(--i-radius);background:#fff;}
.i11-doc-toc-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 10px;border-bottom:1px solid var(--i-line);font-size:13px;font-weight:600;color:var(--i-text);}
.i11-doc-toc-head i{font-style:normal;font-size:12px;font-weight:400;color:var(--i-muted);}
.i11-doc-toc-list{max-height:calc(100vh - 240px);overflow-y:auto;padding-top:6px;}
.i11-doc-toc-link{
	display:block;padding:7px 12px;border-left:2px solid transparent;
	font-size:12.5px;line-height:1.5;color:var(--i-sub);
	transition:color .15s ease,background .15s ease,border-color .15s ease;
}
.i11-doc-toc-link:hover{color:var(--i-primary);background:#f7faff;}
.i11-doc-toc-link.is-active{
	color:var(--i-primary);border-left-color:var(--i-primary);
	background:var(--i-primary-light);font-weight:600;
}
.i11-doc-help{margin-top:14px;padding:16px;border-radius:var(--i-radius);background:var(--i-bg);}
.i11-doc-help strong{font-size:13px;color:var(--i-text);}
.i11-doc-help p{margin-top:6px;font-size:12px;line-height:1.7;color:var(--i-muted);}
.i11-doc-help a{display:block;margin-top:8px;font-size:12.5px;color:var(--i-primary);word-break:break-all;}

.i11-doc-body{
	min-width:0;padding:34px 44px 42px;
	border:1px solid var(--i-border);border-radius:var(--i-radius-lg);
	background:#fff;box-shadow:var(--i-shadow);
}
.i11-doc-body h4{
	position:relative;margin:38px 0 14px;padding-left:14px;
	font-size:17px;line-height:1.5;font-weight:600;color:var(--i-text);
}
.i11-doc-body h4::before{
	content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:2px;background:var(--i-primary);
}
.i11-doc-body h4:first-of-type{margin-top:0;}
.i11-doc-body p{margin:0 0 12px;font-size:14px;line-height:1.95;color:var(--i-sub);word-break:break-word;}
.i11-doc-body p:empty{display:none;}
.i11-doc-body strong{color:var(--i-text);font-weight:600;}
.i11-doc-body a{color:var(--i-primary);}

@media (max-width:991px){
	.i11-doc-layout{grid-template-columns:1fr;gap:24px;}
	.i11-doc-aside{position:static;}
	.i11-doc-toc-list{display:flex;flex-wrap:wrap;gap:6px;max-height:none;padding:6px 4px 2px;}
	.i11-doc-toc-link{border:1px solid var(--i-border);border-radius:999px;padding:5px 12px;}
	.i11-doc-toc-link.is-active{border-color:var(--i-primary);}
	.i11-doc-help{display:none;}
	.i11-doc-body{padding:26px 22px 30px;}
}

@media (max-width:767px){
	.i11-doc-hero{padding:32px 0 28px;}
	.i11-doc-hero h1{font-size:26px;}
	.i11-doc-meta{gap:6px 16px;}
	.i11-doc-actions .i11-btn{flex:1;}
	.i11-doc-section{padding:28px 0 56px;}
	.i11-doc-body h4{margin-top:30px;font-size:15.5px;}
	.i11-doc-body p{font-size:13.5px;line-height:1.9;}
}

@media print{
	.i11-header,.i11-footer,.i11-doc-aside,.i11-doc-actions,.i11-crumb,.i11-nav-toggle{display:none !important;}
	.i11-doc-hero{padding:0 0 14px;background:none;border:0;}
	.i11-doc-layout{display:block;}
	.i11-doc-body{padding:0;border:0;box-shadow:none;}
	.i11-doc-body p,.i11-doc-body h4,.i11-doc-body strong{color:#000;}
	.i11-doc-body p{font-size:12px;line-height:1.7;}
}