/* ============================================================
   橙享下載 · 淺橙色主題 (56two.com 全站)
   基於 Ardot 設計稿「軟體下載站 - 淺橙色」
   透過 header.inc.htm 於 bootstrap 之後引入，全站生效
   ============================================================ */
:root{
  --orange:#FF6A2C;
  --orange-deep:#E2550E;
  --orange-darker:#E25108;
  --ink:#2B1D12;
  --muted:#6E5D4F;
  --muted-2:#7A6857;
  --muted-3:#A98E78;
  --cream:#FFFCF9;
  --warm:#FFF3E8;
  --card:#FFF8F1;
  --border:#F3E5D8;
  --grad-1:#FF7F38;
  --grad-2:#E25108;
  --shadow-soft:0 8px 24px rgba(245,200,170,.35);
  --shadow-orange:0 6px 18px rgba(255,106,44,.35);
}

/* ---------- 基礎 ---------- */
body{
  background:var(--cream);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei","Noto Sans TC",Roboto,Helvetica,Arial,sans-serif;
}
a{color:var(--orange-deep);text-decoration:none;}
a:hover{color:var(--orange);text-decoration:none;}
.text-primary{color:var(--orange)!important;}
.text-muted{color:var(--muted-3)!important;}

/* ---------- 頂部導覽（吸頂） ---------- */
#header.navbar{
  background:#fff!important;
  box-shadow:0 2px 12px rgba(220,170,130,.18);
  padding-top:.55rem;
  padding-bottom:.55rem;
  border-bottom:1px solid #F3E6DA;
  position:sticky;top:0;z-index:1030;
  min-height:64px;
}
#header .navbar-brand{
  color:var(--ink);
  font-weight:800;
  font-size:1.15rem;
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-right:1.25rem;
}
#header .navbar-brand span:last-child{white-space:nowrap;}
#header .navbar-brand:hover{color:var(--ink);}
.brand-mark{
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-orange);flex:none;
}
.brand-mark svg{width:20px;height:20px;display:block;}
#header .navbar-nav .nav-link{color:var(--muted);font-weight:500;padding:.45rem .75rem;white-space:nowrap;line-height:1.2;}
#header .navbar-nav .nav-link:hover,
#header .navbar-nav .nav-link:focus{color:var(--orange);}
#header .navbar-nav .nav-item.active .nav-link,
#header .navbar-nav li.home.active .nav-link{color:var(--orange-deep);font-weight:700;}

/* 用戶區（已移除搜尋 / 下載 CTA，僅保留登入態）*/
#header .navbar-user{padding-left:.5rem;border-left:1px solid #F0DFCF;margin-left:.5rem;}
#header .navbar-user .nav-link{padding:.45rem .65rem;font-size:.9rem;color:var(--muted-2);}
#header .navbar-user .nav-link:hover{color:var(--orange);}
#header .navbar-user .username .nav-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--orange-deep);}
#header .navbar-user .avatar-1{width:22px;height:22px;border-radius:50%;vertical-align:middle;}
#header .navbar-toggler{border-color:#F0DFCF;color:var(--orange);padding:.25rem .5rem;}
#header .navbar-toggler:focus{outline:none;box-shadow:none;}
#header .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(226,85,14,1)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* 頂部搜尋 + CTA */
.site-search{
  display:flex;align-items:center;gap:.5rem;
  background:var(--warm);border:1px solid #F0DFCF;border-radius:22px;
  padding:.25rem .35rem .25rem 1rem;width:240px;
}
.site-search input{
  border:0;background:transparent;outline:none;flex:1;
  font-size:.9rem;color:var(--muted-2);min-width:0;
}
.site-search input::placeholder{color:var(--muted-3);}
.site-search button{
  border:0;background:var(--orange);color:#fff;border-radius:18px;
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;
}
.site-search button:hover{background:var(--orange-deep);}
.site-search button svg{width:16px;height:16px;}
.site-cta{
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  color:#fff!important;font-weight:600;border-radius:22px;
  padding:.5rem 1.25rem;box-shadow:var(--shadow-orange);white-space:nowrap;
}
.site-cta:hover{color:#fff;filter:brightness(1.05);}

/* ---------- 按鈕 ---------- */
.btn-primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:var(--shadow-orange);}
.btn-primary:hover,.btn-primary:focus{background:var(--orange-deep);border-color:var(--orange-deep);color:#fff;}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active{background:var(--orange-darker);border-color:var(--orange-darker);}
.btn-outline-primary{color:var(--orange-deep);border-color:var(--orange);}
.btn-outline-primary:hover{background:var(--orange);border-color:var(--orange);color:#fff;}

/* ---------- 卡片 ---------- */
.card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:0 8px 24px rgba(245,205,178,.28);
}
.card-header{background:transparent;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0!important;}
.card-header-tabs{border-bottom:0;margin-bottom:-1px;}
.card-header-tabs .nav-link{color:var(--muted);border:0;border-bottom:2px solid transparent;}
.card-header-tabs .nav-link.active{color:var(--orange-deep);background:transparent;border-bottom:2px solid var(--orange);font-weight:700;}
.card-footer{background:transparent;border-top:1px solid var(--border);}

/* ---------- 麵包屑（論壇/帖子頁） ---------- */
.breadcrumb{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:.65rem 0 .85rem;
  margin:0;
  font-size:.875rem;
  display:flex;
  align-items:center;
  gap:.15rem;
}
.breadcrumb-item{
  display:inline-flex;
  align-items:center;
  max-width:none;
  white-space:nowrap;
}
.breadcrumb-item + .breadcrumb-item::before{
  content:"›";
  color:#D7C5B6;
  font-weight:700;
  padding:0 .6rem;
  font-size:1rem;
  line-height:1;
}
.breadcrumb-item a{
  color:var(--muted-3);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  transition:color .15s;
}
.breadcrumb-item a:hover{color:var(--orange-deep);}
.breadcrumb-item.active a{
  color:var(--orange-deep);
  font-weight:700;
}
.breadcrumb-item a .icon-home{
  font-size:1rem;
  color:var(--orange);
  transition:color .15s;
}
.breadcrumb-item a:hover .icon-home{color:var(--orange-deep);}
.pagination .page-link{color:var(--orange-deep);border-color:var(--border);}
.pagination .page-item.active .page-link{background:var(--orange);border-color:var(--orange);color:#fff;}
.pagination .page-link:hover{background:var(--warm);color:var(--orange-deep);}

/* ---------- 表單 ---------- */
.form-control:focus{border-color:var(--orange);box-shadow:0 0 0 .2rem rgba(255,106,44,.18);}

/* ---------- 首頁 Hero ---------- */
.home-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#FFF6EC 0%,#FFF3E8 100%);
  border:1px solid #F6E2D2;border-radius:24px;
  padding:56px 48px;margin-bottom:28px;text-align:center;
  box-shadow:0 18px 50px rgba(245,200,170,.35);
}
.home-hero::before,.home-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none;}
.home-hero::before{width:320px;height:320px;left:-90px;top:-110px;background:radial-gradient(circle,rgba(255,180,110,.55),rgba(255,180,110,0) 70%);}
.home-hero::after{width:300px;height:300px;right:-60px;bottom:-120px;background:radial-gradient(circle,rgba(255,120,60,.4),rgba(255,120,60,0) 70%);}
.home-hero-badge{
  position:relative;display:inline-flex;align-items:center;gap:.4rem;
  background:#fff;border:1px solid #F6D9BE;border-radius:999px;
  padding:.4rem 1rem;font-size:.85rem;font-weight:600;color:var(--orange-deep);margin-bottom:1.1rem;
}
.home-hero h1{position:relative;font-size:2.6rem;font-weight:800;color:var(--ink);margin-bottom:.8rem;line-height:1.2;}
.home-hero p.sub{position:relative;font-size:1.1rem;color:var(--muted-2);max-width:680px;margin:0 auto 1.6rem;}
.home-hero .hero-search{
  position:relative;display:flex;align-items:center;gap:.5rem;
  background:#fff;border:1px solid #F0DFCF;border-radius:32px;
  padding:.5rem .5rem .5rem 1.4rem;max-width:600px;margin:0 auto;box-shadow:var(--shadow-soft);
}
.home-hero .hero-search input{flex:1;border:0;outline:none;font-size:1rem;color:var(--muted-2);min-width:0;}
.home-hero .hero-search input::placeholder{color:var(--muted-3);}
.home-hero .hero-search button{
  border:0;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  color:#fff;border-radius:26px;padding:.6rem 1.6rem;font-weight:600;cursor:pointer;white-space:nowrap;
}
.home-hero .trust-row{position:relative;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:1.6rem;color:var(--muted);font-size:.95rem;}
.home-hero .trust-row span{display:inline-flex;align-items:center;gap:.4rem;}
.home-hero .trust-row svg{width:18px;height:18px;}

/* 側欄資訊卡標題強調 */
.card-site-info h5,.card-forum-info h5{color:var(--ink);font-weight:800;}

/* ---------- 頁尾（4 欄品牌佈局 v3） ---------- */
#footer.site-footer{
  background:linear-gradient(180deg,#241710 0%,#1A100A 100%)!important;
  color:#B9A898;margin-top:3rem;padding:0!important;
  border-top:4px solid var(--orange);
  position:relative;
}
#footer.site-footer::before{
  content:"";position:absolute;top:-4px;left:0;width:140px;height:4px;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
}

.site-footer .footer-inner{max-width:1200px;margin:0 auto;padding:64px 24px 24px;}

.site-footer .footer-top{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px 36px;align-items:flex-start;
}
.site-footer .brand-col{max-width:380px;}
.site-footer .brand-row{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;}
.site-footer .brand-row .brand-mark{
  width:38px;height:38px;border-radius:11px;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(255,106,44,.45);
}
.site-footer .brand-row .brand-mark svg{width:22px;height:22px;}
.site-footer .brand-name{color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:.02em;}
.site-footer .brand-tag{color:#B9A898;font-size:.9rem;line-height:1.85;margin-bottom:1.3rem;}

.site-footer .brand-social{display:flex;gap:.55rem;}
.site-footer .social-btn{
  width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);
  color:#C9B7A8;display:inline-flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.site-footer .social-btn svg{width:18px;height:18px;}
.site-footer .social-btn:hover{background:linear-gradient(135deg,var(--grad-1),var(--grad-2));color:#fff;transform:translateY(-2px);}

/* 連結欄 */
.site-footer .link-col h6{
  color:#fff;font-weight:800;font-size:1rem;
  margin-bottom:1.05rem;letter-spacing:.04em;
  position:relative;padding-bottom:.55rem;
}
.site-footer .link-col h6::after{
  content:"";position:absolute;left:0;bottom:0;
  width:22px;height:3px;border-radius:3px;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
}
.site-footer .link-col a{
  display:block;color:#C9B7A8;font-size:.92rem;
  padding:.45rem 0;transition:all .2s;
}
.site-footer .link-col a:hover{color:var(--orange);transform:translateX(3px);}
.site-footer .link-col .link-more{
  display:inline-flex;align-items:center;gap:.3rem;margin-top:.55rem;
  color:var(--orange)!important;font-weight:600;font-size:.85rem;
  padding:.4rem 0!important;transform:none!important;
}
.site-footer .link-col .link-more svg{width:14px;height:14px;}
.site-footer .link-col .link-more:hover{gap:.55rem;}

/* 分隔 */
.site-footer .footer-divider{
  height:1px;margin:40px 0 20px;
  background:linear-gradient(90deg,transparent,rgba(255,127,56,.4) 30%,rgba(255,127,56,.4) 70%,transparent);
}

/* 底部 */
.site-footer .footer-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;
  color:#8C7A6B;font-size:.85rem;
}
.site-footer .footer-bottom .copyright{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;}
.site-footer .footer-bottom .copy-mark{
  width:22px;height:22px;border-radius:6px;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;
}
.site-footer .footer-bottom .sep{color:rgba(255,255,255,.18);}
.site-footer .footer-bottom .beian{color:#A98E78;font-size:.8rem;}
.site-footer .footer-legal{display:inline-flex;gap:1.2rem;}
.site-footer .footer-bottom a{color:#A98E78;}
.site-footer .footer-bottom a:hover{color:var(--orange);}

/* ---------- 容器 ---------- */
.container{max-width:1200px;}

/* ---------- 廣告卡（弱化，融入主題） ---------- */
.card.itit{border-radius:16px;overflow:hidden;background:var(--warm);border:1px solid var(--border);}

/* ---------- 軟體分類網格（首頁） ---------- */
.home-cats{margin:34px 0 10px;}
.section-title{
  position:relative;font-size:1.5rem;font-weight:800;color:var(--ink);margin:0 0 1.1rem;padding-left:14px;
}
.section-title::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:5px;height:1.4rem;border-radius:4px;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.cat-card{
  display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;
  background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.1rem .8rem;
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.cat-card:hover{transform:translateY(-3px);border-color:#F7CBA6;box-shadow:0 12px 30px rgba(245,200,170,.42);}
.cat-ico{
  width:46px;height:46px;border-radius:13px;flex:none;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-orange);
}
.cat-ico svg{width:24px;height:24px;}
.cat-name{font-weight:700;color:var(--ink);font-size:.98rem;}
.cat-meta{font-size:.78rem;color:var(--muted-3);}

/* ---------- 軟體列表（首頁/分類 共用） ---------- */
.threadlist{display:flex;flex-direction:column;gap:.65rem;}
.threadlist li.media.thread{
  position:relative;
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:.9rem 6.4rem .9rem 1rem;margin:0;transition:transform .18s,box-shadow .18s,border-color .18s;
  cursor:pointer;
}
.threadlist li.media.thread:hover{
  border-color:#F7CBA6;box-shadow:0 12px 30px rgba(245,200,170,.42);transform:translateY(-2px);
}
.threadlist li.media.thread .avatar-3{
  width:54px;height:54px;border-radius:14px;object-fit:cover;flex:none;
  box-shadow:0 4px 14px rgba(245,200,170,.5);transition:.18s;
}
.threadlist li.media.thread:hover .avatar-3{transform:scale(1.05);}
.threadlist li.media.thread .media-body{min-width:0;}
.threadlist .subject{font-size:1.12rem;font-weight:800;line-height:1.35;}
.threadlist .subject a{color:var(--ink);transition:.15s;}
.threadlist .subject a:hover{color:var(--orange);}
.threadlist .username,.threadlist .date{color:var(--muted-3)!important;font-size:.82rem;}
.threadlist .text-muted{color:var(--muted-3)!important;}
/* 右側「下載」按鈕視覺（點擊整列前往軟體頁） */
.threadlist li.media.thread::after{
  content:"下載";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));color:#fff;font-weight:700;
  font-size:.85rem;letter-spacing:.06em;padding:.5rem 1.25rem;border-radius:999px;
  box-shadow:var(--shadow-orange);pointer-events:none;
}
/* 評論數膠囊 */
.threadlist .media-body .d-flex .text-muted{
  background:var(--warm);border:1px solid var(--border);border-radius:999px;padding:.15rem .65rem;
}

/* ---------- 軟體詳情頁 ---------- */
.card-thread{border-radius:18px;}
.card-thread .media .avatar-3{border-radius:14px;width:58px;height:58px;object-fit:cover;}
.card-thread h4.break-all{font-size:1.6rem;font-weight:800;color:var(--ink);}
.card-thread .username a{color:var(--orange-deep)!important;}
.card-thread .date,.card-thread .text-grey{color:var(--muted-3)!important;}
.card-thread .text-grey a{color:var(--orange-deep)!important;}
.card-thread hr{border-color:var(--border);}
.message{color:var(--ink);line-height:1.9;font-size:1rem;}
.message a{color:var(--orange-deep);border-bottom:1px solid rgba(226,85,14,.25);}
.message a:hover{color:var(--orange);}
.message img{max-width:100%;border-radius:12px;}

/* ---------- 回覆列表 ---------- */
.card-postlist{border-radius:18px;}
.postlist .post{border-bottom:1px solid var(--border);padding:.9rem 0;}
.postlist .post:last-child{border-bottom:0;}
.postlist .post .avatar-3{border-radius:12px;width:46px;height:46px;object-fit:cover;}
.postlist .username a{color:var(--orange-deep)!important;}
.card-title b{color:var(--ink);}

/* ---------- 側欄卡片 ---------- */
.aside .btn-primary{
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));border:0;
  box-shadow:var(--shadow-orange);font-weight:700;border-radius:14px;padding:.7rem 1rem;
}
.aside .card{border-radius:16px;}
.aside .card-site-info .small.line-height-3{color:var(--muted-2);line-height:1.85;}
.aside .card-footer table td b{color:var(--orange-deep);}
.card-forum-info .logo-5,.card-user-info .avatar-5{
  border-radius:16px;box-shadow:0 6px 18px rgba(245,200,170,.45);
}
.card-forum-info h5,.card-user-info h5{color:var(--ink);font-weight:800;}

/* 側欄卡片標題列（總排行 / 新會員 / 贊助商）—— 全站統一淺橙 */
.aside .card-header,
.card .card-header{
  background:linear-gradient(135deg,#FFF3E8 0%,#FFE7D4 100%)!important;
  color:var(--orange-deep)!important;
  font-weight:800!important;
  font-size:1rem!important;
  padding:.85rem 1.1rem!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:16px 16px 0 0!important;
  letter-spacing:.03em;
}
.aside .card-header::before{
  content:"";display:inline-block;width:4px;height:1rem;border-radius:3px;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  margin-right:.55rem;vertical-align:-2px;
}
/* 贊助商 itit 卡的 h6.card-title 同色 */
.card.itit > .card-header,
.card.itit .card-title{
  background:linear-gradient(135deg,#FFF3E8 0%,#FFE7D4 100%)!important;
  color:var(--orange-deep)!important;
  font-weight:800!important;
  font-size:1rem!important;
  padding:.85rem 1.1rem!important;
  margin:0!important;
  display:block;
  border-radius:16px 16px 0 0!important;
}

/* 側欄總排行數字（前 3 紅 / 後 7 灰 → 統一橙階） */
.site-list-ul li{list-style:none;padding:.35rem .25rem;border-bottom:1px dashed var(--border);display:flex;align-items:center;}
.site-list-ul li:last-child{border-bottom:0;}
.site-list-ul .top_span_red,
.site-list-ul .top_span_gray{
  display:inline-block;width:22px;height:22px;line-height:22px;border-radius:6px;
  font-size:.78rem;font-weight:800;color:#fff;text-align:center;margin-right:.6rem;flex:none;
}
.site-list-ul .top_span_red{
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  box-shadow:0 2px 6px rgba(255,106,44,.35);
}
.site-list-ul .top_span_gray{
  background:linear-gradient(135deg,#C9B7A8,#A98E78);
}
.site-list-ul li a{color:var(--ink);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.site-list-ul li a:hover{color:var(--orange-deep);}

/* 側欄新會員用戶頭像 */
.aside .tt{display:inline-block;transition:transform .2s;}
.aside .tt:hover{transform:translateY(-3px);}
.aside .tt img{border-radius:50%;border:2px solid var(--border);}
.aside .tt:hover img{border-color:var(--orange);}

/* ---------- 次要按鈕 ---------- */
.btn-secondary{background:#fff;border:1px solid var(--orange);color:var(--orange-deep);font-weight:600;}
.btn-secondary:hover{background:var(--warm);color:var(--orange-deep);border-color:var(--orange-deep);}
.xn-back{border-radius:14px;}

/* ---------- 下拉選單 ---------- */
.dropdown-menu{border-color:var(--border);box-shadow:0 12px 30px rgba(245,200,170,.35);border-radius:12px;}
.dropdown-menu .dropdown-item{color:var(--muted-2);}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background:var(--warm);color:var(--orange-deep);}
.dropdown-menu .dropdown-item .icon.text-primary{color:var(--orange)!important;}
.card-header-dropdown .dropdown-toggle{color:var(--orange-deep);}
.card-header-dropdown .text-muted{color:var(--muted-3)!important;}

/* ---------- 熱門軟體 Bento ---------- */
.home-hot{margin:42px 0 14px;}
.hot-bento{
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:14px;
}
.hot-card{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(135deg,rgba(255,127,56,.10),rgba(226,81,8,.18)),#fff;
  border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem;
  overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;color:var(--ink);
}
.hot-card:hover{transform:translateY(-3px);border-color:#F7CBA6;box-shadow:0 14px 36px rgba(245,200,170,.45);color:var(--ink);}
.hot-card::after{
  content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,127,56,.30),rgba(255,127,56,0) 70%);pointer-events:none;
}
.hot-card.hot-big{
  grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,rgba(255,127,56,.18),rgba(226,81,8,.30)),#fff;
  padding:1.5rem 1.6rem;flex-direction:row;gap:1.4rem;align-items:flex-start;
}
.hot-card.hot-big .hot-ico{width:64px;height:64px;border-radius:18px;}
.hot-card.hot-big .hot-ico svg{width:32px;height:32px;}
.hot-card.hot-big .hot-info{flex:1;justify-content:flex-start;gap:.9rem;padding-top:.3rem;}
.hot-card.hot-big .hot-name{-webkit-line-clamp:2;font-size:1.7rem;line-height:1.25;}
.hot-card.hot-big .hot-meta{font-size:.95rem;margin-top:auto;padding-top:.9rem;}
.hot-card.hot-big::after{
  right:-30px;top:auto;bottom:-50px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(255,127,56,.30),rgba(255,127,56,0) 70%);
}
.hot-ico{
  width:54px;height:54px;border-radius:14px;flex:none;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-orange);
}
.hot-card.hot-big .hot-ico{width:84px;height:84px;border-radius:22px;}
.hot-ico svg{width:24px;height:24px;}
.hot-card.hot-big .hot-ico svg{width:40px;height:40px;}
.hot-info{display:flex;flex-direction:column;gap:.4rem;min-width:0;}
.hot-card.hot-big .hot-info{flex:1;}
.hot-name{
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
  font-weight:800;color:var(--ink);font-size:1.02rem;line-height:1.4;
}
.hot-card.hot-big .hot-name{-webkit-line-clamp:2;font-size:1.5rem;}
.hot-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--muted-3);font-size:.82rem;}
.hot-card.hot-big .hot-meta{font-size:.95rem;}
.hot-cta{
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));color:#fff;font-weight:700;
  padding:.35rem .9rem;border-radius:999px;font-size:.78rem;letter-spacing:.05em;
  box-shadow:var(--shadow-orange);flex:none;
}
.hot-card.hot-big .hot-cta{padding:.5rem 1.2rem;font-size:.92rem;}

/* ---------- 核心優勢 4 卡 ---------- */
.home-advantages{margin:50px 0 14px;}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.adv-card{
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem 1.2rem;
  text-align:center;transition:transform .18s,box-shadow .18s,border-color .18s;
}
.adv-card:hover{transform:translateY(-4px);border-color:#F7CBA6;box-shadow:0 14px 36px rgba(245,200,170,.45);}
.adv-ico{
  width:54px;height:54px;border-radius:14px;margin:0 auto .9rem;
  background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-orange);
}
.adv-ico svg{width:26px;height:26px;}
.adv-card h4{font-size:1.1rem;font-weight:800;color:var(--ink);margin:0 0 .4rem;}
.adv-card p{color:var(--muted-2);font-size:.88rem;line-height:1.65;margin:0;}

/* ---------- 數據成就（深橙帶） ---------- */
.home-stats{
  margin:48px 0 0;
  background:linear-gradient(135deg,#E2550E 0%,#FF7F38 50%,#E25108 100%);
  border-radius:22px;padding:36px 24px;color:#fff;
  box-shadow:0 18px 40px rgba(226,85,14,.30);
  position:relative;overflow:hidden;
}
.home-stats::before{
  content:"";position:absolute;left:-60px;bottom:-60px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);pointer-events:none;
}
.stats-inner{position:relative;display:flex;justify-content:space-around;text-align:center;}
.stat-item{display:flex;flex-direction:column;gap:.4rem;}
.stat-num{font-size:2rem;font-weight:800;line-height:1.1;color:#fff;}
.stat-label{font-size:.92rem;color:rgba(255,255,255,.85);}

/* ---------- Final CTA ---------- */
.home-finalcta{
  margin:48px 0 28px;background:#fff;border:1px solid var(--border);border-radius:22px;
  padding:48px 24px;text-align:center;box-shadow:0 14px 36px rgba(245,200,170,.32);
}
.home-finalcta h2{font-size:1.9rem;font-weight:800;color:var(--ink);margin:0 0 .6rem;}
.home-finalcta p{color:var(--muted-2);margin:0 0 1.4rem;font-size:1rem;}
.final-search{
  display:flex;align-items:center;gap:.5rem;background:var(--warm);
  border:1px solid #F0DFCF;border-radius:32px;padding:.5rem .5rem .5rem 1.4rem;
  max-width:560px;margin:0 auto;box-shadow:var(--shadow-soft);
}
.final-search input{flex:1;border:0;outline:none;font-size:1rem;color:var(--muted-2);min-width:0;background:transparent;}
.final-search input::placeholder{color:var(--muted-3);}
.final-search button{
  border:0;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
  color:#fff;border-radius:26px;padding:.6rem 1.6rem;font-weight:600;cursor:pointer;
  box-shadow:var(--shadow-orange);white-space:nowrap;
}

/* 隱藏管理員用的核取方塊（一般訪客看不到） */
.threadlist li.media.thread .thread-checkbox{display:none;}

/* ---------- 響應式 ---------- */
@media (max-width:991.98px){
  .site-search{display:none!important;}
  .home-hero{padding:40px 20px;}
  .home-hero h1{font-size:2rem;}
  .site-footer .footer-top{grid-template-columns:1fr 1fr;}
  .site-footer .brand-col{grid-column:span 2;}
  .site-footer .footer-bottom{justify-content:center;text-align:center;}
  .site-footer .footer-legal{justify-content:center;}
  .threadlist li.media.thread{padding-right:5.2rem;}
  .threadlist li.media.thread::after{padding:.45rem .9rem;font-size:.8rem;right:.8rem;}
  .cat-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;}
  .hot-bento{grid-template-columns:repeat(2,1fr);}
  .hot-card.hot-big{grid-column:1/-1;flex-direction:row;}
  .adv-grid{grid-template-columns:repeat(2,1fr);}
  .stats-inner{flex-wrap:wrap;gap:20px;}
}

/* ---------- 廣告位 (AdSense) ---------- */
.ad-slot{
  background:#fff;
  border:1px solid #F0DFCF;
  border-radius:14px;
  padding:14px;
  margin:1rem 0;
  text-align:center;
  box-shadow:0 6px 18px rgba(226,81,8,.06);
  overflow:hidden;
}
.ad-slot .ad-slot-title{
  margin:0 0 10px;
  font-size:.9rem;
  font-weight:700;
  color:var(--orange-deep,#E25108);
  text-align:left;
  position:relative;
  padding-left:12px;
}
.ad-slot .ad-slot-title::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:14px;border-radius:2px;background:linear-gradient(135deg,#FF6A2C,#E25108);
}
.ad-slot ins{margin:0 auto;max-width:100%;}
.ad-leaderboard,.ad-responsive{display:flex;justify-content:center;}
@media (max-width:991.98px){
  .ad-slot{margin:.75rem 0;}
}