/* 瓶子灵性值计算器 — 路径树样式 */
.bottle-page{max-width:1100px;margin:0 auto;padding:24px 0}
.bottle-page .page-title{font-family:var(--font-display);font-size:22px;color:var(--text-gold);letter-spacing:3px;margin-bottom:8px}
.bottle-page .page-meta{font-size:13px;color:var(--text-secondary);margin-bottom:20px}
.bottle-page .page-meta b{color:var(--text-primary)}
.bottle-stats{display:flex;gap:14px;margin:16px 0 20px;flex-wrap:wrap}
.bottle-stat-card{background:var(--bg-surface);border:1px solid rgba(212,168,83,0.06);border-radius:var(--border-radius-lg);padding:12px 20px;text-align:center;min-width:90px;backdrop-filter:blur(10px)}
.bottle-stat-card .val{font-size:22px;font-weight:bold;color:var(--text-primary)}
.bottle-stat-card .val.green{color:#4ecca3}.bottle-stat-card .val.red{color:#e94560}.bottle-stat-card .val.yellow{color:#f0c040}
.bottle-stat-card .lbl{font-size:10px;color:var(--text-muted);margin-top:4px}
.bottle-legend{display:flex;gap:20px;margin:0 0 16px;font-size:12px;flex-wrap:wrap}
.bottle-legend span{display:flex;align-items:center;gap:6px}
.bottle-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.bottle-controls{margin:0 0 12px;display:flex;gap:10px;flex-wrap:wrap}
.bottle-controls button{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid rgba(212,168,83,0.1);border-radius:var(--border-radius-md);padding:6px 14px;cursor:pointer;font-size:12px;font-family:inherit;transition:all var(--transition-fast)}
.bottle-controls button:hover{background:rgba(212,168,83,0.1);color:var(--text-primary);border-color:rgba(212,168,83,0.2)}
.bottle-controls button.active{background:var(--gold-600);color:#fff;border-color:var(--gold-600)}
.bottle-tree-wrap{background:var(--bg-surface);border:1px solid rgba(212,168,83,0.06);border-radius:var(--border-radius-lg);padding:20px 24px;max-height:72vh;overflow:auto;backdrop-filter:blur(10px)}
.bottle-tree{font-size:13px;line-height:1.9;font-family:'SF Mono',Monaco,Consolas,monospace}
.bottle-tree .node{margin-left:0;position:relative}
.bottle-tree .node-header{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:2px 6px;border-radius:4px;white-space:nowrap}
.bottle-tree .node-header:hover{background:rgba(212,168,83,0.06)}
.bottle-tree .node-header .toggle{width:14px;text-align:center;color:var(--text-muted);font-size:11px;flex-shrink:0}
.bottle-tree .node-header .step-num{color:var(--text-muted);font-size:11px}
.bottle-tree .node-header .level{font-weight:bold}
.bottle-tree .node-header .level.lv6{color:#4ecca3}
.bottle-tree .node-header .level.lv7{color:#f0c040}
.bottle-tree .node-header .level.lv8{color:#e94560}
.bottle-tree .node-header .gain{color:var(--text-muted)}
.bottle-tree .node-header .cum{color:var(--text-secondary)}
.bottle-tree .node-header .cost{color:var(--text-gold);font-size:11px}
.bottle-tree .node-header .tag{font-size:11px;padding:0 4px;border-radius:3px}
.bottle-tree .node-header .tag.success{color:#4ecca3}
.bottle-tree .node-header .tag.fail{color:#e94560}
.bottle-tree .node-header .tag.over{color:#f0c040}
.bottle-tree .node-children{margin-left:20px;border-left:1px solid rgba(212,168,83,0.1);padding-left:8px}
.bottle-tree .node-children.collapsed{display:none}
.bottle-tree .terminal-success .node-header{color:#4ecca3}
.bottle-tree .terminal-fail .node-header{color:#e94560}
.bottle-tree .terminal-over .node-header{color:#f0c040}
.bottle-branch-label{color:var(--text-muted);font-size:12px;margin-bottom:10px;padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;display:inline-block}
.bottle-footer{margin-top:20px;font-size:11px;color:var(--text-muted);text-align:center}
.bottle-tree-wrap::-webkit-scrollbar{width:6px;height:6px}
.bottle-tree-wrap::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:3px}
.bottle-tree-wrap::-webkit-scrollbar-thumb{background:rgba(212,168,83,0.2);border-radius:3px}
.bottle-tree-wrap::-webkit-scrollbar-thumb:hover{background:rgba(212,168,83,0.35)}