
.hl{--ink:#eaf1e9;--muted:#baccc6;--gold:#e8c98a;--line:rgba(227,212,169,.22);color:var(--ink);background:#102e30;font-family:system-ui,"Noto Sans TC",sans-serif;line-height:1.85;overflow:hidden}
.hl *{box-sizing:border-box}.hl a{color:inherit}.hl-shell{width:min(1160px,90%);margin:auto}.hl-hero{position:relative;isolation:isolate;padding:100px 0 80px;background:#123438}.hl-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:url('/img/heartlamp-lake-v1.webp') center/cover no-repeat}.hl-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,31,34,.95),rgba(9,36,39,.76) 43%,rgba(9,36,39,.18)),linear-gradient(0deg,#102e30,transparent 40%)}
.hl-kicker{font-size:12px;letter-spacing:.22em;color:var(--gold);margin:0 0 24px}.hl h1,.hl h2,.hl h3{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-weight:500;color:var(--ink)}.hl h1,.hl-title{font-size:clamp(34px,4.8vw,64px);line-height:1.4;letter-spacing:.06em;margin:0 0 24px}.hl h2.hl-title{font-size:clamp(32px,4vw,52px)}.hl-intro{max-width:550px;color:#d7e3dc;font-size:17px;margin:0 0 12px}.hl-name{color:var(--gold);font-size:15px;letter-spacing:.15em;margin:0 0 12px}.hl-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 20px}.hl-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;border-radius:5px;text-decoration:none;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.hl-primary{background:linear-gradient(120deg,#f0d8a0,#d7b570);color:#203733!important;box-shadow:0 5px 25px #dfbc6e24}.hl-secondary{border:1px solid #d6dfce66;background:#153d3b99}.hl-actions a:hover{transform:translateY(-2px)}.hl a:focus-visible{outline:3px solid #fff0bb;outline-offset:5px}.hl-note{font-size:12px;color:#bdcec6;max-width:580px}.hl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);margin-top:50px;padding-top:26px;max-width:660px}.hl-stat strong{font-family:Georgia,serif;font-size:29px;color:var(--gold);font-weight:400}.hl-stat span{display:block;font-size:12px;color:var(--muted);letter-spacing:.06em}.hl-section{padding:70px 0}.hl-heading{font-size:clamp(26px,3vw,38px);line-height:1.5;margin:0 0 15px}.hl-subtitle{color:var(--muted);max-width:660px;margin:0 0 32px}.hl-scenes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hl-scene{border:1px solid var(--line);border-radius:10px;padding:24px 18px;background:linear-gradient(145deg,#254a4710,#72917b15)}.hl-scene .hl-number{color:var(--gold);font-size:12px;letter-spacing:.12em}.hl-scene h3{font-size:21px;margin:20px 0 10px}.hl-scene p{font-size:14px;color:var(--muted);margin:0}.hl-soft{background:#173738}.hl-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hl-art{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.hl-caption{color:var(--muted);font-size:12px;margin-top:10px}.hl-pill{display:inline-block;border:1px solid var(--line);padding:5px 12px;margin:4px 3px 4px 0;border-radius:30px;font-size:13px;color:#e0e7da}.hl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.hl-step{border-top:1px solid var(--line);padding-top:22px}.hl-step b{color:var(--gold);font-size:13px}.hl-step h3{font-size:23px;margin:12px 0}.hl-step p{color:var(--muted);font-size:15px}.hl details{border-bottom:1px solid var(--line);padding:20px 0}.hl summary{cursor:pointer;font-size:17px;color:var(--ink)}.hl details p{max-width:830px;color:var(--muted);font-size:15px;padding-top:12px}.hl-end{text-align:center;background:radial-gradient(ellipse at 50% 100%,#52604455,transparent 70%);padding:70px 0}.hl-end .hl-actions{justify-content:center}.hl-nav{background:#102e30;border-bottom:1px solid var(--line);padding:16px 0}.hl-nav .hl-shell{display:flex;justify-content:space-between;align-items:center;gap:20px}.hl-brand{text-decoration:none;letter-spacing:.14em;color:var(--gold)!important;font-family:serif;font-size:20px}.hl-nav-link{font-size:14px;text-decoration:none;color:var(--muted)!important}.hl-footer{padding:26px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.hl-footer .hl-shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:800px){.hl-hero{padding:64px 0 48px}.hl-hero:after{background:linear-gradient(90deg,#092326ed,#09232677),linear-gradient(0deg,#102e30,transparent)}.hl-scenes{grid-template-columns:repeat(2,1fr)}.hl-scenes .hl-scene:last-child{grid-column:1/-1}.hl-two{grid-template-columns:1fr;gap:30px}.hl-section{padding:48px 0}.hl-steps{grid-template-columns:1fr;gap:12px}.hl-stats{gap:12px}.hl-intro{font-size:16px}}
@media(max-width:420px){.hl-actions a{width:100%}.hl-stat strong{font-size:24px}.hl-stat span{font-size:11px}.hl-scene{padding:20px 14px}.hl-kicker{letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.hl-actions a{transition:none}.hl-actions a:hover{transform:none}}
