/* V2.31 首頁區塊邊界強化：讓各主選項與其細項有明確層級、邊界與留白 */
.home-section-shell{
  position:relative;
  background:#fff;
  border:1px solid #ddcee7;
  border-radius:22px;
  box-shadow:0 12px 34px rgba(57,26,78,.09);
  overflow:hidden;
}
.home-section-shell:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#4b1f73,#7f46af,#c7a8db);
  z-index:2;
}
.home-section-heading{
  margin:0!important;
  padding:25px 28px 20px;
  border-bottom:1px solid #e8ddef;
  background:linear-gradient(180deg,#fbf8fd 0%,#fff 100%);
}
.home-section-heading h2{margin-top:4px}
.home-section-heading p{margin:7px 0 0;color:#786b80;line-height:1.65}
.home-section-body{padding:22px 24px 26px}

/* 常用專區本身已有卡片，再加深卡片邊界與互動感 */
.shell-access .feature-card{
  border:1px solid #d9c8e5;
  box-shadow:0 5px 16px rgba(57,26,78,.06);
  background:linear-gradient(145deg,#fff,#fcf9fd);
}
.shell-access .feature-card:hover{
  border-color:#9f76ba;
  box-shadow:0 10px 24px rgba(57,26,78,.12);
}

/* 首頁細項：每筆資料改成獨立資訊卡，避免彼此黏在一起 */
.home-section-shell .full-content-feed{gap:16px}
.home-section-shell .full-content-item{
  position:relative;
  margin:0;
  padding:0;
  border:1px solid #ded0e7;
  border-radius:16px;
  box-shadow:0 5px 16px rgba(55,25,76,.055);
  overflow:hidden;
  background:#fff;
}
.home-section-shell .full-content-item:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:#7750a0;
}
.home-section-shell .full-content-head{
  padding:18px 20px 16px 23px;
  border-bottom:1px solid #eadff0;
  background:#fbf8fd;
}
.home-section-shell .full-content-head h3{margin-top:8px}
.home-section-shell .full-content-text-grid{
  margin-top:0;
  padding:18px 20px 20px 23px;
  background:#fff;
}
.home-section-shell .full-content-summary p{
  border:1px solid #eadff0;
  border-left:4px solid #9d75b8;
  background:#fbf8fd;
}
.home-section-shell .full-content-body{
  border-left:1px solid #dfd1e7;
}
.home-section-shell .full-content-images{
  margin:0 20px 20px 23px;
  padding-top:18px;
  border-top:1px solid #eee5f2;
}
.home-section-shell .full-content-attachments{
  margin:0;
  padding:18px 20px 20px 23px;
  border-top:1px solid #e8ddef;
  background:#fcfafd;
}
.home-section-shell .full-content-attachment{
  border-color:#dcccc7;
  background:#fff;
  box-shadow:0 2px 8px rgba(57,26,78,.035);
}

/* 不同首頁區塊用細微色階區分，但仍維持紫色系 */
.shell-latest:before{background:linear-gradient(90deg,#51247a,#8c61aa)}
.shell-important:before{background:linear-gradient(90deg,#6f2f85,#ad6b9c)}
.shell-activities:before{background:linear-gradient(90deg,#573084,#8754ad)}
.shell-downloads:before{background:linear-gradient(90deg,#7a4a97,#b18ac6)}
.shell-access:before{background:linear-gradient(90deg,#3f1a61,#75449b)}
.shell-important .full-content-item:before{background:#8f4c8a}
.shell-activities .full-content-item:before{background:#6d43a0}
.shell-downloads .full-content-item:before{background:#9b73af}

/* 最新資料已是條列式，再加外框內距即可，避免雙重邊界太重 */
.shell-latest .latest-outline-list{
  box-shadow:none;
  border-color:#d9c8e5;
}
.shell-latest .latest-outline-item{background:#fff}
.shell-latest .latest-outline-item:nth-child(even){background:#fdfbfd}

/* 雙欄兩個主區塊各自有完整框線，不再像漂浮文字 */
.home-dual-shells{align-items:start}
.home-dual-shells .home-section-shell{height:100%}

/* 空白狀態也有明確邊界 */
.home-section-shell .empty-state{
  margin:0;
  padding:30px 24px;
  border:1px dashed #cbb7d7;
  background:#faf7fc;
  border-radius:14px;
}

@media(max-width:900px){
  .home-section-heading{padding:22px 22px 17px}
  .home-section-body{padding:18px}
  .home-section-shell .full-content-head{padding:16px 17px 14px 20px}
  .home-section-shell .full-content-text-grid{padding:16px 17px 18px 20px}
  .home-section-shell .full-content-images{margin:0 17px 18px 20px}
  .home-section-shell .full-content-attachments{padding:16px 17px 18px 20px}
}
@media(max-width:760px){
  .home-section-shell{border-radius:17px}
  .home-section-heading{padding:20px 18px 15px}
  .home-section-body{padding:15px}
  .home-section-shell .full-content-body{border-left:0}
  .home-section-shell .full-content-item:before{width:4px}
}

/* V2.32 首頁淺色分區：以不同淡色背景強化主區塊與細項辨識 */
/* 最新資料：淡紫 */
.shell-latest{
  background:linear-gradient(180deg,#fbf8ff 0%,#f8f4fd 100%);
  border-color:#d8c9e6;
}
.shell-latest .home-section-heading{background:linear-gradient(180deg,#f1e9fa 0%,#f9f5fd 100%)}
.shell-latest .home-section-body{background:#fbf9fe}
.shell-latest .latest-outline-item{background:#ffffff}
.shell-latest .latest-outline-item:nth-child(even){background:#f6f0fb}

/* 常用專區：淡藍紫 */
.shell-access{
  background:linear-gradient(180deg,#f7f9ff 0%,#f4f6fd 100%);
  border-color:#ccd6ea;
}
.shell-access .home-section-heading{background:linear-gradient(180deg,#edf2fb 0%,#f8faff 100%)}
.shell-access .home-section-body{background:#f8faff}
.shell-access .feature-card:nth-child(6n+1),
.shell-access .feature-card:nth-child(6n+4){background:linear-gradient(145deg,#ffffff,#f4f7ff)}
.shell-access .feature-card:nth-child(6n+2),
.shell-access .feature-card:nth-child(6n+5){background:linear-gradient(145deg,#ffffff,#f8f5ff)}
.shell-access .feature-card:nth-child(6n+3),
.shell-access .feature-card:nth-child(6n+6){background:linear-gradient(145deg,#ffffff,#f4fbfb)}

/* 重要公告：淡粉紫 */
.shell-important{
  background:linear-gradient(180deg,#fff8fb 0%,#fff5f9 100%);
  border-color:#e6cbd8;
}
.shell-important .home-section-heading{background:linear-gradient(180deg,#faeaf2 0%,#fff7fa 100%)}
.shell-important .home-section-body{background:#fff9fb}
.shell-important .full-content-item{background:#fffdfd;border-color:#ead4df}
.shell-important .full-content-head{background:#fff3f7;border-bottom-color:#ecd8e1}
.shell-important .full-content-text-grid{background:#fffdfd}
.shell-important .full-content-summary p{background:#fff6f9;border-color:#ecd8e1;border-left-color:#b76b91}
.shell-important .full-content-attachments{background:#fff7fa;border-top-color:#eddbe3}

/* 近期活動：淡綠藍 */
.shell-activities{
  background:linear-gradient(180deg,#f5fbfa 0%,#f1f8f7 100%);
  border-color:#c9dfdb;
}
.shell-activities .home-section-heading{background:linear-gradient(180deg,#e8f5f2 0%,#f6fbfa 100%)}
.shell-activities .home-section-body{background:#f7fcfb}
.shell-activities .full-content-item{background:#ffffff;border-color:#cfe2df}
.shell-activities .full-content-head{background:#eef8f6;border-bottom-color:#d7e7e4}
.shell-activities .full-content-text-grid{background:#ffffff}
.shell-activities .full-content-summary p{background:#f3faf8;border-color:#d7e7e4;border-left-color:#6da39b}
.shell-activities .full-content-attachments{background:#f3faf8;border-top-color:#d8e8e5}

/* 快速下載：淡米黃 */
.shell-downloads{
  background:linear-gradient(180deg,#fffaf1 0%,#fff7ea 100%);
  border-color:#e7d6b8;
}
.shell-downloads .home-section-heading{background:linear-gradient(180deg,#f9eedb 0%,#fff9ef 100%)}
.shell-downloads .home-section-body{background:#fffbf4}
.shell-downloads .full-content-item{background:#fffefa;border-color:#eadabd}
.shell-downloads .full-content-head{background:#fff6e6;border-bottom-color:#ecdfc8}
.shell-downloads .full-content-text-grid{background:#fffefa}
.shell-downloads .full-content-summary p{background:#fff8ea;border-color:#ecdfc8;border-left-color:#b9955f}
.shell-downloads .full-content-attachments{background:#fff8ea;border-top-color:#ecdfc8}

/* 雙欄區塊保持各自淡色，不因父層背景而混色 */
.home-dual-shells .shell-activities,
.home-dual-shells .shell-downloads{background-clip:padding-box}

@media(max-width:760px){
  .shell-latest,.shell-access,.shell-important,.shell-activities,.shell-downloads{
    box-shadow:0 8px 22px rgba(54,29,72,.07);
  }
}