/* 核心布局优化 */
#hero {
position: relative;
overflow: hidden;
min-height: 85vh; /* 去掉按钮后稍微收紧高度，视觉更干练 */
display: flex;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
}

#hero-bg {
position: absolute;
inset: 0;
background-image: url(‘https://novexr.store/wp-content/uploads/2026/04/cb17ac2dd6be5e362256cb060c4ccf11.jpg’);
background-size: cover;
background-position: center;
}

/* 渐变遮罩优化：确保在没有按钮的情况下，底部视觉过渡更平滑 */
#hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(105deg, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.1) 100%);
}

#hero-content {
position: relative;
z-index: 2;
padding: 5rem 6vw;
max-width: 750px; /* 略微放宽，适应长句子排版 */
}

/* 文案样式优化 */
.hero-eyebrow {
color: rgba(255,255,255,0.45);
font-size: 11px;
letter-spacing: 0.25em;
margin: 0 0 1.2rem;
font-weight: 500;
text-transform: uppercase;
}

.hero-h1 {
color: #fff;
font-size: clamp(2.5rem, 6vw, 4.2rem); /* 标题字号微调，增强冲击力 */
font-weight: 800;
line-height: 1.05;
margin: 0 0 1.5rem;
letter-spacing: -0.03em;
text-transform: uppercase;
}

.hero-h1 span {
color: #BBA895; /* 品牌标志色 */
}

.hero-sub {
color: rgba(255,255,255,0.6);
font-size: clamp(14px, 1.5vw, 16px);
line-height: 1.8;
margin: 0;
max-width: 520px;
}

/* 手机端深度适配 */
@media (max-width: 768px) {
#hero {
min-height: 80svh; /* 移动端适配 */
align-items: flex-end; /* 手机端内容靠下显示，更有设计感 */
}

#hero-overlay {
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.95) 100%);
}

#hero-content {
padding: 4rem 1.5rem 5rem;
text-align: left;
}

.hero-h1 {
font-size: clamp(2.2rem, 10vw, 3rem);
margin-bottom: 1rem;
}

.hero-sub {
font-size: 14px;
line-height: 1.6;
padding-right: 10%;
}
}

A BETTER DESK. A BETTER YOU.

ALL COLLECTIONS

Curated setups and essentials to help you focus, stay motivated and build your best self.