/* 自定义样式 */
body {
    font-family: 'Microsoft YaHei', 'SimHei', sans-serif;
}

.spacing-wide {
    letter-spacing: 0.05em;
}

.spacing-wider {
    letter-spacing: 0.08em;
}

.leading-loose {
    line-height: 1.8;
}

.leading-extra-loose {
    line-height: 2;
}

/* 卡片样式 */
.function-card {
    transition: all 0.3s ease;
}

.function-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* 维度颜色 */
.dimension-h {
    background: linear-gradient(to bottom right, #f3e8ff, #fce7f3);
    border-color: #a855f7;
}

.dimension-d {
    background: linear-gradient(to bottom right, #d1fae5, #a7f3d0);
    border-color: #10b981;
}

.dimension-e {
    background: linear-gradient(to bottom right, #cffafe, #a5f3fc);
    border-color: #06b6d4;
}

.dimension-b {
    background: linear-gradient(to bottom right, #fed7aa, #fdba74);
    border-color: #f97316;
}

/* 表单样式 */
.form-input {
    transition: all 0.2s ease;
}

.form-input:focus {
    outline: none;
    ring: 2px;
    ring-color: #3b82f6;
}

/* 按钮样式 */
.btn-primary {
    background: linear-gradient(to right, #3b82f6, #2563eb);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background: linear-gradient(to right, #2563eb, #1d4ed8);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

/* 响应式调整 */
@media (max-width: 640px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}