body.appearance-enabled{background:var(--rail-bg)}
.appearance-enabled .rail{background:var(--rail-bg);color:var(--rail-ink)}
.appearance-enabled .rail .brand,.appearance-enabled .rail .nav a,.appearance-enabled .rail-foot{color:var(--rail-ink)}
.appearance-enabled .rail .nav a:hover{background:var(--rail-hover)}
.appearance-enabled .rail .nav a.sel{background:var(--rail-active);color:var(--rail-selected);box-shadow:none}
.appearance-enabled .rail .caption,.appearance-enabled .workspace-company-picker label,.appearance-enabled .rail-search kbd{color:var(--rail-muted)}
.appearance-enabled .workspace-company-picker,.appearance-enabled .rail-foot{border-color:var(--rail-line)}
.appearance-enabled .workspace-company-picker select,.appearance-enabled .rail-search{background:var(--rail-field);border-color:var(--rail-line);color:var(--rail-ink)}
.appearance-enabled .rail-search .icon{stroke:var(--rail-muted)}
.rail-theme-entry{display:flex;align-items:center;gap:10px;height:34px;margin:8px 8px 0;padding:0 10px;border:1px solid transparent;background:transparent;color:var(--rail-ink);font-size:13px;text-align:left;flex-shrink:0}
.rail-theme-entry>span{font-size:20px}.rail-theme-entry:hover{background:var(--rail-hover);border-color:var(--rail-line);filter:none}
.appearance-modal .detailmodal{width:760px;max-width:calc(100vw - 40px)}
.appearance-modal .dm-body{max-height:68vh;overflow:auto;padding:18px 24px}
.appearance-settings section+section{margin-top:22px;padding-top:18px;border-top:1px solid #e6eaf0}
.appearance-settings h3{margin:0 0 12px;font-size:14px;line-height:22px;font-weight:500;color:#344258}
.appearance-settings .welcome-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.appearance-settings .welcome-palette button{height:46px;padding:0;justify-content:center;font-size:11px;position:relative;border-radius:6px}
.appearance-settings .welcome-palette button>span{position:absolute;top:2px;right:2px;width:12px;height:12px;font-size:9px;border:0}
.art-options,.rail-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.art-options>button,.rail-options>button{height:auto;display:flex;flex-direction:column;padding:5px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#596779;filter:none;overflow:visible}
.art-options>button>span{display:flex;align-items:center;justify-content:center;width:100%;height:61px;border-radius:4px;background:linear-gradient(110deg,var(--welcome-main,#2453b8),var(--welcome-end,#3877df))}
.art-options svg{width:120px;height:55px}.art-options .art-none{font-size:12px;color:#e1e8fa}
.art-options small,.rail-options small{font-size:12px;font-weight:400;line-height:26px}
.rail-options{grid-template-columns:repeat(5,minmax(0,1fr))}
.rail-mini{display:flex;flex-direction:column;gap:8px;width:100%;height:70px;border-radius:4px;padding:9px 5px;box-sizing:border-box;text-align:left}
.rail-mini i{height:3px;width:65%;opacity:.45;border-radius:3px}.rail-mini b{font-size:9px;font-weight:500;line-height:18px;border-radius:3px;padding-left:5px}
.art-options>button[aria-pressed=true],.rail-options>button[aria-pressed=true]{border-color:#3370ff;box-shadow:0 0 0 1px #3370ff}
.art-options>button:hover,.rail-options>button:hover{background:#f3f7ff;border-color:#80a7ff}
.art-options>button:focus-visible,.rail-options>button:focus-visible{outline:2px solid #3370ff;outline-offset:2px}
@media(max-width:800px){.appearance-settings .welcome-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.rail-options{grid-template-columns:repeat(4,minmax(0,1fr))}.art-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* T: desktop menu geometry and text matched against native Feishu 8.6.4 at DPR 2.
   Keep font smoothing AUTO: antialiased produces visibly lighter Chinese strokes on macOS.
   Theme variables change colors only; business content keeps its existing tokens. */
.appearance-enabled .rail{width:180px;padding:24px 8px 8px;border:0;isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.appearance-enabled .rail::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--rail-noise);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' d='M0 0h128v128H0z'/%3E%3C/svg%3E")}
.appearance-enabled .app{margin-left:180px}
.appearance-enabled .rail .nav{padding:0;scrollbar-width:thin;scrollbar-color:var(--rail-line) transparent}
.appearance-enabled .rail .nav a{height:32px;min-height:32px;margin-bottom:4px;padding:0 10px;gap:8px;border-radius:8px;font-size:14px;line-height:22px;font-weight:400;letter-spacing:0;transition:background-color .12s,color .12s}
.appearance-enabled .rail .nav a.sel{font-weight:500}
.appearance-enabled .rail .nav a.sel:hover{background:var(--rail-active)}
.appearance-enabled .rail .nav a .icon{width:18px;height:18px}
.appearance-enabled .rail .nav a span{white-space:nowrap}
.appearance-enabled .rail .caption{margin:14px 10px 6px;letter-spacing:0;line-height:20px;font-size:12px;font-weight:400}
.appearance-enabled .rail-search{margin:7px 0 15px;padding:0 10px;border-radius:8px}
.appearance-enabled .rail-foot{padding:10px 2px;margin:8px 2px 0;min-height:36px;gap:8px;font-weight:400}
.appearance-enabled .rail-theme-entry{margin:6px 0 0;padding:0 10px;height:32px;min-height:32px;gap:8px;border:0;border-radius:8px}
.appearance-enabled .rail-theme-entry>span{width:18px;font-size:19px;text-align:center}
.appearance-settings .rail-options{display:flex;gap:24px;padding:6px 3px 0}
.appearance-settings .rail-options>button{width:40px;min-width:40px;height:68px;padding:0;gap:7px;border:0;box-shadow:none;background:transparent;align-items:center;border-radius:0}
.appearance-settings .rail-swatch{display:block;width:40px;height:40px;flex-shrink:0;border-radius:50%;outline:2px solid transparent;outline-offset:3px}
.appearance-settings .rail-options>button[aria-pressed=true] .rail-swatch{outline-color:#1456f0}
.appearance-settings .rail-options>button:hover .rail-swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px #a7bff4}
.appearance-settings .rail-options>button[aria-pressed=true]:hover .rail-swatch{box-shadow:none}
.appearance-settings .rail-options small{font-size:12px;line-height:20px;color:#8f959e;visibility:hidden}
.appearance-settings .rail-options>button[aria-pressed=true] small,.appearance-settings .rail-options>button:hover small,.appearance-settings .rail-options>button:focus-visible small{visibility:visible}
.appearance-settings .rail-options>button:focus-visible{outline:none}
.appearance-settings .rail-options>button:focus-visible .rail-swatch{outline:2px solid #1456f0;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.appearance-enabled .rail .nav a{transition:none}}

.appearance-enabled .workspace-company-picker label{line-height:18px}

.appearance-enabled .finance-nav-toggle{color:var(--rail-muted)}
.appearance-enabled .finance-nav-toggle:hover{color:var(--rail-ink);background:var(--rail-hover)}

.welcome-style-options{display:flex;gap:12px}
.welcome-style-options>button{height:auto;width:180px;padding:6px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#596779;font-size:13px;line-height:28px;filter:none}
.welcome-style-options>button[aria-pressed=true]{border-color:#3370ff;box-shadow:0 0 0 1px #3370ff}
.welcome-style-options>button:hover{border-color:#80a7ff;background:#f7faff}
.style-preview{position:relative;display:block;height:62px;border:1px solid #e7ebf2;border-radius:4px;background:#fff}
.style-preview i{position:absolute;left:12px;top:14px;width:25px;height:25px;border-radius:7px;background:#e8efff}
.style-preview b,.style-preview em{position:absolute;left:46px;top:18px;height:5px;width:69px;border-radius:2px;background:#718096}
.style-preview em{top:31px;width:96px;height:3px;background:#d8e0ec}
.style-preview.dark{background:linear-gradient(110deg,var(--welcome-main),var(--welcome-end));border-color:transparent}
.style-preview.dark i{background:#ffffff30}.style-preview.dark b{background:#fff}.style-preview.dark em{background:#ffffff80}