:root{--paper:#f4f0e7;--paper2:#ebe4d6;--ink:#17251f;--red:#b53a2e;--line:#d2c8b7;--muted:#726d62;--white:#fffdf8;--green:#315f4b;--shadow:0 18px 50px rgba(40,31,18,.10)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","Noto Sans CJK SC",sans-serif}.hidden{display:none!important}.eyebrow{font:700 11px/1.2 Georgia,serif;letter-spacing:.18em;color:var(--red);text-transform:uppercase}.muted,.hint{color:var(--muted)}button,input,select{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(115deg,var(--ink) 0 55%,var(--paper) 55%)}.login-brand{padding:10vh 10vw;color:var(--white);position:relative;overflow:hidden}.login-brand:after{content:"薪";position:absolute;right:-5%;bottom:-22%;font:500 42vw/1 Georgia,serif;color:rgba(255,255,255,.025)}.seal{display:grid;place-items:center;width:66px;height:66px;border:2px solid #d86a58;color:#f0c7b8;font:700 34px Georgia,serif;transform:rotate(-3deg)}.login-brand h1{font:500 clamp(44px,6vw,82px)/1.16 Georgia,"STSong",serif;letter-spacing:-.03em;margin:8vh 0 3vh}.login-card{align-self:center;width:min(420px,80%);margin:auto;background:var(--white);padding:48px;box-shadow:var(--shadow);border-top:5px solid var(--red)}.login-card h2{font:500 36px Georgia,"STSong",serif;margin:8px 0 32px}.login-card label,.field{display:grid;gap:8px;margin:18px 0;font-size:13px;font-weight:700}.login-card input,input,select{border:1px solid var(--line);background:#fff;padding:12px 14px;outline:none;border-radius:2px}.login-card input:focus,input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(49,95,75,.12)}button{cursor:pointer;border:0}.primary{width:100%;margin-top:14px;padding:14px 18px;background:var(--red);color:white;font-weight:700;display:flex;justify-content:space-between}.hint{font-size:12px;margin-top:18px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;background:var(--ink);color:#e8e2d7;padding:28px 20px;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:14px;padding:0 8px 30px;border-bottom:1px solid rgba(255,255,255,.12)}.seal.small{width:40px;height:40px;font-size:21px}.wordmark strong{font:600 24px Georgia,"STSong",serif}.wordmark small,.account small{display:block;font:9px Georgia,serif;letter-spacing:.15em;color:#9fa9a2;margin-top:3px}nav{display:grid;gap:6px;padding-top:26px}nav button{background:transparent;color:#aeb7b1;text-align:left;padding:12px 14px;border-left:2px solid transparent;font-weight:600}nav button:hover,nav button.active{background:rgba(255,255,255,.07);color:white;border-left-color:#d15a49}.account{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:22px 4px 0;display:grid;grid-template-columns:36px 1fr 26px;align-items:center;gap:10px}.account>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d4c4a8;color:var(--ink);font-weight:700}.account button{background:transparent;color:#aeb7b1;font-size:20px}main{padding:42px clamp(28px,5vw,72px) 80px;min-width:0}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:22px}header h1{font:500 38px Georgia,"STSong",serif;margin:5px 0 0}.month-control{display:flex;gap:12px;align-items:end}.month-control label{font-size:11px;font-weight:700;color:var(--muted)}.month-control input{display:block;margin-top:5px;padding:8px}.pill{padding:8px 12px;background:#e0d7c7;color:var(--green);font-size:12px;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-grid article{background:var(--white);padding:28px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(49,39,22,.05)}.metric-grid article.ink{background:var(--ink);color:white}.metric-grid span{font-size:12px;color:var(--muted)}.metric-grid .ink span{color:#aeb7b1}.metric-grid strong{display:block;font:500 45px Georgia,serif;margin:16px 0 4px}.metric-grid small{color:#9a9488}.panel{background:var(--white);border:1px solid var(--line);margin-top:20px;padding:28px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h2{font:500 25px Georgia,"STSong",serif;margin:4px 0}.flow{display:flex;align-items:center;gap:14px;padding:20px 0}.flow span{padding:12px 14px;background:var(--paper);font-size:12px}.flow .done{background:var(--green);color:white}.flow i{color:#a59c8e}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar button,.secondary,.danger{padding:10px 14px;background:var(--green);color:white;font-weight:700}.secondary{background:var(--paper2);color:var(--ink);border:1px solid var(--line)}.danger{background:var(--red)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.05em;border-bottom:2px solid var(--ink);padding:11px 10px}td{padding:13px 10px;border-bottom:1px solid var(--line)}td.money{text-align:right;font:600 14px Georgia,serif}.empty{text-align:center;padding:50px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}.form-grid label{display:grid;gap:7px;margin:10px 0;font-size:12px;font-weight:700}.span-all{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.drop{border:1px dashed #9f9586;background:var(--paper);padding:24px}.drop input{width:100%;background:white}.result-box{margin-top:16px;padding:18px;background:#eef3ed;border-left:4px solid var(--green);white-space:pre-wrap}.error-box{background:#f7e9e5;border-left-color:var(--red)}.payslip{display:grid;grid-template-columns:1fr 220px;gap:30px}.net{background:var(--ink);color:white;padding:24px}.net strong{font:500 34px Georgia,serif;display:block;margin-top:10px}.toast{position:fixed;z-index:20;right:24px;top:24px;background:var(--ink);color:white;padding:14px 18px;box-shadow:var(--shadow);transform:translateY(-100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@media(max-width:900px){.login-shell{grid-template-columns:1fr;background:var(--ink)}.login-brand{display:none}.login-card{margin:10vh auto}.app-shell{grid-template-columns:76px 1fr}aside{padding:22px 10px}.wordmark div,.account div,.account button{display:none}.wordmark{justify-content:center;padding:0 0 20px}nav button{font-size:0;text-align:center;padding:13px 5px}nav button:before{content:attr(data-icon);font-size:20px}.metric-grid,.form-grid,.upload-grid{grid-template-columns:1fr}.payslip{grid-template-columns:1fr}header{align-items:flex-start;gap:20px}.month-control{display:block}}
.brand-seal{width:112px!important;border-radius:18px!important;font-size:18px!important}.login-button{display:block;margin:0 auto;text-align:center;min-width:160px}.actions.span-all{justify-content:center}.actions.span-all button{width:auto;min-width:120px}.month-control input{font-size:16px;font-weight:800;border:2px solid #315f4b}.config-card{border:1px solid #d8d0c0;padding:18px;margin:14px 0;background:#fff}.tier-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:6px 0}.breakdown{white-space:nowrap;font-size:12px;line-height:1.8}.danger{background:#a83c32!important;color:white!important}
.game-import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:16px;margin-top:16px}.game-import-card{background:#fffdf8;border:1px solid #d9d0bd;border-top:4px solid #315f4b;padding:18px;box-shadow:0 8px 20px rgba(35,45,35,.06)}.game-import-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e7dfd0;padding-bottom:12px;margin-bottom:8px}.game-import-head h2{margin:2px 0}.import-lines>div{display:grid;grid-template-columns:110px 1fr auto auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px dashed #ddd3c1}.import-lines small{display:block;font-size:11px;color:#786f61}.file-button{font-size:12px;color:#315f4b;font-weight:700;cursor:pointer}.file-button input{display:block;width:145px;margin-top:4px}.import-feedback{display:none;white-space:pre-wrap;background:#f4f0e7;padding:8px;font-size:11px}.import-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}@media(max-width:800px){.import-lines>div{grid-template-columns:1fr 1fr}.game-import-grid{grid-template-columns:1fr}}
.brand-logo{width:40px;height:40px;object-fit:contain;display:block;flex:none}
.account{grid-template-columns:1fr 26px}