@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');:root{--ink:#222d29;--muted:#7f8a84;--line:#e9ece8;--green:#386c54;--pale:#f5f6f2;--red:#bd6558}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;background:#fff;font-size:13px}.top{height:76px;border-bottom:1px solid var(--line);padding:0 max(calc((100vw - 1160px)/2),5.5%);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px}.logo{width:38px;height:38px;border-radius:11px;background:#eaf0ea;color:var(--green);display:grid;place-items:center;font-size:19px}.brand small{display:block;color:#98a39b;font-size:9px;font-weight:500;letter-spacing:.13em;margin-top:4px}.top-right{display:flex;align-items:center;gap:20px}.virtual{font-size:11px;color:#7a887e}.virtual i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#75a278;margin-right:6px}.outline,.text-btn{background:white;border:1px solid #dfe5df;padding:9px 14px;color:#526158;border-radius:4px;cursor:pointer;font:inherit}.top-right .outline{font-size:12px}main{max-width:1160px;margin:auto;padding:0 4px}.hero{margin:32px 0 20px;min-height:300px;background:#f4f5f1;display:flex;justify-content:space-between;overflow:hidden;padding:42px 52px;position:relative}.hero-text{max-width:510px;z-index:1}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:700;color:#75887b}.hero h1{font-size:31px;line-height:1.55;letter-spacing:.03em;margin:14px 0 11px;font-weight:600}.hero h1 em{font-style:normal;color:#a95c50}.hero-text>p{font-size:12px;color:#7f8982;line-height:1.9;max-width:440px}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:23px}.primary{border:0;color:white;background:var(--ink);padding:12px 17px;border-radius:4px;font:500 12px inherit;cursor:pointer}.primary:hover{background:var(--green)}.primary span{margin-left:14px}.caption{font-size:10px;color:#89948c}.caption b{color:#526458;margin-left:5px}.hero-visual{width:39%;min-width:320px;position:relative;align-self:stretch;display:flex;align-items:center}.hero-visual svg{position:absolute;inset:62px 0 6px;width:100%;height:180px}.chart-label{position:absolute;top:4px;left:8px;font-size:11px;color:#67766c}.chart-label small{display:block;color:#a4ada6;font-size:9px;margin-top:5px}.chart-note{position:absolute;right:0;bottom:8px;font-size:10px;color:#986155;line-height:1.8}.chart-note span{color:#98a098}.notice{display:flex;align-items:center;gap:13px;padding:14px 17px;background:#fbf4ee;border:1px solid #f1e7df;color:#765f51;margin-bottom:30px}.notice-icon{width:22px;height:22px;border:1px solid #d49b7e;color:#b6795c;border-radius:50%;display:grid;place-items:center;font-weight:700;flex:none}.notice b,.notice span{display:block}.notice b{font-size:11px;margin-bottom:4px}.notice span{font-size:10px;line-height:1.6;color:#927d6f}.dashboard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:24px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2,.trade h2{margin:7px 0 0;font-size:17px;font-weight:600}.section-title h2 small{font-size:10px;color:#9ca69e;font-weight:400;margin-left:8px}.left>.section-title{margin-bottom:15px}.section-title input{width:200px;border:1px solid var(--line);padding:10px 12px;outline:0;font:11px inherit}.market-table{border:1px solid var(--line)}.thead,.stock{display:grid;grid-template-columns:1.6fr 1fr 1fr .75fr;align-items:center;padding:12px 14px;gap:8px}.thead{background:#f8f9f6;color:#97a098;font-size:9px}.stock{border-top:1px solid #eef0ed;min-height:65px}.stock-name b,.stock-name small{display:block}.stock-name b{font-size:12px;font-weight:600}.stock-name small{font-size:9px;color:#9ba49d;margin-top:5px}.price{font-weight:600;font-size:12px}.chg{font-size:11px;color:var(--green)}.chg.down{color:var(--red)}.stock button{border:1px solid #dfe7df;color:var(--green);background:white;padding:6px 10px;border-radius:3px;font-size:10px;cursor:pointer}.panel{border:1px solid var(--line);padding:20px;background:#fff}.portfolio{margin-top:22px}.portfolio h2{font-size:16px}.text-btn{font-size:10px;padding:7px 10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:19px 0 15px;background:#f7f8f5;padding:14px 10px;gap:8px}.metrics small,.metrics b{display:block}.metrics small{font-size:9px;color:#929d94;margin-bottom:8px}.metrics b{font-size:13px;font-weight:600}.metrics div+div{border-left:1px solid #e9ece8;padding-left:12px}.holdings{font-size:10px}.holding{display:grid;grid-template-columns:1fr 1fr 1fr;padding:11px 2px;border-top:1px solid #eff1ee;color:#69776e}.holding b{font-weight:500}.right{display:flex;flex-direction:column;gap:16px}.trade h2{font-size:19px}.hint{font-size:10px;line-height:1.7;color:#929c95;margin:8px 0 17px}.trade label,.dialog label{display:block;font-size:10px;color:#7f8a82;margin:13px 0}.trade select,.trade input,.dialog input{display:block;width:100%;height:38px;border:1px solid var(--line);background:white;margin-top:7px;padding:0 10px;color:#45544b;font:11px inherit;outline:0}.side-switch{display:flex;background:#f2f4f1;padding:3px;margin:13px 0}.side-switch button{flex:1;border:0;background:transparent;padding:9px;color:#7b877f;cursor:pointer;font-size:11px}.side-switch button.selected{background:white;color:var(--green);box-shadow:0 1px 4px #14251a12}.estimate{display:flex;align-items:center;justify-content:space-between;background:#f8f9f6;padding:12px;margin:14px 0;color:#8a958d;font-size:10px}.estimate b{font-size:14px;color:#334139}.full{width:100%}.message{min-height:14px;color:var(--red);font-size:10px;line-height:1.6;margin-top:7px}.lesson{background:#fbfaf6;border-color:#eeece3}.lesson h3,.history h3{font-size:14px;margin:8px 0 10px}.lesson ul{padding-left:16px;margin:9px 0 14px;color:#707c73;font-size:10px;line-height:2}.lesson li::marker{color:#c07a66}.lesson-foot{border-top:1px solid #ebe8de;padding-top:11px;font-size:9px;line-height:1.7;color:#95877a}.history{padding-bottom:12px}.history h3{margin-bottom:0}.orders{max-height:220px;overflow:auto}.order{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #eff1ee;font-size:10px}.order b{font-size:10px}.order small{display:block;color:#a0a9a2;margin-top:4px}.buy{color:var(--green)}.sell{color:var(--red)}.empty{padding:18px 8px;color:#a0aaa2;font-size:10px;text-align:center}.takeaway{display:flex;align-items:center;gap:14px;margin:24px 0 35px;background:#edf3ed;padding:19px 22px;color:#4c6252}.take-icon{width:26px;height:26px;border:1px solid #9bb29d;color:#588060;border-radius:50%;display:grid;place-items:center;flex:none}.takeaway b{font-size:11px}.takeaway p{font-size:10px;line-height:1.7;color:#75847a;margin:5px 0 0}.take-stamp{margin-left:auto;border:1px solid #aec0ad;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;text-align:center;font:11px/1.3 serif;color:#64816a;flex:none}footer{border-top:1px solid var(--line);padding:17px 0 22px;text-align:center;font-size:10px;color:#76847a}footer span{color:#a0aaa2;margin-left:8px}.modal{position:fixed;inset:0;background:#17241dbb;z-index:5;display:grid;place-items:center;padding:15px}.hidden{display:none!important}.dialog{background:white;width:min(400px,100%);padding:32px;position:relative}.close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:24px;color:#929d95;cursor:pointer}.dialog h2{font-size:19px;margin:10px 0}.dialog>p{font-size:10px;line-height:1.7;color:#8a958d}.tabs{display:flex;border-bottom:1px solid var(--line);margin-top:18px}.tabs button{flex:1;border:0;background:white;color:#9ba49d;padding:10px;cursor:pointer;font-size:11px}.tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.dialog form{margin-top:13px}@media(max-width:800px){.top{padding:0 17px;height:67px}.top-right{gap:9px}.virtual{font-size:0}.virtual i{font-size:initial}.brand{font-size:13px}.brand small{font-size:8px}.hero{margin:16px 0;padding:28px 22px;min-height:310px}.hero h1{font-size:25px}.hero-visual{position:absolute;right:-65px;bottom:0;width:53%;min-width:0;height:190px;opacity:.38}.hero-text>p{max-width:90%}.dashboard{grid-template-columns:1fr;gap:16px}.right{display:grid;grid-template-columns:1fr}.section-title input{width:150px}.notice{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr 1fr}.metrics b{font-size:11px}.takeaway{margin-bottom:24px}main{padding:0 13px}.hero-actions{flex-wrap:wrap}.thead,.stock{grid-template-columns:1.3fr 1fr .8fr .55fr;padding:11px 8px;gap:5px}.stock button{padding:6px}.portfolio{margin-top:15px}}

.market-chart{margin-top:16px}.market-chart canvas{display:block;width:100%;height:220px;margin-top:18px}.chart-meta,.chart-foot{font-size:9px;color:#98a39b}.chart-foot{display:flex;justify-content:space-between;border-top:1px solid #eff1ee;padding-top:10px}.fishing{background:#f8fbf6;border-color:#dfe9df}.fishing h3{margin:9px 0 5px;font-size:15px}.fishing-track{height:30px;border-radius:16px;background:#e9eeea;position:relative;margin:19px 0 15px;overflow:hidden}.fishing-zone{position:absolute;left:64%;width:16%;height:100%;background:#b8d9bb;border-left:1px solid #6c9b72;border-right:1px solid #6c9b72}.fishing-track i{position:absolute;left:0;top:4px;width:3px;height:22px;background:#bd6558;z-index:1}.fishing-track i.moving{animation:castMove 1.35s linear infinite alternate}@keyframes castMove{from{left:0}to{left:calc(100% - 3px)}}.fishing button:disabled{opacity:.55;cursor:not-allowed}

.fishing-track i{width:6px;height:28px;top:1px;border-radius:4px;box-shadow:0 0 0 3px #bd655822}.fishing-running{border-color:#8eb391;background:#f3faf1}.fishing-running .fishing-track{outline:2px solid #8eb391}.fishing-running #castBtn{background:#a95c50}.fishing #fishingMsg{min-height:32px;padding:8px 10px;border-radius:4px;background:#f1f5ef;color:#506b55;font-size:11px}

.fishing-preview{display:flex;align-items:center;gap:12px;padding:13px;background:#f1f5ef;border-radius:4px;margin:16px 0}.fishing-preview>span{font-size:24px}.fishing-preview div{flex:1}.fishing-preview b,.fishing-preview small{display:block}.fishing-preview b{font-size:11px;color:#435b49}.fishing-preview small{font-size:9px;color:#94a096;margin-top:5px}.fishing-preview strong{color:#719176;font-size:17px}

.dashboard,.dashboard>.left,.dashboard>.right,.market-chart,.market-table{min-width:0;max-width:100%}.market-chart{overflow:hidden}.market-chart .section-title{min-width:0;flex-wrap:wrap;gap:8px}.market-chart .section-title>div{min-width:0}.chart-meta{max-width:48%;text-align:right;white-space:normal}.market-chart canvas{width:100%;max-width:100%;min-width:0}@media(max-width:800px){.top{height:auto;min-height:67px;flex-wrap:wrap;gap:8px;padding:9px 14px}.top-right{flex:1 1 200px;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.top-right .outline{padding:7px 8px}.top-right .wallet-badge,.top-right .member-flag{font-size:9px;padding:4px 6px}.thead,.stock{grid-template-columns:minmax(0,1.2fr) minmax(66px,.9fr) minmax(50px,.7fr) minmax(52px,.65fr);min-width:0}.stock>* ,.thead>*{min-width:0;overflow-wrap:anywhere}.stock button{white-space:nowrap;padding:5px 5px;font-size:9px}}

.stock,.stock *{cursor:pointer}.stock:hover{background:#f8faf6}.stock:hover .stock-name b{color:var(--green)}
.stock-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.stock-actions .delete-stock-btn{border-color:#ead9d5;color:#a95549}.stock-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:800px){.thead,.stock{grid-template-columns:minmax(0,1.2fr) minmax(66px,.9fr) minmax(50px,.7fr) minmax(88px,1.25fr);padding-left:6px;padding-right:6px;gap:4px}.stock-actions{gap:3px}.stock-actions button{padding:5px 4px;font-size:9px}}