:root{--bg-main:#faf6ef;--bg-card:#fff;--green-soft:#a8cfa0;--green-forest:#6fa584;--blue-soft:#a8c8e6;--blue-deep:#6e90b4;--pink-soft:#ebc4c4;--pink-deep:#d49fa5;--yellow-soft:#f3dfa6;--yellow-deep:#d8c27a;--red-soft:#d47f6a;--red-deep:#b5685b;--orange-soft:#e8b98a;--orange-deep:#d69f6a;--brown-soft:#c5a88a;--brown-deep:#9c7d5c;--purple-soft:#b7a4c2;--purple-deep:#8b7da0;--text-primary:#2a2a2a;--text-secondary:#6a6a6a;--header-height:64px}html,body{height:100lvh;margin:0;padding:0}*,:before,:after{box-sizing:border-box}.root-body{min-height:100lvh;color:var(--text-primary);z-index:1;flex-direction:column;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex}.header-sticky-scope{width:100%;min-height:400px;position:absolute}.site-header{height:var(--header-height);background:var(--blue-soft);z-index:10;flex-shrink:0;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.nav-bar{justify-content:space-between;align-items:center;max-width:1024px;height:100%;margin:0 auto;padding:0 16px;display:flex}.logo{color:var(--blue-deep);width:105px;font-size:22px;font-weight:600;text-decoration:none}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{color:var(--text-primary);font-size:16px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--blue-deep)}.user-nav{align-items:center;gap:10px;display:flex}.user-avatar{border-radius:50%;width:30px;height:30px}.logout-button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .2s}.logout-button:hover{color:var(--text-primary);background:#0000000a}@media (max-width:600px){.nav-bar{padding:0 12px}.logo{width:95px}.nav-links{gap:15px}.logout-button{padding:0}}.background-fullscreen{z-index:-1;width:100%;height:100%;position:fixed}.background-mask{background:linear-gradient(#fff9,#fff9),url(/images/OIG4-edit.jpg) 50%/cover no-repeat;width:100%;height:100%}.main-content{z-index:1;margin-top:var(--header-height);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 16px;display:flex}.site-footer{background:var(--blue-soft);color:var(--text-secondary);z-index:10;border-top:1px solid #0000000d;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px;display:flex}.site-footer p{margin:0}.rich-text-content ul,.rich-text-content ol{margin-bottom:1rem;padding-left:1.5rem}.rich-text-content p{margin-bottom:1rem}.rich-text-content blockquote{color:#666;border-left:4px solid #ddd;margin:1.5rem 0;padding-left:1rem;font-style:italic}.rich-text-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.rich-text-content th,.rich-text-content td{text-align:left;border:1px solid #ddd;padding:8px}