html { scroll-behavior: smooth; font-family: 'HarmonyOS_Sans_Regular', sans-serif; font-weight: normal; }

:root {
    --theme: #b12a31;
    --active: #b12a31;
    --theme-rgb: 177, 42, 49;
    --header-height: 0.7rem;
}

@media (max-width: 1100px) { :root { --header-height: .9rem; } }

.color-theme { color: var(--theme); }

.color-active { color: var(--active); }

.bg-theme { background-color: var(--theme); }

.hash-ele { position: relative; top: calc(var(--header-height) * -1); }

.hidden-h1 { position: absolute; clip: rect(1px, 1px, 1px, 1px); /* 兼容性写法 */ -webkit-clip-path: inset(50%); clip-path: inset(50%); /* 更现代的写法 */ height: 1px; width: 1px; overflow: hidden; padding: 0; border: 0; /* 或者 */ text-indent: -9999px; /* 关键：将文字移出屏幕外 */ }

*{ word-break: break-word; }