:root{--paper:#fbf8f0;--ink:#18343b;--teal:#16726d;--navy:#12313a;--gold:#e2a644;--line:#d6e2dc;--science-paper:var(--paper);--science-ink:var(--ink);--science-teal:var(--teal);--science-gold:var(--gold)}
.precourse-page{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif}
.precourse-page main{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:48px 0 88px}
.precourse-page .course-back{display:inline-block;margin-bottom:45px;color:var(--teal);font-weight:800;text-decoration:none}
.precourse-hero{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;min-height:500px;position:relative}
.precourse-hero:before{content:'∑  ·  π  ·  △  ·  H₂O';position:absolute;right:0;top:-34px;color:#abd6ca;font:700 16px Outfit,sans-serif;letter-spacing:.22em}
.precourse-english{margin:0 0 13px;color:var(--navy);font:700 clamp(18px,2vw,25px)/1.08 Outfit,sans-serif;letter-spacing:.06em}.precourse-english strong{color:#c94c4c}
.precourse-copy h1{font-size:clamp(42px,5vw,66px);letter-spacing:.03em;line-height:1.15;margin:0 0 15px}.precourse-lead{font-size:18px;line-height:1.9;color:#53666b;margin:0 0 14px}.precourse-lead b{color:var(--teal)}.precourse-checklist{display:grid;gap:9px;margin:0 0 24px;padding:0;list-style:none;color:var(--ink);font-weight:700}.precourse-checklist li{display:flex;align-items:flex-start;gap:9px;line-height:1.65}.precourse-checklist li:before{content:"✓";flex:0 0 auto;color:var(--teal);font-size:18px;font-weight:900}
.precourse-time{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 27px;color:var(--navy);font-weight:700}.precourse-time span{border:1px solid #bad8ce;border-radius:99px;padding:5px 10px;font-size:13px}.precourse-time b{font:700 18px Outfit,sans-serif}.precourse-time i{height:22px;width:1px;background:#bad8ce}
.precourse-art{border-radius:26px;background:#e6f1ed;min-height:375px;display:grid;place-items:center;position:relative;overflow:hidden}.precourse-art:before{content:'';position:absolute;width:290px;height:290px;border:1px solid #9dcdc0;border-radius:50%;right:-76px;top:-65px}.precourse-art img{position:relative;z-index:1;width:100%;max-height:420px;object-fit:contain;padding:28px}
.precourse-content{margin-top:68px;padding:50px;border:1px solid var(--line);border-radius:23px;background:#fff;position:relative;overflow:hidden}.precourse-content:after{content:'7';position:absolute;right:25px;bottom:-50px;color:#e6f1ed;font:800 190px Outfit,sans-serif;line-height:1}.precourse-heading{position:relative;z-index:1;max-width:620px}.precourse-heading h2{font-size:clamp(30px,4vw,43px);margin:0 0 8px}.precourse-heading>p:last-child{color:#617277;margin:0}.precourse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;position:relative;z-index:1}.precourse-grid article{padding:24px;border:1px solid #d7e6e0;border-radius:15px;background:#fcfdfc}.precourse-grid article:nth-child(2){background:#f7f1e2;border-color:#ead7b3}.precourse-grid h3{font-size:21px;margin:14px 0 7px}.precourse-grid p{margin:0;color:#53666b;line-height:1.8}.precourse-number{color:var(--teal);font:700 17px Outfit,sans-serif;letter-spacing:.08em}.precourse-grid-top{margin:0 0 24px;gap:10px}.precourse-grid-top article{padding:16px}.precourse-grid-top h3{font-size:17px;margin:9px 0 5px}.precourse-grid-top p{font-size:13px;line-height:1.65}.precourse-grid-top .precourse-number{font-size:14px}.precourse-gallery{margin-top:62px}
@media(max-width:760px){.precourse-page main{width:min(100% - 34px,1120px);padding-top:32px}.precourse-page .course-back{margin-bottom:30px}.precourse-hero{grid-template-columns:1fr;gap:28px}.precourse-art{min-height:290px;order:-1}.precourse-hero:before{top:-25px;font-size:12px}.precourse-copy h1{font-size:42px}.precourse-lead{font-size:16px}.precourse-content{margin-top:45px;padding:30px 22px}.precourse-grid{grid-template-columns:1fr}.precourse-content:after{font-size:130px}}