/* --- 1. 全局变量与重置 --- */
:root {
    --wps-red: #d9434e;       /* WPS 核心红 */
    --wps-red-hover: #f03e4a; /* 悬停红 */
    --text-main: #1e1e1e;     /* 主要文字黑 */
    --text-gray: #666666;     /* 次要文字灰 */
    --bg-light: #f5f5f5;      /* 浅灰背景 */
    --radius: 8px;            /* 圆角大小 */
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-main);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

a { text-decoration: none; color: inherit; transition: 0.3s; }
ul { list-style: none; padding: 0; margin: 0; }

/* 容器通用类 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 按钮通用类 */
.btn {
    display: inline-block;
    padding: 12px 32px;
    border-radius: 4px; /* 稍微方一点的圆角 */
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}

.btn-primary {
    background-color: var(--wps-red);
    color: #fff;
}
.btn-primary:hover {
    background-color: var(--wps-red-hover);
}

.btn-outline {
    background-color: #fff;
    border: 1px solid #ddd;
    color: var(--text-main);
}
.btn-outline:hover {
    border-color: var(--text-main);
}