99 lines
1.9 KiB
CSS
99 lines
1.9 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--app-bg: #f4f7fb;
|
|
--panel-bg: rgba(255, 255, 255, 0.9);
|
|
--hairline: rgba(148, 163, 184, 0.18);
|
|
}
|
|
|
|
html, body {
|
|
overscroll-behavior: none;
|
|
-webkit-overflow-scrolling: touch;
|
|
background: var(--app-bg);
|
|
}
|
|
|
|
html {
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
overflow: auto;
|
|
height: 100%;
|
|
color: #0f172a;
|
|
background: #fff;
|
|
font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
}
|
|
|
|
button, input, select {
|
|
font-family: inherit;
|
|
}
|
|
|
|
.amap-logo,
|
|
.amap-copyright {
|
|
opacity: 0.82;
|
|
}
|
|
|
|
.amap-toolbar {
|
|
border: 1px solid #e2e8f0 !important;
|
|
border-radius: 10px !important;
|
|
box-shadow: 0 8px 24px rgb(15 23 42 / 10%) !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.amap-logo,
|
|
.amap-copyright {
|
|
bottom: 60px !important;
|
|
}
|
|
}
|
|
|
|
@keyframes marquee {
|
|
from { transform: translateX(0); }
|
|
to { transform: translateX(-50%); }
|
|
}
|
|
|
|
@keyframes shimmer {
|
|
0% { transform: translateX(-100%); }
|
|
100% { transform: translateX(100%); }
|
|
}
|
|
|
|
@keyframes floatUp {
|
|
from { opacity: 0; transform: translateY(8px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
|
|
@utility animate-marquee {
|
|
animation: marquee 30s linear infinite;
|
|
}
|
|
|
|
@utility no-scrollbar {
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
&::-webkit-scrollbar { display: none; }
|
|
}
|
|
|
|
.shimmer {
|
|
position: relative;
|
|
}
|
|
|
|
.shimmer::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
|
|
animation: shimmer 1.4s infinite;
|
|
}
|
|
|
|
.enterprise-grid-bg {
|
|
background:
|
|
radial-gradient(circle at 16% 0%, rgba(59, 130, 246, 0.08), transparent 28%),
|
|
radial-gradient(circle at 90% 12%, rgba(20, 184, 166, 0.08), transparent 26%),
|
|
linear-gradient(180deg, #f8fbff 0%, var(--app-bg) 42%, #f7f9fc 100%);
|
|
}
|
|
|
|
.asset-date-input::-webkit-calendar-picker-indicator {
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|