:root{--q-green:#006d2c;--q-soft:#e7f5eb;--q-bg:#f7f9f7;--q-card:#fff;--q-ink:#172019;--q-muted:#68756d;--q-line:#dce6df}html[data-theme="dark"]{--q-green:#67d189;--q-soft:#193723;--q-bg:#111713;--q-card:#182019;--q-ink:#f1f7f3;--q-muted:#a8b6ad;--q-line:#2e3c32}*{box-sizing:border-box}body{margin:0;background:var(--q-bg);color:var(--q-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.q-top{height:68px;border-bottom:1px solid var(--q-line);background:var(--q-card);display:flex;align-items:center}.q-top-inner{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between}.q-top img{width:120px}.q-top a{font-size:10px;text-decoration:none;color:var(--q-muted)}.q-shell{width:min(1180px,calc(100% - 32px));margin:30px auto 60px}.q-hero{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:stretch;margin-bottom:18px}.q-hero>div{border:1px solid var(--q-line);border-radius:24px;background:var(--q-card);padding:30px}.q-hero .intro{background:radial-gradient(circle at 85% 20%,var(--q-soft),var(--q-card) 54%)}.q-kicker{font-size:8px;color:var(--q-green);font-weight:950;letter-spacing:.15em}.q-hero h1{font-size:44px;line-height:1;letter-spacing:-.05em;margin:10px 0 12px}.q-hero p{font-size:11px;line-height:1.65;color:var(--q-muted);max-width:620px}.q-points{display:grid;gap:8px;margin-top:16px}.q-points span{font-size:9px}.q-summary h3{font-size:17px;margin:8px 0 14px}.q-summary>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--q-line);padding:10px 0;font-size:9px}.q-summary b{color:var(--q-green)}.q-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.q-card{border:1px solid var(--q-line);border-radius:20px;background:var(--q-card);padding:20px}.q-card h2{font-size:18px;margin:4px 0 6px}.q-card>p{font-size:9px;color:var(--q-muted);line-height:1.55}.q-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.q-item{border:1px solid var(--q-line);border-radius:15px;overflow:hidden;background:var(--q-card);cursor:pointer;position:relative}.q-item.selected{border-color:#006d2c;box-shadow:0 0 0 2px rgba(0,109,44,.08)}.q-item img{width:100%;height:145px;object-fit:cover;background:var(--q-soft)}.q-item-body{padding:12px}.q-item b,.q-item small{display:block}.q-item b{font-size:10px}.q-item small{font-size:8px;color:var(--q-muted);margin-top:4px}.q-check{position:absolute;right:9px;top:9px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);border:1px solid #d8e4dc;color:transparent;font-weight:950}.q-item.selected .q-check{background:#006d2c;color:#fff;border-color:#006d2c}.q-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.q-form label{display:grid;gap:5px}.q-form label.wide{grid-column:1/-1}.q-form label span{font-size:8px;color:var(--q-muted);font-weight:850}.q-input,.q-select,.q-textarea{width:100%;border:1px solid var(--q-line);background:var(--q-card);color:var(--q-ink);border-radius:10px;padding:10px;font-size:9px}.q-textarea{min-height:85px;resize:vertical}.q-btn{width:100%;border:0;background:#006d2c;color:#fff;border-radius:11px;padding:12px;font-size:10px;font-weight:900;cursor:pointer;margin-top:12px}.q-note{font-size:8px;color:var(--q-muted);line-height:1.5;margin-top:10px}.q-success{text-align:center;padding:46px 20px}.q-success i{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--q-soft);color:var(--q-green);font-style:normal;font-size:28px;margin:0 auto}.q-success h2{font-size:26px}.q-success b{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--q-soft);color:var(--q-green);font-size:10px}.q-loading{padding:30px;text-align:center;color:var(--q-muted);font-size:9px;border:1px dashed var(--q-line);border-radius:13px}@media(max-width:850px){.q-hero,.q-layout{grid-template-columns:1fr}.q-hero h1{font-size:38px}.q-items{grid-template-columns:1fr 1fr}}@media(max-width:560px){.q-shell{width:min(100% - 20px,1180px);margin-top:18px}.q-hero>div,.q-card{padding:17px;border-radius:17px}.q-items{grid-template-columns:1fr}.q-form{grid-template-columns:1fr}.q-form label.wide{grid-column:auto}.q-hero h1{font-size:33px}}

/* v5.7.1 theme control */
.q-top-actions{display:flex;align-items:center;gap:12px}.q-theme{width:34px;height:34px;border:1px solid var(--q-line);border-radius:10px;background:var(--q-card);color:var(--q-ink);cursor:pointer;display:grid;place-items:center}.q-theme:hover{background:var(--q-soft)}@media(max-width:560px){.q-top-actions>a{display:none}}