/* Bootstrap-Default 自定义样式（仿 Default 风格，基于 Bootstrap） */
:root{--bg-light:#F7F8FA;--bg-dark:#0F0F0F;--primary:#f7d368;--muted:#6B6470;--radius:12px}
html,body{height:100%}
body{background-color:var(--bg-light);color:#111827;font-family: 'Noto Sans SC','Roboto',system-ui,Arial,'Microsoft YaHei';-webkit-font-smoothing:antialiased}
@media (prefers-color-scheme: dark){body{background-color:var(--bg-dark);color:#E6EEF8}}

.navbar{background:transparent;padding:14px 0}
.navbar .navbar-brand img{width:44px;height:44px;object-fit:contain;border-radius:8px}
.container{max-width:900px}

.card{border-radius:var(--radius);border:1px solid rgba(0,0,0,0.04);background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,255,255,0.92))}
@media (prefers-color-scheme: dark){
  .card{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));
    border:1px solid rgba(255,255,255,0.06);
    box-shadow:0 10px 30px rgba(2,6,23,0.6);
    color:#E6EEF8;
  }
  .navbar-text{color:#E6EEF8;}
}

.card-title{font-weight:700;font-size:18px}
.url-box{display:block;word-break:break-all;background:rgba(0,0,0,0.04);padding:10px;border-radius:8px}
@media (prefers-color-scheme: dark){.url-box{background:rgba(255,255,255,0.03);color:#E6EEF8}}

.btn-primary{background:var(--primary);border-color:transparent;color:#1F1B24}
.btn-primary:focus, .btn-primary:hover{ filter:brightness(0.95); }
.btn-outline-secondary{border-color: rgba(255,255,255,0.12);border-radius:10px}

.progress{background:rgba(0,0,0,0.06)}
.progress-bar{background:linear-gradient(90deg,var(--primary),#e6651a)}

.site-footer{margin-top:12px;font-size:13px;color:rgba(230,238,248,0.7)}

@media (max-width:640px){
  .card{padding:14px}
  .navbar{padding:10px 0}
  .navbar .navbar-brand strong{font-size:14px}
}