p{margin: 0;}

/* Banner Styles */
.banner{text-align: right;padding: 50px 0 0;background: url("/domain/share/img/premium_domain_market.png") no-repeat;margin-bottom: 0;height: 500px;box-sizing: border-box;background-size: cover;background-position: center bottom;color: #fff;position: relative;}
/* 新增文字容器，定位到右侧 */
.banner .text-wrap{width: 1340px;margin: 0 auto;position: relative;}
.banner h1{font-size: 42px;margin: 0 0 10px;line-height: 1.2;font-weight: bold;text-align: right;}
.banner h2{font-size: 28px;font-weight: normal;margin: 0;text-align: right;}
.banner p{font-size: 22px;text-align: right;}
.banner a{font-size: 16px;padding: 10px 0px;box-sizing: border-box;margin-top: 80px;border-radius: 50px;border: 0;background-color: #0B1215;color: #fff;cursor: pointer;width: 200px;text-align: center;display: block;position: absolute;right: 0;}
.character-container{width: 480px;position: absolute;top: 80px;left: 100px;text-align: center;}
.character{width: 100%;position: relative;z-index: 2;background-size: contain;}
.circle{background-color: #fff;border-radius: 50%;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);z-index: 1;}
.circle1{width: 410px;height: 410px;opacity: 0.3;position: absolute;bottom: 10px;left: 62px;transform-origin: 52% 50%;animation: rotateCircle 5s linear infinite;}
.circle2{width: 390px;height: 390px;opacity: 0.4;position: absolute;bottom: 10px;left: 80px;transform-origin: 48% 50%;animation: rotateCircle 2s linear infinite reverse;}
.circle3{width: 400px;height: 400px;opacity: 0.3;position: absolute;bottom: 15px;left: 58px;transform-origin: 49% 50%;animation: rotateCircle 4s linear infinite;}
.circle4{width: 300px;height: 300px;opacity: 0.4;position: absolute;bottom: 50px;left: 120px;transform-origin: 51% 50%;animation: rotateCircle 3.5s linear infinite reverse;}
.circle5{width: 320px;height: 320px;opacity: 0.2;position: absolute;bottom: 80px;left: 100px;transform-origin: 50% 50%;animation: rotateCircle 5s linear infinite;}

@keyframes rotateCircle {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(360deg);
    }
}
/* Search Box Styles */
.search-section{text-align: left;}
.search-section h3{text-align: left;}
.search-section p{text-align: left;}
.search-box{display: flex;width: 100%;border: 1px solid #666;margin: 0 auto;border-radius: 100px;padding: 10px;box-sizing: border-box;}
.search-box .inp{flex: 1;padding: 10px 20px;font-size: 16px;outline: none;border: 0;}
.search-box .search_btn{background-color: #ECECEC;color: #000000;border: none;padding: 0 20px;font-size: 14px;font-weight: bold;border-radius: 100px;cursor: pointer;height: 35px;}
.search-box .search_btn:hover{background-color: #FF3500;color: #FFFFFF;}

/* Left Image Right Text Section */
/* .image-text-section{margin-bottom: 50px;} */
.image-text-section .max-width{display: flex;align-items: center;gap: 20px;}
.image-container{overflow: hidden;position: relative;width: 500px;}
.image-container img{width: 100%;object-fit: cover;display: block;}
.text-container{flex: 1;}
.text-container p{font-size: 16px;color: #000;margin-bottom: 20px;}
.premium-btn{display: inline-block;background-color: #ECECEC;color: #000000;text-decoration: none;padding: 0 20px;font-size: 14px;font-weight: bold;border-radius: 100px;border: none;cursor: pointer;height: 45px;line-height: 45px;}
.premium-btn:hover{background-color: #FF3500;color: #FFFFFF;}

/* Section Titles */
.what-is-section .premium-section-title{text-align: left;}
/* What is Section */
/* .what-is-section{margin-bottom: 50px;} */
.what-is-section p{text-align: left;}
.what-is-section h3{font-size: 16px; margin: 0 0 10px; color: #000000;font-weight: bold;}
.benefits-list{list-style-type: none;padding: 0;margin: 0;}
.benefits-list li{font-size: 14px;color: #666666;margin-bottom: 20px;position: relative;list-style: none;display: flex;flex-direction: column;padding-left: 20px;}
.benefits-list li:before{content: "✓";position: absolute;left: 0;top: 0;color: #000;font-weight: bold;font-size: 16px;}
.benefits-list li strong{font-weight: bold;color: #000000;display: block;font-size: 16px;}
.benefits-list li span{font-size: 14px;color: #666666;line-height: 1.4;}

/* Why Buy Section */
/* .why-buy-section{margin-bottom: 50px;} */
.why-buy-section h2{text-align: left;}
.why-buy-section p{text-align: left;}
.reasons-list{list-style-type: none;padding: 0;margin: 0;}
.reasons-list li{font-size: 14px;color: #666666;margin-bottom: 20px;position: relative;list-style: none;display: flex;flex-direction: column;padding-left: 20px;}
.reasons-list li:before{content: "✓";position: absolute;left: 0;top: 0;color: #FF3500;font-weight: bold;font-size: 16px;}
.reasons-list li strong{font-weight: bold;color: #000000;display: block;font-size: 16px;}
.reasons-list li span{font-size: 14px;color: #666666;line-height: 1.4;}

/* Why Choose Section */
/* .why-choose-section{margin-bottom: 50px;} */
.why-choose-section h2{margin-bottom: 30px;}
.choose-points{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.choose-point{background-color: #fff;padding: 20px;}
.choose-point h4{font-size: 16px;color: #000000;margin: 0 0 10px;display: flex;align-items: center;line-height: 25px;font-weight: bold;}
.choose-point h4:before{content: "";display: inline-block;width: 5px;height: 20px;background-color: #FF3500;margin-right: 10px;}
.choose-point p{font-size: 14px;color: #666666;}
.choose-point a{color: #FF3500;text-decoration: none;font-weight: bold;}
.choose-point a:hover{text-decoration: underline;color: #e62f00;}

/* How It Works Section */
/* .how-it-works{margin-bottom: 50px;} */
.steps{display: flex;flex-wrap: wrap;gap: 20px;margin: 30px 0;}
.step{flex: 1;padding: 20px;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.step-number{position: absolute;top: -15px;left: 25px;width: 30px;height: 30px;background-color: #FF3500;color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 30px;font-weight: bold;}
.step h4{font-size: 16px;color: #000000;margin: 10px 0;font-weight: bold;}
.step p{font-size: 14px;color: #666666;margin: 0;line-height: 1.4;}
.cta-container{text-align: center;}

@media (max-width: 768px) {
    .max-width{width: 100%;padding: 0 10px;box-sizing: border-box;}

    /* .why-buy-section, .what-is-section, .image-text-section, .why-choose-section{margin-bottom: 20px;} */

    .banner{height: 210px;padding: 20px 0px 0;margin-bottom: 0px;}
    .character-container{display: none;}
    .banner .text-wrap{width: 100%;}
    .banner h1{font-size: 20px;text-align: center;}
    .banner h2, .banner p{font-size: 14px;text-align: center;}
    .banner a{margin: 15px auto 0;padding: 5px;font-size: 12px;position: relative;width: 150px;}

    /* .search-section h3{font-size: 18px;} */
    /* .search-section p{font-size: 12px;margin-bottom: 10px;} */
    .search-box{padding: 8px;}
    .search-box input{font-size: 14px;}
    .search-box .search_btn{font-size: 12px;height: 35px;}

    .image-text-section .max-width{display: block;}
    .image-container{min-height: auto;width: 100%;}
    .image-container img{margin-bottom: 10px;}
    .text-container p{font-size: 12px;margin-bottom: 10px;}
    .premium-btn{font-size: 12px;padding: 0 15px;height: 35px;line-height: 35px;}

    .premium-section-title{font-size: 18px;margin: 0 0 20px;line-height: 25px;}

    .what-is-section p{font-size: 12px;}
    .what-is-section h3{font-size: 14px;}
    .benefits-list li{font-size: 12px;margin-bottom: 10px;padding-left: 15px;gap: 10px;}
    .benefits-list li strong{font-size: 14px;}
    .benefits-list li span{font-size: 12px;}

    .why-buy-section p{font-size: 12px;}
    .reasons-list li{font-size: 12px;margin-bottom: 10px;padding-left: 15px;gap: 10px;}
    .reasons-list li strong{font-size: 14px;}
    .reasons-list li span{font-size: 12px;}

    .choose-points{gap: 10px;grid-template-columns: repeat(1, 1fr);}
    .choose-point{padding: 15px;}
    .choose-point h4{font-size: 14px;line-height: 20px;}
    .choose-point h4:before{height: 15px;margin-right: 5px;}
    .choose-point p{font-size: 12px;}

    .steps{display: block;margin: 20px 0;}
    .step{padding: 15px;margin-bottom: 25px;}
    .step:last-child{margin-bottom: 20px;}
    .step h4{font-size: 14px;margin: 8px 0 5px;}
    .step p{margin: 0;font-size: 12px;}
    .step-number{left: 10px;width: 25px;height: 25px;font-size: 14px;}

    .how-it-works{margin-bottom: 0;}

    .common_problem{padding: 10px 0 !important;}

    .why-choose-section h2{margin-bottom: 20px;}
}