/* ARIA 法务页面共用样式 —— 与官网同一套设计语言，但排版为长文阅读优化 */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --blue1: #f0f9ff;
    --blue2: #e0f2fe;
    --slate9: #0f172a;
    --slate7: #334155;
    --slate6: #475569;
    --slate5: #64748b;
    --sky7: #0369a1;
    --sky6: #0284c7;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
                 "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: var(--slate7);
    line-height: 1.85;
    background: linear-gradient(180deg, var(--blue1) 0%, #ffffff 260px);
    -webkit-font-smoothing: antialiased;
}

.legal-nav {
    position: sticky; top: 0; z-index: 10;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(148, 163, 184, .25);
}
.legal-nav .inner {
    max-width: 820px; margin: 0 auto; padding: 14px 24px;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.legal-nav .brand { font-weight: 900; font-size: 18px; color: var(--slate9); letter-spacing: -.5px; text-decoration: none; }
.legal-nav .links { display: flex; gap: 16px; flex-wrap: wrap; }
.legal-nav a.l { font-size: 13px; color: var(--slate5); text-decoration: none; }
.legal-nav a.l:hover, .legal-nav a.l[aria-current="page"] { color: var(--sky6); }

main { max-width: 820px; margin: 0 auto; padding: 44px 24px 80px; }

h1 { font-size: 30px; font-weight: 900; color: var(--slate9); letter-spacing: -.8px; margin-bottom: 10px; }
.meta { font-size: 13px; color: var(--slate5); margin-bottom: 8px; }

.callout {
    background: var(--blue2);
    border-left: 4px solid var(--sky6);
    border-radius: 0 10px 10px 0;
    padding: 16px 20px;
    margin: 26px 0;
    font-size: 14px;
    color: var(--slate6);
}
.callout strong { color: var(--sky7); }

h2 {
    font-size: 19px; font-weight: 800; color: var(--slate9);
    margin: 38px 0 12px; padding-bottom: 8px;
    border-bottom: 1px solid rgba(148, 163, 184, .28);
}
h3 { font-size: 15px; font-weight: 700; color: var(--slate9); margin: 22px 0 8px; }

p { margin-bottom: 13px; font-size: 15px; }
ul, ol { margin: 0 0 15px 22px; }
li { margin-bottom: 8px; font-size: 15px; }

table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14px; }
th, td { border: 1px solid rgba(148, 163, 184, .35); padding: 10px 12px; text-align: left; vertical-align: top; }
th { background: var(--blue2); color: var(--sky7); font-weight: 700; }

strong { color: var(--slate9); }
a { color: var(--sky6); }

.legal-foot {
    max-width: 820px; margin: 0 auto; padding: 24px;
    border-top: 1px solid rgba(148, 163, 184, .25);
    font-size: 13px; color: var(--slate5);
}
.legal-foot a { color: var(--slate5); }

@media (max-width: 600px) {
    h1 { font-size: 24px; }
    main { padding: 30px 18px 60px; }
    .legal-nav .inner { flex-direction: column; align-items: flex-start; gap: 8px; }
}