/*
 * Generated by pagepress
 * created: 2026-09-30T23:52:54+08:00
 * version: 1.0.0
 * mode: prod
 * AUTO-GENERATED, DO NOT EDIT
 */
:root{--cc-primary: #ffcc00;--cc-spacing: 16px;--cc-spacing-sm: 8px;--cc-spacing-lg: 32px;--cc-border-radius: 8px;--cc-max-width: 1680px;--cc-radius: 8px;--cc-radius-sm: 4px;--cc-radius-lg: 16px}.cc-grid{margin-bottom:var(--cc-spacing-lg)}.page-content{background-color:#ddd}.page-content>.sections .cc-section{background-color:#fff;margin-bottom:calc(var(--cc-spacing-xl) * 1.5)}.page-content>.sections .cc-section>.cc-section__content .cc-grid{gap:var(--cc-spacing-xl)}.page-content>.cc-hero{background-color:#333}.page-content>.cc-hero h1,.page-content>.cc-hero h2,.page-content>.cc-hero h3,.page-content>.cc-hero h4,.page-content>.cc-hero h5,.page-content>.cc-hero h6,.page-content>.cc-hero p{color:#fff}

.cc-breadcrumb__item{font-size:var(--cc-font-size-md);text-transform:capitalize}.cc-hero .cc-breadcrumb{justify-content:center}.cc-hero .cc-breadcrumb__link,.cc-hero .cc-breadcrumb__text,.cc-hero .cc-breadcrumb__sep{color:#ddd}

.image-gallery{--thumb-size: 80px;--thumb-gap: 8px;--visible-thumbs: 5;display:flex;width:100%}.image-gallery--thumbs-bottom{flex-direction:column;gap:12px}.image-gallery--thumbs-left{flex-direction:row;gap:16px}.image-gallery--thumbs-right{flex-direction:row-reverse;gap:16px}.image-gallery__main{position:relative;flex:1 1 auto;min-width:0;min-height:0;background:#f5f5f5;border-radius:4px;overflow:hidden}.image-gallery__main:before{content:"";display:block;padding-top:75%}.image-gallery__main-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;display:block}.image-gallery__main-img--active{opacity:1}.image-gallery__nav{display:flex;align-items:center;gap:4px;flex:0 0 auto}.image-gallery--thumbs-bottom .image-gallery__nav{flex-direction:row}.image-gallery--thumbs-left .image-gallery__nav,.image-gallery--thumbs-right .image-gallery__nav{flex-direction:column}.image-gallery__nav-prev,.image-gallery__nav-next{appearance:none;border:1px solid var(--cc-border-color, #ddd);background:#fffffff2;color:#333;cursor:pointer;font-size:20px;line-height:1;padding:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.image-gallery--thumbs-bottom .image-gallery__nav-prev,.image-gallery--thumbs-bottom .image-gallery__nav-next{width:32px;height:var(--thumb-size)}.image-gallery--thumbs-left .image-gallery__nav-prev,.image-gallery--thumbs-left .image-gallery__nav-next,.image-gallery--thumbs-right .image-gallery__nav-prev,.image-gallery--thumbs-right .image-gallery__nav-next{width:var(--thumb-size);height:32px}.image-gallery__nav-prev[hidden],.image-gallery__nav-next[hidden]{display:none}.image-gallery__nav-prev:hover,.image-gallery__nav-next:hover,.image-gallery__nav-prev:focus-visible,.image-gallery__nav-next:focus-visible{background:var(--cc-primary, #333);color:#fff;outline:none}.image-gallery__strip-wrap{flex:0 0 auto;overflow:hidden}.image-gallery--thumbs-bottom .image-gallery__strip-wrap{width:calc(var(--thumb-size) * var(--visible-thumbs) + var(--thumb-gap) * (var(--visible-thumbs) - 1))}.image-gallery--thumbs-left .image-gallery__strip-wrap,.image-gallery--thumbs-right .image-gallery__strip-wrap{height:calc(var(--thumb-size) * var(--visible-thumbs) + var(--thumb-gap) * (var(--visible-thumbs) - 1))}.image-gallery__strip{display:flex;flex-direction:row;gap:var(--thumb-gap);list-style:none;margin:0;padding:0;transition:transform .3s ease;will-change:transform}.image-gallery--thumbs-left .image-gallery__strip,.image-gallery--thumbs-right .image-gallery__strip{flex-direction:column}.image-gallery__thumb{flex:0 0 auto}.image-gallery__thumb-btn{appearance:none;background:transparent;border:2px solid transparent;padding:0;margin:0;cursor:pointer;display:block;width:var(--thumb-size);height:var(--thumb-size);overflow:hidden;border-radius:2px;opacity:.55;transition:opacity .2s ease,border-color .2s ease}.image-gallery__thumb-btn:hover{opacity:.9}.image-gallery__thumb--active .image-gallery__thumb-btn{opacity:1;border-color:var(--cc-primary, #333)}.image-gallery__thumb-btn:focus-visible{outline:none;border-color:var(--cc-primary, #333)}.image-gallery__thumb-img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:640px){.image-gallery--thumbs-left,.image-gallery--thumbs-right{flex-direction:column;gap:12px}.image-gallery--thumbs-left .image-gallery__nav,.image-gallery--thumbs-right .image-gallery__nav,.image-gallery--thumbs-left .image-gallery__strip,.image-gallery--thumbs-right .image-gallery__strip{flex-direction:row}.image-gallery--thumbs-left .image-gallery__nav-prev,.image-gallery--thumbs-left .image-gallery__nav-next,.image-gallery--thumbs-right .image-gallery__nav-prev,.image-gallery--thumbs-right .image-gallery__nav-next{width:32px;height:var(--thumb-size)}}

.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{min-height:60px}.cc-header-container{z-index:50;position:sticky;top:0;left:0;right:0}.cc-header__inner{border:none!important}.main-logo{height:32px}.layout-body{flex:1}.layout-footer{min-height:60px}

.main-menu{flex-wrap:wrap;justify-content:flex-end}.cc-menu-panel .tabs{border-right:1px solid var(--cc-border-color)}.resource-sub-menu,.resource-sub-menu-items{display:flex;flex-direction:column;align-items:start;gap:0;margin:0}.resource-sub-menu a,.resource-sub-menu-items a{border-bottom:none!important;text-transform:none!important}.resource-sub-menu .active a{color:var(--cc-primary);font-weight:700}.main-menu .tab-view__content{display:block;opacity:0;visibility:hidden;transform:translate(20px);pointer-events:none}.main-menu .tab-view__content.active{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;animation:main-menu-tab-content-slide-in .3s ease}@keyframes main-menu-tab-content-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.main-menu #resources-menu-tab-view>*:last-child{display:grid}.main-menu #resources-menu-tab-view>*:last-child>.tab-view__content{grid-area:1 / 1}

.layout-footer{background-color:#232323}.page-footer{max-width:var(--cc-max-width);margin:0 auto;padding:var(--cc-spacing-xl);display:flex;flex-direction:column;gap:var(--cc-spacing-xl)}.footer-menu{--cc-menu-color: #eee;align-items:start}.footer-menu .cc-menu--level-1{position:relative;background-color:transparent;display:flex!important;flex-direction:column;align-items:start;border:none;padding:0;gap:0}.footer-menu .cc-menu--level-2{display:none}.footer-menu a{min-width:160px!important;max-width:240px!important;color:#eee}.footer-menu a:hover{color:var(--cc-primary)}.footer-bottom{border-top:1px solid #999;padding-top:var(--cc-spacing-lg);text-align:center;color:#eee}

@charset "UTF-8";.demo{background-color:#fff;padding:24px}.demo h2{font-size:24px}.demo .cc-hero{background-color:#333}.demo .cc-hero h1,.demo .cc-hero h2,.demo .cc-hero h3,.demo .cc-hero h4,.demo .cc-hero h5,.demo .cc-hero h6,.demo .cc-hero p{color:#fff}.demo .cc-hero--dark{background:linear-gradient(135deg,#1f2937,#111827)}.description{white-space:pre-wrap;line-height:1.8}.code{display:block;padding-left:16px;padding-right:16px;border:1px solid #ddd;border-radius:8px;background-color:#e5e5e5}pre{white-space:pre-wrap;word-wrap:break-word}