:root{color:#273142;font-synthesis:none;text-rendering:optimizelegibility;--primary:#5b5ce2;--border:#e5e9f0;--muted:#7d8799;--card:#fff;--shadow:0 10px 30px #222d4814;background:#f4f6fa;font-family:Inter,Microsoft YaHei UI,system-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}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #5b5ce238}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;align-items:center;gap:18px;padding:15px clamp(16px,4vw,44px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;min-width:260px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6c63ff,#3a87f7);border-radius:13px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:grid;box-shadow:0 8px 18px #5b5ce240}h1,h2,p{margin:0}.brand h1{font-size:21px;line-height:1.2}.brand p{color:var(--muted);margin-top:3px;font-size:12px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}button,.file-button{color:#344054;background:#fff;border:1px solid #dce2ea;border-radius:9px;padding:8px 12px;font-weight:650;transition:all .18s}button:hover,.file-button:hover{background:#f0f2f8;transform:translateY(-1px)}.primary-button{color:#fff;background:var(--primary);border-color:var(--primary)}.primary-button:hover{background:#4849ca}.ghost-button{background:#fff}.danger-text{color:#d64545!important}main{width:min(1240px,100%);margin:0 auto;padding:24px clamp(14px,3vw,32px) 48px}.tier-section,.stats-group{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:18px;padding:17px}.tier-section{border-top:4px solid #6f73de}.tier-奢华{border-top-color:#bf8a28}.tier-高级{border-top-color:#6869e8}.tier-精选{border-top-color:#14927b}.section-heading{align-items:baseline;gap:10px;margin-bottom:13px;display:flex}.section-heading h2{font-size:18px}.section-heading span,.muted{color:var(--muted);font-size:13px}.work-grid,.rating-grid{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:13px;display:grid}.work-card{border:1px solid var(--border);background:#fbfcfe;border-radius:13px;gap:12px;min-height:104px;padding:12px;transition:all .18s;display:flex}.work-card:hover{border-color:#cbd2df;transform:translateY(-2px);box-shadow:0 10px 22px #202c4614}.work-logo{object-fit:cover;border-radius:15px;flex:none;width:70px;height:70px}.work-main{flex-direction:column;flex:1;min-width:0;display:flex}.work-main strong{overflow-wrap:anywhere;font-size:15px}.work-main>span{color:var(--muted);margin-top:5px;font-size:12px}.status-empty{color:#8b919a}.status-partial,.completed{color:#239b56}.status-complete{color:#b8860b}.card-actions{gap:4px;margin-top:auto;display:flex}.card-actions button,.item-actions button{color:#596276;background:0 0;border:0;padding:4px 7px;font-size:12px}.empty-tier{min-height:76px;color:var(--muted);border-style:dashed}.welcome-card{text-align:center;border:1px solid var(--border);max-width:640px;box-shadow:var(--shadow);background:#fff;border-radius:20px;margin:48px auto;padding:42px}.welcome-card p{color:var(--muted);margin:12px 0 22px}.welcome-card button{margin:4px}.welcome-icon{color:var(--primary);font-size:44px}.records-list{gap:11px;max-width:1000px;margin:0 auto;display:grid}.item-card,.timeline-entry{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:flex-start;gap:14px;padding:15px 17px;display:flex;box-shadow:0 5px 18px #222d480d}.item-card>input{accent-color:#39a96b;width:20px;height:20px}.item-body{flex:1;min-width:0}.item-body strong{font-size:15px}.item-body p,.timeline-entry span,.timeline-entry p{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:13px}.item-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.empty-state{color:var(--muted);text-align:center;background:#fff;border:1px dashed #ccd3df;border-radius:14px;padding:42px}.stats-controls{border:1px solid var(--border);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;display:flex}.stats-controls label,.modal>label{color:#667085;gap:6px;font-size:12px;font-weight:700;display:grid}input,select,textarea{color:#273142;background:#fff;border:1px solid #dce2ea;border-radius:9px;width:100%;padding:9px 10px}.order-button{width:42px;height:39px;padding:0;font-size:21px}.tabs{gap:6px;margin:16px 0;display:flex}.tabs button{background:#e7eaf1;border:0;min-width:110px}.tabs button.active{color:#fff;background:var(--primary)}.stats-groups{gap:14px;display:grid}.stats-group{margin:0}.timeline-entry{grid-template-columns:minmax(180px,1fr) auto;margin-top:8px;display:grid}.timeline-entry p{grid-column:1/-1}.rating-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.rating-entry{color:#239b56;text-align:left;overflow-wrap:anywhere;min-height:56px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#131a2a85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#f9fafc;border:1px solid #fff;border-radius:18px;gap:16px;width:min(460px,100%);max-height:calc(100vh - 36px);padding:24px;display:grid;overflow:auto;box-shadow:0 30px 80px #00000040}.wide-modal{width:min(620px,100%)}.logo-editor{align-items:center;gap:16px;display:flex}.logo-editor img{object-fit:cover;border-radius:18px;width:108px;height:108px}.logo-editor>div{gap:8px;display:grid}.file-button{text-align:center;cursor:pointer;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.check-row{align-items:center;gap:8px!important;display:flex!important}.check-row input{width:20px;height:20px;accent-color:var(--primary)}.rating-buttons{flex-wrap:wrap;gap:6px;display:flex}.rating-buttons button{background:#fff;font-weight:850}.rating-夯{color:#b8860b;border-color:#b8860b}.rating-夯.selected{color:#fff;background:#b8860b}.rating-顶级{color:#d64545;border-color:#d64545}.rating-顶级.selected{color:#fff;background:#d64545}.rating-人上人{color:#2f6fdb;border-color:#2f6fdb}.rating-人上人.selected{color:#fff;background:#2f6fdb}.rating-NPC{color:#239b56;border-color:#239b56}.rating-NPC.selected{color:#fff;background:#239b56}.rating-拉完了{color:#1f2328;border-color:#1f2328}.rating-拉完了.selected{color:#fff;background:#1f2328}.toast{z-index:70;color:#fff;box-shadow:var(--shadow);background:#273142;border-radius:10px;padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=760px){.topbar{flex-wrap:wrap;align-items:flex-start;position:static}.brand{flex:1;min-width:0}.top-actions{flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:3px;overflow-x:auto}.top-actions button{white-space:nowrap}main{padding-top:14px}.work-grid{grid-template-columns:1fr}.item-card{flex-wrap:wrap}.item-actions{justify-content:flex-start;width:100%;padding-left:34px}.timeline-entry{grid-template-columns:1fr}.timeline-entry p{grid-column:auto}.stats-controls label{flex:1;min-width:130px}.welcome-card{margin:20px auto;padding:28px 18px}}