:root{--green:#247956;--green-soft:#eaf3ec;--page:#f7f9f6;--ink:#263b2e;--muted:#87968b;--line:#e7ede5;color-scheme:light}*{box-sizing:border-box}html{background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;-webkit-text-size-adjust:100%;font-size:14px}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}button,input,select,a{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ccdb4;outline-offset:3px}button{color:inherit}input,select{min-width:0;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;min-height:42px;padding:10px 12px;font-size:16px}input::placeholder{color:#929e99;font-size:13px}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.4;letter-spacing:-.8px;margin-bottom:0}h2{font-size:16px;margin:0}h3{font-size:14px;margin:0;line-height:1.5}svg{flex-shrink:0;vertical-align:middle}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;font-size:12px}main{padding:0 20px 104px;min-height:calc(100dvh - 76px)}.app-shell{max-width:520px;min-height:100dvh;margin:auto;background:var(--page);position:relative}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #edf1ee}.brand{display:flex;gap:9px;align-items:center}.brand-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;box-shadow:0 3px 8px #167b5420}.brand b{font-size:17px;letter-spacing:.5px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px;letter-spacing:.5px}.readonly-badge{font-size:11px;color:var(--green);border:1px solid #d8e8e0;border-radius:6px;padding:4px 6px;display:flex;align-items:center;gap:3px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 0 20px;gap:8px}.eyebrow{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.5px;display:block;margin-bottom:5px}.connection-pill{border:1px solid #dfebe4;background:#fff;display:flex;align-items:center;gap:5px;padding:8px 9px;font-size:11px;border-radius:20px;white-space:nowrap;min-height:36px}.dot{height:6px;width:6px;background:#2a9968;display:inline-block;border-radius:50%;flex-shrink:0}.offline .dot,.dot.gray{background:#a0a8a3}.hero-card{background:var(--green);border-radius:18px;color:#fff;position:relative;overflow:hidden;padding:21px 22px;box-shadow:0 7px 20px #176a471a}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:5px}.hero-label{font-size:11px;color:#dcf2e6;display:flex;align-items:center;gap:6px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-tag{border:1px solid #ffffff38;border-radius:5px;padding:3px 5px;color:#e5f5eb;font-size:9px;white-space:nowrap}.hero-card h2{font-size:25px;line-height:1.42;font-weight:600;letter-spacing:.5px;margin-top:20px;position:relative;z-index:1}.hero-card p{font-size:11px;margin:11px 0 20px;color:#d7eee1;position:relative;z-index:1}.hero-link{border:0;border-radius:7px;background:#fff;color:var(--green);display:flex;align-items:center;gap:14px;font-weight:600;font-size:12px;padding:11px 12px;position:relative;z-index:1}.hero-art{position:absolute;right:20px;bottom:35px;width:90px;height:110px;transform:rotate(-10deg);color:#c3e7d638;display:grid;place-items:center;pointer-events:none}.hero-art span{position:absolute;width:112px;height:112px;border:1px solid #ffffff13;border-radius:24px;transform:rotate(15deg)}.hero-art span+span{width:145px;height:145px;transform:rotate(28deg)}.stats-row{margin:16px 0 25px;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr 1fr;padding:18px 0}.stats-row>div{padding:0 18px;min-width:0}.stats-row>div+div{border-left:1px solid var(--line)}.stats-row small{color:var(--muted);font-size:11px;display:block}.stats-row strong{font-size:29px;font-weight:650;line-height:1.9;display:block;font-variant-numeric:tabular-nums}.stats-row em{font-size:11px;font-style:normal;font-weight:400;margin-left:6px;color:var(--muted)}.stats-row span{font-size:10px;color:#8b9691;line-height:1.5;display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading>span{font-size:10px;color:var(--muted)}.section-heading.spaced{margin:22px 0 13px}.section-heading h2{font-size:16px}.entry-list{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 15px;margin-bottom:15px}.entry-list button{width:100%;padding:18px 0;display:flex;gap:12px;align-items:center;background:none;border:0;text-align:left}.entry-list button+button{border-top:1px solid var(--line)}.entry-list button>div{flex:1}.entry-list strong{display:block;font-size:14px;font-weight:600}.entry-list small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.entry-list button>svg{color:#9daaa3}.entry-icon{display:grid;place-items:center;background:var(--green-soft);color:var(--green);width:40px;height:40px;border-radius:11px;flex-shrink:0}.entry-icon.light{background:#f2f4ed;color:#738656}.notice{background:#eef4f0;color:#5a7165;display:flex;gap:8px;font-size:11px;line-height:1.7;padding:12px;border-radius:9px;margin:12px 0;overflow-wrap:anywhere}.notice>svg{margin-top:1px}.notice.danger{background:#fff5e9;color:#9b6126}.global-error{padding-top:8px}.global-error>.text-button{margin-left:auto;display:flex}.button{border:1px solid transparent;border-radius:9px;padding:11px 16px;min-height:44px;font-weight:600;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap}.button.primary{color:#fff;background:var(--green)}.button.secondary{background:#fff;border-color:#dfe7e1;color:#456454}.button.small{min-height:38px;padding:8px 11px;font-size:12px;border-radius:8px}.button.full{width:100%}.button.logout{background:#fff;color:#a14c43;border:1px solid #e9dfdd}.text-button{background:none;border:0;color:var(--green);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:3px;padding:8px 0;min-height:34px}.text-button.muted{color:#88968f}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;background:transparent;border:0;border-radius:8px}.scope-bar{display:flex;align-items:center;gap:12px;margin-bottom:15px}.platform-chip{background:#24362d;color:#fff;font-size:11px;font-weight:600;padding:6px 9px;border-radius:6px}.segmented{flex:1;display:flex;background:#e9eee9;padding:4px;border-radius:10px;gap:3px}.segmented button{flex:1;border:0;background:transparent;min-height:36px;border-radius:7px;font-size:12px;color:#6e7d74;padding:7px}.segmented button.selected{background:#fff;box-shadow:0 2px 5px #1f493512;color:var(--green);font-weight:600}.filters{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.search-box{display:flex;align-items:center;background:#f4f7f4;border-radius:9px;padding:0 10px;gap:7px;color:#8c9c91}.search-box input{flex:1;background:transparent;border:0;font-size:16px;padding:10px 0;height:42px}.filter-bottom{display:grid;grid-template-columns:minmax(0,1fr) 94px 80px;gap:7px;margin-top:10px;align-items:center}.filter-bottom input{width:100%;min-height:38px;font-size:16px;padding:8px}.filter-bottom select{width:100%;padding:8px 4px;min-height:38px;font-size:12px}.filter-bottom .button{padding:8px 5px}.fetch-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 1px}.fetch-toolbar>span{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:10px}.snapshot-caption{margin:12px 0 14px;font-size:12px;color:var(--ink)}.snapshot-caption b{font-size:17px;font-weight:650}.snapshot-caption span,.snapshot-caption small{color:var(--muted);font-size:10px}.snapshot-caption small{display:block;margin-top:5px}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 13px 0;overflow:hidden}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-channel{color:#77857d;font-size:10px;letter-spacing:.3px}.status-tag{background:var(--green-soft);border-radius:5px;color:var(--green);font-size:10px;padding:4px 7px;display:inline-block;white-space:normal;overflow-wrap:anywhere;max-width:65%;line-height:1.5}.product-line{display:flex;align-items:flex-start;gap:9px;margin:15px 0 13px}.product-placeholder{display:grid;place-items:center;width:41px;height:46px;background:#f2f4f1;color:#bac6be;border:1px solid #e8ece7;border-radius:7px;flex-shrink:0}.product-line>div:not(.money){flex:1;min-width:0}.product-line h3{font-size:12px;font-weight:550;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.product-line p{font-size:10px;color:var(--muted);margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.money{white-space:nowrap;text-align:right;flex-shrink:0;margin-top:0}.money small{display:block;font-size:9px;color:#96a098;margin-bottom:6px}.money strong{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}.money i{font-size:11px;font-style:normal;margin-right:2px}.order-number{display:flex;align-items:center;gap:6px;min-height:34px;background:#f6f8f5;border-radius:6px;padding:4px 7px;flex-wrap:wrap}.order-number>span{font-size:9px;color:#92a096;white-space:nowrap}.order-number code{font-size:11px;letter-spacing:-.15px;flex:1;white-space:nowrap;user-select:text}.copy-button{display:inline-flex;gap:3px;align-items:center;background:none;border:0;color:#5f7c6b;font-size:9px;padding:5px 0;min-height:28px;flex-shrink:0}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f4ef;margin-top:11px;min-height:40px;gap:5px}.remaining,.warning-text{font-size:10px;display:inline-flex;gap:4px;align-items:center;line-height:1.5}.remaining{color:#8a948d}.warning-text{color:#a36b27}.card-footer .text-button{font-size:11px}.marker{background:#fff7e9;color:#a17b3b;font-size:10px;line-height:1.5;padding:7px 13px;margin:0 -13px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0}.pagination>span{font-size:11px;color:var(--muted)}.empty{padding:35px 15px;text-align:center;color:var(--muted)}.empty-icon{display:inline-grid;place-items:center;border-radius:18px;background:#edf2ed;color:#a2b7a8;width:66px;height:66px;margin-bottom:14px}.empty h3{font-size:14px;color:#62776a;font-weight:550;margin-bottom:9px}.empty p{font-size:11px;line-height:1.9;max-width:270px;margin:0 auto}.compact-empty{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 15px;color:var(--muted);font-size:11px;line-height:1.8;text-align:center}.fine-print{font-size:10px;line-height:1.9;color:#97a39a;text-align:center;margin:20px 4px 4px}.task-toolbar{margin-bottom:15px}.task-toolbar p{font-size:11px;color:var(--muted);margin:0}.task-card{display:flex;gap:10px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 12px;margin:10px 0}.task-icon{display:grid;place-items:center;background:#f0f5f0;width:34px;height:34px;border-radius:10px;color:var(--green);flex-shrink:0}.task-content{flex:1;min-width:0}.task-content h3{font-size:12px}.task-content p{font-size:11px;color:var(--muted);margin:7px 0 4px;overflow-wrap:anywhere}.task-content small{font-size:9px;color:#9ba69f}.task-status{font-size:9px!important;white-space:nowrap;padding:3px 5px;border-radius:5px;background:#f0f2ef;color:#7d8e81!important}.task-status.state-succeeded{background:var(--green-soft);color:var(--green)!important}.task-status.state-failed,.task-status.state-partial,.task-status.state-unknown{color:#a7712e!important;background:#fff4e5}.task-status.state-running,.task-status.state-preparing{color:#397e8c!important;background:#edf5f6}.task-actions{display:flex;gap:16px;flex-wrap:wrap}.task-actions .text-button{font-size:10px;padding:5px 0}.pending-command{padding:13px;border:1px dashed #c8d8cf;border-radius:10px;margin:10px 0;font-size:11px}.pending-command p{font-size:10px;color:var(--muted);margin-bottom:0}.profile-card{display:flex;align-items:center;gap:12px;background:#fff;padding:20px 15px;border:1px solid var(--line);border-radius:14px}.profile-avatar{width:48px;height:48px;background:#eef5ed;display:grid;place-items:center;border-radius:50%;color:var(--green)}.profile-card>div:not(.profile-avatar){flex:1}.profile-card h2{font-size:15px}.profile-card p{font-size:10px;color:var(--muted);margin:6px 0 0}.profile-card>svg{color:#a1b8a9}.section-title{font-size:14px;margin:25px 0 12px}.settings-card{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fff}.device-line{display:flex;gap:10px;align-items:center;margin:2px 0 13px}.device-line>div{flex:1;min-width:0}.device-line strong{font-size:13px;overflow-wrap:anywhere}.device-line p{font-size:10px;color:var(--muted);margin:5px 0 0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;border-top:1px solid var(--line);padding:14px 0}.setting-row span{color:var(--muted)}.setting-row b{font-size:11px;color:var(--green);font-weight:500}.settings-card>.button{font-size:11px;margin-top:4px}.privacy-list{margin-bottom:24px}.privacy-list p{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.9;color:#7d8c82;margin:12px 0}.privacy-list svg{margin-top:3px;color:#80a58f}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;background:#fffffff5;backdrop-filter:blur(16px);border-top:1px solid #e6ece6;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 7px calc(9px + env(safe-area-inset-bottom));z-index:10}.bottom-nav button{position:relative;background:transparent;border:0;display:flex;align-items:center;flex-direction:column;gap:5px;padding:4px;color:#9aa49d;font-size:10px;min-height:47px}.bottom-nav button.active{color:var(--green);font-weight:600}.nav-icon{position:relative;display:block}.nav-icon i{position:absolute;font-style:normal;font-size:8px;background:#c77844;color:#fff;right:-8px;top:-3px;min-width:12px;height:12px;line-height:12px;border-radius:8px}.bottom-nav button.active:before{content:"";position:absolute;width:15px;height:2px;background:var(--green);border-radius:2px;top:-9px}.sheet{border:0;border-radius:22px 22px 0 0;padding:0;width:min(100%,520px);max-width:520px;max-height:90dvh;margin:auto auto 0;color:var(--ink);background:#fff;box-shadow:0 -12px 40px #14251b15;overscroll-behavior:contain}.sheet::backdrop{background:#14251b65;backdrop-filter:blur(2px)}.sheet-handle{height:4px;width:34px;border-radius:3px;background:#dce5de;margin:9px auto 1px}.sheet>header{display:flex;justify-content:space-between;align-items:center;padding:9px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.sheet>header h2{font-size:16px}.sheet-body{padding:8px 20px 24px;overflow-wrap:anywhere}.sheet-body>p{font-size:12px;color:var(--muted)}.sheet>footer{position:sticky;bottom:0;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 20px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.detail-summary{padding:18px 0}.detail-summary strong{display:block;font-size:32px;margin:16px 0}.detail-summary h3{font-size:15px;margin-bottom:8px}.detail-summary p{font-size:12px;color:var(--muted);margin-bottom:0}.detail-facts{border-top:1px solid var(--line)}.fact{display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid var(--line);padding:12px 0;min-height:40px}.fact>span{font-size:11px;color:var(--muted);flex-shrink:0;min-width:52px;line-height:1.8}.fact code{font-size:11px;flex:1;line-height:1.8;user-select:text}.fact .copy-button{padding-top:0;min-height:22px}.subheading{font-size:14px;margin:22px 0 14px}.logistics-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#f5f8f3;border-radius:8px;padding:11px}.logistics-head strong{font-size:11px}.logistics-head code{font-size:11px;flex:1;user-select:text}.signed-fact{font-size:11px;color:var(--muted);margin:12px 0 22px}.timeline{padding:0 0 0 15px;margin:0 0 20px;list-style:none}.timeline li{border-left:1px solid #dfe7df;padding:0 0 22px 19px;position:relative}.timeline li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#cbd7ce;left:-4px;top:4px}.timeline li:first-child:before{background:var(--green);box-shadow:0 0 0 4px #edf5ed}.timeline time{font-size:10px;color:#95a198}.timeline p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#64776a}.timeline li:first-child p{color:var(--green)}.toast{position:fixed;bottom:calc(94px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:90vw;background:#233d30ee;color:#fff;font-size:12px;line-height:1.6;padding:11px 18px;border-radius:10px;z-index:100;box-shadow:0 4px 18px #18372720}.login-page{padding:35px 3px 10px;text-align:center}.login-illustration{width:90px;height:90px;border-radius:28px;background:#e4f0e6;color:var(--green);display:grid;place-items:center;position:relative;margin:0 auto 28px}.mini-key{position:absolute;bottom:-7px;right:-7px;display:grid;place-items:center;background:#fff;border:1px solid #e7ede7;width:35px;height:35px;border-radius:12px;box-shadow:0 4px 12px #24412c10}.login-page h1{font-size:25px;letter-spacing:.1px;margin:12px 0}.login-page .intro{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:28px}.login-page .notice{text-align:left;margin-bottom:20px}.pair-form{text-align:left}.pair-form label{display:block;color:#688071;font-size:11px;margin:14px 0 7px}.pair-form input{width:100%;background:#fff}.pair-form button{margin-top:18px}.divider{display:flex;align-items:center;gap:10px;margin:27px 0 12px;color:#98a69c;font-size:10px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.login-trust{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#8ba393;margin:28px 0 8px}.pair-progress{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--green);padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.pulse{height:8px;width:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #e3f0e6}.mock-banner{margin:10px 0 0;font-size:10px;line-height:1.5;border:1px dashed #cbb47c;border-radius:7px;padding:7px 9px;color:#977a38;background:#fffae9}.loading-cards{padding:10px 0;color:var(--muted);text-align:center;font-size:11px}.loading-cards span{display:block;height:145px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(90deg,#f0f3ef,#fff,#f0f3ef);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:12px}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:374px){main{padding-left:14px;padding-right:14px}.app-header{padding-left:14px;padding-right:14px}.product-line{gap:7px}.money strong{font-size:19px}.order-number{gap:4px;padding:4px 5px}.order-number code{font-size:10.5px}.order-number>span{font-size:8px}.copy-button{font-size:8px}.hero-card{padding:18px}.hero-card h2{font-size:23px}.filter-bottom{grid-template-columns:minmax(0,1fr) 87px 76px}.fact{gap:6px}.hero-art{right:12px;opacity:.7}}@media(min-width:521px){.app-shell{box-shadow:0 0 40px #1b4d2e0c;border-left:1px solid var(--line);border-right:1px solid var(--line)}.bottom-nav{border-left:1px solid var(--line);border-right:1px solid var(--line)}}