/* =============================================================
   MOTO ACCOUNT — KYMCO dark skin for application/index frontend
   (login / register / member center). Recolors FastAdmin frontend
   classes without touching form structure or require.js.
   ============================================================= */
:root{ --ink:#0e0e0f; --ink-2:#161718; --ink-3:#1d1e1f; --line:rgba(255,255,255,.12); --red:#e60012; --red-d:#c50010; --dim:rgba(255,255,255,.62); }

html, body { background:#0e0e0f !important; color:#fff !important; font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif !important; }
a { color:#fff; }
.content, main.content { background:#0e0e0f !important; min-height:70vh; }

/* ---- top navbar ---- */
.navbar.navbar-white, .navbar-fixed-top { background:rgba(14,14,15,.96) !important; border:0 !important; box-shadow:0 1px 0 rgba(255,255,255,.1) !important; }
.navbar .navbar-brand { color:#fff !important; font-weight:800 !important; letter-spacing:2px; }
.navbar-nav > li > a { color:rgba(255,255,255,.82) !important; }
.navbar-nav > li > a:hover, .navbar-nav > li.active > a { color:#fff !important; background:transparent !important; }
.navbar .dropdown-menu { background:#161718 !important; border-color:var(--line) !important; }
.navbar .dropdown-menu > li > a { color:rgba(255,255,255,.82) !important; }
.navbar .dropdown-menu > li > a:hover { background:#0e0e0f !important; color:#fff !important; }
.navbar-toggle .icon-bar { background:#fff !important; }
.avatar-img img, .nav-avatar { border-radius:50% !important; object-fit:cover; }

/* ---- auth card (login / register) ---- */
.user-section.login-section { max-width:440px; margin:40px auto; background:#161718 !important; border:1px solid var(--line); border-radius:10px; padding:40px 38px; }
.logon-tab { display:flex !important; gap:8px; margin-bottom:28px; border-bottom:1px solid var(--line); background:transparent !important; }
.logon-tab a { flex:1 !important; text-align:center; padding:12px 0 !important; color:var(--dim) !important; font-size:16px; font-weight:600; background:transparent !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; margin-bottom:-1px; }
.logon-tab a:hover { color:#fff !important; background:transparent !important; }
.logon-tab a.active { color:#fff !important; background:transparent !important; border-bottom:2px solid var(--red) !important; }
.login-main .form-group { margin-bottom:18px; }
.control-label { color:var(--dim) !important; font-weight:500; margin-bottom:8px; }
.control-label.required:after { color:var(--red); }
.form-control { background:#0e0e0f !important; border:1px solid var(--line) !important; color:#fff !important; box-shadow:none !important; height:46px; border-radius:3px; }
.form-control:focus { border-color:var(--red) !important; box-shadow:none !important; }
.form-control::placeholder { color:rgba(255,255,255,.35) !important; }
.help-block { color:rgba(255,255,255,.4) !important; font-size:12px; }
.checkbox label, .radio label { color:var(--dim) !important; }
.text-muted { color:rgba(255,255,255,.5) !important; }
.text-success { color:#3ddc84 !important; }
.btn-forgot { color:var(--dim) !important; }
.btn-forgot:hover { color:var(--red) !important; }

/* buttons */
.btn-primary { background:var(--red) !important; border-color:var(--red) !important; color:#fff !important; border-radius:3px; }
.btn-primary:hover, .btn-primary:focus { background:var(--red-d) !important; border-color:var(--red-d) !important; }
.btn-default { background:transparent !important; border:1px solid rgba(255,255,255,.4) !important; color:#fff !important; border-radius:3px; }
.btn-default:hover { background:#fff !important; color:#0e0e0f !important; }
.btn-default.no-border { border-color:rgba(255,255,255,.25) !important; }
.btn-lg { height:48px; line-height:1.5; }
.input-group-btn .btn { border-radius:0 3px 3px 0; }

/* ---- member center ---- */
.panel, .panel-default { background:#161718 !important; border:1px solid var(--line) !important; box-shadow:none !important; border-radius:10px; }
.panel-body { color:#fff !important; }
.page-header { color:#fff !important; border-bottom:1px solid var(--line) !important; padding-bottom:16px; }
.user-baseinfo h4, .user-baseinfo h4 a { color:#fff !important; }
.basicinfo, .basicinfo .row > div { color:rgba(255,255,255,.75) !important; }
.viewmoney, .viewscore { color:var(--red) !important; font-weight:700; }
.avatar-img img { width:88px; height:88px; border:2px solid var(--red); }

/* ---- sidenav (member sidebar) ---- */
.list-group, .sidenav .list-group { border-radius:10px; overflow:hidden; border:1px solid var(--line); }
.list-group-item { background:#161718 !important; border-color:var(--line) !important; color:rgba(255,255,255,.75) !important; }
.list-group-item:hover { background:#1d1e1f !important; color:#fff !important; }
.list-group-item.active, .list-group-item.active:hover { background:#0e0e0f !important; border-left:3px solid var(--red) !important; color:#fff !important; }
.list-group-item .badge { background:var(--red) !important; }

/* tables (orders etc.) */
.table { color:#fff !important; }
.table > thead > tr > th, .table > tbody > tr > td { border-color:var(--line) !important; }
.table-hover > tbody > tr:hover { background:rgba(255,255,255,.04) !important; }

/* footer */
.footer { background:#08080a !important; border-top:1px solid var(--line) !important; color:rgba(255,255,255,.5) !important; }
.footer a, .footer .copyright { color:rgba(255,255,255,.5) !important; }

/* layer popups (reset password) */
.layui-layer { background:#161718 !important; }
.layui-layer-title { background:#0e0e0f !important; color:#fff !important; border-bottom:1px solid var(--line) !important; }
.layui-layer-content { color:#fff !important; }

/* ---- member sidenav headings + container ---- */
.sidenav { background:transparent !important; }
.list-group { background:#161718 !important; border:1px solid var(--line) !important; border-radius:10px; overflow:hidden; }
.list-group + .list-group { margin-top:18px; }
.list-group-heading { background:#08080a !important; color:rgba(255,255,255,.5) !important; margin:0 !important; padding:14px 18px !important; font-size:12px; letter-spacing:.12em; text-transform:uppercase; border-bottom:1px solid var(--line) !important; }
.list-group-item { border-left:0 !important; border-right:0 !important; }
.list-group-item a { color:inherit !important; }

/* ---- shop account cards (address / orders etc.) ---- */
.address { background:#1d1e1f !important; border:1px solid var(--line) !important; color:#fff !important; }
.address.active { border-color:var(--red) !important; }
.address .operate a, .btn-editaddress, .btn-deladdress, .btn-setdefault { color:rgba(255,255,255,.7) !important; }
.address .operate a:hover { color:#fff !important; }
.section { background:transparent !important; }
.page-header { color:#fff !important; }
.well, .order-item, .comment-item, .exchange-item, .coupon-item { background:#1d1e1f !important; border-color:var(--line) !important; color:#fff !important; }
.nav-tabs { border-bottom:1px solid var(--line) !important; }
.nav-tabs > li > a { color:rgba(255,255,255,.6) !important; background:transparent !important; border:0 !important; }
.nav-tabs > li.active > a { color:#fff !important; background:transparent !important; border-bottom:2px solid var(--red) !important; }

/* ---- orders page ---- */
.order-list .order-title { background:#08080a !important; border:1px solid var(--line) !important; }
.order-list .order-title, .order-list .order-title *, .order-title .text-muted { color:rgba(255,255,255,.72) !important; }
.order-state-filter li.active { background:var(--red) !important; border-bottom:2px solid var(--red) !important; border-radius:2px; }
.order-state-filter li.active a { color:#fff !important; }
.order-state-filter li a { color:rgba(255,255,255,.7) !important; }
.order-state-filter li a:hover { color:#fff !important; }
.media, .order-goods .media { background:transparent !important; }
.media-heading, .media-heading a, .order-goods .media-body a, .order-goods a { color:#fff !important; }
.btn-link { color:rgba(255,255,255,.8) !important; }
.btn-link:hover { color:#fff !important; text-decoration:none; }
.table.no-border, .table.no-border > tbody > tr > td { border:0 !important; }

/* =============================================================
   PREMIUM MEMBER — beyond recolor
   ============================================================= */
.panel,.panel-default{background:linear-gradient(180deg,#181a1b 0%,#141516 100%) !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:14px !important;box-shadow:0 20px 50px rgba(0,0,0,.3) !important}
.panel-body{padding:34px !important}
.page-header{font-size:24px !important;font-weight:800 !important;letter-spacing:-.01em;padding-bottom:18px !important;margin:0 0 28px !important;border-bottom:1px solid rgba(255,255,255,.12) !important}
.form-control{height:48px !important;border-radius:6px !important;background:#0e0e0f !important;border:1px solid rgba(255,255,255,.14) !important;color:#fff !important;transition:border-color .2s,box-shadow .2s}
.form-control:focus{border-color:#e60012 !important;box-shadow:0 0 0 3px rgba(230,0,18,.12) !important}
.btn-primary,.btn-info,.btn-change,.btn-captcha{background:#e60012 !important;border-color:#e60012 !important;color:#fff !important;position:relative;overflow:hidden;transition:.3s}
.btn-primary:hover,.btn-info:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(230,0,18,.35)}
.btn-embossed{box-shadow:none !important}
.list-group{background:#161718 !important;border-radius:14px !important;overflow:hidden}
.list-group-item{padding:15px 18px !important;transition:.2s}
.list-group-heading{padding:16px 18px !important}
.avatar-img img{box-shadow:0 8px 24px rgba(230,0,18,.35)}
.user-baseinfo{padding:6px 0}
.faupload{border:1px dashed rgba(255,255,255,.2) !important;border-radius:8px}

/* =============================================================
   MEMBER DASHBOARD
   ============================================================= */
.mc-page{padding-top:20px}
.mc-wrap{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.mc-main{display:flex;flex-direction:column;gap:24px}
.mc-hero{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#1a0508 0%,#161718 55%) !important;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 34px}
.mc-avatar img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:2px solid var(--red);box-shadow:0 8px 24px rgba(230,0,18,.35)}
.mc-hero-txt{flex:1;min-width:0}
.mc-hello{color:var(--red);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.mc-hero-txt h1{font-size:28px;font-weight:800;margin:0 0 8px;color:#fff}
.mc-hero-txt p{color:rgba(255,255,255,.55);font-size:14px;margin:0}
.mc-edit{align-self:flex-start;border:1px solid rgba(255,255,255,.4);color:#fff !important;padding:10px 20px;border-radius:4px;font-size:13px;letter-spacing:.05em;transition:.25s;white-space:nowrap}
.mc-edit:hover{background:#fff;color:#0e0e0f !important}
.mc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mc-stat{background:linear-gradient(180deg,#181a1b,#141516);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px 22px;text-align:center}
.mc-stat .v{font-size:30px;font-weight:800;color:var(--red);line-height:1.1}
.mc-stat .v.small{font-size:18px;color:#fff}
.mc-stat .v a{color:inherit !important}
.mc-stat .k{color:rgba(255,255,255,.5);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.mc-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mc-q{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#161718;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px 16px;color:rgba(255,255,255,.8) !important;transition:.25s;text-align:center}
.mc-q i{font-size:26px;color:var(--red);transition:.25s}
.mc-q span{font-size:14px;font-weight:500}
.mc-q:hover{border-color:rgba(230,0,18,.5);transform:translateY(-4px);background:#1d1e1f}
.mc-q:hover i{transform:scale(1.1)}
@media(max-width:900px){.mc-wrap{grid-template-columns:1fr}.mc-stats{grid-template-columns:repeat(2,1fr)}.mc-quick{grid-template-columns:repeat(2,1fr)}.mc-hero{flex-wrap:wrap}}

/* navbar brand match (SX + red LL) + logo weight */
.navbar .navbar-brand{font-weight:800 !important;letter-spacing:2px;font-size:22px}
.navbar .navbar-brand b{color:var(--red) !important;font-weight:800}