:root{--bg-primary:#fbfbfd;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#aeaeb2;--accent:#0071e3;--accent-hover:#0077ed;--code-bg:#f0f0f0;--border:#d2d2d7;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:80px;--content-width:800px}:root.raining{--bg-primary:#32374a;--text-primary:#e8e8eb;--accent:#80bfff;--accent-hover:#9cf;--code-bg:#3a3f52;--border:#4a5068;--text-secondary:#7a7f90;--text-tertiary:#9a9fae}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;transition:background-color 1.8s,color 1.8s}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}ul,ol{list-style:none}.main-content{background:var(--bg-primary);z-index:1;min-height:calc(100vh - 200px);transition:background-color 1.8s;position:relative}