/* 原有样式保持不变 */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
 }

 body {
     background: linear-gradient(135deg, #1a2a3a 0%, #0d1b2a 100%);
     color: #fff;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     overflow-x: hidden;
 }

 /* Krpano容器 */
 #pano {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .pageLogo {
     position: absolute;
     top: 30px;
     left: 40px;
     z-index: 10;
     color: green;
 }

 .pageLogo img {
     height: 42px;
 }

 .container {
     display: flex;
     flex: 1;
     align-items: center;
     justify-content: center;
     /* padding: 40px 10px; */
     background: rgb(0 0 0 / 50%);
 }

 .content-wrapper {
     display: flex;
     width: 100%;
     overflow: hidden;
     justify-content: center;
 }



 .text-section {
     flex: 0 0 50%;
     padding: 10px 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
     overflow: hidden;
     min-height: 600px;
 }

 .text-section::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.05"><circle cx="50" cy="50" r="40" stroke="%2316C040" stroke-width="2" fill="none" /></svg>');
     background-size: 200px;
     opacity: 0.3;
 }

 .text-section .h1 {
     font-size: 32px;
     margin-bottom: 20px;
     line-height: 1.4;
     font-weight: 700;
 }

 .text-section p {
     font-size: 18px;
     font-weight: 500;
     line-height: 1.6;
     opacity: 0.9;
     max-width: 400px;
     color: #ffffff;
     margin-bottom: 10px;
 }

 .text-section .spacing,
 .card-section .spacing {
     height: 20px;
 }

 .card-section {
     flex: 0 0 26%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 30px;
     flex-direction: column;
 }

 .card-section .card-section-item img {
     width: 150px;
     height: 150px;
 }

 .card-section .title {
     padding: 10px 0;
 }

 .hidden {
     display: none;
 }

 /* 响应式设计 */
 @media (max-width: 900px) {
     .content-wrapper {
         flex-direction: column;
     }

     .text-section,
     .card-section {
         flex: 1 0 100%;
         padding-top: 70px;
     }

     .text-section {
         padding: 40px 0px;
         text-align: center;
         min-height: auto;
         align-items: center;
     }

     .card-container {
         width: 100%;
         max-width: 100%;
     }
 }

 @media (max-width: 480px) {
     .pageLogo {
         left: 20px;
         top: 20px;
     }

     .pageLogo img {
         height: 36px;
     }

     .container {
         padding: 20px 15px;
     }

     .login-card,
     .register-card,
     .wechat-card,
     .forgot-card,
     .email-register-card {
         padding: 30px 25px;
     }

     .text-section h1 {
         font-size: 28px;
     }

     .text-section p {
         font-size: 16px;
     }

     .region-phone-group {
         flex-direction: column;
         gap: 10px;
     }

     .region-select {
         flex: 1;
         width: 100%;
     }

     .verify-code-group {
         flex-direction: column;
     }

     .countdown-btn {
         flex: 1;
         width: 100%;
     }

     /* 移动端调整社交按钮样式 */
     .social-btn .social-icon {
         position: static;
         margin-right: 10px;
     }

     .social-btn span {
         margin: 0;
         text-align: left;
         flex: none;
     }

     /* 移动端提示框样式 */
     .login-success-content {
         padding: 20px 30px;
         font-size: 18px;
     }
 }

 .hidden {
     display: none;
 }


 /* 创作中心 */
 .text-section-body {
     margin-bottom: 20px;
 }

 .activity-item {
     padding-top: 20px;
 }

 .activity-item .activity-title {
     font-weight: 600;
     padding-bottom: 8px;

 }

 .layui-form .layui-form-item label {
     margin-bottom: 10px;
     display: block;
 }

 .content-wrapper.column {
     flex-direction: column;
     max-width: 480px;
     color: #dddddd;
 }

 .content-wrapper.column .layui-input, .layui-select, .layui-textarea{
    border-radius:10px;
 }
 .content-wrapper.column .layui-form-item{
    margin-bottom: 15px;
 }
 .layui-layer-dialog .layui-layer-padding{
    color: #222222;
 }

 .content-wrapper.column .layui-form-item .layui-btn{
    background-color:#16C040;
 }
 .content-wrapper.column .layui-form-item .layui-btn-primary{
    background-color:#c2c2c2;
 }
 /* 创作中心-end */