@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6f8;--card:#fff;--text:#192326;--muted:#7a8289;--line:#e8ebed;--green:#266f60;--soft:#eaf3ee;--shadow:0 4px 24px #18282a04}*{box-sizing:border-box}body{margin:0;font:14px Manrope,Arial,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#141c20;--card:#1d282d;--text:#e9f0ee;--muted:#a0b0b7;--line:#334248;--green:#81c8af;--soft:#273d36}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:11px 17px;font-weight:700}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible{outline:3px solid #dfaa67;outline-offset:3px}a{color:var(--green);text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:224px;background:var(--card);border-right:1px solid var(--line);padding:37px 24px;display:flex;flex-direction:column}.brand{font-size:33px;font-weight:800;letter-spacing:-2px;color:var(--text)}.brand span{color:var(--green)}.brand i{font-size:26px;margin-left:8px;color:var(--green)}small{font-size:10px;letter-spacing:1px;color:var(--muted)}aside>small{margin:12px 0 43px;font-size:8px}nav{display:grid;gap:9px}nav a{color:var(--muted);padding:14px;border-radius:10px;font-weight:600}nav a.active{background:var(--soft);color:var(--green)}nav b{margin-right:13px;font-size:18px}.sidebottom{margin-top:auto;display:flex;gap:10px;align-items:center;font-size:12px}.avatar{background:var(--soft);border-radius:50%;padding:12px;color:var(--green)}.shell{margin-left:224px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:var(--card);font-size:12px}header span{color:var(--muted)}.headeractions{display:flex;align-items:center;gap:14px}select{background:var(--card);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:9px}.demo{font-size:9px;letter-spacing:1.3px;background:var(--soft);padding:7px 10px;border-radius:5px;color:var(--green)}main{max-width:1390px;margin:auto;padding:37px 42px 20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800}h1{font-size:32px;letter-spacing:-1.2px;margin:10px 0}h2{font-size:18px;letter-spacing:-.4px;margin:0 0 10px}h3{font-size:15px;margin:12px 0 8px}p{color:var(--muted);line-height:1.8;margin:9px 0 20px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.title p{margin:5px 0}.primary{background:#286f60;color:white;border-color:#286f60}.hero{border-radius:18px;overflow:hidden;background:#253d3b;position:relative;min-height:245px;color:white;padding:33px;margin-bottom:26px;display:flex;align-items:center}.hero:after{content:'上海';position:absolute;right:35px;top:5px;font-size:150px;font-weight:800;color:#ffffff0d;writing-mode:vertical-rl}.heroart{position:absolute;right:0;bottom:0;width:46%;height:100%;opacity:.6;background:linear-gradient(0deg,#172e2d,transparent),repeating-linear-gradient(90deg,transparent 0 23px,#7ea69722 24px 27px);clip-path:polygon(0 100%,0 77%,8% 77%,8% 50%,17% 50%,17% 72%,23% 72%,23% 35%,27% 35%,29% 5%,31% 35%,35% 35%,35% 66%,43% 66%,43% 45%,54% 45%,54% 76%,64% 76%,64% 28%,68% 28%,68% 14%,72% 28%,76% 28%,76% 55%,84% 55%,84% 40%,94% 40%,94% 100%)}.hero>div:first-child{z-index:1;max-width:470px}.hero h2{font-size:28px;margin:10px 0}.hero p{color:#b9ceca;max-width:380px;font-size:12px}.hero .eyebrow{color:#bdd1b7}.hero button{background:#edf3db;color:#243e35;border:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:var(--shadow)}.cardtop{display:flex;justify-content:space-between;align-items:center}.icon{font-size:22px;background:var(--soft);color:var(--green);width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.badge{font-size:9px;padding:6px 9px;border-radius:20px;background:var(--bg);color:var(--muted)}.green{color:var(--green);background:var(--soft)}.big{font-size:28px;font-weight:800;letter-spacing:-1px}.card p{font-size:12px}.card button.full{width:100%;margin-top:12px}.meter{height:5px;background:var(--line);border-radius:5px;margin:16px 0}.meter i{display:block;width:15%;height:100%;background:var(--green);border-radius:5px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:33px 0 17px}.sectiontitle a{font-size:11px}.lower{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row div:nth-child(2){flex:1}.row p{margin:2px 0;font-size:11px}.row a{font-size:20px}.note{font-size:11px;background:var(--soft);padding:14px 17px;border-radius:10px;color:var(--green);line-height:1.7}.label{display:block;font-size:11px;color:var(--muted);margin:17px 0 8px}input{width:100%;padding:13px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button.selected{background:var(--soft);border-color:var(--green);color:var(--green)}.contentgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.price{font-size:30px;font-weight:800;margin:20px 0}.price small{font-size:12px}.step{display:flex;gap:15px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}.step input{width:20px;height:20px;accent-color:var(--green)}.step h3{margin:0 0 6px}.step p{margin:0;font-size:12px}progress{width:100%;accent-color:var(--green);height:8px}footer{max-width:1390px;margin:auto;padding:25px 42px 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}dialog{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:19px;padding:32px;width:min(480px,90vw)}dialog::backdrop{background:#0b1c2390;backdrop-filter:blur(4px)}.close{float:right;padding:4px 10px;font-size:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#286f60;color:#fff;padding:14px 22px;border-radius:10px;display:none;z-index:10}.spacer{margin-top:20px}.service{display:block;color:var(--text)}.service:hover{border-color:var(--green)}.sub{font-size:11px;color:var(--muted)}@media(min-width:1500px){main{padding-top:50px}.hero{min-height:290px}}@media(max-width:1100px){aside{width:190px;padding:30px 16px}.shell{margin-left:190px}main{padding:28px 24px}.grid{gap:12px}.card{padding:18px}header{padding:0 24px}.lower{grid-template-columns:1fr 1fr}}@media(max-width:760px){aside{position:fixed;top:auto;width:100%;height:70px;z-index:5;padding:0;border-top:1px solid var(--line)}aside .brand,aside>small,.sidebottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav a{font-size:9px;text-align:center;padding:10px 5px;flex:1;border-radius:0}nav b{display:block;margin:0 0 4px}.shell{margin:0}header{height:66px;padding:0 18px}header>div:first-child{display:none}.headeractions{width:100%;justify-content:space-between}main{padding:26px 18px}.title{align-items:flex-start;gap:10px}.title button{font-size:10px;padding:10px}.title h1{font-size:26px}.title p{font-size:12px}.grid,.lower,.contentgrid{grid-template-columns:1fr}.hero{padding:24px;min-height:255px}.hero h2{font-size:25px}.hero>div:first-child{max-width:85%}.hero p{font-size:11px}.heroart{width:55%;opacity:.25}.hero:after{font-size:100px}.card{padding:22px}footer{padding:20px 18px 95px;gap:15px;line-height:1.6}footer span{max-width:140px}.sectiontitle{margin-top:26px}}
.row.service{display:flex}
.fx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.fx-value{font-size:24px;font-weight:800;margin:7px 0}.virtual-card{background:linear-gradient(120deg,#286f60,#193e42);color:#fff;border-radius:19px;padding:28px;min-height:235px}.virtual-card .sub,.virtual-card p{color:#bdd3ca}button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){.fx-grid{gap:9px}.fx-value{font-size:18px}.fx-grid small{font-size:8px;letter-spacing:0}}
.wallet-banner{background:var(--soft);padding:26px;border-radius:16px;margin-top:22px;display:flex;justify-content:space-between;gap:20px}.wallet-balances{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.wallet-balances h2{font-size:20px;overflow-wrap:anywhere}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}@media(max-width:1000px){.wallet-balances{grid-template-columns:1fr 1fr}}@media(max-width:760px){.wallet-balances .card{padding:16px}.wallet-balances h2{font-size:17px}.wallet-actions{grid-template-columns:1fr}}