/* COGO30 學員端「溫暖手帳」風格（2026-10-11）
   只作用在 html.theme-journal（學員畫面）；班導／管理畫面不套用。 */
html.theme-journal{
  --bg:#F5EFE3; --card:#FFFDF8; --border:#E6DCC8; --text:#2E2A24; --muted:#6B6255;
  --journal-ink:#2E2A24; --journal-green:#3F5D45; --journal-stamp:#A23B2A;
  --journal-hand:'LXGW WenKai TC','Noto Serif TC',serif; --journal-serif:'Noto Serif TC','Noto Sans TC',serif;
}
html.theme-journal body{background:#F5EFE3;color:#2E2A24;font-family:var(--journal-serif)}
html.theme-journal .card{background:#FFFDF8;border:1px solid #E6DCC8;box-shadow:0 2px 0 #E0D5C0;border-radius:14px}

/* 標題區：紙頁 */
html.theme-journal .hero.student-hero{background:#FFFDF8;color:#2E2A24;border:1px solid #E6DCC8;box-shadow:0 2px 0 #E0D5C0;position:relative}
html.theme-journal .hero.student-hero h1{font-family:var(--journal-hand);font-weight:700;color:#2E2A24;font-size:clamp(26px,7vw,40px);line-height:1.2}
html.theme-journal .hero.student-hero p{opacity:1;color:#4A4338;font-size:15px}
html.theme-journal .hero.student-hero::before{content:'';position:absolute;top:-10px;left:28px;width:92px;height:20px;background:#E8C9A0;opacity:.85;transform:rotate(-3deg);border-radius:2px}

/* 分頁：筆記本索引籤 */
html.theme-journal .student-tabs{background:#F5EFE3;gap:6px;padding-bottom:0;border-bottom:2px solid #E6DCC8}
html.theme-journal .student-tab{font-family:var(--journal-hand);font-size:15px;font-weight:400;background:#E6DCC8;color:#4A4338;border:0;border-radius:10px 10px 0 0;padding:10px 14px 11px}
html.theme-journal .student-tab.active{background:#FFFDF8;color:#2E2A24;font-weight:700;border:0;box-shadow:0 -2px 0 var(--journal-green) inset}

/* 數字卡 */
html.theme-journal .dashboard-stats .card{text-align:center;padding:14px 10px}
html.theme-journal .stat{font-family:var(--journal-hand);font-weight:700;font-size:26px;color:#2E2A24}

/* 收合區標題 */
html.theme-journal .compact-section summary{font-family:var(--journal-hand);font-size:17px;font-weight:700;color:var(--journal-green)}
html.theme-journal .page-heading h2{font-family:var(--journal-hand)}

/* 任務：便條＋紙膠帶 */
html.theme-journal .task{border-top:1px dashed #CFC3AC;position:relative}
html.theme-journal .task-title{font-family:var(--journal-hand);font-size:19px;font-weight:700;line-height:1.4;color:#2E2A24}
html.theme-journal .task .muted{color:#3A352D;line-height:1.85}
html.theme-journal .task input[type=checkbox]{accent-color:var(--journal-green);width:24px;height:24px}
html.theme-journal .pill{background:#F1EADB;color:#4A4338;font-weight:500}
html.theme-journal .pill.done{background:transparent;color:var(--journal-stamp);border:2px solid var(--journal-stamp);font-family:var(--journal-hand);font-weight:700;transform:rotate(-8deg);padding:3px 10px}

/* 作業：橫線筆記紙 */
html.theme-journal .submission{background:#FBF6EC;border:1px solid #E6DCC8;border-radius:8px}
html.theme-journal .submission > strong{font-family:var(--journal-hand);font-size:16px}
html.theme-journal .submission textarea{font-family:var(--journal-hand);font-size:17px;line-height:32px;border:0;border-radius:0;padding:0 4px;background-color:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#D9CDB6 31px,#D9CDB6 32px);min-height:128px}
html.theme-journal .submission input:not([type=file]){border:0;border-bottom:1px dashed #B9AB90;border-radius:0;background:transparent;padding:8px 2px}
html.theme-journal .upload-label{background:#FFFDF8;color:#2E2A24;border:1px solid #B9AB90;border-radius:8px;font-family:var(--journal-hand);font-weight:400;min-height:44px}

/* AI：三張便利貼 */
html.theme-journal .ai-learning-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html.theme-journal .ai-learning-actions button{font-family:var(--journal-hand);font-size:15px;line-height:1.35;min-height:64px;border:0;border-radius:2px;color:#3A352D;padding:8px}
html.theme-journal .ai-learning-actions button:nth-child(1){background:#FCE9A8;transform:rotate(-1.5deg);box-shadow:0 2px 0 #E2CC7E}
html.theme-journal .ai-learning-actions button:nth-child(2){background:#D6E9D8;transform:rotate(1deg);box-shadow:0 2px 0 #B5CFB8}
html.theme-journal .ai-learning-actions button:nth-child(3){background:#F6D8CF;transform:rotate(-.5deg);box-shadow:0 2px 0 #DDB7AC}

/* 公告 */
html.theme-journal .course-announcement{background:#FCE9A8;border:0;border-radius:2px;box-shadow:0 2px 0 #E2CC7E}

/* 2026-10-11 第二輪：分類色條改淡色小圓點；我的成績 2×2；英數字配色 */
html.theme-journal .task-type-dynamic{border-left:0;background:transparent;padding-left:0}
html.theme-journal .task-type-dynamic .task-title::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--task-color,#94a3b8);margin-right:8px;vertical-align:middle;position:relative;top:-2px}
html.theme-journal .dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html.theme-journal .dashboard-stats .card{margin:0}

/* 2026-10-11 第三輪：每週任務清單（行事曆分頁） */
html.theme-journal .agenda-week summary strong{font-family:var(--journal-hand);font-size:17px;color:var(--journal-green)}
html.theme-journal .agenda-list{border-top:1px dashed #CFC3AC}
html.theme-journal .agenda-row{border-bottom:1px dashed #E0D5C0}
html.theme-journal .agenda-row.is-today{background:#FBF6EC}
html.theme-journal .agenda-date strong{font-family:var(--journal-hand);font-size:16px}
html.theme-journal .agenda-title{font-family:var(--journal-hand);font-size:16px;font-weight:700;color:#2E2A24}
html.theme-journal .agenda-status{background:#F1EADB;color:#4A4338;font-weight:500}
html.theme-journal .agenda-status.done{background:transparent;color:var(--journal-stamp);border:1.5px solid var(--journal-stamp);font-family:var(--journal-hand);font-weight:700;transform:rotate(-6deg)}
html.theme-journal .agenda-status.today{background:#FCE9A8;color:#5C4A12}
html.theme-journal .agenda-status.missed{background:#F6D8CF;color:#7A2E21}

/* 2026-10-11 AI 批改回饋：手帳風格 */
html.theme-journal .ai-review-box{background:#FFFDF8;border:1px solid #E6DCC8;border-radius:14px;box-shadow:0 2px 0 #E0D5C0}
html.theme-journal .ai-review-box>summary{font-family:'LXGW WenKai TC',serif;font-size:17px;color:#2E2A24}
html.theme-journal .ai-review-item{border-top:1px dashed #E0D5C0}
html.theme-journal .ai-review-meta{color:#6B6255}
html.theme-journal .ai-review-text{color:#2E2A24;background-image:repeating-linear-gradient(transparent 0 26px,#EFE6D4 26px 27px);line-height:27px}