|
|
| (未显示同一用户的7个中间版本) |
| 第9行: |
第9行: |
| } | | } |
|
| |
|
| /* 获得焦点时的边框样式 */
| |
| .ve-ui-surface-focused .ve-ce-attachedRootNode {
| |
| border-color: #999999 !important; /* 获得焦点时变成更深一点的灰色 */
| |
| box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) !important;
| |
| }
| |
|
| |
|
| /* 隐藏首页主标题与侧边目录生成 */ | | /* 首页样式 */ |
| .page-首页 #firstHeading,
| | /* 让内容区更宽更干净 */ |
| .page-Main_Page #firstHeading, | | .mw-body { |
| .page-首页 #toc,
| | max-width: 1200px; |
| .page-首页 .toc {
| | margin: 0 auto; |
| display: none !important;
| |
| } | | } |
|
| |
|
| /* 首页主容器 */ | | /* 去掉默认过多边距 */ |
| .home-container {
| | #content { |
| max-width: 900px;
| | padding: 1.5em 2em; |
| margin: 20px auto 40px;
| |
| padding: 10px;
| |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
| |
| } | | } |
|
| |
|
| /* 大标题与副标题 */ | | /* 标题更现代 */ |
| .home-hero-title { | | .firstHeading { |
| font-size: 38px;
| | font-weight: 600; |
| font-weight: 700;
| | border-bottom: none !important; |
| color: #1a1a1a;
| |
| text-align: center;
| |
| margin-bottom: 8px;
| |
| }
| |
| .home-hero-subtitle {
| |
| font-size: 15px;
| |
| color: #666;
| |
| text-align: center;
| |
| margin-bottom: 32px;
| |
| }
| |
|
| |
|
| /* 核心搜索/创建容器 */
| |
| .home-action-box {
| |
| background: #ffffff;
| |
| border: 2px solid #2563eb;
| |
| border-radius: 12px;
| |
| padding: 24px 30px;
| |
| box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.1);
| |
| text-align: center;
| |
| margin-bottom: 35px;
| |
| }
| |
| .home-action-tip {
| |
| font-size: 16px;
| |
| color: #334155;
| |
| margin-bottom: 16px;
| |
| font-weight: 500;
| |
| }
| |
| .home-btn-group {
| |
| display: flex;
| |
| justify-content: center;
| |
| gap: 16px;
| |
| }
| |
| .home-btn-primary {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| padding: 10px 24px;
| |
| background-color: #2563eb;
| |
| color: #ffffff !important;
| |
| border-radius: 8px;
| |
| font-weight: 600;
| |
| text-decoration: none !important;
| |
| transition: all 0.2s ease;
| |
| }
| |
| .home-btn-primary:hover {
| |
| background-color: #1d4ed8;
| |
| transform: translateY(-1px);
| |
| }
| |
| .home-btn-secondary {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| padding: 10px 24px;
| |
| background-color: #f1f5f9;
| |
| color: #334155 !important;
| |
| border-radius: 8px;
| |
| font-weight: 600;
| |
| text-decoration: none !important;
| |
| transition: all 0.2s ease;
| |
| }
| |
| .home-btn-secondary:hover {
| |
| background-color: #e2e8f0;
| |
| }
| |
|
| |
|
| /* 底部三列网格卡片 */ | | /* 首页样式 */ |
| .home-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, 1fr);
| |
| gap: 20px;
| |
| }
| |
| .home-card {
| |
| background: #ffffff;
| |
| border: 1px solid #e2e8f0;
| |
| border-radius: 10px;
| |
| padding: 20px;
| |
| transition: all 0.2s ease;
| |
| }
| |
| .home-card:hover {
| |
| border-color: #cbd5e1;
| |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
| |
| transform: translateY(-2px);
| |
| }
| |
| .home-card-title {
| |
| font-size: 16px;
| |
| font-weight: 600;
| |
| color: #1e293b;
| |
| margin-bottom: 8px;
| |
| }
| |
| .home-card-desc {
| |
| font-size: 13px;
| |
| color: #64748b;
| |
| line-height: 1.5;
| |
| }
| |