/* Fileport.io Theme — Three-Tone Blue + Chinese Font */
@import url('https://fonts.font.im/css2?family=Jost:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --fp-light: #0c263a;
  --fp-mid: #091b28;
  --fp-dark: #06131d;
  --fp-green: #286932;
  --fp-green-h: #1f5428;
  --fp-blue: #1d64a0;
  --fp-red: #d1303c;
  --fp-text: #e8eaed;
  --fp-dim: #9aa0a6;
  --fp-muted: #5f6368;
  --fp-border: rgba(255,255,255,0.08);
  --fp-card: rgba(255,255,255,0.04);
}
html,body{background:var(--fp-dark)!important;color:var(--fp-text)!important;
  font-family:'Outfit','Jost','PingFang SC','Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif!important}

/* ---- NAV ---- */
.nav-container,.navbar,nav.navbar{background:var(--fp-light)!important;border:none!important;box-shadow:none!important}
.navbar .nav-link{color:var(--fp-dim)!important;font-size:15px;padding:8px 14px!important;border-radius:6px!important;transition:all .15s!important}
.navbar .nav-link:hover{color:#fff!important;background:var(--fp-green)!important}
.navbar .nav-link.active{color:#fff!important}

/* Nav buttons — ALL same size (language, login, signup) */
.btn-nav-auth{font-size:14px!important;padding:7px 18px!important;border-radius:6px!important;font-weight:500!important;transition:all .15s!important;text-decoration:none!important}
.btn-nav-lang{background:var(--fp-light)!important;border:1px solid rgba(255,255,255,0.2)!important;color:var(--fp-dim)!important}
.btn-nav-lang:hover{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}
.btn-nav-login{background:transparent!important;border:1px solid rgba(255,255,255,0.2)!important;color:var(--fp-dim)!important}
.btn-nav-login:hover{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}
.btn-nav-signup{background:var(--fp-green)!important;border:1px solid var(--fp-green)!important;color:#fff!important}
.btn-nav-signup:hover{background:var(--fp-green-h)!important;border-color:var(--fp-green-h)!important}

/* btn-header (user/hamburger icons) — hover green */
.btn-header{transition:all .15s!important}
.btn-header:hover{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}

/* Dropdown menus: solid background */
.dropdown-menu{background:var(--fp-light)!important;border:1px solid var(--fp-border)!important}
.dropdown-item{color:var(--fp-text)!important;transition:all .15s!important}
.dropdown-item:hover,.dropdown-item.active,.dropdown-item:focus{background:var(--fp-green)!important;color:#fff!important}

/* Side menu */
.offcanvas{background:var(--fp-light)!important;color:var(--fp-text)!important}
.offcanvas .nav-link{color:var(--fp-dim)!important}.offcanvas .nav-link:hover{color:#fff!important;background:var(--fp-green)!important}
.btn-close{filter:invert(0.7)!important}

/* ---- HERO (中蓝) ---- */
.fp-section{margin:0!important;padding:0!important}
.fp-section-hero{background:var(--fp-mid)!important;text-align:center;padding:80px 0 40px!important}
#fp-motto{color:#fff!important;font-size:48px;font-weight:700;line-height:1.2;margin:0 auto 12px;
  font-family:'Jost','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
#fp-motto-word{transition:opacity .3s;color:#4fc978}
#fp-motto-more{margin-bottom:32px}
.fp-learnmore{color:var(--fp-dim)!important;font-size:14px;text-decoration:underline!important}
.fp-learnmore:hover{color:#fff!important}

/* ---- SEND FILE / all green buttons ---- */
.fp-send-btn{background:var(--fp-green)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:12px 40px!important;font-size:16px!important;font-weight:600!important;letter-spacing:.03em!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .15s!important}
.fp-send-btn:hover{background:var(--fp-green-h)!important}

/* ---- UPLOAD BOX (compact 420px) ---- */
.fp-upload-box{max-width:420px;margin:0 auto;background:var(--fp-card);border:1.5px dashed rgba(255,255,255,0.15);border-radius:10px;padding:20px 18px 14px;text-align:center}
.fp-cloud-icon{font-size:32px;color:var(--fp-dim);margin-bottom:8px}
.fp-dz-text{font-size:14px;color:var(--fp-dim);margin-bottom:4px}
.fp-disclaimer-line{font-size:11px;color:var(--fp-muted);text-align:center}
.fp-disclaimer-line a{color:var(--fp-dim)!important;text-decoration:underline!important}
.fp-upload-box .dropzone{border:none!important;background:none!important;min-height:auto!important;padding:0!important}
.fp-upload-box .dz-message{margin:0!important;padding:0!important}

/* Guest CTA */
.fp-guest-cta{margin-bottom:30px}
.fp-dragdrop{color:var(--fp-dim);font-size:14px;margin:14px 0}

/* ---- MIDBAR (深蓝) ---- */
.fp-section-midbar{background:var(--fp-dark)!important;padding:40px 0!important}
.fp-midbar-inner{display:flex;justify-content:center;gap:30px;max-width:800px;margin:0 auto;flex-wrap:wrap}
.fp-upsell-col{flex:1 1 280px;text-align:left;padding:16px}
.fp-upsell-divider{width:1px;background:var(--fp-border);align-self:stretch}
.fp-upsell-limited{color:var(--fp-text);font-size:15px;margin-bottom:4px}
.fp-upsell-tagline{color:var(--fp-dim);font-size:13px;margin-bottom:10px}
.fp-small{font-size:12px}
.fp-upsell-features{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.fp-tick-item{color:var(--fp-dim);font-size:13px}
.fp-upgrade-link{color:var(--fp-blue)!important;font-size:13px;text-decoration:none!important}
.fp-upgrade-link:hover{text-decoration:underline!important}

/* ---- FOOTER ---- */
#fp-footer{background:var(--fp-dark)!important;border-top:1px solid var(--fp-border);padding:30px 0;color:var(--fp-dim);font-size:13px}

/* ---- INNER PAGES ---- */
main{background:var(--fp-dark)!important}
section{background:transparent!important}
.card{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:10px!important;color:var(--fp-text)!important}
.card-heading{color:#fff!important}
.form-control,.form-select{background:rgba(255,255,255,0.06)!important;border:1px solid var(--fp-border)!important;color:var(--fp-text)!important;border-radius:8px!important}
.form-control:focus,.form-select:focus{border-color:var(--fp-blue)!important;box-shadow:0 0 0 2px rgba(29,100,160,0.2)!important}
.form-label{color:var(--fp-dim)!important}
.form-text{color:var(--fp-muted)!important}
.modal-content{background:var(--fp-mid)!important;border:1px solid var(--fp-border)!important;color:var(--fp-text)!important}
.modal-header,.modal-footer{border-color:var(--fp-border)!important}
.modal-title{color:#fff!important}
h1,h2,h3,h4,h5{color:#fff!important}

/* ---- ALL BUTTONS: green (same as SEND FILE) ---- */
.btn-color-1,.btn-primary{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}
.btn-color-1:hover,.btn-primary:hover{background:var(--fp-green-h)!important;border-color:var(--fp-green-h)!important}
.btn-color-4{background:transparent!important;border:1px solid var(--fp-border)!important;color:var(--fp-dim)!important}
.btn-color-4:hover{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}
.btn-color-2{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}
.btn-color-2:hover{background:var(--fp-green-h)!important;border-color:var(--fp-green-h)!important}

/* ---- FAQ: NO card/frame ---- */
.accordion{background:transparent!important;border:none!important}
.accordion-item{background:transparent!important;border:none!important;border-bottom:1px solid var(--fp-border)!important;border-radius:0!important}
.accordion-button{background:transparent!important;color:var(--fp-text)!important;font-weight:600;box-shadow:none!important;padding:16px 0!important}
.accordion-button:not(.collapsed){color:#fff!important}
.accordion-button::after{filter:invert(0.7)}
.accordion-body{background:transparent!important;color:var(--fp-dim)!important;padding:0 0 16px!important}

/* ---- Tables: NO card/frame ---- */
.table{--bs-table-bg:transparent!important;--bs-table-color:var(--fp-text)!important;--bs-table-border-color:var(--fp-border)!important}
.table thead th{background:transparent!important;color:var(--fp-dim)!important;font-size:13px;text-transform:uppercase;border-bottom:1px solid var(--fp-border)!important}
.table tbody td{background:transparent!important;color:var(--fp-text)!important;border-color:var(--fp-border)!important}
.table-striped>tbody>tr:nth-of-type(odd)>td{background:rgba(255,255,255,0.02)!important}

/* ---- Pricing cards ---- */
.plan-card,[class*="plan-card"]{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:10px!important}
.plan-card:hover{border-color:var(--fp-green)!important}

/* ---- Dropzone file list ---- */
.file-extension{background:var(--fp-card)!important;color:var(--fp-text)!important;border-radius:6px!important}
.file-name{color:var(--fp-text)!important}.file-size{color:var(--fp-muted)!important}
.progress{background:rgba(255,255,255,0.08)!important;height:5px!important;border-radius:4px!important}
.progress-bar{background:var(--fp-green)!important}
.dropzone-error{color:var(--fp-red)!important}

/* ---- Alerts ---- */
.alert-success,.alert-2{background:rgba(40,105,50,0.15)!important;border-color:rgba(40,105,50,0.3)!important;color:#7ecf8e!important}
.alert-danger,.alert-1{background:rgba(209,48,60,0.1)!important;border-color:rgba(209,48,60,0.3)!important;color:var(--fp-red)!important}

/* ---- Misc ---- */
.bg-light,.bg-white,.bg-body-tertiary{background:var(--fp-card)!important}
.breadcrumb-item a{color:var(--fp-dim)!important}
a{color:var(--fp-blue)}a:hover{color:#1378cc}
.list-group-item{background:var(--fp-card)!important;border-color:var(--fp-border)!important;color:var(--fp-text)!important}
.page-loader{background:var(--fp-mid)!important}
.switcher .slider{background:var(--fp-light)!important;border:1px solid var(--fp-border)!important}
.cc-banner,.cc-window{background:var(--fp-light)!important;color:var(--fp-text)!important}
.cc-btn{background:var(--fp-green)!important;color:#fff!important}
.home-page main>section,.home-page main>.fp-section{margin:0!important}
.nav-tabs{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:8px!important;padding:3px!important}
.nav-tabs .nav-link{color:var(--fp-dim)!important;border:none!important;border-radius:6px!important}
.nav-tabs .nav-link.active{background:var(--fp-green)!important;color:#fff!important}

@media(max-width:768px){
  #fp-motto{font-size:32px}
  .fp-midbar-inner{flex-direction:column;gap:16px}
  .fp-upsell-divider{width:100%;height:1px}
}