/* ============================================================
Endril Cookie Consent + Page Kit styles
Shared across html.endril.com (root pages + /tools/* subpages)
Loaded via absolute path /assets/consent.css
Design: simple white surface, no rounded corners, no purple
gradient. The floating "Cookie 设置" button is white, compact,
and freely draggable (see consent.js).
OPT-IN: consent.js only injects the cookie banner/button and/or
the site footer when the host page includes the corresponding
tag in :
-> banner + button + ads
-> .endril-site-footer
Without these metas, nothing is injected (tool pages unaffected).
============================================================ */
/* --- Cookie consent banner (fixed bottom) --- */
.endril-consent {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
background: #ffffff;
color: #1f2430;
border-top: 1px solid #e5e7eb;
box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
padding: 16px 20px;
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
font-size: 14px;
line-height: 1.6;
}
.endril-consent .ec-text {
flex: 1 1 320px;
max-width: 760px;
}
.endril-consent .ec-text a {
color: #2563eb;
text-decoration: underline;
}
.endril-consent .ec-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
}
.endril-consent button {
border: none;
cursor: pointer;
border-radius: 0;
padding: 9px 18px;
font-size: 14px;
font-weight: 600;
font-family: inherit;
}
.endril-consent .ec-accept {
background: #1f2937;
color: #fff;
}
.endril-consent .ec-reject {
background: #eef0f5;
color: #333;
}
.endril-consent .ec-more {
background: transparent;
color: #2563eb;
text-decoration: underline;
padding: 9px 8px;
}
/* --- Floating re-consent / cookie settings button ---
Compact, white, and freely draggable (pointer drag handled in
consent.js). position:fixed with right/bottom as the default
anchor; JS switches to left/top while dragging. */
.endril-consent-settings {
position: fixed;
right: 14px;
bottom: 14px;
z-index: 99998;
background: #ffffff;
color: #1f2937;
border: 1px solid #d0d5dd;
cursor: grab;
border-radius: 0;
padding: 5px 10px;
font-size: 12px;
line-height: 1.4;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"PingFang SC", "Microsoft YaHei", Arial, sans-serif;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
user-select: none;
-webkit-user-select: none;
touch-action: none;
white-space: nowrap;
}
.endril-consent-settings:hover {
background: #f5f6f8;
}
.endril-consent-settings:active {
cursor: grabbing;
}
/* --- Shared site footer (added to tool pages) --- */
.endril-site-footer {
text-align: center;
padding: 22px 16px;
margin-top: 28px;
font-size: 13px;
color: #6b7280;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}
.endril-site-footer a {
color: #2563eb;
text-decoration: none;
}
.endril-site-footer a:hover {
text-decoration: underline;
}
/* --- AdSense ad units ---
Placeholder units (slot still = YOUR_SLOT_ID) are hidden until the
site owner replaces the slot with a real AdSense ad unit ID.
After a real slot is set, Auto Ads + this manual unit will serve. */
ins.adsbygoogle[data-ad-slot="YOUR_SLOT_ID"] {
display: none !important;
}
.endril-ad-wrap {
margin: 18px auto;
text-align: center;
}