@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700;900&family=Outfit:wght@400;600;800;900&display=swap";:root{--ink:#171713;--muted:#6a6a5f;--line:#deded4;--paper:#fbfaf1;--panel:#fff;--lime:#e9ff17;--soft:#f1efe3;--green:#087a3d;--red:#b42318;--amber:#a15c00}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);letter-spacing:.01em;margin:0;font-family:Outfit,Noto Serif TC,sans-serif}h1,h2,h3{margin:0 0 12px;font-family:Noto Serif TC,serif}h1{font-size:42px;line-height:1.15}h2{font-size:28px}h3{font-size:20px}p{line-height:1.7}a{color:inherit;cursor:pointer;text-decoration:none}button,.button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:900;transition:all .15s;display:inline-flex}button:hover{transform:translateY(-1px);box-shadow:3px 3px #111}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.primary{background:var(--lime);border-color:#111}.ghost{border-color:var(--line);background:0 0}.full{width:100%}input,textarea,select{width:100%;font:inherit;background:#fff;border:1px solid #bdbdb4;border-radius:10px;padding:11px 12px}textarea{min-height:110px}.field{gap:7px;margin:13px 0;display:grid}.field>span{font-weight:900}.field small,.muted,small{color:var(--muted)}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandMark{color:#fff;background:#111;border-radius:6px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.brand small{color:var(--muted);font-size:11px;display:block}nav{align-items:center;gap:16px;display:flex}.pill{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:8px 12px}.page{max-width:1180px;margin:0 auto;padding:52px 24px}.narrow{max-width:590px}.heroGrid{grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;min-height:570px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.heroGrid h1{letter-spacing:-.04em;font-size:66px;line-height:1.02}.lead{color:var(--muted);font-size:20px}.heroCard,.panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:24px;box-shadow:0 10px 40px #1e1e140d}.accentCard{color:#fff;background:linear-gradient(155deg,#111 0%,#26261e 55%,#e9ff17 56%,#f8ff9b 100%);flex-direction:column;justify-content:flex-end;min-height:360px;display:flex}.accentCard span{color:var(--lime);font-size:84px;font-weight:900}.inline{align-items:center;gap:10px;display:flex}.sectionHead,.adminHead{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.courseCards,.twoCols,.salesSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.courseTile,.rowCard{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;overflow:hidden}.courseTile img{object-fit:cover;width:calc(100% + 40px);height:190px;margin:-20px -20px 16px}.notice{color:var(--red);background:#fff3f1;border:1px solid #ffd2cc;border-radius:10px;padding:12px;font-weight:900}.loginPanel{margin-top:40px}.salesPage{gap:20px;display:grid}.salesPageWide,.salesPage.salesTheme-personal,.salesPage.salesTheme-event{max-width:100%;padding-left:0;padding-right:0}.salesPage.salesTheme-personal .salesNav,.salesPage.salesTheme-event .salesNav,.salesPage.salesTheme-personal .heroVideo,.salesPage.salesTheme-event .heroVideo,.salesPage.salesTheme-personal .salesLayout,.salesPage.salesTheme-event .salesLayout{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.salesNav{border:1px solid var(--line);background:#fff;border-radius:999px;gap:12px;padding:10px 14px;display:flex;overflow:auto}.salesNav a{white-space:nowrap;font-weight:700}.templateActionBar{flex-wrap:wrap;gap:8px;display:flex}.salesHero{color:#fff;background:#1b1b1b 50%/cover;border-radius:24px;grid-template-columns:1.1fr .6fr;align-items:end;gap:24px;min-height:430px;padding:54px;display:grid}.fullBleedHero{border-radius:0;min-height:620px}.salesTheme-personal .fullBleedHero{background-position:top}.salesTheme-event .fullBleedHero{color:var(--ink);background:linear-gradient(135deg,#10243d 0%,#1e5b8f 42%,#f6f2e7 42.5% 100%)!important}.salesHero h1{font-size:58px}.salesCard{color:var(--ink);background:#fffffff0;border:1px solid #fff6;border-radius:18px;padding:24px}.salesTheme-event .salesCard{background:#fffffffa;border-color:#10243d1f}.stickyCard{position:sticky;top:92px}.salesStats{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.salesStats div{border:1px solid var(--line);text-align:center;background:#fffdf6;border-radius:12px;padding:12px}.salesStats b{font-size:24px;display:block}.pricingCompare{gap:10px;margin:16px 0;display:grid}.pricingCompareRow{border:1px solid var(--line);background:#fffdf8;border-radius:12px;justify-content:space-between;gap:14px;padding:12px;display:flex}.salesLayout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.salesLayoutWide{grid-template-columns:minmax(0,1fr)}.salesLayoutWide .salesAside{order:-1}.salesLayoutWide .stickyCard{position:static}.statusPanel{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:800}.statusPanel.success{color:#0f6c2f;background:#eefaf2;border:1px solid #87d3a5}.statusPanel.error{color:#9b1c31;background:#fff3f4;border:1px solid #f1b0b7}.salesMain,.salesAside,.blockStack{gap:18px;display:grid}.curriculumPanel{background:linear-gradient(#fffef8 0%,#fff 100%)}.curriculumDisclosure{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:12px;overflow:hidden}.curriculumDisclosure summary{cursor:pointer;justify-content:space-between;padding:16px;font-weight:800;list-style:none;display:flex}.curriculumLessonList{padding:0 14px 14px}.faqStack{gap:12px;display:grid}.faqSearch{max-width:240px}.faqPanel,.faqItem{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.faqToggle,.faqItem summary{text-align:left;width:100%;box-shadow:none;background:#fffef8;border:0;justify-content:space-between;padding:16px;display:flex}.faqToggle:hover{box-shadow:none;transform:none}.instructorCard{border:1px solid var(--line);background:#fffef8;border-radius:16px;grid-template-columns:180px 1fr;align-items:start;gap:20px;padding:20px;display:grid}.instructorAvatar{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%}.heroProfileBlock{grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;display:grid}.heroProfileSide,.heroProfileCopy{gap:14px;display:grid}.heroProfileImage{object-fit:cover;aspect-ratio:4/5;border-radius:20px;width:100%}.heroProfileMeta{border:1px solid var(--line);background:#fffef8;border-radius:14px;padding:14px}.iconGridBlock{gap:14px;display:grid}.iconGridBlock.count-2,.iconGridBlock.count-4,.iconGridBlock.count-8{grid-template-columns:repeat(2,minmax(0,1fr))}.iconGridBlock.count-3,.iconGridBlock.count-6{grid-template-columns:repeat(3,minmax(0,1fr))}.iconGridBlock.count-5{grid-template-columns:repeat(6,minmax(0,1fr))}.iconGridBlock.count-5 .iconGridCard:nth-child(-n+3){grid-column:span 2}.iconGridBlock.count-5 .iconGridCard:nth-child(n+4){grid-column:span 3}.iconGridBlock.count-7{grid-template-columns:repeat(12,minmax(0,1fr))}.iconGridBlock.count-7 .iconGridCard:nth-child(-n+4){grid-column:span 3}.iconGridBlock.count-7 .iconGridCard:nth-child(n+5){grid-column:span 4}.iconGridCard{border:1px solid var(--line);background:#fffef8;border-radius:16px;gap:12px;padding:18px;display:grid}.iconGridBlock.style-b .iconGridCard{background:linear-gradient(#fff 0%,#f8fbff 100%)}.iconBadge{color:#fff;background:#111;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:inline-grid}.iconBadge.icon-heart{background:#7d263a}.iconBadge.icon-target{background:#0d5c63}.iconBadge.icon-rocket{background:#2f4858}.iconBadge.icon-bolt{background:#955f20}.iconBadge.icon-book{background:#3b3b58}.iconBadge.icon-mic{background:#5e3a7d}.iconBadge.icon-check{background:#0d7a46}.iconPickerGrid{gap:10px;display:grid}.iconPickerRow{grid-template-columns:220px 1fr;gap:12px;display:grid}.quoteBlock{border-left:4px solid var(--lime);background:#fffef7;margin:0;padding:20px;font-family:Noto Serif TC,serif;font-size:22px}.ctaBlock{border:1px solid var(--line);background:linear-gradient(#fffef7 0%,#fff 100%);border-radius:16px;gap:16px;padding:20px;display:grid}.testimonialGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.testimonialCard{border:1px solid var(--line);background:linear-gradient(#fffef8 0%,#fff 100%);border-radius:16px;gap:14px;padding:18px;display:grid}.testimonialCard blockquote{margin:0;font-family:Noto Serif TC,serif;font-size:20px}.countdownCard{border:1px solid var(--line);background:linear-gradient(#fffef7 0%,#fff 100%);border-radius:16px;gap:12px;padding:18px;display:grid}.priceBoxCard{border:1px solid var(--line);background:linear-gradient(#fffef6 0%,#fff 100%);border-radius:18px;gap:18px;padding:22px;display:grid}.priceStack{gap:4px;display:grid}.priceStack s{color:var(--muted)}.priceStack strong{font-size:34px}.priceStack span{color:var(--red);font-weight:800}.priceBenefits{gap:10px;margin:0;padding-left:18px;display:grid}.eventInfoCard{border:1px solid var(--line);background:linear-gradient(#fffef8 0%,#fff 100%);border-radius:18px;gap:16px;padding:20px;display:grid}.eventMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.eventMetaGrid div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;padding:12px;display:grid}.countdownDigits{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.countdownDigits div{color:#fff;text-align:center;background:#111;border-radius:12px;padding:14px 10px}.countdownDigits b{font-size:28px;display:block}.heroVideo{margin-top:2px}.unitLight{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;gap:12px;margin:10px 0;padding:12px;display:flex}.learnLayout{grid-template-columns:330px 1fr;min-height:calc(100vh - 64px);display:grid}.learnLayout aside{color:#fff;background:#20201d;padding:28px;overflow:auto}.unit{border-top:1px solid #3d3d37;padding:16px 0}.unit button{color:#fff;text-align:left;width:100%;box-shadow:none;background:0 0;border:0;justify-content:space-between;padding:10px 0}.unit button.active{color:var(--lime)}.lessonStage{max-width:1020px;padding:46px}.videoFrame{aspect-ratio:16/9;color:#fff;background:#111;border:0;border-radius:16px;place-items:center;width:100%;display:grid}.docFrame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:720px}.viewerImage,.sectionMedia{border-radius:14px;max-width:100%}.rich{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.rich table{border-collapse:collapse;width:100%}.rich td,.rich th{border:1px solid var(--line);padding:10px}.adminShell{grid-template-columns:260px 1fr;min-height:calc(100vh - 64px);display:grid}.adminSide{color:#fff;background:#22221e;flex-direction:column;gap:10px;padding:18px;display:flex}.adminSide button,.adminSide select{color:#fff;text-align:left;background:#2d2d28;border:1px solid #47473f}.adminSide button.active{background:var(--lime);color:#111}.adminMain{width:100%;max-width:1240px;padding:42px}.table{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.tableRow{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 130px 90px;align-items:center;gap:18px;padding:14px;display:grid}.tableRow.head{background:var(--soft)}.thumb{background:#eee;border-radius:8px;width:62px;height:44px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.status{text-align:center;background:#eee;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.status.published{color:var(--green);background:#e7f8ee}.status.draft{color:#695830;background:#f2efe5}.editorLayout{grid-template-columns:190px 1fr;gap:24px;display:grid}.editorNav{flex-direction:column;gap:8px;display:flex}.editorNav button{text-align:left;justify-content:flex-start}.editorNav button.active{background:var(--lime)}.setupGrid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.checklist p{border:1px solid var(--line);border-radius:10px;padding:12px}.checklist p.done{background:#e7f8ee;border-color:#bde8cc}.formPanel{max-width:880px}.inputWithButton{grid-template-columns:1fr auto;gap:8px;display:grid}.inputWithButton.triple{grid-template-columns:1fr auto auto}.uploadBtn{white-space:nowrap}.currSection{border:1px solid var(--line);background:#fff;border-radius:16px;margin:18px 0;overflow:hidden}.currSection h3{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px;display:flex}.lessonLine{border-bottom:1px solid var(--line);grid-template-columns:1fr 110px 110px;align-items:center;gap:12px;padding:12px 18px;display:grid}.lessonForm{background:#fbfaf4;padding:18px}.dashed{border-style:dashed;width:calc(100% - 36px);margin:18px;padding:18px}.priceLine{grid-template-columns:1fr 150px 110px 150px;gap:12px;margin-bottom:12px;display:grid}.mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.mediaGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.mediaCard{border:1px solid var(--line);background:#fff;border-radius:14px;gap:8px;padding:14px;display:grid}.mediaCard.pickable{text-align:left}.mediaCard img,.fileIcon{object-fit:cover;background:#efeee6;border-radius:10px;place-items:center;width:100%;height:140px;font-weight:900;display:grid}.fileIcon{color:var(--muted);text-transform:uppercase}.toastStack{z-index:60;gap:10px;display:grid;position:fixed;top:82px;right:18px}.toast{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:220px;max-width:360px;padding:12px 14px;font-weight:700;box-shadow:0 18px 40px #1414141f}.toast.success{background:#effcf4;border-color:#bde8cc}.toast.error{background:#fff4f2;border-color:#ffd2cc}.toast.info{background:#f4f7ff}.modalWrap{z-index:55;background:#0000006b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalCard{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(980px,100%);max-height:85vh;padding:24px;overflow:auto}.tabRow{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tabRow button.active{background:var(--lime)}.richEditor,.tableEditor,.blockEditorList{gap:12px;display:grid}.tableMatrix{gap:8px;display:grid}.tableMatrixRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.blockPicker{flex-wrap:wrap;gap:8px;display:flex}.blockEditorCard{border:1px solid var(--line);background:#fcfbf6;border-radius:14px;gap:12px;padding:16px;display:grid}.blockPreview{border-top:1px dashed var(--line);padding-top:12px}.priceEditorGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.integrationNotice{border:1px dashed var(--line);color:var(--muted);background:#fffef8;border-radius:12px;padding:14px}.eventsAdmin,.eventList{gap:18px;display:grid}.eventRegistrationPage{gap:20px;display:grid}.eventRow{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.eventLinks{flex-wrap:wrap;gap:10px;display:flex}.eventLinks a{border:1px solid var(--line);background:#fffef8;border-radius:999px;padding:8px 12px}.richToolbar{flex-wrap:wrap;gap:8px;display:flex}.htmlEditor{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.richPreview{border:1px solid var(--line);background:#fffdfa;border-radius:12px;padding:18px}.salesBuilder{gap:18px;display:grid}.salesEditorCard{gap:16px;display:grid}.studentList{gap:12px;margin-top:18px;display:grid}.studentRow{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.emptyState{border:1px dashed var(--line);color:var(--muted);background:#fcfbf7;border-radius:12px;padding:18px}audio{width:100%;margin:20px 0}@media (width<=860px){.heroGrid,.courseCards,.twoCols,.salesSectionGrid,.salesLayout,.testimonialGrid,.learnLayout,.adminShell,.editorLayout,.setupGrid,.mediaGrid,.mediaGrid.compact,.salesHero{grid-template-columns:1fr}.heroGrid h1,.salesHero h1{font-size:42px}.topbar{padding:0 14px}.topbar nav a{display:none}.page,.adminMain,.lessonStage{padding:28px 16px}.priceLine,.tableRow,.lessonLine,.inputWithButton.triple,.instructorCard,.tableMatrixRow,.heroProfileBlock,.priceEditorGrid,.eventMetaGrid{grid-template-columns:1fr}.eventRow{flex-direction:column;align-items:flex-start}.inline{flex-wrap:wrap}.salesHero{padding:28px}.learnLayout aside{max-height:45vh}.toastStack{left:16px;right:16px}.modalWrap{padding:16px}}