.claim-board{min-height:0;color:var(--text);background:#f4f7f6;flex-direction:column;flex:1;padding:10px 10px 12px;font-size:13px;display:flex;overflow:hidden}.claim-top{flex:none;justify-content:space-between;align-items:center;margin:0 4px 10px;display:flex}.claim-top h2{color:#172523;letter-spacing:.2px;margin:0;font-size:16px;font-weight:750}.claim-pill{color:#7d8b88;background:#eef2f1;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.claim-pill.is-on{color:#12a07a;background:#e7f8f2}.claim-card{background:var(--card);border:1px solid #e7eeeb;border-radius:16px;flex:none;margin-bottom:10px;padding:12px 14px;box-shadow:0 8px 24px #1428240a}.claim-plot{align-items:center;gap:12px;display:flex}.claim-donut{flex:none;width:72px;height:72px}.claim-donut circle{fill:none;stroke:#e6eeec;stroke-width:8px;transform-origin:36px 36px;transform:rotate(-90deg)}.claim-donut .is-sold{stroke:var(--accent)}.claim-donut .is-lock{stroke:#c4a36a}.claim-stats{flex:1;min-width:0}.claim-name{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.claim-stats strong{color:#172523;margin-bottom:0;font-size:16px;font-weight:750;display:block}.claim-total{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:750}.claim-stats p{color:#8b9896;justify-content:space-between;gap:8px;margin:0;font-size:12px;line-height:1.65;display:flex}.claim-stats b{color:#14382c;font-variant-numeric:tabular-nums;font-weight:750}.claim-note{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.55}.claim-conf h3{margin:0 0 8px;font-size:14px;font-weight:750}.claim-bar{background:#e6eeec;border-radius:99px;height:6px;overflow:hidden}.claim-bar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.claim-conf p{color:#8b9896;justify-content:space-between;gap:8px;margin:8px 0 0;font-size:12px;display:flex}.claim-head,.claim-row-head,.claim-step{justify-content:space-between;align-items:center;gap:8px;display:flex}.claim-head h3,.claim-card h4{margin:0;font-size:15px;font-weight:750}.claim-head span,.claim-step span{color:#8b9896;font-size:12px}.claim-tabs{background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:0;margin:10px 0 4px;padding:3px;display:grid}.claim-tabs button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:13px;font-weight:650}.claim-tabs button.on{background:var(--card);color:#172523;box-shadow:0 1px 3px #14282414}.claim-row{margin-top:12px}.claim-row-head p{align-items:baseline;gap:8px;margin:0;display:flex}.claim-row-head b{font-size:14px}.claim-row-head span,.claim-row-head em{color:#8b9896;font-size:12px;font-style:normal}.claim-chips{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.claim-chips button{border:1px solid var(--border);background:var(--card);height:32px;color:var(--text);cursor:pointer;border-radius:8px;font-size:13px}.claim-chips button.on{border-color:var(--accent);color:#0e8a72;background:#e7f6f2;font-weight:750}.claim-lines{border-top:1px solid var(--border);margin:12px 0 0;padding:8px 0 0;list-style:none}.claim-lines li{color:var(--sub);justify-content:space-between;gap:10px;padding:4px 0;font-size:12px;display:flex}.claim-lines b{font-variant-numeric:tabular-nums;white-space:nowrap}.claim-lines .is-advice{color:#12756a;font-weight:750}.claim-lines .is-advice b{color:#12756a}.claim-qty{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.claim-qty-body{flex:1;min-height:0;overflow:auto}.claim-qty-body::-webkit-scrollbar{width:4px}.claim-qty-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.claim-dock{flex:none}.claim-manual{color:var(--muted);margin:10px 0 0;font-size:13px}.claim-step{margin-top:12px}.claim-step p{flex-direction:column;gap:2px;margin:0;display:flex}.claim-step p b{font-size:14px}.claim-step div{align-items:center;gap:8px;display:flex}.claim-step button{background:var(--card);color:#243332;cursor:pointer;border:1px solid #d5e3df;border-radius:8px;width:28px;height:28px;font-size:16px}.claim-step button:disabled{color:#b7c4c0;cursor:default}.claim-step strong{text-align:center;color:#243332;min-width:18px;font-size:18px}.claim-hint{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.claim-submit{background:var(--accent);color:#fff;letter-spacing:.04em;cursor:pointer;border:0;border-radius:10px;flex:none;width:100%;height:42px;margin-top:2px;font-size:16px;font-weight:700}.claim-submit:disabled{opacity:.45;cursor:not-allowed}.claim-error{color:#c44747;margin:8px 4px 0;font-size:12px}.trade-rail{background:#f4f7f6;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.trade-rail .trade-entry{flex:1;height:auto;min-height:0}.trade-entry{box-sizing:border-box;background:#f4f7f6;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;padding:0;display:flex}.trade-site-nav{flex:none;justify-content:flex-end;align-items:center;gap:2px;padding:0 14px 6px;display:flex}.trade-site-nav button,.trade-site-nav a{color:#3d524e;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:650;text-decoration:none}.trade-site-nav button:hover,.trade-site-nav a:hover{color:#12756a;background:#e7f3ef}.trade-site-nav button:active,.trade-site-nav a:active{transform:scale(.97)}.trade-entry-body{scrollbar-gutter:auto;background:#f4f7f6;flex-direction:column;flex:1;gap:6px;min-height:0;padding:6px 8px;display:flex;overflow:hidden auto}.trade-entry.is-soil .trade-entry-body{gap:8px;padding-bottom:0}.trade-entry.is-soil .trade-card-head{padding-top:6px}.trade-entry.is-soil .trade-object{margin-top:4px}.trade-entry.is-soil .trade-status{margin-top:6px}.trade-entry.is-soil .trade-status>span{margin-bottom:6px}.trade-entry.is-soil .donut{width:100px;height:100px}.trade-entry.is-soil .trade-meters{gap:6px}.trade-entry.is-soil .trade-facts{gap:6px 16px;margin-top:8px;padding-top:8px}.trade-entry.is-soil .trade-fact{gap:6px}.trade-entry.is-soil .trade-card .trade-buy{height:40px;margin:8px 16px}.trade-card{background:#fff;border:1px solid #e7eeeb;border-radius:16px;flex:none;overflow:hidden;box-shadow:0 8px 24px #1428240a}.trade-card-head{justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 0;display:flex}.trade-card-head h3,.trade-block h3{color:#172523;margin:0;font-size:16px;font-weight:750}.trade-badge{color:#7d8b88;background:#eef2f1;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.trade-badge svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.trade-badge.is-on{color:#12a07a;background:#e7f8f2}.trade-object,.trade-qty-row,.trade-total-row{justify-content:space-between;align-items:center;gap:12px;margin:8px 16px 0;display:flex}.trade-object span,.trade-status>span,.trade-price-row span,.trade-qty-row>span,.trade-total-row>span{color:#8b9896;white-space:nowrap;font-size:13px}.trade-object strong{color:#172523;text-align:right;font-size:14px;font-weight:700}.trade-status{margin:10px 16px 0}.trade-status>span{margin-bottom:10px;display:block}.trade-status-body{justify-content:space-between;align-items:center;gap:18px;display:flex}.donut{flex:none;width:112px;height:112px;position:relative}.donut svg{width:100%;height:100%}.donut circle{fill:none;stroke-width:12px;stroke-linecap:round}.donut .donut-track{stroke:#e7f3ef}.donut-center{text-align:center;place-content:center;display:grid;position:absolute;inset:12px}.donut-center strong{color:#14382c;letter-spacing:-.03em;font-size:20px;line-height:1;display:block}.donut-center span{color:#8b9896;margin-top:2px;font-size:11px}.trade-meters{flex:1;align-content:center;gap:8px;min-width:0;display:grid}.trade-meter{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.trade-meter span{color:#8b9896;white-space:nowrap;flex:none;justify-content:flex-start;align-items:center;gap:6px;font-size:13px;line-height:1;display:flex}.trade-meter .dot{background:#1a8a8a;border-radius:50%;flex:none;width:6px;height:6px}.trade-meter .dot.hold{background:#c4a36a}.trade-meter .dot.left{background:#8ec9b4}.trade-meter p{white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:4px;margin:0;display:flex}.trade-meter b{color:#14382c;letter-spacing:-.04em;font-size:22px;font-weight:760;line-height:1}.trade-meter em{color:#8b9896;font-size:13px;font-style:normal;font-weight:650}.trade-facts{border-top:1px solid #eef3f1;grid-template-columns:1fr 1fr;gap:8px 16px;margin:10px 16px 0;padding-top:10px;display:grid}.trade-fact{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;min-width:0;display:flex}.trade-fact:nth-child(2n){align-items:flex-end}.trade-fact>span{color:#8b9896;flex:none;font-size:13px}.trade-fact p{align-items:baseline;gap:4px;margin:0;display:flex}.trade-fact b{color:#172523;letter-spacing:-.02em;font-size:20px;font-weight:750;line-height:1}.trade-fact b.money{color:#0e8a72;font-size:22px}.trade-fact b.sum{font-size:24px}.trade-fact em{color:#8b9896;font-size:13px;font-style:normal;font-weight:650}.trade-stepper{flex:none;align-items:center;gap:6px;display:flex}.trade-stepper button{color:#5d7370;cursor:pointer;background:#fff;border:1px solid #d5e3df;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1}.trade-stepper input{text-align:center;color:#243332;border:1px solid #d5e3df;border-radius:8px;width:52px;height:32px;font-size:18px;font-weight:750}.trade-stepper em{color:#7b8a88;font-size:14px;font-style:normal}.trade-card .trade-hint{margin:10px 16px 0}.trade-card .trade-buy{letter-spacing:.04em;border-radius:10px;justify-content:center;align-items:center;width:calc(100% - 32px);height:42px;margin:10px 16px 12px;font-size:16px;font-weight:700;display:flex}.trade-block{background:#fff;border:1px solid #e6eeec;border-radius:16px;flex:auto;min-height:0;margin-top:0;padding:10px 12px}.trade-block h3{margin-bottom:10px;font-size:16px}.trade-field{color:var(--sub);gap:4px;margin-top:10px;font-size:12px;font-weight:700;display:grid}.trade-field input{border:1px solid var(--border);height:28px;font:inherit;color:var(--text);border-radius:8px;padding:0 10px;font-weight:600}.trade-dates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-buy,.trade-adopt{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:34px;margin-top:8px;font-weight:800}.trade-block .trade-adopt{color:#0e8a72;background:#fff;border:1px solid #1a8a8a;border-radius:10px;height:44px;margin-top:12px;font-size:15px}.trade-buy:disabled,.trade-adopt:disabled{opacity:.45;cursor:not-allowed}.trade-fund,.trade-hint,.trade-estimate{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.trade-tabs{border-bottom:1px solid #e7eeeb;margin:0 0 12px;display:flex}.trade-tabs button{color:#8b9896;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0 10px;font-size:14px;font-weight:700}.trade-tabs button.on{color:#0e8a72;border-bottom-color:#1a8a8a}.trade-phase{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.trade-phase button{color:#5f716e;cursor:pointer;background:#fff;border:1px solid #d7e4e0;border-radius:8px;height:32px;font-weight:700}.trade-phase button.on{color:#0e8a72;background:#e7f6f2;border-color:#1a8a8a}.trade-kicker{color:#8b9896;margin:14px 0 8px;font-size:13px}.trade-split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-dates{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.trade-dates i{color:#b7c4c1;font-style:normal}.trade-chips,.trade-subchips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.trade-subchips{grid-template-columns:repeat(4,1fr);margin-top:8px}.trade-chips button,.trade-subchips button{color:#5f716e;cursor:pointer;background:#fff;border:1px solid #e1eae7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;font-size:12px;font-weight:700;display:flex}.trade-subchips button{border-radius:8px;flex-direction:row;min-height:32px}.trade-chips button.on,.trade-subchips button.on{color:#0e8a72;background:#e7f6f2;border-color:#1a8a8a}.trade-addbar{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.trade-addbar button{color:#0e8a72;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.trade-addbar .link{color:#8b9896;font-size:12px;font-weight:650}.trade-coeff{background:#f6faf8;border-radius:8px;gap:4px;margin:8px 0 0;padding:8px 10px;list-style:none;display:grid}.trade-coeff li{color:#5f716e;justify-content:space-between;font-size:12px;display:flex}.trade-added{color:#8b9896;margin:10px 0 0;font-size:12px}.trade-result{background:#f4fbf8;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding:10px 12px;display:grid}.trade-result span{color:#8b9896;font-size:12px;display:block}.trade-result strong{color:#14382c;margin-top:4px;font-size:18px;display:block}.trade-result em{color:#5f716e;margin-left:4px;font-size:12px;font-style:normal;font-weight:650}.trade-modes{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.trade-modes button{border:1px solid var(--border);color:var(--sub);cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.trade-modes button.on{background:var(--accent-lt);color:var(--accent);border-color:var(--accent)}.trade-conf-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.trade-conf-list li{color:var(--sub);justify-content:space-between;font-size:12px;display:flex}.trade-conf-list b{color:var(--text)}.trade-error{color:#b42318;margin:12px 0 0;font-size:12px;font-weight:700}.trade-modal{z-index:400;background:#12201e61;place-items:center;padding:24px;animation:.18s cubic-bezier(.2,.8,.2,1) both trade-mask-in;display:grid;position:fixed;inset:0}.trade-modal.is-out{animation:.14s ease-in both trade-mask-out}.trade-modal-card{background:#fff;border-radius:16px;width:min(420px,100%);margin:0;padding:22px 22px 18px;animation:.22s cubic-bezier(.2,.8,.2,1) both trade-card-in;box-shadow:0 18px 50px #1028242e}.trade-modal.is-out .trade-modal-card{animation:.14s ease-in both trade-card-out}@keyframes trade-mask-in{0%{opacity:0}to{opacity:1}}@keyframes trade-mask-out{0%{opacity:1}to{opacity:0}}@keyframes trade-card-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes trade-card-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.trade-modal,.trade-modal-card,.trade-modal.is-out,.trade-modal.is-out .trade-modal-card{animation:none}}.trade-modal-card h3{color:#14382c;margin:0 0 16px;font-size:18px}.trade-modal-label{color:#5f716e;margin:14px 0 8px;font-size:13px;font-weight:650;display:block}.trade-type{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trade-type button{color:#3d524e;cursor:pointer;background:#fff;border:1px solid #d7e3df;border-radius:10px;height:42px;font-size:15px;font-weight:700}.trade-type button.on{color:#12756a;background:#f3faf7;border-color:#1a8a8a}.trade-modal-card input{color:#172523;background:#fff;border:1px solid #d7e3df;border-radius:10px;width:100%;height:42px;padding:0 12px;font-size:15px}.trade-modal-actions{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:18px;display:grid}.trade-modal-actions button{cursor:pointer;border-radius:10px;height:42px;font-size:15px;font-weight:700}.trade-modal-actions button[type=button]{color:#5f716e;background:#fff;border:1px solid #d7e3df}.trade-modal-actions button[type=submit]{color:#fff;background:#1a8a8a;border:0}.trade-modal-actions button:disabled{opacity:.65;cursor:default}.trade-modal-actions button:active:not(:disabled){transform:scale(.97)}.trade-notices{gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.trade-notices li{gap:4px;display:grid}.trade-notices em{color:#8b9896;font-size:12px;font-style:normal}.trade-notices strong{color:#172523;font-size:14px;font-weight:700;line-height:1.45}.trade-login-account{color:#3d524e;margin:0 0 12px;font-size:14px}.trade-login-submit,.trade-login-logout{color:#fff;cursor:pointer;background:#1a8a8a;border:0;border-radius:10px;width:100%;height:42px;margin-top:14px;font-size:15px;font-weight:700}.trade-login-logout{color:#5f716e;background:#fff;border:1px solid #d7e3df}.trade-login-empty{color:#8b9896;margin:12px 0 0;font-size:13px}.trade-login-orders{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.trade-login-orders li{justify-content:space-between;align-items:center;gap:10px;display:flex}.trade-login-orders b{color:#12756a;font-size:12px;display:block}.trade-login-orders strong{color:#172523;font-size:13px;display:block}.trade-login-orders span{color:#8b9896;font-size:12px;display:block}.trade-login-orders a,.trade-login-orders button{color:#12756a;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;text-decoration:none}.conf-card{background:#fff;border:1px solid #e6eeec;border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;flex:1 0 auto;min-height:0;padding:14px 16px 12px;display:flex}.conf-card h3{color:#172523;margin:0;font-size:16px;font-weight:800;line-height:1.3}.conf-event{align-items:flex-start;gap:10px;min-width:0;margin:8px 0 0;display:flex}.conf-event span{color:#8b9896;flex:none;margin-top:1px;font-size:12px;font-weight:500;line-height:1.4}.conf-event b{color:#1c2b29;min-width:0;font-size:13px;font-weight:750;line-height:1.4}.conf-bar{background:#e7eeea;border-radius:99px;height:4px;margin:10px 0 6px;overflow:hidden}.conf-bar i{border-radius:inherit;background:#1a8f86;min-width:0;height:100%;transition:width .45s;display:block}.conf-progress{color:#6d7d7a;white-space:nowrap;justify-content:space-between;gap:10px;font-size:11px;line-height:1.4;display:flex}.conf-progress b{color:#12806f;font-weight:800}.conf-tabs{border-bottom:1px solid #e7eeeb;flex:none;grid-template-columns:1fr 1fr;margin:12px 0 0;display:grid}.conf-tabs button{color:#8b9896;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0 10px;font-size:14px;font-weight:700}.conf-tabs button.on{color:#172523;border-bottom-color:#1a8f86}.conf-rows{flex-direction:column;flex:auto;justify-content:flex-start;gap:16px;min-height:0;margin-top:14px;display:flex}.conf-row{margin-top:0}.conf-row-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conf-row-head p{align-items:baseline;gap:6px;margin:0;display:flex}.conf-row-head b{color:#172523;font-size:13px}.conf-row-head span,.conf-row-head em{color:#8b9896;font-size:12px;font-style:normal;font-weight:500}.conf-row-head em{white-space:nowrap}.conf-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.conf-chips:has(button:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.conf-chips button{color:#3d524e;cursor:pointer;background:#fff;border:1px solid #d7e3df;border-radius:8px;height:32px;padding:0 2px;font-size:12px;font-weight:650}.conf-chips button.on{color:#12756a;background:#e8f6f3;border-color:#7ebfb6}.conf-chips input{color:#3d524e;text-align:center;background:#fff;border:1px solid #d7e3df;border-radius:8px;width:100%;min-width:0;height:32px;padding:0 4px;font-size:12px;font-weight:650}.conf-chips input::placeholder{color:#a3b0ad;font-weight:500}.conf-chips input.on,.conf-chips input:focus{color:#12756a;background:#e8f6f3;border-color:#7ebfb6;outline:none}.conf-result{background:#f3f7f6;border-radius:10px;flex:none;margin-top:16px;padding:12px 14px}.conf-result-main{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conf-result-main span{color:#7b8a88;font-size:12px}.conf-result-main strong{color:#12756a;font-size:18px;font-weight:800;line-height:1.2}.conf-result p{color:#6d7d7a;margin:8px 0 0;font-size:12px;line-height:1.4}.conf-buy{color:#fff;letter-spacing:.04em;cursor:pointer;background:#0f7f78;border:0;border-radius:10px;flex:none;width:100%;height:42px;margin-top:12px;font-size:15px;font-weight:800}.conf-buy:disabled{opacity:.45;cursor:not-allowed}.avatar-float-wrap{bottom:24px;right:calc(var(--sw) + 24px);z-index:10000;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:flex-end;gap:10px;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.avatar-float-wrap.dragging{cursor:grabbing;transition:none!important}.avatar-scene{flex-direction:column;align-items:flex-end;width:280px;animation:.35s avatarFadeIn;display:none}.avatar-scene.active{display:flex}@keyframes avatarFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.avatar-video-box{background:0 0;border-radius:16px;width:280px;height:498px;position:relative;overflow:hidden}.avatar-video-box video{pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.avatar-video-box canvas{display:block;background:0 0!important;width:100%!important;height:100%!important}.avatar-status-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#00000073;border-radius:12px;padding:3px 10px;font-family:Noto Sans SC,sans-serif;font-size:11px;transition:background .3s;position:absolute;top:8px;left:8px}.avatar-status-tag.connected{background:#2ecc71b3}.avatar-status-tag.connecting{background:#f1c40fb3}.avatar-status-tag.error{background:#e74c3cb3}.avatar-mode-bar{box-sizing:border-box;gap:4px;width:100%;margin-top:6px;display:flex}.avatar-mode-tag{color:#ffffff73;cursor:pointer;text-align:center;background:#0f0f1e80;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:4px 0;font-family:Noto Sans SC,sans-serif;font-size:11px;transition:all .2s}.avatar-mode-tag:hover{background:#ffffff14}.avatar-mode-tag.active{color:#fff;background:#1a8a8a;border-color:#0000;font-weight:500}.avatar-chat-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#0f0f1ebf;border:1px solid #ffffff14;border-radius:22px;gap:6px;width:100%;margin-top:8px;padding:6px 8px;display:flex}.avatar-chat-bar input{color:#fff;background:#ffffff14;border:none;border-radius:16px;outline:none;flex:1;min-width:0;padding:7px 14px;font-family:Noto Sans SC,sans-serif;font-size:13px}.avatar-chat-bar input::placeholder{color:#fff6}.avatar-chat-bar input:focus{background:#ffffff21}.avatar-chat-bar button{color:#fff;cursor:pointer;white-space:nowrap;background:#1a8a8a;border:none;border-radius:16px;padding:7px 16px;font-family:Noto Sans SC,sans-serif;font-size:13px;transition:opacity .2s}.avatar-chat-bar button:hover{opacity:.85}.avatar-chat-bar button:disabled{opacity:.5;cursor:not-allowed}.avatar-mic-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .2s,box-shadow .2s;display:flex}.avatar-mic-btn:hover{background:#ffffff2e}.avatar-mic-btn:disabled{opacity:.4;cursor:not-allowed}.avatar-mic-btn.recording{background:#1a8a8a;animation:1.2s ease-in-out infinite micPulse;box-shadow:0 0 0 4px #1a8a8a4d}@keyframes micPulse{0%,to{box-shadow:0 0 0 4px #1a8a8a4d}50%{box-shadow:0 0 0 8px #1a8a8a1f}}.avatar-subtitle-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffd9;box-sizing:border-box;background:#0f0f1eb3;border:1px solid #ffffff0f;border-radius:12px;width:100%;min-height:24px;max-height:80px;margin-top:6px;padding:6px 12px;font-family:Noto Sans SC,sans-serif;font-size:12px;line-height:1.6;display:none;overflow-y:auto}.avatar-subtitle-box.has-text{display:block}.avatar-subtitle-box::-webkit-scrollbar{width:3px}.avatar-subtitle-box::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.avatar-toggle-btn{cursor:pointer;color:#fff;background:#1a8a8a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 4px 18px #1a8a8a73}.avatar-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px #1a8a8a99}.avatar-toggle-btn.active{background:#147070;box-shadow:0 4px 18px #1a8a8a66}.avatar-float-wrap.avatar-right-edge,.app-water-mode .avatar-float-wrap{right:24px}html.tf-route-trading-floor,html.tf-route-trading-floor body,html.tf-route-trading-floor #app{height:auto;min-height:100%;overflow:hidden auto}html.tf-route-trading-floor body{overscroll-behavior-y:auto}.trading-floor-root{color:#1a1a1a;background:linear-gradient(165deg,#dceeea 0%,#e8f2ef 38%,#d8ebe5 100%);flex-direction:column;min-height:100vh;font-family:Noto Sans SC,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.trading-floor-header{background-color:#1a3d32;background-image:linear-gradient(#0c1c1680 0%,#0a1612a6 100%),url(https://green.colorstoneai.com/dev/images/trading-floor-header-bg.jpg);background-position:50% 42%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;min-height:268px;padding:40px 28px;display:flex}.trading-floor-header-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:min(96vw,52rem);display:flex}.trading-floor-header-title{letter-spacing:.14em;color:#f4faf7;text-shadow:0 0 28px #00000059,0 2px 12px #0000008c,0 1px 2px #000000a6;margin:0;font-family:Noto Serif SC,Songti SC,STSong,SimSun,serif;font-size:clamp(1.85rem,5.5vw,2.5rem);font-weight:900}.trading-floor-header-sub{letter-spacing:.28em;color:#5eead4;text-shadow:0 0 18px #00000073,0 1px 6px #00000080;background:#0f3c3759;border:1px solid #5eead459;border-radius:999px;margin:0;padding:5px 14px 6px;font-family:Noto Sans SC,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(.82rem,2.4vw,1rem);font-weight:600}.trading-floor-main{flex:1 0 auto;min-width:0;padding:22px 24px 32px}.tf-dashboard{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:20px;max-width:1440px;margin:0 auto;display:grid}.tf-cunchao-card{max-width:1440px;margin:20px auto 0}.tf-cunchao-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.tf-cunchao-head--in-grid{align-items:center}.tf-cunchao-head p{color:#64748b;margin:8px 0 0;font-size:.875rem;line-height:1.6}.tf-cunchao-summary{text-align:right;background:#ecfdf5;border:1px solid #14b8a62e;border-radius:12px;min-width:132px;padding:10px 12px}.tf-cunchao-summary span,.tf-cunchao-summary small{color:#64748b;font-size:.75rem;font-weight:700}.tf-cunchao-summary strong{color:#0f766e;margin-top:4px;font-size:1.35rem;line-height:1.1;display:block}.tf-cunchao-summary em{color:#64748b;margin-top:5px;font-size:.7rem;font-style:normal;font-weight:700;display:block}.tf-cunchao-empty{color:#64748b;background:#f8fafce6;border:1px dashed #94a3b88c;border-radius:12px;margin:0;padding:16px}.tf-cunchao-table-wrap{max-height:280px}.tf-rongjiang-sale-list{flex-direction:column;gap:10px;display:flex}.tf-rongjiang-sale-card{background:#f0fdfab8;border:1px solid #14b8a62e;border-radius:12px;padding:12px}.tf-rongjiang-sale-card__top{color:#64748b;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:.75rem;font-weight:700;display:flex}.tf-rongjiang-sale-card__top strong{color:#0f766e;font-size:.95rem}.tf-rongjiang-sale-card h3{color:#0f172a;margin:0;font-size:.95rem;line-height:1.45}.tf-rongjiang-sale-card p{color:#64748b;margin:7px 0 12px;font-size:.78rem;line-height:1.5}.tf-card-intent{flex-direction:column;grid-area:1/1/-1;align-self:stretch;min-height:0;display:flex}.tf-card-overview{grid-area:1/2}.tf-card-amount{grid-area:2/2}.tf-card-records{grid-area:3/2}.tf-card{background:linear-gradient(#fff 0%,#fafcfd 55%,#f3f8f7 100%);border:1px solid #ffffffe6;border-radius:14px;padding:20px 22px 22px;box-shadow:0 4px 24px #0f3c3714,0 1px 3px #0000000a}.tf-card-title{color:#0f172a;letter-spacing:.02em;margin:0 0 16px;font-size:1.05rem;font-weight:700}.tf-card-title--inline{margin:0}.tf-card-amount-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.tf-unit-hint{color:#64748b;flex-shrink:0;font-size:.75rem}.tf-kpi-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tf-kpi{background:#f0fdfaa6;border:1px solid #14b8a61f;border-radius:10px;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.tf-kpi-label{color:#64748b;font-size:.78rem}.tf-kpi-value{color:#0f172a;letter-spacing:.01em;font-size:.875rem;font-weight:700;line-height:1.35}.tf-kpi:nth-child(3) .tf-kpi-value{font-size:.8125rem}.tf-amount-hero{flex-wrap:wrap;align-items:baseline;gap:12px 16px;margin-bottom:8px;display:flex}.tf-amount-number{color:#0d9488;letter-spacing:.03em;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:800}.tf-amount-trend{color:#16a34a;font-size:.875rem;font-weight:600}.tf-sparkline-wrap{margin-top:4px}.tf-sparkline{width:100%;height:88px;display:block}.tf-sparkline-line{stroke:#14b8a6}.tf-sparkline-dot{fill:#fff;stroke:#0d9488;stroke-width:2px}.tf-sparkline-labels{color:#94a3b8;justify-content:space-between;margin-top:6px;padding:0 2px;font-size:.7rem;display:flex}.tf-card-records{flex-direction:column;display:flex}.tf-card-records .tf-card-title{margin-bottom:14px}.tf-records-stack{flex-direction:column;gap:0;display:flex}.tf-records-body{background:#ffffff8c;border:1px solid #0f766e1f;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.tf-records-table-inner{border:none;border-radius:0}.tf-records-footer{background:linear-gradient(#f8fafcfa 0%,#f1f5f9 100%);border-top:1px solid #94a3b859;flex-direction:column;gap:12px;padding:16px 16px 18px;display:flex}.tf-records-meta{color:#64748b;margin:0;font-size:.78rem}.tf-records-meta strong{color:#334155;font-weight:700}.tf-records-pagination{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tf-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b873;border-radius:8px;min-width:34px;padding:6px 10px;font-family:inherit;font-size:.78rem;transition:background .15s,border-color .15s,color .15s}.tf-page-btn:hover:not(:disabled){color:#0f766e;background:#f0fdfae6;border-color:#0d9488}.tf-page-btn:disabled{opacity:.45;cursor:not-allowed}.tf-page-btn.is-current{color:#fff;cursor:default;background:linear-gradient(#0f766e 0%,#0d6969 100%);border-color:#0d6969;font-weight:700}.tf-page-ellipsis{color:#94a3b8;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:.85rem}.tf-table-wrap{border:1px solid #0f766e1f;border-radius:10px;overflow:hidden}.tf-table-wrap--scroll{flex:1;min-height:0;overflow:auto}.tf-table{border-collapse:collapse;width:100%;font-size:.8125rem}.tf-table th,.tf-table td{text-align:center;padding:11px 12px}.tf-table th{color:#fff;white-space:nowrap;font-weight:600}.tf-table td{color:#334155}.tf-table--navy th:first-child,.tf-table--navy td:first-child{padding:11px 8px}.tf-table--teal thead{background:linear-gradient(#0f766e 0%,#0d6969 100%)}.tf-table--teal tbody tr:nth-child(odd){background:#fff}.tf-table--teal tbody tr:nth-child(2n){background:#f0f9f8}.tf-table--teal tbody tr:hover{background:#e6f4f2}.tf-table--teal td:first-child,.tf-table--teal th:first-child{text-align:center}.tf-table--teal td:nth-child(2),.tf-table--teal th:nth-child(2){text-align:left;white-space:nowrap}.tf-table--teal td:nth-child(3),.tf-table--teal th:nth-child(3){text-align:left;min-width:11rem;max-width:min(40vw,24rem)}.tf-project-name-cell{vertical-align:top;overflow:visible}.tf-project-name-trigger{cursor:help;border-bottom:1px dotted #5c9099;padding-bottom:1px}.tf-project-popover{z-index:10050;pointer-events:auto;background:#fff;border:1px solid #0f766e33;border-radius:10px;position:fixed;overflow:hidden;box-shadow:0 12px 32px #0f3c372e,0 2px 8px #0f172a14}.tf-project-popover-img-wrap{background:#e2e8f0;margin:0;padding:0;line-height:0}.tf-project-popover-img{object-fit:cover;width:100%;height:148px;display:block}.tf-project-popover-body{padding:10px 14px 14px}.tf-project-popover-cat{letter-spacing:.04em;color:#0f766e;margin-bottom:6px;font-size:11px;font-weight:700}.tf-project-popover-intro{color:#475569;max-height:14.5em;margin:0;padding-right:2px;font-size:12px;line-height:1.55;overflow-y:auto}.tf-project-popover-intro::-webkit-scrollbar{width:5px}.tf-project-popover-intro::-webkit-scrollbar-thumb{background:#0f766e47;border-radius:4px}.tf-table--teal td:nth-child(4),.tf-table--teal th:nth-child(4){text-align:left}.tf-table--teal td.tf-table-cell-action,.tf-table--teal th:last-child{text-align:center;vertical-align:middle;white-space:nowrap;width:1%;padding-left:10px;padding-right:10px}.tf-buy-btn{color:#f8fafc;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#14b8a6 0%,#0d9488 100%);border:1px solid #0f766e73;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:3.25rem;padding:5px 12px;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 1px 2px #0f766e33}.tf-buy-btn-icon{opacity:.95;flex-shrink:0}.tf-buy-btn:hover{background:linear-gradient(#2dd4bf 0%,#14b8a6 100%);border-color:#0d9488a6;box-shadow:0 2px 8px #0f766e47}.tf-buy-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0f766e38}.tf-buy-btn:focus-visible{outline-offset:2px;outline:2px solid #0f766e}.tf-buy-btn--detail{color:#1e40af;background:linear-gradient(#fff 0%,#eff6ff 100%);border-color:#3b82f673;box-shadow:0 1px 2px #1e40af1f}.tf-buy-btn--detail:hover{background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#2563eb8c;box-shadow:0 2px 8px #1e40af2e}.tf-table--navy thead{background:linear-gradient(#1e293b 0%,#0f172a 100%)}.tf-table--navy tbody tr{background:#fff}.tf-table--navy tbody tr:hover{background:#f8fafc}@media (width<=1100px){.tf-dashboard{grid-template-rows:auto;grid-template-columns:1fr}.tf-card-intent,.tf-card-overview,.tf-card-amount,.tf-card-records{grid-area:auto/1}.tf-card-intent{min-height:320px}.tf-kpi-row{grid-template-columns:1fr}}@media (width<=520px){.trading-floor-root{background:linear-gradient(165deg,#e8f4f1 0%,#f5fbf9 48%,#e5f1ef 100%)}.trading-floor-header{background-position:top;min-height:174px;padding:28px 18px 24px}.trading-floor-header-title{letter-spacing:.08em;font-size:1.55rem}.trading-floor-header-sub{letter-spacing:.16em;padding:4px 10px 5px;font-size:.72rem}.trading-floor-main{padding:12px 10px 22px}.tf-dashboard{gap:12px}.tf-card-intent{min-height:0}.tf-card{border-radius:12px;padding:14px 12px}.tf-card-title{margin-bottom:12px;font-size:.95rem}.tf-cunchao-head,.tf-cunchao-head--in-grid,.tf-card-amount-head{flex-direction:column;align-items:stretch;gap:10px}.tf-cunchao-head p{margin-top:6px;font-size:.78rem}.tf-cunchao-summary{text-align:left;box-sizing:border-box;width:100%;min-width:0}.tf-cunchao-summary strong{font-size:1.2rem}.tf-kpi-row{grid-template-columns:1fr}.tf-kpi{padding:10px}.tf-amount-number{font-size:1.35rem}.tf-sparkline{height:70px}.tf-table-wrap,.tf-table-wrap--scroll,.tf-records-table-inner{border:none;border-radius:0;overflow:visible}.tf-table,.tf-table thead,.tf-table tbody,.tf-table tr,.tf-table td{box-sizing:border-box;width:100%;display:block}.tf-table thead{display:none}.tf-table tbody{flex-direction:column;gap:10px;display:flex}.tf-table tbody tr,.tf-table--teal tbody tr:nth-child(odd),.tf-table--teal tbody tr:nth-child(2n),.tf-table--navy tbody tr{background:#fff;border:1px solid #0f766e1f;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0f3c370f}.tf-table td{border-bottom:1px solid #e2e8f0e6;grid-template-columns:5.4rem minmax(0,1fr);align-items:start;gap:8px;padding:9px 11px;font-size:.76rem;line-height:1.45;display:grid;text-align:left!important;white-space:normal!important;min-width:0!important;max-width:none!important}.tf-table td:last-child{border-bottom:none}.tf-table td:before{content:attr(data-label);color:#64748b;font-weight:700}.tf-table td.tf-table-cell-action{background:#f0fdfa99;padding-top:10px;display:block}.tf-table td.tf-table-cell-action:before{display:none}.tf-buy-btn{justify-content:center;width:100%;min-height:34px}.tf-project-name-trigger{border-bottom:none}.tf-records-body{background:0 0;border:none;overflow:visible}.tf-records-footer{border:1px solid #94a3b840;border-radius:12px;margin-top:10px;padding:12px}.tf-records-pagination{justify-content:center}.tf-rongjiang-sale-card{padding:11px}.tf-rongjiang-sale-card__top{align-items:flex-start}.tf-rongjiang-sale-card h3{font-size:.88rem}}.tf-purchase-modal-overlay{z-index:11000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px 14px;display:flex;position:fixed;inset:0}.tf-purchase-modal{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #0f766e33;border-radius:14px;flex-direction:column;width:100%;max-width:460px;max-height:min(92vh,720px);display:flex;overflow:hidden;box-shadow:0 24px 48px #0f3c3738,0 8px 16px #0f172a14}.tf-purchase-modal-header{background:linear-gradient(#f5fcf9f7 0%,#eefaf5d1 100%);border-bottom:1px solid #2da08c17;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.tf-purchase-modal-title{color:#0f172a;letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:800}.tf-purchase-modal-close{color:#0f766e;cursor:pointer;background:#0f766e14;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:1.35rem;line-height:1;transition:background .15s;display:flex}.tf-purchase-modal-close:hover{background:#0f766e29}.tf-purchase-modal-body{flex:1;min-height:0;padding:14px 18px 10px;overflow-y:auto}.tf-purchase-modal-body,.tf-tx-detail-body{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#64748b8c #e2e8f08c}.tf-purchase-modal-body::-webkit-scrollbar{width:8px}.tf-tx-detail-body::-webkit-scrollbar{width:8px}.tf-purchase-modal-body::-webkit-scrollbar-track{background:#f1f5f9bf;border-radius:100px;margin:8px 0 10px;box-shadow:inset 0 0 0 1px #e2e8f0e6}.tf-tx-detail-body::-webkit-scrollbar-track{background:#f1f5f9bf;border-radius:100px;margin:8px 0 10px;box-shadow:inset 0 0 0 1px #e2e8f0e6}.tf-purchase-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b88c 0%,#64748ba6 100%) padding-box padding-box;border:2px solid #f8fafcd9;border-radius:100px;box-shadow:0 1px 2px #0f172a0f}.tf-tx-detail-body::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b88c 0%,#64748ba6 100%) padding-box padding-box;border:2px solid #f8fafcd9;border-radius:100px;box-shadow:0 1px 2px #0f172a0f}.tf-purchase-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748ba6 0%,#475569c7 100%) padding-box padding-box;border:2px solid #f8fafcd9;box-shadow:0 1px 3px #0f172a1a}.tf-tx-detail-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748ba6 0%,#475569c7 100%) padding-box padding-box;border:2px solid #f8fafcd9;box-shadow:0 1px 3px #0f172a1a}.tf-purchase-dl{margin:0 0 14px}.tf-purchase-dl-row{border-bottom:1px solid #94a3b833;grid-template-columns:5.5rem 1fr;gap:8px 12px;padding:7px 0;font-size:.8125rem;line-height:1.45;display:grid}.tf-purchase-dl-row:last-of-type{border-bottom:none}.tf-purchase-dl-row dt{color:#64748b;margin:0;font-weight:600}.tf-purchase-dl-row dd{color:#1e293b;margin:0}.tf-purchase-dl-row--highlight dd,.tf-purchase-dl-row--highlight strong{color:#0f766e;font-size:.9375rem}.tf-purchase-chart{background:#f0fdfaa6;border:1px solid #14b8a624;border-radius:10px;margin-top:4px;padding:10px 12px 8px}.tf-purchase-chart-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.tf-purchase-chart-title{color:#0f172a;font-size:.75rem;font-weight:700}.tf-purchase-chart-unit{color:#64748b;font-size:.6875rem}.tf-purchase-chart-svg{color:#0d9488;width:100%;height:112px;display:block}.tf-purchase-chart-line{stroke:currentColor}.tf-purchase-chart-dot{fill:currentColor}.tf-purchase-chart-labels{color:#64748b;flex-wrap:wrap;justify-content:space-between;gap:2px 4px;margin-top:6px;font-size:.625rem;display:flex}.tf-purchase-modal-footer{background:#f8fafce6;border-top:1px solid #0f766e1a;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 18px 16px;display:flex}.tf-purchase-btn{cursor:pointer;letter-spacing:.04em;border-radius:9px;padding:8px 18px;font-family:inherit;font-size:.8125rem;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s}.tf-purchase-btn--ghost{color:#475569;background:#fff;border:1px solid #64748b59}.tf-purchase-btn--ghost:hover{background:#f8fafc;border-color:#94a3b8}.tf-purchase-btn--primary{color:#f8fafc;background:linear-gradient(#14b8a6 0%,#0d9488 100%);border:1px solid #0d948873;box-shadow:0 2px 8px #0f766e40}.tf-purchase-btn--primary:hover{background:linear-gradient(#2dd4bf 0%,#14b8a6 100%)}.tf-purchase-btn--primary:disabled{opacity:.72;cursor:not-allowed;box-shadow:none}.tf-purchase-toast{bottom:max(28px, env(safe-area-inset-bottom,0px));z-index:12050;color:#0f766e;pointer-events:none;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 45%,#ccfbf1 100%);border:1px solid #0d948859;border-radius:12px;align-items:center;gap:12px;max-width:min(92vw,26rem);padding:14px 20px 14px 16px;animation:.38s cubic-bezier(.22,1,.36,1) both tfPurchaseToastIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0f3c3738,inset 0 0 0 1px #ffffffa6}@keyframes tfPurchaseToastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.tf-purchase-toast-icon{color:#0d9488;filter:drop-shadow(0 1px 2px #0f766e40);flex-shrink:0;display:flex}.tf-purchase-toast-text{letter-spacing:.02em;font-size:.875rem;font-weight:600;line-height:1.45}.tf-tx-detail-overlay{z-index:11020;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;justify-content:center;align-items:center;padding:20px 14px;display:flex;position:fixed;inset:0}.tf-tx-detail-modal{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #1e40af2e;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:min(92vh,780px);display:flex;overflow:hidden;box-shadow:0 24px 48px #0f172a33,0 8px 16px #1e3a8a14}.tf-tx-detail-header{background:linear-gradient(#f5fcf9f7 0%,#eefaf5d1 100%);border-bottom:1px solid #2da08c17;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.tf-tx-detail-title{color:#0f172a;letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:800}.tf-tx-detail-close{color:#1d4ed8;cursor:pointer;background:#3b82f61a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:1.35rem;line-height:1;transition:background .15s;display:flex}.tf-tx-detail-close:hover{background:#3b82f62e}.tf-tx-detail-body{flex:1;min-height:0;padding:12px 18px 18px;overflow-y:auto}.tf-tx-detail-section{margin-top:4px}.tf-tx-detail-section+.tf-tx-detail-section{border-top:1px solid #94a3b838;margin-top:18px;padding-top:14px}.tf-tx-detail-section-title{color:#1e3a8a;letter-spacing:.04em;margin:0 0 10px;font-size:.8125rem;font-weight:800}.tf-tx-detail-chain-hint{color:#64748b;margin:0 0 10px;font-size:.6875rem;line-height:1.45}.tf-tx-detail-dl{margin:0}.tf-tx-detail-row{border-bottom:1px solid #94a3b833;grid-template-columns:5.75rem 1fr;gap:8px 12px;padding:7px 0;font-size:.8125rem;line-height:1.45;display:grid}.tf-tx-detail-row:last-child{border-bottom:none}.tf-tx-detail-row dt{color:#64748b;margin:0;font-weight:600}.tf-tx-detail-row dd{color:#1e293b;word-break:break-word;margin:0}.tf-tx-detail-row--highlight dd{color:#0f766e;font-size:.9375rem}.tf-tx-detail-row--highlight strong{color:#0f766e}.tf-tx-detail-row--mono dd{letter-spacing:.01em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.72rem}.tf-tx-detail-qrcode-wrap{background:#f8fafcf2;border:1px solid #94a3b847;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:12px 10px 4px;display:flex}.tf-tx-detail-qrcode-img{border-radius:8px;display:block;box-shadow:0 4px 14px #0f172a14}.tf-tx-detail-qrcode-placeholder{color:#64748b;background:#f1f5f9e6;border-radius:8px;justify-content:center;align-items:center;width:168px;height:168px;font-size:.8125rem;display:flex}.tf-tx-detail-qrcode-url{color:#64748b;word-break:break-all;text-align:center;max-width:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#1a8a8a;--accent-dk:#0e6b6b;--accent-lt:#eaf6f6;--green:#2d8a4e;--green-lt:#eef7f0;--text:#1a1a2e;--sub:#374151;--muted:#4b5563;--faint:#6b7280;--border:#e5e7eb;--bg:#f3f4f6;--card:#fff;--font:"Noto Sans SC", "PingFang SC", system-ui, sans-serif;--mono:"DM Mono", monospace;--r:14px;--rs:10px;--sw:clamp(300px, 26.5vw, 420px);--sw-left:480px}html,body,#app{height:100%;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-overflow-scrolling:touch;overflow:hidden}body{overscroll-behavior:none}.app-root{height:100%;position:relative}.top-nav{color:#fff;z-index:100;background:linear-gradient(#083232bf 0%,#08323259 70%,#0000 100%);align-items:center;gap:0;height:44px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.top-nav-brand{letter-spacing:1px;white-space:nowrap;align-items:center;gap:8px;margin-right:16px;font-size:15px;font-weight:700;display:flex}.top-nav-brand svg{opacity:.9}.top-nav-tabs{gap:2px;height:100%;display:flex}.top-nav-tabs button{z-index:10;color:#ffffffa6;font-family:var(--font);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;height:100%;padding:0 10px;font-size:13px;font-weight:500;transition:color .2s;position:relative}.top-nav-tabs button:hover{color:#ffffffe6}.top-nav-tabs button.active{color:#fff;font-weight:700}.top-nav-tabs button.active:after{content:"";background:#fff;border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:0;left:16px;right:16px}.top-nav-dropdown{height:100%;position:relative}.top-nav-dropdown>button{position:relative}.top-nav-dropdown-menu{opacity:0;visibility:hidden;z-index:200;background:#083232f5;border-radius:0 0 8px 8px;min-width:140px;padding:4px 0;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:100%;left:0;transform:translateY(-4px);box-shadow:0 6px 20px #0000004d}.top-nav-dropdown.open .top-nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.top-nav-dropdown-menu button{text-align:left;color:#ffffffbf;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 20px;font-size:13px;transition:background .15s,color .15s;display:block}.top-nav-dropdown-menu button:hover{color:#fff;background:#ffffff1a}.top-nav-dropdown-menu button.active{color:var(--accent);font-weight:600}.top-nav-dropdown-menu.eco-region-nav-menu{background:#fff;border-radius:0 0 8px 8px;width:max-content;min-width:140px;max-width:min(240px,100vw - 24px);max-height:min(360px,100vh - 52px);padding:0;overflow-y:auto;box-shadow:0 4px 16px #00000026}.top-nav-dropdown-menu.eco-region-nav-menu button{color:var(--text);background:0 0}.top-nav-dropdown-menu.eco-region-nav-menu button:hover{color:var(--text);background:#0d6b6b14}.top-nav-dropdown>button.active:after{content:"";background:#fff;border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:0;left:16px;right:16px}.trade-nav-slot{margin-left:auto;margin-right:calc(var(--sw) - 10px);z-index:2;flex:none;align-items:center;height:100%;display:flex;position:relative}.trade-nav-slot .trade-site-nav{gap:0;padding:0}.trade-nav-slot .trade-site-nav button,.trade-nav-slot .trade-site-nav a{color:#ffffffeb;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.trade-nav-slot .trade-site-nav button:hover,.trade-nav-slot .trade-site-nav a:hover{color:#fff;background:#ffffff29}.top-nav-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.top-nav-right a{color:#fff;opacity:.5;font-size:10px;text-decoration:none}.top-nav-trading-btn{font-family:var(--font);color:#fff;cursor:pointer;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;background:#3db5b0;border:0 solid #ffffff8c;border-radius:8px;align-items:center;gap:6px;max-width:0;margin:0;padding:6px 0;font-size:13px;font-weight:700;transition:max-width .22s,opacity .18s,padding .22s,border-width .18s,filter .2s,border-color .2s,box-shadow .2s;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #0000002e,inset 0 1px #ffffff59}.top-nav-right:hover .top-nav-trading-btn{opacity:1;pointer-events:auto;border-width:1px;max-width:160px;padding:6px 12px 6px 14px}@media (hover:none){.top-nav-trading-btn{opacity:1;pointer-events:auto;border-width:1px;max-width:160px;padding:6px 12px 6px 14px}}@media (hover:none) and (width<=900px){.top-nav-trading-btn{padding:5px 10px}}.top-nav-trading-jump-icon{opacity:.92;flex-shrink:0}.top-nav-trading-btn.top-nav-trade-entry{opacity:1;pointer-events:auto;border-width:1px;max-width:160px;padding:6px 14px}.top-nav-trading-btn.top-nav-trade-entry.is-on{color:var(--accent);background:#fff}.top-nav-trading-btn:hover{filter:brightness(1.08);border-color:#ffffffa6;box-shadow:0 3px 12px #00000059,inset 0 1px #ffffff47}.app-container{width:100%;height:100%;min-height:0;display:flex}.green-water-page{position:absolute;inset:0;overflow:hidden}@keyframes gw-pulse{0%,to{opacity:.35}50%{opacity:.7}}.site-footer{color:#ffffffbf;z-index:2;letter-spacing:.2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0e6b6beb 0%,#1a5c5ceb 100%);justify-content:center;align-items:center;gap:16px;padding:4px 16px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.site-footer a{color:#ffffffd9;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer span.sep{color:#ffffff4d}.site-footer-water{z-index:100;position:fixed;bottom:0;left:0;right:0}.panel{width:var(--sw);background:var(--card);z-index:10;flex-direction:column;flex-shrink:0;height:100%;padding-top:44px;display:flex;position:relative}.panel-wrap{width:var(--sw);flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.panel-wrap-left{width:var(--sw-left)}.panel-wrap-right.is-trade{z-index:120;flex-direction:column;align-self:stretch;height:100%;display:flex}.panel-wrap.collapsed{width:0}.panel-wrap>.panel{width:var(--sw);min-width:var(--sw)}.panel-wrap-left>.panel{width:var(--sw-left);min-width:var(--sw-left)}.sidebar-toggle{z-index:20;color:#505050b3;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border:none;justify-content:center;align-items:center;width:14px;height:44px;padding:0;font-size:12px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0000001f}.sidebar-toggle:hover{color:var(--accent);background:#fffffff2;box-shadow:0 2px 8px #0000002e}.sidebar-toggle-left{border-radius:0 5px 5px 0;left:0}.sidebar-toggle-right{border-radius:5px 0 0 5px;right:0}.panel-bar{border-bottom:1.5px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;padding:14px 20px;display:flex}.panel-body{flex:1;padding-bottom:20px;overflow:hidden auto}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}#left{border-right:1px solid var(--border);box-shadow:2px 0 12px #0000000f}.mode-switcher{flex-shrink:0;gap:0;padding:12px 16px 0;display:flex}.mode-switcher button{border:1.5px solid var(--border);background:var(--card);color:var(--sub);font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;transition:all .2s;display:flex}.mode-switcher button:first-child{border-right:none;border-radius:8px 0 0 8px}.mode-switcher button:nth-child(2){border-right:none}.mode-switcher button:last-child{border-radius:0 8px 8px 0}.mode-switcher button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mode-switcher button.disabled{opacity:.45;cursor:not-allowed}.mode-switcher button:not(.active):not(.disabled):hover{background:var(--bg)}.mode-switcher button svg{flex-shrink:0}.mode-hint{color:var(--muted);text-align:center;padding:6px 16px 0;font-size:10px}.admin-hotspot-view-switch{background:var(--bg);border:1px solid #1a8a8a59;border-radius:8px;flex-shrink:0;width:100%;max-width:220px;display:flex;overflow:hidden}.admin-hotspot-view-switch--compact{max-width:100%}.admin-hotspot-view-switch button{cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);color:var(--muted);background:0 0;border:none;flex:1;padding:6px 8px;transition:background .15s,color .15s}.admin-hotspot-view-switch button[aria-pressed=true]{background:var(--accent);color:#fff}.admin-hotspot-view-switch button[aria-pressed=false]:hover{color:var(--text);background:#1a8a8a14}.admin-hotspot-view-switch--top-nav{background:#0000002e;border-color:#ffffff73;width:auto;min-width:0;max-width:148px}.admin-hotspot-view-switch--top-nav button{color:#ffffffe0;padding:4px 5px;font-size:10px}.admin-hotspot-view-switch--top-nav button[aria-pressed=true]{color:#0e5c5c;background:#fffffff2}.admin-hotspot-view-switch--top-nav button[aria-pressed=false]:hover{color:#fff;background:#ffffff1f}#right{border-left:2.5px solid var(--accent);position:relative;box-shadow:-4px 0 20px #0000001a}.map-wrapper{flex:1;min-width:0;position:relative}#map-root,.map-container{width:100%;height:100%}.soil-callout{pointer-events:none;flex-direction:column;align-items:center;display:flex}.soil-bubble{text-align:center;background:#092e26eb;border:1px solid #ffc107b3;border-radius:10px;padding:6px 12px;box-shadow:0 8px 18px #00000047}.soil-bubble strong{color:#ffe9a8;white-space:nowrap;font-size:14px;font-weight:650;line-height:1.3;display:block}.soil-callout:after{content:"";border-top:7px solid #ffc107bf;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.soil-dot{background:#092e26e6;border:2px solid #ffc107;border-radius:50%;width:9px;height:9px;margin-top:2px;box-shadow:0 0 0 4px #ffc10747}.maplibregl-ctrl-attrib{display:none!important}.loading{z-index:1000;color:#333;background:#ffffffe6;border-radius:8px;padding:20px 30px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000001a}.map-control-panel{z-index:1001;width:168px;font-size:12px;font-family:var(--font);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:10px;position:absolute;bottom:36px;left:16px;overflow:hidden;box-shadow:0 2px 12px #00000026}.map-control-panel .mcp-body{max-height:400px;padding:10px 12px 0;transition:max-height .3s,padding .2s,opacity .2s;overflow-y:auto}.map-control-panel.mcp-collapsed .mcp-body{opacity:0;max-height:0;padding:0 12px;overflow:hidden}.mcp-section{border-bottom:1px solid #0000000f;margin-bottom:8px;padding-bottom:8px}.mcp-section:last-child{border-bottom:none;margin-bottom:0}.mcp-section-title{color:var(--text);align-items:center;gap:4px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.mcp-section-title:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:10px;display:inline-block}.mcp-eco-grid{flex-direction:column;gap:4px;display:flex}.mcp-eco-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:2px 0;display:flex}.mcp-eco-item .radio-mock{border:1.5px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;transition:all .2s;position:relative}.mcp-eco-item.active .radio-mock{border-color:var(--accent)}.mcp-eco-item.active .radio-mock:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mcp-eco-item span{color:var(--sub);font-size:11px;font-weight:500}.mcp-eco-item.active span{color:var(--text);font-weight:700}.mcp-section label{cursor:pointer;color:var(--text);align-items:center;gap:5px;margin-bottom:3px;font-size:11px;display:flex}.mcp-section label input[type=checkbox]{margin:0}.mcp-style-section{border-bottom:none;margin-bottom:0;padding-bottom:4px}.mcp-footer{border-top:1px solid #00000014}.mcp-base-btns{gap:0;display:flex}.mcp-base-btns button{cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font);color:var(--sub);background:0 0;border:none;flex:1;padding:8px 0;transition:all .15s}.mcp-base-btns button.active{background:var(--accent);color:#fff}.mcp-base-btns button:hover:not(.active){background:#0000000a}.mcp-base-btns button:first-child{border-radius:0 0 0 10px}.mcp-base-btns button:last-child{border-radius:0 0 10px}.map-control-panel .cfg-row{color:var(--sub);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.map-control-panel .cfg-row span:first-child{white-space:nowrap;min-width:44px}.map-control-panel .cfg-row span:last-child{text-align:right;min-width:28px}.map-control-panel input[type=range]{width:50px;height:4px}.map-control-panel input[type=color]{cursor:pointer;border:1px solid #ddd;border-radius:3px;width:20px;height:16px;padding:0}.green-legend{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.green-legend .legend-item{color:var(--muted);align-items:center;gap:6px;margin-bottom:3px;font-size:10px;display:flex}.green-legend .legend-color{border-radius:2px;flex-shrink:0;width:12px;height:12px}.basin-lbl{pointer-events:none;color:#fff;text-shadow:0 0 8px #000000e6,0 0 3px #000000b3,0 1px 2px #00000080;letter-spacing:.6px;white-space:nowrap;font:800 13px Noto Sans SC,Arial Black,Segoe UI,sans-serif}.map-right-stack{z-index:1002;pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;width:272px;max-height:calc(100vh - 124px);display:flex;position:absolute;top:112px;right:12px}.map-right-stack:has(.map-right-stack-aux:not(:empty)){max-height:calc(100vh - 68px);top:56px}.map-right-stack>*{pointer-events:auto}.map-right-stack-aux{flex-direction:column;flex-shrink:0;display:flex}.map-right-stack-aux:empty{display:none}.basin-info-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;pointer-events:auto;background:#0a141ee0;border:1px solid #64c8ff33;border-radius:10px;width:100%;padding:14px 18px;position:relative;top:auto;right:auto;box-shadow:0 4px 20px #0006}.basin-info-locked{border-color:#64c8ff73;box-shadow:0 4px 24px #3ca0ff33}.basin-info-hd{color:#e0f0ff;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;display:flex}.basin-info-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.basin-info-close{color:#ffffff80;cursor:pointer;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:end;width:20px;height:20px;margin-left:auto;font-size:18px;transition:all .15s;display:flex}.basin-info-close:hover{color:#fff;background:#fff3}.basin-info-row{color:#ffffffa6;justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.basin-info-row b{color:#e0f0ff;font-weight:700}.basin-info-certs{border-top:1px solid #ffffff26;margin-top:4px;padding-top:6px}.basin-info-certs b{color:#4ade80}.basin-info-paper{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:6px}.basin-info-cover{cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:inherit;display:block}.basin-info-cover img{aspect-ratio:3/4;object-fit:cover;border:1px solid #ffffff26;border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 2px 6px #0000004d}.basin-info-cover:hover img{box-shadow:0 2px 10px #0006}.basin-info-cover.basin-info-cover-btn{color:#60b8ff;background:#64c8ff33;border:1px solid #64c8ff66;border-radius:6px;width:auto;padding:6px 14px;font-size:12px;font-weight:600}.basin-info-cover.basin-info-cover-btn:hover{color:#90d0ff;background:#64c8ff4d}.basin-info-mini{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;pointer-events:auto;cursor:pointer;background:#0a141ee0;border:1px solid #64c8ff33;border-radius:8px;align-self:flex-end;align-items:center;gap:6px;padding:6px 10px;transition:background .2s,border-color .2s;display:flex;position:relative;top:auto;right:auto;box-shadow:0 2px 12px #0000004d}.basin-info-mini:hover{background:#0a141ef2;border-color:#64c8ff66}.basin-info-mini-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.basin-info-mini-val{color:#4ade80;font-size:14px;font-weight:700;font-family:var(--mono)}.sec{margin-bottom:2px;padding:0 20px}.sec-head{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 0 6px;display:flex}.sec-head.sec-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.sec-head.sec-toggle:hover,.sec-head.sec-toggle:hover .sec-title{color:var(--accent)}.sec-title{letter-spacing:.2px;font-size:13px;font-weight:700}#right .sec-title{letter-spacing:.5px;font-size:15px;font-weight:800}#right .sec-head{border-bottom:2px solid var(--accent);margin-bottom:10px;padding:12px 0 8px}#right .sec-divider{border-top:3px solid var(--accent);opacity:.35;margin:6px 16px}.sec-sub{color:var(--sub);font-size:10px;font-weight:500}.L-code{font-size:10px;font-family:var(--mono);color:var(--accent);letter-spacing:.3px;margin-bottom:2px;font-weight:500}.L-name{letter-spacing:-.3px;font-size:17px;font-weight:900;line-height:1.25}.L-sub{color:var(--sub);margin-top:3px;font-size:11px}.L-water-wrap{flex-direction:column;justify-content:center;height:100%;display:flex}.L-river-name{color:var(--accent);text-align:center;letter-spacing:.5px;margin-bottom:4px;font-size:16px;font-weight:800}.L-water-main{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.L-water-tag{color:var(--sub);font-size:12px;font-weight:600}.L-water-dot{color:var(--muted);margin:0 4px;font-size:12px}.L-water-code{text-align:center;font-family:var(--mono);color:var(--sub);letter-spacing:.3px;margin-top:6px;font-size:10px}.L-empty-wrap{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.L-empty-title{color:var(--sub);font-size:14px;font-weight:600}.L-empty-hint{color:var(--muted);margin-top:4px;font-size:11px}.cert-box{border-radius:var(--r);background:linear-gradient(135deg, var(--accent-lt) 0%, #f0fafa 100%);border:1px solid #1a8a8a14;margin:10px 20px 4px;padding:14px;position:relative;overflow:hidden}.cert-box:after{content:"";background:radial-gradient(circle,#1a8a8a0f,#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:-20px;right:-20px}.cb-lbl{color:var(--accent-dk);letter-spacing:.3px;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.cb-row{align-items:baseline;gap:5px;display:flex}.cb-num{font-size:28px;font-weight:900;font-family:var(--mono);color:var(--text);letter-spacing:-1.5px;line-height:1}.cb-unit{color:var(--sub);font-size:13px;font-weight:600}.cb-meta{border-bottom:1px solid #1a8a8a1a;gap:14px;margin-top:6px;padding-bottom:10px;display:flex}.cb-mi{color:var(--sub);font-size:11px}.cb-mi b{font-weight:700;font-family:var(--mono);color:var(--text)}.cb-mi b.hl{color:var(--accent)}.cb-bl{color:var(--sub);letter-spacing:.2px;margin:8px 0 4px;font-size:10px;font-weight:500}.cb-bar{background:#1a8a8a14;border-radius:2px;gap:1.5px;height:4px;display:flex;overflow:hidden}.cb-seg{background:var(--accent);border-radius:2px}.cb-seg:first-child{opacity:1}.cb-seg:nth-child(2){opacity:.65}.cb-seg:nth-child(3){opacity:.4}.cb-seg:nth-child(4){opacity:.22}.cb-g{grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;display:grid}.cb-c{cursor:pointer;background:#ffffffb3;border-radius:6px;padding:8px;transition:all .15s;position:relative}.cb-c:before{content:"";background:var(--accent);opacity:.2;border-radius:0 2px 2px 0;width:3px;height:100%;transition:opacity .15s;position:absolute;top:0;left:0}.cb-c:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.cb-c:hover:before{opacity:.6}.cb-c:active{transform:translateY(0)}.cb-ct{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.cb-cn{color:var(--sub);font-size:11px;font-weight:600}.cb-cp{font-size:10px;font-weight:600;font-family:var(--mono);color:var(--sub)}.cb-cv{font-size:16px;font-weight:900;font-family:var(--mono);color:var(--text);letter-spacing:-.5px;line-height:1}.cb-cu{color:var(--sub);margin-left:2px;font-size:9px;font-weight:500}.cb-ce{color:var(--sub);margin-top:2px;font-size:10px}.nat{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:6px;display:grid}.nat-i{background:var(--bg);border-radius:var(--rs);text-align:center;padding:8px 6px}.nat-l{color:var(--sub);letter-spacing:.2px;margin-bottom:2px;font-size:9px;font-weight:600}.nat-v{font-size:15px;font-weight:800;font-family:var(--mono);color:var(--text);letter-spacing:-.3px}.nat-u{color:var(--sub);margin-left:1px;font-size:8px;font-weight:500}.stat-grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.stat-i{background:var(--bg);text-align:center;border-radius:5px;padding:5px 2px}.stat-i.eco{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.stat-l{color:#374151;white-space:nowrap;margin-bottom:1px;font-size:9px;font-weight:600}.stat-v{font-size:13px;font-weight:800;font-family:var(--mono);color:#1f2937;letter-spacing:-.3px}.stat-u{color:#374151;margin-left:1px;font-size:8px;font-weight:500}.qb{border-radius:var(--rs);background:var(--bg);cursor:pointer;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;transition:all .2s;display:flex}.qb:hover{background:var(--accent-lt);transform:translate(2px)}.qb.active{background:var(--accent-lt);border:1.5px solid var(--accent)}.qb-body{flex:1;min-width:0}.qb-name{align-items:center;gap:5px;margin-bottom:1px;font-size:12px;font-weight:700;display:flex}.qb-drill{color:var(--accent);background:#1a8a8a1a;border-radius:3px;padding:1.5px 4px;font-size:8px;font-weight:600}.qb-meta{color:var(--sub);font-size:10px}.qb-right{text-align:right;flex-shrink:0}.qb-pu{color:var(--sub);font-size:9px;font-weight:500}.qb-expand{background:var(--card);border:1.5px solid var(--accent);border-radius:0 0 var(--rs) var(--rs);border-top:none;margin-top:-6px;margin-bottom:6px;padding:12px}.qb-expand-info{justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.qb-expand-info span{color:var(--sub)}.qb-expand-info b{color:var(--accent);font-family:var(--mono)}.qb-expand-input{gap:6px;margin-bottom:10px;display:flex}.qb-expand-input button{border:1px solid var(--border);background:var(--card);cursor:pointer;width:36px;height:32px;color:var(--sub);border-radius:4px;font-size:14px;font-weight:600}.qb-expand-input button:hover{border-color:var(--accent);color:var(--accent)}.qb-expand-input input{border:1px solid var(--border);font-size:14px;font-weight:700;font-family:var(--mono);text-align:center;border-radius:4px;outline:none;flex:1;padding:6px 10px}.qb-expand-input input:focus{border-color:var(--accent)}.qb-expand-quick{gap:4px;margin-bottom:10px;display:flex}.qb-expand-quick span{text-align:center;color:var(--accent);background:var(--accent-lt);cursor:pointer;border-radius:3px;flex:1;padding:4px;font-size:9px;font-weight:500}.qb-expand-quick span:hover{background:var(--accent);color:#fff}.qb-expand-total{background:var(--accent-lt);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.qb-expand-total span{color:var(--sub);font-size:11px}.qb-expand-total b{font-size:16px;font-weight:900;font-family:var(--mono);color:var(--accent)}.qb-expand-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.qb-expand-btns button{cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);border:none;border-radius:6px;padding:8px;transition:all .15s}.project-list{flex-direction:column;gap:6px;display:flex}.project-item{background:var(--bg);border-radius:var(--rs);cursor:pointer;padding:10px;transition:all .2s}.project-item:hover{background:#e8f4f4}.project-item.active{border:1px solid var(--accent);background:#e8f4f4}.project-header{align-items:flex-start;gap:8px;display:flex}.project-type{color:#fff;white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:8px;font-weight:600}.project-info{flex:1;min-width:0}.project-name{color:var(--text);margin-bottom:2px;font-size:12px;font-weight:700}.project-meta{color:var(--muted);font-size:9px}.project-progress-wrap{text-align:right;flex-shrink:0}.project-percent{color:var(--accent);font-size:13px;font-weight:800;font-family:var(--mono)}.project-bar{background:#1a8a8a26;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.project-fill{background:linear-gradient(90deg, var(--accent), #2dd4bf);border-radius:2px;height:100%;transition:width .3s}.project-detail{border:1px solid var(--accent);border-radius:0 0 var(--rs) var(--rs);background:#fff;border-top:none;margin-top:-6px;padding:12px}.project-desc{color:var(--sub);margin-bottom:10px;font-size:11px;line-height:1.6}.project-highlights{background:#f0fdf4;border-radius:6px;margin-bottom:10px;padding:10px}.ph-title{color:var(--green);margin-bottom:6px;font-size:10px;font-weight:700}.ph-item{color:#166534;margin-bottom:3px;font-size:10px}.ph-item:last-child{margin-bottom:0}.project-actions{border-top:1px solid var(--border);gap:12px;padding-top:10px;display:flex}.project-actions span{color:var(--accent);cursor:pointer;font-size:10px;font-weight:600}.project-actions span:hover{text-decoration:underline}.river-topo{padding:0;position:relative}.river-topo-legend{background:var(--bg);color:var(--muted);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:5px 8px;font-size:9px;display:flex}.river-topo-legend .leg-item{align-items:center;gap:3px;display:flex}.river-topo-legend .leg-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.topo-node{position:relative}.topo-row{align-items:center;gap:0;min-height:34px;display:flex;position:relative}.topo-stem{flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex;position:relative}.topo-stem-line{width:2.5px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.topo-node.is-main .topo-stem-line{background:linear-gradient(#0d9488,#14b8a6)}.topo-node.is-trib .topo-stem-line{background:#93c5fd}.topo-node:first-child .topo-stem-line{border-radius:2px 2px 0 0;top:50%}.topo-node:last-child .topo-stem-line{border-radius:0 0 2px 2px;bottom:50%}.topo-node:only-child .topo-stem-line{border-radius:2px;top:25%;bottom:25%}.topo-dot{z-index:2;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 1px #00000014}.topo-node.is-main .topo-dot{background:#0d9488}.topo-node.is-trib .topo-dot{background:#60a5fa}.topo-node.is-source .topo-dot{background:#10b981;width:12px;height:12px}.topo-node.is-mouth .topo-dot{background:#f59e0b}.topo-card{background:var(--bg);cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;margin:1.5px 0;padding:5px 8px;transition:all .15s;display:flex}.topo-card:hover{background:var(--accent-lt)}.topo-card.active{background:var(--accent-lt);border:1.5px solid var(--accent);margin:0}.topo-card-body{flex:1;min-width:0}.topo-card-name{color:var(--text);align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1.2;display:flex}.topo-order{white-space:nowrap;border-radius:3px;padding:1px 3.5px;font-size:7.5px;font-weight:600}.topo-node.is-main .topo-order{color:#0d9488;background:#0d94881a}.topo-node.is-trib .topo-order{color:#3b82f6;background:#60a5fa1f}.topo-card-meta{color:var(--muted);margin-top:1px;font-size:9px}.topo-card-right{text-align:right;flex-shrink:0}.topo-card-certs{color:var(--accent);font-size:12px;font-weight:800;font-family:var(--mono);letter-spacing:-.3px}.topo-children{padding-left:14px;position:relative}.topo-children:before{content:"";background:linear-gradient(#93c5fd,#93c5fd33);width:2px;position:absolute;top:0;bottom:0;left:14px}.topo-branch-line{background:#93c5fd;width:14px;height:2px;position:absolute;top:50%;left:0}.topo-flow-dir{text-align:center;color:var(--accent);opacity:.5;letter-spacing:2px;margin:-2px 0;padding:0;font-size:8px;line-height:1}.qb-expand-btns .xfer-btn{background:var(--card);color:#818cf8;border:1px solid #818cf8}.qb-expand-btns .xfer-btn:hover{background:#818cf81a}.qb-expand-btns .burn-btn{color:#fff;background:#f97316}.qb-expand-btns .burn-btn:hover{background:#ea580c}.project-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal{background:#fff;border-radius:12px;width:360px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.pm-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--accent-lt) 0%, #f8f9fa 100%);align-items:center;gap:10px;padding:16px;display:flex}.pm-type{color:#fff;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.pm-title{color:var(--text);flex:1;font-size:15px;font-weight:700}.pm-close{cursor:pointer;width:28px;height:28px;color:var(--muted);background:#0000000d;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.pm-close:hover{color:var(--text);background:#0000001a}.pm-body{padding:16px}.pm-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:12px;display:flex}.pm-info-row span{color:var(--sub)}.pm-info-row b{color:var(--text);font-weight:600}.pm-progress{background:#1a8a8a26;border-radius:3px;height:6px;margin:12px 0;overflow:hidden}.pm-progress-fill{background:linear-gradient(90deg, var(--accent), #2dd4bf);border-radius:3px;height:100%}.pm-desc{color:var(--sub);background:var(--bg);border-radius:8px;margin-bottom:16px;padding:12px;font-size:12px;line-height:1.7}.pm-highlights{background:#f0fdf4;border-radius:8px;padding:12px}.pm-hl-title{color:var(--green);margin-bottom:8px;font-size:11px;font-weight:700}.pm-hl-item{color:#166534;margin-bottom:4px;padding-left:4px;font-size:11px}.pm-footer{border-top:1px solid var(--border);background:#f8f9fa;gap:8px;padding:12px 16px;display:flex}.pm-footer button{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:6px;flex:1;padding:10px;transition:all .15s}.pm-footer button:first-child{background:var(--accent);color:#fff}.pm-footer button:first-child:hover{background:var(--accent-dk)}.pm-footer button:nth-child(2){background:var(--green);color:#fff}.pm-footer button:nth-child(2):hover{background:#236b3d}.pm-footer button:last-child{background:var(--card);color:var(--sub);border:1px solid var(--border)}.pm-footer button:last-child:hover{border-color:var(--accent);color:var(--accent)}.R-bar{justify-content:space-between;align-items:center;height:100%;display:flex}.R-label{color:var(--text);letter-spacing:-.5px;font-size:18px;font-weight:900}.R-btns{gap:5px;display:flex}.R-btn{border:1.5px solid var(--border);background:var(--card);color:var(--sub);cursor:pointer;font-size:11px;font-family:var(--font);border-radius:6px;padding:5px 12px;font-weight:600;transition:all .15s}.R-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.R-btn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.R-btn.hidden{display:none}.float-panel{z-index:20;background:var(--card);border-bottom:1.5px solid var(--border);opacity:0;pointer-events:none;transition:all .25s;position:absolute;top:80px;left:0;right:0;transform:translateY(-100%);box-shadow:0 8px 24px #0000001a}.float-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.fp-body{padding:16px 20px}.fp-close{border-top:1px solid var(--border);text-align:right;padding:8px 20px}.fp-close span{color:var(--accent);cursor:pointer;font-size:9px;font-weight:600}.my-name{align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.my-id{color:var(--muted);font-size:9px;font-family:var(--mono);font-weight:400}.my-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.my-gi{background:var(--card);text-align:center;cursor:pointer;border:1.5px solid var(--accent);border-radius:7px;padding:8px 4px;transition:all .15s}.my-gi:hover{background:var(--accent-lt)}.my-gv{font-size:14px;font-weight:900;font-family:var(--mono);color:var(--text);letter-spacing:-.3px}.my-gu{color:var(--muted);margin-left:1px;font-size:7px;font-weight:400}.my-gl{color:var(--muted);margin-top:2px;font-size:8px;font-weight:500}.my-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.my-tl{color:var(--sub);font-size:9px}.my-tv{font-size:14px;font-weight:800;font-family:var(--mono);color:var(--accent)}.about-title{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:800}.about-desc{color:var(--sub);margin-bottom:12px;font-size:11px;line-height:1.8}.about-links{border-top:1px solid var(--border);gap:12px;padding-top:10px;display:flex}.about-links a{color:var(--accent);font-size:10px;font-weight:600;text-decoration:none}.about-links a:hover{text-decoration:underline}.faq-q{margin-bottom:2px;font-size:12px;font-weight:700}.faq-a{color:var(--sub);font-size:10px;line-height:1.7}.faq-item{border-bottom:1px solid var(--border);padding:8px 0}.faq-item:last-child{border-bottom:none}.news-d{color:var(--accent);font-size:9px;font-weight:600;font-family:var(--mono);margin-bottom:2px}.news-t{margin-bottom:2px;font-size:11px;font-weight:700}.news-c{color:var(--sub);font-size:10px;line-height:1.6}.news-item{border-bottom:1px solid var(--border);padding:8px 0}.news-item:last-child{border-bottom:none}.val-card{border-radius:var(--r);background:linear-gradient(135deg, #f5faf6 0%, var(--green-lt) 100%);border:1px solid #2d8a4e14;margin:10px 20px 4px;padding:14px;position:relative;overflow:hidden}.val-card:after{content:"";background:radial-gradient(circle,#2d8a4e0f,#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:-20px;right:-20px}.val-lbl{color:#2d6a3e;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600}.val-row{align-items:baseline;gap:5px;display:flex}.val-num{font-size:28px;font-weight:900;font-family:var(--mono);color:var(--text);letter-spacing:-1.5px;line-height:1}.val-unit{color:var(--sub);font-size:13px;font-weight:600}.val-eq{color:var(--sub);margin-top:6px;font-size:11px;line-height:1.6}.val-eq b{font-weight:700;font-family:var(--mono);color:var(--text)}.val-eq b.hl{color:var(--green)}.val-g{grid-template-columns:1fr 1fr;gap:4px;display:grid}.val-c{cursor:pointer;background:#ffffffb3;border-radius:6px;padding:8px;transition:all .15s;position:relative}.val-c:before{content:"";background:var(--green);opacity:.2;border-radius:0 2px 2px 0;width:3px;height:100%;transition:opacity .15s;position:absolute;top:0;left:0}.val-c:hover{background:#fffffff2}.val-c:hover:before{opacity:.5}.val-cn{color:var(--sub);margin-bottom:2px;font-size:11px;font-weight:600}.val-cv{font-size:16px;font-weight:900;font-family:var(--mono);color:var(--text);letter-spacing:-.5px;line-height:1}.val-cu{color:var(--sub);margin-left:2px;font-size:9px;font-weight:500}.val-ce{color:var(--sub);margin-top:4px;font-size:10px}.dw{align-items:center;gap:18px;padding:4px 0 6px;display:flex}.dn{flex-shrink:0;width:100px;height:100px;position:relative}.dn svg{transform:rotate(-90deg)}.dn-c{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dn-v{font-size:16px;font-weight:900;font-family:var(--mono);color:var(--text);letter-spacing:-.5px}.dn-u{color:var(--sub);margin-left:1px;font-size:9px;font-weight:500}.dn-l{color:var(--sub);margin-top:1px;font-size:9px}.lg{flex-direction:column;flex:1;gap:10px;display:flex}.lg-i{align-items:center;gap:8px;display:flex}.lg-d{border-radius:2px;flex-shrink:0;width:7px;height:7px}.lg-f{flex:1}.lg-t{justify-content:space-between;align-items:baseline;display:flex}.lg-l{color:var(--sub);font-size:11px;font-weight:500}.lg-v{font-size:14px;font-weight:800;font-family:var(--mono);color:var(--text);letter-spacing:-.3px}.lg-b{background:#1a8a8a14;border-radius:2px;height:3px;margin-top:3px;overflow:hidden}.lg-bf{border-radius:2px;height:100%}.tk{max-height:300px;overflow-y:auto}.tk::-webkit-scrollbar{width:3px}.tk::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.tx{border-bottom:1px solid var(--bg);align-items:center;gap:8px;padding:6px 0;display:flex}.tx:last-child{border-bottom:none}.td{border-radius:50%;flex-shrink:0;width:5px;height:5px}.tb{flex:1;min-width:0}.tt{color:var(--text);font-size:11px;line-height:1.5}.tz{color:var(--accent);font-weight:700}.tm{color:var(--sub);font-size:10px;font-family:var(--mono)}.ta{font-size:12px;font-weight:700;font-family:var(--mono);color:var(--text);letter-spacing:-.3px;flex-shrink:0}.ta.void{color:var(--sub);font-size:10px;font-weight:500}.rank-list{flex-direction:column;gap:4px;display:flex}.rank-item{background:var(--bg);border-radius:5px;align-items:center;gap:8px;padding:6px 8px;display:flex}.rank-num{background:var(--faint);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.rank-num.gold{background:linear-gradient(135deg,#f4d03f,#c9a227)}.rank-num.silver{background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.rank-num.bronze{background:linear-gradient(135deg,#e67e22,#d35400)}.rank-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:500;overflow:hidden}.rank-count{color:var(--accent);font-size:11px;font-weight:700;font-family:var(--mono);flex-shrink:0}.action-box{gap:10px;margin-bottom:12px;display:flex}.action-btn{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;flex:1;padding:12px;transition:all .2s}.action-btn.primary{background:var(--accent);color:#fff}.action-btn.primary:hover{background:var(--accent-dk)}.action-btn.secondary{background:var(--bg);color:var(--accent);border:1.5px solid var(--accent)}.action-btn.secondary:hover{background:var(--accent-lt)}.help-links{color:var(--sub);justify-content:center;gap:8px;font-size:11px;display:flex}.help-links a{color:var(--accent);text-decoration:none}.help-links a:hover{text-decoration:underline}.help-links span{color:var(--muted)}.modal-overlay{z-index:9999;padding:env(safe-area-inset);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--card);border-radius:16px;width:360px;max-width:min(90vw,100vw - 24px);max-height:min(80vh,100vh - 48px);overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--muted);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.modal-close:hover{background:var(--accent-lt);color:var(--accent)}.modal-body{padding:20px}.modal-info{background:var(--bg);border-radius:10px;margin-bottom:16px;padding:14px}.modal-info-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.modal-info-row span{color:var(--sub)}.modal-info-row b{font-family:var(--mono);color:var(--text)}.modal-info-row b.hl{color:var(--accent)}.modal-input-group{margin-bottom:16px}.modal-input-group label{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:500;display:block}.modal-input-row{gap:8px;display:flex}.modal-input-row button{border:1.5px solid var(--border);background:var(--card);cursor:pointer;width:50px;color:var(--sub);border-radius:6px;font-size:12px;font-weight:600;transition:all .15s}.modal-input-row button:hover{border-color:var(--accent);color:var(--accent)}.modal-input-row input{border:1.5px solid var(--border);font-size:16px;font-weight:700;font-family:var(--mono);text-align:center;border-radius:6px;outline:none;flex:1;padding:10px 14px}.modal-input-row input:focus{border-color:var(--accent)}.modal-quick-btns{gap:6px;margin-top:10px;display:flex}.modal-quick-btns span{text-align:center;color:var(--accent);background:var(--accent-lt);cursor:pointer;border-radius:4px;flex:1;padding:6px;font-size:10px;font-weight:500;transition:all .15s}.modal-quick-btns span:hover{background:var(--accent);color:#fff}.modal-total{background:linear-gradient(135deg, var(--accent-lt), #f0fafa);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:0;padding:14px;display:flex}.modal-total span{color:var(--sub);font-size:12px}.modal-total b{font-size:22px;font-weight:900;font-family:var(--mono);color:var(--accent)}.modal-actions{border-top:1px solid var(--border);background:var(--bg);gap:10px;padding:16px 20px;display:flex}.modal-btn{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;flex:1;padding:12px;transition:all .2s}.modal-btn.primary{background:var(--accent);color:#fff}.modal-btn.primary:hover{background:var(--accent-dk)}.modal-btn.secondary{background:var(--card);color:var(--accent);border:1.5px solid var(--accent)}.modal-btn.secondary:hover{background:var(--accent-lt)}.maplibregl-popup-content{font-family:var(--font);border-radius:10px;padding:0;box-shadow:0 4px 20px #00000026}.maplibregl-popup-close-button{color:var(--muted);padding:4px 8px;font-size:18px}.maplibregl-popup-close-button:hover{color:var(--accent);background:0 0}img[alt=QR],img[alt=水信息码]{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (width<=900px){:root{--sw:100%;--sw-left:100%}.top-nav{height:var(--top-nav-height,48px);padding:0 12px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom,0);min-height:calc(48px + env(safe-area-inset-top,0));color:#fff;z-index:200;top:0;left:0;right:0;transform:translateZ(0);position:fixed!important}.top-nav-brand{flex-shrink:0;margin-right:12px;font-size:14px}.top-nav-brand svg{width:18px;height:18px}.top-nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:0;min-width:140px;overflow:auto hidden}.top-nav-tabs::-webkit-scrollbar{display:none}.top-nav-tabs button{white-space:nowrap;flex-shrink:0;min-height:44px;padding:0 12px;font-size:12px}.top-nav-tabs button.active:after{left:8px;right:8px}.trade-nav-slot{margin-right:0}html.from-mp .top-nav{background:#083232eb;flex-wrap:nowrap;height:44px;min-height:44px;overflow:visible}html.from-mp .top-nav-brand{display:none}html.from-mp .top-nav-tabs{flex:auto;min-width:0;height:44px;overflow:visible}html.from-mp .top-nav-tabs button{padding:0 8px;font-size:12px}html.from-mp .top-nav-dropdown{z-index:30}html.from-mp .top-nav-dropdown-menu{z-index:40}html.from-mp .trade-nav-slot{display:none}html.from-mp .avatar-float-wrap{z-index:1200;bottom:calc(64px + env(safe-area-inset-bottom))!important}html.from-mp .mobile-drawer{bottom:calc(52px + env(safe-area-inset-bottom))}.top-nav-right{flex-shrink:0}.top-nav-right a{display:none}.top-nav-trading-btn{border-radius:7px;font-size:11px}.top-nav-right:hover .top-nav-trading-btn{padding:5px 10px}.app-container{flex-direction:column;position:relative}.panel,.site-footer,.app-water-mode .site-footer{display:none}.map-wrapper{flex:1;width:100%;height:100%;position:absolute;inset:0}.mobile-drawer{background:var(--card);z-index:1000;max-height:82vh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.mobile-drawer.collapsed{transform:translateY(calc(100% - 260px))}.mobile-drawer.expanded{transform:translateY(0)}.mobile-drawer-handle{cursor:grab;touch-action:none;justify-content:center;padding:6px;display:flex}.mobile-drawer-handle:before{content:"";background:#d1d5db;border-radius:2px;width:36px;height:4px}.mobile-drawer-header{padding:0 14px 4px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.mobile-drawer-body{padding:8px 14px 10px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.mobile-drawer-body::-webkit-scrollbar{width:3px}.mobile-drawer-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.mobile-province-tabs{-webkit-overflow-scrolling:touch;align-items:center;gap:5px;padding:2px 0;display:flex;overflow-x:auto}.mobile-province-tabs::-webkit-scrollbar{display:none}.mobile-province-tab{background:var(--bg);color:var(--sub);border:1px solid var(--border);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:500;font-family:var(--font);border-radius:14px;flex-shrink:0;padding:4px 10px;transition:all .2s}.mobile-province-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.mobile-cert-card{background:linear-gradient(135deg, var(--accent-lt) 0%, #f0fafa 100%);border-radius:12px;margin-bottom:10px;padding:12px 14px}.mobile-cert-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mobile-cert-title{color:var(--accent-dk);font-size:14px;font-weight:800}.mobile-cert-badge{color:var(--accent);font-size:10px;font-weight:600}.mobile-cert-value{align-items:baseline;gap:4px;display:flex}.mobile-cert-num{font-size:26px;font-weight:900;font-family:var(--mono);color:var(--text);letter-spacing:-1px}.mobile-cert-unit{color:var(--sub);font-size:11px;font-weight:600}.mobile-water-code{background:var(--bg);border-radius:8px;padding:6px 10px}.mobile-water-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.mobile-water-tags{flex-wrap:wrap;gap:4px;margin-bottom:1px;display:flex}.mobile-water-tag{background:var(--accent-lt);color:var(--accent);border-radius:8px;padding:2px 7px;font-size:9px;font-weight:500}.mobile-water-id{font-size:10px;font-family:var(--mono);color:var(--accent);font-weight:600}.mobile-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.mobile-stat{background:var(--bg);text-align:center;border-radius:8px;padding:8px 4px}.mobile-stat-label{color:var(--sub);white-space:nowrap;margin-bottom:2px;font-size:9px}.mobile-stat-value{font-size:13px;font-weight:800;font-family:var(--mono);color:var(--text)}.mobile-stat-unit{color:var(--muted);font-size:8px}.map-control-panel{display:none!important}.maplibregl-ctrl-top-right{top:10px;right:10px}.maplibregl-ctrl-top-right .maplibregl-ctrl{margin:0 0 8px}.app-water-mode .avatar-float-wrap{right:16px;bottom:max(16px, env(safe-area-inset-bottom))}.app-water-mode .avatar-toggle-btn{width:46px;height:46px}.app-root:not(.app-water-mode) .avatar-float-wrap{right:16px;bottom:max(16px, env(safe-area-inset-bottom))}.app-root:not(.app-water-mode) .avatar-toggle-btn{width:46px;height:46px}}@media (width<=380px){.top-nav{padding:0 8px}.top-nav-brand{margin-right:8px;font-size:12px}.top-nav-brand span{font-size:12px}.top-nav-tabs button{padding:0 8px;font-size:11px}.top-nav-tabs button.active:after{left:4px;right:4px}.app-water-mode .avatar-toggle-btn,.app-root:not(.app-water-mode) .avatar-toggle-btn{width:40px;height:40px}}@media (width>=769px) and (width<=1400px){.panel-body{font-size:.95em}.sec-title{font-size:11px!important}.cb-val{font-size:18px!important}.nat-v{font-size:13px!important}}@media (width>=769px){.mobile-only{display:none!important}}.mp-tabbar{z-index:1300;height:calc(52px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;background:#fff;border-top:1px solid #e6ece9;display:flex;position:fixed;bottom:0;left:0;right:0}.mp-tab{color:#1a2a48;font-size:11px;font-weight:600;font-family:var(--font);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.trade-shop-tools{z-index:1200;pointer-events:none;justify-content:flex-end;padding:8px 10px 0;display:flex;position:absolute;top:0;left:0;right:0}.trade-shop-tools .trade-site-nav{pointer-events:auto;background:#fffffff0;border-radius:999px;padding:2px 6px;box-shadow:0 4px 14px #14281e1f}.mp-tab img{object-fit:contain;width:22px;height:22px}.mp-tab.is-on{color:#0d5c4a}[role=button]{cursor:pointer!important}