:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#6384ff24,#0000 34%),linear-gradient(#2c2f36,#23252c);font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:#23252c;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.app-shell{min-height:100vh;padding:4px}.phone-page{background:#1e1e1e;border-radius:26px;width:min(100%,520px);min-height:calc(100vh - 48px);margin:0 auto;padding:10px 8px;box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff0f}.summary-panel{margin-bottom:4px}.summary-grid{background-color:#ffffff0d;border-radius:10px;justify-content:space-between;display:flex}.summary-card{text-align:center;border-radius:10px;padding:10px}.summary-name{color:#f5f7ff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.summary-value{margin:8px 0 0;font-size:18px;font-weight:700}.summary-note{text-align:right;color:#d8d9dc;margin:4px 2px 0;font-size:12px}.summary-time{color:#ff9f43;margin-left:4px}.fund-list{flex-direction:column;gap:3px;display:flex}.fund-row{width:100%;color:inherit;text-align:left;background:#ffffff26;border:0 solid #ff6060e6;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.fund-left{align-items:center;gap:8px;min-width:0;display:flex}.fund-name{color:#fff;white-space:nowrap;min-width:0;font-size:16px;display:inline-flex;overflow:hidden}.session-badge{color:#eef3ff;background:#83a9ff3d;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:12px;line-height:1.3;display:inline-flex}.fund-impact{flex-shrink:0;margin-left:12px;font-family:monospace;font-size:16px;font-weight:700;display:inline-flex}.detail-header{margin-bottom:10px}.back-button{color:#bcc8ff;background:0 0;border:0;margin-bottom:12px;padding:0}.detail-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-title{color:#fff;margin:0;font-size:18px;font-weight:700}.detail-impact{flex-shrink:0;margin:0;font-size:16px;font-weight:700}.holdings-card{background:#ffffff0a;border-radius:10px;overflow:hidden}.table-head,.table-row{grid-template-columns:minmax(0,1.6fr) 80px 80px;align-items:center;gap:2px;padding:12px;display:grid}.stock-change{font-family:monospace;font-weight:700}.table-head{color:#f9fbff;border-bottom:1px solid #ffffff29;font-size:15px;font-weight:700}.table-row{color:#fff;border-bottom:1px solid #ffffff29;font-size:15px}.table-row:last-of-type{border-bottom:0}.stock-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stock-weight,.stock-change,.table-head span:nth-child(2),.table-head span:nth-child(3){text-align:right}.expand-button{color:#f2f4ff;background:0 0;border:0;border-top:1px solid #ffffff29;width:100%;padding:14px 12px}.detail-note{color:#f2f4ff;text-align:center;margin:12px 4px 0;font-size:13px}.state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:320px;display:flex}.state-title{color:#fff;margin:0;font-size:20px;font-weight:700}.state-text{color:#c7c8cf;margin:0}.retry-button{color:#f4f7ff;background:#83a9ff24;border:1px solid #83a9ff80;border-radius:10px;padding:10px 16px}.is-up{color:#ff4d4f}.is-down{color:#36c275}.is-flat{color:#e8ebf3}.obf-text{flex-direction:row;display:inline-flex}.sc{flex-shrink:0}.sc-d{opacity:0;pointer-events:none;clip:rect(0,0,0,0);width:0;height:0;position:absolute;overflow:hidden}@media (width<=420px){.app-shell{padding:0}.phone-page{border-radius:0;width:100%;min-height:100vh;padding:4px}.summary-name{font-size:12px}.fund-name,.fund-impact,.table-head,.table-row,.detail-impact{font-size:14px}}.footer-notice{color:#ff4d4f;text-align:center;background:#ffffff0a;border-radius:10px;width:100%;margin:12px 0 0;padding:10px;font-size:12px}.qrcode-section{flex-direction:column;align-items:center;gap:.75rem;padding:2rem 10px;display:flex}.qrcode-wrapper{justify-content:space-between;width:100%;display:flex}.qrcode-image{border-radius:12px;width:140px;height:140px;box-shadow:0 2px 8px #0000001a}.visit-link{color:#667eea;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.visit-link:hover{color:#764ba2;text-decoration:underline}.qrcode-text{color:#666;text-align:left;width:100%;margin:0;font-size:.875rem}