/* ==========================================================================
   图吧工具箱 · 隐私政策 / 法律页面
   ========================================================================== */

.tbk-legal-hero{position:relative;overflow:hidden;background:#edf2f9;padding:50px 0 64px}
.tbk-legal-hero:before{
	content:"";position:absolute;left:0;top:0;width:52%;height:100%;
	background-image:radial-gradient(rgba(66,103,238,.1) 1px,transparent 1px);
	background-size:22px 22px;
	-webkit-mask-image:linear-gradient(to right,#000,transparent);
	mask-image:linear-gradient(to right,#000,transparent);
}
.tbk-legal-hero:after{
	content:"";position:absolute;right:-16%;top:-55%;width:55%;height:200%;
	background:#dae5f8;border-radius:50% 0 0 50%;opacity:.75;
}
.tbk-legal-crumb{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-bottom:30px;color:#8b93a1;font-size:12px}
.tbk-legal-crumb a:hover{color:var(--tbk-lan)}
.tbk-legal-crumb i{font-size:13px;color:#b4bcc8}
.tbk-legal-head{position:relative;z-index:2;max-width:760px}
.tbk-legal-head>span{
	display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:6px 11px;
	background:#fff;border:1px solid rgba(66,103,238,.18);border-radius:20px;
	color:var(--tbk-lan);font-size:9px;font-weight:900;letter-spacing:.16em;
}
.tbk-legal-head h1{margin:0;font-size:clamp(38px,4.4vw,52px);line-height:1.2;font-weight:900;letter-spacing:-.01em}
.tbk-legal-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:16px;color:#8b93a1;font-size:11px}
.tbk-legal-meta span{display:inline-flex;align-items:center;gap:5px}
.tbk-legal-meta i{font-size:13px;color:#9fb0cd}

.tbk-legal-main{background:#fff;padding:0 0 84px}
.tbk-legal-wrap{
	position:relative;z-index:2;max-width:880px;margin:-26px auto 0;padding:44px 52px 48px;
	background:#fff;border:1px solid #e5ebf5;border-radius:12px;
	box-shadow:0 25px 60px rgba(55,78,120,.09);
}
.tbk-legal-intro{padding-bottom:8px;border-bottom:1px solid #eef2f8}
.tbk-legal-wrap p{margin:0 0 13px;color:#5d6573;font-size:13.5px;line-height:1.95}
.tbk-legal-wrap h2{
	margin:34px 0 13px;padding-left:12px;border-left:3px solid var(--tbk-lan);
	font-size:18px;line-height:1.5;font-weight:900;color:#20232b;
}
.tbk-legal-wrap h2:first-of-type{margin-top:26px}
.tbk-legal-wrap ul,.tbk-legal-wrap ol{margin:0 0 14px;padding-left:20px;color:#5d6573}
.tbk-legal-wrap li{margin:0 0 7px;font-size:13.5px;line-height:1.9}
.tbk-legal-wrap li::marker{color:#9fb0cd}
.tbk-legal-wrap strong{color:#2c3444;font-weight:800}
.tbk-legal-wrap a{color:var(--tbk-lan);text-decoration:underline;text-underline-offset:2px;word-break:break-word;overflow-wrap:anywhere}
.tbk-legal-wrap a[href^="mailto:"]{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.tbk-legal-note{
	display:flex;align-items:flex-start;gap:10px;margin:18px 0 6px;padding:15px 17px;
	background:#f4f8ff;border:1px solid #dfe9fb;border-radius:8px;
	color:#5f6875;font-size:12px;line-height:1.85;
}
.tbk-legal-note i{font-size:16px;color:var(--tbk-lan);margin-top:1px;flex:0 0 16px}
.tbk-legal-contact{
	display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;
	padding:18px;background:#f7f9fd;border:1px solid #e6ecf7;border-radius:8px;
}
.tbk-legal-contact div{font-size:12px;color:#7c8594;line-height:1.8}
.tbk-legal-contact small{display:block;margin-bottom:3px;color:#9aa5b6;font-size:9px;letter-spacing:.08em}
.tbk-legal-contact b{display:block;color:#2c3444;font-size:13px;font-weight:800;word-break:break-word;overflow-wrap:anywhere}

@media(max-width:760px){
	.tbk-legal-hero{padding:36px 0 56px}
	.tbk-legal-head h1{font-size:34px}
	.tbk-legal-wrap{margin-top:-20px;padding:26px 22px 30px;border-radius:10px}
	.tbk-legal-wrap h2{font-size:16.5px;margin-top:28px}
	.tbk-legal-wrap p,.tbk-legal-wrap li{font-size:12.5px}
	.tbk-legal-contact{grid-template-columns:1fr}
}