:root{--bg:#f7f8f5;--card:#fff;--line:#e3e6df;--ink:#23281f;--muted:#6f7a68;--green:#3f7d3a;--amber:#b06d00;--red:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}header{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}header .spacer{flex:1}main{max-width:520px;margin:0 auto;padding:16px 16px 24px}body.has-tabbar main{padding-bottom:76px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:14px}button{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.link{color:var(--muted);background:0 0;border:none;padding:2px 4px}input,select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:7px 9px}label{margin-bottom:10px;display:block}label span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.error{color:var(--red);margin:8px 0;font-size:14px}.muted{color:var(--muted);font-size:13px}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.ok{color:var(--green);background:#f0f7ee;border-color:#cfe3cb}.badge.due{color:var(--amber);background:#fdf6e6;border-color:#ecd9ac}.badge.overdue{color:var(--red);background:#fdefee;border-color:#eec7c3}.plant-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.plant-title h3{margin:0;font-size:17px}.plant-title a{color:inherit;text-decoration:none}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);gap:10px;padding:10px 0;display:flex}.timeline li:last-child{border-bottom:none}.timeline img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:96px;height:96px}.tabs{gap:6px;margin-bottom:12px;display:flex}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.card.invite{background:#fbfbf8;padding:10px 14px}.code{letter-spacing:2px;border:1px dashed var(--line);-webkit-user-select:all;user-select:all;background:#fff;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.plant-card{gap:12px;display:flex}.cover{border:1px solid var(--line);background:#f1f3ee;border-radius:8px;flex:0 0 96px;justify-content:center;align-items:center;width:96px;height:96px;text-decoration:none;display:flex;overflow:hidden}.cover img,.detail-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-empty{opacity:.45;font-size:32px}.plant-body{flex:1;min-width:0}.detail-head{align-items:flex-start;gap:14px;display:flex}.detail-cover{border:1px solid var(--line);background:#f1f3ee;border-radius:10px;flex:0 0 140px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.field-block{margin-bottom:10px}.field-label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.city-list{border:1px solid var(--line);border-radius:8px;margin:6px 0 0;padding:0;list-style:none;overflow:hidden}.city-list li+li{border-top:1px solid var(--line)}.city-list button{text-align:left;width:100%;color:var(--ink);border:none;border-radius:0;padding:8px 10px}textarea{resize:vertical}@media (width<=520px){.detail-head{flex-direction:column}.detail-cover{flex:none;width:100%;height:180px}}.thumb-button,.detail-cover.as-button{border:1px solid var(--line);cursor:zoom-in;background:#f1f3ee;padding:0;display:block;overflow:hidden}.thumb-button{border-radius:8px;flex:0 0 96px;width:96px;height:96px}.thumb-button img{object-fit:cover;width:100%;height:100%;display:block}.lightbox{z-index:100;cursor:zoom-out;background:#0c0e0beb;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:6px;max-width:100%;max-height:calc(100vh - 64px)}.lightbox-hint{color:#cfd4c9;margin-top:12px;font-size:13px}.advice-table{border-collapse:collapse;width:100%}.advice-table th{text-align:left;color:var(--muted);white-space:nowrap;vertical-align:top;padding:6px 10px 6px 0;font-size:13px;font-weight:600}.advice-table td{vertical-align:top;padding:6px 10px 6px 0}.advice-table td:last-child{text-align:right;width:1%;padding-right:0}button.active{background:var(--ink);border-color:var(--ink);color:#fff}details summary{cursor:pointer}.cover-strip{text-align:center;max-width:100%;margin-top:14px}.cover-strip .row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}.strip-item{cursor:pointer;background:#f1f3ee;border:2px solid #0000;border-radius:6px;width:56px;height:56px;padding:0;overflow:hidden}.strip-item img{object-fit:cover;width:100%;height:100%;display:block}.strip-item.active{border-color:#fff}.site-footer{border-top:1px solid var(--line);text-align:center;max-width:760px;margin:24px auto 0;padding:16px;font-size:13px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--ink)}.gate-wrap{background:#1c1f1c;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.gate-card{background:#fff;border-radius:6px;width:100%;max-width:340px;padding:32px 28px 28px;box-shadow:0 12px 40px #00000059}.gate-brand{text-align:center;margin-bottom:24px}.gate-site{letter-spacing:8px;text-indent:8px;color:#1c1f1c;font-size:26px}.gate-sub{letter-spacing:3px;text-indent:3px;color:#8a8f88;margin-top:6px;font-size:13px}.gate-field{margin-bottom:14px;display:block}.gate-field span{color:#6f7a68;margin-bottom:6px;font-size:13px;display:block}.gate-field input{width:100%;font:inherit;letter-spacing:2px;background:#fbfbf9;border:1px solid #d8dcd4;border-radius:4px;padding:10px 12px}.gate-field input:focus{background:#fff;border-color:#1c1f1c;outline:none}.gate-error{color:#b3261e;margin:0 0 12px;font-size:13px}.gate-btn{color:#fff;width:100%;font:inherit;letter-spacing:2px;cursor:pointer;background:#1c1f1c;border:none;border-radius:4px;padding:11px}.gate-btn:hover:not(:disabled){background:#33372f}.gate-btn:disabled{opacity:.6;cursor:default}.gate-foot{color:#7d837a;margin-top:22px;font-size:12px}.gate-foot a{color:#9aa096;text-decoration:none}.gate-foot a:hover{color:#d8dcd4}.gate-dot{margin:0 8px}.page-title{margin:4px 0 16px;font-size:20px;font-weight:600}.card-title{margin:0 0 12px;font-size:15px;font-weight:600}.tabbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 10px;font-size:11px;text-decoration:none;display:flex}.tab.active{color:var(--green)}.tab-icon{font-size:18px;line-height:1}.tab-label{letter-spacing:1px}.form-section{border:none;border-top:1px solid var(--line);margin:0 0 14px;padding:12px 0 0}.form-section:first-of-type{border-top:none;padding-top:0}.form-section legend{color:var(--ink);padding:0 0 8px;font-size:13px;font-weight:600}.section-hint{color:var(--muted);margin:-4px 0 10px;font-size:12px}.saved-hint{color:var(--green);margin:0 0 10px;font-size:13px}.todo-group{margin-bottom:22px}.group-title{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.group-title .count{color:var(--muted);background:#eef0ea;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:400}.todo-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.todo-item:last-child{border-bottom:none}.todo-thumb{background:#f1f3ee;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;display:flex;overflow:hidden}.todo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.todo-thumb-empty{opacity:.45;font-size:20px}.todo-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.todo-name{color:inherit;font-size:15px;font-weight:600;text-decoration:none}.todo-body .muted{font-size:12px}.empty-state{text-align:center;color:var(--muted);padding:48px 16px;line-height:1.8}.empty-icon{color:var(--green);margin-bottom:8px;font-size:32px;display:block}.member-list{margin:0;padding:0;list-style:none}.member-list li{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.member-list li:last-child{border-bottom:none}.member-list .muted{font-size:12px}.notice{color:var(--green);background:#f0f7ee;border:1px solid #cfe3cb;border-radius:6px;margin:0 0 10px;padding:6px 10px;font-size:13px}.member-row{flex-wrap:wrap}.member-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.member-name{align-items:center;gap:6px;display:flex}.reset-code-row{border-top:1px dashed var(--line);flex-wrap:wrap;flex:0 0 100%;align-items:center;gap:8px;margin-top:6px;padding-top:6px;display:flex}.modal-mask{z-index:90;background:#14181280;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:#fff;border-radius:12px;width:100%;max-width:460px;max-height:calc(100vh - 32px);padding:18px;overflow-y:auto;box-shadow:0 16px 48px #00000040}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;display:flex}.picker{text-align:left;border:1px solid var(--line);width:100%;font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:9px 11px}.picker:hover{border-color:var(--ink)}.picker-tabs{gap:8px;margin-bottom:10px;display:flex}.picker-root{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.picker-path{flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.picker-path button{padding:2px 6px;font-size:13px}.picker-list{border:1px solid var(--line);border-radius:8px;max-height:44vh;overflow-y:auto}.picker-list button{text-align:left;border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:100%;padding:10px 12px;display:block}.picker-list button:last-child{border-bottom:none}.picker-list button:hover{background:#f6f7f4}.picker-list button.active{background:#eef4ea}.picker-item-name{font-weight:600}.picker-item-tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:8px;padding:1px 6px;font-size:12px}.picker-item-meta{color:var(--muted);margin-top:2px;font-size:12px;display:block}.picker-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.picker-hint{color:var(--muted);margin:8px 0;font-size:12px}.species-card h3{margin:0 0 4px}.species-facts{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.species-section h4{margin:14px 0 4px;font-size:14px}.species-section p{margin:2px 0;font-size:14px}.species-list-note{color:var(--muted);margin-top:4px;font-size:12px}.reference-note{color:var(--muted);margin:12px 0 0;font-size:12px}.fit-list{margin:8px 0 0;padding:0;list-style:none}.fit-list li{border-top:1px solid var(--line);padding:6px 0;font-size:14px}.fit-list li:first-child{border-top:none}.fit-list li.info{color:var(--muted)}.species-group{border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:8px 10px}.species-group>summary{cursor:pointer;font-size:14px;font-weight:600}