/* ============================================================
 * page.css — 页面骨架（仅宿主页面引入，Shadow DOM 内无 body 故不引）
 * 依赖 tokens.css 提供变量与重置。
 * ============================================================ */
body {
    background: var(--bg-page);
    background: var(--page-grad) fixed;
    min-height: 100vh;
    padding: 16px;
}

.container {
    width: 95%;
    margin: 0 auto;
}

/* 移动端：取消双层缩进，容器铺满（总留白=body 8px×2） */
@media (max-width: 640px) {
    body { padding: 8px; }
    .container { width: 100%; }
}