html,body{height:100%;margin:0;padding:0}body{font-family:'Noto Sans TC','Poppins',Arial,sans-serif;background:#181921;color:#f7f7f7;min-height:100vh;margin:0}::selection{background:#ffe08299}::-webkit-scrollbar{width:8px;background:#23263a}::-webkit-scrollbar-thumb{background:#343950;border-radius:6px}.container{max-width:720px;margin:32px 32px 32px 32px;background:rgba(34,42,51,0.97);border-radius:18px;box-shadow:0 4px 32px #0008;padding:36px 28px 20px 28px}h2,h3{color:#ffe082;margin-top:0}button{font-size:1.08em;margin:0 10px 16px 0;background:linear-gradient(90deg,#ffda72 30%,#ffeaa7 100%);color:#343c25;border:none;border-radius:20px;font-weight:700;padding:7px 20px;cursor:pointer;box-shadow:0 2px 10px #f7b80155;transition:background 0.15s,box-shadow 0.18s,transform 0.12s;display:inline-flex;align-items:center;gap:7px}button:hover{box-shadow:0 0 24px #ffe082cc,0 2px 10px #f7b80155;background:linear-gradient(90deg,#ffeaa7 60%,#ffda72 100%)}button:active{transform:scale(0.97);background:linear-gradient(90deg,#ffeaa7 60%,#ffda72 100%)}button:disabled{background:#222a33;color:#888;cursor:not-allowed;box-shadow:none}canvas,video{border:1.5px solid #262a2e;margin-top:10px;background:#1b1c1f;border-radius:8px;box-shadow:0 2px 16px #0004}#canvas{display:block;width:98%;max-width:900px;max-height:44vh;margin:0 auto 0 auto}#ocrResult{font-family:monospace;margin-top:24px;font-size:1.08em;background:#21222b;color:#fff;padding:15px 14px;border-radius:10px;box-shadow:0 1.5px 9px #0002;word-break:break-all}#ocrResult span.ts{color:#00e676;font-size:0.94em;margin-right:1.4em}#stats{margin-top:30px;font-size:1.14em;background:#24252b;border-radius:11px;padding:20px 18px 18px 18px;box-shadow:0 2px 8px #1114}.maple-stats-wrap{background:linear-gradient(120deg,#222a33 60%,#263948 100%);border-radius:16px;border:3px solid #efbb43;box-shadow:0 8px 24px #0006,0 1px 0 #fff2 inset;padding:28px 22px 18px 22px;margin-bottom:20px;position:relative;font-size:1.08em;max-width:550px;margin-left:auto;margin-right:auto}.maple-stats-main{display:flex;justify-content:space-between;margin-bottom:10px}.maple-stat-block{flex:1 1 33%;display:flex;flex-direction:column;align-items:center;margin:0 4px;background:rgba(255,255,255,0.03);border-radius:12px;box-shadow:0 2px 8px #0c0c0f50;padding:12px 0 6px 0;min-width:84px}.maple-stat-block img{margin-bottom:4px}.maple-stat-block.exp b,.maple-stats-est .exp{color:#ffe082}.maple-stat-block.hp b,.maple-stats-est .hp{color:#e57373}.maple-stat-block.mp b,.maple-stats-est .mp{color:#64b5f6}.maple-stats-est{background:linear-gradient(90deg,#353e55,#252b3a);border-radius:10px;margin-bottom:10px;padding:8px 14px 5px 14px;font-size:1.05em;box-shadow:0 1px 2px #0006}.maple-label{color:#ffc107;font-weight:700}.maple-stats-actual{background:#292c34;border-radius:8px;margin-bottom:9px;padding:10px 13px;font-size:0.99em;box-shadow:0 2px 5px #0003}.maple-actual-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.maple-btn{margin-left:14px;background:linear-gradient(90deg,#ffda72 30%,#ffeaa7 100%);color:#343c25;border:none;border-radius:20px;font-weight:700;padding:3px 17px 3px 8px;cursor:pointer;box-shadow:0 2px 10px #f7b80155;transition:box-shadow 0.2s;display:inline-flex;align-items:center;gap:4px}.maple-btn:hover{box-shadow:0 0 24px #ffe082cc,0 2px 10px #f7b80155}.maple-extra{margin:5px 0 0 2px;font-size:0.93em;color:#aed0f6;background:#1e2230;border-radius:7px;padding:7px 10px 4px 10px}.maple-footer{display:flex;justify-content:space-between;color:#ccc;font-size:0.93em;margin-top:9px;border-top:1px dashed #aaa4;padding-top:6px}.maple-stats-wrap b{font-size:1.12em;letter-spacing:1px}.trend-chart-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:18px 0}#trendChart{width:96%;min-width:260px;max-width:900px;height:180px;min-height:120px;max-height:230px;aspect-ratio:5 / 1;margin-top:0;background:#18181c;border-radius:10px;box-shadow:0 1.5px 14px #0003}@media (max-width:820px){.container{padding:15px 2vw 10px 2vw}.maple-stats-wrap{padding:16px 6px 10px 6px}#trendChart{max-width:99vw}}.maple-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:20px}.maple-header-tools{display:flex;gap:10px}.tool-btn{width:38px;height:38px;border-radius:50%;background:transparent;color:#656565;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;text-decoration:none;box-shadow:none;margin:0}.tool-btn:hover{background:#e7e7e7;color:#2b2b2b;box-shadow:0 1px 6px #0002}.maple-update-info{margin-left:3px;font-size:0.96em;color:#bdbdbd;padding:1.5px 7px 1.5px 5px;background:none;border-radius:6px;display:inline-block;letter-spacing:1.1px}.maple-stat-block.coin b,.maple-stats-est .coin{color:#ffdf77}.maple-stat-block.coin img{margin-bottom:4px;filter:drop-shadow(0 2px 8px #ffe08280)}.maple-extra-rows{margin-top:8px}.maple-extra-row-group{display:flex;gap:22px;align-items:center;margin-bottom:5px;padding:2px 0}.extra-num{font-family:monospace;font-size:1.04em;padding:2px 10px;border-radius:7px;background:#21222b;cursor:pointer;min-width:48px;text-align:right;display:inline-block}.maple-extra-scroll{display:flex;flex-wrap:wrap;gap:10px 12px;max-height:62px;overflow-y:auto;padding-right:4px}.maple-extra-scroll::-webkit-scrollbar{width:6px}.maple-extra-scroll::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.extra-num.extra-hover{color:#ff5e5e!important;background:#ffdf7744!important;font-weight:bold}.extra-num.recent{background:#393939;color:white;font-weight:bold}.extra-num.old{opacity:0.4}.extra-num.filtered{opacity:0.4;color:#e55}.maple-extra-row{margin:4px}.extra-label-row{display:flex;justify-content:space-between;align-items:center;padding-right:4px}.extra-hint{font-size:12px;color:#999;white-space:nowrap}.maple-ocr-preview{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:18px;background:#20222a;border:1px solid #333;border-radius:13px;min-height:86px;margin:12px auto 16px auto;padding:16px 10px 10px 10px;max-width:100%;box-shadow:0 2px 14px #0002}.maple-ocr-preview-bar{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center}.maple-ocr-preview-label{text-align:center;font-weight:bold;color:#ffe082;font-size:1.07em;margin-bottom:6px;letter-spacing:1px}.maple-ocr-preview-bar img{display:block;width:100%;max-width:180px;height:auto;max-height:48px;min-width:72px;min-height:28px;background:#181a22;border:1px solid #999;border-radius:6px;object-fit:contain;box-shadow:none}