:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#183a38;background:#f4f7f2;font-size:17px;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:36px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}h1{font-size:clamp(27px,4vw,40px);line-height:1.3;margin:8px 0}h2{margin:0;font-size:25px}p{color:#556b67}.eyebrow{font-size:14px;letter-spacing:2px;color:#307568}button,.picker{font:inherit;cursor:pointer;background:#247663;color:white;border:1px solid transparent;border-radius:13px;padding:12px 19px;min-height:48px;font-weight:650}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ce900b;outline-offset:3px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}nav button{background:white;color:#345c54;border:1px solid #d5e0d8;text-align:left;padding:22px}nav .active{background:#dceee5;border:2px solid #247663}nav strong{display:block;font-size:30px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}input,textarea{font:inherit;border:1px solid #afc2b9;background:white;color:#183a38;padding:12px;border-radius:10px;max-width:100%}#search{flex:1;min-width:220px}textarea{display:block;width:100%;min-height:95px;margin:8px 0 14px}.secondary,.toolbar button,.dialog-head button,[data-close]{background:white;color:#345c54;border:1px solid #bbcdc3}.danger{color:#a53535!important}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid #dce5de;border-radius:20px;overflow:hidden;position:relative}.card .thumb{height:195px;width:100%;object-fit:contain;background:#edf0e9}.card .open{display:block;padding:0;width:100%;background:none;color:inherit;text-align:left;border:0;border-radius:0;font-weight:400}.card .body{padding:18px}.card h3{margin:0 0 12px;overflow-wrap:anywhere;font-size:19px}.card p{font-size:14px;margin:6px 0}.badge{background:#edf5ed;color:#317156;border-radius:9px;padding:4px 8px;font-size:14px}.check{position:absolute;top:10px;left:10px;background:white;border-radius:8px;padding:8px;z-index:1}.check input{width:24px;height:24px;vertical-align:middle}.empty{grid-column:1/-1;text-align:center;padding:65px 24px;background:white;border:1px dashed #b5c8bc;border-radius:20px}.empty h2{margin:15px}footer{text-align:center;color:#6a7c72;font-size:13px;margin-top:38px}#notice:empty{display:none}#notice{background:#fff2ca;padding:14px;border-radius:12px;margin-bottom:20px;white-space:pre-wrap}dialog{border:1px solid #d2ddd4;border-radius:22px;padding:26px;width:min(780px,94vw);max-height:90vh;color:inherit}dialog::backdrop{background:#15392e99}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.picker{display:block;background:#e7f2e8;color:#285744}.picker input{display:block;margin-top:10px;width:100%}.upload-row{margin:18px 0;padding:14px;border:1px solid #d5e0d8;border-radius:14px}.upload-row img{width:120px;height:100px;object-fit:contain}.upload-row p{overflow-wrap:anywhere}.image-button{padding:0;background:#f2f4ed;display:block;width:100%}#detail-image{max-height:400px;max-width:100%;object-fit:contain}#zoom-dialog{width:95vw}#zoom-image{max-width:none}.actions{display:flex;gap:12px;flex-wrap:wrap}.node{padding:12px 0;border-bottom:1px solid #e0e8e1;font-size:14px}.node b{display:block}.node span{display:block;color:#60766b}@media(max-width:700px){main{padding:22px 15px}header{display:block}header>button{width:100%;margin-top:10px}nav{gap:8px}nav button{padding:14px 10px;font-size:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card .thumb{height:145px}.card .body{padding:12px}.toolbar button{flex:1;font-size:14px}dialog{padding:18px}.actions button{width:100%}}@media(max-width:390px){.cards{grid-template-columns:1fr}}

/* Dark green site theme; image content and layout remain unchanged. */
:root{color-scheme:dark;background:#090f0c;color:#e8f5ed}
p,footer,.node span{color:#b6cdbf}.eyebrow,a{color:#86efac}
button,.picker{background:#4ade80;color:#052e16}
nav button,.secondary,.toolbar button,.dialog-head button,[data-close]{background:#193526;color:#bbf7d0;border-color:#31523e}
nav .active{background:#19452b;border-color:#4ade80}
.card,.check,.empty,dialog{background:#142219;border-color:#31523e}
input,textarea{background:#101c15;color:#e8f5ed;border-color:#31523e}
.badge,.picker{background:#193526;color:#bbf7d0}
.upload-row,.node{border-color:#31523e}.danger{color:#ffb4a9!important}
#notice{background:#3a3018;color:#ffe5a3}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #4ade80;outline-offset:3px}
input[type=checkbox]{accent-color:#4ade80}
