/* 北斗數位科技 - 壓縮版樣式 */
:root{--primary-color:#0d6efd;--success-color:#198754;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#0dcaf0;--dark-color:#212529;--transition:all .15s ease-in-out}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:var(--dark-color);font-size:1.1rem;font-weight:500}
html{scroll-behavior:smooth}
::selection{background-color:var(--primary-color);color:white}

/* 導航列 */
.navbar-brand{font-weight:700;color:var(--primary-color)!important;transition:var(--transition)}
.navbar-brand:hover{transform:scale(1.05)}
.navbar-nav .nav-link{font-weight:500;padding:.5rem 1rem;transition:var(--transition)}
.navbar-nav .nav-link:hover{color:var(--primary-color)!important;transform:translateY(-1px)}
.dropdown-menu{border:none;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.5rem}
.dropdown-item{padding:.5rem 1rem;transition:var(--transition)}
.dropdown-item:hover{background-color:var(--light-color);transform:translateX(5px)}

/* 按鈕優化 */
.btn{font-weight:500;border-radius:.5rem;transition:var(--transition);box-shadow:0 2px 4px rgba(0,0,0,.1)}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}
.btn-primary{background:linear-gradient(135deg,#0d6efd,#0056b3);border:none}
.btn-success{background:linear-gradient(135deg,#198754,#146c43);border:none}
.btn-warning{background:linear-gradient(135deg,#ffc107,#ffb300);border:none;color:#000}
.btn-danger{background:linear-gradient(135deg,#dc3545,#b02a37);border:none}
.btn-info{background:linear-gradient(135deg,#0dcaf0,#31d2f2);border:none;color:#000}

/* 卡片 */
.card{border:none;border-radius:.75rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);transition:var(--transition)}
.card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
.card-header{border-radius:.75rem .75rem 0 0!important;font-weight:600}

/* 圖標優化 */
.fas,.fab,.far{font-weight:900!important;text-shadow:1px 1px 2px rgba(0,0,0,.1)}
.fa-home{color:#28a745!important}
.fa-server{color:#007bff!important}
.fa-building{color:#ffc107!important}
.fa-network-wired{color:#17a2b8!important}
.fa-envelope{color:#dc3545!important}
.fa-phone{color:#28a745!important}
.fa-shield-alt{color:#dc3545!important}
.fa-globe{color:#17a2b8!important}
.fa-cloud{color:#6f42c1!important}
.fa-microchip{color:#007bff!important}
.fa-satellite-dish{color:#fd7e14!important}
.fa-tools{color:#6c757d!important}
.fa-headset{color:#20c997!important}
.fa-ethernet{color:#198754!important}
.fa-line{color:#00c300!important}
.fa-telegram{color:#0088cc!important}

/* 響應式優化 */
@media (max-width:768px){
  .display-4{font-size:2rem}
  .lead{font-size:1.1rem}
  .btn{padding:.5rem 1rem;font-size:.9rem}
  .card{margin-bottom:1rem}
  .navbar-nav{text-align:center}
}

/* 載入動畫 */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.fade-in.show{opacity:1;transform:translateY(0)}

/* 表格優化 */
.table{font-size:.95rem}
.table-dark{background-color:#1a1a1a}
.table-striped>tbody>tr:nth-of-type(odd)>td{background-color:rgba(255,255,255,.05)}

/* 回到頂部按鈕 */
.back-to-top{position:fixed;bottom:20px;right:20px;background:var(--primary-color);color:white;border:none;border-radius:50%;width:50px;height:50px;display:none;z-index:1000;transition:var(--transition)}
.back-to-top.show{display:block;animation:fadeInUp .3s ease}
.back-to-top:hover{background:var(--success-color);transform:scale(1.1)}

/* 動畫關鍵幀 */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}

/* 性能優化 */
*{box-sizing:border-box}
img{max-width:100%;height:auto;loading:lazy}
.container{will-change:transform}
.btn,.card,.navbar{will-change:transform}