/* Version 2.0: additive changes to 1.0 appearance */
.lang-select-wrap{display:flex;align-items:center;gap:7px;border:1px solid #e0e6f1;background:#fff;padding:8px 10px;border-radius:999px;color:#496079;font-size:12px;font-weight:760}
.lang-select-wrap select{max-width:126px;font-weight:750;font-size:12px;appearance:auto;background:transparent;border:0;color:#263753;outline:0;cursor:pointer}
.header-right{display:flex;gap:9px;align-items:center}
.hero{min-height:328px;padding-top:26px}
.hero h1{max-width:660px}
.v2-intro{padding-top:20px}
.v2-intro h2{font-size:25px;letter-spacing:-.7px;margin-bottom:6px}
.v2-intro p{font-size:13px;color:#6b7790}
.v2-section{margin-top:11px}
.v2-section .section-heading{margin-top:34px}
.v2-guide-card{min-height:175px}
.wx-guide-card .card-icon{background:#dcf7e7;color:#16935b}
.wx-guide-card:hover{border-color:#74d1a0}
.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.v2-guide-card .card-category{font-weight:650;color:#8b96a9}
.mock-stack{width:245px;position:relative;margin:auto;display:flex;justify-content:center;align-items:center;min-height:355px}
.v2-phone{position:relative;overflow:hidden;width:234px;height:358px;border:7px solid #273449;border-radius:32px;background:white;padding:18px 11px 13px;box-shadow:0 20px 35px #283d5e26;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#22334d}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:66px;height:12px;border-radius:0 0 12px 12px;background:#273449}
.p-status{display:flex;justify-content:space-between;color:#808a9a;font-weight:750;font-size:9px;margin:0 2px 13px}
.p-brand{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:850;color:#1c69e9}
.p-mark{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;color:white;background:#1677ef;font-weight:900}
.wx-phone .p-brand{color:#18986a}.wx-phone .p-mark{background:#10a05b}
.p-content{margin-top:17px}
.ptitle{font-size:14px;font-weight:830;letter-spacing:-.3px;margin-bottom:14px}
.mrow{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;line-height:1.25;min-height:38px;padding:8px 9px;margin:6px 0;background:#f5f7fa;border:1px solid transparent;border-radius:10px}
.mright .icon{width:12px;height:12px;color:#73849d}
.mfield{background:#f5f7fb;padding:12px 8px;font-size:10px;color:#55637d;font-weight:650;border-radius:9px;margin:8px 0;line-height:1.25}
.mbutton{background:#2576f0;color:white;border-radius:9px;text-align:center;font-size:11px;font-weight:800;padding:10px;margin-top:13px}
.wx-phone .mbutton{background:#13a468}
.focus-target{position:relative;border:2px solid #377dfb!important;background:#edf4ff!important;box-shadow:0 0 0 4px #598efe25,0 0 0 7px #fff7!important;color:#184dba!important}
.wx-phone .focus-target{border-color:#16b779!important;background:#e7fff0!important;box-shadow:0 0 0 4px #20bc7930,0 0 0 7px #fff7!important;color:#177650!important}
.mbutton.focus-target{background:#2467e1!important;color:#fff!important}
.wx-phone .mbutton.focus-target{background:#18a46c!important;color:#fff!important}
.mqr{width:105px;height:105px;border:1px solid #ccd8e4;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;margin:17px auto 7px;padding:9px}
.mqr svg{width:100%;height:100%}.mqr.blurred svg{filter:blur(5px)}
.qr-focus{margin:auto;display:table;border-radius:9px;padding:2px}
.scan-frame{height:130px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:12px 0}
.scan-frame .icon{width:48px;height:48px}
.p-helper{font-size:10px;color:#8090a4;text-align:center;margin-top:10px;line-height:1.4}
.amount{text-align:center;font-size:29px;letter-spacing:-1px;margin:14px 0}
.big-status{margin:32px auto 10px;width:70px;height:70px;border-radius:100%;display:flex;align-items:center;justify-content:center}
.big-status .icon{width:34px;height:34px}.big-status.success{color:#159b69;background:#e1faee}.big-status.danger{color:#c04f4a;background:#fff0eb}
.status-text{text-align:center;font-weight:800;font-size:12px}
.phone-homebar{position:absolute;bottom:5px;left:35%;width:30%;height:3px;background:#a7adba;border-radius:5px}
.tap-marker{position:absolute;top:8px;right:-63px;border-radius:999px;background:#fff;color:#164d9e;border:1px solid #c1d3ee;box-shadow:0 7px 17px #1f34622b;padding:8px 10px;font-size:10px;font-weight:900;z-index:5;transform:rotate(-5deg);white-space:nowrap}
.tap-marker span{color:#3b79e7}
.wechat-pane{background:#e4faee!important}.wechat-pane:before{background:#c8f1d8!important}
.feedback-trigger{margin:19px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 4px;border:0;background:transparent;color:#5175b5;font-size:12px;font-weight:760;text-decoration:underline;text-underline-offset:3px}
.feedback-trigger:hover{color:#123ca1}
.v2-source-link{color:#2656ce;font-weight:750;white-space:nowrap}
.complete-actions{display:flex;gap:12px;justify-content:center;margin-bottom:26px}
.complete-actions .primary-btn{width:auto;flex:1}
.complete-actions .secondary-btn{flex:1}
.modal-open{overflow:hidden}
#overlay:empty{display:none}
#overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:12px}
.modal-shade{position:absolute;inset:0;background:#141d31ac;backdrop-filter:blur(4px)}
.feedback-modal{position:relative;z-index:1;max-width:520px;width:100%;max-height:min(95vh,880px);overflow-y:auto;border-radius:22px;background:#fff;padding:25px;box-shadow:0 30px 80px #111b3150}
.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.feedback-header h2{font-size:23px;letter-spacing:-.8px;margin-top:6px}
.modal-close{border:1px solid #dfe4ef;background:#f6f8fc;color:#66718a;border-radius:10px;font-size:24px;line-height:1;width:34px;height:34px;display:grid;place-items:center}
.feedback-description{font-size:12px;line-height:1.6;color:#7b8499;margin:11px 0 15px}
.feedback-location{font-size:11px;border-radius:9px;background:#eef4ff;color:#345ba9;padding:10px 12px;font-weight:760;margin-bottom:13px}
.feedback-label{display:block;font-size:12px;font-weight:790;margin:11px 0 7px}
.feedback-input{width:100%;background:#fff;border:1px solid #dce4f2;border-radius:11px;padding:12px 13px;font:inherit;font-size:13px;color:#25334c;resize:vertical}
.feedback-input:focus{outline:3px solid #c2d2fa}
.feedback-warning{display:flex;align-items:start;gap:7px;color:#a0623b;font-size:11px;padding:9px 0 15px;line-height:1.5}
.feedback-warning .icon{width:16px;height:16px;flex-shrink:0}
.feedback-setup-note{background:#fff9ec;border:1px solid #f3e6cb;border-radius:10px;padding:12px;color:#84633c;font-size:12px;line-height:1.55;margin-bottom:12px}
.feedback-secondary{display:flex;gap:8px}
.feedback-secondary .secondary-btn{flex:1;font-size:12px;padding:13px 7px}
.feedback-secondary .icon{width:15px;height:15px}
.text-link{color:#3459a9;text-decoration:underline;border:0;background:transparent;margin-top:10px}
button:disabled{opacity:.45;cursor:wait}
@media(max-width:870px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-header{padding:14px 14px 6px}.brand-symbol{width:34px;height:34px}.brand-words{font-size:18px}.brand-words small{font-size:7px;letter-spacing:1.8px}.header-right{gap:4px}.free-pill{display:none}.lang-select-wrap{padding:8px 7px;gap:3px}.lang-select-wrap select{max-width:106px;font-size:11px}.hero{padding-top:21px}.hero h1{font-size:clamp(37px,10.4vw,51px);line-height:1.13}.v2-intro h2{font-size:21px}.v2-guide-card{min-height:0}.guide-grid{grid-template-columns:1fr}.visual-pane{min-height:335px!important;border-radius:20px 20px 0 0!important;padding:20px 14px!important}.mock-stack{min-height:315px;height:315px;transform:scale(.84);transform-origin:center center}.v2-phone{flex-shrink:0}.tap-marker{right:-37px}.step-panel{padding-top:21px}.step-panel h2{font-size:25px}.step-description{font-size:13px}.feedback-modal{padding:19px;border-radius:16px}.feedback-secondary{flex-direction:column}.complete-actions{flex-direction:column}}
@media(max-width:370px){.lang-select-wrap select{max-width:82px}.tap-marker{right:-22px}.visual-pane{overflow:hidden}.mock-stack{transform:scale(.78)}}
