.cert-page{color:#3a2a22;background:#fcf9f3}.cert-page main{padding-top:100px}.cert-wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.cert-page main h2,.cert-hero-title{font-family:"Noto Serif TC",serif;font-weight:500}.cert-page main h2{font-size:clamp(24px,2.6vw,34px);line-height:1.6}.cert-eyebrow{font-family:Manrope,sans-serif;font-size:11px;letter-spacing:.16em;color:#856248;font-weight:600;margin-bottom:18px}.cert-page main p{line-height:1.95}.cert-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:36px 64px}.cert-hero h1{font-size:16px;letter-spacing:.12em;margin-bottom:20px}.cert-hero-title{font-size:clamp(32px,3.5vw,48px);line-height:1.55!important;margin-bottom:24px}.cert-description{color:#65554c;font-size:16px;max-width:580px;margin-top:16px}.cert-schedule{font-size:13px;margin-top:24px}.cert-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:24px}.cert-button{display:inline-flex;min-height:48px;justify-content:center;align-items:center;padding:12px 24px;border-radius:30px;background:#3a2a22;color:#fffaf3;font-size:14px;line-height:1.5;transition:background .2s}.cert-button:hover{background:#76553e}.cert-text-link{display:inline-flex;min-height:44px;align-items:center;font-size:14px;border-bottom:1px solid #b49a86}.cert-hero-photo img{display:block;width:100%;height:auto;border-radius:12px;background:#eee7df}.cert-hero-photo figcaption{text-align:center;font-size:12px;color:#746252;margin-top:14px}.cert-intro{text-align:center;padding-block:64px 24px;border-top:1px solid #ded3c7;scroll-margin-top:100px}.cert-intro>p:not(.cert-eyebrow){color:#65554c;margin-top:16px}.cert-jumps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.cert-jumps a{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-block:1px solid #ded3c7;min-height:56px}.cert-jumps span{font-size:13px;color:#746252}.cert-level{padding-block:72px;border-bottom:1px solid #ded3c7;scroll-margin-top:72px}.cert-level-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:72px;align-items:center;margin-bottom:44px}.cert-level-name{display:block;font-family:Noto Sans TC,sans-serif;font-size:14px;letter-spacing:.12em;color:#856248;margin-bottom:14px}.cert-level-meta{display:flex;gap:0;margin-top:24px;font-size:13px;color:#756253}.cert-level-meta span+span{margin-left:18px;padding-left:18px;border-left:1px solid #d8c9ba}.cert-price{padding:28px 32px;font-size:14px;background:#f3eee6;border-radius:16px}.cert-price-label{font-size:12px;letter-spacing:.12em;color:#756253}.cert-amount{font-family:Manrope,sans-serif;font-size:34px;font-weight:500;line-height:1.5!important;margin-block:8px}.cert-amount small{font-size:15px}.cert-fee{color:#746252;margin-block:12px 18px}.cert-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cert-gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cert-gallery-heading p{font-size:14px;letter-spacing:.12em}.cert-gallery-heading>span{font-size:12px;color:#756253}.cert-flower{display:block;border-radius:8px}.cert-flower-frame{display:block;position:relative;overflow:hidden;border-radius:8px;background:#eee7df}.cert-flower img{width:100%;aspect-ratio:4/5;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .45s}.cert-flower-caption{display:flex;align-items:baseline;gap:12px;padding:14px 2px;font-size:15px}.cert-flower-caption small{font-family:Manrope,sans-serif;color:#8a7360;font-size:10px;letter-spacing:.06em}.cert-zoom-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%,5px);padding:7px 14px;background:#fcf9f3f2;border-radius:24px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s}@media (hover:hover){.cert-flower:hover img{transform:scale(1.025)}.cert-flower:hover .cert-zoom-hint{opacity:1;transform:translate(-50%)}}.cert-flower:focus-visible .cert-zoom-hint{opacity:1;transform:translate(-50%)}.cert-more>summary{width:-moz-fit-content;width:fit-content;margin:24px auto 0;list-style:none;padding:12px 4px;border-bottom:1px solid #bda58f;cursor:pointer;font-size:14px;min-height:48px;color:#705039}.cert-more>summary::-webkit-details-marker{display:none}.cert-more>summary span{display:inline-block;margin-left:12px}.cert-more[open]>summary span{transform:rotate(45deg)}.cert-more[open]>.cert-gallery{margin-top:28px}.cert-certificate{margin-top:64px;background:#eee7dd;padding-block:64px}.cert-info-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px}.cert-info-grid p+p{margin-top:16px}.cert-faq{padding-block:80px 32px;max-width:800px}.cert-faq h2{margin-bottom:28px}.cert-faq details{border-bottom:1px solid #ded3c7}.cert-faq summary{cursor:pointer;padding:22px 4px;font-size:16px}.cert-faq details p{color:#65554c;padding:0 4px 24px}.cert-final{text-align:center;padding-block:80px 100px}.cert-final p:not(.cert-eyebrow){color:#65554c;margin-block:20px 28px}.cert-sticky{display:none}.cert-skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:#fff}.cert-skip:focus{top:8px}.cert-page :is(a,button,summary):focus-visible{outline:3px solid #98714f;outline-offset:5px}#cert-lightbox{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:18px;border:0;border-radius:16px;background:#fcf9f3;color:#3a2a22}#cert-lightbox::backdrop{background:#231914c7}.cert-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.cert-dialog-bar h2{font-size:18px}.cert-page .cert-dialog-bar button:focus-visible{outline:none}.cert-photo-stage{min-height:160px;display:grid;place-items:center}.cert-photo-stage img{max-height:calc(100dvh - 135px);width:100%;-o-object-fit:contain;object-fit:contain}.cert-photo-stage [hidden]{display:none}.cert-photo-stage p:not(:empty){padding:32px 12px}.cert-page:has(#cert-lightbox[open]){overflow:hidden}.cert-page:has(#cert-lightbox[open]) .cert-sticky{display:none}@media (max-width:767px){.cert-wrap{width:calc(100% - 40px)}.cert-page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.cert-page main{padding-top:86px}.cert-hero{grid-template-columns:1fr;gap:28px;padding-block:20px 40px}.cert-hero h1{margin-bottom:12px}.cert-hero-title{font-size:32px;margin-bottom:16px}.cert-hero .cert-eyebrow{font-size:10px;margin-bottom:12px}.cert-hero .cert-description{font-size:15px}.cert-hero-photo img{border-radius:10px}.cert-actions{gap:16px;margin-top:18px}.cert-intro{padding-block:40px 0}.cert-intro h2{font-size:24px}.cert-intro br,.cert-final p br{display:none}.cert-jumps{gap:8px}.cert-jumps a{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 6px;font-size:14px}.cert-jumps span{width:100%;font-size:12px;order:1}.cert-level{padding-block:48px}.cert-level-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.cert-level h2{font-size:25px}.cert-price{padding:22px 24px;border-radius:12px}.cert-price .cert-button{width:100%}.cert-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cert-flower-caption{font-size:14px;padding-block:12px;gap:9px}.cert-more>summary{margin-top:16px}.cert-certificate{margin-top:40px;padding-block:40px}.cert-info-grid{grid-template-columns:1fr;gap:20px}.cert-faq{padding-block:48px 20px}.cert-final{padding-block:48px 64px}.cert-sticky{position:fixed;bottom:0;inset-inline:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fcf9f3;border-top:1px solid #ded3c7}.cert-sticky>span{font-size:13px}.cert-sticky small{display:block;font-size:11px;color:#746252;margin-top:4px}}@media (prefers-reduced-motion:reduce){.cert-page *{scroll-behavior:auto!important;transition:none!important}}.cert-animation{position:relative;width:100%;max-width:400px;margin-inline:auto;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#eee7df}.cert-animation img,.cert-animation video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cert-animation video{opacity:0;transition:opacity .3s}.cert-animation video.is-playing{opacity:1}.cert-animation-toggle{position:absolute;bottom:14px;right:14px;min-height:44px;padding:10px 18px;border-radius:24px;background:#fcf9f3;color:#3a2a22;font-size:13px;box-shadow:0 1px 8px #3a2a2220}.cert-animation-toggle[hidden]{display:none}