@charset "utf-8";
/*
---------------------------------------------------------
combine/combine-70345306.css
---------------------------------------------------------
00. /var/www/archibm/public/css/site/app/app-shell.css
01. /var/www/archibm/public/css/site/app/app-base.css
*/

/*
---------------------------------------------------------
00. /var/www/archibm/public/css/site/app/app-shell.css
---------------------------------------------------------
*/

/* ============================================================
   BIMTeki 新版網站：應用頁（plans／addons／downloads／my-applications／contact）共用的外殼微調
   ------------------------------------------------------------
   來源：Sara 115.09.17 v5 四個複刻頁 <style id="bt-app-css"> 的最後一段（四頁內容相同）。
   應用頁的內容卡片沿用正式站的 .inner（寬 92%，左右各 4%），不是設計頁的 5vw，
   所以 header 膠囊與公告列留白在窄螢幕跟著 4% 走，才會與下方卡片切齊。
   公告列其餘樣式在 shell.css。
   ============================================================ */

@media screen and (max-width:1024px){
  #app-homepage #header-inner{ width:92%; box-sizing:border-box; }
}
@media screen and (max-width:720px){
  .ann-bar{ --ann-gutter:4vw; }
  .ann-in{ padding-left:4vw; padding-right:4vw; }
  .ann-x{ right:calc(4vw - 8px); }
}


/*
---------------------------------------------------------
01. /var/www/archibm/public/css/site/app/app-base.css
---------------------------------------------------------
*/

/* ============================================================
   BIMTeki 新版網站：自套應用頁（沒有 Sara 設計稿：trial／faq／page/{slug}／錯誤頁）的共用基底
   ------------------------------------------------------------
   取自 Sara 115.09.17 複刻頁 bt-app-css 的共用段落（逐字）：
     1. .bt-app 的字型、正式站顏色變數、page header 斷點（複刻稿開頭）
     2. 115.09.15「複刻頁的顏色全部改成中性色」：改變數＋中性落影
     3. 外殼 header 是 fixed，內容區自己讓出上方空間
   各頁的內容區規則（{page}.css）以同樣方式從舊版頁面自動抽出（_docs/全站改版規格與計畫.md §10.6）。
   ============================================================ */
/* ===== 正式站內容區樣式（115.09.14 從 bim.arkiteki.com 存檔頁自動抽出）=====
   只收「內容區元素實際會套到」的規則，選擇器一律加 :where(.bt-app) 前綴（:where 不增加權重，與正式站原本的權重一致，
   才不會蓋掉 Font Awesome 之類其他樣式表的 class 規則），
   不影響 header／footer（那兩塊沿用首頁的中性化外殼）。
   ⚠️ .bt-app 上的 font／color 是正式站 body 繼承下來的值，外殼 body 的設定不同，所以要在這裡補回。
   ⚠️ 顏色變數在這裡重新宣告：外殼的 .neutral 覆寫只作用在 header／nav／footer，內容區要維持品牌紫。 */
.bt-app{font-family:"Noto Sans TC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", Helvetica, Arial;font-size:14px;line-height:1;color:var(--default-text-color);--theme-text-color:#7872E0;--theme-button-color:#7872E0;--light-text-color:#AAA5FF;--dark-button-color:#7872E0;--light-bg-color:#CAC7FF;--theme-bg-color:#7872E0;--mid-border-color:#958FFF;--default-title-color:#222222;--midtone2-button-color:#7872E0;--softer-bg-color:#F2F1FF;--soft-bg-color:#E4E3FF;--page-header-padding:50px;--page-header-fontsize:1.8em;--mid-text-color:#958FFF;--light-border-color:#CAC7FF;}
.bt-app{--light-border-color:var(--color-theme-300);--mid-border-color:var(--color-theme-500);--default-title-color:var(--color-black-500);--light-text-color:var(--color-theme-400);--mid-text-color:var(--color-theme-500);--theme-text-color:var(--color-theme-600);--softer-bg-color:var(--color-theme-100);--soft-bg-color:var(--color-theme-200);--light-bg-color:var(--color-theme-300);--theme-bg-color:var(--color-theme-600);--midtone2-button-color:var(--color-theme-600);--theme-button-color:var(--color-theme-600);--dark-button-color:var(--color-theme-600);--page-header-padding:90px;--page-header-fontsize:2.6em}
@media screen and (max-width: 1600px){
.bt-app{--page-header-padding:60px;--page-header-fontsize:2.2em}
}
@media screen and (max-width: 1440px){
.bt-app{--page-header-padding:50px;--page-header-fontsize:1.8em}
}
@media screen and (max-width: 1024px){
.bt-app{--page-header-padding:40px;--page-header-fontsize:1.5em}
}
@media screen and (max-width: 640px){
.bt-app{--page-header-padding:30px;--page-header-fontsize:1.5em}
}
/* 外殼（快速上手頁）有 h1,h2,h3{letter-spacing:.05em}、p{letter-spacing:.05em}，正式站沒有，會漏進內容區把字撐寬 */
.bt-app{letter-spacing:normal;}
:where(.bt-app) h1,:where(.bt-app) h2,:where(.bt-app) h3,:where(.bt-app) p{letter-spacing:normal;}

/* ═══ 115.09.15 Sara：「複刻頁的顏色全部改成中性色，與首頁調性一致」═══
   這幾頁是從正式站複刻的，內容區當初刻意維持正式站的品牌紫（外殼的中性化只作用在 header／footer），
   所以整頁讀起來跟首頁是兩套。
   ⚠️ 做法是**改變數**不是逐條改規則：這些頁的內容區全靠下面這組變數上色，
      逐條改會漏掉 hover／focus／selected 這些沒被掃描抓到的狀態（實測掃描只看得到靜態那一層）。
   ⚠️ 依首頁的規則「紫只留在要按下去或要看過去的點」：
      --theme-button-color／--dark-button-color／--midtone2-button-color **保持紫**（實心主鈕＝主要動作），
      其餘文字、標題、框線、淡底一律轉灰。
   ⚠️ 灰階沿用首頁那組：#222 主要文字、#333 強調、#888 輔助、#E4E4E4 線、#F2F2F5 淡底。 */
.bt-app{
  --theme-text-color:#333333;
  --theme-title-color:#222222;
  --theme-border-color:#E4E4E4;
  --mid-border-color:#E4E4E4;
  --light-text-color:#888888;
  --soft-bg-color:#F2F2F5;
  --light-bg-color:#E4E4E4;
}
/* 正式站的陰影是帶紫的（rgba(122,115,255,…)），在灰階版面上會透出一層紫霧；換成中性深紫黑，
   與首頁卡片的 rgba(33,29,58,…) 同一組。 */
:where(.bt-app) .box-shadow-md{ box-shadow:0 4px 10px rgba(33,29,58,.10); }
:where(.bt-app) .box-shadow-soft{ box-shadow:3px 3px 10px rgba(33,29,58,.12); }
:where(.bt-app) .box-shadow-lg{ box-shadow:0 10px 30px rgba(33,29,58,.12); }

/* 正式站的 header 在文件流裡（桌機 100px、≤1024 為 80px），外殼的 header 是 fixed，內容區要自己讓出這段 */
.bt-app:not(.bt-app-layer){padding-top:100px;}
@media (max-width:1024px){.bt-app:not(.bt-app-layer){padding-top:80px;}}