/* 修改后 */
 body {
     background-color: #17191E;
     color: #E6E6E6;
 }

 /* 只给教程内容设置字体 */
 .tutorial-container,
 .tutorial-container p,
 .tutorial-container .step-title,
 .tutorial-container .sub-title {
     font-family: "微软雅黑", sans-serif;
 }

 /* 教程容器 */
 .tutorial-container {
     max-width: 900px;
     margin: 100px auto 60px;
     padding: 40px;
     background: rgba(30, 32, 38, 0.8);
     border-radius: 12px;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
 }

 /* 步骤标题 */
 .step-title {
     color: #8B5CF6;
     /* 改成紫色，或者用 #55308d 匹配你原来的紫色 */
     font-size: 24px;
     font-weight: bold;
     margin: 40px 0 20px;
     padding-bottom: 12px;
     border-bottom: 2px solid rgba(139, 92, 246, 0.3);
     /* 边框也改成对应颜色 */
 }

 .step-title:first-child {
     margin-top: 0;
 }

 /* 段落文本 */
 .tutorial-container p {
     font-size: 15px;
     line-height: 1.8;
     margin-bottom: 15px;
     color: #D0D0D0;
 }

 /* 代码块 */
 .code-block {
     background: #1a1c22;
     border: 1px solid rgba(47, 147, 123, 0.2);
     border-radius: 6px;
     padding: 15px 20px;
     margin: 15px 0;
     font-family: 'Consolas', 'Monaco', monospace;
     font-size: 14px;
     color: #7EC699;
     overflow-x: auto;
     position: relative;
 }

 /* 添加左上角小标签 */
 .code-block::before {
     content: 'CMD命令';
     position: absolute;
     top: 8px;
     right: 12px;
     font-size: 12px;
     color: rgba(47, 147, 123, 0.5);
     font-weight: bold;
     font-family: "微软雅黑", sans-serif;
 }

 /* 链接样式 */
 .tutorial-container a {
     color: #2F937B;
     text-decoration: none;
     border-bottom: 1px solid rgba(47, 147, 123, 0.3);
     transition: all 0.3s;
 }

 .tutorial-container a:hover {
     color: #3DB391;
     border-bottom-color: #2F937B;
 }

 /* 注意提示框 */
 .alert-box {
     background: rgba(255, 107, 107, 0.1);
     border-left: 4px solid #FF6B6B;
     padding: 15px 20px;
     margin: 20px 0;
     border-radius: 6px;
 }

 .alert-box.warning {
     background: rgba(255, 184, 0, 0.1);
     border-left-color: #FFB800;
 }

 .alert-box.info {
     background: rgba(47, 147, 123, 0.1);
     border-left-color: #2F937B;
 }

 .alert-box strong {
     color: #FF6B6B;
     font-size: 16px;
 }

 .alert-box.warning strong {
     color: #FFB800;
 }

 .alert-box.info strong {
     color: #2F937B;
 }

 /* 情况标签 */
 .case-label {
     display: inline-block;
     background: rgba(47, 147, 123, 0.2);
     color: #2F937B;
     padding: 4px 12px;
     border-radius: 4px;
     font-weight: bold;
     margin-right: 8px;
 }

 /* 图片容器 */
 .img-container {
     text-align: center;
     margin: 30px 0;
 }

 .img-container img {
     max-width: 100%;
     border-radius: 8px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
 }

 /* 小标题 */
 .sub-title {
     color: #2F937B;
     font-size: 18px;
     font-weight: bold;
     margin: 25px 0 15px;
 }

 /* 响应式 */
 @media (max-width: 768px) {
     .tutorial-container {
         margin: 80px 15px 40px;
         padding: 25px;
     }

     .step-title {
         font-size: 20px;
     }

     .code-block {
         font-size: 12px;
         padding: 12px 15px;
     }
 }

 /* 返回顶部按钮 */
 .back-to-top {
     position: fixed;
     bottom: 30px;
     right: 30px;
     background: #2F937B;
     color: white;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }

 .back-to-top.show {
     opacity: 1;
     visibility: visible;
 }

 .back-to-top:hover {
     background: #3DB391;
     transform: translateY(-5px);
 }