.code-detail-container[data-v-3023cf5c]{background-color:#f5f7fa;min-height:100vh}.detail-content[data-v-3023cf5c]{background-color:#fff;border-radius:4px;padding:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.code-range-row[data-v-3023cf5c]{padding-bottom:20px;border-bottom:1px solid #e6e6e6;margin-bottom:20px}.code-range-text[data-v-3023cf5c]{font-size:18px;font-weight:700;color:#8b5cf6}.basic-info-row[data-v-3023cf5c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.basic-info[data-v-3023cf5c]{display:flex;flex-wrap:wrap;gap:30px}.info-item[data-v-3023cf5c]{display:flex;flex-direction:row;align-items:center;gap:8px}.info-label[data-v-3023cf5c]{font-size:14px;color:#909399;display:flex;align-items:center;gap:6px}.info-value[data-v-3023cf5c]{font-size:14px;color:#303133;font-weight:500}.square-icon[data-v-3023cf5c]{display:inline-block;width:12px;height:12px;border:2px solid #8b5cf6;background-color:transparent;flex-shrink:0}.status-tag[data-v-3023cf5c]{width:100px;display:flex;align-items:center;justify-content:flex-end}.status-text[data-v-3023cf5c]{font-size:16px;font-weight:700;padding:6px 12px;border-radius:10px}.status-text.partially-used[data-v-3023cf5c]{color:#e6a23c;background-color:#fdf6ec;border:1px solid #f5dab1}.status-text.fully-used[data-v-3023cf5c]{color:#67c23a;background-color:#f0f9eb;border:1px solid #c2e7b0}.status-text.not-used[data-v-3023cf5c]{color:#f56c6c;background-color:#fef0f0;border:1px solid #fbc4c4}.usage-statistics[data-v-3023cf5c]{margin-bottom:20px;padding:10px 0;font-size:14px;color:#606266}.code-list-container[data-v-3023cf5c]{border-top:1px solid #e6e6e6;padding-top:20px}.code-block[data-v-3023cf5c]{margin-bottom:24px}.code-block[data-v-3023cf5c]:last-child{margin-bottom:0}.code-block-header[data-v-3023cf5c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.block-title[data-v-3023cf5c]{font-size:16px;font-weight:600}.block-title.used-color[data-v-3023cf5c]{color:#f56c6c}.block-title.unused-color[data-v-3023cf5c]{color:#67c23a}.block-title.missed-color[data-v-3023cf5c]{color:#e6a23c}.block-title.invalid-color[data-v-3023cf5c]{color:#909399}.toggle-btn[data-v-3023cf5c]{color:#8b5cf6;font-size:14px}.code-list[data-v-3023cf5c]{display:flex;flex-wrap:wrap;gap:10px}.code-item[data-v-3023cf5c]{padding:6px 12px;border-radius:4px;font-family:monospace;font-size:14px;cursor:default;transition:all .3s ease;color:#303133;background-color:#f5f7fa;border:1px solid #e4e7ed}.code-item.ellipsis[data-v-3023cf5c]{color:#909399;cursor:pointer;background-color:#f5f7fa;border:1px solid #e4e7ed}.code-item.ellipsis[data-v-3023cf5c]:hover{background-color:#e4e7ed}.code-item.invalid[data-v-3023cf5c]{color:#909399;background-color:#fafafa;border:1px solid #ededed}