.app{flex-direction:column;min-height:100%;display:flex}.side{display:none}.topbar{z-index:5;border-bottom:1px solid var(--line);background:#fff;padding:12px 18px 14px;position:sticky;top:0}.topbar .row{align-items:center;gap:12px;display:flex}.topbar .ttl{overflow-wrap:anywhere;flex:1;min-width:0;font-size:20px;font-weight:700}.topbar .sub{color:var(--ink-2);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.topbar .who{color:var(--ink-2);white-space:nowrap;font-size:13px}.main{flex:1;padding:18px 16px 100px}.tabbar{border-top:1px solid var(--line);z-index:6;background:#fff;height:68px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.tabbar a .ic{border-radius:9px;width:26px;height:26px;padding:2px}.tabbar a.on{color:var(--blue)}.tabbar a.on .ic{background:var(--blue-soft)}@media (min-width:700px){.main{max-width:920px;margin:0 auto;padding:22px 28px 120px}}@media (min-width:1100px){.app{flex-direction:row}.side{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 224px;gap:4px;width:224px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.side .logo{align-items:center;gap:8px;margin:2px 6px 18px;font-size:22px;font-weight:700;display:flex}.side .logo .p{color:#e1251b}.side .logo .s1{color:#1560c4}.side .logo .s2{color:#1e9e3a}.side .logo small{color:var(--ink-2);font-size:13px;font-weight:700}.side a{color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:15px;font-weight:600;display:flex}.side a:hover{color:var(--ink);background:#f1f5fb}.side a.on{background:var(--green);color:#fff;box-shadow:0 6px 14px #1e9e3a47}.side a .ic{flex:0 0 20px;width:20px;height:20px}.side .sep{border-top:1px solid var(--line);letter-spacing:.02em;color:var(--green);margin:14px 6px 8px;padding-top:12px;font-size:11.5px;font-weight:800}.side .co{border-top:1px solid var(--line);color:var(--ink-2);margin-top:auto;padding:10px 6px 0;font-size:14px}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{padding:16px 32px}.main{max-width:1100px;margin:0;padding:26px 32px 120px}.tabbar{display:none}}