.chrono-keeper {
              width: 100%;
              font-family: 'Segoe UI', 'Roboto', 'Arial', sans-serif;
              background-color: transparent;
              margin: 0;
              padding: 0;
              border: none;
              box-shadow: none;
            }
            
            .chrono-beijing-time {
              text-align: center;
              margin: 15px 0;
              padding: 10px 0;
              border-top: 1px solid #e8e8e8;
              border-bottom: 1px solid #e8e8e8;
              font-size: 0.95rem;
              color: #555;
            }
            
            .chrono-beijing-label {
              margin-right: 10px;
              font-weight: 500;
            }
            
            .chrono-beijing-value {
              font-family: 'Courier New', monospace;
              font-weight: 600;
              color: #333;
            }
            
            /* 美化计时器显示区域 */
            .chrono-display {
              text-align: center;
              margin: 25px 0;
              padding: 25px 15px;
              border-top: 1px solid #e0e0e0;
              border-bottom: 1px solid #e0e0e0;
              background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
              border-radius: 8px;
              position: relative;
              overflow: hidden;
            }
            
            .chrono-display::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              height: 2px;
              background: linear-gradient(90deg, #4a6fa5, #6c8cc0, #4a6fa5);
            }
            
            .chrono-time-wrapper {
              display: inline-block;
              position: relative;
              padding: 20px 30px;
              background-color: white;
              border-radius: 6px;
              box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
              border: 1px solid #eaeaea;
              min-width: 300px;
            }
            
            .chrono-time {
              font-family: 'SF Mono', 'Monaco', 'Courier New', monospace;
              font-size: 2.8rem;
              font-weight: 400;
              color: #2c3e50;
              letter-spacing: 2px;
              text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
              display: inline-block;
              padding: 5px 10px;
              background: linear-gradient(to bottom, #fefefe, #f8f9fa);
              border-radius: 4px;
              border: 1px solid #e8e8e8;
              box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
            }
            
            /* 毫秒部分特殊样式 */
            .chrono-time::after {
              content: '';
              display: inline-block;
              width: 4px;
              height: 4px;
              background-color: #e74c3c;
              border-radius: 50%;
              margin-left: 4px;
              vertical-align: super;
              position: relative;
              top: -8px;
              opacity: 0.7;
              animation: blink 1s infinite;
            }
            
            @keyframes blink {
              0%, 100% { opacity: 0.7; }
              50% { opacity: 0.2; }
            }
            
            .chrono-time-label {
              position: absolute;
              bottom: -8px;
              left: 50%;
              transform: translateX(-50%);
              font-size: 0.8rem;
              color: #7f8c8d;
              background-color: white;
              padding: 2px 12px;
              border-radius: 10px;
              border: 1px solid #e8e8e8;
              font-weight: 500;
              letter-spacing: 1px;
              white-space: nowrap;
            }
            
            .chrono-controls {
              display: flex;
              justify-content: center;
              gap: 12px;
              margin: 25px 0;
              padding: 15px 0;
              border-top: 1px solid #f0f0f0;
              border-bottom: 1px solid #f0f0f0;
            }
            
            .chrono-action {
              padding: 10px 24px;
              font-size: 1rem;
              border: 1px solid #d0d0d0;
              background-color: #f9f9f9;
              color: #333;
              cursor: pointer;
              border-radius: 3px;
              transition: all 0.2s ease;
              font-weight: 500;
              letter-spacing: 0.5px;
            }
            
            .chrono-action:hover {
              background-color: #f0f0f0;
              border-color: #b0b0b0;
              transform: translateY(-1px);
              box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }
            
            .chrono-action:disabled {
              opacity: 0.5;
              cursor: not-allowed;
              background-color: #f0f0f0;
              transform: none;
              box-shadow: none;
            }
            
            .chrono-start[data-state="running"] {
              background-color: #ffe8e8;
              border-color: #e0a0a0;
              color: #c05050;
            }
            
            .chrono-start[data-state="running"]:hover {
              background-color: #ffdada;
            }
            
            .chrono-laps {
              margin-top: 30px;
              border-top: 1px solid #e8e8e8;
              padding-top: 15px;
            }
            
            .chrono-lap-header {
              display: flex;
              justify-content: space-between;
              padding: 10px 5px;
              border-bottom: 1px solid #e8e8e8;
              font-size: 0.95rem;
              color: #666;
              margin-bottom: 10px;
            }
            
            .chrono-lap-count {
              background-color: #f0f0f0;
              padding: 2px 8px;
              border-radius: 10px;
              font-size: 0.85rem;
            }
            
            .chrono-lap-list {
              max-height: 300px;
              overflow-y: auto;
            }
            
            .chrono-lap-item {
              display: flex;
              justify-content: space-between;
              padding: 8px 5px;
              border-bottom: 1px solid #f5f5f5;
              font-size: 0.9rem;
              transition: background-color 0.2s ease;
            }
            
            .chrono-lap-item:hover {
              background-color: #f8f9fa;
            }
            
            .chrono-lap-item:nth-child(odd) {
              background-color: #fafafa;
            }
            
            .chrono-lap-number {
              color: #888;
              min-width: 25px;
              font-family: 'Courier New', monospace;
              font-weight: 500;
            }
            
            .chrono-lap-time {
              color: #2c3e50;
              font-family: 'Courier New', monospace;
              font-weight: 600;
              letter-spacing: 0.5px;
            }
            
            .chrono-beijing-timestamp {
              color: #666;
              font-size: 0.85rem;
              font-family: 'Courier New', monospace;
            }
            
            .chrono-lap-list::-webkit-scrollbar {
              width: 6px;
            }
            
            .chrono-lap-list::-webkit-scrollbar-thumb {
              background-color: #d0d0d0;
              border-radius: 3px;
            }
            
            .chrono-lap-list::-webkit-scrollbar-track {
              background-color: #f5f5f5;
            }
            
            /* 响应式调整 */
            @media (max-width: 600px) {
              .chrono-time {
                font-size: 2.2rem;
                letter-spacing: 1px;
              }
              
              .chrono-time-wrapper {
                min-width: 250px;
                padding: 15px 20px;
              }
              
              .chrono-controls {
                flex-wrap: wrap;
              }
              
              .chrono-action {
                padding: 8px 16px;
                flex: 1;
                min-width: 80px;
              }
            }
                          .seo-content {
                background-color: #f9f9f9;
                padding: 20px;
                margin-top: 30px;
                font-size: 1rem;
                color: #333;
                text-align: left; /* 改为左对齐 */
                line-height: 1.6;
                border-radius: 8px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
              }
            
              .seo-content p {
                margin: 10px 0;
              }
            
              .seo-content h3 {
                margin-top: 20px;
                font-size: 1.2rem;
                font-weight: 600;
                color: #555;
              }
            
              .seo-content strong {
                font-weight: 600;
              }