:root{--office-accent: #217346;--office-accent-dark: #185c37;--office-bg: #f3f2f1;--office-line: #e1dfdd;--office-ink: #201f1e;--office-ink-2: #605e5c;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif}body[data-app=word]{--office-accent: #2b579a;--office-accent-dark: #1e3f76}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--office-bg);color:var(--office-ink);font-size:13px;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column}.titlebar{flex:none;height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;background:var(--office-accent);color:#fff;-webkit-user-select:none;user-select:none}.tb-left,.tb-right{display:flex;align-items:center;gap:8px;min-width:0}.tb-app{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#fff;font:inherit;cursor:pointer;padding:4px 6px;border-radius:4px}.tb-app:hover{background:#ffffff1f}.app-dot{width:20px;height:20px;border-radius:3px;background:#fff;position:relative;flex:none}.app-dot:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:linear-gradient(var(--office-accent),var(--office-accent)) left top / 100% 2px no-repeat,linear-gradient(var(--office-accent),var(--office-accent)) left 6px / 100% 2px no-repeat,linear-gradient(var(--office-accent),var(--office-accent)) left 10px / 60% 2px no-repeat}.app-name{font-size:13px;font-weight:600;letter-spacing:.2px}.autosave{font-size:12px;color:#ffffffc7;padding-left:4px}.autosave.warn{color:#ffe08a}.doc-name{width:260px;max-width:40vw;border:1px solid transparent;background:transparent;color:#fff;font:inherit;font-weight:600;padding:4px 8px;border-radius:4px;outline:none}.doc-name:hover{background:#ffffff1a}.doc-name:focus{background:#fff;color:var(--office-ink);border-color:#fff}.tb-btn{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;font:inherit;font-size:12px;height:26px;padding:0 12px;border-radius:3px;cursor:pointer}.tb-btn:hover{background:#ffffff29}.tb-btn.primary{background:#fff;color:var(--office-accent-dark);border-color:#fff;font-weight:600}.tb-btn.primary:hover{background:#eef6f1}.workarea{flex:1;min-height:0;position:relative;background:var(--office-bg)}#univer{position:absolute;top:0;right:0;bottom:0;left:0}#univer{--univer-primary-100: #e6f2ec;--univer-primary-200: #c3e2d3;--univer-primary-300: #9ccfb9;--univer-primary-400: #5aa982;--univer-primary-500: var(--office-accent);--univer-primary-600: var(--office-accent-dark);--univer-primary-700: #0f4429;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;font-size:13px}#univer input,#univer textarea,#univer button{font-family:inherit}#univer canvas{outline:none}.statusbar{flex:none;height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;border-top:1px solid var(--office-line);color:var(--office-ink-2);font-size:12px;-webkit-user-select:none;user-select:none}.st-right{display:flex;align-items:center;gap:10px}.st-sep{width:1px;height:12px;background:var(--office-line)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#c8c6c4;border:3px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#a19f9d;background-clip:padding-box}::-webkit-scrollbar-track{background:#faf9f8}#appShell{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.st-modes{display:flex;align-items:center;gap:8px}.st-mode{color:var(--office-ink-2);text-decoration:none;padding:2px 6px;border-radius:3px}.st-mode:hover{background:#f3f2f1;color:var(--office-ink)}.st-mode.on{color:var(--office-accent);font-weight:600;background:#0000000a}.file-menu{position:fixed;z-index:9500;min-width:226px;background:#fff;border:1px solid #d2d0ce;border-radius:4px;box-shadow:0 8px 26px #0000002e;padding:4px}.fm-head{font-size:11px;color:#8a8886;padding:6px 10px 4px}.fm-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:0;background:transparent;padding:7px 10px;border-radius:3px;font:inherit;font-size:12.5px;color:var(--office-ink);cursor:pointer;text-align:left}.fm-item:hover{background:#f3f2f1}.fm-ext{color:#8a8886;font-size:11px}.io-busy{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99999;padding:13px 22px;border-radius:6px;background:#201f1eeb;color:#fff;font-size:13px;box-shadow:0 10px 34px #00000052}