/* ===== qigua.css ===== */
/* 推演问题输入、起卦方式选项卡、分组收纳、更多操作、工具箱、AI设置折叠 */

/* 推演问题 */
  .question-input {
    width: 100%;
    min-height: 60px;
    background: var(--c-bg);
    border: 1px solid var(--c-border);
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    color: var(--c-primary);
    font-family: inherit;
    resize: vertical;
    margin-bottom: 16px;
  }
  .question-input:focus { outline: none; border-color: var(--c-gold); }
  /* 起卦方式选项卡 */
  .qigua-tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .qigua-tabs::-webkit-scrollbar { display: none; }
  .qigua-tab {
    flex: 1 1 0;
    min-width: 0;
    max-width: calc(25% - 6px);
    padding: 10px 8px;
    border: 1px solid rgba(191,174,128,0.3);
    border-radius: 10px;
    background: rgba(232,222,192,0.6);
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
  }
  .qigua-tab.active {
    border-color: rgba(154,122,32,0.5);
    border-width: 1px;
    background: var(--c-card-light);
    box-shadow: 0 2px 8px rgba(154,122,32,0.15);
  }
  .qigua-tab .tab-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--c-primary);
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .qigua-tab .tab-desc {
    font-size: 10px;
    color: var(--c-text-light);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .qigua-panel { display: none; }
  .qigua-panel.active { display: block; }
  /* 起卦方式分组收纳 */
  .qigua-more-btn {
    flex: 1 1 0;
    min-width: 0;
    max-width: calc(25% - 6px);
    padding: 10px 8px;
    border: 1px dashed var(--c-gold);
    border-radius: 8px;
    background: rgba(154,122,32,0.06);
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    color: var(--c-gold);
  }
  .qigua-more-btn .tab-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
  .qigua-more-btn .tab-desc { font-size: 11px; color: var(--c-gold); }
  .qigua-extra {
    display: none;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
  .qigua-extra.show { display: flex; }
  .qigua-extra .qigua-tab { flex: 1 1 0; min-width: 0; max-width: calc(25% - 6px); }
  /* 更多操作下拉菜单 */
  .more-actions-wrap { position: relative; flex: 1; min-width: 80px; }
  .more-actions-menu {
    display: none;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 8px;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.12);
    z-index: 100;
    overflow: hidden;
  }
  .more-actions-menu.show { display: block; }
  .more-actions-menu button {
    display: block;
    width: 100%;
    padding: 10px 14px;
    background: #fff;
    border: none;
    color: var(--c-primary);
    font-size: 13px;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    border-bottom: 1px solid var(--c-card-light);
  }
  .more-actions-menu button:last-child { border-bottom: none; }
  .more-actions-menu button:hover { background: rgba(13,38,34,0.05); }
  .more-actions-menu .menu-group-title { font-size:11px; color:var(--c-text-muted); padding:8px 14px 4px; background:var(--c-bg-light); border-bottom:1px solid var(--c-card-light); }
  .more-actions-menu .menu-divider { height:1px; background:var(--c-border-lighter); margin:0; }

  /* 常驻工具箱（折叠式） */
  .toolbox-wrap { margin:6px 0 10px; }
  .toolbox-toggle { width:100%; padding:7px 12px; background:rgba(13,38,34,0.06); border:1px solid var(--c-border-light); border-radius:6px; font-size:12px; color:var(--c-text-secondary); cursor:pointer; font-family:inherit; display:flex; align-items:center; justify-content:center; gap:6px; transition:all 0.15s; }
  .toolbox-toggle:hover { background:rgba(13,38,34,0.1); color:var(--c-primary); }
  .toolbox-toggle .toolbox-arrow { font-size:10px; transition:transform 0.2s; }
  .toolbox-wrap.open .toolbox-toggle .toolbox-arrow { transform:rotate(180deg); }
  .toolbox-bar { display:none; gap:6px; flex-wrap:wrap; justify-content:center; margin-top:6px; padding:8px; background:rgba(13,38,34,0.03); border-radius:6px; border:1px solid var(--c-border-light); }
  .toolbox-wrap.open .toolbox-bar { display:flex; }
  .toolbox-bar button { padding:5px 9px; background:#fff; border:1px solid var(--c-border); border-radius:4px; font-size:11px; color:var(--c-primary); cursor:pointer; font-family:inherit; transition:all 0.15s; }
  .toolbox-bar button:hover { background:var(--c-primary); color:var(--c-bg); border-color:var(--c-primary); }

  /* AI设置折叠面板 */
  .ai-collapse-header { display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:8px 0; user-select:none; }
  .ai-collapse-header:hover { opacity:0.8; }
  .ai-collapse-header .ai-collapse-arrow { transition:transform 0.2s; font-size:12px; color:var(--c-text-light); }
  .ai-collapse-header.collapsed .ai-collapse-arrow { transform:rotate(-90deg); }
  .ai-collapse-body { overflow:hidden; transition:max-height 0.3s ease; max-height:2000px; }
  .ai-collapse-body.collapsed { max-height:0; }