body{background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;margin:0;padding:5px 0;overflow:hidden}.main-container{max-width:1600px;margin:0 auto;padding:0 5px;height:calc(100vh - 10px);display:flex;flex-direction:column;min-height:0;box-sizing:border-box}.card{border-radius:8px;box-shadow:0 10px 30px #0003;border:none;flex:1;margin-bottom:60px;display:flex;flex-direction:column;min-height:0}.card-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:5px;min-height:0;max-height:100%;box-sizing:border-box}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0!important;padding:6px 10px;flex-shrink:0;box-sizing:border-box}.card-header h2{font-size:1rem!important;margin-bottom:2px!important}.card-header p{font-size:.7rem!important;margin-bottom:0!important}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.left-panel,.right-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.left-panel{border-right:2px solid #e9ecef;padding-right:15px}.right-panel{padding-left:15px}.stock-list-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.stock-item{padding:6px;margin-bottom:3px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #e9ecef;flex-shrink:0;font-size:.85rem}.stock-item:hover{background-color:#f8f9fa;border-color:#667eea;transform:translate(3px)}.stock-item.selected{background-color:#e7f3ff;border-color:#667eea}.progress{height:18px;border-radius:8px}.btn-sm{padding:3px 8px;font-size:.8rem}.stock-item .btn{padding:2px 6px;font-size:.75rem;margin-left:2px}.pagination{margin-top:8px}.pagination .page-link{padding:4px 8px;font-size:.85rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -2px 10px #0000001a;z-index:1000;padding:6px 0;height:55px}.bottom-nav .nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin:0;padding:0}.bottom-nav .nav-item{flex:1;text-align:center}.bottom-nav .nav-link{display:flex;flex-direction:column;align-items:center;padding:6px 8px;color:#6c757d;border:none;background:none;font-size:.75rem;transition:all .2s;cursor:pointer}.bottom-nav .nav-link i{font-size:1.2rem;margin-bottom:2px}.bottom-nav .nav-link.active{color:#667eea;background:none}.bottom-nav .nav-link:hover{color:#667eea;background:#f8f9fa}.limit-up-industry-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin:8px 0 4px;background:#fff5f5;border-left:3px solid #dc3545;border-radius:4px;font-size:.85rem;position:sticky;top:0;z-index:2}.limit-up-industry-header .industry-name{font-weight:600;color:#c82333}.limit-up-badge{display:inline-block;padding:1px 6px;border-radius:10px;background:#dc3545;color:#fff;font-size:.7rem;font-weight:600;margin-left:4px}.limit-up-badge.single{background:#fd7e14}.limit-up-meta{font-size:.72rem;color:#6c757d;margin-top:2px}.limit-up-view-toggle .btn{font-size:.75rem;padding:2px 8px}.sector-trend-wrap{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px}.sector-trend-chart{position:relative;min-height:420px}.sector-trend-chart svg.sector-lines{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1}.sector-trend-days{display:flex;gap:8px;position:relative;z-index:2;min-width:max-content;padding:8px 4px 4px}.sector-day-col{width:86px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.sector-day-label{font-size:.7rem;color:#6c757d;margin-bottom:6px;font-weight:600}.sector-day-total{font-size:.65rem;color:#adb5bd;margin-bottom:4px}.sector-slots{display:flex;flex-direction:column;gap:8px;width:100%;min-height:360px}.sector-node{border-radius:8px;padding:5px 4px;text-align:center;color:#fff;box-shadow:0 2px 6px #0000001f;min-height:52px;display:flex;flex-direction:column;justify-content:center;line-height:1.15;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.sector-node.clickable:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003}.sector-node.selected{outline:2px solid #212529;outline-offset:2px;box-shadow:0 0 0 3px #667eea59}.sector-detail-panel{margin-top:8px;border-top:1px solid #e9ecef;padding-top:8px}.sector-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem}.sector-detail-header .title{font-weight:600;color:#343a40}.sector-tk-header{display:flex;align-items:center;flex-wrap:wrap;padding:6px 8px;margin:10px 0 4px;background:#fff8e1;border-left:3px solid #f39c12;border-radius:4px;font-size:.85rem}.sector-node .name{font-size:.72rem;font-weight:700;word-break:break-all}.sector-node .count{font-size:.85rem;font-weight:700;margin-top:2px}.sector-node .rank{font-size:.62rem;opacity:.9}.sector-legend{display:flex;flex-wrap:wrap;gap:6px;padding:6px 2px 2px;font-size:.7rem}.sector-legend-item{display:inline-flex;align-items:center;gap:4px;color:#495057}.sector-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.bottom-nav .nav-link{font-size:.68rem;padding:4px 2px}.bottom-nav .nav-link i{font-size:1.05rem}.trend-key-index{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;margin-right:.5rem;border-radius:.35rem;background:#f1f3f5;color:#6c757d;font-size:.78rem;font-weight:600;flex-shrink:0}.toast-container{z-index:9999}.panel-active{height:100%;overflow:hidden;display:flex;flex-direction:column}.panel-hidden{display:none}.kline-page[data-v-2f137af0]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:10px}.kline-card[data-v-2f137af0]{max-width:1200px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 20px)}.kline-header[data-v-2f137af0]{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.kline-title[data-v-2f137af0]{font-size:1.1rem;font-weight:700;margin:0}.kline-meta[data-v-2f137af0]{font-size:.85rem;color:#6c757d}.kline-meta[data-v-2f137af0] .up{color:#dc3545;font-weight:600}.kline-meta[data-v-2f137af0] .down{color:#198754;font-weight:600}.kline-meta[data-v-2f137af0] .range{color:#f9a825;font-weight:600}.kline-toolbar[data-v-2f137af0]{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kline-toolbar .btn.active[data-v-2f137af0]{background:#667eea;border-color:#667eea;color:#fff}.kline-chart[data-v-2f137af0]{flex:1;min-height:420px;width:100%}.kline-loading[data-v-2f137af0],.kline-error[data-v-2f137af0]{flex:1;display:flex;align-items:center;justify-content:center;color:#6c757d;min-height:420px}.kline-error[data-v-2f137af0]{color:#dc3545}.trend-legend[data-v-2f137af0]{font-size:.75rem;color:#6c757d;padding:0 16px 8px;flex-shrink:0}.trend-legend .up-mark[data-v-2f137af0]{color:#ef5350;font-weight:600}.trend-legend .down-mark[data-v-2f137af0]{color:#26a69a;font-weight:600}.trend-legend .range-mark[data-v-2f137af0]{color:#f9a825;font-weight:600}.trend-legend .key-mark[data-v-2f137af0]{color:#6a1b9a;font-weight:600}.form-check-input[data-v-2f137af0]:checked{background-color:#667eea;border-color:#667eea}