*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}:root{--app-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--td-font-family: var(--app-font)}body{font-family:var(--app-font);background:#f7f8fa;color:#323233;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}@media (hover: none){body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}#app{height:100%;position:relative}.selectable{-webkit-user-select:text;user-select:text}.safe-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.page{display:flex;flex-direction:column;height:100%;background:#f7f8fa}.page-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.empty-tip{padding:60px 24px;text-align:center;color:#969799;font-size:14px;line-height:1.8}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}::-webkit-scrollbar-track{background:transparent}@media (hover: hover){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000038;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000057}}.shell{display:flex;height:100%}.shell-master{flex:0 0 300px;height:100%;overflow:hidden;background:#fff;border-right:1px solid #ebedf0;position:relative}.shell-main{flex:1;min-width:0;height:100%;position:relative}.shell-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#c8c9cc;font-size:14px}