Ubuntu
67 lines
1.1 KiB
CSS
67 lines
1.1 KiB
CSS
/* ========================================
|
|
飞点健康 CMS - 全局样式
|
|
基于 Modern Healthcare 风格
|
|
======================================== */
|
|
|
|
/* 访客端页面基础样式 */
|
|
.page-container {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* 响应式容器 */
|
|
.container-wide {
|
|
width: 100%;
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
padding: 0 1rem;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.container-wide {
|
|
padding: 0 1.5rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
.container-wide {
|
|
padding: 0 2rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1280px) {
|
|
.container-wide {
|
|
padding: 0 3rem;
|
|
}
|
|
}
|
|
|
|
/* 平滑滚动 */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* 焦点样式 */
|
|
*:focus-visible {
|
|
outline: 2px solid var(--health-primary, #10B981);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* 图片懒加载占位 */
|
|
img {
|
|
background-color: #f3f4f6;
|
|
}
|
|
|
|
/* 文本截断 */
|
|
.line-clamp-2 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.line-clamp-3 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|