@font-face{font-family:GoldNumbers;src:url('assets/AlibabaSans-Medium.otf') format('opentype');font-weight:400 700;font-display:swap}
:root{--bg:#f8f5ed;--surface:#fffdf8;--ink:#29261f;--muted:#8e887b;--gold:#ad7b27;--gold-deep:#78501c;--gold-soft:#eee3c8;--line:#e8e2d6;--font:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:#f5f2e9;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button svg{width:19px;height:19px}.num{font-family:GoldNumbers,var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.025em}.desktop-top{max-width:1280px;margin:auto;height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 50px}.wordmark{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:1px}.brand-icon{width:31px;height:31px;display:grid;place-items:center;background:linear-gradient(140deg,#dbbb6f,#a97b2e);color:white;border-radius:10px;font-family:Georgia,serif;font-size:25px;font-style:italic;font-weight:400;line-height:1;padding-bottom:6px}.brand-en{font-size:10px;letter-spacing:2.8px;margin:4px 0 0 14px;color:#8c8679;font-weight:400}.concept-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#8e887b;letter-spacing:1px}.concept-label i,.tiny-dot{display:block;width:5px;height:5px;background:#b18b40;border-radius:50%}.prototype{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:390px 430px;gap:116px;align-items:center;justify-content:center}.stage-copy{padding-top:0;align-self:center}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:500;color:#9b824f}.stage-copy h1{font-size:60px;font-weight:400;line-height:1.38;letter-spacing:-2px;margin:24px 0 20px;font-family:'Songti SC','STSong',serif}.stage-copy h1 span{color:#a67c33}.stage-description{font-size:14px;line-height:2.1;color:#8a8375;margin-bottom:42px}.route-list{border-top:1px solid #e2dbcd;width:305px}.route-list button{display:flex;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid #e2dbcd;width:100%;font-size:13px;text-align:left;color:#8c8576;transition:color .18s}.route-list button>span{font-family:GoldNumbers,var(--font);font-size:10px;color:#a29a8a}.route-list button>svg{margin-left:auto;width:15px;height:15px;opacity:.6}.route-list button:hover,.route-list button.active{color:#79551e}.route-list button.active>span{color:#a27a31}.stage-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#a39a88;margin-top:30px}.device-wrap{width:430px}.app{position:relative;width:430px;height:min(914px,calc(100dvh - 154px));min-height:700px;background:var(--bg);border:1px solid #e7e0d0;border-radius:40px;overflow:hidden;box-shadow:0 26px 65px -24px #725c2c25,0 1px 2px #fff inset;display:flex;flex-direction:column}.status-bar{height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:7px 29px 0 31px;font-size:12px;font-weight:600;color:#302c24}.status-symbols{display:flex;align-items:center;gap:5px}.battery{width:21px;height:10px;display:block;border:1px solid #302c2466;border-radius:3px;margin-left:2px;position:relative}.battery:before{content:'';position:absolute;inset:1.5px;background:#302c24;border-radius:1px}.battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#302c24;border-radius:1px}.alipay-bar{height:49px;display:flex;align-items:center;gap:8px;padding:0 22px;flex-shrink:0}.app-name{display:flex;gap:7px;align-items:center;font-size:17px;font-weight:600;padding:0;white-space:nowrap}.app-mark{font-family:Georgia,serif;font-style:italic;display:grid;place-items:center;width:22px;height:22px;color:#fff;background:linear-gradient(130deg,#dfc488,#ad8237);border-radius:7px;padding:0 1px 4px 0;font-size:21px;font-weight:400}.alipay-caption{font-size:9px;color:#9b9588;margin-top:2px}.capsule{display:flex;align-items:center;gap:10px;border:1px solid #d8d1c3;border-radius:22px;height:29px;width:81px;margin-left:auto;justify-content:center;background:#ffffff30}.capsule button{padding:0 2px;display:grid;place-items:center;line-height:1;font-size:18px;letter-spacing:-1px}.capsule i{height:13px;width:1px;background:#d8d1c3}.capsule-circle{width:14px;height:14px;border:1.6px solid #29261f;border-radius:50%;position:relative}.capsule-circle:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#29261f;left:3px;top:3px}.app-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}#home{padding:0 23px 13px}.bank-line{display:flex;align-items:center;gap:10px;margin:5px 0 22px;height:26px}.bank-line img{object-fit:contain;width:102px;height:25px;mix-blend-mode:multiply}.bank-line>span{font-size:10px;color:#9b9485;line-height:14px;border-left:1px solid #dcd4c4;padding-left:10px}.holdings-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#81796b}.holdings-heading>span{display:flex;align-items:center;gap:8px}.eye-button{padding:0;display:grid;place-items:center;color:#a19a8b}.eye-button svg{width:14px;height:14px;stroke-width:1.3}.text-link{padding:0;font-size:10px;color:#90836a;display:inline-flex;align-items:center;gap:5px}.text-link>span{font-size:18px;line-height:12px;font-weight:300}.balance-line{display:flex;align-items:baseline;gap:8px;height:68px;margin-top:3px}.balance{font-size:53px;line-height:1.2;letter-spacing:-2.6px;color:#30291d}.gram{font-size:15px;color:#776a50}.accumulation{font-size:11px;margin:1px 0 0;color:#999080;letter-spacing:.3px}.accumulation b{font-size:12px;color:#76664a;font-weight:500;margin:0 2px}.accumulation>span{margin:0 9px;color:#bdb3a0}.gold-scene{position:relative;height:216px;margin:-3px -6px 0;display:flex;align-items:center;justify-content:center}.scene-glow{position:absolute;width:220px;height:160px;border-radius:50%;background:radial-gradient(ellipse,#e8d0a02b 0%,#f8f5ed00 70%);bottom:7px}.gold-hero{position:relative;width:295px;height:216px;object-fit:contain;filter:drop-shadow(0 16px 12px #9a702512);z-index:1;animation:gold-enter .9s ease-out}.scene-baseline{position:absolute;bottom:33px;width:270px;height:1px;background:linear-gradient(90deg,transparent,#d9cda84d,transparent)}.scene-caption{position:absolute;bottom:8px;font-size:9px;letter-spacing:1.5px;color:#a99469}.growth-row{display:flex;align-items:center;justify-content:space-between;gap:5px;height:39px;margin-top:2px;border-top:1px solid #e8e1d2;border-bottom:1px solid #e8e1d2;color:#9a865b;font-size:10px}.growth-row>span{display:flex;align-items:center;gap:5px}.growth-spark{font-size:19px;line-height:1;color:#b6995c}.growth-row button{padding:0;font-size:10px;display:flex;align-items:center;gap:4px;color:#a08244}.growth-row b{font-weight:500;font-size:11px}.growth-row button>span{font-size:17px;margin-left:3px}.main-actions{display:grid;grid-template-columns:1.38fr 1fr;gap:10px;margin-top:17px}.primary,.secondary{height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;transition:transform .15s,filter .15s}.primary{background:linear-gradient(115deg,#b68a3d,#9f732c);color:#fffaf0;border:1px solid #a57b33;box-shadow:0 4px 8px #9b6f2012}.primary:hover{filter:brightness(1.07)}.primary:active,.secondary:active{transform:scale(.98)}.primary svg{stroke-width:1.8;width:17px;height:17px}.secondary{background:#eee6d4;border:1px solid #e8ddc7;color:#816332}.secondary svg{width:17px;height:17px;stroke-width:1.5}.purchase-hint{font-size:9px;color:#a09580;text-align:center;margin:10px 0 18px;letter-spacing:.2px}.card{border-radius:var(--radius);background:var(--surface);border:1px solid #eae4d7;padding:18px}.today-card{padding:16px 17px 13px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.today-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.calendar-icon{color:#b29255;display:grid;place-items:center}.calendar-icon svg{width:15px;height:15px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);margin:15px -1px 13px;gap:3px}.week-strip>div{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#a79e8d}.week-strip>div>b{font-family:GoldNumbers,var(--font);font-size:14px;font-weight:500;color:#807564;display:grid;place-items:center;width:31px;height:31px;position:relative;z-index:0}.week-strip>div>i{width:3px;height:3px;border-radius:50%;background:#bc9b56;margin-top:-3px}.week-strip>div.no-deposit>i{background:#e5dfd1}.week-strip>div.today>span{color:#9b762e}.week-strip>div.today>b{border-radius:50%;color:#fff9eb;background:linear-gradient(120deg,#c5a15d,#ad833b)}.week-strip>div.today>i{background:none}.today-bottom{border-top:1px solid #f0eadd;padding-top:11px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#928776}.today-bottom b{color:#927236;font-weight:500}.today-bottom button{padding:0;display:flex;align-items:center;gap:4px;font-size:10px;color:#a08550}.today-bottom svg{width:12px;height:12px}.today-bottom button>span{font-size:15px}.goal-section{margin:21px 2px 0;font-size:10px;color:#998b73}.goal-section b{font-weight:500;color:#796443}.goal-section .muted{font-size:10px}.progress-track{height:4px;border-radius:10px;background:#e6ddc9;margin:11px 0 9px;overflow:hidden}.progress-track>div{height:100%;border-radius:10px;background:linear-gradient(90deg,#d8c18a,#b7924c);transition:width .6s}.goal-foot{font-size:9px;color:#b0a38c}.goal-foot button{font-size:9px;padding:0;color:#a18347}.studio-teaser{width:100%;padding:15px 0 9px;display:flex;align-items:center;gap:11px;text-align:left;border-top:1px solid #e8e0d1;margin-top:19px}.mini-gold-heart{font-size:37px;line-height:1;background:linear-gradient(130deg,#eddb9c,#d1a34d 38%,#a66c18 65%,#e2c06c);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 3px #8d5e1b22);transform:rotate(-14deg)}.studio-teaser strong{font-size:11px;display:block;font-weight:500;color:#7c6948}.studio-teaser small{font-size:9px;display:block;color:#a99b83;margin-top:5px}.teaser-arrow{margin-left:auto;color:#a68a56;font-size:19px}.home-disclosure{margin-top:12px;text-align:center;font-size:8px;color:#b7ac98;line-height:1.7}.home-disclosure button{padding:0;font-size:inherit;color:#9a896b}.bottom-nav{height:59px;display:flex;justify-content:space-around;background:#fcfaf5e8;flex-shrink:0;border-top:1px solid #eae4d7;backdrop-filter:blur(15px);padding-top:5px}.bottom-nav button{width:33.33%;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;color:#aaa08d;font-size:9px}.bottom-nav button svg{width:20px;height:20px;stroke-width:1.45}.bottom-nav button.active{color:#a07833}.bottom-nav button.active svg{fill:#c3a46419;stroke-width:1.7}.home-indicator{height:18px;background:#fcfaf5;flex-shrink:0;position:relative}.home-indicator:after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:116px;height:4px;background:#302d26;border-radius:4px;opacity:.8}.device-caption{display:flex;align-items:center;justify-content:center;gap:9px;color:#a19784;font-size:9px;margin-top:14px}.device-caption button{font-size:9px;padding:0;color:#907749;border-bottom:1px solid #b7a47c55}.caption-separator{color:#c4baa6}.desktop-footer{max-width:1280px;margin:29px auto 0;padding:0 50px 25px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#aea391}.desktop-footer>span:first-child{color:#93846c;letter-spacing:1px}.desktop-footer a{color:#9a8c75}.muted{color:var(--muted)}.gold{color:var(--gold)}.small{font-size:11px}.section-title{font-size:15px;font-weight:500;margin:23px 0 12px}.divider{height:1px;background:var(--line);margin:18px 0}.helper{font-size:11px;line-height:1.8;color:#9c917f}.field{display:flex;flex-direction:column;gap:9px;margin:18px 0;font-size:12px;color:#8c806d}.field input,.field select,.field textarea{width:100%;padding:14px;border:1px solid #e0d7c5;background:#fffdf9;border-radius:12px;color:#403629;outline-offset:2px}.field input:focus{border-color:#b49153}.choices{display:flex;gap:9px;margin:12px 0;flex-wrap:wrap}.choice{padding:10px 17px;border-radius:10px;border:1px solid #e4dac7;color:#8b754c;background:#fcfaf5;font-size:13px}.choice.active,.choice.selected{background:#ede1c6;border-color:#bfa16a;color:#8b6323}.subhead{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-size:18px;font-weight:500;min-height:35px}.icon-button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#806c46;background:#eee7d8}.icon-button svg{width:18px;height:18px}#view{padding:15px 23px 24px}#view[hidden],#home[hidden]{display:none!important}#toast{position:absolute;left:24px;right:24px;bottom:98px;background:#383127ed;box-shadow:0 8px 24px #0001;color:#fffaf1;padding:13px 17px;border-radius:13px;font-size:12px;line-height:1.7;z-index:100;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}#toast.show,#toast.visible{opacity:1;transform:translateY(0)}
@keyframes gold-enter{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1000px) and (max-height:940px){.desktop-top{height:76px}.app{height:calc(100dvh - 130px);min-height:620px}.prototype{gap:100px}.desktop-footer{margin-top:20px;padding-bottom:15px}.stage-copy h1{font-size:56px}.gold-scene{height:185px}.gold-hero{height:188px;width:265px}.scene-caption{bottom:5px}}
@media(max-width:1050px){.prototype{gap:48px;grid-template-columns:320px 430px}.stage-copy h1{font-size:53px}.desktop-top{padding:0 35px}.desktop-footer{padding:0 35px 18px}.brand-en{display:none}.route-list{width:285px}.desktop-footer>span:nth-child(2){max-width:300px;line-height:1.7}}
@media(max-width:820px){body{background:var(--bg)}.desktop-top,.stage-copy,.desktop-footer,.device-caption{display:none}.prototype{display:block;max-width:none;margin:0}.device-wrap{width:100%;margin:0 auto}.app{width:100%;max-width:500px;height:100dvh;height:100svh;min-height:0;border:0;border-radius:0;box-shadow:none;margin:0 auto}.alipay-bar{padding-left:22px;padding-right:22px}.status-bar{padding-top:max(5px,env(safe-area-inset-top));height:35px}.gold-scene{height:220px}.gold-hero{height:222px;width:310px}.bank-line{margin-bottom:21px}.home-indicator{height:max(18px,env(safe-area-inset-bottom))}#home{padding-left:24px;padding-right:24px}.bottom-nav{height:62px}}
@media(max-width:370px){#home,#view{padding-left:18px;padding-right:18px}.balance{font-size:46px}.gold-scene{height:190px}.gold-hero{height:194px;width:280px}.growth-row{font-size:9px}.growth-row button{font-size:9px}.alipay-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.gold-hero{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .4s}.alipay-caption{font-size:8px}.app [data-action]:disabled{cursor:not-allowed}

/* Plan-first home: keep physical gold tangible while making the next deposit visible. */
#home .gold-scene{height:auto;min-height:0;margin:6px -6px 8px;padding:0 0 12px;flex-direction:column;gap:0}#home .gold-hero{display:block;flex:none;height:145px;width:222px;max-width:100%;transform-origin:center 60%}#home .scene-caption{position:relative;bottom:auto;flex:none;font-size:8px;line-height:12px;margin:8px 0 0}#home .scene-baseline{bottom:37px}#home .scene-glow{bottom:24px}#home .bank-line{margin-bottom:14px}#home .balance-line{height:60px}#home .balance{font-size:49px}#home .purchase-hint{margin-bottom:13px}#plan-summary{margin-bottom:13px}.recent-deposit-card .today-bottom{margin-top:4px}.recent-deposit-card{padding:15px 16px 12px}#recent-deposits{margin-top:8px}
@media(max-width:370px){#home .gold-hero{height:136px;width:210px}#home .balance{font-size:45px}}

/* Keep upcoming deposits and recent confirmations easy to scan. */
#home .balance-line{height:56px}#home .bank-line{margin-bottom:12px}
#home .plan-home-body b{font-size:10px;color:#9a8255}#home .plan-home-body small{font-size:11px;color:#856a39;margin-top:6px;line-height:1.55}#home .plan-home-foot{font-size:8px;color:#a38b60}#home .plan-home-foot>span{font-size:8px}
#home .recent-deposit-copy>b{font-size:11px;color:#8c744b}#home .recent-deposit-copy>small{font-size:9px;color:#a08c68}#home .recent-deposit-copy i{font-size:7px}
.flow-auto .plan-next>strong{font-size:14px}.flow-auto .execution-copy>small{font-size:9px}.flow-auto .plan-upcoming strong{font-size:11px}
