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;margin-bottom: 50px;}
.search-section h3{font-size: 28px;color: #333333;margin: 0;text-align: left;font-weight: bold;}
.search-section p{font-size: 16px;color: #666666;margin-bottom: 16px;}
.search-box{display: flex;width: 100%;border: 1px solid #666;margin: 0 auto;border-radius: 5px;padding: 10px;box-sizing: border-box;}
.search-box .inp{flex: 1;padding: 10px;font-size: 16px;outline: none;border: 0;}
.search-box .search_btn{background-color: #b40026;color: white;border: none;padding: 0 25px;font-size: 16px;font-weight: 600;border-radius: 5px;cursor: pointer;}

/* Left Image Right Text Section */
.image-text-section{display: flex;align-items: center;margin-bottom: 50px;gap: 40px;}
.image-container{flex: 1;border-radius: 5px;overflow: hidden;position: relative;}
.image-container img{width: 100%;object-fit: cover;display: block;}
.text-container{flex: 1;}
.text-container p{font-size: 16px;color: #333333;margin-bottom: 20px;}
.btn{display: inline-block;background-color: #b40026;color: white;text-decoration: none;padding: 5px 20px;font-size: 14px;font-weight: 600;border-radius: 50px;transition: all 0.3s;border: none;cursor: pointer;}
.btn:hover{color: #fff;transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.1);}

/* Section Titles */
.section-title{font-size: 28px;color: #333333;margin: 0 0 20px;padding-bottom: 10px;border-bottom: 2px solid #f1f1f1;font-weight: bold;text-align: left;}

/* What is Section */
.what-is-section{margin-bottom: 50px;}
.what-is-section p{font-size: 16px;color: #333333;margin-bottom: 20px;}
.what-is-section>h3{font-size: 18px; margin: 0 0 10px; color: #333333;font-weight: bold;}
.benefits-list{list-style-type: none;padding: 0;margin: 0;}
.benefits-list li{font-size: 16px;color: #333333;margin-bottom: 15px;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: #b40026;font-weight: bold;font-size: 16px;}
.benefits-list li strong{font-weight: bold;color: #333333;margin-bottom: 5px;display: block;}
.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 p{font-size: 16px;color: #333333;margin-bottom: 20px;}
.reasons-list{list-style-type: none;padding: 0;margin: 0;}
.reasons-list li{font-size: 16px;color: #333333;margin-bottom: 15px;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: #b40026;font-weight: bold;font-size: 16px;}
.reasons-list li strong{font-weight: bold;color: #333333;margin-bottom: 5px;display: block;}
.reasons-list li span{font-size: 14px;color: #666666;line-height: 1.4;}

/* Why Choose Section */
.why-choose-section{margin-bottom: 50px;}
.choose-points{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.choose-point{background-color: #f1f1f1;padding: 20px;border-radius: 5px;transition: transform 0.3s, box-shadow 0.3s;}
.choose-point:hover{transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.08);}
.choose-point h4{font-size: 16px;color: #333333;margin: 0 0 10px;display: flex;align-items: center;line-height: 25px;}
.choose-point h4:before{content: "";display: inline-block;width: 5px;height: 20px;background-color: #b40026;margin-right: 10px;}
.choose-point p{font-size: 14px;color: #666666;}
.choose-point a{color: #b40026;text-decoration: none;font-weight: 600;}
.choose-point a:hover{text-decoration: underline;}

/* How It Works Section */
.how-it-works{margin-bottom: 50px;}
.steps{display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 20px;padding-top: 20px;}
.step{flex: 1;min-width: 200px;background-color: #f1f1f1;padding: 20px;border-radius: 5px;position: relative;}
.step-number{position: absolute;top: -15px;left: 25px;width: 30px;height: 30px;background-color: #b40026;color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 30px;}
.step h4{font-size: 16px;color: #333333;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, .search-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: 14px;margin-bottom: 10px;}
    .search-box{padding: 8px;}
    .search-box input{font-size: 14px;}
    .search-box .search_btn{font-size: 14px;}

    .image-text-section{display: block;}
    .image-container{min-height: auto;}
    .image-container img{margin-bottom: 10px;}
    .text-container p{font-size: 14px;margin-bottom: 10px;}
    .btn{font-size: 12px;padding: 5px 15px;}

    .section-title{font-size: 18px;margin: 0 0 5px;padding-bottom: 5px;line-height: 25px;}

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

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

    .choose-points{ gap: 10px;}
    .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;}

    .step{padding: 15px;}
    .step h4{font-size: 14px;margin: 8px 0 5px;}
    .step p{margin: 0;font-size: 12px;}
    .step-number{left: 10px;}

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

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