/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #202124;
    background-color: #fff;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 16px;
}

/* 头部样式 */
.header {
    background: white;
    padding: 24px 0 16px;
    border-bottom: 1px solid #dadce0;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo i {
    font-size: 24px;
    color: #5f6368;
}

.logo h1 {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    color: #202124;
}

.company-name {
    font-size: 14px;
    color: #5f6368;
    font-weight: 400;
    margin: 0;
}

/* 语言切换器样式 */
.language-switcher {
    display: flex;
    gap: 4px;
}

.lang-btn {
    background: transparent;
    border: none;
    color: #5f6368;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
}

.lang-btn:hover {
    background: #f1f3f4;
}

.lang-btn.active {
    color: #202124;
    font-weight: 500;
}

.lang-btn i {
    font-size: 14px;
}

/* 目录导航样式 */
.nav-toc {
    background: #f8f9fa;
    border-bottom: 1px solid #dadce0;
    padding: 12px 0;
}

.nav-toc h3 {
    color: #202124;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

.toc-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
}

.toc-list li a {
    color: #1967d2;
    text-decoration: none;
    padding: 4px 0;
    font-weight: 400;
    font-size: 14px;
}

.toc-list li a:hover {
    text-decoration: underline;
}

/* 主内容区域 */
.main-content {
    padding: 32px 0;
}

.privacy-header {
    text-align: left;
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dadce0;
}

.privacy-header h1 {
    font-size: 32px;
    color: #202124;
    margin-bottom: 8px;
    font-weight: 400;
}

.effective-date, .last-updated {
    color: #5f6368;
    font-size: 14px;
    margin: 4px 0;
}

/* 隐私协议章节 */
.privacy-section {
    margin-bottom: 32px;
}

.privacy-section h2 {
    color: #202124;
    font-size: 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
}

.privacy-section h2 i {
    color: #5f6368;
    font-size: 20px;
}

.privacy-section p {
    margin-bottom: 12px;
    color: #202124;
    font-size: 14px;
    line-height: 1.6;
}

.privacy-section ul {
    margin: 12px 0;
    padding-left: 24px;
}

.privacy-section li {
    margin-bottom: 8px;
    color: #202124;
    line-height: 1.6;
    font-size: 14px;
}

/* 信息分类样式 */
.info-category {
    background: transparent;
    padding: 16px 0;
    margin: 16px 0;
}

.info-category h3 {
    color: #202124;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 400;
}

/* 警告和信息框 */
.warning-box, .info-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    margin: 16px 0;
    background: #f8f9fa;
    border-left: 4px solid #5f6368;
}

.warning-box {
    background: #fef7e0;
    border-color: #f9ab00;
    color: #202124;
}

.info-box {
    background: #e8f0fe;
    border-color: #1967d2;
    color: #202124;
}

.warning-box i, .info-box i {
    font-size: 18px;
    margin-top: 2px;
}

.warning-box p, .info-box p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

/* 联系信息样式 */
.contact-info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 16px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
}

.contact-item i {
    font-size: 18px;
    color: #5f6368;
    margin-top: 2px;
}

.contact-item h4 {
    color: #202124;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 500;
}

.contact-item p {
    color: #5f6368;
    margin: 0;
    font-size: 14px;
}

/* 页脚样式 */
.privacy-footer {
    padding: 24px 0;
    border-top: 1px solid #dadce0;
    text-align: center;
    margin-top: 32px;
}

.privacy-footer p {
    color: #5f6368;
    margin-bottom: 8px;
    font-size: 14px;
}

.footer-links {
    margin-top: 12px;
}

.footer-links a {
    color: #1967d2;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
}

.footer-links a:hover {
    text-decoration: underline;
}

.footer-links span {
    color: #dadce0;
    margin: 0 8px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .container {
        padding: 0 12px;
    }
    
    .header {
        padding: 16px 0 12px;
    }
    
    .header-content {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .header-right {
        align-items: center;
    }
    
    .logo h1 {
        font-size: 20px;
    }
    
    .nav-toc {
        padding: 8px 0;
    }
    
    .toc-list {
        flex-direction: column;
        gap: 6px;
    }
    
    .toc-list li a {
        display: block;
    }
    
    .privacy-header h1 {
        font-size: 28px;
    }
    
    .privacy-section h2 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .logo {
        flex-direction: column;
        gap: 4px;
    }
    
    .logo h1 {
        font-size: 18px;
    }
    
    .privacy-header h1 {
        font-size: 24px;
    }
    
    .privacy-section h2 {
        font-size: 18px;
    }
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 选中文本样式 */
::selection {
    background-color: #1967d2;
    color: white;
}

/* 焦点样式 */
a:focus, button:focus {
    outline: 2px solid #1967d2;
    outline-offset: 2px;
}

/* 打印样式 */
@media print {
    .nav-toc {
        display: none;
    }
    
    .header {
        border-bottom: 1px solid #000;
    }
    
    .privacy-section {
        page-break-inside: avoid;
    }
}