:root {
                    --s7-bg: #fff;
                    --s7-p: #f4f5f7;
                    --s7-b: #e0e0e0;
                    --s7-a: #000;
                    --s7-accent: #000;
                    --s7-select-bg: #f0f7ff;
                    --s7-btn-bg: #000;
                }

                .s7-w {
                    position: relative;
                    display: inline-block;
                }

                .s7-t {
                    position: absolute;
                    bottom: 12px;
                    right: 12px;
                    padding: 8px 16px;
                    border-radius: 20px;
                    background: rgba(255, 255, 255, 0.9);
                    backdrop-filter: blur(4px);
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                    color: #000;
                    font-size: 13px;
                    font-weight: 600;
                    cursor: pointer;
                    opacity: 0;
                    transform: translateY(5px);
                    transition: 0.2s;
                    z-index: 99;
                    display: flex;
                    align-items: center;
                    gap: 6px;
                }

                .s7-w:hover .s7-t {
                    opacity: 1;
                    transform: translateY(0);
                }

                .s7-m {
                    position: fixed;
                    inset: 0;
                    z-index: 9999999;
                    background: rgba(0, 0, 0, 0.7);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-family: sans-serif;
                }

                /* 主容器，单栏紧凑结构 */
                .s7-box {
                    width: 480px;
                    max-height: 90vh;
                    background: var(--s7-bg);
                    border-radius: 16px;
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
                    border: 1px solid var(--s7-b);
                }

                .s7-h {
                    padding: 16px 20px;
                    border-bottom: 1px solid var(--s7-b);
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                /* 标题 */
                .s7-h-title {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    color: #000;
                    font-size: 16px;
                    font-weight: 600;
                }

                .s7-h-title-icon {
                    font-size: 20px;
                }

                .s7-close {
                    width: 28px;
                    height: 28px;
                    border-radius: 6px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    color: #999;
                    font-size: 20px;
                    transition: 0.2s;
                }

                .s7-close:hover {
                    background: var(--s7-p);
                    color: #000;
                }

                .s7-body {
                    flex: 1;
                    padding: 24px;
                    overflow-y: auto;
                    color: #333;
                }

                .s7-sect-t {
                    font-size: 11px;
                    font-weight: 700;
                    color: #999;
                    margin-bottom: 12px;
                    display: flex;
                    align-items: center;
                    gap: 6px;
                }

                .s7-sect-t svg {
                    width: 14px;
                    height: 14px;
                    fill: currentColor;
                }

                /* 输入框容器 */
                .s7-input-wrap {
                    position: relative;
                    margin-bottom: 24px;
                }

                .s7-input {
                    width: 100%;
                    height: 120px;
                    padding: 16px;
                    background: var(--s7-p);
                    border: 1px solid transparent;
                    border-radius: 8px;
                    resize: none;
                    outline: none;
                    font-size: 14px;
                    color: #000;
                    line-height: 1.5;
                    box-sizing: border-box;
                }

                .s7-input:focus {
                    border-color: var(--s7-b);
                    background: #fff;
                }

                .s7-input-tip {
                    font-size: 12px;
                    color: #777;
                    margin-top: 8px;
                    display: flex;
                    align-items: center;
                    gap: 4px;
                }

                .s7-input-tip-icon {
                    color: #fbbc05;
                }

                /* 网格和卡片 */
                .s7-grid {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 12px;
                    margin-bottom: 24px;
                }

                .s7-card {
                    padding: 16px 12px;
                    background: var(--s7-p);
                    border: 1px solid transparent;
                    border-radius: 8px;
                    cursor: pointer;
                    text-align: center;
                    color: #000;
                    transition: 0.2s;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    font-size: 13px;
                    font-weight: 500;
                }

                .s7-card:hover {
                    border-color: var(--s7-b);
                }

                .s7-card.active {
                    background: var(--s7-select-bg);
                    border-color: var(--s7-accent);
                    color: #000;
                }

                .s7-icon-box {
                    width: 22px;
                    height: 22px;
                    margin-bottom: 6px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #fff;
                    border-radius: 6px;
                    font-size: 12px;
                    color: #000;
                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
                }

                .s7-card.active .s7-icon-box {
                    background: #fff;
                }

                /* 数量分段选择 */
                .s7-seg {
                    display: flex;
                    background: var(--s7-p);
                    border-radius: 8px;
                    margin-bottom: 24px;
                    overflow: hidden;
                    padding: 4px;
                }

                .s7-seg-btn {
                    flex: 1;
                    padding: 10px 0;
                    border: none;
                    background: transparent;
                    color: #555;
                    font-size: 13px;
                    font-weight: 500;
                    cursor: pointer;
                    border-radius: 6px;
                    transition: 0.2s;
                }

                .s7-seg-btn:hover {
                    background: rgba(0, 0, 0, 0.05);
                }

                .s7-seg-btn.active {
                    background: #fff;
                    color: #000;
                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
                }

                /* 消耗预估 */
                .s7-cost {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 16px;
                    background: var(--s7-p);
                    border-radius: 8px;
                    border: 1px solid transparent;
                    margin-bottom: 24px;
                }

                .s7-cost-l {
                    font-size: 13px;
                    color: #555;
                }

                .s7-cost-r {
                    font-size: 14px;
                    font-weight: 600;
                    color: #000;
                }

                .s7-cost-val {
                    color: #000;
                    font-size: 16px;
                    margin-right: 4px;
                }

                /* 底部按钮 */
                .s7-foot {
                    padding: 0 24px 24px 24px;
                }

                .s7-go {
                    width: 100%;
                    padding: 14px;
                    background: var(--s7-btn-bg);
                    color: #fff;
                    border: none;
                    border-radius: 8px;
                    font-size: 15px;
                    font-weight: 600;
                    cursor: pointer;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 8px;
                    transition: 0.2s;
                }

                .s7-go:hover {
                    opacity: 0.8;
                    transform: translateY(-1px);
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
                }

                .s7-go:disabled {
                    opacity: 0.5;
                    cursor: not-allowed;
                    transform: none;
                    box-shadow: none;
                }