:root{--ink:#123251;--blue:#55b5e8;--coral:#ff7064;--cream:#fffaf3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Microsoft JhengHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eadfd5}header b{font-size:20px}header button,.save{border:0;border-radius:999px;background:var(--coral);color:#fff;padding:12px 22px;font-weight:bold}.hero{min-height:380px;padding:55px 7vw;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(120deg,#fff 45%,#def3ff)}h1{font-size:54px;margin:12px 0}em{color:var(--blue);font-style:normal}.display{display:grid;place-items:center;font-size:74px}main{padding:50px 5vw;max-width:1500px;margin:auto}.top{display:flex;justify-content:space-between;align-items:end}.top input{padding:12px 16px;border:1px solid #ddd;border-radius:13px}.tools,#filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tools button,#filters button{border:1px solid #b8dded;background:#fff;border-radius:999px;padding:9px 15px;color:#267ba8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #eadfd5;border-radius:18px;overflow:hidden}.pic{height:210px;background:#e4f5ff;display:grid;place-items:center;font-size:72px}.pic img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.card section{padding:16px}.actions{display:flex;gap:8px}.actions button{flex:1;border:1px solid #b8dded;background:#eff9ff;border-radius:9px;padding:8px}.actions .del{color:#d44b58;background:#fff2f3}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.thumb{width:55px;height:55px;object-fit:contain;background:#e4f5ff;border-radius:9px}dialog{border:0;border-radius:22px;padding:0;width:min(820px,95vw);background:var(--cream)}dialog::backdrop{background:#08203b99}.x{float:right;border:0;background:#fff;font-size:25px;border-radius:50%}#figureForm,#catDialog>div{padding:32px}.photos,.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photos label,.fields label{display:flex;flex-direction:column;gap:7px;padding:10px}.fields{grid-template-columns:1fr 1fr}.fields input,.fields select,textarea,#catForm input{padding:11px;border:1px solid #ddd;border-radius:10px}textarea{width:100%;min-height:70px}.save{width:100%;margin-top:18px}.cat-row{display:flex;align-items:center;padding:12px;background:#fff;border-bottom:1px solid #eee}.cat-row button{margin-left:auto}.cat-row small{margin-left:auto;color:#888}#catForm{display:flex;gap:8px;margin-top:18px}#catForm input{flex:1}@media(max-width:720px){.hero{grid-template-columns:1fr}.display{display:none}h1{font-size:40px}.grid{grid-template-columns:1fr}.top{align-items:stretch;flex-direction:column}.photos,.fields{grid-template-columns:1fr}.table-wrap{overflow:auto}}
