.sbanner {background-image: url('../images/hashrate/banner.jpg');}
.sbanner h1{font-size: 26px;margin-bottom: 16px;}
.sbanner .btn-box { display: flex; }
.sbanner a { box-shadow: 0px 4px 10px 0px #006AFF66;}
.sbanner .plain-btn { background-color: transparent !important; color: #006AFF !important; border: 1px solid #006AFF; box-sizing: border-box; box-shadow: none; margin-left: 18px; }
div[id^="anchor"] {width: 100%;padding: 64px 0 84px 0;box-sizing: border-box;}
div[id^="anchor"] .h2_title {font-size: 28px;color: #355685;text-align: center;margin-bottom: 8px;}
div[id^="anchor"] .desc {font-size: 14px;color: #949FAD;text-align: center;line-height: 26px;}

/* 算力服务器系列 */
.server-series {margin-top: 46px;}
.server-series-bottom { padding-top: 49px;}
.server-series__grid { display: grid; grid-template-columns: repeat(4, 277px); grid-template-rows: repeat(2, 360px); gap: 30px; justify-content: center; max-width: 1200px; margin: 0 auto; }
.server-series__card { height: 360px; background-color: #fff; border-radius: 4px; box-shadow: 0px 6px 12px 2px #E4EAF3; overflow: hidden; display: flex; flex-direction: column; }
.server-series__card-image { height: 180px; background: linear-gradient(135deg, #E8F4FD 0%, #B8E0FF 100%); position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.server-series__card-image img { width: 100%; height: 100%; object-fit: cover;}
.server-series__card-content { padding: 20px; flex: 1; display: flex; flex-direction: column;}
.server-series__card-title { display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: bold; color: #373737; margin-bottom: 12px;}
.server-series__card-tag { display: inline-flex; align-items: center; font-size: 12px; gap: 4px;}
.server-series__card-tag img {width: 16px;height: 16px;}
.server-series__card-tag--hot {color: #FF6B6B;}
.server-series__card-tag--cool {color: #4A9EFF;}
.server-series__card-tag--premium {color: #FFB800;}
.server-series__card-tag--eco {color: #00C896;}
.server-series__card-tag--popular {color: #8329E3;}
.server-series__card-description {font-size: 14px;color: #666;line-height: 1.5;margin-bottom: 20px;flex: 1;}
.server-series__card-actions {display: flex;justify-content: space-between;align-items: center;}
.server-series__card-tag-sale {width: 104px;height: 28px;background-color: #FFF2F2;color: #FF3939;border-radius: 4px;font-size: 14px;display: flex;align-items: center;justify-content: center;user-select: none;}
.server-series__card-btn {width: 64px;border-radius: 4px;font-size: 16px;text-decoration: none;display: flex;align-items: center;overflow: hidden;white-space: nowrap;transition: width 0.3s ease; }
.server-series__card-btn:hover { width: 87px;}
.server-series__card-btn--primary .btn-content { display: flex; align-items: center; gap: 4px; color: #006AFF;}
.server-series__card-btn--primary .btn-icon { width: 19px; height: 19px; background: url('../images/enter.png') no-repeat center; background-size: contain;}
.server-series__card--custom { background: url("../images/hashrate/server-more.png") no-repeat; background-size: cover; border: 1px solid #fff;}
.server-series__card--custom .server-series__custom-content { padding: 34px; text-align: center; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.server-series__custom-title { font-size: 18px; color: #006AFF; padding-bottom: 24px;}
.server-series__custom-subtitle { font-size: 20px; font-weight: bold; color: #1E293B; margin-bottom: 24px; line-height: 1.3;}
.server-series__custom-btn { width: 193px; background-color: #006AFF; color: white !important; padding: 12px 0; border-radius: 4px; font-size: 16px; text-decoration: none; display: inline-block; text-align: center; transition: .3s;}
.server-series__custom-btn:hover { background-color: #4692FC; border-color: #4692FC; }

/* 资源分布 */
.resource-distribution { position: relative; height: 1141px; background: url("../images/hashrate/resource-distribution-bg.png") no-repeat center center;    background-size: cover;
    transition: background-size .3s ease;
}
/* ≥150 % 时固定在 125 % 大小 */
@media (min-resolution: 1.5dppx) {
    .resource-distribution {
        background-size: 125% auto;
        background-position: center center;
    } }
.resource-distribution-inner .h2_title, .resource-distribution-inner .desc { color: #fff !important;transition: transform .3s ease; }
/* ≥150 % 时整体下移 20 px（可改） */
@media (min-resolution: 1.5dppx) {
    .resource-distribution-inner .h2_title,
    .resource-distribution-inner .desc {
        transform: translateY(60px);
    }
}

.resource-distribution-bottom { position: absolute; top: 232px; left: 65%; height: 824px; width: 412px; }
.resource-cards { display: flex; flex-direction: column; }
.resource-card { padding: 28px 24px; color: #fff; flex: 1; }
.resource-card-header { font-size: 18px; color: rgba(58, 255, 245, 1); margin-bottom: 16px; font-weight: 400; }
.resource-card-value { font-size: 38px; font-weight: 900; color: #fff; margin-bottom: 16px; line-height: 1; }
.resource-card-value span { font-size: 24px; font-weight: 400;  }
.resource-card-desc { font-size: 14px; color: #CBD5E1; line-height: 1.5; }

/* 核心功能 */
.core-function-grid { display: grid; grid-template-columns: repeat(3, 380px); gap: 30px; justify-content: center; margin-top: 48px; }
.core-function-item { background: linear-gradient(#fff 11%, rgba(242, 246, 250, 1) 11% ); border-radius: 4px; padding: 0 32px 53px; text-align: center; }
.core-function-icon { margin-bottom: 44px; }
.core-function-icon img { width: 100px;  }
.core-function-title { font-size: 18px; font-weight: bold; color: #373737; margin-bottom: 36px; }
.core-function-desc { font-size: 14px; color: #666; line-height: 1.5; text-align: left; }

/* 优势 */
.advantage { background: url("../images/hashrate/advantage-bg.png") no-repeat; background-size: cover; }
.advantage-bottom { padding-top: 48px; }
.advantage-bottom .advantage-box { display: grid; grid-template-columns: repeat(3, 380px); gap: 26px; justify-content: center; }
.advantage-bottom .advantage-item {background: linear-gradient(150deg ,rgba(244, 246, 248, 1) 50%, rgba(254, 254, 254, 1) 100%); border: 1px solid #fff; border-radius: 4px; box-shadow: 0px 6px 12px 2px #E4EAF3; padding: 20px; box-sizing: border-box; margin-bottom: 0; margin-right: 0; display: flex; flex-direction: column; }
.advantage-bottom .advantage-title { padding-bottom: 14px; }
.advantage-bottom .advantage-title img { width: 44px; vertical-align: middle; }
.advantage-bottom .advantage-title span { vertical-align: middle; font-size: 18px; font-weight: bold; }
.advantage-bottom .advantage-info { color: rgba(148, 159, 173, 1); font-size: 14px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.advantage-bottom .advantage-info p { height: 92px; line-height: 1.5; }
.advantage-bottom .advantage-btn-box { width: 100%; text-align: right; padding-top: 18px; border-top: 1px solid rgba(202, 210, 221, 1); }
.advantage-bottom a { width: 56px; overflow: hidden; display: inline-flex; align-items: center; white-space: nowrap; transition: width 0.3s ease; }
.advantage-bottom a:hover { width: 79px; }
.advantage-bottom a .btn-content { display: flex; align-items: center; gap: 4px; color: #006AFF; }
.advantage-bottom a .btn-icon { width: 16px; height: 16px; background: url('../images/enter.png') no-repeat center; background-size: contain; }

/* 应用场景 */
.scene {padding-top: 10px}
.scene-header {padding-bottom: 59px;box-sizing: border-box;}
.scene-box { display: grid; grid-template-columns: repeat(2, 588px); gap: 24px;}
.scene-bottom .scene-item { display: flex; flex-direction: column; justify-content: space-between; height: 276px; box-sizing: border-box; background-color: #fff;border-radius: 4px; padding: 52px 163px 36px 38px;}
.scene-bottom .scene-item:nth-child(1) { background: url("../images/hashrate/scene-1.png") no-repeat; background-size: cover; }
.scene-bottom .scene-item:nth-child(2) { background: url("../images/hashrate/scene-2.png") no-repeat; background-size: cover; }
.scene-bottom .scene-item:nth-child(3) { background: url("../images/hashrate/scene-3.png") no-repeat; background-size: cover; }
.scene-bottom .scene-item:nth-child(4) { background: url("../images/hashrate/scene-4.png") no-repeat; background-size: cover; }
.scene-bottom .scene-title { font-size: 26px; color: #fff; font-weight: bold; }
.scene-info {padding: 18px 0 0 0; color: #fff; font-size: 16px;}
.scene-bottom .scene-btn-box { width: 100%; padding-top: 18px; }
.scene-bottom .scene-btn { width: 128px; overflow: hidden; display: inline-flex; align-items: center; white-space: nowrap; transition: width 0.3s ease; }
.scene-bottom .scene-btn:hover { width: 151px; }
.scene-bottom .scene-btn .btn-content { display: flex; align-items: center; gap: 4px; color: #fff; }
.scene-bottom .scene-btn .btn-text { font-size: 16px; }
.scene-bottom .scene-btn .btn-icon { width: 16px; height: 16px; background: url('../images/enter.png') no-repeat center; background-size: contain; filter: grayscale(100%) brightness(1000%) }

/* 页面底部文字 */
.bottomtext {height: 180px;background: #132345 url('../images/bottom-bg1.webp') no-repeat;text-align: center;}
.bottomtext .inner {height: 180px;}
.bottomtext h2 { font-size: 28px; color: rgba(55, 55, 55, 1); font-weight: 400; }
.bottomtext p { font-size: 16px; color: rgba(53, 86, 133, 1); font-weight: 400; }
.bottomtext a.more_detail {font-size:14px; color:#fff; border-radius:4px; padding:4px 20px 4px 30px; box-shadow: none;}