:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#243b38;background:#faf8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#216b57;text-underline-offset:4px}button,input{font:inherit}button,.button{cursor:pointer;border-radius:9px;border:1px solid #c8d5cc;padding:11px 18px;background:#fff;color:#245f50;text-decoration:none}button:hover,.button:hover{background:#e5eee7}.button{background:#245f50;color:white;display:inline-block}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:28px;padding:24px 32px;border-bottom:1px solid #e2e4d9}.brand{font-weight:750;font-size:20px;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;flex-wrap:wrap;gap:20px;flex:1}.site-header nav a{text-decoration:none;font-size:14px}main{max-width:1160px;margin:auto;padding:50px 32px;min-height:65vh}h1{font-size:clamp(30px,4.7vw,58px);line-height:1.2;letter-spacing:-1.5px;margin:16px 0 24px}h2{font-size:26px;margin-top:32px}h3{font-size:20px}p,li{line-height:1.9;color:#53665c}small{color:#697c70}.eyebrow{font-size:13px;letter-spacing:2px;color:#8d6539}.hero,.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.hero>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#edf0df;border-radius:35px;padding:30px;transform:rotate(2deg)}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:26px 0}.hero small{display:block;margin-top:18px}section{margin-bottom:68px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.cards article{padding:24px;background:#fffdf7;border:1px solid #e1e3d7;border-radius:17px}.cards img{width:100%;height:220px;object-fit:contain;image-rendering:pixelated;background:#eeeee4;border-radius:12px}.cards h2{font-size:21px;margin:18px 0 6px}.cards a{text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#eaf0e7;padding:34px;border-radius:20px}details{padding:20px 0;border-bottom:1px solid #dfe4d9}summary{cursor:pointer;font-weight:600}.detail{align-items:start;margin-top:30px}.detail>img{width:100%;height:auto;max-height:650px;object-fit:contain;image-rendering:pixelated;background:#e8eddf;padding:30px;border-radius:22px}.description{white-space:pre-wrap;overflow-wrap:anywhere}.pagination{display:flex;justify-content:center;gap:24px;margin:40px 0}.search{display:flex;gap:12px;margin:25px 0}.search input{padding:12px;border:1px solid #cad5c7;border-radius:8px;min-width:0}.examples{display:flex;gap:25px}.examples figure{margin:0;flex:1}.examples img{width:100%;max-height:400px;object-fit:contain}footer{border-top:1px solid #dce1d7;padding:25px 32px 45px;text-align:center;font-size:14px}.account-controls{display:flex;gap:8px;align-items:center;font-size:13px}.account-backdrop{position:fixed;inset:0;background:#183a3388;z-index:100;display:grid;place-items:center;padding:20px}.account-dialog{position:relative;width:min(620px,95vw);max-height:85vh;overflow:auto;background:#fffdf7;border-radius:18px;padding:32px;color:#243b38}.account-close{position:absolute;right:10px;top:8px;padding:4px 12px;font-size:24px}.account-dialog form,.account-dialog label{display:grid;gap:10px}.account-dialog form{gap:15px}.account-dialog input{padding:12px;border:1px solid #cbd6cc;border-radius:8px;width:100%}.account-dialog table{width:100%;text-align:left}.account-dialog td,.account-dialog th{padding:8px}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stats-cards>div{background:#edf2e8;padding:12px}.stats-cards strong{display:block;font-size:25px}.stats-scroll{max-height:250px;overflow:auto}[role=alert]{color:#a43b30}.color-usage{display:flex;flex-wrap:wrap;gap:10px}.color-usage span{display:flex;align-items:center;gap:7px;background:#eff2e9;padding:10px;border-radius:8px}.color-usage i{width:18px;height:18px;display:inline-block;border-radius:3px}li{margin:14px 0}@media(max-width:800px){.site-header{flex-wrap:wrap;padding:20px;gap:18px}.site-header nav{order:3;flex-basis:100%;gap:18px}.hero,.detail,.split{grid-template-columns:1fr;gap:28px}main{padding:32px 20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards article{padding:14px}.hero>img{max-height:380px}.examples{flex-direction:column}}@media(max-width:460px){.cards{grid-template-columns:1fr}.stats-cards{grid-template-columns:repeat(2,1fr)}.account-controls{flex-wrap:wrap}}
.site-language{display:flex;gap:10px;align-items:center;font-size:13px;white-space:nowrap}.site-language a{text-decoration:none;padding:5px 7px;border-radius:6px}.site-language a[aria-current=page]{background:#e5eee7;font-weight:700}
@media(max-width:1050px){.site-header{flex-wrap:wrap;gap:16px}.site-header nav{flex-basis:100%;order:3}.brand{white-space:normal}}

.brand{display:inline-flex;align-items:center;gap:11px}.brand-symbol{display:block;flex-shrink:0;width:38px;height:38px}

.market-search { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:20px; border:1px solid var(--line,#dce3df); border-radius:14px; }
.market-search label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
.market-search input { width: min(260px,100%); }
.market-search select { min-height:42px; padding:8px; border:1px solid #ccd7d0; border-radius:8px; background:#fff; color:inherit; }
.filter-hint { flex-basis:100%; margin:0; font-size:13px; color:#66756d; line-height:1.7; }
.market-admin { padding-block:20px; }
.admin-tabs,.admin-search,.admin-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:18px 0; }
.admin-tabs button[aria-pressed="true"] { background:#245f50; color:white; }
.admin-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
.admin-counts button { display:flex; flex-direction:column; gap:12px; text-align:left; padding:24px; background:#f2f6f3; border:1px solid #dce3df; border-radius:14px; }
.admin-counts strong { font-size:32px; }
.admin-table-wrap { overflow-x:auto; }
.admin-table { width:100%; min-width:800px; border-collapse:collapse; text-align:left; }
.admin-table th,.admin-table td { padding:16px 12px; border-bottom:1px solid #dce3df; }
.admin-table th { white-space:nowrap; }
.admin-work { display:flex; gap:16px; align-items:center; min-width:240px; }
.admin-work img { object-fit:contain; image-rendering:pixelated; background:#f1f1eb; border-radius:8px; }
.admin-work p,.admin-table td p { font-size:13px; margin:6px 0; }
.admin-status { white-space:nowrap; padding:6px 10px; border-radius:30px; background:#e6f2e9; color:#245f50; }
.admin-status.hidden { background:#eee; color:#686868; }
.admin-edit { max-width:680px; margin-top:28px; padding:24px; border:1px solid #dce3df; border-radius:14px; }
.admin-edit label { display:flex; flex-direction:column; gap:8px; margin:16px 0; }
.admin-edit input,.admin-edit select,.admin-edit textarea,.admin-search input,.admin-search select { padding:10px; border:1px solid #ccd7d0; border-radius:8px; font:inherit; max-width:100%; }
.market-error { color:#a23131; }
button:disabled { opacity:.5; cursor:default; }
@media(max-width:600px) { .admin-counts { grid-template-columns:1fr; } .market-search label { width:100%; } .admin-search input { width:100%; } }