/* 2026-10-11 學員端可選風格 v2（Nick：不要只換顏色，要像素、科幻、森林、貓咪這種不同世界觀）。
   「原本」＝不套主題；「溫暖手帳」沿用 cogo-theme-journal.css；其餘 18 種：共用元件規則＋各自的字型、邊框、陰影、紋理與裝飾（全部 CSS／內嵌 SVG，無外部圖片、無既有角色）。
   只改外觀，不改版面與功能；班導／管理模式不套用。 */
html.cogo-theme{--t-font:"Noto Sans TC",sans-serif;--t-head:var(--t-font);--t-radius:16px;--t-input:#fff;--t-hero-text:#fff;--t-shadow:none;--t-bw:1px}
html.cogo-theme body{background:var(--t-bg);color:var(--t-text);font-family:var(--t-font)}
html.cogo-theme h1,html.cogo-theme h2,html.cogo-theme h3,html.cogo-theme .task-title,html.cogo-theme .page-heading h2,html.cogo-theme .ai-review-box>summary,html.cogo-theme .submission>strong{font-family:var(--t-head);color:inherit}
html.cogo-theme .topbar{background:var(--t-card);border-bottom-color:var(--t-border);color:var(--t-text)}
html.cogo-theme .logo{background:var(--t-accent);color:var(--t-accent-text)}
html.cogo-theme .card,html.cogo-theme .submission,html.cogo-theme .ai-review-box,html.cogo-theme .public-work,html.cogo-theme .whiteboard,html.cogo-theme .teacher-feedback{background:var(--t-card);border:var(--t-bw) solid var(--t-border);color:var(--t-text);border-radius:var(--t-radius);box-shadow:var(--t-shadow)}
html.cogo-theme .hero.student-hero{background:var(--t-hero);color:var(--t-hero-text);border:var(--t-bw) solid var(--t-border)}
html.cogo-theme .hero.student-hero p{color:var(--t-hero-text);opacity:.92}
html.cogo-theme .student-tabs{background:var(--t-bg)}
html.cogo-theme .student-tab{background:var(--t-card);color:var(--t-muted);border:var(--t-bw) solid var(--t-border);border-radius:calc(var(--t-radius) - 4px);font-family:var(--t-head)}
html.cogo-theme .student-tab.active{background:var(--t-accent);color:var(--t-accent-text);border-color:var(--t-accent)}
html.cogo-theme .btn.primary{background:var(--t-accent);color:var(--t-accent-text)}
html.cogo-theme .btn.ghost,html.cogo-theme .upload-label{background:var(--t-card);color:var(--t-text);border-color:var(--t-border)}
html.cogo-theme .muted,html.cogo-theme .task .muted,html.cogo-theme .course-lock-note,html.cogo-theme th{color:var(--t-muted)}
html.cogo-theme .pill,html.cogo-theme .category-chip,html.cogo-theme .type-pill{background:var(--t-soft);color:var(--t-text)}
html.cogo-theme .pill.done{background:var(--t-done-bg);color:var(--t-done-text)}
html.cogo-theme input,html.cogo-theme textarea,html.cogo-theme select{background:var(--t-input);color:var(--t-text);border-color:var(--t-border)}
html.cogo-theme .task,html.cogo-theme th,html.cogo-theme td,html.cogo-theme .ai-review-item,html.cogo-theme .agenda-row{border-color:var(--t-border)}
html.cogo-theme .task input[type=checkbox]{accent-color:var(--t-accent)}
html.cogo-theme .course-announcement,html.cogo-theme .notice{background:var(--t-soft);border-color:var(--t-border);border-left-color:var(--t-accent);color:var(--t-text)}
html.cogo-theme .ai-learning-actions button{background:var(--t-soft);color:var(--t-text);border:var(--t-bw) solid var(--t-border);border-radius:calc(var(--t-radius) - 4px);font-family:var(--t-head)}
html.cogo-theme .agenda-row{background:var(--t-card);color:var(--t-text)}
html.cogo-theme .agenda-row.is-today{background:var(--t-soft)}
html.cogo-theme .agenda-status{background:var(--t-soft);color:var(--t-text)}
html.cogo-theme .agenda-status.done{background:var(--t-done-bg);color:var(--t-done-text)}
html.cogo-theme .stat,html.cogo-theme .ai-review-text{color:var(--t-text)}
html.cogo-theme .task-type-dynamic{border-left-color:transparent}

/* ── 像素遊戲 ── */
html[data-cogo-theme=pixel]{--t-bg:#FFF3D6;--t-card:#FFFFFF;--t-text:#1B1B2F;--t-muted:#4A4A63;--t-border:#1B1B2F;--t-accent:#E4572E;--t-accent-text:#FFFFFF;--t-soft:#FFE8A3;--t-hero:#3A86FF;--t-done-bg:#2EC4B6;--t-done-text:#1B1B2F;--t-radius:0px;--t-bw:3px;--t-shadow:4px 4px 0 #1B1B2F;--t-font:"DotGothic16","Noto Sans TC",monospace;--t-head:"DotGothic16","Noto Sans TC",monospace}
html[data-cogo-theme=pixel] body{background:#FFF3D6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%23000' opacity='.035'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23000' opacity='.035'/%3E%3C/svg%3E")}
html[data-cogo-theme=pixel] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='40' viewBox='0 0 24 10' shape-rendering='crispEdges'%3E%3Cg fill='%23FFFFFF'%3E%3Crect x='6' y='2' width='6' height='2'/%3E%3Crect x='4' y='4' width='12' height='2'/%3E%3Crect x='2' y='6' width='18' height='2'/%3E%3Crect x='14' y='3' width='4' height='3'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 18px bottom 10px,#3A86FF;box-shadow:4px 4px 0 #1B1B2F;image-rendering:pixelated;padding-bottom:52px}
html[data-cogo-theme=pixel] .hero.student-hero h1{text-shadow:3px 3px 0 #1B1B2F;letter-spacing:1px}
html[data-cogo-theme=pixel] .hero.student-hero::after{content:"";position:absolute;left:18px;bottom:-14px;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cg fill='%23FFD23F'%3E%3Crect x='3' y='1' width='4' height='8'/%3E%3Crect x='2' y='2' width='6' height='6'/%3E%3Crect x='1' y='3' width='8' height='4'/%3E%3C/g%3E%3Crect x='4' y='3' width='2' height='4' fill='%23E0A100'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-cogo-theme=pixel] .student-tab,html[data-cogo-theme=pixel] .ai-learning-actions button,html[data-cogo-theme=pixel] .pill{box-shadow:3px 3px 0 #1B1B2F;border:2px solid #1B1B2F}
html[data-cogo-theme=pixel] .student-tab.active{transform:translate(2px,2px);box-shadow:1px 1px 0 #1B1B2F}
html[data-cogo-theme=pixel] .ai-learning-actions button:nth-child(1){background:#FFD23F}
html[data-cogo-theme=pixel] .ai-learning-actions button:nth-child(2){background:#9BF6FF}
html[data-cogo-theme=pixel] .ai-learning-actions button:nth-child(3){background:#FFADAD}
html[data-cogo-theme=pixel] .task input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:3px solid #1B1B2F;background:#fff;border-radius:0}
html[data-cogo-theme=pixel] .task input[type=checkbox]:checked{background:#2EC4B6;box-shadow:inset 0 0 0 3px #fff}
html[data-cogo-theme=pixel] .course-announcement{border:3px solid #1B1B2F;border-radius:0;box-shadow:4px 4px 0 #1B1B2F;background:#FFE8A3}
html[data-cogo-theme=pixel] textarea,html[data-cogo-theme=pixel] input{border:2px solid #1B1B2F;border-radius:0}

/* ── 科幻太空 ── */
html[data-cogo-theme=scifi]{--t-bg:#05070F;--t-card:rgba(10,18,38,.88);--t-text:#DDE7FF;--t-muted:#8FA3CC;--t-border:#1F6F8B;--t-accent:#2DE2E6;--t-accent-text:#05070F;--t-soft:rgba(45,226,230,.10);--t-hero:linear-gradient(120deg,#0B1530,#1A0B30);--t-done-bg:#FF3CAC;--t-done-text:#05070F;--t-radius:0px;--t-input:#060B18;--t-head:"Orbitron","Noto Sans TC",sans-serif;--t-shadow:0 0 14px rgba(45,226,230,.18)}
html[data-cogo-theme=scifi] body{background:radial-gradient(ellipse at 70% -10%,rgba(255,60,172,.22),transparent 55%),linear-gradient(rgba(45,226,230,.07) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(45,226,230,.07) 1px,transparent 1px) 0 0/28px 28px,#05070F;background-attachment:fixed}
html[data-cogo-theme=scifi] .card:not(.hero),html[data-cogo-theme=scifi] .submission,html[data-cogo-theme=scifi] .ai-review-box{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
html[data-cogo-theme=scifi] .hero.student-hero{padding-bottom:40px;border-color:#2DE2E6;box-shadow:0 0 22px rgba(45,226,230,.35),inset 0 0 40px rgba(255,60,172,.12);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),linear-gradient(120deg,#0B1530,#1A0B30)}
html[data-cogo-theme=scifi] .hero.student-hero h1{color:#FFFFFF;text-shadow:0 0 10px rgba(45,226,230,.8)}
html[data-cogo-theme=scifi] .hero.student-hero::after{content:"MISSION // ACTIVE";position:absolute;left:16px;bottom:10px;padding:1px 8px;font:700 10px/16px "Orbitron",monospace;letter-spacing:2px;color:#05070F;background:#2DE2E6}
html[data-cogo-theme=scifi] .student-tab{text-transform:uppercase;letter-spacing:1px}
html[data-cogo-theme=scifi] .student-tab.active{box-shadow:0 0 14px rgba(45,226,230,.6)}
html[data-cogo-theme=scifi] .task-title{color:#FFFFFF}
html[data-cogo-theme=scifi] .pill.done{box-shadow:0 0 10px rgba(255,60,172,.6)}
html[data-cogo-theme=scifi] .ai-learning-actions button{border-color:#2DE2E6;color:#2DE2E6;background:transparent}
html[data-cogo-theme=scifi] .ai-review-stale{background:#2A2312;color:#F6D77B}

/* ── 森林小屋 ── */
html[data-cogo-theme=woods]{--t-bg:#ECE6CF;--t-card:#FBF8EE;--t-text:#2F2A1E;--t-muted:#6A604B;--t-border:#CDBB92;--t-accent:#4E7A3A;--t-accent-text:#FFFFFF;--t-soft:#E7EED9;--t-hero:#7A4E2A;--t-hero-text:#FFF7E3;--t-done-bg:#4E7A3A;--t-done-text:#FFFFFF;--t-radius:14px;--t-head:"LXGW WenKai TC","Noto Sans TC",serif}
html[data-cogo-theme=woods] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%238FAE7A' opacity='.18'%3E%3Cpath d='M20 30 q14 -18 30 0 q-16 16 -30 0z'/%3E%3Cpath d='M80 85 q14 -18 30 0 q-16 16 -30 0z'/%3E%3Cpath d='M70 20 q8 -12 18 0 q-10 10 -18 0z'/%3E%3Cpath d='M15 95 q8 -12 18 0 q-10 10 -18 0z'/%3E%3C/g%3E%3C/svg%3E"),#ECE6CF}
html[data-cogo-theme=woods] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='70' viewBox='0 0 120 70'%3E%3Cg fill='%232F5A2E'%3E%3Cpath d='M30 4 L50 40 H40 L56 66 H4 L20 40 H10 Z'/%3E%3Cpath d='M84 14 L100 42 H92 L106 66 H62 L76 42 H68 Z' fill='%233E7040'/%3E%3C/g%3E%3Crect x='27' y='62' width='6' height='8' fill='%235B3A21'/%3E%3Crect x='81' y='62' width='6' height='8' fill='%235B3A21'/%3E%3C/svg%3E") no-repeat right 10px bottom 0/110px auto,repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 2px,transparent 2px 18px),linear-gradient(180deg,#8A5A31,#6E4524);border:3px solid #5B3A21;padding-bottom:28px}
html[data-cogo-theme=woods] .card,html[data-cogo-theme=woods] .submission{border-top:5px solid #6B8E4E}
html[data-cogo-theme=woods] .student-tab{background:#D9C49A;color:#4B3620;border-color:#B89B6A}
html[data-cogo-theme=woods] .student-tab.active{background:#5B3A21;color:#FFF7E3;border-color:#5B3A21}
html[data-cogo-theme=woods] .ai-learning-actions button{background:#E7EED9;border-color:#B5C79D}
html[data-cogo-theme=woods] .course-announcement{background:#F3E7C4;border-left:6px solid #8A5A31}

/* ── 貓咪 ── */
html[data-cogo-theme=cat]{--t-bg:#FFF6EE;--t-card:#FFFFFF;--t-text:#4A3428;--t-muted:#86685A;--t-border:#F1D9C4;--t-accent:#D9692E;--t-accent-text:#FFFFFF;--t-soft:#FFEBDD;--t-hero:#FFD8B5;--t-hero-text:#4A3428;--t-done-bg:#D9692E;--t-done-text:#FFFFFF;--t-radius:24px;--t-bw:2px;--t-head:"LXGW WenKai TC","Noto Sans TC",sans-serif}
html[data-cogo-theme=cat] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23F3D5BD' opacity='.55'%3E%3Cellipse cx='22' cy='30' rx='7' ry='6'/%3E%3Ccircle cx='13' cy='21' r='3'/%3E%3Ccircle cx='19' cy='16' r='3'/%3E%3Ccircle cx='26' cy='16' r='3'/%3E%3Ccircle cx='32' cy='21' r='3'/%3E%3Cellipse cx='60' cy='66' rx='7' ry='6'/%3E%3Ccircle cx='51' cy='57' r='3'/%3E%3Ccircle cx='57' cy='52' r='3'/%3E%3Ccircle cx='64' cy='52' r='3'/%3E%3Ccircle cx='70' cy='57' r='3'/%3E%3C/g%3E%3C/svg%3E"),#FFF6EE}
html[data-cogo-theme=cat] .hero.student-hero{margin-top:30px;border-color:#E7B48C;overflow:visible;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='46' viewBox='0 0 70 46'%3E%3Cg fill='none' stroke='%238A5A3C' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M16 18 q4 -5 8 0'/%3E%3Cpath d='M46 18 q4 -5 8 0'/%3E%3Cpath d='M30 27 q5 5 10 0'/%3E%3Cpath d='M3 24 h12 M4 30 h11 M55 24 h12 M55 30 h11'/%3E%3C/g%3E%3Cpath d='M33 22 h4 l-2 3 z' fill='%23E98A7E'/%3E%3C/svg%3E") no-repeat right 22px bottom 14px,#FFD8B5;padding-bottom:58px}
html[data-cogo-theme=cat] .hero.student-hero::before{content:"";position:absolute;left:0;right:0;top:-40px;height:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='44' viewBox='0 0 300 44'%3E%3Cpath d='M18 44 L40 2 L70 44 Z' fill='%23FFD8B5' stroke='%23E7B48C' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M33 40 L42 16 L56 40 Z' fill='%23F7A8A0'/%3E%3Cpath d='M230 44 L260 2 L282 44 Z' fill='%23FFD8B5' stroke='%23E7B48C' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M244 40 L258 16 L267 40 Z' fill='%23F7A8A0'/%3E%3C/svg%3E") no-repeat center/100% 100%;pointer-events:none}
html[data-cogo-theme=cat] .student-tab.active{padding-left:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='%23FFFFFF'%3E%3Cellipse cx='8' cy='10.5' rx='3.6' ry='3'/%3E%3Ccircle cx='3.3' cy='6.5' r='1.6'/%3E%3Ccircle cx='6.2' cy='3.6' r='1.6'/%3E%3Ccircle cx='9.8' cy='3.6' r='1.6'/%3E%3Ccircle cx='12.7' cy='6.5' r='1.6'/%3E%3C/g%3E%3C/svg%3E") no-repeat 12px center/16px,#D9692E}
html[data-cogo-theme=cat] .pill.done{padding-left:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='%23FFFFFF'%3E%3Cellipse cx='8' cy='10.5' rx='3.6' ry='3'/%3E%3Ccircle cx='3.3' cy='6.5' r='1.6'/%3E%3Ccircle cx='6.2' cy='3.6' r='1.6'/%3E%3Ccircle cx='9.8' cy='3.6' r='1.6'/%3E%3Ccircle cx='12.7' cy='6.5' r='1.6'/%3E%3C/g%3E%3C/svg%3E") no-repeat 7px center/12px,#D9692E}
html[data-cogo-theme=cat] .ai-learning-actions button{border-radius:999px}
html[data-cogo-theme=cat] .task input[type=checkbox]{accent-color:#D9692E}

/* ── 海底世界 ── */
html[data-cogo-theme=sea]{--t-bg:#BFE8FA;--t-card:rgba(255,255,255,.9);--t-text:#0B2E40;--t-muted:#3F6577;--t-border:#A9DDF2;--t-accent:#0A6E9E;--t-accent-text:#FFFFFF;--t-soft:#E1F5FD;--t-hero:#0A4F7A;--t-done-bg:#0A6E9E;--t-done-text:#FFFFFF;--t-radius:22px}
html[data-cogo-theme=sea] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='160' viewBox='0 0 140 160'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='2' opacity='.55'%3E%3Ccircle cx='20' cy='30' r='6'/%3E%3Ccircle cx='30' cy='50' r='3'/%3E%3Ccircle cx='110' cy='100' r='9'/%3E%3Ccircle cx='96' cy='126' r='4'/%3E%3Ccircle cx='70' cy='20' r='3'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#E8F7FF 0%,#BFE8FA 40%,#7CCBEF 100%);background-attachment:fixed}
html[data-cogo-theme=sea] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='30' viewBox='0 0 400 30' preserveAspectRatio='none'%3E%3Cpath d='M0 15 Q50 0 100 15 T200 15 T300 15 T400 15 V30 H0Z' fill='%235BB8E8' opacity='.7'/%3E%3Cpath d='M0 22 Q50 8 100 22 T200 22 T300 22 T400 22 V30 H0Z' fill='%23E8F7FF'/%3E%3C/svg%3E") no-repeat left bottom/100% 30px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='34' viewBox='0 0 60 34'%3E%3Cpath d='M6 17 Q22 2 40 17 Q22 32 6 17Z' fill='%23FFB347'/%3E%3Cpath d='M40 17 L56 6 V28Z' fill='%23FF8C42'/%3E%3Ccircle cx='15' cy='14' r='2.2' fill='%230B2E40'/%3E%3C/svg%3E") no-repeat right 70px bottom 34px/42px,linear-gradient(180deg,#0A4F7A,#0E79AE);padding-bottom:46px;overflow:hidden;border:0}
html[data-cogo-theme=sea] .card{backdrop-filter:blur(2px)}
html[data-cogo-theme=sea] .student-tab{border-radius:999px}
html[data-cogo-theme=sea] .ai-learning-actions button{border-radius:999px;background:#E1F5FD}

/* ── 黑板粉筆 ── */
html[data-cogo-theme=chalk]{--t-bg:#2E3A32;--t-card:#35443A;--t-text:#F2F2E9;--t-muted:#C3CBC1;--t-border:rgba(242,242,233,.38);--t-accent:#F6E27A;--t-accent-text:#2E3A32;--t-soft:rgba(242,242,233,.10);--t-hero:#2A352E;--t-done-bg:#F6E27A;--t-done-text:#2E3A32;--t-radius:6px;--t-input:#2A352E;--t-bw:2px;--t-font:"LXGW WenKai TC","Noto Sans TC",sans-serif;--t-head:"LXGW WenKai TC","Noto Sans TC",sans-serif}
html[data-cogo-theme=chalk] body{background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.06),transparent 60%),#2E3A32}
html[data-cogo-theme=chalk] .card,html[data-cogo-theme=chalk] .submission,html[data-cogo-theme=chalk] .ai-review-box{border-style:dashed}
html[data-cogo-theme=chalk] .hero.student-hero{border:10px solid #8B5E34;border-radius:6px;box-shadow:inset 0 0 30px rgba(0,0,0,.35)}
html[data-cogo-theme=chalk] .hero.student-hero h1{text-shadow:0 0 1px rgba(255,255,255,.6),1px 1px 0 rgba(255,255,255,.15)}
html[data-cogo-theme=chalk] .task-title{color:#FFFFFF}
html[data-cogo-theme=chalk] .ai-learning-actions button:nth-child(1){color:#F6E27A}
html[data-cogo-theme=chalk] .ai-learning-actions button:nth-child(2){color:#9EE6C9}
html[data-cogo-theme=chalk] .ai-learning-actions button:nth-child(3){color:#F7B2B7}
html[data-cogo-theme=chalk] .ai-review-stale{background:#4A4429;color:#F6E27A}
html[data-cogo-theme=chalk] textarea{background-image:repeating-linear-gradient(transparent 0 26px,rgba(242,242,233,.15) 26px 27px);line-height:27px}

/* ── 和風 ── */
html[data-cogo-theme=wafu]{--t-bg:#F4EFE4;--t-card:#FFFCF5;--t-text:#2B2B2B;--t-muted:#5E5A50;--t-border:#D3C4A5;--t-accent:#B23A3A;--t-accent-text:#FFFFFF;--t-soft:#F1E7D3;--t-hero:#22396B;--t-done-bg:#B23A3A;--t-done-text:#FFFFFF;--t-radius:4px;--t-font:"Noto Serif TC",serif;--t-head:"Noto Serif TC",serif}
html[data-cogo-theme=wafu] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cg fill='none' stroke='%23B9A57E' stroke-width='1.2' opacity='.18'%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Ccircle cx='20' cy='20' r='12'/%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Ccircle cx='0' cy='20' r='18'/%3E%3Ccircle cx='40' cy='20' r='18'/%3E%3Ccircle cx='0' cy='0' r='18'/%3E%3Ccircle cx='40' cy='0' r='18'/%3E%3C/g%3E%3C/svg%3E"),#F4EFE4}
html[data-cogo-theme=wafu] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.2' opacity='.18'%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Ccircle cx='20' cy='20' r='12'/%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Ccircle cx='0' cy='20' r='18'/%3E%3Ccircle cx='40' cy='20' r='18'/%3E%3Ccircle cx='0' cy='0' r='18'/%3E%3Ccircle cx='40' cy='0' r='18'/%3E%3C/g%3E%3C/svg%3E"),#22396B;border:0;border-bottom:6px solid #B23A3A}
html[data-cogo-theme=wafu] .hero.student-hero h1{letter-spacing:3px}
html[data-cogo-theme=wafu] .student-tab{border-radius:0;border-width:0 0 3px;background:transparent;color:#5E5A50}
html[data-cogo-theme=wafu] .student-tab.active{background:#22396B;color:#fff;border-color:#B23A3A}
html[data-cogo-theme=wafu] .card{border-top:3px solid #22396B}
html[data-cogo-theme=wafu] .pill.done{border-radius:50%;width:auto;padding:5px 10px}

/* ── 復古報紙 ── */
html[data-cogo-theme=newspaper]{--t-bg:#F3EFE6;--t-card:#FBF9F3;--t-text:#1A1A1A;--t-muted:#55514A;--t-border:#CFC8B8;--t-accent:#1A1A1A;--t-accent-text:#F3EFE6;--t-soft:#ECE6D8;--t-hero:#FBF9F3;--t-hero-text:#1A1A1A;--t-done-bg:#8A1C12;--t-done-text:#FFFFFF;--t-radius:2px;--t-font:"Noto Serif TC",serif;--t-head:"Noto Serif TC",serif}
html[data-cogo-theme=newspaper] .hero.student-hero{border:0;border-top:4px double #1A1A1A;border-bottom:4px double #1A1A1A;border-radius:0;text-align:left}
html[data-cogo-theme=newspaper] .hero.student-hero::after{content:"COGO30 DAILY · 每日任務特刊";position:absolute;left:16px;top:-2px;transform:translateY(-100%);font:700 11px/18px "Noto Serif TC",serif;letter-spacing:3px}
html[data-cogo-theme=newspaper] .hero.student-hero{margin-top:22px}
html[data-cogo-theme=newspaper] .hero.student-hero h1{font-weight:900;letter-spacing:1px}
html[data-cogo-theme=newspaper] .task-title{border-bottom:1px solid #1A1A1A;padding-bottom:4px}
html[data-cogo-theme=newspaper] .card{box-shadow:none;border-color:#1A1A1A}

/* ════ 2026-10-11 第二批 10 種風格（Nick：10 種太少，再加 10 種） ════ */

/* ── 甜點糖果 ── */
html[data-cogo-theme=candy]{--t-bg:#FFF0F5;--t-card:#FFFFFF;--t-text:#5A2A3C;--t-muted:#946677;--t-border:#FFC9DA;--t-accent:#E8467A;--t-accent-text:#FFFFFF;--t-soft:#FFE1EC;--t-hero:#FF8FB1;--t-hero-text:#5A2A3C;--t-done-bg:#E8467A;--t-done-text:#FFFFFF;--t-radius:24px;--t-bw:2px;--t-shadow:0 4px 0 #FFC9DA}
html[data-cogo-theme=candy] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg opacity='.55'%3E%3Crect x='45' y='23' width='9' height='3' rx='1.5' fill='%23FF5C8A' transform='rotate(101 51 13)'/%3E%3Crect x='13' y='72' width='9' height='3' rx='1.5' fill='%237FD1FF' transform='rotate(24 33 47)'/%3E%3Crect x='11' y='68' width='9' height='3' rx='1.5' fill='%23FFD23F' transform='rotate(54 12 15)'/%3E%3Crect x='59' y='57' width='9' height='3' rx='1.5' fill='%238BE38B' transform='rotate(17 25 15)'/%3E%3Crect x='74' y='58' width='9' height='3' rx='1.5' fill='%23C59BFF' transform='rotate(15 62 46)'/%3E%3Crect x='19' y='32' width='9' height='3' rx='1.5' fill='%23FF9F68' transform='rotate(161 50 47)'/%3E%3Crect x='11' y='54' width='9' height='3' rx='1.5' fill='%23FF5C8A' transform='rotate(12 24 12)'/%3E%3Crect x='21' y='41' width='9' height='3' rx='1.5' fill='%237FD1FF' transform='rotate(107 19 44)'/%3E%3C/g%3E%3C/svg%3E"),#FFF0F5}
html[data-cogo-theme=candy] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='46' viewBox='0 0 400 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0H400V14C396 14 394.0 14 393.0 30Q387.0 38 381.0 30C380.0 14 378 14 374 14C370 14 364.0 14 363.0 18Q357.0 26 351.0 18C350.0 14 344 14 340 14C336 14 336.0 14 335.0 38Q329.0 46 323.0 38C322.0 14 322 14 318 14C314 14 305.0 14 304.0 22Q298.0 30 292.0 22C291.0 14 282 14 278 14C274 14 271.0 14 270.0 32Q264.0 40 258.0 32C257.0 14 254 14 250 14C246 14 239.0 14 238.0 16Q232.0 24 226.0 16C225.0 14 218 14 214 14C210 14 206.0 14 205.0 34Q199.0 42 193.0 34C192.0 14 188 14 184 14C180 14 170.0 14 169.0 20Q163.0 28 157.0 20C156.0 14 146 14 142 14C138 14 136.0 14 135.0 28Q129.0 36 123.0 28C122.0 14 120 14 116 14C112 14 105.0 14 104.0 24Q98.0 32 92.0 24C91.0 14 84 14 80 14C76 14 72.0 14 71.0 36Q65.0 44 59.0 36C58.0 14 54 14 50 14C46 14 42.0 14 41.0 18Q35.0 26 29.0 18C28.0 14 24 14 20 14C16 14 17.0 14 16.0 26Q10.0 34 4.0 26C3.0 14 4 14 0 14Z' fill='%23FFF6E9'/%3E%3C/svg%3E") no-repeat top/100% 46px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M22 22 Q24 8 34 4' stroke='%233E7D3A' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='30' r='11' fill='%23E8264F'/%3E%3Ccircle cx='16' cy='26' r='3' fill='%23FFFFFF' opacity='.7'/%3E%3C/svg%3E") no-repeat right 18px bottom 12px/40px,linear-gradient(180deg,#FFB3C9,#FF8FB1);border:0;padding-top:44px}
html[data-cogo-theme=candy] .student-tab{border-radius:999px}
html[data-cogo-theme=candy] .student-tab.active{background:repeating-linear-gradient(-45deg,#E8467A 0 8px,#F0628F 8px 16px)}
html[data-cogo-theme=candy] .ai-learning-actions button{border-radius:999px}
html[data-cogo-theme=candy] .ai-learning-actions button:nth-child(1){background:#FFE1EC}
html[data-cogo-theme=candy] .ai-learning-actions button:nth-child(2){background:#E0F4FF}
html[data-cogo-theme=candy] .ai-learning-actions button:nth-child(3){background:#FFF4CC}
html[data-cogo-theme=candy] .course-announcement{border:2px dashed #FF9FBF;border-radius:18px;background:#FFF8FB}
html[data-cogo-theme=candy] .theme-picker-btn{background:#FFFFFF;border-color:#E8467A;color:#E8467A}

/* ── 恐龍叢林 ── */
html[data-cogo-theme=dino]{--t-bg:#EAF3D9;--t-card:#FFFDF4;--t-text:#24361C;--t-muted:#5C6E50;--t-border:#B9D193;--t-accent:#D9701A;--t-accent-text:#FFFFFF;--t-soft:#DDEBC4;--t-hero:#4F8236;--t-done-bg:#D9701A;--t-done-text:#FFFFFF;--t-radius:18px;--t-bw:2px}
html[data-cogo-theme=dino] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='%236E9A43' opacity='.16'%3E%3Cpath d='M18 110 Q30 70 62 40 Q40 76 24 112Z'/%3E%3Cpath d='M30 86 l-14 -6 l16 -2Z M38 72 l-14 -8 l17 0Z M47 60 l-12 -10 l16 2Z'/%3E%3Cpath d='M96 30 q16 -14 28 0 q-14 12 -28 0z'/%3E%3Cpath d='M84 104 q12 -10 22 0 q-11 9 -22 0z'/%3E%3C/g%3E%3C/svg%3E"),#EAF3D9}
html[data-cogo-theme=dino] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='76' viewBox='0 0 130 76'%3E%3Cg fill='%2324451A'%3E%3Cellipse cx='60' cy='46' rx='31' ry='17'/%3E%3Cpath d='M80 40 Q93 30 97 12 Q98 5 106 5 Q115 6 113 12 Q106 14 104 18 Q99 38 88 50Z'/%3E%3Cpath d='M32 44 Q10 46 0 62 Q18 54 34 54Z'/%3E%3Crect x='40' y='54' width='8' height='18' rx='3'/%3E%3Crect x='52' y='56' width='8' height='16' rx='3'/%3E%3Crect x='68' y='56' width='8' height='16' rx='3'/%3E%3Crect x='79' y='54' width='8' height='18' rx='3'/%3E%3C/g%3E%3Ccircle cx='107' cy='9' r='1.4' fill='%23EAF3D9'/%3E%3Cg fill='%233F6B2A'%3E%3Ccircle cx='50' cy='38' r='3'/%3E%3Ccircle cx='64' cy='34' r='3'/%3E%3Ccircle cx='74' cy='42' r='2.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 14px bottom 6px/112px auto,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cpath d='M10 60 L48 14 H70 L110 60Z' fill='%232F5622' opacity='.55'/%3E%3Cpath d='M48 14 Q52 22 58 16 Q63 24 70 14Z' fill='%23E07A1F' opacity='.9'/%3E%3Cg fill='%23FFFFFF' opacity='.35'%3E%3Ccircle cx='56' cy='6' r='5'/%3E%3Ccircle cx='66' cy='3' r='3.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 120px bottom 0/96px auto,linear-gradient(180deg,#6FA14E,#3F6B2A);border:3px solid #2F5622;padding-bottom:56px}
html[data-cogo-theme=dino] .hero.student-hero h1{text-shadow:2px 2px 0 rgba(0,0,0,.25)}
html[data-cogo-theme=dino] .student-tab{background:#F6F0D8;border-color:#B9D193;color:#4A5A3E}
html[data-cogo-theme=dino] .student-tab.active{padding-left:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='%23FFFFFF'%3E%3Cellipse cx='8' cy='11' rx='4' ry='3.4'/%3E%3Cellipse cx='3.4' cy='5' rx='1.6' ry='2.6' transform='rotate(-20 3.4 5)'/%3E%3Cellipse cx='8' cy='3.4' rx='1.6' ry='2.8'/%3E%3Cellipse cx='12.6' cy='5' rx='1.6' ry='2.6' transform='rotate(20 12.6 5)'/%3E%3C/g%3E%3C/svg%3E") no-repeat 11px center/15px,#D9701A;border-color:#D9701A}
html[data-cogo-theme=dino] .card{border-bottom:5px solid #8DB560}
html[data-cogo-theme=dino] .pill.done{padding-left:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='%23FFFFFF'%3E%3Cellipse cx='8' cy='11' rx='4' ry='3.4'/%3E%3Cellipse cx='3.4' cy='5' rx='1.6' ry='2.6' transform='rotate(-20 3.4 5)'/%3E%3Cellipse cx='8' cy='3.4' rx='1.6' ry='2.8'/%3E%3Cellipse cx='12.6' cy='5' rx='1.6' ry='2.6' transform='rotate(20 12.6 5)'/%3E%3C/g%3E%3C/svg%3E") no-repeat 7px center/12px,#D9701A}
html[data-cogo-theme=dino] .course-announcement{background:#FFF5DE;border-left:6px solid #D9701A}

/* ── 80s 霓虹 ── */
html[data-cogo-theme=neon]{--t-bg:#1A0B2E;--t-card:rgba(38,16,66,.92);--t-text:#F8E9FF;--t-muted:#C6A8E4;--t-border:rgba(255,46,151,.55);--t-accent:#FF2E97;--t-accent-text:#FFFFFF;--t-soft:rgba(255,46,151,.13);--t-hero:#2A0E4A;--t-done-bg:#00F0FF;--t-done-text:#1A0B2E;--t-radius:12px;--t-input:#14082A;--t-head:"Orbitron","Noto Sans TC",sans-serif;--t-shadow:0 0 16px rgba(255,46,151,.22)}
html[data-cogo-theme=neon] body{background:radial-gradient(ellipse at 50% 0,rgba(123,47,247,.35),transparent 60%),#1A0B2E;background-attachment:fixed}
html[data-cogo-theme=neon] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE45C'/%3E%3Cstop offset='.55' stop-color='%23FF8A3D'/%3E%3Cstop offset='1' stop-color='%23FF2E97'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' fill='url(%23g)'/%3E%3Crect x='0' y='56' width='100' height='3' fill='%233B0F5C'/%3E%3Crect x='0' y='66' width='100' height='4' fill='%233B0F5C'/%3E%3Crect x='0' y='76' width='100' height='5' fill='%233B0F5C'/%3E%3Crect x='0' y='86' width='100' height='7' fill='%233B0F5C'/%3E%3C/svg%3E") no-repeat right 22px bottom 50px/88px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='60' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Crect width='400' height='60' fill='%231A0B2E'/%3E%3Cg stroke='%23FF2E97' stroke-width='1.4' opacity='.85'%3E%3Cline x1='-40' y1='0' x2='-820' y2='60'/%3E%3Cline x1='0' y1='0' x2='-650' y2='60'/%3E%3Cline x1='40' y1='0' x2='-480' y2='60'/%3E%3Cline x1='80' y1='0' x2='-310' y2='60'/%3E%3Cline x1='120' y1='0' x2='-140' y2='60'/%3E%3Cline x1='160' y1='0' x2='30' y2='60'/%3E%3Cline x1='200' y1='0' x2='200' y2='60'/%3E%3Cline x1='240' y1='0' x2='370' y2='60'/%3E%3Cline x1='280' y1='0' x2='540' y2='60'/%3E%3Cline x1='320' y1='0' x2='710' y2='60'/%3E%3Cline x1='360' y1='0' x2='880' y2='60'/%3E%3Cline x1='400' y1='0' x2='1050' y2='60'/%3E%3Cline x1='440' y1='0' x2='1220' y2='60'/%3E%3Cline x1='0' y1='4' x2='400' y2='4'/%3E%3Cline x1='0' y1='10' x2='400' y2='10'/%3E%3Cline x1='0' y1='18' x2='400' y2='18'/%3E%3Cline x1='0' y1='29' x2='400' y2='29'/%3E%3Cline x1='0' y1='43' x2='400' y2='43'/%3E%3Cline x1='0' y1='59' x2='400' y2='59'/%3E%3C/g%3E%3Crect width='400' height='2' fill='%2300F0FF'/%3E%3C/svg%3E") no-repeat left bottom/100% 60px,linear-gradient(180deg,#2A0E4A 0%,#5B1A7A 50%,#B0257E 100%);border:2px solid #FF2E97;box-shadow:0 0 22px rgba(255,46,151,.45);padding-bottom:70px;overflow:hidden}
html[data-cogo-theme=neon] .hero.student-hero h1{color:#FFFFFF;text-shadow:0 0 6px #FF2E97,0 0 16px #FF2E97}
html[data-cogo-theme=neon] .student-tab{border-color:rgba(0,240,255,.45);color:#9EF7FF;background:transparent}
html[data-cogo-theme=neon] .student-tab.active{background:#FF2E97;color:#fff;border-color:#FF2E97;box-shadow:0 0 14px rgba(255,46,151,.75)}
html[data-cogo-theme=neon] .task-title{color:#FFFFFF;text-shadow:0 0 8px rgba(0,240,255,.45)}
html[data-cogo-theme=neon] .pill.done{box-shadow:0 0 10px rgba(0,240,255,.7)}
html[data-cogo-theme=neon] .ai-learning-actions button{background:transparent;border-color:#00F0FF;color:#9EF7FF}
html[data-cogo-theme=neon] .ai-review-stale{background:#3A2140;color:#FFD3F0}
html[data-cogo-theme=neon] .theme-picker-btn{color:#9EF7FF;border-color:#00F0FF}

/* ── 漫畫格子 ── */
html[data-cogo-theme=comic]{--t-bg:#FFF9DB;--t-card:#FFFFFF;--t-text:#111111;--t-muted:#3D3D3D;--t-border:#111111;--t-accent:#E62E2D;--t-accent-text:#FFFFFF;--t-soft:#FFF0A8;--t-hero:#FFD60A;--t-hero-text:#111111;--t-done-bg:#1E6BFF;--t-done-text:#FFFFFF;--t-radius:4px;--t-bw:3px;--t-shadow:5px 5px 0 #111111}
html[data-cogo-theme=comic] body{background:radial-gradient(circle,rgba(230,46,45,.16) 22%,transparent 24%) 0 0/12px 12px,#FFF9DB}
html[data-cogo-theme=comic] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='80' viewBox='0 0 120 80'%3E%3Cg stroke='%23111111' stroke-width='2' opacity='.18' stroke-linecap='round'%3E%3Cline x1='120' y1='10' x2='70' y2='14'/%3E%3Cline x1='120' y1='26' x2='84' y2='28'/%3E%3Cline x1='120' y1='42' x2='62' y2='42'/%3E%3Cline x1='120' y1='58' x2='80' y2='56'/%3E%3Cline x1='120' y1='72' x2='92' y2='70'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 0 center/auto 100%,radial-gradient(circle,rgba(255,255,255,.55) 24%,transparent 26%) 0 0/9px 9px,#FFD60A;overflow:visible;margin-bottom:26px;padding-bottom:30px;transform:rotate(-.6deg)}
html[data-cogo-theme=comic] .hero.student-hero h1{font-weight:900;font-style:italic;letter-spacing:1px;text-shadow:2px 2px 0 #FFFFFF}
html[data-cogo-theme=comic] .hero.student-hero::after{content:"加油！";position:absolute;right:16px;bottom:-26px;width:96px;height:70px;display:grid;place-items:center;font:900 16px/1 "Noto Sans TC",sans-serif;color:#E62E2D;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='70' viewBox='0 0 96 70'%3E%3Cpath d='M48 2 L56 18 L74 6 L70 24 L94 22 L78 36 L94 50 L70 48 L74 66 L56 54 L48 68 L40 54 L22 66 L26 48 L2 50 L18 36 L2 22 L26 24 L22 6 L40 18Z' fill='%23FFFFFF' stroke='%23111111' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;transform:rotate(8deg)}
html[data-cogo-theme=comic] .student-tab{font-weight:900;box-shadow:3px 3px 0 #111}
html[data-cogo-theme=comic] .student-tab.active{transform:rotate(-2deg)}
html[data-cogo-theme=comic] .ai-learning-actions button{border:3px solid #111;box-shadow:3px 3px 0 #111;font-weight:800}
html[data-cogo-theme=comic] .ai-learning-actions button:nth-child(1){background:#FFD60A}
html[data-cogo-theme=comic] .ai-learning-actions button:nth-child(2){background:#7FDBFF}
html[data-cogo-theme=comic] .ai-learning-actions button:nth-child(3){background:#FF9CC2}
html[data-cogo-theme=comic] .course-announcement{border:3px solid #111;border-radius:18px;box-shadow:4px 4px 0 #111;background:#fff}
html[data-cogo-theme=comic] .task-title{font-weight:900}
html[data-cogo-theme=comic] textarea,html[data-cogo-theme=comic] input{border:2px solid #111}
html[data-cogo-theme=comic] .theme-picker-btn{background:#fff;border:2px solid #111;box-shadow:2px 2px 0 #111;border-radius:4px}

/* ── 冬日雪景 ── */
html[data-cogo-theme=snow]{--t-bg:#EEF6FC;--t-card:#FFFFFF;--t-text:#1E3A55;--t-muted:#5B7790;--t-border:#CFE3F1;--t-accent:#2F7FC1;--t-accent-text:#FFFFFF;--t-soft:#E3F0FA;--t-hero:#1F4E79;--t-done-bg:#2F7FC1;--t-done-text:#FFFFFF;--t-radius:18px;--t-shadow:0 6px 18px rgba(47,127,193,.10)}
html[data-cogo-theme=snow] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg stroke='%239CC7E6' stroke-width='1.2' stroke-linecap='round' opacity='0.9'%3E%3Cline x1='24' y1='23' x2='24' y2='37' transform='rotate(0 24 30)'/%3E%3Cline x1='24' y1='23' x2='24' y2='37' transform='rotate(60 24 30)'/%3E%3Cline x1='24' y1='23' x2='24' y2='37' transform='rotate(120 24 30)'/%3E%3C/g%3E%3Cg stroke='%239CC7E6' stroke-width='1.7' stroke-linecap='round' opacity='0.7'%3E%3Cline x1='100' y1='80' x2='100' y2='100' transform='rotate(0 100 90)'/%3E%3Cline x1='100' y1='80' x2='100' y2='100' transform='rotate(60 100 90)'/%3E%3Cline x1='100' y1='80' x2='100' y2='100' transform='rotate(120 100 90)'/%3E%3C/g%3E%3Cg stroke='%239CC7E6' stroke-width='1.0' stroke-linecap='round' opacity='0.8'%3E%3Cline x1='70' y1='119' x2='70' y2='129' transform='rotate(0 70 124)'/%3E%3Cline x1='70' y1='119' x2='70' y2='129' transform='rotate(60 70 124)'/%3E%3Cline x1='70' y1='119' x2='70' y2='129' transform='rotate(120 70 124)'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#E3F0FA,#F8FBFE);background-attachment:fixed}
html[data-cogo-theme=snow] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='44' viewBox='0 0 400 44' preserveAspectRatio='none'%3E%3Cpath d='M0 24 Q60 0 130 18 T260 14 T400 20 V44 H0Z' fill='%23DCEBF7'/%3E%3Cpath d='M0 32 Q80 14 170 30 T400 28 V44 H0Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat left bottom/100% 44px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='80' viewBox='0 0 120 80'%3E%3Cg stroke='%23FFFFFF' stroke-width='1.0' stroke-linecap='round' opacity='0.8'%3E%3Cline x1='20' y1='10' x2='20' y2='22' transform='rotate(0 20 16)'/%3E%3Cline x1='20' y1='10' x2='20' y2='22' transform='rotate(60 20 16)'/%3E%3Cline x1='20' y1='10' x2='20' y2='22' transform='rotate(120 20 16)'/%3E%3C/g%3E%3Cg stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' opacity='0.9'%3E%3Cline x1='84' y1='13' x2='84' y2='31' transform='rotate(0 84 22)'/%3E%3Cline x1='84' y1='13' x2='84' y2='31' transform='rotate(60 84 22)'/%3E%3Cline x1='84' y1='13' x2='84' y2='31' transform='rotate(120 84 22)'/%3E%3C/g%3E%3Cg stroke='%23FFFFFF' stroke-width='1.0' stroke-linecap='round' opacity='0.6'%3E%3Cline x1='58' y1='46' x2='58' y2='54' transform='rotate(0 58 50)'/%3E%3Cline x1='58' y1='46' x2='58' y2='54' transform='rotate(60 58 50)'/%3E%3Cline x1='58' y1='46' x2='58' y2='54' transform='rotate(120 58 50)'/%3E%3C/g%3E%3Cg stroke='%23FFFFFF' stroke-width='1.0' stroke-linecap='round' opacity='0.7'%3E%3Cline x1='108' y1='51' x2='108' y2='61' transform='rotate(0 108 56)'/%3E%3Cline x1='108' y1='51' x2='108' y2='61' transform='rotate(60 108 56)'/%3E%3Cline x1='108' y1='51' x2='108' y2='61' transform='rotate(120 108 56)'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 16px top 52px/110px,linear-gradient(180deg,#163D63,#2D6A9F);border:0;padding-bottom:52px;overflow:hidden}
html[data-cogo-theme=snow] .card{border-top:4px solid #FFFFFF;box-shadow:0 -2px 0 #DCEBF7 inset,0 6px 18px rgba(47,127,193,.10)}
html[data-cogo-theme=snow] .student-tab{border-radius:999px;background:#FFFFFF}
html[data-cogo-theme=snow] .student-tab.active{padding-left:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg stroke='%23FFFFFF' stroke-width='1.1' stroke-linecap='round' opacity='1'%3E%3Cline x1='8' y1='1.5' x2='8' y2='14.5' transform='rotate(0 8 8)'/%3E%3Cline x1='8' y1='1.5' x2='8' y2='14.5' transform='rotate(60 8 8)'/%3E%3Cline x1='8' y1='1.5' x2='8' y2='14.5' transform='rotate(120 8 8)'/%3E%3C/g%3E%3C/svg%3E") no-repeat 12px center/14px,#2F7FC1}
html[data-cogo-theme=snow] .ai-learning-actions button{border-radius:999px;background:#F2F8FD}
html[data-cogo-theme=snow] .course-announcement{background:#F2F8FD;border-left:6px solid #7FB7E3}

/* ── 熱帶海灘 ── */
html[data-cogo-theme=beach]{--t-bg:#FFF4DC;--t-card:#FFFFFF;--t-text:#3B2F1E;--t-muted:#7A6A52;--t-border:#F0DDB2;--t-accent:#0E9AA7;--t-accent-text:#FFFFFF;--t-soft:#E0F5F3;--t-hero:#2E9FD6;--t-done-bg:#FF7A59;--t-done-text:#FFFFFF;--t-radius:20px;--t-bw:2px}
html[data-cogo-theme=beach] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='4' cy='6' r='1' fill='%23D9B97A' opacity='.35'/%3E%3Ccircle cx='16' cy='18' r='1' fill='%23D9B97A' opacity='.3'/%3E%3C/svg%3E"),#FFF4DC}
html[data-cogo-theme=beach] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='110' viewBox='0 0 90 110'%3E%3Cpath d='M50 110 Q46 70 56 34' stroke='%237A4E2A' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3Cg fill='%231F8A4C'%3E%3Cpath d='M56 34 Q30 18 8 30 Q30 26 56 38Z'/%3E%3Cpath d='M56 34 Q40 8 18 6 Q40 18 54 38Z'/%3E%3Cpath d='M56 34 Q70 6 88 10 Q70 18 58 38Z'/%3E%3Cpath d='M56 34 Q82 26 90 44 Q76 34 58 38Z'/%3E%3Cpath d='M56 34 Q50 40 40 56 Q52 44 60 38Z'/%3E%3C/g%3E%3Cg fill='%236B3F1F'%3E%3Ccircle cx='52' cy='38' r='3.5'/%3E%3Ccircle cx='59' cy='39' r='3.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 8px bottom 6px/78px auto,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='14' fill='%23FFE066'/%3E%3Cg stroke='%23FFE066' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='30' y1='4' x2='30' y2='10'/%3E%3Cline x1='30' y1='50' x2='30' y2='56'/%3E%3Cline x1='4' y1='30' x2='10' y2='30'/%3E%3Cline x1='50' y1='30' x2='56' y2='30'/%3E%3Cline x1='12' y1='12' x2='16' y2='16'/%3E%3Cline x1='44' y1='44' x2='48' y2='48'/%3E%3Cline x1='12' y1='48' x2='16' y2='44'/%3E%3Cline x1='44' y1='16' x2='48' y2='12'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 92px top 46px/46px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='48' viewBox='0 0 400 48' preserveAspectRatio='none'%3E%3Cpath d='M0 6 Q50 0 100 6 T200 6 T300 6 T400 6 V48 H0Z' fill='%231BA3B8'/%3E%3Cpath d='M0 26 Q60 16 130 24 T260 22 T400 24 V48 H0Z' fill='%23FFFFFF' opacity='.85'/%3E%3Cpath d='M0 32 Q70 24 150 30 T300 28 T400 30 V48 H0Z' fill='%23F6DFA8'/%3E%3C/svg%3E") no-repeat left bottom/100% 48px,linear-gradient(180deg,#4FB6E6,#2E9FD6 70%);border:0;padding-bottom:58px;overflow:hidden}
html[data-cogo-theme=beach] .hero.student-hero h1{text-shadow:0 2px 0 rgba(0,0,0,.18)}
html[data-cogo-theme=beach] .student-tab{border-radius:999px;background:#FFFDF6}
html[data-cogo-theme=beach] .student-tab.active{background:#0E9AA7;border-color:#0E9AA7}
html[data-cogo-theme=beach] .card{border-bottom:4px solid #9EDCD6}
html[data-cogo-theme=beach] .ai-learning-actions button:nth-child(1){background:#E0F5F3}
html[data-cogo-theme=beach] .ai-learning-actions button:nth-child(2){background:#FFE7D9}
html[data-cogo-theme=beach] .ai-learning-actions button:nth-child(3){background:#FFF2B8}
html[data-cogo-theme=beach] .course-announcement{background:#FFFBEF;border-left:6px solid #FF7A59}

/* ── 運動球場 ── */
html[data-cogo-theme=sports]{--t-bg:#EEF3EC;--t-card:#FFFFFF;--t-text:#14261A;--t-muted:#4F6355;--t-border:#CAD8CC;--t-accent:#17803A;--t-accent-text:#FFFFFF;--t-soft:#E1EEE3;--t-hero:#1E8C45;--t-done-bg:#F2C200;--t-done-text:#14261A;--t-radius:10px;--t-bw:2px}
html[data-cogo-theme=sports] body{background:repeating-linear-gradient(90deg,rgba(23,128,58,.035) 0 40px,transparent 40px 80px),#EEF3EC}
html[data-cogo-theme=sports] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='160' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='2.5' opacity='.55'%3E%3Crect x='6' y='6' width='388' height='148'/%3E%3Cline x1='300' y1='6' x2='300' y2='154'/%3E%3Ccircle cx='300' cy='80' r='34'/%3E%3Crect x='6' y='44' width='46' height='72'/%3E%3C/g%3E%3Ccircle cx='300' cy='80' r='3' fill='%23FFFFFF' opacity='.6'/%3E%3C/svg%3E") no-repeat center/100% 100%,repeating-linear-gradient(90deg,#1E8C45 0 36px,#249B4F 36px 72px);border:0;border-bottom:6px solid #F2C200;padding-bottom:44px}
html[data-cogo-theme=sports] .hero.student-hero h1{font-weight:900;font-style:italic;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
html[data-cogo-theme=sports] .hero.student-hero::after{content:"DAY ▸ GO!";position:absolute;left:16px;bottom:12px;padding:2px 10px;font:900 12px/18px "Noto Sans TC",sans-serif;letter-spacing:2px;color:#F2C200;background:#14261A;border-radius:4px}
html[data-cogo-theme=sports] .student-tab{font-weight:800;background:#FFFFFF}
html[data-cogo-theme=sports] .student-tab.active{background:linear-gradient(90deg,transparent 0 12px,#fff 12px 15px,transparent 15px 19px,#fff 19px 22px,transparent 22px),#17803A;padding-left:30px}
html[data-cogo-theme=sports] .card{border-left:6px solid #17803A}
html[data-cogo-theme=sports] .pill.done{padding-left:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23FFFFFF' stroke='%2314261A' stroke-width='1'/%3E%3Cpath d='M8 4.5 L11 6.6 L9.9 10 H6.1 L5 6.6Z' fill='%2314261A'/%3E%3C/svg%3E") no-repeat 6px center/13px,#F2C200}
html[data-cogo-theme=sports] .course-announcement{background:#14261A;color:#FFFFFF;border-left:6px solid #F2C200}
html[data-cogo-theme=sports] .course-announcement strong{color:#F2C200}

/* ── 水彩花園 ── */
html[data-cogo-theme=garden]{--t-bg:#FBF8F3;--t-card:rgba(255,255,255,.88);--t-text:#3E3A4F;--t-muted:#77708A;--t-border:#E9DEF2;--t-accent:#8A63BE;--t-accent-text:#FFFFFF;--t-soft:#F3ECFA;--t-hero:#F7EEF6;--t-hero-text:#3E3A4F;--t-done-bg:#6FAE82;--t-done-text:#FFFFFF;--t-radius:22px;--t-head:"LXGW WenKai TC","Noto Sans TC",sans-serif}
html[data-cogo-theme=garden] body{background:radial-gradient(circle at 12% 18%,rgba(244,156,184,.22),transparent 32%),radial-gradient(circle at 88% 42%,rgba(183,156,232,.22),transparent 34%),radial-gradient(circle at 30% 86%,rgba(123,179,138,.20),transparent 34%),#FBF8F3;background-attachment:fixed}
html[data-cogo-theme=garden] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='90' viewBox='0 0 150 90'%3E%3Cg fill='%237BB38A' opacity='.7'%3E%3Cpath d='M40 90 Q42 64 38 48' stroke='%237BB38A' stroke-width='2.5' fill='none'/%3E%3Cpath d='M40 70 q-16 -10 -22 2 q12 6 22 -2z'/%3E%3Cpath d='M104 90 Q106 70 112 58' stroke='%237BB38A' stroke-width='2.5' fill='none'/%3E%3Cpath d='M108 74 q14 -12 22 0 q-12 8 -22 0z'/%3E%3C/g%3E%3Ccircle cx='38' cy='29' r='8.2' fill='%23F49CB8' opacity='.75' transform='rotate(0 38 40)'/%3E%3Ccircle cx='38' cy='29' r='8.2' fill='%23F49CB8' opacity='.75' transform='rotate(72 38 40)'/%3E%3Ccircle cx='38' cy='29' r='8.2' fill='%23F49CB8' opacity='.75' transform='rotate(144 38 40)'/%3E%3Ccircle cx='38' cy='29' r='8.2' fill='%23F49CB8' opacity='.75' transform='rotate(216 38 40)'/%3E%3Ccircle cx='38' cy='29' r='8.2' fill='%23F49CB8' opacity='.75' transform='rotate(288 38 40)'/%3E%3Ccircle cx='38' cy='40' r='5.5' fill='%23F7C948'/%3E%3Ccircle cx='112' cy='43' r='6.8' fill='%23B79CE8' opacity='.75' transform='rotate(0 112 52)'/%3E%3Ccircle cx='112' cy='43' r='6.8' fill='%23B79CE8' opacity='.75' transform='rotate(72 112 52)'/%3E%3Ccircle cx='112' cy='43' r='6.8' fill='%23B79CE8' opacity='.75' transform='rotate(144 112 52)'/%3E%3Ccircle cx='112' cy='43' r='6.8' fill='%23B79CE8' opacity='.75' transform='rotate(216 112 52)'/%3E%3Ccircle cx='112' cy='43' r='6.8' fill='%23B79CE8' opacity='.75' transform='rotate(288 112 52)'/%3E%3Ccircle cx='112' cy='52' r='4.5' fill='%23F7C948'/%3E%3Ccircle cx='76' cy='21' r='5.2' fill='%23F7A986' opacity='.75' transform='rotate(0 76 28)'/%3E%3Ccircle cx='76' cy='21' r='5.2' fill='%23F7A986' opacity='.75' transform='rotate(72 76 28)'/%3E%3Ccircle cx='76' cy='21' r='5.2' fill='%23F7A986' opacity='.75' transform='rotate(144 76 28)'/%3E%3Ccircle cx='76' cy='21' r='5.2' fill='%23F7A986' opacity='.75' transform='rotate(216 76 28)'/%3E%3Ccircle cx='76' cy='21' r='5.2' fill='%23F7A986' opacity='.75' transform='rotate(288 76 28)'/%3E%3Ccircle cx='76' cy='28' r='3.5' fill='%23F7C948'/%3E%3C/svg%3E") no-repeat right 10px bottom 0/138px auto,radial-gradient(ellipse at 20% 30%,rgba(244,156,184,.45),transparent 55%),radial-gradient(ellipse at 75% 20%,rgba(183,156,232,.45),transparent 55%),radial-gradient(ellipse at 60% 90%,rgba(123,179,138,.40),transparent 55%),#FFFDF8;border:0;padding-bottom:62px}
html[data-cogo-theme=garden] .student-tab{border-radius:999px;background:rgba(255,255,255,.8)}
html[data-cogo-theme=garden] .student-tab.active{padding-left:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4.9' r='2.7' fill='%23FFFFFF' opacity='.75' transform='rotate(0 8 8.5)'/%3E%3Ccircle cx='8' cy='4.9' r='2.7' fill='%23FFFFFF' opacity='.75' transform='rotate(72 8 8.5)'/%3E%3Ccircle cx='8' cy='4.9' r='2.7' fill='%23FFFFFF' opacity='.75' transform='rotate(144 8 8.5)'/%3E%3Ccircle cx='8' cy='4.9' r='2.7' fill='%23FFFFFF' opacity='.75' transform='rotate(216 8 8.5)'/%3E%3Ccircle cx='8' cy='4.9' r='2.7' fill='%23FFFFFF' opacity='.75' transform='rotate(288 8 8.5)'/%3E%3Ccircle cx='8' cy='8.5' r='1.8' fill='%23F7C948'/%3E%3C/svg%3E") no-repeat 12px center/15px,#8A63BE}
html[data-cogo-theme=garden] .ai-learning-actions button{border-radius:999px}
html[data-cogo-theme=garden] .ai-learning-actions button:nth-child(1){background:#FCE7EF}
html[data-cogo-theme=garden] .ai-learning-actions button:nth-child(2){background:#EFE8FB}
html[data-cogo-theme=garden] .ai-learning-actions button:nth-child(3){background:#E5F3E8}
html[data-cogo-theme=garden] .course-announcement{background:rgba(255,255,255,.8);border-left:6px solid #F49CB8}

/* ── 露營星空 ── */
html[data-cogo-theme=camp]{--t-bg:#0F1B2D;--t-card:#172A44;--t-text:#EEF3FA;--t-muted:#A9B8CC;--t-border:#2B4566;--t-accent:#FF9F43;--t-accent-text:#1A1205;--t-soft:rgba(255,159,67,.12);--t-hero:#0B1424;--t-done-bg:#FFD166;--t-done-text:#1A1205;--t-radius:16px;--t-input:#0F1B2D;--t-shadow:0 8px 20px rgba(0,0,0,.25)}
html[data-cogo-theme=camp] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='62' cy='153' r='0.8' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='156' cy='123' r='0.6' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='122' cy='68' r='0.8' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='122' cy='140' r='1.3' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='40' cy='61' r='0.8' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='5' cy='18' r='0.8' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='79' cy='9' r='1' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='154' cy='101' r='1.3' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='149' cy='115' r='0.8' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='26' cy='11' r='0.8' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='57' cy='68' r='1.3' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='109' cy='131' r='1.3' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='138' cy='151' r='1.3' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='88' cy='9' r='1' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='85' cy='140' r='0.6' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='148' cy='70' r='1' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='18' cy='125' r='1.3' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='90' cy='19' r='1.3' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='7' cy='77' r='1.3' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='32' cy='13' r='0.6' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='152' cy='86' r='1' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='11' cy='81' r='0.6' fill='%23FFFFFF' opacity='0.35'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 0,#1D3557,#0F1B2D 60%);background-attachment:fixed}
html[data-cogo-theme=camp] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='60' viewBox='0 0 110 60'%3E%3Cpath d='M10 58 L40 10 L70 58Z' fill='%23FF9F43'/%3E%3Cpath d='M40 10 L40 58 L52 58Z' fill='%23C96A1B'/%3E%3Cpath d='M40 30 L33 58 H47Z' fill='%231A1205'/%3E%3Cg transform='translate(88 46)'%3E%3Cpath d='M-8 12 L8 4 M-8 4 L8 12' stroke='%236B4423' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 6 Q-7 -2 0 -12 Q2 -4 6 -6 Q8 2 0 6Z' fill='%23FFB347'/%3E%3Cpath d='M0 6 Q-3 0 0 -5 Q3 0 0 6Z' fill='%23FFE066'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 16px bottom 8px/104px auto,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='70' viewBox='0 0 400 70' preserveAspectRatio='none'%3E%3Cpath d='M0 50 L60 18 L110 44 L170 8 L240 46 L300 20 L360 42 L400 30 V70 H0Z' fill='%231B2D47'/%3E%3Cpath d='M0 62 Q100 48 200 58 T400 56 V70 H0Z' fill='%2313233A'/%3E%3C/svg%3E") no-repeat left bottom/100% 64px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M26 4 A16 16 0 1 0 36 30 A13 13 0 1 1 26 4Z' fill='%23FFE8A3'/%3E%3C/svg%3E") no-repeat right 120px top 50px/30px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ccircle cx='62' cy='153' r='0.8' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='156' cy='123' r='0.6' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='122' cy='68' r='0.8' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='122' cy='140' r='1.3' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='40' cy='61' r='0.8' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='5' cy='18' r='0.8' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='79' cy='9' r='1' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='154' cy='101' r='1.3' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='149' cy='115' r='0.8' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='26' cy='11' r='0.8' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='57' cy='68' r='1.3' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='109' cy='131' r='1.3' fill='%23FFFFFF' opacity='0.7'/%3E%3Ccircle cx='138' cy='151' r='1.3' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='88' cy='9' r='1' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='85' cy='140' r='0.6' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='148' cy='70' r='1' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='18' cy='125' r='1.3' fill='%23FFFFFF' opacity='0.35'/%3E%3Ccircle cx='90' cy='19' r='1.3' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='7' cy='77' r='1.3' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='32' cy='13' r='0.6' fill='%23FFFFFF' opacity='0.9'/%3E%3Ccircle cx='152' cy='86' r='1' fill='%23FFFFFF' opacity='0.5'/%3E%3Ccircle cx='11' cy='81' r='0.6' fill='%23FFFFFF' opacity='0.35'/%3E%3C/svg%3E"),linear-gradient(180deg,#0B1424,#1D3557);border:1px solid #2B4566;padding-bottom:64px;overflow:hidden}
html[data-cogo-theme=camp] .student-tab.active{box-shadow:0 0 14px rgba(255,159,67,.5)}
html[data-cogo-theme=camp] .task-title{color:#FFFFFF}
html[data-cogo-theme=camp] .card{border-top:3px solid #FF9F43}
html[data-cogo-theme=camp] .ai-learning-actions button{background:rgba(255,255,255,.04);color:#FFD7A8;border-color:#3A5578}
html[data-cogo-theme=camp] .ai-review-stale{background:#3A2E14;color:#FFD166}
html[data-cogo-theme=camp] .course-announcement{background:#1D3557;border-left-color:#FF9F43}

/* ── 水墨書卷 ── */
html[data-cogo-theme=ink]{--t-bg:#F2EEE6;--t-card:#FBF8F1;--t-text:#1E1E1E;--t-muted:#5F5A52;--t-border:#D8CFC0;--t-accent:#2B2B2B;--t-accent-text:#F2EEE6;--t-soft:#ECE6DA;--t-hero:#FBF8F1;--t-hero-text:#1E1E1E;--t-done-bg:#A8322D;--t-done-text:#FFFFFF;--t-radius:3px;--t-font:"LXGW WenKai TC","Noto Serif TC",serif;--t-head:"LXGW WenKai TC","Noto Serif TC",serif}
html[data-cogo-theme=ink] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg stroke='%23BFB39C' stroke-width='.6' opacity='.35' fill='none'%3E%3Cpath d='M10 20 q20 4 34 -2'/%3E%3Cpath d='M70 60 q16 6 30 0'/%3E%3Cpath d='M20 96 q14 -6 26 2'/%3E%3Cpath d='M84 14 q10 6 20 2'/%3E%3C/g%3E%3C/svg%3E"),#F2EEE6}
html[data-cogo-theme=ink] .hero.student-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='20' viewBox='0 0 50 20'%3E%3Cg fill='none' stroke='%232B2B2B' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 10 q5 -6 9 0 q4 -6 9 0'/%3E%3Cpath d='M28 6 q4 -4 7 0 q3 -4 7 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 118px top 54px/46px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='110' viewBox='0 0 400 110' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233A3A3A' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%233A3A3A' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E1E1E' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%231E1E1E' stop-opacity='.05'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M120 110 Q170 30 210 40 Q240 10 280 36 Q320 20 400 60 V110Z' fill='url(%23a)'/%3E%3Cpath d='M200 110 Q250 60 290 66 Q320 42 352 70 Q380 64 400 80 V110Z' fill='url(%23b)'/%3E%3C/svg%3E") no-repeat right bottom/100% 100%,#FBF8F1;border:0;border-top:3px solid #2B2B2B;border-bottom:3px solid #2B2B2B;border-radius:0;padding-bottom:44px}
html[data-cogo-theme=ink] .hero.student-hero h1{letter-spacing:4px;font-weight:700}
html[data-cogo-theme=ink] .hero.student-hero::after{content:"日課";position:absolute;left:16px;bottom:12px;padding:3px 7px;font:700 13px/18px "Noto Serif TC",serif;letter-spacing:2px;color:#FFFFFF;background:#A8322D;border-radius:3px}
html[data-cogo-theme=ink] .student-tab{border-radius:0;border-width:0 0 2px;background:transparent;color:#5F5A52}
html[data-cogo-theme=ink] .student-tab.active{background:#2B2B2B;color:#F2EEE6;border-color:#2B2B2B}
html[data-cogo-theme=ink] .card{border-color:#D8CFC0;box-shadow:inset 0 0 0 4px #FBF8F1,inset 0 0 0 5px #E4DACA}
html[data-cogo-theme=ink] .pill.done{border-radius:3px}
html[data-cogo-theme=ink] .course-announcement{background:#FBF8F1;border-left:4px solid #2B2B2B}
html[data-cogo-theme=ink] .theme-picker-btn{border-radius:3px}

/* 換風格按鈕與選單 */
.student-hero{position:relative}.student-hero h1{padding-right:76px}
.theme-picker-btn{position:absolute;top:14px;right:14px;z-index:3;font:inherit;font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid currentColor;background:rgba(255,255,255,.18);color:inherit;cursor:pointer}
html[data-cogo-theme=pixel] .theme-picker-btn{border-radius:0;border:2px solid #1B1B2F;background:#FFD23F;color:#1B1B2F;box-shadow:2px 2px 0 #1B1B2F}
html[data-cogo-theme=scifi] .theme-picker-btn{border-radius:0;color:#2DE2E6}
.theme-picker-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center}
.theme-picker-panel{width:min(520px,100%);max-height:86dvh;overflow:auto;background:#fff;color:#1f2937;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));font-family:"Noto Sans TC",sans-serif}
.theme-picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.theme-picker-head strong{font-size:18px}
.theme-picker-head button{font:inherit;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 14px}
.theme-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.theme-option{font:inherit;text-align:left;border:2px solid #e5e7eb;background:#fff;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;cursor:pointer;color:#1f2937}
.theme-option.is-current{border-color:#111827}
.theme-option .sw{display:flex;height:34px;border-radius:9px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.theme-option .sw span{flex:1}
.theme-option b{font-size:14px}.theme-option small{font-size:12px;color:#6b7280}
.theme-picker-note{margin:12px 2px 0;font-size:12px;color:#6b7280}

/* 2026-10-11 選單改為實際畫面縮圖（Nick：要有圖片才知道哪個好看） */
.theme-option{padding:8px}.theme-option .theme-thumb{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#f3f4f6}
.theme-option.is-current{border-color:#111827;box-shadow:0 0 0 2px #111827 inset}

/* 2026-10-11「原本」風格自訂顏色 */
.custom-color-box{border:2px solid #e5e7eb;border-radius:14px;padding:12px;margin-bottom:12px;display:grid;gap:10px}
.custom-color-box.is-on{border-color:#111827}
.custom-color-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.custom-color-title b{font-size:14px}
.custom-color-title button{font:inherit;font-size:12px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:4px 10px}
.custom-color-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.custom-color-row>span{font-size:13px;color:#4b5563;width:34px}
.cc-dot{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d1d5db;padding:0;cursor:pointer}
.cc-dot.is-on{box-shadow:0 0 0 3px #111827}
.cc-wheel{width:30px;height:30px;border-radius:50%;overflow:hidden;position:relative;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);box-shadow:0 0 0 1px #d1d5db;cursor:pointer}
.cc-wheel input{position:absolute;inset:-8px;width:46px;height:46px;opacity:0;cursor:pointer}
.cc-bg{font:inherit;font-size:12px;color:#374151;border:1px solid #d1d5db;border-radius:999px;padding:5px 10px;cursor:pointer}
.cc-bg.is-on{box-shadow:0 0 0 2px #111827}

/* 2026-10-11「原本」改名「自訂」：點進去才調顏色 */
.theme-cc-hint{font-size:11px;font-weight:700;color:#7c3aed;white-space:nowrap}
.theme-picker-head [data-theme-back]{font-weight:700}
.theme-picker-head:has([data-theme-back]) strong{flex:1;text-align:center}
.theme-picker-panel .custom-color-box{margin-bottom:0}