@font-face{font-family:LocalUI;src:local("PingFang TC")}
:root{color-scheme:dark;font-family:LocalUI,system-ui,-apple-system,sans-serif;color:#f6f2ff;background:#191629;--surface:#242038;--line:#50465f;--muted:#d2c7e1;--accent:#e4d4ff;--ink:#241637;--error:#ffd2d7}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select,input{min-height:44px}button{border:1px solid var(--line);border-radius:12px;background:#302944;color:inherit;padding:8px 13px;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f4d989;outline-offset:2px}
header{padding:max(14px,env(safe-area-inset-top)) 20px 13px;border-bottom:1px solid var(--line);background:#211a32}.brand{max-width:960px;margin:auto;display:flex;align-items:center;gap:11px}.brand img{border-radius:12px}.brand strong{font-size:21px;letter-spacing:-.03em}.brand span{display:block;color:var(--muted);font-size:12px}
main{max-width:1000px;margin:auto;padding:20px 16px 170px}h1{font-size:clamp(26px,6vw,39px);margin:0 0 18px;letter-spacing:-.035em}h2{font-size:19px;margin:0}p{margin:8px 0;line-height:1.5}.section{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:0 0 14px}.row,.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row{justify-content:space-between}.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.danger{background:#482934;color:var(--error);border-color:#95606a}.hint,small{color:var(--muted);font-size:.88rem}.reminder{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;margin-bottom:14px;border:1px solid #ad8b4e;border-radius:14px;background:#362c2b}.reminder p{font-size:.88rem;margin:3px 0 0}
.folders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:8px;margin-top:12px}.folder{display:flex;align-items:center;justify-content:space-between;gap:4px;border:1px solid var(--line);border-radius:13px;padding:5px}.folder.active{outline:2px solid var(--accent)}.folder>button:first-child{flex:1;min-width:0;background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:8px;padding:3px}.folder small,.card small{display:block}.folder strong,.card strong{overflow-wrap:anywhere}.mini{display:grid;place-items:center;width:44px;height:44px;background:#403653;flex-shrink:0;border-radius:8px;overflow:hidden}.mini .image-placeholder{font-size:0}.mini img{width:100%;height:100%;object-fit:cover}.folder-mark{font-size:20px}
label{display:grid;gap:5px;font-size:.92rem;font-weight:650;min-width:0}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #766887;border-radius:10px;background:#1b172a;color:inherit;padding:8px;font-size:16px}input[type=file]{max-width:100%}textarea{min-height:145px;resize:vertical}input[type=checkbox]{appearance:auto;min-height:auto;width:20px;height:20px;accent-color:#d5baff}.checks,.check{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.checks label{display:flex;align-items:center;min-height:44px}.filters{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.angle-grid{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr))}details{border:1px solid var(--line);border-radius:10px;padding:0 9px}summary{padding:12px 0;cursor:pointer}.gallery-toolbar{margin:10px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,135px),1fr));gap:10px}.card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#1b172a}.thumb{position:relative;display:grid;place-items:center;aspect-ratio:1/1;width:100%;padding:0;border:0;border-radius:0;overflow:hidden;background:#38304c}.thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-placeholder{color:var(--muted);font-size:.85rem}.flag,.picked{position:absolute;top:6px;left:6px;background:#181121;color:#fff;border:1px solid #9c87ba;border-radius:7px;padding:3px 6px;font-size:.78rem}.picked{top:auto;bottom:6px}.card-body{padding:8px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.chip{display:inline-block;background:#352d49;border:1px solid #6b5a82;border-radius:7px;padding:3px 5px;font-size:.76rem}.match-label{font-size:.87rem;font-weight:750;margin:6px 0 0}.reference{display:flex;align-items:center;gap:10px;margin-top:12px}.reference .thumb{width:68px;border-radius:8px;flex-shrink:0}.more{width:100%;margin-top:10px}.empty{display:grid;justify-items:center;text-align:center;padding:25px 10px;color:var(--muted)}.empty span{font-size:29px}.template{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px}.template-text{white-space:pre-wrap;overflow-wrap:anywhere}.template .actions{margin-top:12px}
nav{position:fixed;bottom:0;left:0;right:0;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:flex;justify-content:center;gap:3px;background:#211a32;border-top:1px solid var(--line);z-index:2}nav button{width:min(18vw,135px);background:transparent;border-color:transparent;display:grid;justify-items:center;gap:0;padding:5px 0;font-size:.83rem}nav button span{font-size:20px;line-height:1}nav button[aria-current]{border-color:#ad93cb;background:#43355a;text-decoration:underline;text-underline-offset:3px}
#notice{position:fixed;bottom:calc(69px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(93vw,650px);z-index:3}#notice:not(:empty),.modal-status:not(:empty){padding:9px 12px;background:#302544;border:1px solid #9d83ba;border-radius:10px;max-height:24vh;overflow:auto;font-size:.88rem;overflow-wrap:anywhere}#notice[data-error=true],.modal-status[data-error=true]{color:var(--error);border-color:#ce8f9c}
dialog{max-width:600px;width:calc(100% - 24px);max-height:calc(91dvh - env(safe-area-inset-bottom));border:1px solid #9d83ba;border-radius:18px;background:#252038;color:inherit;padding:15px;overscroll-behavior:contain}dialog::backdrop{background:#100b1bd9}.dialog-head{margin-bottom:12px}dialog form,dialog label{margin-bottom:10px}.modal-status{margin-top:9px}.submit{width:100%;margin-top:12px}.share-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.share-preview .thumb{max-width:150px;border-radius:10px;margin-top:4px}.full{text-align:center;margin-bottom:12px}.full img{max-width:100%;max-height:55dvh;object-fit:contain}
[hidden]{display:none!important}@media(min-width:560px){main{padding:24px 20px 150px}.section{padding:18px}.filters{grid-template-columns:2fr 1fr}.filters details{grid-column:1/-1}.grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}