.tools-page{max-width:1200px;margin:0 auto}.tools-hero{position:relative;background:linear-gradient(135deg,rgba(102,126,234,0.06) 0%,rgba(118,75,162,0.03) 100%);border-radius:var(--radius-xl,16px);padding:32px 36px;margin-bottom:24px;overflow:hidden}.tools-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,0.08) 0%,transparent 70%);pointer-events:none}.tools-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px}.tools-hero-icon{font-size:2.8rem;color:var(--color-brand-500);flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(102,126,234,0.1);border-radius:var(--radius-xl)}.tools-hero-text{flex:1;min-width:0}.tools-hero-text h1{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary,#1a1d24);margin:0 0 6px;line-height:var(--line-height-snug)}.tools-hero-text p{font-size:0.9rem;color:var(--color-text-secondary,#6b7280);margin:0;line-height:var(--line-height-relaxed)}.tools-hero-extra{flex-shrink:0}.tools-breadcrumb{font-size:0.85rem;padding:16px 20px 0}.tools-breadcrumb a{color:var(--color-text-secondary,#999);text-decoration:none;transition:color 0.2s ease}.tools-breadcrumb a:hover{color:var(--color-brand-500)}.tools-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.tools-panel{position:sticky;top:80px}.tools-result{min-width:0}.tools-param-card{background:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.1);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;box-shadow:0 2px 12px rgba(102,126,234,0.04);transition:box-shadow 0.3s ease,border-color 0.3s ease}.tools-param-card:hover{box-shadow:0 4px 20px rgba(102,126,234,0.08);border-color:rgba(102,126,234,0.2)}.tools-param-card .card-header{padding:14px 18px;font-size:0.9rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary,#333);border-bottom:1px solid rgba(102,126,234,0.08);display:flex;align-items:center;gap:8px;background:rgba(102,126,234,0.02)}.tools-param-card .card-header i{color:var(--color-brand-500);font-size:1rem}.tools-param-card .card-body{padding:16px 18px}.form-group{margin-bottom:14px}.form-label{display:block;margin-bottom:6px;font-size:0.82rem;color:var(--color-text-secondary,#666);font-weight:var(--font-weight-medium)}.param-input{width:100%}.param-input:focus{border-color:var(--color-brand-500) !important;box-shadow:0 0 0 2px rgba(102,126,234,0.1) !important}.param-slider{width:100%;margin-top:6px;accent-color:var(--color-brand-500);cursor:pointer}.param-textarea{width:100%;resize:vertical;font-family:'Consolas','Monaco','Courier New',monospace;font-size:0.82rem}.param-textarea:focus{border-color:var(--color-brand-500) !important;box-shadow:0 0 0 2px rgba(102,126,234,0.1) !important}.form-unit{display:inline-flex;align-items:center;color:var(--color-text-secondary,#999);font-size:0.85rem;white-space:nowrap}.form-row{display:flex;gap:12px;align-items:flex-end}.form-hint{font-size:0.75rem;color:var(--color-text-secondary,#999);margin-top:4px}.row-info{padding:10px 12px;background:rgba(102,126,234,0.04);border-radius:var(--radius-md);margin-bottom:14px}.option-type-toggle{display:flex;gap:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(102,126,234,0.15)}.qys-btn-type{flex:1;padding:9px 14px;border:none;background:var(--color-bg-card,#fff);color:var(--color-text-secondary,#666);cursor:pointer;font-size:0.85rem;transition:all 0.2s ease;border-right:1px solid rgba(102,126,234,0.1)}.qys-btn-type:last-child{border-right:none}.qys-btn-type.active{background:var(--color-brand-500);color:var(--color-white);font-weight:var(--font-weight-medium)}.qys-btn-type:hover:not(.active){background:rgba(102,126,234,0.06)}.qys-btn-brand{background:var(--color-brand-500) !important;border-color:var(--color-brand-500) !important;color:var(--color-white) !important}.qys-btn-brand:hover{background:var(--color-brand-600) !important;border-color:var(--color-brand-600) !important}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.stat-card{text-align:center;padding:18px 14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(102,126,234,0.03) 100%);border:1px solid rgba(102,126,234,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative;overflow:hidden}.stat-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-400),var(--color-brand-500));opacity:0;transition:opacity 0.3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(102,126,234,0.12)}.stat-card:hover::after{opacity:1}.stat-card .stat-icon{font-size:1.4rem;margin-bottom:6px}.stat-card .stat-label{font-size:0.78rem;color:var(--color-text-secondary,#999);margin-bottom:6px}.stat-card .stat-value{font-size:1.35rem;font-weight:var(--font-weight-bold);color:var(--color-brand-500);font-family:'Consolas','Monaco','Courier New',monospace}.stat-card .stat-sub{font-size:0.72rem;color:var(--color-text-secondary,#bbb);margin-top:2px}.stat-card.accent-up{border-left:3px solid #52c41a}.stat-card.accent-down{border-left:3px solid #ff4d4f}.stat-card.accent-up .stat-value{color:#52c41a}.stat-card.accent-down .stat-value{color:#ff4d4f}.greek-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.greek-card{text-align:center;padding:14px 10px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(102,126,234,0.04) 0%,rgba(102,126,234,0.08) 100%);border:1px solid rgba(102,126,234,0.12);transition:transform 0.2s ease,box-shadow 0.2s ease}.greek-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(102,126,234,0.1)}.greek-card .greek-label{font-size:0.75rem;color:var(--color-text-secondary,#999);margin-bottom:4px;font-weight:var(--font-weight-medium)}.greek-card .greek-value{font-size:1.15rem;font-weight:var(--font-weight-bold);color:var(--color-brand-500);font-family:'Consolas','Monaco','Courier New',monospace}.chart-card{background:rgba(255,255,255,0.9);border:1px solid rgba(102,126,234,0.08);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;box-shadow:0 2px 12px rgba(102,126,234,0.03)}.chart-card .chart-card-header{padding:14px 18px;font-size:0.9rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary,#333);border-bottom:1px solid rgba(102,126,234,0.06);background:rgba(102,126,234,0.02)}.chart-card .chart-card-body{padding:12px}.chart-container{width:100%;height:350px}.chart-container-sm{width:100%;height:220px}.chart-container-lg{width:100%;height:420px}.chart-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chart-tab{padding:5px 14px;border-radius:var(--radius-sm);border:1px solid rgba(102,126,234,0.15);background:transparent;color:var(--color-text-secondary,#666);cursor:pointer;font-size:0.8rem;transition:all 0.2s ease}.chart-tab:hover{border-color:var(--color-brand-400);color:var(--color-brand-500);background:rgba(102,126,234,0.04)}.chart-tab.active{background:var(--color-brand-500);color:var(--color-white);border-color:var(--color-brand-500)}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:0.85rem}.data-table thead th{background:rgba(102,126,234,0.04);padding:10px 14px;text-align:center;font-weight:var(--font-weight-semibold);color:var(--color-text-primary,#333);border-bottom:2px solid rgba(102,126,234,0.12);white-space:nowrap;position:sticky;top:0;z-index:1}.data-table tbody td{padding:9px 14px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.04);color:var(--color-text-primary,#333)}.data-table tbody tr:hover{background:rgba(102,126,234,0.03)}.data-table tbody tr:nth-child(even){background:rgba(0,0,0,0.01)}.data-table tbody tr:nth-child(even):hover{background:rgba(102,126,234,0.04)}.data-table .cell-highlight{color:var(--color-brand-500);font-weight:var(--font-weight-semibold)}.data-table .cell-positive{color:#52c41a;font-weight:var(--font-weight-semibold)}.data-table .cell-negative{color:#ff4d4f;font-weight:var(--font-weight-semibold)}.data-table .row-total{background:rgba(102,126,234,0.05);font-weight:var(--font-weight-semibold)}.tools-collapse{border:1px solid rgba(102,126,234,0.1);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;background:rgba(255,255,255,0.8)}.tools-collapse-header{padding:14px 18px;cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:background 0.2s ease;font-size:0.9rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary,#333)}.tools-collapse-header:hover{background:rgba(102,126,234,0.03)}.tools-collapse-header .collapse-icon{font-size:0.75rem;color:var(--color-text-secondary,#999);transition:transform 0.25s ease}.tools-collapse.open .tools-collapse-header .collapse-icon{transform:rotate(180deg)}.tools-collapse-body{padding:0 18px 18px;display:none}.tools-collapse.open .tools-collapse-body{display:block}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.scenario-grid .qys-btn-type{border-radius:var(--radius-sm);border:1px solid rgba(102,126,234,0.12);padding:6px 10px;font-size:0.8rem;text-align:center}.scenario-grid .qys-btn-type:hover{background:rgba(102,126,234,0.06);border-color:var(--color-brand-400)}.sample-data-link{font-size:0.8rem;margin-bottom:8px}.sample-data-link a{color:var(--color-brand-500);text-decoration:none;cursor:pointer}.sample-data-link a:hover{text-decoration:underline}.tools-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary,#999)}.tools-empty .empty-icon{font-size:3rem;color:rgba(102,126,234,0.2);margin-bottom:12px}.tools-tip{padding:10px 16px;background:rgba(102,126,234,0.04);border-radius:var(--radius-md);border-left:3px solid var(--color-brand-400);font-size:0.82rem;color:var(--color-text-secondary,#666);margin-bottom:14px;line-height:var(--line-height-relaxed)}.tools-guide-list{line-height:var(--line-height-loose);font-size:0.85rem;padding-left:18px}.text-success{color:#52c41a !important}.text-danger{color:#ff4d4f !important}.text-warning{color:#f5a623 !important}.text-brand{color:var(--color-brand-500) !important}.text-muted{color:var(--color-text-secondary,#999) !important}.display-none{display:none !important}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-80{width:80px}.w-100{width:100px}.w-120{width:120px}.ml-10{margin-left:10px}.mt-10{margin-top:10px}@media (max-width:991px){.tools-layout{grid-template-columns:1fr}.tools-panel{position:static}.tools-hero{padding:24px 20px}.tools-hero-inner{flex-direction:column;text-align:center}.tools-hero-icon{width:52px;height:52px;font-size:2.2rem}.tools-hero-text h1{font-size:1.25rem}.greek-cards{grid-template-columns:repeat(3,1fr)}.chart-container{height:280px}.chart-container-lg{height:320px}.scenario-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:767px){.stat-cards{grid-template-columns:repeat(2,1fr)}.greek-cards{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:repeat(3,1fr)}.tools-hero{padding:18px 16px;border-radius:var(--radius-lg)}.chart-container{height:250px}}.history-list{max-height:240px;overflow-y:auto}.history-item{padding:10px 12px;border-bottom:1px solid rgba(102,126,234,0.06);cursor:pointer;transition:background 0.15s ease}.history-item:hover{background:rgba(102,126,234,0.05)}.history-item:last-child{border-bottom:none}.history-time{font-size:0.7rem;color:var(--color-text-secondary,#bbb);margin-bottom:4px}.history-summary{font-size:0.82rem;color:var(--color-text-primary,#333)}.history-summary span{font-weight:var(--font-weight-semibold);color:var(--color-brand-500)}.history-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.history-meta .history-time{margin-bottom:0}.history-actions{display:inline-flex;gap:6px;flex-shrink:0}.history-reload-btn,.history-del-btn{font-size:0.72rem;line-height:var(--line-height-none);padding:4px 8px;border:1px solid rgba(102,126,234,0.3);border-radius:var(--radius-sm);background:transparent;color:var(--color-brand-500);cursor:pointer;transition:all 0.15s ease}.history-reload-btn:hover{background:var(--color-brand-500);color:var(--color-white)}.history-del-btn{border-color:rgba(255,77,79,0.35);color:#ff4d4f}.history-del-btn:hover{background:#ff4d4f;color:var(--color-white)}.history-del-btn:disabled{opacity:0.6;cursor:not-allowed}