:root{color:#132721;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.phone-shell{max-width:460px;min-height:100vh;margin:0 auto}.login-view{color:#fff;background-color:#0000;background-image:linear-gradient(#1d6f5ff5,#2a4f7ee6),url(/app-icon.svg);background-position:50% 42px;background-repeat:no-repeat;background-size:260px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:stretch;min-height:100vh;padding:24px;display:flex}.app-mark{background:#ffffff2e;border:1px solid #ffffff52;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:flex}.login-view h1,.app-header h1{margin:18px 0 6px;font-size:28px;line-height:1.15}.login-view p{color:#ffffffc2;margin:0}.login-card,.panel,.list-panel{background:#fff;border:1px solid #1a3a2f14;border-radius:8px;box-shadow:0 14px 34px #1c4d451f}.login-card{gap:14px;margin-top:28px;padding:18px;display:grid}.login-mode{background:#ffffff24;border:1px solid #ffffff47;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:24px;padding:6px;display:grid}.login-mode button{color:#ffffffc7;background:0 0;min-height:38px}.login-mode button.active{color:#1d6f5f;background:#fff}.login-card label,.panel label{color:#263b35;gap:7px;display:grid}label span{color:#5d6f69;font-size:13px;font-weight:700}input,select,textarea{color:#132721;background:#f8fbfa;border:1px solid #dbe7e3;border-radius:8px;width:100%;min-height:42px;padding:10px 12px}textarea{resize:vertical}button{color:#fff;background:#1d6f5f;border-radius:8px;min-height:42px;padding:10px 14px;font-weight:800}.button-link{color:#fff;background:#1d6f5f;border-radius:8px;flex:86px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.5}.text-button,.small-button{min-height:34px;padding:7px 10px}.app-header{justify-content:space-between;align-items:center;padding:8px 2px 18px;display:flex}.app-header span{color:#647772;font-size:13px;font-weight:700}.app-header h1{color:#14322c;margin:4px 0 0}.install-card{background:#fff;border:1px solid #cfe4dd;border-radius:8px;gap:12px;margin-bottom:12px;padding:12px;display:grid}.install-card div:first-child{gap:4px;display:grid}.install-card strong{color:#14322c;font-size:16px}.install-card span,.install-card small{color:#61756f;font-size:13px;line-height:1.45}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.status-strip article{background:#fff;border:1px solid #deebe7;border-radius:8px;gap:5px;min-height:94px;padding:12px;display:grid}.status-strip span,.status-strip small{color:#677b75;font-size:12px}.status-strip strong{color:#14322c;overflow-wrap:anywhere;font-size:20px}.interaction-dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.interaction-dashboard article{background:#f5faf8;border:1px solid #deebe7;border-radius:8px;gap:5px;min-height:70px;padding:10px;display:grid}.interaction-dashboard strong{color:#14322c;overflow-wrap:anywhere;font-size:19px}.interaction-dashboard span{color:#677b75;font-size:12px;font-weight:700}.tab-bar{z-index:2;background:#fff;border:1px solid #deebe7;border-radius:8px;gap:4px;margin:16px 0;padding:5px;display:flex;position:sticky;top:8px;overflow-x:auto}.tab-bar button{color:#647772;background:0 0;flex:0 0 62px;min-height:38px;padding:8px 4px;font-size:13px}.panel,.list-panel{gap:14px;margin-bottom:14px;padding:16px;display:grid}.panel h2,.list-panel h2{margin:0;font-size:18px}.panel-title{justify-content:space-between;align-items:center;display:flex}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title strong,.section-title h2{overflow-wrap:anywhere}.pill{color:#2a4f7e;background:#edf4ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.attendance-card{color:#fff;background:#132721;border-radius:8px;gap:7px;padding:16px;display:grid}.attendance-card p{color:#a8c6be;margin:0}.attendance-card strong{font-size:24px}.attendance-card span{color:#dbeee9;overflow-wrap:anywhere;font-size:13px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-grid article{background:#f5faf8;border:1px solid #deebe7;border-radius:8px;gap:5px;min-height:72px;padding:10px 12px;display:grid}.profile-grid span{color:#677b75;font-size:12px;font-weight:700}.profile-grid strong{color:#14322c;overflow-wrap:anywhere;font-size:15px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-grid article{background:#f5faf8;border:1px solid #deebe7;border-radius:8px;gap:5px;min-height:72px;padding:10px 12px;display:grid}.detail-grid span{color:#677b75;font-size:12px;font-weight:700}.detail-grid strong{color:#14322c;overflow-wrap:anywhere;font-size:15px}.todo-list{gap:10px;display:grid}.todo-item{background:#f5faf8;border:1px solid #d8ece5;border-left:4px solid #1d6f5f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:10px 12px;display:flex}.todo-item.warning{background:#fff8e7;border-color:#f1d99d #f1d99d #f1d99d #d08a1d}.todo-item.danger{background:#fff0ed;border-color:#f0b3aa #f0b3aa #f0b3aa #c74735}.todo-item div{gap:5px;min-width:0;display:grid}.todo-item strong{color:#14322c;font-size:15px}.todo-item span{color:#5f736d;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.empty-text{color:#6a7b76;margin:0;font-size:13px;font-weight:700}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-actions button{color:#14322c;text-align:left;background:#f5faf8;border:1px solid #d8ece5;gap:5px;min-height:76px;padding:10px 8px;display:grid}.quick-actions span{color:#60746e;overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.35}.tip-list{color:#735012;background:#fff8e7;border:1px solid #f1d99d;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.tip-list strong{font-size:14px}.tip-list span{font-size:13px;line-height:1.5}.tip-list.danger{color:#9a3025;background:#fff0ed;border-color:#f0b3aa}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.meta-grid div,.detail-card{background:#f5faf8;border:1px solid #deebe7;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.meta-grid span,.detail-card span{color:#60746e;font-size:12px;font-weight:700}.meta-grid strong,.detail-card strong{color:#19352f}.stack-list,.option-list,.result-list{gap:8px;display:grid}.inline-option,.progress-row{background:#fff;border:1px solid #deebe7;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.inline-option input{width:18px;min-height:18px}.progress-row progress{accent-color:#1d6f5f;flex:1;height:12px}.switch-line,.location-line{background:#f5faf8;border:1px solid #deebe7;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.switch-line input{width:22px;min-height:22px}.location-line strong{color:#1d6f5f;overflow-wrap:anywhere;text-align:right;max-width:220px;font-size:13px}.location-meta{color:#50635f;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:12px;display:grid}.wide-action{width:100%}.action-grid,.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.field-grid,.action-grid.two-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.list-item,.settlement-item{border-bottom:1px solid #edf3f1;justify-content:space-between;gap:14px;padding-bottom:12px;display:flex}.list-item.active{background:#f5faf8;border:1px solid #cfe4dd;border-radius:8px;padding:10px}.list-item:last-child,.settlement-item:last-child{border-bottom:0;padding-bottom:0}.list-item div,.settlement-item div{gap:5px;display:grid}.list-item strong,.settlement-item strong{color:#19352f}.list-item span,.settlement-item span{color:#61736e;font-size:13px;line-height:1.45}.list-item small{color:#5a6f68;font-size:12px;font-weight:800}.list-item em{color:#b05822;white-space:nowrap;font-size:12px;font-style:normal;font-weight:800}.list-item.tall{flex-direction:column;align-items:flex-start}.button-row{flex-wrap:wrap;gap:8px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.row-actions button{flex:86px}.row-actions.compact{justify-content:flex-end;align-items:center;width:auto}.row-actions.compact button{flex:none}.inline-stat{color:#235247;background:#eef8f4;border:1px solid #d8ece5;border-radius:8px;align-items:center;min-height:40px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.mini-hint{color:#5f736d;margin:-2px 0 0;font-size:12px;font-weight:700}.list-item video{background:#0f1f1b;border-radius:8px;width:100%;max-height:240px;margin-top:8px}.progress-line{background:#e7efec;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-line span{background:#1d6f5f;min-width:0;height:100%;display:block}.settlement-item{flex-direction:column;align-items:stretch}.settlement-item.active{background:#f5faf8;border:1px solid #cfe4dd;border-radius:8px;padding:10px}.settlement-item dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.settlement-item dl div{background:#f5faf8;border-radius:8px;padding:9px}.settlement-item dt{color:#6a7b76;font-size:12px}.settlement-item dd{color:#15332c;margin:3px 0 0;font-weight:900}.chat-box{background:#f5faf8;border:1px solid #deebe7;border-radius:8px;gap:8px;max-height:260px;padding:10px;display:grid;overflow-y:auto}.chat-box article{background:#fff;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.chat-box strong{color:#1d6f5f;font-size:13px}.chat-box span{color:#243b35;font-size:14px;line-height:1.45}.chat-box small{color:#1d6f5f;font-size:12px;font-weight:800}.chat-box em{color:#71817c;font-size:12px;font-style:normal}.error-text,.success-text{border-radius:8px;margin:0 0 12px;padding:10px 12px;font-weight:700}.error-text{color:#af392b;background:#fff0ed}.success-text{color:#1f7b4d;background:#e6f6ee}@media (width<=390px){.action-grid,.field-grid,.interaction-dashboard,.meta-grid,.status-strip,.settlement-item dl{grid-template-columns:1fr}.tab-bar{overflow-x:auto}}:root{--ink:#16211f;--muted:#63746f;--line:#d9e6e2;--paper:#fff;--soft:#f3f8f6;--brand:#145846;--brand-2:#1f6f5f;--blue:#265c87;--orange:#d98a18;--red:#bd3f31;color:var(--ink);background:#eef3f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}body{background:#eef3f2}.phone-shell{background:#f5f8f7;max-width:480px}.login-view{background:linear-gradient(180deg, var(--brand) 0%, var(--blue) 58%, #eef3f2 58%);background-image:none;justify-content:flex-start;padding:74px 22px 28px}.app-mark{background:#ffffff2e;border-color:#ffffff59;font-weight:900}.login-view h1{color:#fff;margin-top:18px;font-size:26px}.login-view p{color:#ffffffc7;font-weight:700}.login-mode{background:#ffffff29;border-color:#ffffff4d}.login-mode button.active{background:var(--paper);color:var(--brand-2)}.login-card,.panel,.list-panel,.install-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #1d3c341a}button,.button-link{background:var(--brand-2);border-radius:8px}.ghost-button,.text-button,.small-button{color:var(--brand-2);background:#eaf5f1}input,select,textarea{border-color:var(--line);color:var(--ink);background:#f7fbf9}.app-view{padding:14px 14px 86px}.app-header{background:0 0;padding:8px 2px 12px}.app-header h1{color:var(--brand);font-size:22px}.app-header span{color:var(--muted)}.home-hero{background:linear-gradient(135deg, var(--brand), var(--blue));color:#fff;border-radius:0 0 20px 20px;justify-content:space-between;gap:12px;margin:0 -14px 12px;padding:18px 14px 28px;display:flex}.home-hero h2{color:#fff;margin:8px 0;font-size:24px;line-height:1.15}.home-hero p,.home-hero span{color:#ffffffc7;margin:0;font-size:13px;font-weight:800}.avatar-button,.message-badge{color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;height:44px;min-height:44px;padding:0;font-size:16px;font-weight:900;display:flex}.message-badge{background:var(--red);border-color:#ffffff59}.hero-actions{flex:0 0 178px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hero-actions button{color:#fff;background:#ffffff26;border:1px solid #ffffff47;min-height:40px;padding:8px;font-size:13px}.dashboard-strip{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-32px;position:relative}.status-strip article,.interaction-dashboard article,.profile-grid article,.detail-card,.settlement-item dl div{background:var(--paper);border:1px solid var(--line);border-radius:8px}.status-strip strong,.interaction-dashboard strong,.profile-grid strong,.detail-card strong,.settlement-item dd{color:var(--ink)}.status-strip span,.status-strip small,.interaction-dashboard span,.profile-grid span,.detail-card span,.settlement-item dt{color:var(--muted)}.panel-title h2,.section-title h2,.list-panel h2,.panel h2{color:var(--ink);font-size:17px}.pill{color:var(--blue);background:#edf4ff}.danger-pill,.danger-chip{color:var(--red);background:#ffece8}.todo-item{border-left:4px solid var(--brand-2);border-radius:8px}.todo-item.warning{border-left-color:var(--orange)}.todo-item.danger{border-left-color:var(--red)}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-actions button{background:var(--soft);border-color:var(--line);color:var(--ink);min-height:72px;padding:9px 7px}.quick-actions strong{color:var(--brand-2);font-size:14px}.quick-actions span{color:var(--muted);font-size:11px}.attendance-card,.clock-card{color:#fff;background:#132421;border-radius:8px}.attendance-card p,.attendance-card span{color:#bdd4ce}.attendance-card strong{color:#fff;font-size:26px}.tab-bar{background:var(--paper);border:0;border-top:1px solid var(--line);z-index:20;border-radius:0;grid-template-columns:repeat(5,1fr);gap:2px;width:100%;max-width:480px;margin:0;padding:8px 8px 10px;display:grid;position:fixed;top:auto;bottom:0;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 -10px 24px #16211f14}.tab-bar button{color:var(--muted);flex:initial;background:0 0;border-radius:8px;place-items:center;gap:3px;min-height:48px;padding:5px 2px;font-size:11px;font-weight:900;display:grid;position:relative}.tab-bar button b{background:var(--line);border-radius:8px;width:22px;height:18px;display:block}.tab-bar button.active{color:var(--brand-2);background:#eaf5f1}.tab-bar button.active b{background:var(--brand-2)}.tab-bar button em{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:900;display:flex;position:absolute;top:4px;right:10px}@media (width<=390px){.dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=900px){.phone-shell{background:0 0;max-width:none;min-height:100vh}.login-view{color:var(--ink);background:linear-gradient(90deg,#0f3f39 0% 38%,#0000 38%),#f3f6f8;grid-template-columns:minmax(300px,420px) minmax(360px,430px);justify-content:center;align-items:center;gap:18px 48px;padding:64px;display:grid}.login-view .app-mark{color:#fff;background:#ffffff24;border-color:#ffffff4d}.login-view h1{color:#fff;grid-column:1;margin-bottom:8px;font-size:36px}.login-view p{color:#ffffffc2;grid-column:1;font-size:16px}.login-mode,.login-card,.login-view>.error-text,.login-view>.success-text{grid-column:2}.login-mode{border-color:var(--line);background:#e7f0ed;margin-top:0}.login-mode button{color:var(--muted)}.login-mode button.active{box-shadow:0 8px 18px #1d3c3414}.login-card{align-self:start;margin-top:0;padding:26px}.app-view{grid-template-columns:240px minmax(0,1fr);column-gap:22px;max-width:1180px;min-height:100vh;margin:0 auto;padding:22px 24px 42px;display:grid}.app-header{background:#fff;border:1px solid #dde6e3;border-radius:8px;grid-column:1/-1;align-items:center;margin-bottom:18px;padding:14px 18px;box-shadow:0 8px 22px #12211f0d}.app-header h1{white-space:nowrap;margin:2px 0 0;font-size:24px;line-height:1.15}.app-header>div:first-child{min-width:0}.app-view>.panel,.app-view>.success-text,.app-view>.error-text,.app-view>.home-hero,.app-view>.status-strip,.app-view>.list-panel{grid-column:2}.install-card{display:none}.tab-bar{background:#fff;border:1px solid #dde6e3;border-radius:8px;grid-area:2/1/span 60;grid-template-columns:1fr;align-self:start;gap:8px;width:240px;max-width:none;margin:0;padding:12px;display:grid;position:sticky;top:22px;left:auto;transform:none;box-shadow:0 8px 22px #12211f0d}.tab-bar:before{color:#123f38;content:"耐呗斯员工门户";letter-spacing:0;border-bottom:1px solid #e5ece9;margin:0 2px 4px;padding:4px 8px 12px;font-size:17px;font-weight:900;display:block}.tab-bar button{text-align:left;grid-template-columns:28px 1fr;place-items:center start;gap:10px;min-height:46px;padding:8px 12px;display:grid}.tab-bar button b{background:#d8e4e0;width:20px;height:20px}.tab-bar button:hover{background:#f0f6f4}.tab-bar button em{top:8px;right:10px}.home-hero{background:#123f38;border-radius:8px;margin:0 0 14px;padding:22px 24px}.home-hero h2{font-size:30px}.dashboard-strip{margin-top:0}.status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-grid,.detail-grid,.meta-grid,.action-grid,.field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-grid.two-actions{grid-template-columns:repeat(2,minmax(0,220px))}.list-panel,.panel{border-color:#dde6e3;padding:18px;box-shadow:0 8px 22px #12211f0d}.list-item,.settlement-item{align-items:center}.settlement-item{align-items:stretch}.app-view .status-strip article,.app-view .interaction-dashboard article,.app-view .profile-grid article,.app-view .detail-grid article,.app-view .meta-grid div,.app-view .detail-card,.app-view .settlement-item dl div,.app-view .quick-actions button,.app-view .todo-item,.app-view .inline-option,.app-view .progress-row,.app-view .switch-line,.app-view .location-line{box-shadow:none;background:#fff;border-color:#dde6e3}.app-view .status-strip article{min-height:86px}.app-view .status-strip strong{font-size:24px}.app-view .quick-actions button{min-height:88px;padding:14px}.app-view .quick-actions button:hover{background:#f5faf8;border-color:#bcd5cd}.app-view .todo-item{border-left-width:3px}.app-view input,.app-view select,.app-view textarea{background:#fbfdfc;border-color:#d5e0dd}.app-view button,.app-view .button-link{box-shadow:none}.app-view .ghost-button,.app-view .text-button,.app-view .small-button{background:#eef5f2}.app-view .row-actions button{flex:none}.app-view .panel-title,.app-view .section-title{min-height:32px}.app-view .tab-bar button:first-child b{background:#2d7a67}.app-view .tab-bar button:nth-child(2) b{background:#6f91b8}.app-view .tab-bar button:nth-child(3) b{background:#d6a650}.app-view .tab-bar button:nth-child(4) b{background:#7f9f91}.app-view .tab-bar button:nth-child(5) b{background:#8d9aa7}:root,body,.phone-shell{background:#f5f7fa}.app-view{grid-template-columns:248px minmax(0,1fr);gap:18px 0;max-width:none;padding:0 0 36px}.app-header{box-shadow:none;z-index:5;background:#fffffff0;border:0;border-bottom:1px solid #e5eaf0;border-radius:0;grid-area:1/2;margin:0;padding:16px 28px;position:sticky;top:0}.app-header span{color:#6b778c}.app-header h1{color:#172033;font-size:22px}.tab-bar{box-shadow:none;background:#0f2f2b;border:0;border-radius:0;grid-area:1/1/span 100;align-self:stretch;width:248px;min-height:100vh;padding:22px 18px;top:0}.tab-bar:before{color:#fff;content:"耐呗斯员工门户\a 内部工作台 · 计划 · 考勤 · 协同";white-space:pre-line;border-bottom:1px solid #ffffff1f;margin:0 0 14px;padding:0 0 18px;font-size:20px;line-height:1.65}.tab-bar:after{color:#cde5df;content:"手机和网页同账号\a 数据与 App 同步";white-space:pre-line;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;margin-top:auto;padding:12px;font-size:12px;line-height:1.6;display:block}.tab-bar button{color:#cfe5df;grid-template-columns:24px 1fr;min-height:44px;padding:0 12px}.tab-bar button:hover,.tab-bar button.active{color:#fff;background:#ffffff1c}.tab-bar button b{background:#ffffff26;border-radius:6px;width:22px;height:22px}.app-view .tab-bar button.active b{background:#27b090}.app-view>.home-hero,.app-view>.status-strip,.app-view>.panel,.app-view>.list-panel,.app-view>.success-text,.app-view>.error-text{grid-column:2;margin-left:28px;margin-right:28px}.home-hero{background:linear-gradient(90deg,#146c5cf5,#146c5cc7),linear-gradient(135deg,#1f2937,#0f5046);border-radius:8px;grid-template-columns:1.3fr .7fr;gap:16px;min-height:162px;margin-top:6px;padding:24px;display:grid}.home-hero h2{font-size:30px;line-height:1.15}.home-hero p,.home-hero span{color:#fffc}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:10px;display:grid}.hero-actions button{color:#fff;background:#ffffff24;border:1px solid #ffffff47;min-height:44px;font-weight:900}.dashboard-strip,.status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.list-panel{border-color:#e5eaf0;margin-bottom:0;box-shadow:0 10px 26px #1c273712}.panel-title{border-bottom:1px solid #e5eaf0;margin:-2px -2px 0;padding:0 2px 14px}.quick-actions button,.profile-grid article,.detail-grid article,.todo-item{background:#fbfcfd;border-color:#e5eaf0}.app-view{grid-template-columns:272px minmax(0,1fr)}.tab-bar{background:#0b2a27;border-right:1px solid #ffffff14;gap:10px;width:272px;padding:22px 16px}.tab-bar:before{color:#fff;content:"耐呗斯\a 员工工作台";background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;margin:0 0 10px;padding:16px;font-size:22px;line-height:1.35}.tab-bar button{color:#d8ebe6;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:34px 1fr auto;gap:12px;min-height:52px;padding:8px 10px;transition:background .16s,border-color .16s,color .16s}.tab-bar button span{letter-spacing:0;font-size:15px;font-weight:900}.tab-bar button b{color:#fff;background:#ffffff1f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:flex}.tab-bar button b:before{content:"首"}.tab-bar button:nth-child(2) b:before{content:"报"}.tab-bar button:nth-child(3) b:before{content:"勤"}.tab-bar button:nth-child(4) b:before{content:"信"}.tab-bar button:nth-child(5) b:before{content:"我"}.tab-bar button:hover{background:#ffffff1a;border-color:#ffffff1f}.tab-bar button.active{color:#0f3f39;background:#fff;border-color:#fff;box-shadow:0 12px 24px #0000002e}.app-view .tab-bar button.active b{color:#fff;background:#1f6f5f;border-color:#1f6f5f}.tab-bar button em{background:#d44438;top:8px;right:10px;box-shadow:0 0 0 2px #fff}.tab-bar:after{color:#b9d8d1;content:"手机 / 网页同账号\a 数据实时同步";background:#ffffff12;border-color:#ffffff1a}}@media (width>=640px){:root,body{background:#f4f6f8}.phone-shell{background:#f4f6f8;max-width:none;min-height:100vh}.app-view{background:#f4f6f8;grid-template-columns:88px minmax(0,1fr);min-height:100vh;padding:0 0 28px;display:grid}.app-header{z-index:10;background:#fffffff5;border-bottom:1px solid #e5e7eb;grid-column:2;margin:0;padding:14px 22px;position:sticky;top:0}.app-header h1{color:#101828;margin:2px 0 0;font-size:22px}.app-header span{color:#667085;font-size:12px}.install-card{display:none}.tab-bar{box-shadow:none;background:#fff;border:0;border-right:1px solid #e5e7eb;border-radius:0;grid-area:1/1/span 100;grid-template-columns:1fr;align-content:start;gap:8px;width:88px;max-width:none;min-height:100vh;margin:0;padding:14px 10px;display:grid;position:sticky;top:0;left:auto;overflow:visible;transform:none}.tab-bar:before{color:#fff;content:"耐";letter-spacing:0;white-space:normal;background:#11634f;border:0;border-radius:16px;justify-content:center;align-items:center;height:52px;margin:0 6px 12px;padding:0;font-size:22px;font-weight:900;line-height:1;display:flex}.tab-bar:after{display:none}.tab-bar button{color:#667085;text-align:center;background:0 0;border:1px solid #0000;border-radius:16px;grid-template-columns:1fr;place-items:center;gap:6px;min-height:64px;padding:8px 4px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:grid;position:relative}.tab-bar button span{color:inherit;font-size:12px;font-weight:800;line-height:1}.tab-bar button b{width:22px;height:22px;-webkit-mask:var(--nav-icon) center / contain no-repeat;-webkit-mask:var(--nav-icon) center / contain no-repeat;mask:var(--nav-icon) center / contain no-repeat;background:currentColor;border:0;border-radius:0;display:block}.tab-bar button b:before{content:none}.tab-bar button:first-child{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}.tab-bar button:nth-child(2){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E")}.tab-bar button:nth-child(3){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.tab-bar button:nth-child(4){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E")}.tab-bar button:nth-child(5){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}.tab-bar button:hover{color:#11634f;background:#f2f6f4}.tab-bar button.active{color:#11634f;background:#e8f4ef;border-color:#c8e5d9;box-shadow:inset 3px 0 #11634f}.app-view .tab-bar button.active b,.app-view .tab-bar button:nth-child(n) b{background:currentColor}.tab-bar button em{color:#fff;background:#d92d20;border:2px solid #fff;border-radius:999px;min-width:18px;padding:2px 5px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:7px;right:8px}.app-view>.home-hero,.app-view>.status-strip,.app-view>.panel,.app-view>.list-panel,.app-view>.success-text,.app-view>.error-text{grid-column:2;margin-left:22px;margin-right:22px}.home-hero{color:#101828;background:#fff;border:1px solid #e5e7eb;border-left:5px solid #11634f;border-radius:14px;grid-template-columns:minmax(0,1fr);gap:18px;min-height:auto;margin-top:22px;padding:22px;display:grid}.home-hero h2{color:#101828;margin:8px 0;font-size:26px;line-height:1.2}.home-hero p,.home-hero span{color:#667085}.home-hero>div:first-child>span{color:#11634f;font-weight:900}.hero-actions{flex:initial;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hero-actions button{color:#fff;background:#11634f;border:1px solid #11634f;border-radius:10px;min-height:42px;padding:9px 12px}.hero-actions button:nth-child(2n){color:#11634f;background:#fff}.dashboard-strip,.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.list-panel,.status-strip article{border-color:#e5e7eb;border-radius:14px;box-shadow:0 8px 20px #1018280d}.quick-actions button,.todo-item,.profile-grid article,.detail-grid article{border-radius:12px}}@media (width>=1120px){.app-view{grid-template-columns:264px minmax(0,1fr)}.tab-bar{gap:8px;width:264px;padding:20px 16px}.tab-bar:before{color:#fff;content:"耐呗斯\a 员工工作台";text-align:left;background:radial-gradient(circle at 20px 20px,#ffffff38,#0000 30px),#11634f;justify-content:flex-start;align-items:flex-start;height:auto;margin:0 0 14px;padding:18px;font-size:22px;line-height:1.38}.tab-bar:after{color:#667085;content:"手机 / 网页同账号\a 数据实时同步";white-space:pre-line;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-top:auto;padding:14px;font-size:12px;line-height:1.7;display:block}.tab-bar button{text-align:left;grid-template-columns:38px 1fr auto;justify-items:start;min-height:48px;padding:8px 12px}.tab-bar button b{width:22px;height:22px}.tab-bar button span{font-size:14px}.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;padding:26px 28px}.home-hero h2{font-size:30px}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-strip,.status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.app-view>.home-hero,.app-view>.status-strip,.app-view>.panel,.app-view>.list-panel,.app-view>.success-text,.app-view>.error-text{margin-left:28px;margin-right:28px}}@media (width>=640px) and (width<=1119px){.app-view{grid-template-columns:minmax(0,1fr);padding:0 0 28px;display:grid}.app-header,.tab-bar,.app-view>.home-hero,.app-view>.status-strip,.app-view>.panel,.app-view>.list-panel,.app-view>.success-text,.app-view>.error-text{grid-column:1}.app-header{box-shadow:none;background:#fff;border-bottom:1px solid #e6e9ee;align-items:center;min-height:66px;padding:12px 24px;display:flex}.app-header>div:first-child{position:relative}.app-header>div:first-child:before{color:#fff;content:"耐";background:#11634f;border-radius:10px;justify-content:center;width:38px;height:38px;font-size:18px;font-weight:900;line-height:38px;display:inline-flex;position:absolute;top:0;left:0}.app-header span,.app-header h1{margin-left:50px}.app-header h1{font-size:20px}.app-header .row-actions{justify-content:flex-end;width:auto}.tab-bar{box-shadow:none;z-index:9;background:#fff;border:0;border-bottom:1px solid #e6e9ee;border-radius:0;justify-content:center;gap:8px;width:100%;max-width:none;min-height:auto;margin:0;padding:10px 20px;display:flex;position:sticky;top:0;left:auto;overflow-x:auto;transform:none}.tab-bar:before,.tab-bar:after{display:none}.tab-bar button{color:#475467;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;flex:none;grid-template-columns:18px auto;place-items:center;gap:7px;width:auto;min-height:38px;padding:0 16px;display:inline-grid}.tab-bar button span{color:inherit;font-size:13px;font-weight:900}.tab-bar button b{width:18px;height:18px;-webkit-mask:var(--nav-icon) center / contain no-repeat;-webkit-mask:var(--nav-icon) center / contain no-repeat;mask:var(--nav-icon) center / contain no-repeat;background:currentColor;border:0;border-radius:0}.tab-bar button.active{box-shadow:none;color:#fff;background:#11634f;border-color:#11634f}.tab-bar button:hover{color:#11634f;background:#edf7f3;border-color:#cce5db}.tab-bar button.active:hover{color:#fff;background:#11634f}.tab-bar button em{top:-7px;right:-5px}.app-view>.home-hero,.app-view>.status-strip,.app-view>.panel,.app-view>.list-panel,.app-view>.success-text,.app-view>.error-text{margin-left:24px;margin-right:24px}.home-hero{color:#fff;background:linear-gradient(135deg,#11634ff5,#265c87eb);border:0;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px;padding:24px;display:grid}.home-hero h2{color:#fff;font-size:28px}.home-hero p,.home-hero span,.home-hero>div:first-child>span{color:#ffffffd1}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions button{color:#fff;background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;flex:none;min-height:40px;padding:8px 16px}.hero-actions button:nth-child(2n){color:#11634f;background:#fff}.dashboard-strip,.status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1120px){.app-view{background:#f6f8fb;grid-template-columns:232px minmax(0,1fr);padding-bottom:36px}.app-header{background:#fff;border-bottom:1px solid #e6e9ef;min-height:70px;padding:14px 28px}.app-header span{color:#667085;font-size:12px}.app-header h1{color:#101828;font-size:22px}.app-header .row-actions{justify-content:flex-end;width:auto}.app-header .ghost-button{color:#11634f;background:#f2f6f4;border:1px solid #dbe7e2;min-height:36px;padding:7px 14px}.tab-bar{background:#fff;border-right:1px solid #e6e9ef;gap:4px;width:232px;padding:18px 14px}.tab-bar:before{color:#101828;content:"耐呗斯\a 员工门户";background:0 0;border:0;border-bottom:1px solid #edf0f4;border-radius:0;margin:0 0 12px;padding:4px 4px 16px;font-size:20px;font-weight:900;line-height:1.35}.tab-bar:after{color:#667085;content:"网页端 / 手机端同账号\a 数据自动同步";white-space:pre-line;background:#f8fafc;border:1px solid #edf0f4;border-radius:12px;margin-top:auto;padding:12px;font-size:12px;line-height:1.65;display:block}.tab-bar button{color:#475467;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:24px 1fr auto;gap:10px;min-height:42px;padding:8px 10px}.tab-bar button span{font-size:14px;font-weight:800}.tab-bar button b{background:currentColor;width:19px;height:19px}.tab-bar button:hover{color:#11634f;background:#f4f7f6;border-color:#edf0f4}.tab-bar button.active{color:#11634f;background:#eaf6f1;border-color:#d6eee5;box-shadow:inset 3px 0 #11634f}.app-view .tab-bar button.active b,.app-view .tab-bar button:nth-child(n) b{background:currentColor}.tab-bar button em{color:#fff;background:#d92d20;border:2px solid #fff;top:5px;right:7px}.app-view>.home-hero,.app-view>.status-strip,.app-view>.panel,.app-view>.list-panel,.app-view>.success-text,.app-view>.error-text{margin-left:28px;margin-right:28px}.home-hero{color:#101828;background:#fff;border:1px solid #e6e9ef;border-left:4px solid #11634f;border-radius:14px;margin-top:22px;padding:24px 26px;box-shadow:0 10px 24px #1018280d}.home-hero h2{color:#101828;font-size:29px}.home-hero p,.home-hero span,.home-hero>div:first-child>span{color:#667085}.hero-actions button{border-radius:10px;min-height:40px}.panel,.list-panel,.status-strip article{border-color:#e6e9ef;border-radius:14px;box-shadow:0 8px 20px #1018280a}.status-strip article{min-height:82px;padding:14px}.quick-actions button{border-radius:12px;min-height:82px}}