* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
background-color: #030a07;
color: #f1e6c9;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.loading-container {
text-align: center;
}
.spinner {
width: 42px;
height: 42px;
border: 3px solid rgba(207, 184, 124, 0.2);
border-top-color: #cfb87c;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin: 0 auto 16px auto;
}
.tip {
font-size: 15px;
letter-spacing: 1px;
color: #d8cba8;
}
@keyframes spin {
to { transform: rotate(360deg); }
}