*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Arial,Microsoft YaHei,sans-serif;background:#25262b url(/icon/bg.jpg) center / cover fixed no-repeat;color:#fff;overflow-x:hidden}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:8px;align-items:center;height:52px;padding:9px 8px;background:#000;box-shadow:0 2px 18px #00000059}.top-select,.primary-btn{height:34px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffeb;outline:none}.top-select option{color:#111;padding:0 4px}.top-select{min-width:0;padding:0 5px;text-align:left;text-indent:0}.top-select:first-child{flex:0 0 92px}.route-select{flex:0 1 230px}.seed-select{flex:0 0 76px}.primary-btn{flex:0 0 72px;cursor:pointer;white-space:nowrap;overflow:hidden}.workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;padding:8px}.empty-state{grid-column:1 / -1;max-width:720px;padding:28px;color:#ffffffd1}.empty-state h1{margin:0 0 8px;color:#ffed00;font-size:24px}.sailor-card{min-width:0;max-width:320px;background:#00000061;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}.card-head{display:flex;align-items:center;gap:4px;min-height:30px;padding:2px 5px;background:#00000052}.avatar{width:40px;height:26px;object-fit:contain;margin-top:-3px}.flag{width:16px;height:12px;object-fit:cover}.name-block{display:flex;flex:1 1 auto;align-items:center;gap:4px;min-width:0}.name-block strong,.name-block em,.name-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-block strong{flex:0 0 auto;color:#ffed00;font-size:12px}.name-block em{flex:0 0 auto;max-width:48px;color:#00cefa;font-size:11px;font-style:normal}.name-block span{flex:1 1 auto;min-width:0;color:#ffffffa6;font-size:11px}.quick-stats{display:flex;flex:1 1 auto;min-width:0;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;color:#adff2f;font-size:11px}.quick-stats::-webkit-scrollbar{display:none}.quick-stats b{color:#fff;font-weight:400}.icon-btn{flex:0 0 24px;width:24px;height:24px;border:0;color:#fff;cursor:pointer;font-size:15px;line-height:22px}.icon-btn.add{background:#ffed00;color:#111}.icon-btn.fold{background:#00cefa}.icon-btn.close{background:#ff3774}.crew-grid,.transfer-grid,.card-toolbar{display:grid;gap:4px;padding:4px 6px;border-top:1px solid rgba(255,255,255,.08)}.crew-grid{grid-template-columns:max-content 42px max-content 42px max-content 42px;align-items:center;justify-content:start}.crew-grid label{display:contents;color:#adff2f;font-size:11px}.crew-grid input,.transfer-grid input,.card-toolbar input,.card-toolbar select,.ability-row input,.summary-title input{min-width:0;height:19px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff0f;color:#fff;text-align:center;outline:none}.transfer-grid{grid-template-columns:repeat(4,max-content 38px);align-items:end;justify-content:start}.transfer-grid label{display:contents;color:#fff;font-size:11px}.transfer-grid label span{align-self:center;line-height:20px;white-space:nowrap}.transfer-grid button{height:22px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}.card-toolbar{display:grid;grid-template-columns:1fr;align-items:start}.toolbar-actions{display:flex;align-items:center;gap:5px;min-width:0}.toolbar-actions{justify-content:flex-start}.card-toolbar label{display:flex;align-items:center;gap:4px;color:#fff;font-size:11px}.card-toolbar label span{line-height:20px;white-space:nowrap}.card-toolbar button{height:22px;width:42px;padding:0 2px;flex:0 0 42px;min-width:42px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;white-space:nowrap}.card-toolbar .check,.card-toolbar .preset-inline{display:none}.detail-panel{padding:4px 6px 6px;border-top:1px solid rgba(255,255,255,.08)}.ability-table{overflow-x:auto;padding-bottom:2px}.ability-row{display:grid;grid-template-columns:40px 44px 48px 44px 48px 50px;gap:4px;align-items:center;min-width:294px;min-height:17px;color:#fff;font-size:11px}.ability-row span:first-child{color:#adff2f}.ability-head,.ability-head span:first-child{color:#ff3774}.summary-trigger{position:fixed;right:10px;bottom:14px;z-index:40;width:74px;height:74px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#000000b8;box-shadow:0 6px 18px #00000080;cursor:pointer}.summary-trigger img{width:60px;height:40px;object-fit:contain}.summary-trigger span{position:absolute;top:-8px;right:-6px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#ff3774;color:#fff;font-weight:700}.summary-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:flex-end;justify-content:flex-end;padding:14px 10px;background:#00000059}.summary-panel{width:min(500px,calc(100vw - 20px));max-height:min(620px,calc(100vh - 28px));display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:6px;background:#000}.summary-title,.summary-total{display:flex;gap:8px;align-items:center;padding:10px;background:#ffffff0d}.summary-title label{display:flex;align-items:center;gap:5px;color:#00cefa;font-size:12px}.summary-title input{width:46px}.summary-title button{margin-left:auto;border:0;background:transparent;color:#ffed00;cursor:pointer}.summary-list{overflow:auto;padding:8px 10px}.summary-head,.summary-row{display:grid;grid-template-columns:minmax(82px,1fr) 42px 42px 42px 62px;gap:5px;align-items:center;min-height:36px;font-size:12px}.summary-head{color:#ffed00}.summary-row{border-bottom:1px solid rgba(255,255,255,.08)}.summary-name{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.summary-name img{width:42px;height:28px;object-fit:contain}.qty{display:flex;gap:4px;align-items:center}.qty select{width:34px;height:28px;border:0}.qty button{width:24px;height:28px;border:0;background:#ff3774;color:#fff}.summary-total{padding-right:84px;justify-content:space-between}.summary-total div{display:grid;gap:3px;text-align:center}.summary-total span{color:#adff2f;font-size:12px}@media(max-width:640px){.topbar{height:48px;gap:4px;padding:8px 5px}.top-select:first-child{flex-basis:38px;padding-inline:3px}.route-select{flex:1 1 auto}.seed-select{flex-basis:74px;padding-inline:3px}.primary-btn{flex-basis:40px;overflow:hidden;white-space:nowrap}.workspace{grid-template-columns:1fr;padding:8px 6px}.sailor-card{max-width:none}.card-head{gap:3px;padding-inline:4px}.avatar{width:34px}.flag{width:14px}.name-block{flex:1 1 auto;max-width:none}.name-block em{max-width:54px}.icon-btn{flex-basis:22px;width:22px}.crew-grid{grid-template-columns:max-content 50px max-content 50px max-content 50px;gap:5px;justify-content:space-between}.transfer-grid{grid-template-columns:repeat(4,max-content 40px);gap:5px;justify-content:space-between}.transfer-grid input,.crew-grid input,.card-toolbar input,.card-toolbar select,.ability-row input{height:20px}.ability-row{width:100%;min-width:0;grid-template-columns:40px repeat(5,minmax(0,1fr));min-height:18px}.ability-row input{width:100%}.card-toolbar{gap:5px}.card-toolbar button{width:44px;height:22px;flex-basis:44px;min-width:44px;font-size:12px}}