body,
       html {
           height: 100%;
           margin: 0;
           padding: 0;
           overflow: hidden;
           /* 隐藏滚动条 */
           font-family: 'Arial', sans-serif;
           cursor: none;
           /* 隐藏默认光标 */
       }

       /* 自定义光标 */
       .custom-cursor {
           position: fixed;
           width: 10px;
           height: 10px;
           background-color: rgba(255, 255, 255, 0.9);
           border-radius: 50%;
           pointer-events: none;
           z-index: 9999;
           box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
           transition: transform 0.1s ease;
       }

       .cursor-trail {
           position: fixed;
           width: 6px;
           height: 6px;
           background-color: rgba(255, 255, 255, 0.4);
           border-radius: 50%;
           pointer-events: none;
           z-index: 9998;
           transition: all 0.3s ease;
       }

       /* 全尺寸背景图 */
       .full-page-bg {
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background-image: url('/images/back.jpg');
           background-size: cover;
           background-position: center;
           z-index: -1;
       }

       /* 透明导航栏 */
       .navbar {
           background-color: rgba(0, 0, 0, 0.3) !important;
           backdrop-filter: blur(5px);
           transition: background-color 0.3s ease;
       }

       .navbar:hover {
           background-color: rgba(0, 0, 0, 0.5) !important;
       }

       .navbar-brand,
       .nav-link {
           color: white !important;
           transition: color 0.3s;
       }

       .navbar-brand:hover,
       .nav-link:hover {
           color: #ffcc00 !important;
       }

       /* 主要内容区域 */
       .main-content {
           height: 100vh;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           text-align: center;
           color: white;
           padding: 0 20px;
       }

       .brand-name {
           font-size: 4rem;
           font-weight: bold;
           margin-bottom: 1rem;
           text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
       }

       .brand-tagline {
           font-size: 1.5rem;
           max-width: 600px;
           text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
       }

       /* 工具按钮样式 */
       .tool-buttons {
           position: fixed;
           bottom: 30px;
           right: 30px;
           display: flex;
           gap: 10px;
       }

       .tool-btn {
           background-color: rgba(255, 255, 255, 0.2);
           border: none;
           color: white;
           width: 50px;
           height: 50px;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           transition: all 0.3s ease;
           backdrop-filter: blur(5px);
       }

       .tool-btn:hover {
           background-color: rgba(255, 255, 255, 0.4);
           transform: scale(1.1);
       }

       /* 备案号页脚样式 */
       .footer {
           position: fixed;
           bottom: 0;
           left: 0;
           width: 100%;
           height: 30px;
           /* 设置固定高度 */
           display: flex;
           /* 使用flex布局 */
           justify-content: center;
           /* 水平居中 */
           align-items: center;
           /* 垂直居中 */
           color: rgba(255, 255, 255, 0.8);
           font-size: 12px;
           z-index: 1000;
           background-color: rgba(0, 0, 0, 0.3);
           backdrop-filter: blur(5px);
       }

       .footer a {
           color: rgba(255, 255, 255, 0.9);
           text-decoration: none;
           transition: color 0.3s ease;
           font-size: 15px;
       }

       .footer a:hover {
           color: #ffcc00;
           text-decoration: underline;
       }

       /* 响应式调整 */
       @media (max-width: 768px) {
           .brand-name {
               font-size: 2.5rem;
           }

           .brand-tagline {
               font-size: 1.2rem;
           }
       }