/* ==========================================================================
   DragonParking · theme-2026.css  (v2)
   叠加在 Bootstrap 3.3.7 之上的视觉层：只改外观，不改结构与功能。
   回滚：删掉各页面 </head> 前引用本文件的那一行即可。
   ========================================================================== */
:root{
  --dp-nav:#0f1c2e; --dp-nav-2:#16273d; --dp-nav-text:rgba(226,234,244,.74);
  --dp-primary:#2b6cb0; --dp-primary-600:#235a94; --dp-primary-50:#ebf3fc; --dp-primary-100:#d6e6f8;
  --dp-teal:#1f9e8f;
  --dp-bg:#f2f4f7; --dp-surface:#fff; --dp-subtle:#f7f9fb;
  --dp-border:#e4e8ee; --dp-border-strong:#d0d7e0;
  --dp-text:#18212d; --dp-text-2:#3f4b5b; --dp-muted:#667085;
  --dp-danger:#c2410c; --dp-danger-50:#fdf0ea; --dp-success:#15803d; --dp-warning:#b7791f;
  --dp-r-sm:6px; --dp-r:10px; --dp-r-lg:14px;
  --dp-shadow:0 1px 2px rgba(15,28,46,.05),0 2px 8px rgba(15,28,46,.04);
  --dp-shadow-lg:0 20px 48px rgba(15,28,46,.18);
  --dp-ring:0 0 0 3px rgba(43,108,176,.22);
  --dp-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --dp-mono:"SF Mono",ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;
}

/* ---------- 基础 ---------- */
html{-webkit-text-size-adjust:100%}
body{background:var(--dp-bg)!important;color:var(--dp-text);font-family:var(--dp-font)!important;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body:has(> .navbar-fixed-top){padding-top:88px!important}
h1,h2,h3,h4,h5,h6{color:var(--dp-text);font-family:var(--dp-font);font-weight:650;letter-spacing:-.015em}
a{color:var(--dp-primary)} a:hover,a:focus{color:var(--dp-primary-600);text-decoration:none}
hr{border-top-color:var(--dp-border)}
::selection{background:var(--dp-primary-100)}
@media (min-width:1300px){.container{width:1240px}}
td,th,.dataTables_info{font-variant-numeric:tabular-nums}

/* ---------- 顶部导航 ---------- */
.navbar-inverse{min-height:60px;background:var(--dp-nav)!important;background-image:none!important;border:0;box-shadow:0 1px 0 rgba(255,255,255,.04),0 6px 20px rgba(15,28,46,.18);filter:none}
.navbar-inverse .navbar-header,.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-brand{line-height:20px}
.navbar-inverse .navbar-brand{height:60px;padding:20px 15px;color:#fff!important;font-weight:700;font-size:17px;letter-spacing:.1px;text-shadow:none;display:flex;align-items:center;gap:10px}
.navbar-inverse .navbar-brand::before{content:"";flex:none;width:28px;height:28px;border-radius:7px;background:#4a7ab4 url("https://dragonstatic.com/icon/android-chrome-192x192.png") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 2px 8px rgba(0,0,0,.35);transition:transform .15s,box-shadow .15s}
.navbar-inverse .navbar-brand:hover::before{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 4px 12px rgba(59,130,214,.45)}
.navbar-inverse .navbar-nav{margin-top:12px;margin-bottom:12px}
.navbar-inverse .navbar-nav>li>a{margin:0 2px;padding:6px 12px;border-radius:8px;color:var(--dp-nav-text);font-size:14px;font-weight:500;text-shadow:none;transition:color .15s,background-color .15s}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background:rgba(255,255,255,.07)}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background:rgba(91,155,224,.22)!important;background-image:none!important;box-shadow:none}
.navbar-inverse .navbar-toggle{margin-top:13px;border-color:transparent;border-radius:8px}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:rgba(255,255,255,.08)}
.navbar-inverse .navbar-collapse{border-color:rgba(255,255,255,.06)}
.navbar-right{display:flex;align-items:center;gap:10px;height:60px}
.navbar-right>a{text-decoration:none}
.navbar #language{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:34px;margin:0;padding:0 30px 0 12px;color:#e6edf6;background:rgba(255,255,255,.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aab6c5' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 11px center;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:13px;cursor:pointer}
.navbar #language:hover{background-color:rgba(255,255,255,.11)}
.navbar #language:focus{outline:none;box-shadow:0 0 0 3px rgba(91,155,224,.35)}
.navbar #language option{color:var(--dp-text);background:#fff}
.navbar .navbar-btn{margin:0}
.navbar .navbar-btn.btn-primary{height:34px;padding:0 14px;background:transparent!important;border:1px solid rgba(255,255,255,.22)!important;color:#e6edf6!important}
.navbar .navbar-btn.btn-primary:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}
#language:not(.navbar #language){height:32px;padding:0 10px;color:var(--dp-text);background:#fff;border:1px solid var(--dp-border-strong);border-radius:8px;font-size:13px}

/* ---------- 卡片 ---------- */
.panel{background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-r-lg);box-shadow:var(--dp-shadow);margin-bottom:20px}
.panel>.panel-heading,.panel-default>.panel-heading{background:var(--dp-surface)!important;background-image:none!important;border-bottom:1px solid var(--dp-border);border-radius:var(--dp-r-lg) var(--dp-r-lg) 0 0;color:var(--dp-text);font-weight:650;font-size:15px;padding:14px 20px}
.panel-heading .glyphicon{color:var(--dp-muted);margin-right:4px}
.panel-body{padding:20px}
.panel .panel{box-shadow:none;border-radius:var(--dp-r)}
.panel-footer{background:var(--dp-subtle);border-top-color:var(--dp-border);border-radius:0 0 var(--dp-r-lg) var(--dp-r-lg)}
.well{background:var(--dp-subtle)!important;background-image:none!important;border:1px solid var(--dp-border);border-radius:var(--dp-r);box-shadow:none;color:var(--dp-text-2)}
.panel-body>.well{border-left:0;border-right:0;border-radius:var(--dp-r);background:var(--dp-primary-50)!important;border-color:transparent;color:var(--dp-text-2)}
.well h3{display:inline-block;margin:4px 8px 4px 0;padding:8px 14px;font-family:var(--dp-mono);font-size:16px;font-weight:600;color:var(--dp-text);background:#fff;border:1px solid var(--dp-primary-100);border-radius:8px;letter-spacing:0}
.jumbotron{background:radial-gradient(1200px 400px at 85% -10%,#dfeaf7 0%,rgba(223,234,247,0) 60%),linear-gradient(180deg,#fff 0%,#f2f5f9 100%);border-bottom:1px solid var(--dp-border);margin-bottom:40px;padding:56px 0 52px}
.jumbotron h1{font-weight:750;letter-spacing:-.03em;font-size:52px;line-height:1.08;margin-bottom:18px}
.jumbotron p{color:#4b5768;font-weight:400;max-width:62ch}

/* ---------- 按钮 ---------- */
.btn{border-radius:8px;font-weight:550;text-shadow:none!important;background-image:none!important;box-shadow:none!important;filter:none!important;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs){padding:7px 14px}
.btn .glyphicon{top:2px;margin-right:2px}
.btn:focus,.btn.focus,.btn:active:focus{outline:none;box-shadow:var(--dp-ring)!important}
.btn-lg{border-radius:10px;padding:11px 20px;font-size:16px}
.btn-primary{background-color:var(--dp-primary)!important;border-color:var(--dp-primary)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{background-color:var(--dp-primary-600)!important;border-color:var(--dp-primary-600)!important}
.btn-default{background:#fff!important;border-color:var(--dp-border-strong)!important;color:var(--dp-text-2)!important}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{background:var(--dp-subtle)!important;border-color:#b9c3cf!important;color:var(--dp-text)!important}
.btn-danger{background:var(--dp-danger-50)!important;border-color:#f6d3c3!important;color:var(--dp-danger)!important}
.btn-danger:hover,.btn-danger:focus{background:var(--dp-danger)!important;border-color:var(--dp-danger)!important;color:#fff!important}
.btn-success{background:var(--dp-success)!important;border-color:var(--dp-success)!important}
.btn-warning{background:var(--dp-warning)!important;border-color:var(--dp-warning)!important}
.btn-info{background:var(--dp-teal)!important;border-color:var(--dp-teal)!important}

/* ---------- 表单 ---------- */
.form-control{height:38px;border-color:var(--dp-border-strong);border-radius:8px;box-shadow:none;color:var(--dp-text);transition:border-color .15s,box-shadow .15s}
textarea.form-control{height:auto;line-height:1.55}
.form-control:focus{border-color:var(--dp-primary);box-shadow:var(--dp-ring)}
.form-control::placeholder{color:#98a2b3}
.input-lg{height:46px;border-radius:10px}
select.form-control{-webkit-appearance:none;appearance:none;padding-right:30px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23667085' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center}
select[multiple].form-control{background-image:none;padding-right:12px}
label,.control-label{font-weight:550;color:var(--dp-text-2)}
.input-group-addon{background:var(--dp-subtle);border-color:var(--dp-border-strong);color:var(--dp-muted)}
.input-group .form-control:first-child{border-radius:8px 0 0 8px}
.input-group .form-control:last-child{border-radius:0 8px 8px 0}
.has-error .form-control{border-color:var(--dp-danger)}
.form-inline .form-control{vertical-align:middle}

/* ---------- 表格 / DataTables ---------- */
.table{background:transparent;margin-bottom:12px}
.table>thead>tr>th{background:transparent!important;border-bottom:1px solid var(--dp-border)!important;color:var(--dp-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding-top:12px!important;padding-bottom:12px!important}
.table>thead>tr>th,.table>tbody>tr>td,.table>tfoot>tr>td,.table>tfoot>tr>th{padding:12px 14px;border-top-color:#eef1f5;vertical-align:middle}
.table>tbody>tr>td{color:var(--dp-text)}
.table>tfoot>tr>td,.table>tfoot>tr>th{font-weight:650;background:var(--dp-subtle);border-top:1px solid var(--dp-border)}
.table-striped>tbody>tr:nth-of-type(odd){background:transparent}
.table>tbody>tr{transition:background-color .12s}
.table>tbody>tr:hover{background:var(--dp-primary-50)!important}
.table>tbody>tr.selected,.table>tbody>tr.active>td{background:var(--dp-primary-100)!important}
.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{border-color:var(--dp-border)}
.table-bordered{border-radius:var(--dp-r);overflow:hidden}
.table .glyphicon{color:var(--dp-muted)}
.table .glyphicon-check,.table .glyphicon-ok{color:var(--dp-success)}
table.dataTable{border-collapse:collapse!important;margin-top:8px!important}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{background-position:center right 4px}
.dataTables_wrapper{color:var(--dp-text-2)}
.dataTables_wrapper .row{margin-bottom:4px}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{height:34px;border-radius:8px;border:1px solid var(--dp-border-strong);margin-left:6px;box-shadow:none}
.dataTables_wrapper .dataTables_filter input:focus{border-color:var(--dp-primary);box-shadow:var(--dp-ring);outline:none}
.dataTables_wrapper .dataTables_filter input{padding:0 10px}
.dataTables_wrapper .dataTables_length select{min-width:74px;padding:0 28px 0 10px!important;margin:0 6px}
.dataTables_wrapper .dataTables_info{color:var(--dp-muted);padding-top:14px!important}
.dataTables_wrapper{position:relative}
.dataTables_wrapper .dataTables_processing,.dataTables_processing{position:absolute!important;z-index:5;top:64px!important;left:50%!important;width:auto!important;height:auto!important;margin:0!important;transform:translateX(-50%);padding:8px 16px 8px 38px!important;background:#fff!important;background-image:none!important;border:1px solid var(--dp-border)!important;border-radius:999px!important;box-shadow:0 6px 18px rgba(15,28,46,.12)!important;color:var(--dp-text-2)!important;font-size:13px!important;font-weight:550;line-height:20px!important;text-align:left!important;white-space:nowrap}
.dataTables_processing::before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid var(--dp-primary-100);border-top-color:var(--dp-primary);border-radius:50%;animation:dp-spin .8s linear infinite}
@keyframes dp-spin{to{transform:rotate(360deg)}}
td.dataTables_empty{padding:28px 14px!important;color:var(--dp-muted);text-align:center}

/* ---------- 分页 ---------- */
.pagination>li>a,.pagination>li>span{min-width:34px;height:34px;padding:6px 10px;margin-left:4px;text-align:center;color:var(--dp-text-2);background:#fff;border:1px solid var(--dp-border);border-radius:8px!important}
.pagination>li>a:hover{background:var(--dp-subtle);color:var(--dp-text)}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>span{background:var(--dp-primary);border-color:var(--dp-primary);color:#fff}
.pagination>.disabled>a,.pagination>.disabled>a:hover{color:#b5bdc8;background:#fff}

/* ---------- 标签页（报表）：分段控件 ---------- */
.nav-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;background:#eef1f5;border:0;border-radius:10px;margin-bottom:16px}
.nav-tabs>li{float:none;margin:0}
.nav-tabs>li>a{margin:0;padding:6px 16px;border:0!important;border-radius:7px;color:var(--dp-muted);font-weight:550;line-height:20px}
.nav-tabs>li>a:hover{background:rgba(255,255,255,.6);color:var(--dp-text)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:#fff;color:var(--dp-text);box-shadow:0 1px 2px rgba(15,28,46,.1),0 1px 1px rgba(15,28,46,.04)}

/* ---------- 侧栏菜单（设置页） ---------- */
.nav-pills.nav-stacked{background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-r-lg);box-shadow:var(--dp-shadow);padding:8px}
.nav-pills.nav-stacked>li+li{margin-top:2px}
.nav-pills>li>a{border-radius:8px;color:var(--dp-text-2);font-weight:500;padding:9px 12px}
.nav-pills>li>a .glyphicon{width:20px;color:var(--dp-muted)}
.nav-pills>li>a:hover{background:var(--dp-subtle);color:var(--dp-text)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:var(--dp-primary-50);color:var(--dp-primary-600);font-weight:600}
.nav-pills>li.active>a .glyphicon{color:var(--dp-primary)}
.list-group-item{border-color:var(--dp-border)}
.list-group-item.active,.list-group-item.active:hover{background:var(--dp-primary);border-color:var(--dp-primary);background-image:none}

/* ---------- bootstrap-switch ---------- */
.bootstrap-switch{border-radius:999px!important;border-color:var(--dp-border-strong)!important;box-shadow:none!important}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background:var(--dp-primary)!important}
.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-label{font-weight:600}

/* ---------- 弹窗 / 提示 / 下拉 ---------- */
.modal-content{border:0;border-radius:16px;box-shadow:var(--dp-shadow-lg);overflow:hidden}
.modal-header{border-bottom:1px solid var(--dp-border);padding:18px 24px}
.modal-title{font-weight:650;font-size:17px}
.modal-body{padding:22px 24px}
.modal-footer{border-top:1px solid var(--dp-border);background:var(--dp-subtle);padding:14px 24px}
.modal-backdrop.in{opacity:.5;background:#0b1422}
.close{text-shadow:none;opacity:.4;font-weight:400;font-size:24px}
.alert{border-radius:var(--dp-r);background-image:none!important;box-shadow:none;border-width:1px}
.label{border-radius:999px;font-weight:600;padding:.3em .7em;font-size:72%}
.badge{font-weight:600;background:var(--dp-muted)}
.dropdown-menu{border:1px solid var(--dp-border);border-radius:var(--dp-r);box-shadow:var(--dp-shadow-lg);padding:6px}
.dropdown-menu>li>a{padding:7px 12px;border-radius:6px}
.dropdown-menu>li>a:hover,.dropdown-menu>.active>a{background:var(--dp-primary-50)!important;background-image:none!important;color:var(--dp-text)!important}
.bootstrap-select .dropdown-toggle{background:#fff!important}
.progress{border-radius:999px;box-shadow:none;background:#e9edf2;height:8px}
.tooltip-inner{border-radius:6px;background:#1b2636}

/* ---------- 登录 / 注册 ---------- */
.form-signin{background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:16px;box-shadow:0 10px 30px rgba(15,28,46,.08);padding:32px 30px 26px!important;margin-top:56px!important;max-width:380px!important}
.form-signin .form-control{height:44px;border-radius:8px!important;margin-bottom:12px}
.form-signin-heading{font-weight:700;font-size:24px;margin-bottom:22px!important}
.form-signin .btn-lg{margin-top:6px}

/* ---------- 页脚 ---------- */
footer{color:var(--dp-muted);font-size:13px;padding:8px 0 28px}


/* ---------- 仪表盘（dashboard.html） ---------- */
.dp-pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 22px}
.dp-pagehead h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}
.dp-sub{margin:4px 0 0;color:var(--dp-muted);font-size:13px}
.dp-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.dp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.dp-kpi{position:relative;min-width:0;padding:18px 20px 16px;background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-r-lg);box-shadow:var(--dp-shadow)}
.dp-kpi-label{color:var(--dp-muted);font-size:13px;font-weight:550}
.dp-kpi-period{margin-left:4px;padding:1px 6px;border-radius:999px;background:var(--dp-subtle);font-size:11px;font-variant-numeric:tabular-nums}
.dp-kpi-value{margin-top:6px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--dp-text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-delta{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.dp-delta span{font-weight:500;opacity:.8}
.dp-delta.is-up{color:var(--dp-success);background:#e8f5ec}
.dp-delta.is-down{color:var(--dp-danger);background:var(--dp-danger-50)}
.dp-spark{display:block;width:100%;height:32px;margin-top:8px}
.dp-spark-line{fill:none;stroke:var(--dp-primary);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.dp-spark-fill{fill:var(--dp-primary-50);stroke:none}
.dp-chart{position:relative;min-height:220px}
.dp-chart-svg{display:block;width:100%;height:auto;overflow:visible}
.dp-chart .dp-grid{stroke:#eef1f5;stroke-width:1}
.dp-chart .dp-axis{fill:var(--dp-muted);font-size:11px;font-variant-numeric:tabular-nums}
.dp-chart .dp-bar{fill:var(--dp-primary);opacity:.85;transition:opacity .12s;cursor:default}
.dp-chart .dp-bar:hover{opacity:1;fill:var(--dp-primary-600)}
.dp-chart-tip{position:absolute;z-index:2;transform:translate(-50%,-100%);padding:7px 10px;border-radius:8px;background:rgba(24,33,45,.94);color:#fff;font-size:12px;line-height:1.5;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}
.dp-chart-tip[hidden]{display:none}
.dp-chart-empty{display:flex;align-items:center;justify-content:center;min-height:220px;color:var(--dp-muted)}
.dp-acct{padding:8px!important}
.dp-acct-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;color:var(--dp-text-2)!important}
.dp-acct-row+.dp-acct-row{border-top:1px solid #f0f2f5}
.dp-acct-row:hover{background:var(--dp-subtle)}
.dp-acct-row .glyphicon{width:22px;color:var(--dp-muted)}
.dp-acct-row strong{font-size:18px;color:var(--dp-text);font-variant-numeric:tabular-nums}
.dp-chev{width:auto!important;font-size:11px}
.dp-ns-intro{color:var(--dp-text-2);margin-bottom:14px}
.dp-ns{display:flex;flex-wrap:wrap;gap:12px}
.dp-ns-item{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;background:var(--dp-primary-50);border:1px solid var(--dp-primary-100);border-radius:10px}
.dp-ns-item code{padding:0;background:none;color:var(--dp-text);font-family:var(--dp-mono);font-size:15px;font-weight:600}
@media (max-width:991px){.dp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.dp-kpis{grid-template-columns:1fr}.dp-kpi-value{font-size:22px}}


/* ---------- 布局细节修正（2026-10-29 第三轮） ---------- */
/* 只有按钮的工具条：去掉整张卡片，按钮直接放在页面上 */
.panel:has(> .panel-body:only-child > .btn:first-child):not(:has(form,table,.well,textarea)){background:transparent;border:0;box-shadow:none;margin-bottom:14px}
.panel:has(> .panel-body:only-child > .btn:first-child):not(:has(form,table,.well,textarea))>.panel-body{padding:0}
/* 没有放进卡片的表格，补一层卡片 */
:not(.panel-body)>.dataTables_wrapper{background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-r-lg);box-shadow:var(--dp-shadow);padding:14px 20px 10px;margin-bottom:20px}
/* 设置页：去掉左侧空白占位，子页面铺满右栏 */
@media (min-width:992px){
  .container>.row:has(#myTabs)>.col-md-1{display:none}
  .container>.row:has(#myTabs)>.col-md-3{width:25%}
  .container>.row:has(#myTabs)>.col-md-8{width:75%}
}
.tab-content>.tab-pane>.row>[class*="col-md-"]{width:100%}
/* 鼠标点击不再出现浏览器默认焦点框；键盘操作仍有清晰焦点 */
a:focus,.btn:focus,.nav>li>a:focus{outline:none}
a:focus-visible,.nav>li>a:focus-visible{outline:2px solid rgba(43,108,176,.55);outline-offset:2px}
/* 添加域名页右栏：步骤提示改为白色卡片，副标题降一级 */
.row>.col-md-4>.well{background:var(--dp-surface)!important;box-shadow:var(--dp-shadow)}
.row>.col-md-4 h2{font-size:18px;margin:24px 0 8px}


/* ---------- 公开页面：首页 / 常见问题 / 注册 / 登录（2026-10-29） ---------- */
.dp-public-nav .navbar-nav{margin-left:8px}
.dp-lang-form{display:inline-flex;margin:0}
.navbar .dp-btn-solid{height:34px;padding:0 14px!important;line-height:32px;background:#fff!important;border:1px solid #fff!important;color:var(--dp-nav)!important;font-weight:600}
.navbar .dp-btn-solid:hover{background:#e8eef6!important;border-color:#e8eef6!important}
.navbar a.navbar-btn{display:inline-flex;align-items:center;gap:6px;line-height:32px}

.dp-hero{background:radial-gradient(900px 380px at 90% -20%,#dbe8f7 0%,rgba(219,232,247,0) 65%),linear-gradient(180deg,#fff 0%,#f2f5f9 100%);border-bottom:1px solid var(--dp-border);padding:56px 0 60px;margin-top:-28px}
.dp-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center}
.dp-eyebrow{display:inline-block;margin-bottom:14px;padding:4px 10px;border-radius:999px;background:var(--dp-primary-50);color:var(--dp-primary-600);font-size:12px;font-weight:600;letter-spacing:.02em}
.dp-hero h1{margin:0 0 16px;font-size:50px;line-height:1.08;font-weight:750;letter-spacing:-.03em;text-wrap:balance}
.dp-lead{max-width:60ch;margin:0 0 26px;color:#4b5768;font-size:17px;line-height:1.65}
.dp-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.dp-hero-card{padding:22px 24px;background:var(--dp-nav);border-radius:16px;box-shadow:0 24px 48px rgba(15,28,46,.22);color:#c9d4e2}
.dp-hero-card-label{margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8fa0b6}
.dp-hero-card code{display:block;margin-bottom:8px;padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-family:var(--dp-mono);font-size:15px}
.dp-hero-card-foot{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}
.dp-dot{width:8px;height:8px;border-radius:50%;background:#34c38f;box-shadow:0 0 0 4px rgba(52,195,143,.18)}

.dp-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 48px}
.dp-feature{display:flex;flex-direction:column;padding:24px;background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-r-lg);box-shadow:var(--dp-shadow);color:var(--dp-text-2)!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.dp-feature:hover{border-color:var(--dp-primary-100);box-shadow:0 10px 24px rgba(15,28,46,.08);transform:translateY(-2px)}
.dp-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:16px;border-radius:10px;background:var(--dp-primary-50);color:var(--dp-primary);font-size:17px}
.dp-feature h2{margin:0 0 8px;font-size:19px}
.dp-feature p{flex:1;margin:0 0 16px;line-height:1.65}
.dp-feature-more{color:var(--dp-primary);font-weight:600;font-size:13px}

.dp-section-title{margin:0 0 20px;font-size:22px}
.dp-steps{margin-bottom:56px}
.dp-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;counter-reset:dp-step}
.dp-steps li{position:relative;padding:20px 20px 20px 64px;background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-r-lg);counter-increment:dp-step}
.dp-steps li::before{content:counter(dp-step);position:absolute;left:20px;top:20px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--dp-nav);color:#fff;font-weight:700;font-size:14px}
.dp-steps strong{display:block;margin-bottom:4px;color:var(--dp-text);font-size:15px}
.dp-steps span{color:var(--dp-muted);line-height:1.6}

.dp-site-footer{border-top:1px solid var(--dp-border);background:var(--dp-surface);padding:22px 0;color:var(--dp-muted);font-size:13px}
.dp-site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.dp-site-footer nav{display:flex;gap:20px}
.dp-site-footer a{color:var(--dp-text-2)}

.dp-faq{max-width:860px;padding-bottom:40px}
.dp-faq-list{background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-r-lg);box-shadow:var(--dp-shadow);overflow:hidden}
.dp-faq-item+.dp-faq-item{border-top:1px solid var(--dp-border)}
.dp-faq-item summary{position:relative;padding:18px 52px 18px 22px;color:var(--dp-text);font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.dp-faq-item summary::-webkit-details-marker{display:none}
.dp-faq-item summary::after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:2px solid var(--dp-muted);border-bottom:2px solid var(--dp-muted);transform:rotate(45deg);transition:transform .15s}
.dp-faq-item[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.dp-faq-item summary:hover{background:var(--dp-subtle)}
.dp-faq-item p{margin:0;padding:0 22px 20px;color:var(--dp-text-2);line-height:1.75;max-width:70ch}
.dp-faq-contact{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-top:20px;padding:18px 22px;background:var(--dp-primary-50);border-radius:var(--dp-r-lg);color:var(--dp-text-2)}

.dp-form-alt{margin:16px 0 0;text-align:center;color:var(--dp-muted)}
.dp-form-alt a{font-weight:600}
.dp-auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:40px auto 0;color:var(--dp-text)!important;font-size:20px;font-weight:700}
.dp-auth-brand::before{content:"";width:34px;height:34px;border-radius:9px;background:#4a7ab4 url("https://dragonstatic.com/icon/android-chrome-192x192.png") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 4px 12px rgba(74,122,180,.35)}
.dp-auth-brand+.form-signin{margin-top:20px!important}
.dp-auth-alt{max-width:380px;margin-left:auto;margin-right:auto}

@media (max-width:991px){
  .dp-hero-grid{grid-template-columns:1fr;gap:28px}
  .dp-features,.dp-steps ol{grid-template-columns:1fr}
}
@media (max-width:767px){
  .dp-hero{padding:36px 0 40px}
  .dp-hero h1{font-size:34px}
  .dp-lead{font-size:16px}
}


/* ---------- 错误页 404 / 500 ---------- */
.dp-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 16px}
.dp-error .dp-auth-brand{margin:0}
.dp-error-card{width:100%;max-width:460px;padding:36px 32px;background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:16px;box-shadow:0 10px 30px rgba(15,28,46,.08);text-align:center}
.dp-error-code{font-family:var(--dp-mono);font-size:56px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--dp-primary-100)}
.dp-error-card h1{margin:14px 0 8px;font-size:22px}
.dp-error-card p{margin:0 0 24px;color:var(--dp-muted);line-height:1.7}
.dp-error-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}


/* ---------- NS 设置警示 ---------- */
.dp-ns-warning{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;background:#fdf6e7;border:1px solid #f3dfb5;border-radius:8px;color:#7a5410;font-size:13px;line-height:1.6}
.dp-ns-warning .glyphicon{top:3px;flex:none;color:#b7791f}
.dp-ns-warning a{color:#7a5410;font-weight:600;text-decoration:underline;white-space:nowrap}
.well .dp-ns-warning{margin-top:10px}


/* ---------- 找回密码页 ---------- */
.dp-auth{padding:0 16px 40px}
.dp-auth .form-signin{margin-left:auto!important;margin-right:auto!important}
.dp-auth-card{text-align:left}
.dp-auth-lead{color:var(--dp-text-2);line-height:1.7;margin:0 0 16px}
.dp-auth-hint{margin:-4px 0 14px;color:var(--dp-muted);font-size:13px}
.dp-field-error{margin:-6px 0 12px;color:var(--dp-danger);font-size:13px}
.dp-auth-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px;border-radius:12px;background:var(--dp-primary-50);color:var(--dp-primary);font-size:20px}
.dp-auth-icon.is-success{background:#e8f5ec;color:var(--dp-success)}
.dp-auth-icon.is-warning{background:#fdf6e7;color:#b7791f}
.form-signin .checkbox{display:flex;align-items:center;justify-content:space-between}
.dp-forgot{font-size:13px;font-weight:600}

/* ---------- 可访问性 / 移动端 ---------- */
:focus-visible{outline:2px solid rgba(43,108,176,.55);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media (max-width:767px){
  body:has(> .navbar-fixed-top){padding-top:76px!important}
  .navbar-right{height:auto;padding:8px 0 14px;flex-wrap:wrap}
  .navbar-inverse .navbar-nav{margin:6px -15px}
  .panel-body{padding:16px}
  .jumbotron{padding:36px 0}
  .jumbotron h1{font-size:34px}
  .nav-tabs{display:flex}
  .nav-pills.nav-stacked{margin-bottom:16px}
}

/* ==========================================================================
   webadmin 专用覆盖（2026-10）
   以上为 www.dragonparking.com 的 theme-2026.css 原样复用；以下只针对后台。
   ========================================================================== */

/* 导航栏改为“粘性”：滚动时仍停在顶部，但菜单折行时会把内容往下推，不再遮挡内容 */
body:has(> .navbar-fixed-top) { padding-top: 0 !important; }
body { padding-top: 0 !important; padding-bottom: 32px; }
.navbar-fixed-top { position: sticky !important; top: 0; margin-bottom: 24px; }
.navbar-inverse .navbar-nav { margin-top: 12px; margin-bottom: 12px; }
.navbar-inverse .navbar-nav > li > a { padding: 6px 10px; margin: 0 1px; font-size: 13.5px; }

/* 后台标识：圆形 DP 图标 + ADMIN 标签，一眼区分前台 */
.navbar-inverse .navbar-brand::before {
  background: #4a7ab4 url("https://dragonstatic.com/icon-admin/android-chrome-192x192.png") center/cover no-repeat !important;
  border-radius: 50% !important;
}
.navbar-inverse .navbar-brand::after {
  content: "ADMIN"; margin-left: 2px; padding: 2px 6px; border-radius: 4px;
  background: rgba(255, 255, 255, .1); color: #c9d6e6; font-size: 10px; font-weight: 700; letter-spacing: .08em;
}

/* 表格：选中行（后台大量使用 tr.info / tr.selected 作为选中状态） */
.table > tbody > tr.info > td, .table > tbody > tr.info { background: var(--dp-primary-100) !important; }
.table > tbody > tr.selected > td { background: var(--dp-primary-100) !important; color: var(--dp-text) !important; }
table.dataTable tbody tr { cursor: default; }
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { border-radius: 4px; border-color: var(--dp-border-strong); }
.dataTables_wrapper .dataTables_paginate .paginate_button { border-radius: 8px !important; }

/* 欢迎条、页脚 */
body > .container > .well:first-child { background: var(--dp-surface) !important; box-shadow: var(--dp-shadow); }
body > .container > .well:first-child p { margin: 0; font-weight: 600; color: var(--dp-text); }
body > div[style*="text-align: center"] { color: var(--dp-muted); font-size: 12px; margin-top: 28px !important; }

/* 日期选择框与普通输入框 */
input[type="text"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) {
  height: 34px; padding: 0 10px; border: 1px solid var(--dp-border-strong); border-radius: 8px; background: #fff;
}
.datepicker { border-radius: 10px; box-shadow: var(--dp-shadow-lg); }

/* 登录页 */
.form-signin { margin-top: 12vh !important; }
.form-signin-heading { font-size: 22px !important; }
.form-signin .checkbox { margin: 4px 0 14px; }