::-webkit-scrollbar { width: 6px; }
/* 📊 电脑端黄色价格的【字号大小】与【字体粗细】专属调校核心 */
.eco-price-heim {
    font-size: 10px !important;    /* 👈 1. 价格字号大小（可以改为 10px, 12px, 13px 等，数字越大越粗大） */
    font-weight: normal !important;  /* 👈 2. 字体粗细控制（常用控制值请参考下方说明）想要很细很脆,请改成：normal 要粗壮显眼的数字：bold*/
}
.eco-price-heim span {
    font-size: 10px !important;     /* 👈 3. 单位“亿”字的大小（可以改为 7px, 9px 等） */
}
/* 📊 电脑端卡片宽度缩减一半控制（紧邻在 .eco-price-heim 下方追加即可） */  
.eco-item-card {
    width: 90px !important;  /* 👈 1. 强行将卡片宽度固定为 90px（确保宽度统一！） */
    margin: 0 auto;               /* 👈 2. 并在原先的 3 列网格内自动居中对齐，极为美观 */
}
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #15181b; border-radius: 3px; }
        ::-webkit-scrollbar-thumb:hover { background: #58a6ff; }
        :root { --bg-main: #0d1117; --bg-card: #161b22; --text-main: #c9d1d9; --text-muted: #8b949e; --accent-blue: #58a6ff; --accent-green: #3fb950; --border-color: #30363d; }
        input::-webkit-calendar-picker-indicator { display: none !important; }

        /* 彻底干掉数字输入框自带的丑陋上下小箭头 */
        input[type="number"]::-webkit-inner-spin-button, 
        input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
        input[type="number"] { -moz-appearance: textfield !important; }
        
        /* 智能悬浮问号提示特效 */
        .help-tip {
            display: inline-block;
            cursor: help;
            color: #8b949e;
            background-color: #30363d;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            text-align: center;
            line-height: 16px;
            font-size: 12px;
            margin-left: 6px;
            position: relative;
            font-weight: normal;
        }
        .help-tip:hover::after {
            content: attr(data-tip);
            position: absolute;
            left: 50%;
            top: 150%;
            bottom:auto;
            transform: translateX(-50%);
            background-color: #161b22;
            color: #e6edf3;
            padding: 10px 14px;
            border-radius: 8px;
            border: 1px solid #30363d;
            font-size: 12px;
            line-height: 1.5;
            white-space: pre-wrap;
            width: 220px;
            z-index: 999;
            box-shadow: 0 8px 24px rgba(0,0,0,0.8);
            text-align: left;
        }
        /* 核心布局微调：支持顶部选项卡 */
        html, body {
        overscroll-behavior: none; /* 🌟 核心防线：禁用手机端的整体橡皮筋回弹与下拉刷新 */
        }

        /*📊 爆率审计检验表（JOGA 规范核算）间距调整*/
        #wing-rate-title { font-size: 13px; 
        padding-bottom: 6px;
        margin-bottom: 8px;} /* 👈 电脑端大小（手机端也可以控制） */

        /* 2. 🌟 核心魔法：选中紧跟在标题后面的那个 div 容器（即表格的外壳），强行往上拉并清除顶距 */
        #wing-rate-title + div {
        margin-top: -12px !important; /* 强行拉近与分割线的距离 */
        padding-top: 0 !important;    /* 彻底清除该容器顶部多余的 5px 内边距 */
           }
        body { background-color: var(--bg-main); color: var(--text-main); font-family: -apple-system, sans-serif; margin: 0; padding: 15px; display: flex; flex-direction: column; align-items: center; height: 100vh; overflow: hidden; box-sizing: border-box; }
        /* 顶部选项卡样式 - 引入 margin-top 将所有标签整体下移，与作者栏形成垂直落差 */
        .tab-container { display: flex; gap: 10px; margin-top: 15px; margin-bottom: 15px; align-items: center; position: relative; z-index: 10; }        
        /* 选项卡按钮 - 收紧 padding 和 border-radius，更显精致干练 */
        .tab-btn { 
            background: #161b22; 
            color: var(--text-muted); 
            border: 1px solid var(--border-color); 
            padding: 6px 14px; 
            font-size: 13px; 
            cursor: pointer; 
            border-radius: 6px; 
            font-weight: bold; 
            transition: 0.2s; 
        }
        .tab-btn.active { 
            background: #0d1117; 
            color: var(--accent-blue); 
            border-color: var(--accent-blue); 
            border-bottom: 2px solid var(--accent-blue); /* 底部激活线缩减为更纤细的 2px */
        }
        .tab-btn:hover:not(.active) { background: #21262d; color: var(--text-main); }

/* 🏆 排行榜黑曜金按钮样式 - 维持高度统一，边框细致高档 */
        .tab-btn-orange {
            background: #161b22;       /* 🌟 恢复为深色背景，不再刺眼 */
            color: #fbbf24;            /* 🌟 文字采用高档的琥珀金 */
            border: 1px solid #fbbf24; /* 🌟 仅用 1px 的极细金色线条作为边框 */
            padding: 6px 14px;
            font-size: 13px;
            cursor: pointer;
            border-radius: 6px;
            font-weight: bold;
            transition: 0.2s;
        }
        .tab-btn-orange:hover {
            background: rgba(251, 191, 36, 0.08); /* 🌟 悬浮时，按钮内部亮起极微弱的金色微光 */
            filter: brightness(1.15);
        }

        /* 沿用原版的完美容器 - 将 max-height 缩减到 calc(100vh - 110px) 以拉高底部，为备案号腾出精细间距 */
        .app-container { display: flex; gap: 20px; width: 100%; max-width: 1400px; height: 100%; max-height: calc(100vh - 105px); box-sizing: border-box; }
        .config-panel { width: 350px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 12px; }
        .config-header { font-size: 18px; font-weight: bold; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
        .input-row { display: flex; gap: 10px; align-items: center; }
        .input-row .input-group { flex: 1; }
        .input-group { display: flex; flex-direction: column; gap: 5px; width: 100%; box-sizing: border-box; }
        .input-group label { font-size: 12px; color: var(--text-muted); }
        input[type="number"], input[type="text"], select { width: 100%; box-sizing: border-box; background: #010409; color: var(--text-main); border: 1px solid var(--border-color); padding: 8px; border-radius: 6px; outline: none; }
        input[type="number"]:focus, input[type="text"]:focus, select:focus { border-color: var(--accent-blue); }
        .radio-group { display: flex; gap: 15px; margin: 4px 0; }
        .radio-group label { display: flex; align-items: center; gap: 5px; font-size: 14px; cursor: pointer; }
        button.btn-primary { background: var(--accent-blue); color: #000; border: none; padding: 10px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: 0.2s; }
        button.btn-primary:hover { filter: brightness(1.1); }
        
        /* 列表与结果面板 */
        .data-list { flex: 1; border: 1px solid var(--border-color); border-radius: 6px; padding: 10px; overflow-y: auto; min-height: 0; background: #010409; padding-right: 5px; }
        .data-item { display: flex; justify-content: space-between; font-size: 13px; padding: 5px 0; border-bottom: 1px dashed var(--border-color); }
        .data-item:last-child { border-bottom: none; }
        .del-btn { color: #f85149; cursor: pointer; font-weight:bold; padding: 0 5px; }
        .result-panel { flex: 1; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; min-height: 0; }
        .result-header { font-size: 20px; font-weight: bold; margin-bottom: 20px; display: flex; align-items: center; gap: 10px;}
        /* 🌟 修改为（去掉边框、圆角和内边距，仅保留字号、颜色和 6px 的左外边距）： */
        .result-header span { font-size: 12px; color: var(--accent-blue); font-weight: normal; margin-left: 6px; }
        .matrix-container { display: flex; gap: 20px; flex: 1; min-height: 0; }
        .matrix-card { flex: 1; border: 1px solid var(--border-color); border-radius: 8px; padding: 15px; display: flex; flex-direction: column; gap: 15px; background: #010409; min-height: 0; }
        .matrix-title { text-align: center; font-weight: bold; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color); color:#fff; }
        .matrix-content { font-family: monospace; font-size: 13px; color: var(--text-muted); line-height: 1.6; flex: 1; white-space: pre-wrap; overflow-y: auto; min-height: 0; padding-right: 5px;}
        @keyframes blink { 50% { opacity: 0; } }

        /* 补漏模式特有样式 */
        .price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 5px; }
        .price-item { display: flex; align-items: center; background: #010409; border: 1px solid var(--border-color); border-radius: 4px; padding: 4px; }
        .price-item span { font-size: 12px; color: var(--accent-blue); font-weight: bold; width: 35px; text-align: left; padding-left: 2px; margin-right: 6px; }
        .price-item input { border: none; background: transparent; padding: 2px; width: 100%; color: var(--text-main); font-size: 13px; outline: none; }
        .gap-row { display: flex; gap: 8px; align-items: center; margin-bottom: 0px; }

        /* --- 电脑端专属微调：强行捏窄所有空格的缝隙 --- */
        @media screen and (min-width: 901px) {
            .matrix-content { word-spacing: -4px !important; }
            #eco-market-grid .eco-item-card > div:last-child {
                gap: 2px !important;
            }
            .equip-card { width: 35% !important; }
        }
        
        /* --- 手机端 40/60 黄金分割极简补丁 (包含字体修复) --- */
        @media screen and (max-width: 900px) {
            /* 极限压缩补漏模式价格表的上下黑边和缝隙 */
            .price-grid { gap: 2px !important; margin-top: 0px !important; }
            .price-item { padding: 0px 1px !important; border-radius: 6px !important; }
            .price-grid .price-item input[type="number"] { height: 22px !important; padding: 0 !important; font-size: 9px !important; background: transparent !important; width: 100% !important; }
            .price-item span { width: 43px !important; margin-right: 2px !important; font-size: 9px !important; }
            #budget-price-toolbar span { font-size: 8.5px !important; } /* 手机端专属：调整"参考单价"字号 */
            #budget-price-toolbar button { font-size: 8.5px !important; } /* 手机端专属：调整按钮字号 */
            #budget-price-toolbar { flex-wrap: nowrap !important; }
            #budget-price-toolbar > * { white-space: nowrap !important; }
            #budget-price-toolbar button:last-child { position: relative !important; right: 12px !important; } /* 手机端：+增加P数往左移 */

    /* 仅在手机端生效：强制将周期切换按钮下移，与最下方的“走势追踪”完美对齐 */
            #eco-period-tabs {
            align-self: flex-end !important;
            margin-bottom: 2px !important;
        }  
        /* 强制将周期切换按钮下移对齐，并让上方物品名称单行不折行 */
        #main-trend-panel > div:first-child {
            position: relative !important;
            display: block !important;
        }
        #main-trend-panel > div:first-child > div:first-child {
            width: 100% !important;
        }
        #trend-chart-title span:first-child {
            white-space: nowrap !important;
        }
        #eco-period-tabs {
            position: absolute !important;
            right: 0 !important;
            bottom: 1px !important;
        }

/* 🌟 手机端右大厅卡片特权：允许趋势大图卡片和副本估算卡片高度自适应，随内容自动伸缩 🌟 */
#economy-result-panel .matrix-card {
    flex: none !important;           /* 🌟 彻底解除高度压缩 */
    height: auto !important;         /* 🌟 允许高度根据内容自然撑高包裹 */
    padding: 10px !important;        /* 紧缩内边距，腾出更多排版空间 */
}

        /* 抹除手机端外框黑边，并为最下方备案号预留出 22px 的安全净空高度，防止卡片和QQ面板盖住它 🌟 */
            body { padding: 2px 2px 22px 2px !important; }
            /* 🌟 修改后：采用标准弹性自适应，不再硬编码写死高度，由浏览器自动分配多余空间 🌟 */
            .app-container { 
                width: 100% !important; 
                max-width: 100% !important; 
                flex: 1 !important;               /* 核心：自动填满中间所有剩余的垂直高度 */
                min-height: 0 !important;          /* 关键：允许中间面板在空间紧凑时自我弹性收缩，不撑破页面 */
                height: auto !important;
                max-height: none !important;
            }
            .app-container:not(#mode-home):not(#mode-market) > .config-panel,
            .app-container:not(#mode-home):not(#mode-market) > .result-panel,
            .app-container:not(#mode-home):not(#mode-market) .matrix-card {
                margin-left: 0 !important;
                margin-right: 0 !important;
                box-sizing: border-box !important;
            }
            .app-container:not(#mode-home):not(#mode-market) .data-list,
            .app-container:not(#mode-home):not(#mode-market) .matrix-content {
                padding-right: 2px !important;
                box-sizing: border-box !important;
            }

            /* 🌟 核心保护：声明头尾不参与任何压缩，彻底杜绝顶部导航或底部备案被挤压遮挡的问题 🌟 */
            .tab-container { flex-shrink: 0 !important; }
            #author-panel { flex-shrink: 0 !important; }
            #sand-qq-panel { flex-shrink: 0 !important; }
            body > div[style*="text-align: center"] { flex-shrink: 0 !important; }

            /* 🌟 新增：压缩手机端累计清单内每个卡片的高度，释放纵向空间 🌟 */
            .wing-acc-grid { grid-template-columns: repeat(3, 1fr) !important; }
            .wing-acc-grid > div {
                min-height: 32px !important;
                padding: 2px 1px !important;
            }
            /* 🌟 新增：手机端专属清单卡片字体极致压缩（防止文字在窄屏重叠溢出） */
        .wing-acc-grid > div > div:first-child {
             font-size: 8px !important;   /* 1. 强制手机端“名称”缩减到 8px */
                }
        .wing-acc-grid > div div[style*="color: #fbbf24"] {
            font-size: 8px !important;   /* 2. 强制手机端“总个数”缩减到 8px */
                }
        .wing-acc-grid > div div[style*="white-space: nowrap"] {
            font-size: 7px !important;     /* 3. 强制手机端“总次数”缩减到 7px */
                }
        #wing-rate-title { font-size: 8px !important; } /* 4. 强制手机端爆率表标题缩减到 8px */    
        /* 🌟 新增：手机端专属 JOGA 爆率表文字与间距极致压缩 */
        #wing-joga-table {
            font-size: 8px !important;     /* 1. 强制手机端表格文字缩减到 9px */
                }

/* 🌟 1. 压缩手机卡片高度，并让K线和下方内容靠拢，解决【纵向松散】 🌟 */
#eco-market-grid .eco-item-card {
    min-height: 52px !important;       /* 🌟 卡片高度从 68px 强力压缩到精致的 52px */
    justify-content: center !important; /* 🌟 垂直方向居中靠拢，取消两端推开的限制 */
    gap: 0px !important;               /* 🌟 消除K线和下方内容的纵向多余空隙 */
    padding: 2px 4px !important;       /* 🌟 缩窄上下内边距 */
}

/* 🌟 2. 收紧手机端 K线 容器的上下留白 🌟 */
#eco-market-grid .eco-item-card > div:first-of-type {
    margin-top: 1px !important;        /* 收紧顶部留白 */
    margin-bottom: 1px !important;     /* 收紧底部留白 */
}

/* 🌟 3. 缩窄[图标]与右侧[价格]的水平间距，解决【横向松散】 🌟 */
#eco-market-grid .eco-item-card > div:last-child {
    gap: 4px !important;               /* 🌟 图标和价格间距从 8px 缩窄至 4px，使其挨在一起 */
    margin-bottom: 0px !important;     /* 清除底部多余留白 */
}

        /* 🌟 将手机端的备案号字号缩至 7px，*/
        #icp-footer {
            font-size: 8px !important;
                }
        /* 🌟 2. 右下角访问统计等比例缩小、去粗、向边缘隐入 🌟 */
        #site-stats {
            right: 6px !important;          /* 往右边缘微调 */
            bottom: 2px !important;         /* 往底部边缘微调 */
            gap: 1px !important;            /* 缩窄眼睛和数字的空隙 */
        }

    #site-stats svg {
    width: 5px !important;          /* 🌟 眼睛图标等比缩小 */
    height: 5px !important;
    opacity: 0.4 !important;        /* 降低半透明度，更柔和 */
    }
    #site-stats span {
    font-size: 5px !important;    /* 🌟 访问量字号变小 */
    font-weight: normal !important; /* 🌟 强制去除粗体，变细体字 */
    color: #8b949e !important;      /* 颜色调回柔和的浅灰 */
    opacity: 0.4 !important;        /* 降低半透明度，更柔和 */
    }
    #vercount_value_site_pv {
        font-size: 5px !important;      /* 🌟 核心：用精准 ID 穿透压制，强行让数字变小 */
        font-weight: normal !important; /* 🌟 核心：用精准 ID 穿透压制，强行让数字变细 */
    }

        /* 🛠️ （（JOGA 规范核算 让卡片上下高度自动收缩，贴合表格） */
        #wing-joga-card {
        min-height: 0 !important;        /* 1. 解除最小高度限制，允许卡片收缩 */
        height: auto !important;          /* 2. 强制自适应表格内容的实际高度 */
        padding-bottom: 8px !important;  /* 3. 🌟 核心：控制表格底部到黑框边缘仅留出 8px 的舒适距离，不空也不挤 */
    }
     
        #wing-joga-table th, #wing-joga-table td {
            padding: 3px 2px !important;   /* 2. 压缩单元格内边距，防止手机上文字挤压换行 */
                } 

/* 🌟 新增：手机端专属金融矩阵走势卡片自适应缩放与排版 (这是您新贴入的代码) */
#eco-market-grid {
    grid-template-columns: repeat(3, 1fr) !important; /* 手机端改为3列排版，卡片更小 */
    gap: 1px !important;
}
#eco-market-grid > div {
    height: 50px !important; /* 设置固定高度，不再自适应内容 */
    padding: 1px 1px !important; /* 进一步减小内边距 */
    width: 100% !important; /* 强制卡片宽度填满网格列 */
    box-sizing: border-box !important;
}
/* 🛠️ 替换为（图标放大至 28px，黄色字体与红色估值缩小，微调间距）： */
#eco-market-grid > div img {
    width: 28px !important;      /* 减小图标尺寸 */
    height: 28px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
.eco-price-heim {
    font-size: 7px !important;   /* 进一步减小黄色字体 */
}
.eco-price-heim span {
    font-size: 6px !important;   /* 后缀“亿”微调至 7px */
}
.eco-price-cny {
    font-size: 7px !important; /* 估值缩窄至 7.5px 防止溢出 */
}
#eco-market-grid > div > div {
    gap: 1px !important;         /* 进一步缩小图标与文字之间的缝隙 */
    align-items: center !important; /* 确保图标和文字垂直居中对齐 */
}
#eco-market-grid .eco-item-card > div:last-of-type {
    margin-bottom: 1px !important; /* 收紧底部留白 */
    padding-left: 1px !important; /* 减小左边距，让内容更靠近边缘 */
}
#eco-market-grid .eco-item-card > div:first-of-type {
    margin-top: 1px !important; /* 收紧顶部留白 */
    margin-bottom: 1px !important; /* 收紧底部留白 */
    padding-left: 1px !important; /* 减小K线图左边距 */
}
            /* 🌟 新增：手机端 QQ 绑定面板瘦身，降低高度占用 🌟 */
            #sand-qq-panel {
                padding: 6px !important;
                margin: 4px 2px 6px 2px !important;
                width: calc(100% - 4px) !important;
                max-width: calc(100% - 4px) !important;
                box-sizing: border-box !important;
            }
            #sand-qq-panel img {
                width: 32px !important;
                height: 32px !important;
            }
            #sand-qq-panel #qqAvatar {
                width: 32px !important;
                height: 32px !important;
                min-width: 32px !important;
                min-height: 32px !important;
                max-width: 32px !important;
                max-height: 32px !important;
                border-radius: 50% !important;
                object-fit: cover !important;
                display: block !important;
                flex: 0 0 32px !important;
            }
            #sand-qq-panel input {
                padding: 6px !important;
                font-size: 11px !important;
            }
            #sand-qq-panel button {
                padding: 6px 10px !important;
                font-size: 11px !important;
            }
            /* 1. 强制左右并排，左占40%(2份)，右占60%(3份) */
            .app-container {
                flex-direction: row !important; 
                padding: 2px !important;
                gap: 1.5px !important; 
            }
            .config-panel {
                width: 40% !important;
                min-width: 40% !important;
                padding: 1.5px !important;
                gap: 4px !important; 
            }

/* 🛠️ 将内边距统一修改为与卡片间距完全一致的 4px： */
.result-panel {
    width: 60% !important;
    flex: 1 !important;
    padding: 4px !important; /* 🌟 统一设为 4px，与卡片间距完美吻合！ */
    box-sizing: border-box !important;
}
        /* 强制标题文字在手机端居中 */
            #config-title { text-align: center !important; }

        /* 多孔补漏配置：强制手机上剩余槽位绝对居中并排 */
            div[style*="display: flex; gap: 8px; margin-bottom: 5px;"] {
                flex-direction: row !important; 
                justify-content: center !important; /* 核心魔法：让内部元素整体水平居中 */
            }
            div[style*="display: flex; gap: 8px; margin-bottom: 5px;"] > div {
                width: 45% !important; /* 放弃死板的固定像素，改为各占 45% 空间，显得更饱满平衡 */
                flex: none !important;
            }
            /* 杀掉捣乱的“隐形占位方块”，防止它把前两个框往左挤歪 */
            div[style*="display: flex; gap: 8px; margin-bottom: 5px;"] > div:nth-child(3) {
                display: none !important; 
            }         
            
        /* 红色区域：重置缺口行，彻底解决上下对齐和空间撑满问题 */
            .gap-row { 
                display: flex !important; 
                flex-direction: row !important;
                width: 100% !important; 
                gap: 2px !important; /* 强制统一三个组件之间的缝隙 */
            }
            /* 1. 下拉菜单：强制吃满所有剩余空间 */
            .gap-row select { 
                flex: 1 !important; 
                width: 10px !important; /* 给个极小的基础宽度，激发 flex:1 撑满全屏的潜能 */
                margin: 0 !important; 
            }
        /* 2. 缺口数字框：稍微缩小给按钮让出空间 */
            .gap-row input[type="number"] { 
                width: 30px !important; 
                flex: none !important; 
                margin: 0 !important;
                padding: 0 1px !important; /* 缩小内边距防字被切 */
            }
            /* 3. 解除 15px 封印：扩展到 30px，并开启完美均分排列容纳 ↑ ↓ ✖ */
            .gap-row > :nth-child(3) { 
                width: 30px !important; 
                flex: none !important; 
                margin: 0 !important; 
                padding: 0 !important;
                display: flex !important;
                justify-content: space-between !important;
                align-items: center !important;
            }
            /* 强制放大手机端点击热区 */
            .gap-row > :nth-child(3) button {
                font-size: 12px !important; 
                padding: 3px 2px !important;
            }

            .input-row { gap: 5px !important; }
            .input-group { gap: 2px !important; }
            /* 1. 单独给 select 施加极限压缩，释放右侧箭头空间 */
            select {
                height: 25px !important; 
                font-size: 9px !important;
                padding: 0 0px 0 2px !important; 
            }
            /* 2. 其余输入框和按钮保持原样 */
            input[type="number"], input[type="text"], button.btn-primary {
                height: 25px !important; 
                font-size: 10px !important;
                padding: 0 5px !important;
            }

            .radio-group { margin: 2px 0 !important; font-size: 12px !important;}
            .config-header { font-size: 12px !important; padding-bottom: 4px !important; margin-bottom: 2px !important; } /* 左侧标题字体大小 */
            
            /* 3. 右侧矩阵内部上下堆叠并开启滑动 */
            .matrix-container { 
                flex-direction: column !important; 
                gap: 3px !important; 
                overflow-y: auto !important; 
                height: 100% !important; 
            }
            .matrix-card { flex: 1 !important; min-height: 0 !important; padding: 3px !important; gap: 2px !important; }
            /* 强制右侧矩阵标题居中（利用 justify-content 控制带 span 的弹性盒） */
            .result-header { font-size: 12px !important; margin-bottom: 5px !important; text-align: center !important; justify-content: center !important; width: 100% !important; }
            .matrix-content { font-size: 11px !important; overflow-y: auto !important; flex: 1 !important; padding-bottom: 15px !important; }
            .matrix-title { font-size: 13px !important; padding-bottom: 2px !important; }
/* 🌟 修改为（追加 border: none 和 padding: 0 彻底在手机端清除边框）： */
.result-header span {
    font-size: 9px !important;
    border: none !important;   /* 🌟 彻底去掉边框圈 */
    padding: 0 !important;     /* 🌟 清除多余内边距 */
    margin-left: 4px !important; /* 保持与主标题的微小间距 */
}
            
/* 4. 修复顶部作者信息 */
#author-panel {
    position: static !important; 
    text-align: center !important; 
    margin-top: 2px !important; /* 空出顶部距离 */
    margin-bottom: 5px !important; 
    font-size: 8px !important;  /* 🌟 这里可以自由修改数值，推荐 10px 或 11px */
}
.tab-container { 
    margin-top: 0px !important; /* 🌟 强制手机端贴顶，不受电脑端下移影响 */
    margin-bottom: 5px !important; 
    gap: 6px !important; 
    width: 100% !important;
    overflow-x: auto !important; /* 🌟 核心：开启横向顺滑滚动 */
    white-space: nowrap !important;
    flex-wrap: nowrap !important; /* 🌟 核心：强制不折行 */
    -webkit-overflow-scrolling: touch !important; /* iOS 弹性滑动 */
    padding-bottom: 3px !important;
}
/* 🌟 隐藏手机端系统自带的丑陋滚动条，保持极致整洁 🌟 */
.tab-container::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
/* 将普通标签与橙色榜单按钮在手机端一并进行统一度量衡压缩 */
.tab-btn, .tab-btn-orange { 
    padding: 5px 12px !important; 
    font-size: 11px !important; 
    white-space: nowrap !important; 
    border-radius: 6px !important;
    flex: 0 0 auto !important; 
}
            
/* 5. 修复左侧 40% 面板字体过大导致的换行错位 */
            .input-group label { font-size: 10px !important; }
            .radio-group label { font-size: 10px !important; letter-spacing: -0.5px; }
            
            .config-panel > div[style*="margin-top:10px"], 
            .config-panel > div[style*="margin-top:10px"] button,
            .config-panel div[style*="font-size: 13px"],
            .config-panel span[style*="font-size: 13px"],
            .config-panel button[style*="font-size: 12px"] { 
                font-size: 10px !important; 
            }

            /* 修复“独立隔离”变成竖排的问题 */
        .config-panel > div[style*="margin-top:10px"] span {
        margin-left: 2px !important; 
        white-space: nowrap !important; 
    }

            /* 修复表头文字挤压 */
            .config-panel > div[style*="border-bottom"] { font-size: 10px !important; }
            .config-panel > div[style*="border-bottom"] span:nth-child(2) { width: 2.2em !important; }

            /* 基础列表字体 */
            .data-item { font-size: 10px !important; }
            .data-item span { 
                white-space: nowrap !important; 
                overflow: hidden !important; 
            }

             /* 终极强制生效：防止汉字被断行隐藏 */
             /* 手机端局部微调：拉近左边，缩窄右边防挤压 */
            .data-item span:nth-child(1) { width: 10px !important; text-align: left !important; }
            .data-item span:nth-child(2) { width: 2.7em !important; text-align: left !important; margin-left: -3px !important; }
            .data-item span:nth-child(3) { flex: 1 !important; white-space: nowrap !important; overflow: hidden !important; }
            .data-item span:nth-child(4) { width: 2.0em !important; text-align: center !important; }
            .data-item span:nth-child(5) { width: 3.2em !important; text-align: right !important; }
            .del-btn { width: 15px !important; text-align: right !important; padding: 0 !important; }
            
            /* 修复手机端问号气泡：升级为高级的“屏幕居中悬浮窗”模式 */
            .help-tip { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
            .help-tip:hover::after,
            .help-tip.tip-active::after {
                position: fixed !important; /* 脱离按钮，相对于整个手机屏幕定位 */
                top: 35% !important;        /* 浮动在屏幕中上部，不挡手 */
                left: 50% !important;       /* 强行定位到屏幕正中间 */
                transform: translateX(-50%) !important; /* 绝对的水平居中对齐 */
                width: 85vw !important;     /* 宽度占据屏幕的85%，两边留白绝对安全 */
                bottom: auto !important;
                z-index: 9999 !important;   /* 保证它在最顶层显示 */
                pointer-events: none !important;
            }
     
           /* 修复单价和按钮挤压变成竖排的问题 */
            #price-toolbar {
                flex-wrap: wrap !important; /* 允许折行，避免死磕在一行 */
                gap: 5px !important; 
            }
            #price-toolbar span {
                font-size: 8px !important; /* 把标题字体压小 */
                letter-spacing: -0.5px !important; /* 字间距稍微收紧 */
            }
            #price-toolbar button {
                font-size: 8px !important; 
                white-space: nowrap !important; /* 🌟最关键的一句：强行禁止文字竖排换行 */
                padding: 0 !important;
                margin-right: 5px !important;
            }     
     
            /* --- 手机端专属：极限压缩字距与底部缝隙 --- */
            /* 1. 强行压缩采购清单里的汉字间距和空格间距 */
            .matrix-content { 
                font-size: 11px !important; 
                overflow-y: auto !important; 
                flex: 1 !important; 
                padding-bottom: 15px !important; 
                word-spacing: -2px !important; /* 强行挤压多余的空格 */
                letter-spacing: -0.5px !important; /* 稍微拉近汉字距离 */
            }
            
            /* 2. 负边距魔法：把“全局总造价”黄框强行往上拽，吃掉上面的空行 */
            .matrix-content div[style*="rgba(251, 190, 36, 0.07)"] {
                margin-top: -12px !important; 
                padding: 4px 8px !important;
                font-size: 10px !important;
            }
            
            /* 3. 把“槽位已耗尽”的红色警告条也贴紧一点 */
            .matrix-content div[style*="rgba(248, 82, 73, 0.07)"] {
                margin-top: 4px !important;
                padding: 2px !important;
                font-size: 10px !important;
            }
        }

 /* === 沙漏模拟器专属 UI 引擎 === */
        .equip-card { background: #0c0f12; border: 1px solid #30363d; border-radius: 4px; padding: 15px; width: 100%; box-sizing: border-box; box-shadow: 0 4px 15px rgba(0,0,0,0.5); }
        .equip-header { border-bottom: 1px solid #30363d; padding-bottom: 10px; margin-bottom: 10px; }
        .equip-name { color: #a3e635; font-size: 16px; font-weight: bold; text-shadow: 0 0 5px rgba(163,230,53,0.3); }
        .equip-desc { color: #e5e7eb; font-size: 12px; margin-top: 4px; }
        .equip-req { color: #8b949e; font-size: 12px; margin-top: 2px; }
        .equip-req span { color: #f87171; }
        
        .attr-row { display: flex; align-items: center; margin-bottom: 2px !important; padding: 1px 4px !important; border: 1px solid transparent; border-radius: 4px; cursor: pointer; transition: 0.2s; }
        .attr-row:hover { background: rgba(255, 255, 255, 0.05); }
        .attr-row.selected-row { border-color: #fbbf24; background: rgba(251, 191, 36, 0.1); box-shadow: 0 0 8px rgba(251, 191, 36, 0.3); }
        
        /* 纯 CSS 绘制游戏里的骰子图标 */
        .dice-box { width: 16px; height: 16px; flex: none; background: #fbbe24; border: 1px inset #a89f91; border-radius: 1px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); padding: 1px; gap: 1px; margin-right: 8px; }
        .dot { visibility: hidden; background: #fbbf24; border-radius: 50%; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.5); }
        
        .attr-texts { flex: 1; display: flex; flex-direction: column; justify-content: center; }
        .attr-text { color: #4ade80; font-size: 13px; line-height: 16px !important; letter-spacing: 0px; }
        .attr-empty { color: #4b5563; font-size: 12px; line-height: 16px !important; }
        
        /* 纯 CSS 绘制游戏里的骰子图标 */
        .dice-box { width: 16px; height: 16px; flex: none; background: #fbbe24; border: 1px inset #a89f91; border-radius: 1px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); padding: 1px; gap: 1px; margin-right: 8px; margin-top: 2px; }
        .dot { visibility: hidden; background: #f87171; border-radius: 50%; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.5); }
        
        /* 骰子点数映射矩阵 */
        .d1 .dot:nth-child(5) { visibility: visible; }
        .d2 .dot:nth-child(1), .d2 .dot:nth-child(9) { visibility: visible; }
        .d3 .dot:nth-child(1), .d3 .dot:nth-child(5), .d3 .dot:nth-child(9) { visibility: visible; }
        .d4 .dot:nth-child(1), .d4 .dot:nth-child(3), .d4 .dot:nth-child(7), .d4 .dot:nth-child(9) { visibility: visible; }
        .d5 .dot:nth-child(1), .d5 .dot:nth-child(3), .d5 .dot:nth-child(5), .d5 .dot:nth-child(7), .d5 .dot:nth-child(9) { visibility: visible; }        
        .attr-texts { flex: 1; display: flex; flex-direction: column; }
        .attr-text { color: #4ade80; font-size: 13px; line-height: 1.4; letter-spacing: 0.5px;}
        .attr-empty { color: #4b5563; font-size: 13px; line-height: 18px; }

        .stat-box { background: #010409; border: 1px solid var(--border-color); border-radius: 6px; padding: 10px; font-size: 12px; color: var(--text-muted); display: flex; justify-content: space-between; margin-top: 15px;}
        .stat-value { color: #fbbf24; font-weight: normal; font-size: 14px; } /* 🌟 消除笨重感，让所有统计数字变得清脆、纤细 */

        @media screen and (max-width: 900px) {
            .sand-radios { flex-direction: column !important; gap: 8px !important; align-items: flex-start !important; padding-left: 5px !important; }
        }

        /* 🌟 4. 极致同心倒角优化（放在最底部，保证 100% 覆盖并生效） 🌟 */
        @media screen and (max-width: 900px) {
            /* 缩减手机端外框的倒角大小，与 1.5px 极窄间距完美协调 */
            .config-panel, .result-panel {
                border-radius: 8px !important; 
            }
            /* 缩减内框卡片的倒角大小 */
            .matrix-card {
                border-radius: 6px !important; 
            }
            /* 缩减数据列表的倒角大小 */
            .data-list {
                border-radius: 5px !important;
            }
/* 🌌 电脑+手机通用：首页彻底无边界、无框全屏无缝铺满（Fixed 视口覆盖） 🌟 */
            #mode-home {
            position: fixed !important; /* 脱离文档流，直接铺满整个浏览器视口 */
            top: 0 !important;
            left: 0 !important;
            width: 100vw !important;
            height: 100vh !important;
            max-width: none !important;
            max-height: none !important;
            z-index: 1 !important;      /* 背景层级，低于导航栏和备案号 */
            background: radial-gradient(circle at center, #11151e 0%, #000000 80%) !important;
            border: none !important;
            border-radius: 0 !important;
            box-sizing: border-box !important;
            margin: 0 !important;
            padding: 15px !important;
        }
/* 🌟 新增：首页核心元件在手机端的自适应等比例缩放 🌟 */
        .hero-center-container {
            padding: 30px 10px !important;
            background: radial-gradient(ellipse at center, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0) 80%) !important; /* 手机端增强中点遮罩浓度 */
        }
        .hero-title {
            font-size: 1.7rem !important; /* 压缩字号 */
            letter-spacing: 2px !important;
            margin-bottom: 10px !important;
        }
        .hero-subtitle {
            font-size: 0.85rem !important;
            letter-spacing: 1px !important;
            margin-bottom: 25px !important;
        }
        .feature-badges {
            gap: 6px !important; /* 缩小标签间距 */
            margin-bottom: 30px !important;
            padding: 0 10px !important;
        }
        .feature-badges span {
            font-size: 0.72rem !important; /* 缩小标签字号，防止在窄屏折成多行 */
            padding: 4px 10px !important;
        }
        .hero-start-btn {
            padding: 10px 24px !important;
            font-size: 0.92rem !important;
        }
        }
        /* 🌟 电脑端通用：首页中心区径向渐变避让遮罩 🌟 */
        .hero-center-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* 径向渐变：以文字为中心呈椭圆形向外平滑淡出，完美遮挡中央杂乱的网格线 [2] */
            background: radial-gradient(ellipse at center, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0) 70%);
            padding: 50px 30px;
            text-align: center;
            box-sizing: border-box;
            /* 注：因为 `#mode-home` 已经开启了垂直居中对齐，无需追加 margin-top 即可在多端完美居中 */
        }

        .hero-title {
            font-size: 2.8rem;
            color: #ffffff;
            letter-spacing: 4px;
            margin-bottom: 15px;
            font-weight: bold;
            font-family: -apple-system, sans-serif;
            background: linear-gradient(180deg, #ffffff, #8b949e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hero-subtitle {
            font-size: 1.15rem;
            color: var(--text-muted); /* 继承系统高雅灰色 */
            letter-spacing: 2px;
            margin-bottom: 35px;
        }

        /* 标签阵列排版 */
        .feature-badges {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 45px;
        }

        .feature-badges span {
            font-size: 0.85rem;
            color: #a3a6ad;
            padding: 6px 14px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px; /* 胶囊形状 */
            background: rgba(255, 255, 255, 0.03);
            white-space: nowrap;
        }

        /* 极客霓虹发光按钮：完美统筹全站的霓虹蓝 var(--accent-blue) */
        .hero-start-btn {
            padding: 12px 36px;
            font-size: 1.05rem;
            color: #ffffff;
            text-decoration: none;
            background: rgba(16, 21, 29, 0.85); /* 略显厚重的深黑底色 */
            border: 0.5px solid var(--accent-blue); /* 自适应极细霓虹蓝发丝边框 */
            border-radius: 6px;
            box-shadow: 0 0 15px rgba(88, 166, 255, 0.2); /* 霓虹微弱光圈 */
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            font-weight: bold;
            letter-spacing: 1.5px;
        }

        .hero-start-btn:hover {
            background: rgba(88, 166, 255, 0.12);
            box-shadow: 0 0 25px rgba(88, 166, 255, 0.5); /* 悬浮时发光加深 */
            transform: translateY(-2px); /* 向上微移 */
        }
        /* 🌌 首页专属：顶部导航栏极致毛玻璃/磨砂玻璃玻璃化效果 🌟 将普通导航按钮变为精细的半透明微透风格，采用 0.5px 极简发丝线条 */
        .tab-container.glassy .tab-btn {
            background: rgba(255, 255, 255, 0.02) !important;
            border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
            color: var(--text-muted) !important;
        }
        /* 首页当前激活的“首页门户”按钮：光圈微亮，边框亮起霓虹蓝 */
        .tab-container.glassy .tab-btn.active {
            background: rgba(255, 255, 255, 0.08) !important;
            border-color: var(--accent-blue) !important;
            color: var(--accent-blue) !important;
        }
        /* 悬浮时，微微亮起 */
        .tab-container.glassy .tab-btn:hover:not(.active) {
            background: rgba(255, 255, 255, 0.12) !important;
            color: var(--text-main) !important;
        }
        /* 首页专属：右侧排行榜橙色按钮也同步磨砂半透明化，极具质感 */
        .tab-container.glassy .tab-btn-orange {
            background: rgba(251, 191, 36, 0.02) !important;
            border: 0.5px solid rgba(251, 191, 36, 0.15) !important;
            color: #fbbf24 !important;
        }
        .tab-container.glassy .tab-btn-orange:hover {
            background: rgba(251, 191, 36, 0.1) !important;
        }
        .tab-container.glassy .tab-btn-orange:hover {
            background: rgba(251, 191, 36, 0.1) !important;
        }
        /* 🌌 首页门户通用布局（电脑端 + 手机端）：彻底无边界、无边框、无缝全屏铺满（Fixed 视口覆盖） 🌟 */
        #mode-home {
            position: fixed !important; /* 脱离文档流，直接铺满整个浏览器视口 */
            top: 0 !important;
            left: 0 !important;
            width: 100vw !important;
            height: 100vh !important;
            max-width: none !important;
            max-height: none !important;
            z-index: 1 !important;      /* 背景层级，低于导航栏和备案号 */
            background: radial-gradient(circle at center, #11151e 0%, #000000 80%) !important;
            border: none !important;
            border-radius: 0 !important; /* 彻底消除四个角的圆角，使其无缝消隐于屏幕边缘 */
            box-sizing: border-box !important;
            margin: 0 !important;
            padding: 15px !important;
        }
                    .wing-acc-grid { grid-template-columns: repeat(5, 1fr); }
                    @media screen and (max-width: 900px) {
                    .wing-acc-grid { grid-template-columns: repeat(3, 1fr) !important; }
                    }

/* 🎉 5星庆祝弹窗：金色脉冲闪烁边框 */
@keyframes goldPulse {
    0%, 100% { box-shadow: 0 0 10px rgba(251,191,36,0.3), 0 0 30px rgba(251,191,36,0.15); border-color: #fbbf24; }
    50% { box-shadow: 0 0 25px rgba(251,191,36,0.9), 0 0 60px rgba(251,191,36,0.45); border-color: #ffd700; }
}
.alert-celebrate {
    animation: goldPulse 0.6s ease-in-out infinite;
}

/* 🎉 庆祝emoji弹跳动画 */
@keyframes emojiBounce {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.4) rotate(-12deg); }
    50% { transform: scale(1.1) rotate(6deg); }
    75% { transform: scale(1.3) rotate(-6deg); }
}
.celebrate-emoji {
    display: inline-block;
    animation: emojiBounce 0.8s ease-in-out infinite;
}