html{scroll-behavior:smooth;overflow-y:scroll}.portfolio-detail-container{width:100%;max-width:1300px;margin:0 auto;padding:90px 30px 60px;box-sizing:border-box;font-family:Noto Sans TC,sans-serif}.post-article{width:100%;max-width:100%;box-sizing:border-box}.post-header{text-align:center;margin-bottom:50px;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:0 10px}.post-category-badge{font-family:Andale Mono,monospace!important;font-size:11px;font-weight:400;color:#21988e;letter-spacing:.35em;text-transform:uppercase;margin:0 0 16px;text-indent:.35em}.title-typewriter-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;margin-bottom:12px;box-sizing:border-box}.post-title{font-family:Noto Sans TC,sans-serif;font-size:2.1rem;font-weight:500;color:#111;letter-spacing:.12em;line-height:1.4;margin:0;text-align:center;max-width:100%;word-break:break-word;overflow-wrap:break-word}@media(min-width:769px){.typewriter-text{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #21988e;box-sizing:border-box;width:0;animation:typewriterAnim 1.2s steps(var(--zh-steps, 15),end) .2s forwards,blinkCursor .8s step-end infinite}}@media(max-width:768px){.typewriter-text{display:inline;white-space:normal!important;overflow:visible!important;border-right:none!important;width:auto!important;animation:none!important;word-break:break-word;overflow-wrap:break-word}}@keyframes typewriterAnim{0%{width:0}to{width:100%}}@keyframes blinkCursor{0%,to{border-color:transparent}50%{border-color:#21988e}}.post-subtitle{font-family:Noto Sans TC,sans-serif;font-size:.95rem;font-weight:400;color:#666;letter-spacing:.12em;margin:0 0 20px;line-height:1.6;text-align:center;max-width:100%;word-break:break-word;padding:0 10px;box-sizing:border-box}.accent-line{width:32px;height:1px;background-color:#21988e;opacity:.6;margin:10px auto 0}.rich-text-content{width:100%;max-width:800px;margin:0 auto 50px;text-align:center;box-sizing:border-box;padding:0 15px;word-break:break-word;overflow-wrap:break-word}.rich-p{font-size:.95rem;color:#555;line-height:1.8;letter-spacing:1px;margin-bottom:16px;white-space:pre-line;word-break:break-word}.rich-strong{font-weight:600;color:#222}.rich-em{font-style:italic}.rich-h2{font-size:1.5rem;color:#111;margin:40px 0 20px;letter-spacing:1px}.rich-h3{font-size:1.25rem;color:#222;margin:30px 0 15px;letter-spacing:1px}.rich-h4{font-size:1.1rem;color:#333;margin:20px 0 10px}.vendor-credits-section{width:100%;max-width:550px;margin:0 auto 60px;padding:35px 20px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;text-align:center;box-sizing:border-box}.vendor-section-title{font-family:Andale Mono,monospace!important;font-size:12px;color:#a0a0a0;letter-spacing:4px;margin-bottom:24px;font-weight:400;text-transform:uppercase}.vendor-vertical-list{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;box-sizing:border-box}.vendor-card{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;line-height:1.6;width:100%;box-sizing:border-box}.vendor-role{font-family:Andale Mono,monospace!important;color:#a5a5a5;margin-right:12px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:400}.vendor-link{font-family:Andale Mono,Noto Sans TC,sans-serif!important;color:#21988e!important;font-size:13px;font-weight:300!important;letter-spacing:.15em!important;text-decoration:none!important;border:none!important;transition:color .3s ease;cursor:pointer;word-break:break-word}.vendor-link:hover{color:#cc9967!important}.vendor-name-pure{font-family:Andale Mono,Noto Sans TC,sans-serif!important;color:#21988e!important;font-size:13px;font-weight:300!important;letter-spacing:.15em!important;transition:color .3s ease;word-break:break-word}.vendor-name-pure:hover{color:#cc9967!important}.gallery-ltr-wrapper{display:grid;grid-template-columns:repeat(1,1fr);gap:14px;width:100%;max-width:100%;align-items:start;margin-bottom:30px;box-sizing:border-box}@media(min-width:640px){.gallery-ltr-wrapper{grid-template-columns:repeat(2,1fr);gap:14px}}@media(min-width:1024px){.gallery-ltr-wrapper{grid-template-columns:repeat(4,1fr);gap:14px}}.ltr-column{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.scroll-reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-reveal.revealed{opacity:1;transform:translateY(0) scale(1)}.ltr-brick{width:100%;max-width:100%;overflow:hidden;background-color:transparent!important;cursor:zoom-in;box-sizing:border-box}.ltr-brick img{width:100%!important;max-width:100%!important;height:auto!important;display:block;box-sizing:border-box;transition:transform .6s cubic-bezier(.25,1,.5,1)}.ltr-brick:hover img{transform:scale(1.025)}.blogger-html-stream{width:100%;max-width:820px;margin:0 auto;box-sizing:border-box;padding:0 10px}.blogger-html-stream *{max-width:100%!important;box-sizing:border-box!important}.blogger-html-stream a{display:block;width:100%!important;max-width:100%!important;cursor:zoom-in!important}.blogger-html-stream img{width:100%!important;max-width:100%!important;height:auto!important;display:block;margin:14px auto!important;opacity:0;transform:translateY(28px) scale(.985);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;cursor:zoom-in!important}.blogger-html-stream img.revealed{opacity:1;transform:translateY(0) scale(1)}.blogger-html-stream table{width:100%!important;max-width:100%!important;display:block!important;margin:0 auto!important}.blogger-html-stream tbody,.blogger-html-stream tr,.blogger-html-stream td{display:block!important;width:100%!important;padding:0!important}.blogger-html-stream p,.blogger-html-stream div{text-align:center!important;color:#555;line-height:1.8;letter-spacing:1px;font-size:.95rem;margin:0 auto!important;width:100%!important;word-break:break-word}.blogger-html-stream br{display:none!important}.hg-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fffffffa;z-index:99999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.25,1,.5,1)}.hg-lightbox-overlay.active{opacity:1;pointer-events:auto}.hg-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.hg-lightbox-content img{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;box-shadow:0 10px 40px #0000000f;transition:opacity .3s ease-in-out}.hg-lightbox-btn{position:absolute;background:none;border:none;color:#999;font-size:2.5rem;cursor:pointer;transition:color .3s ease;padding:20px;z-index:100000}.hg-lightbox-btn:hover{color:#21988e}.close-btn{top:20px;right:30px;font-size:3rem;font-weight:300}.nav-btn{top:50%;transform:translateY(-50%);font-weight:200;font-size:4rem}.left-btn{left:20px}.right-btn{right:20px}.post-footer{text-align:center;margin-top:60px;border-top:1px solid #eee;padding-top:40px}.back-btn{font-family:Andale Mono,monospace!important;font-size:.85rem;color:#888;letter-spacing:2px;text-decoration:none;padding:10px 20px;border:1px solid #eee;transition:all .3s ease}.back-btn:hover{color:#21988e;border-color:#21988e;background-color:#fafafa}.animate-fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.25,1,.5,1) forwards}.animate-fade-up-delayed{opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.25s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.portfolio-detail-container{padding:45px 6px 40px}.post-header{margin-bottom:35px;padding:0 10px}.post-title{font-size:1.35rem;letter-spacing:.05em;line-height:1.45}.post-subtitle{font-size:.85rem;letter-spacing:.05em;margin-bottom:16px}.rich-text-content{padding:0 12px;margin-bottom:35px}.rich-p{font-size:.9rem;line-height:1.75}.vendor-credits-section{padding:24px 12px;margin-bottom:40px}.blogger-html-stream{padding:0;max-width:100%}.blogger-html-stream img{margin:8px auto!important}.vendor-card{font-size:12px}.nav-btn{font-size:2.5rem}.close-btn{top:10px;right:10px;padding:10px}.left-btn{left:0}.right-btn{right:0}.hg-lightbox-content img{max-height:80vh}}