:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#222;background:#f6f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 0 0,#f0838314,#0000 28%),radial-gradient(circle at 100% 0,#ffd0d029,#0000 20%),#f6f7fb}button,input,textarea{font:inherit}img{max-width:100%;display:block}.app-shell{min-height:100vh}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #f083831f;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;display:flex;position:sticky;top:0}.app-topbar__brand{cursor:pointer;align-items:center;gap:14px;display:flex}.app-topbar__logo{border-radius:14px;width:44px;height:44px}.app-topbar__title{font-size:18px;font-weight:700}.app-topbar__desc{color:#777;margin-top:4px;font-size:13px}.app-topbar__nav{gap:12px;display:flex}.topbar-link{color:#c46a6a;cursor:pointer;background:#fff1ee;border:0;border-radius:999px;padding:10px 16px}.topbar-link.is-active{color:#fff;background:linear-gradient(135deg,#f08383 0%,#f4a39a 100%)}.app-content{max-width:1200px;margin:0 auto;padding:24px}@media (width<=959px){.app-topbar{flex-direction:column;align-items:stretch;padding:14px 16px}.app-topbar__nav{width:100%}.topbar-link{flex:1}.app-content{padding:16px}}