:root{--bg:#f4f6fa;--ink:#142337;--muted:#748193;--line:#e5eaf0;--accent:#087f73;--accent-soft:#e6f4f0;--red:#cf5264;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #52b6a5;outline-offset:3px}[hidden]{display:none!important}.topbar{max-width:1000px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 26px}.brand{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:750}.brand-mark{background:var(--ink);border-radius:12px;width:35px;height:35px;display:grid;place-items:center;color:white;font-size:24px}.support-link{font-size:13px;padding:7px 14px;border:1px solid var(--line);border-radius:30px;background:white}.shell{max-width:940px;margin:auto;padding:12px 24px 120px}.intro{margin:20px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:9px 0}h2{font-size:18px;margin:0}h3{font-size:16px;margin:0}p{margin:8px 0}small,.muted{color:var(--muted)}.intro p{color:var(--muted);font-size:14px}.small{font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{background:white;border-radius:18px;padding:22px 18px;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);min-height:145px}.quick.primary{background:var(--ink);color:white;border-color:var(--ink)}.quick.primary small{color:#b7c6d8}.quick strong{font-size:16px}.quick small{font-size:11px}.quick-icon{font-size:23px;line-height:1;margin-bottom:13px;color:var(--accent)}.primary .quick-icon{color:#8ce3cf}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.section-heading .muted{font-size:11px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quote{border:1px solid var(--line);background:white;padding:17px;border-radius:15px;text-align:left;min-width:0}.quote.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.quote small{font-size:11px;display:block}.quote strong{font-size:22px;display:block;margin:5px 0}.quote span{font-size:12px}.up{color:var(--accent)}.down{color:var(--red)}.panel{border:1px solid var(--line);background:white;border-radius:18px;padding:22px;margin:14px 0}.chart-panel .section-heading{margin:0 0 10px}canvas{width:100%;height:260px;display:block}.chart-panel p{font-size:10px;margin-bottom:0}.feature-row{display:flex;align-items:center;justify-content:space-between;background:#e9edf3;padding:18px 20px;border-radius:16px;margin-top:20px}.feature-row small{display:block;font-size:11px}.secondary-links{display:flex;gap:28px;font-size:12px;color:var(--muted);margin-top:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:940px;margin:auto;border-top:1px solid var(--line);background:rgba(255,255,255,.97);display:flex;justify-content:space-around;padding:9px 12px calc(9px + env(safe-area-inset-bottom));z-index:10}.bottom-nav a{display:flex;flex-direction:column;align-items:center;min-width:55px;font-size:10px;color:var(--muted)}.bottom-nav a span{font-size:23px;line-height:1.2;margin-bottom:4px}.bottom-nav a.active{color:var(--accent);font-weight:700}.feedback{background:#fff2e2;color:#815411;border:1px solid #f1dfbe;border-radius:12px;padding:12px 15px;font-size:13px;position:sticky;top:10px;z-index:20;overflow-wrap:anywhere}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);border:0;border-radius:11px;color:white;padding:12px 18px;font-weight:650;min-height:46px;gap:6px}.button.secondary{background:var(--accent-soft);color:var(--accent)}.button.danger{background:#fce9ed;color:var(--red)}.button.wide{width:100%;margin:12px 0}.text-button{border:0;background:none;color:var(--accent);font-size:12px;padding:6px}.unread{font-size:10px;background:var(--red);color:#fff;padding:1px 6px;border-radius:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;font-size:12px;color:var(--muted);margin:20px 0}.stack{display:grid;gap:12px}.stack .panel{margin:0}.request-head{display:flex;justify-content:space-between;gap:10px}.pill{font-size:11px;border-radius:20px;padding:4px 10px;background:var(--accent-soft);color:var(--accent);white-space:nowrap;align-self:center}.request-amount{font-size:24px;font-weight:750;margin:12px 0 2px}.address{background:var(--bg);font:12px/1.8 monospace;overflow-wrap:anywhere;border-radius:10px;padding:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}input,select,textarea{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #a2d2c8;outline-offset:0}.request-form{display:flex;flex-direction:column;gap:12px;margin-top:15px}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-grid strong{font-size:22px;display:block}.chat-panel{padding:15px}.messages{min-height:260px;max-height:53vh;overflow:auto;padding:10px 0;display:flex;flex-direction:column;gap:13px;overscroll-behavior:contain}.message{align-self:flex-start;max-width:85%;min-width:100px}.message.mine{align-self:flex-end}.bubble{padding:10px 14px;border-radius:13px 13px 13px 3px;background:var(--bg);overflow-wrap:anywhere;white-space:pre-wrap}.mine .bubble{background:var(--accent-soft);border-radius:13px 13px 3px 13px}.message time{font-size:10px;color:var(--muted);display:block;margin-top:3px}.message img{max-width:100%;max-height:220px;border-radius:10px;display:block}.composer{display:flex;align-items:center;gap:10px;margin:14px 0}.composer textarea{flex:1;resize:vertical}.image-picker{display:grid;place-items:center;flex:0 0 38px;height:42px;border:1px solid var(--line);border-radius:10px;background:white;font-size:24px;cursor:pointer}.notice{border-left:3px solid var(--accent);padding:15px;background:var(--accent-soft);margin:20px 0;font-size:13px}.commodity{display:flex;gap:18px;align-items:center}.commodity .pill{margin-left:auto}.commodity h2{font-size:16px}.commodity-icon{width:46px;height:46px;background:#f9efd6;border-radius:13px;display:grid;place-items:center;color:#987928;font-size:18px;font-weight:700}.commodity-icon.silver{background:#e8edf3;color:#65748c}.commodity-icon.oil{background:#e6f1f1;color:#366d72;font-size:12px}.record-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.record-meta{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}.admin-layout{max-width:1200px;margin:auto;padding:20px}.admin-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-tabs button.active{background:var(--ink);color:white}.thread{display:flex;justify-content:space-between;width:100%;background:white;border:1px solid var(--line);padding:12px;border-radius:10px;text-align:left;gap:10px}.admin-chat{min-height:320px}.admin-chat .messages{max-height:500px}.row-list{max-height:600px;overflow:auto}.admin-form{margin:15px 0}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-form .button{align-self:end}.admin-record{border-bottom:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}.admin-record p{margin:4px 0}.admin-record img{max-width:180px}.admin-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-toolbar input{width:150px}.pending{color:#ad7523}
@media(max-width:600px){.topbar{padding:0 20px;height:66px}.shell{padding:3px 18px 105px}.intro{margin:18px 0 23px}h1{font-size:27px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick{padding:18px;min-height:125px}.quick-icon{margin-bottom:8px}.quote{padding:12px 9px}.quote strong{font-size:17px}.quote small{font-size:10px}.quote span{font-size:10px}.panel{padding:17px;border-radius:15px}.section-heading{margin-top:23px}.steps{grid-template-columns:repeat(2,1fr);gap:8px}.form-grid{gap:12px}.balance-grid strong{font-size:20px}.composer{gap:7px}.composer .button{padding:10px 13px}.messages{max-height:49vh}.admin-grid{grid-template-columns:1fr}.admin-layout{padding:16px}.admin-title{align-items:flex-start}.admin-title h1{font-size:22px}}