* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    background: #fafbfe;
    min-height: 100vh;
    color: #333;
    display: flex;
    flex-direction: column;
}
.nav {
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
    padding: 20px;
}
.nav a { font-size: 14px; color: #7a7f8c; text-decoration: none; }
.nav a:hover { color: #9a7b2f; }
.container {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px 60px;
    flex: 1;
}
.hero {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 1px solid #eef0f5;
    border-radius: 20px;
    padding: 28px;
    margin-bottom: 28px;
}
.hero img {
    width: 84px;
    height: 84px;
    border-radius: 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    flex-shrink: 0;
}
.hero h1 { font-size: 22px; font-weight: 700; }
.hero .en { margin-top: 4px; font-size: 14px; color: #a0a6b1; }
.section {
    background: #fff;
    border: 1px solid #eef0f5;
    border-radius: 16px;
    padding: 22px 24px;
    margin-bottom: 20px;
}
.section h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #222;
    border-left: 4px solid #EACD79;
    padding-left: 10px;
}
.section p { font-size: 14px; line-height: 1.9; color: #555; }
.links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.links a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 18px 12px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 600;
    transition: transform .15s ease, box-shadow .15s ease;
}
.links a:hover { transform: translateY(-2px); }
.links .terms {
    background: linear-gradient(135deg, #d4b15a, #EACD79);
    color: #3d3420;
    box-shadow: 0 6px 16px rgba(234, 205, 121, .45);
}
.links .privacy {
    background: #fff;
    color: #9a7b2f;
    border: 1px solid #ead9a8;
}
.support-link {
    display: block;
    margin-top: 16px;
    text-align: center;
    font-size: 14px;
    color: #9a7b2f;
    text-decoration: none;
}
.support-link:hover { text-decoration: underline; }
.en-links {
    margin-top: 18px;
    text-align: center;
    font-size: 13px;
    color: #888;
}
.en-links a { color: #9a7b2f; text-decoration: none; border-bottom: 1px solid #ead9a8; }
.en-links a:hover { border-bottom-color: #9a7b2f; }
.footer {
    text-align: center;
    padding: 24px 20px 36px;
    font-size: 13px;
    color: #999;
    line-height: 2;
    border-top: 1px solid #eceff5;
    background: #fafbfe;
}
.footer a { color: #666; text-decoration: none; border-bottom: 1px solid #ccc; }
.footer a:hover { color: #9a7b2f; border-bottom-color: #9a7b2f; }
@media (max-width: 480px) {
    .hero { flex-direction: column; text-align: center; }
    .links { grid-template-columns: 1fr; }
}