.site-frame{--frame-gap:20px;--frame-radius:18px;background:linear-gradient(168deg,#c2d5af 0%,#9dbb86 46%,#7ca066 100%) fixed;flex-direction:column;height:100svh;display:flex;overflow:hidden}.site-menubar{z-index:40;color:#1a1a1a;background:#f2ebdd;border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:14px;height:30px;padding:0 12px;font-size:13px;display:flex;position:relative}.site-menubar__apple{border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-weight:700;display:flex}.site-menubar__apple img{border-radius:50%;width:18px;height:18px}.site-menubar__apple[aria-expanded=true]{background:#00000014}.site-menubar__appname{font-weight:700}.site-menubar__spacer{flex:1}.site-menubar__status{color:#4a4a4f;align-items:center;gap:14px;display:flex}.site-menubar__lang{background:#ffffff73;border-radius:6px;gap:2px;padding:2px;display:flex;box-shadow:0 0 0 1px #0000000d}.site-menubar__lang a{border-radius:4px;padding:0 7px;font-size:12px;line-height:20px;text-decoration:none}.site-menubar__lang a[aria-pressed=true]{color:#1a1a1a;background:#fff;box-shadow:0 1px 2px #00000024}.site-menubar__line{color:inherit;align-items:center;gap:6px;text-decoration:none;display:flex}.site-menubar__line i{background:#06c755;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #06c7552e}.site-menubar time{font-variant-numeric:tabular-nums}.site-menubar__menu{z-index:60;-webkit-backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #fff9;border-radius:10px;min-width:200px;padding:6px;position:absolute;top:34px;left:8px;box-shadow:0 12px 40px #1e1e142e}.site-menubar__menu a{text-align:left;color:#1a1a1a;border-radius:6px;width:100%;padding:6px 10px;font-size:13px;text-decoration:none;display:block}.site-menubar__menu a:hover{color:#fff;background:#1e3a8a}.site-menubar__menu hr{border:0;border-top:1px solid #00000014;margin:5px 4px}.site-frame__panel{min-height:0;margin:var(--frame-gap) auto 0;border-radius:var(--frame-radius) var(--frame-radius) 0 0;background:#fff;border:1px solid #ffffff80;border-bottom:0;flex-direction:column;flex:1;width:min(100% - 48px,1400px);display:flex;overflow:clip;box-shadow:inset 0 -1px #fff9,0 18px 50px #1e28192e}.site-window__titlebar{z-index:35;border-radius:var(--frame-radius) var(--frame-radius) 0 0;background:#fbf9f5;border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:10px;height:38px;padding:0 14px;display:flex;position:relative}.site-window__lights{border-radius:8px;align-items:center;gap:6px;margin:-7px -6px;padding:7px 6px;transition:background-color .15s;display:flex}.site-window__lights:hover{background:#0000000f}.site-window__lights:focus-visible{outline:2px solid var(--color-brand-primary,#c2512b);outline-offset:1px}.site-window__lights i{border-radius:50%;width:11px;height:11px;display:block}.site-window__lights i:first-child{background:#ff5f57}.site-window__lights i:nth-child(2){background:#febc2e}.site-window__lights i:nth-child(3){background:#28c840}.site-window__title{letter-spacing:.02em;color:#4a4a4f;white-space:nowrap;text-overflow:ellipsis;max-width:60%;margin-inline:auto;font-size:12px;overflow:hidden;transform:translate(-14px)}.site-frame__body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.site-frame__body>header{z-index:30;top:0}@media (max-width:760px){.site-frame{--frame-gap:12px;--frame-radius:14px}.site-frame__panel{border-radius:var(--frame-radius) var(--frame-radius) 0 0;width:100%}.site-menubar__appname{display:none}}.site-frame:has(.mo-desktop){background:0 0;height:auto;display:block;overflow:visible}.site-frame:has(.mo-desktop) .site-frame__body{overflow:visible}.site-frame:has(.mo-desktop)>.site-menubar{display:none}.site-frame:has(.mo-desktop)>.site-frame__panel{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;display:block;overflow:visible}.site-frame:has(.mo-desktop) .site-window__titlebar{display:none}.site-menubar__clock{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;display:inline-flex}.site-menubar__clock:hover{background:#0000000f}.site-menubar__clock[aria-expanded=true]{background:#00000014}.site-menubar__where{z-index:60;-webkit-backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #fff9;border-radius:10px;width:240px;padding:14px 16px;position:absolute;top:34px;right:8px;box-shadow:0 12px 40px #1e1e142e}.site-menubar__ico{opacity:.75;flex:none;width:14px;height:14px}.site-menubar__wx{align-items:center;gap:4px;margin-right:10px;display:inline-flex}