@font-face{font-family:NSansC;font-weight:400;font-display:swap;src:url(/fonts/course/NotoSansTC-400.woff2) format("woff2")}@font-face{font-family:NSansC;font-weight:700;font-display:swap;src:url(/fonts/course/NotoSansTC-700.woff2) format("woff2")}@font-face{font-family:NSansC;font-weight:900;font-display:swap;src:url(/fonts/course/NotoSansTC-900.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#f5f7f9}body{background:#f5f7f9;color:#1c2530;font:16px/1.75 NSansC,PingFang TC,system-ui,sans-serif;letter-spacing:.01em;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}:where(a,button,summary,input):focus-visible{outline:2px solid #2F5D8C;outline-offset:2px}.w{max-width:1280px;margin-inline:auto;padding-inline:24px}.u-nums,.spec-row{font-variant-numeric:tabular-nums}h1,h2{font-weight:900;letter-spacing:-.025em;line-height:1.26}h3{font-weight:700;letter-spacing:-.01em;line-height:1.4}section{padding-block:clamp(2.75rem,2rem + 3vw,4.5rem)}.eye{font-size:.72rem;letter-spacing:.22em;color:#2f5d8c;text-transform:uppercase;font-weight:700}.h2{font-size:clamp(1.35rem,1.1rem + 1.2vw,1.9rem);margin-top:8px}.lead{margin-top:8px;color:#4a5666;max-width:44em;font-size:.94rem}.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(1.25rem,1rem + 1.4vw,2rem)}.more{font-size:.86rem;font-weight:700;color:#2f5d8c;white-space:nowrap}.more:hover{text-decoration:underline}header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #DDE4EB}.hb{display:flex;align-items:center;gap:20px;height:62px}.mark{font-weight:700;font-size:1.02rem;letter-spacing:.02em;white-space:nowrap}.mark span{color:#2f5d8c}.search{flex:1;max-width:440px;display:flex;align-items:center;gap:8px;border:1px solid #C9D3DD;border-radius:6px;background:#f7fafc;padding:8px 12px}.search input{border:0;background:transparent;font:inherit;font-size:.88rem;width:100%}.search input:focus-visible{outline:2px solid #2F5D8C;outline-offset:3px;border-radius:2px}.nav{display:flex;gap:20px;font-size:.88rem;margin-left:auto}.nav a:hover{color:#2f5d8c}.login{font-size:.86rem;font-weight:700;border:1px solid #1C2530;border-radius:6px;padding:8px 16px;white-space:nowrap;transition:background-color .18s linear,color .18s linear}.login:hover{background:#1c2530;color:#fff}.hero{padding-block:0;background:#fff;border-bottom:1px solid #DDE4EB}.hg{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3vw,56px);align-items:center;padding-block:clamp(2.25rem,1.75rem + 3vw,4rem)}.hero h1{font-size:clamp(1.8rem,1.25rem + 2.6vw,2.9rem);max-width:15ch;margin-top:10px}.hero .sub{margin-top:14px;color:#4a5666;max-width:32em}.bigsearch{display:flex;margin-top:22px;border:1px solid #1C2530;border-radius:8px;overflow:hidden;max-width:460px}.bigsearch input{flex:1;border:0;font:inherit;padding:14px 16px;font-size:.94rem;min-width:0}.bigsearch input:focus-visible{outline:2px solid #2F5D8C;outline-offset:-3px}.bigsearch button{border:0;background:#1c2530;color:#fff;font:inherit;font-weight:700;padding:14px 24px;cursor:pointer;white-space:nowrap;transition:background-color .18s linear}.bigsearch button:hover{background:#2f5d8c}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{font-size:.8rem;border:1px solid #C9D3DD;border-radius:6px;padding:6px 12px;background:#fff;transition:border-color .18s linear,color .18s linear}.chip:hover{border-color:#2f5d8c;color:#2f5d8c}.heroshot{border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:#e4eaf0}.heroshot img{width:100%;height:100%;object-fit:cover}.qwrap{background:#fff;border-bottom:1px solid #DDE4EB}.q8{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.qc{display:block;text-align:center}.qc .ph{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#e4eaf0}.qc img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.qc:hover img{transform:scale(1.07)}.qc b{display:block;margin-top:8px;font-size:.84rem}.qc span{font-size:.74rem;color:#5c6878}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,20px)}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.2vw,20px)}.cc{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;transition:border-color .18s linear,box-shadow .18s linear}.cc:hover{box-shadow:0 6px 20px #1c253024}.cc .ph{aspect-ratio:16/9;overflow:hidden;background:#e4eaf0;position:relative}.cc img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.cc:hover img{transform:scale(1.05)}.lv{position:absolute;left:8px;top:8px;background:#1c2530db;color:#fff;font-size:.68rem;border-radius:4px;padding:3px 8px;font-weight:700}.cb{padding:13px 14px 15px;display:flex;flex-direction:column;gap:6px;flex:1}.cb h3{font-size:.94rem;line-height:1.5}.facts{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.76rem;color:#5c6878}.facts span{white-space:nowrap}.pr{margin-top:auto;padding-top:8px;font-size:.98rem;font-weight:700;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pr em{font-style:normal;font-size:.72rem;font-weight:400;color:#5c6878}.dash{background:#edf2f6}.pcard{display:flex;gap:14px;background:#fff;border-radius:8px;padding:14px}.pcard .ph{width:110px;flex:none;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#e4eaf0}.pcard img{width:100%;height:100%;object-fit:cover}.pcard h3{font-size:.92rem}.bar{margin-top:10px;height:6px;border-radius:999px;background:#dde4eb;overflow:hidden}.bar i{display:block;height:100%;background:#2f5d8c}.pmeta{margin-top:7px;font-size:.78rem;color:#5c6878;display:flex;justify-content:space-between;gap:10px}.pnext{margin-top:6px;font-size:.8rem;color:#1c2530}.tc{display:flex;gap:14px;align-items:center;background:#fff;border-radius:8px;padding:12px;transition:box-shadow .18s linear}.tc:hover{box-shadow:0 4px 14px #1c25301f}.tc .ph{width:64px;height:64px;flex:none;border-radius:6px;overflow:hidden;background:#e4eaf0}.tc img{width:100%;height:100%;object-fit:cover}.tc h3{font-size:.94rem}.tc p{font-size:.8rem;color:#5c6878;margin-top:2px}.detail{background:#1c2530;color:#e6ecf2}.dg{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(20px,2.4vw,40px);align-items:start}.detail .eye{color:#8fb4d6}.detail h2{font-size:clamp(1.4rem,1.1rem + 1.3vw,2rem);margin-top:8px}.dcover{margin-top:18px;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:#2a3644}.dcover img{width:100%;height:100%;object-fit:cover}.dmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#33404f;border-radius:8px;overflow:hidden;margin-top:18px}.dmeta div{background:#1c2530;padding:12px 14px}.dmeta dt{font-size:.72rem;color:#93a2b2}.dmeta dd{font-size:.9rem;font-weight:700;margin-top:3px}.chap{margin-top:18px;background:#22303d;border-radius:8px;overflow:hidden}.chap details{border-bottom:1px solid #33404F}.chap details:last-child{border-bottom:0}.chap summary{cursor:pointer;list-style:none;padding:13px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:.9rem;font-weight:700}.chap summary::-webkit-details-marker{display:none}.chap summary em{font-style:normal;font-weight:400;font-size:.78rem;color:#93a2b2}.chap details p{padding:0 16px 14px;font-size:.84rem;color:#b7c4d1}.buy{background:#22303d;border-radius:8px;padding:20px;position:sticky;top:82px}.buy .p{font-size:1.7rem;font-weight:700}.buy .note{font-size:.78rem;color:#93a2b2;margin-top:4px}.buy .btn{display:block;text-align:center;margin-top:14px;background:#4c8fd1;color:#0f1720;border-radius:6px;padding:13px;font-weight:700;font-size:.94rem;transition:background-color .18s linear}.buy .btn:hover{background:#78acdf}.buy .btn.alt{background:transparent;color:#e6ecf2;border:1px solid #55677A}.buy .btn.alt:hover{background:#2c3b4a}.buy ul{margin-top:16px;border-top:1px solid #33404F;padding-top:14px;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:#b7c4d1}.buy li:before{content:"・";color:#8fb4d6}.st{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,20px)}.sc .ph{aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#e4eaf0}.sc img{width:100%;height:100%;object-fit:cover}.sc .no{margin-top:12px;font-size:.74rem;letter-spacing:.18em;color:#2f5d8c;font-weight:700}.sc h3{margin-top:4px;font-size:1rem}.sc p{margin-top:4px;font-size:.86rem;color:#4a5666}.teach{background:#fff;border-block:1px solid #DDE4EB}.tg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,3vw,52px);align-items:center}.tshots{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:4/3}.tshots .ph{border-radius:8px;overflow:hidden;background:#e4eaf0}.tshots .ph:first-child{grid-row:span 2}.tshots img{width:100%;height:100%;object-fit:cover}.tlist{margin-top:16px;display:flex;flex-direction:column;gap:10px;font-size:.9rem;color:#4a5666}.tlist b{color:#1c2530}.fg4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,20px)}.fc{background:#fff;border-radius:8px;padding:20px}.fc h3{font-size:.98rem}.fc p{margin-top:6px;font-size:.86rem;color:#4a5666}.faq details{background:#fff;border-radius:8px;margin-bottom:8px}.faq summary{cursor:pointer;list-style:none;padding:15px 18px;font-size:.94rem;font-weight:700;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:#2f5d8c;font-weight:400;flex:none}.faq details[open] summary:after{content:"－"}.faq details p{padding:0 18px 16px;font-size:.88rem;color:#4a5666}.end{background:#2f5d8c;color:#fff;text-align:center}.end h2{font-size:clamp(1.35rem,1.1rem + 1.2vw,1.9rem)}.end p{margin-top:10px;color:#d5e3f0;font-size:.94rem}.end .row{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.end a{border-radius:6px;padding:13px 28px;font-weight:700;font-size:.92rem;background:#fff;color:#2f5d8c;transition:background-color .18s linear,color .18s linear}.end a.alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}.end a.alt:hover{background:#fff;color:#2f5d8c}footer.site{background:#12191f;color:#a9b6c3;padding-block:clamp(2.25rem,1.75rem + 2vw,3.5rem)}.fg{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}footer.site h3{font-size:.8rem;letter-spacing:.14em;color:#dce4ec;margin-bottom:10px}.fl{display:flex;flex-direction:column;gap:7px;font-size:.85rem}.fl a:hover{color:#fff}.fbot{margin-top:28px;padding-top:18px;border-top:1px solid #253039;font-size:.78rem;color:#8595a5}.badge{position:fixed;right:14px;bottom:14px;z-index:70;background:#12191fed;border-radius:6px;padding:7px 13px;font-size:11px;color:#dce4ec;letter-spacing:.05em}.badge b{color:#8fb4d6;font-weight:700}@media(max-width:1100px){.q8{grid-template-columns:repeat(4,1fr)}.dg{grid-template-columns:1fr}.buy{position:static}.g4,.fg4,.st{grid-template-columns:repeat(2,1fr)}.nav{display:none}}@media(max-width:820px){.hg,.tg,.g3{grid-template-columns:1fr}.dmeta{grid-template-columns:repeat(2,1fr)}.search{display:none}.fg{grid-template-columns:1fr 1fr}}@media(max-width:560px){.q8{grid-template-columns:repeat(2,1fr)}.g4,.fg4,.st,.fg{grid-template-columns:1fr}.shead{flex-direction:column;align-items:flex-start;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}