:root{--bg:#f3f4f6;--panel:#fbfbfc;--panel-strong:#ffffff;--line:#dde1e7;--line-soft:#e8ebef;--text:#111827;--text-muted:#4b5563;--accent:#1f3a5f;--accent-soft:#e8eef7;--positive:#c63d32;--negative:#2f8a4b;--error:#b42318;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px;--shadow-1:0 2px 10px rgba(17,24,39,0.04);--shadow-2:0 10px 24px rgba(17,24,39,0.08)}*{box-sizing:border-box}body,html{padding:0;margin:0;width:100%;min-height:100%}body{font-family:IBM Plex Sans,Avenir Next,PingFang SC,Noto Sans SC,sans-serif;background:radial-gradient(circle at top right,#ffffff 0,rgba(255,255,255,0) 50%),linear-gradient(180deg,#f7f8fa 0,var(--bg) 100%);color:var(--text);text-rendering:geometricPrecision}body.play-mode-body{background:rgb(242,231,211)}body.play-mode-body main{width:min(100%,640px);min-height:100dvh;padding:8px 10px 10px}body.home-mode-body{background:rgb(242,231,211);width:100%;height:100dvh;overflow:hidden}body.home-mode-body main{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body.home-like-body{background:rgb(242,231,211);width:100%;min-height:100dvh}body.result-mode-body{background:#f2dfb5}body.result-mode-body main{width:min(100%,520px);min-height:100dvh;padding:10px 12px 16px}a{color:inherit;text-decoration:none}.home-back-btn{position:fixed;top:18px;left:14px;z-index:1000;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1.5px solid rgba(127,87,49,.45);border-radius:999px;background:rgba(247,216,166,.55);color:#3a2818;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.home-back-btn:hover{transform:none;border-color:rgba(127,87,49,.7);box-shadow:none}.home-back-btn:active{transform:scale(.96);box-shadow:none}.home-back-btn svg{width:20px;height:20px}main{width:min(1040px,100%);margin:0 auto;padding:clamp(16px,3vw,30px)}h1,h2,h3{margin:0;letter-spacing:.01em;font-family:Iowan Old Style,Times New Roman,Songti SC,serif}h1{font-size:clamp(28px,4.2vw,42px)}h1,h3{font-weight:600}h3{font-size:clamp(19px,2.6vw,24px)}p{margin:0;color:var(--text-muted);line-height:1.52}.date-input,button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-strong);color:var(--text);font:inherit;transition:transform .14s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}button{padding:11px 16px;cursor:pointer}button:hover:not(:disabled){transform:translateY(-1px);border-color:#c7ced8;box-shadow:var(--shadow-1)}button:active:not(:disabled){transform:translateY(0)}.date-input:focus-visible,button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,58,95,.2)}button:disabled{opacity:.6;cursor:not-allowed}.date-input{padding:11px 12px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.page-loader{width:100%;min-height:100dvh;display:grid;place-items:center}.page-loader-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(102,72,41,.2);border-top-color:rgba(102,72,41,.88);animation:page-loader-spin .8s linear infinite}.row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.page-head{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2);align-items:center;width:100%}.stack>h1:first-child{width:100%;text-align:center}.page-subtitle{font-size:15px;width:100%;text-align:left}.page-head>h1{width:100%;text-align:center}.play-mode-title-text{letter-spacing:.02em}.play-mode-subtitle-text,.play-mode-title-text{font-family:HanziPen SC,Ma Shan Zheng,ZCOOL KuaiLe,KaiTi,STKaiti,cursive}.play-page-head{margin-top:-6px}.play-page-head>h1{line-height:1}.play-shell{gap:10px}.play-main-offset{display:flex;flex-direction:column;gap:10px;transform:translateY(20px)}.play-chart-card{padding:10px 12px}.play-action-card{padding:10px 12px;position:relative}.play-bottom-bar{width:100%}.play-bottom-spacer{display:none}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.play-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-cell{background:var(--panel-strong);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px 12px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;color:#6b7280}.metric-value{font-size:15px;font-weight:600;color:var(--text)}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:clamp(14px,2.4vw,20px);box-shadow:var(--shadow-1)}.chart-attribution{margin-top:8px;font-size:12px;color:#6b7280}.chart-attribution a{color:var(--accent);text-decoration:underline}.error-text{color:var(--error);font-size:14px}.ratio-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.ratio-btn{min-height:44px;font-weight:550;color:#f8fafc}.ratio-btn-buy{background:#d84d4d;border-color:#d84d4d}.ratio-btn-hold{background:#1f3a5f;border-color:#1f3a5f}.ratio-btn.active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.buy-hint-popover{position:absolute;left:12px;right:12px;bottom:calc(100% + 10px);padding:10px 12px;border-radius:12px;border:1px solid #d6bf8f;background:#fff8e7;color:#3d2a1c;font-size:13px;line-height:1.4;box-shadow:0 8px 18px rgba(79,54,29,.18);z-index:40}.buy-hint-popover:after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;border-right:1px solid #d6bf8f;border-bottom:1px solid #d6bf8f;background:#fff8e7;transform:translateX(-50%) rotate(45deg)}.modal-mask{position:fixed;inset:0;background:rgba(12,16,23,.5);display:flex;align-items:center;justify-content:center;padding:var(--space-3);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(440px,100%);background:var(--panel-strong);border-radius:var(--radius-lg);border:1px solid var(--line);padding:clamp(16px,2.8vw,24px);box-shadow:var(--shadow-2)}.round-profit-mini{font-size:13px}.style-card{display:flex;flex-direction:column;gap:var(--space-2)}.style-tag{display:inline-block;width:-moz-fit-content;width:fit-content;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.poster-canvas{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.result-page-shell{width:100%;align-items:center;gap:8px}.result-page-shell .page-head{margin-bottom:0;gap:4px}.result-page-title{font-size:clamp(24px,6vw,34px)}.result-poster-wrap{width:min(100%,420px,calc((100dvh - 132px) * .6));display:flex;flex-direction:column;gap:10px}.result-poster-source{display:none}.result-poster-canvas{width:100%;height:auto;border-radius:22px;border:none;box-shadow:0 8px 24px rgba(97,67,31,.16);background:transparent}.result-poster-placeholder{aspect-ratio:3/5;background:rgba(248,232,199,.65)}.result-save-btn{width:min(320px,100%);align-self:center;position:relative;overflow:hidden;border-radius:999px;border:2px solid #b78042;background:linear-gradient(180deg,#ffd9aa,#f5bd7b);color:#23160f;font-family:HanziPen SC,Kaiti SC,KaiTi,STKaiti,cursive;font-size:clamp(28px,7vw,34px);font-weight:700;letter-spacing:1px;padding:8px 18px;text-align:center;cursor:default;animation:result-save-breathe 2.2s ease-in-out infinite}.result-save-hint{-webkit-user-select:none;-moz-user-select:none;user-select:none}.result-save-touch-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.01}.result-save-hint-text{position:relative;z-index:2;pointer-events:none}@keyframes result-save-breathe{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(183,128,66,.22)}50%{transform:scale(1.04);box-shadow:0 0 0 12px rgba(183,128,66,.08)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(183,128,66,0)}}@keyframes page-loader-spin{to{transform:rotate(1turn)}}.board-head{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--text-muted);font-size:14px}.board-table{overflow-x:auto}.board-grid{min-width:680px;display:grid;grid-template-columns:72px 1.2fr 1fr 1fr 96px;grid-gap:var(--space-2);gap:var(--space-2);padding:10px 2px;border-bottom:1px solid var(--line-soft);font-size:14px;align-items:center}.board-grid-head{font-weight:700;color:var(--text);border-bottom:1px solid var(--line)}.profit-up{color:var(--positive);font-weight:600}.profit-down{color:var(--negative);font-weight:600}@media (max-width:720px){body.play-mode-body main{width:100%;padding:6px 8px 8px}.stack{gap:var(--space-3)}.page-loader-spinner{width:34px;height:34px}.row{gap:var(--space-2)}.metric-strip{grid-template-columns:1fr}.play-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.play-page-head{margin-top:-2px}.play-main-offset,.play-shell{gap:8px}.play-page-head>h1{font-size:clamp(24px,7vw,30px)}.play-metric-strip .metric-cell{padding:6px 8px;gap:2px}.play-metric-strip .metric-label{font-size:11px}.play-metric-strip .metric-value{font-size:12px;white-space:nowrap}.play-action-card,.play-chart-card{padding:8px}.play-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(242,231,211,0),rgba(242,231,211,.92) 28%,rgba(242,231,211,.98));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.play-bottom-bar .play-action-card{width:min(100%,640px);margin:0 auto;border-radius:14px;box-shadow:0 6px 18px rgba(79,54,29,.14)}.play-bottom-spacer{display:block;height:106px}.chart-attribution{margin-top:4px;font-size:11px}.page-head{width:100%}.stack>h1:first-child{width:100%;text-align:center}button{width:100%}.row>button{width:auto;flex:1 1 160px}.home-back-btn{top:10px;left:10px;width:34px;height:34px}.home-back-btn svg{width:18px;height:18px}}