/* 基础样式 */

:root {
  --primary-btn-color: #6f55ff;    /* 定义主色调 */
}

*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

a{text-decoration: none;}

.highlight{
    color: red;
}
.hidden{
    display: none;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    background: linear-gradient(to bottom right, #eff6ff, #e0e7ff);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


textarea {
    padding: 1rem;
    border: 1px solid #e1e5e5;
    border-radius: 8px;
    font-family: sans-serif;
}

textarea:focus-visible {
    border-color: #4d90fe;
    box-shadow: 0 0 3px rgba(77, 144, 254, 0.5);
    outline: none; 
}

select{
    padding: .5rem;
    border: 1px solid #e1e5e5;
    border-radius: 6px;
}

select:focus-visible {
    border-color: #4d90fe;
    box-shadow: 0 0 3px rgba(77, 144, 254, 0.5);
    outline: none; 
}

input{
    padding: .5rem;
    border: 1px solid #e1e5e5;
    border-radius: 6px;
}
input:focus-visible {
    border-color: #4d90fe;
    box-shadow: 0 0 3px rgba(77, 144, 254, 0.5);
    outline: none; 
}

.hiddle{
    display: none!important;
}










/*logo&&标题样式*/
.header-title{
    display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease, text-shadow 0.3s ease;margin-bottom: 1rem;
}
.header-title h1{
    margin: 0;color: var(--primary-btn-color);
}
.header-title img{
    width:40px;height:40px;margin-left:10px
}




.form-group{
    margin-bottom: 1rem;
}




/*---------------------------------------------------- 首页 ----------------------------------------------------*/
.home-main  {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
}

/* 搜索框区域 */
.home-main .search-container {
    width: 100%;
    max-width: 36rem;
    margin-bottom: 2rem;
}

.home-main .search-wrapper {
    position: relative;
}

.home-main .search-input {
    width: 100%;
    padding: 0.75rem 1.25rem;
    border-radius: 9999px;
    border: 1px solid #e5e7eb;
    outline: none;
    color: #1f2937;
    font-size: 1rem;
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.1), 0 8px 10px -6px rgba(59, 130, 246, 0.05);
    transition: all 0.3s ease;
}

.home-main .search-input:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.home-main .search-btn {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--primary-btn-color);
    color: white;
    padding: 0.375rem 1.25rem;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.875rem;
    border: none;
}

.home-main .search-btn:hover {
    background-color: #2563eb;
}

/* 热搜关键词 */
.home-main .hot-tags-container {
    width: 100%;
    max-width: 48rem;
}

.home-main .hot-tags-title {
    font-size: 1rem;
    font-weight: 600;
    color: #4b5563;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
}

.home-main .hot-tags-title span {
    margin-right: 0.5rem;
}

.home-main .hot-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.home-main .hot-tag {
    background-color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    color: #6B7280;
    text-decoration: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    font-size: 0.875rem;
}

.home-main .hot-tag:hover {
    background-color: #3B82F6;
    color: white;
    transform: translateY(-2px);
}

/* 底部信息 */
footer {
    width: 100%;
    padding: 0.75rem 1rem;
    text-align: center;
    color: #6B7280;
    font-size: 0.75rem;
    
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* 响应式设计 */
@media (min-width: 768px) {
    .home-main {
        padding: 3rem 2rem;
    }


    .home-main .logo-container {
        width: 4rem;
        height: 4rem;
    }

    .home-main .logo-icon {
        font-size: 1.5rem;
    }

    .home-main .search-input {
        padding: 1rem 1.5rem;
        font-size: 1.125rem;
    }

    .home-main .search-btn {
        padding: 0.5rem 1.5rem;
        font-size: 1rem;
        right: 0.75rem;
    }

    .home-main .hot-tags-title {
        font-size: 1.125rem;
    }
}





/*----------------------------------------------------搜索页----------------------------------------------------*/

/* 主内容区 */
.search-main {
    flex-grow: 1;
    padding: 3rem 1rem;
    max-width: 80rem;
    margin: 0 auto;
    width: 100%;
}



/* 搜索框区域 */
.search-main .search-container {
    margin-bottom: 1.5rem;
}

.search-main .search-wrapper {
    position: relative;
    max-width: 48rem;
    margin: 0 auto;
}

.search-main .search-input {
    width: 100%;
    padding: 0.75rem 1.25rem;
    border-radius: 9999px;
    border: 1px solid #e5e7eb;
    outline: none;
    color: #1f2937;
    font-size: 1rem;
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.1), 0 8px 10px -6px rgba(59, 130, 246, 0.05);
    transition: all 0.3s ease;
}

.search-main .search-input:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.search-main .search-btn {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--primary-btn-color);
    color: white;
    padding: 0.375rem 1.25rem;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.875rem;
    border: none;
    display: flex;
    align-items: center;
}

.search-main .search-btn:hover {
    background-color: #2563eb;
}

.search-main .search-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* 加载指示器 */
.search-main .loading-spinner {
    border: 3px solid rgba(59, 130, 246, 0.3);
    border-radius: 50%;
    border-top: 3px solid #3B82F6;
    width: 16px;
    height: 16px;
    animation: spin 1s linear infinite;
    margin-left: 0.5rem;
    display: none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 筛选项区域 */
.search-main .filter-container {
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    max-width: 48rem;
    margin: 1.5rem auto 1.5rem;
}

.search-main .filter-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.search-main .select-wrapper {
    position: relative;
}

.search-main .select-wrapper::after {
    content: "▼";
    font-size: 0.7em;
    color: #6B7280;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.search-main .filter-select {
    width: 100%;
    padding: 0.625rem 1rem;
    border: 1px solid #fff;
    border-radius: 0.2rem;
    outline: none;
    color: #4b5563;
    font-size: 0.875rem;
    appearance: none;
    background-color: white;
    transition: all 0.2s ease;
}

.search-main .filter-select:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* 搜索结果统计 */
.search-main .result-stats {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1rem;
    max-width: 48rem;
    margin: 0 auto 1rem;
}

/* 瀑布流布局 */
.search-main .masonry-container {
    column-count: 1;
    column-gap: 0.75rem;
    max-width: 48rem;
    margin: 0 auto 2rem;
}

@media (min-width: 640px) {
    .search-main .masonry-container {
        column-count: 1;
    }
    .search-main{
        padding: 3rem 1rem;
    }
}

@media (min-width: 1024px) {
    .search-main .masonry-container {
        column-count: 1;
    }
}

.search-main .result-item {
    break-inside: avoid;
    margin-bottom: 0.75rem;
    background-color: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    padding: 1rem;
    transition: all 0.2s ease;
}

.search-main .result-item:hover {
    transform: translateY(-4px);
}

.search-main .result-header {
    display: flex;
    flex-direction: column;
    /*margin-bottom: 0.5rem;*/
    position: relative;
}

@media (min-width: 768px) {
    .search-main .result-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.search-main .result-title {
    font-weight: 500;
    color: #111827;
    margin-bottom: 0.8rem;
    max-width: 86%;
}
.search-main .result-title .title{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.search-main .panlogo{
    width: auto;
    height: 20px;
}

.search-main .result-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.2s ease;
}

.search-main .result-title a:hover {
    color: #3B82F6;
}

.search-main .result-meta {
    font-size: 0.75rem;
    color: #6b7280;
        display: flex;
    align-items: center;
    gap: .6rem;
}
.search-main .result-meta .copy{
    width: 20px;cursor: pointer;
    position: absolute;
    right: 0rem;
}


.search-main .result-date {
    font-size: 0.75rem;
    color: #6b7280;
    margin-right: 0.75rem;
}


/* 空结果提示 */
.search-main .empty-result {
    break-inside: avoid;
    background-color: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    padding: 1.5rem;
    text-align: center;
    margin-bottom: 0.75rem;
}

.search-main .empty-icon {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 0.75rem;
}

.search-main .empty-message {
    color: #4b5563;
    margin-bottom: 0.5rem;
}

.search-main .empty-suggestion {
    font-size: 0.875rem;
    color: #6b7280;
}

/* 加载更多指示器 */
.search-main .loading-more {
    break-inside: avoid;
    text-align: center;
    padding: 1rem;
    color: #3B82F6;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.search-main .loading-more-spinner {
    display: inline-block;
    border: 2px solid rgba(59, 130, 246, 0.3);
    border-radius: 50%;
    border-top: 2px solid #3B82F6;
    width: 12px;
    height: 12px;
    animation: spin 1s linear infinite;
    margin-right: 0.5rem;
}



/* 响应式设计 */
@media (min-width: 768px) {
    /*.search-main  {*/
    /*    padding: 2rem 2rem;*/
    /*}*/

    .search-main .search-input {
        padding: 1rem 1.5rem;
        font-size: 1.125rem;
    }

    .search-main .search-btn {
        padding: 0.5rem 1.5rem;
        font-size: 1rem;
        right: 0.75rem;
    }

    .search-main .filter-container {
        /*padding: 1rem;*/
    }

    .search-main .filter-select {
        padding: 0.75rem 1rem;
        font-size: 1rem;
    }

    .search-main .result-stats {
        font-size: 1rem;
    }

    .result-title {
        font-size: 1rem;
    }

    .search-main .result-meta, .result-date {
        font-size: 0.875rem;
    }

    .search-main .copy-btn {
        font-size: 0.875rem;
    }

    .search-main .empty-icon {
        font-size: 4rem;
    }

    .search-main .empty-message {
        font-size: 1.125rem;
    }
}





/*submit*/

    
    /* 主内容区 */
.submit-main {
    flex-grow: 1;
    padding: 1.5rem 1rem;
    max-width: 960px;
    margin: 4rem auto;
    width: 100%;
}
    
    /* 表单卡片 */
.submit-main .form-card {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 1.5rem;
  transition: all 0.5s ease;
}

.submit-main .form-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* 表单样式 */
.submit-main .batch-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.submit-main .form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.submit-main .form-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #334155;
}

.submit-main .form-required {
  color: #ef4444;
}

.submit-main .form-textarea,
.submit-main .form-input,
.submit-main .form-select {
  padding: 0.75rem 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  font-size: 1rem;
  transition: all 0.2s ease;
}

.submit-main .form-textarea:focus,
.submit-main .form-input:focus,
.submit-main .form-select:focus {
  border-color: #4F46E5;
  box-shadow: 0 0 0 0.125rem rgba(79, 70, 229, 0.2);
  outline: none;
}

.submit-main .form-textarea {
  resize: none;
  height: 12rem;
}

.submit-main .form-hint {
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 0.25rem;
}

.submit-main .form-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  .submit-main .form-actions {
    flex-direction: row;
  }
}

.submit-main .btn {
  padding: 0.4rem 1rem;
  border-radius: 0.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.submit-main .btn-primary {
  background-color: #4F46E5;
  color: white;
  border: none;
}

.submit-main .btn-primary:hover {
  background-color: #4338ca;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-0.125rem);
}

.submit-main .btn-secondary {
  background-color: #e2e8f0;
  color: #334155;
  border: none;
}

.submit-main .btn-secondary:hover {
  background-color: #cbd5e1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-0.125rem);
}

/* 结果容器 */
/*.submit-main .result-container {*/
/*  background-color: white;*/
/*  border-radius: 1rem;*/
/*  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);*/
/*  padding: 1.5rem;*/
/*  margin-top: 2rem;*/
/*  display: none;*/
/*}*/

/*.submit-main .result-header {*/
/*  font-weight: bold;*/
/*  font-size: 1.25rem;*/
/*  color: #1e293b;*/
/*  margin-bottom: 1rem;*/
/*  display: flex;*/
/*  align-items: center;*/
/*}*/

/*.submit-main .result-header i {*/
/*  color: #10B981;*/
/*  margin-right: 0.5rem;*/
/*}*/

/*.submit-main .result-table {*/
/*  width: 100%;*/
/*  border-collapse: collapse;*/
/*}*/

/*.submit-main .result-table th,*/
/*.submit-main .result-table td {*/
/*  padding: 0.75rem 1rem;*/
/*  text-align: left;*/
/*  border-bottom: 1px solid #e2e8f0;*/
/*}*/

/*.submit-main .result-table th {*/
/*  background-color: #f8fafc;*/
/*  font-size: 0.75rem;*/
/*  font-weight: 500;*/
/*  color: #64748b;*/
/*  text-transform: uppercase;*/
/*  letter-spacing: 0.05em;*/
/*}*/

/*.submit-main .result-table td {*/
/*  font-size: 0.875rem;*/
/*  color: #334155;*/
/*}*/

/*.submit-main .result-status {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  padding: 0.125rem 0.5rem;*/
/*  border-radius: 9999px;*/
/*  font-size: 0.75rem;*/
/*  font-weight: 500;*/
/*}*/

/*.submit-main .status-success {*/
/*  background-color: #dcfce7;*/
/*  color: #166534;*/
/*}*/

/*.submit-main .status-failed {*/
/*  background-color: #fee2e2;*/
/*  color: #991b1b;*/
/*}*/

/*.submit-main .result-summary {*/
/*  margin-top: 1rem;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*  font-size: 0.875rem;*/
/*  color: #64748b;*/
/*}*/

/*.submit-main .result-count {*/
/*  font-weight: 500;*/
/*}*/

/*.submit-main .count-success {*/
/*  color: #10B981;*/
/*}*/

/*.submit-main .count-failed {*/
/*  color: #EF4444;*/
/*}*/

/*.submit-main .close-result {*/
/*  color: #4F46E5;*/
/*  cursor: pointer;*/
/*  font-weight: 500;*/
/*}*/

/*.submit-main .close-result:hover {*/
/*  color: #4338ca;*/
/*}*/

.btn-ok{
    padding: .2rem 1rem;
    border: none;
    background: #5282ed;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
}
.btn-ok:hover{
    background: var(--primary-btn-color);
}

/* 弹窗样式 */
.modal {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
  display: none;
}

.modal-content {
  background-color: white;
  border-radius: 1rem;
  padding: 1.5rem;
  max-width: 32rem;
  width: 100%;
  margin: 0 1rem;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.3s ease;
}

.modal.active .modal-content {
  transform: translateY(0);
  opacity: 1;
}

.modal-header {
  text-align: center;
  margin-bottom: 1rem;
}

.modal-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}

.success-icon {
  background-color: #dcfce7;
  color: #16a34a;
}

.error-icon {
  background-color: #fee2e2;
  color: #dc2626;
}

.modal-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #1e293b;
  margin-bottom: 0.5rem;
}

.modal-message {
  color: #64748b;
  margin-bottom: 1.5rem;
}

.modal-action {
  text-align: center;
}

/* 导航栏滚动效果 */
.submit-main .header-scrolled {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


.submit-main .header-title:hover{
    transform: scale(1.05);
    text-shadow: 0 2px 10px rgba(111, 85, 255, 0.3);
}










/*.detail*/
    .detail-main{
        flex-grow: 1;
        padding: 3rem .8rem;
        max-width: 80rem;
        margin: 0 auto;
        width: 100%;
    }
    .detail-container{
    
        column-count: 1;
        column-gap: 0.75rem;
        max-width: 48rem;
        margin: 0 auto 2rem;
        background-color: #f7f8fa;
        border-radius: 0.75rem;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        padding: 1rem;
    }
    
    .detail-header-title{
        margin-bottom:1rem;display: flex;align-items: center;justify-content: space-between;background: #fff;padding: .4rem 1rem;border-radius: 8px;
    }
    
    .detail-header-title h1{
        font-size:1rem;width: 82%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    }
    
    .root_status{
        padding: .3rem .8rem;
        font-size: .9rem;
        border-radius: 9999px;   
        display: flex;
        align-items: center;
        gap: .2rem;
    }
    .root_status{
        font-size: .8rem;
    }
    
    .root_success{
        background-color: rgb(0 180 42 / 10%);
        color: rgb(0 180 42);

    }

    .root_fail{
        background-color: rgba(255, 91, 91, .18);
        color: #ff5b5b;
    }
    
    .detail-type{
        display: flex;flex-wrap: wrap;gap: 1rem;background: #fff;margin-bottom: 1rem;padding: 1rem;border-radius: 12px;
    }
    
    /* 外层容器 */
    .link-container {
        width: 100%;
        background-color: #fff;
        border-radius: 12px;
        padding: 16px;
        box-sizing: border-box;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
        
    /* 标题样式 */
    .link-title {display: flex;align-items: center;margin-bottom: 12px;}
    
    .link-title i {margin-right: 4px;}
    .link-title span {font-size: 16px;color: #1D2129;font-weight: 500;}
    
    /* 内容容器 */
    .link-content {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border: 1px dashed #E5E7EB;
        border-radius: 6px;
        padding: 12px;
        box-sizing: border-box;
    }
        
    /* 链接和提取码区域 */
    .link-group {display: flex;flex-wrap: wrap;}
    
    /* 链接项 */
    .link-item {display: flex;flex-direction: column;}
    
    /* 左侧链接区域占2/3宽度 */
    .link-item:first-child {flex: 2;}
    
    /* 右侧提取码区域占1/3宽度 */
    .link-item:last-child {flex: 1;margin-left: 12px;}
    
    /* 输入框容器 */
    .input-row {display: flex;align-items: center;}
        
    .input-container {
        flex: 1;
        display: flex;
        align-items: center;
        background-color: #F2F3F5;
        border-radius: 4px 0 0 4px;
        box-sizing: border-box;
    }
    
    .input-container input {
        flex: 1;
        border: none;
        outline: none;
        font-size: 14px;
        color: #4E5969;
        background-color: transparent;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: 0;
        padding: .5rem;
        /*border: 1px solid rgb(243 243 243);*/
    }
    
    /* 复制按钮 */
    .copy-btn {
        background-color: #165DFF;
        color: #FFFFFF;
        border: none;
        border-radius: 4px;
        border-radius: 0 4px 4px 0;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        transition: background-color 0.2s;
        padding: 6px 16px;
    }
        
    .copy-btn:hover , .code-btn:hover , .go-btn:hover {background-color: #0E4CD9;}
    .copy-btn:active {background-color: #0836B3;}
    .detail-info{width: calc(50% - 8px);color: #939292;}
    .detail-info i{
        margin-right: .2rem;
    }
    
    
    .copy-btn , .code-btn , .go-btn{
        background-color: #165DFF;
        color: #FFFFFF;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        transition: background-color 0.2s;
        padding: 6px 8px;
        border-right: 1px solid #ffffff;border-radius: 4px;
    }
    .go-btn{
        border-right: none;
    }
    
    
    .copy-btn, .go-btn, .code-btn{
            font-size: 17px;
    }
    /* 移动端样式 */
    @media (max-width: 780px) {
        
        .detail-container{
            padding: .8rem;
        }
        
        .detail-type{
            font-size: .8rem;
        }
        
        .link-group {flex-direction: column;}
        /*.link-item {margin-bottom: 8px;}*/
        .link-item:last-child {margin-bottom: 0;margin-left: 0;}
        
        .root_status{
            padding: .3rem;
        }
        
        .input-container input{
            padding: .3rem;
            font-size: 12px;
        }
        
        .copy-btn, .go-btn, .code-btn{
            font-size: 12px;
            padding: 4px 5px;
            border-radius: 2px;
        }
        .copy-btn i, .go-btn i, .code-btn i{
            font-size: 12px;
        }
        
        .root_status span{
            display: none;
        }
    }