body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:17px;line-height:1.8;color:#333}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",sans-serif;font-weight:700;line-height:1.3;color:#1a1a1a}.site-content{max-width:720px;margin:0 auto;padding:0 20px}body.home .site-content,body.blog .site-content,body.single .site-content,body.page .site-content{max-width:1100px;flex-wrap:wrap}body.single .single-hero{width:100%;flex:0 0 100%}body.single .content-area,body.home .content-area,body.blog .content-area,body.page .content-area{width:100%;flex:0 0 100%}body.single .entry-content,body.page .entry-content{max-width:800px}body.single .breadcrumb-nav,body.page .breadcrumb-nav{max-width:800px}body.page .entry-title{font-size:2em;margin-bottom:.5em;max-width:800px}.site-header{border-bottom:1px solid #eaeaea}.entry-meta{font-size:.9em;color:#666;margin-bottom:1.5em}.entry-meta .reading-time{margin-left:1em}.entry-meta .last-updated{font-style:italic}pre{background:#1e1e1e;color:#d4d4d4;border-radius:6px;padding:1.2em;overflow-x:auto;font-size:.9em;line-height:1.5;position:relative}pre code{background:#fff0;color:inherit;padding:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;background:#f5f5f5;padding:.15em .4em;border-radius:3px;font-size:.9em}.code-copy-btn{position:absolute;top:8px;right:8px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);color:#aaa;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8em;transition:background 0.2s}.code-copy-btn:hover{background:rgb(255 255 255 / .2);color:#fff}.toc-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1.2em 1.5em;margin:1.5em 0 2em}.toc-container h2{font-size:1em;margin:0 0 .8em;padding:0;color:#555;text-transform:uppercase;letter-spacing:.05em}.toc-container ul{list-style:none;padding:0;margin:0}.toc-container li{padding:.25em 0}.toc-container li.toc-h3{padding-left:1.2em}.toc-container a{color:#06c;text-decoration:none}.toc-container a:hover{text-decoration:underline}.related-posts{margin-top:3em;padding-top:2em;border-top:1px solid #eaeaea}.related-posts h2{font-size:1.2em;margin-bottom:1em}.related-posts ul{list-style:none;padding:0}.related-posts li{padding:.5em 0;border-bottom:1px solid #f0f0f0}.related-posts li:last-child{border-bottom:none}.related-posts a{color:#06c;text-decoration:none;font-weight:500}.related-posts a:hover{text-decoration:underline}.related-posts .related-date{font-size:.85em;color:#999;margin-left:.5em}.breadcrumb-nav{font-size:.85em;color:#999;margin-bottom:1.5em;padding:.5em 0}.breadcrumb-nav a{color:#666;text-decoration:none}.breadcrumb-nav a:hover{color:#06c}.breadcrumb-nav .separator{margin:0 .4em;color:#ccc}.post-list-item{padding:1.5em 0;border-bottom:1px solid #f0f0f0}.post-list-item:last-child{border-bottom:none}.post-list-item .entry-title{font-size:1.3em;margin:0 0 .3em}.post-list-item .entry-title a{color:#1a1a1a;text-decoration:none}.post-list-item .entry-title a:hover{color:#06c}.post-list-item .entry-summary{color:#555;font-size:.95em;margin:.5em 0}.post-list-item .post-meta{font-size:.85em;color:#999}.post-list-item .category-tag{background:#e8f4f8;color:#06c;padding:.15em .6em;border-radius:3px;font-size:.8em;text-decoration:none}html.dark-mode{background-color:#1a1a2e}body.dark-mode{background:#1a1a2e;color:#e0e0e0;--base:#2a2a3a;--base-2:#1a1a2e;--base-3:#1e1e2e;--contrast:#e0e0e0;--contrast-2:#aaa;--contrast-3:#666;--accent:#6db3f2}body.dark-mode .site-header,body.dark-mode .main-navigation,body.dark-mode .main-navigation ul ul{background-color:#1e1e2e!important}body.dark-mode .main-navigation .main-nav ul li a,body.dark-mode .main-navigation .menu-toggle{color:#e0e0e0}body.dark-mode .main-navigation .main-nav ul li:hover>a,body.dark-mode .main-navigation .main-nav ul li[class*="current-menu-"]>a{color:#6db3f2}body.dark-mode .site-info,body.dark-mode .footer-widgets{background-color:#1e1e2e!important;color:#aaa}body.dark-mode .site-info a{color:#6db3f2}body.dark-mode .separate-containers .inside-article,body.dark-mode .separate-containers .comments-area,body.dark-mode .separate-containers .page-header,body.dark-mode .separate-containers .paging-navigation{background-color:#1e1e2e!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:#f0f0f0}body.dark-mode a{color:#6db3f2}body.dark-mode code{background:#2d2d3f}body.dark-mode .toc-container{background:#16213e;border-color:#2d2d3f}body.dark-mode .post-list-item{border-color:#2d2d3f}body.dark-mode .post-list-item .entry-title a{color:#f0f0f0}body.dark-mode .category-tag{background:#16213e;color:#6db3f2}body.dark-mode .breadcrumb-nav a{color:#aaa}body.dark-mode .related-posts{border-color:#2d2d3f}body.dark-mode .site-header{border-color:#2d2d3f;border-bottom:1px solid #2d2d3f}body.dark-mode .site-branding .main-title a{color:#f0f0f0}.header-actions{position:fixed;top:12px;right:16px;z-index:1000;display:flex;align-items:center;gap:8px}.header-action-btn{background:rgb(255 255 255 / .9);border:1px solid #ddd;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1em;transition:background 0.2s;color:#333;padding:0}.header-action-btn:hover{background:#f0f0f0}body.dark-mode .header-action-btn{background:rgb(30 30 46 / .9);border-color:#555;color:#f0f0f0}body.dark-mode .header-action-btn:hover{background:#2d2d3f}.search-toggle svg{width:18px;height:18px}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .6);z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:opacity 0.25s,visibility 0.25s}.search-overlay.active{opacity:1;visibility:visible}.search-overlay-inner{background:#fff;border-radius:12px;padding:32px;width:90%;max-width:600px;position:relative;box-shadow:0 20px 60px rgb(0 0 0 / .3);transform:translateY(-20px);transition:transform 0.25s}.search-overlay.active .search-overlay-inner{transform:translateY(0)}.search-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:4px 8px}.search-close:hover{color:#333}.search-overlay-form{display:flex;gap:8px;align-items:center}.search-overlay-form input[type="search"]{flex:1;font-size:1.2em;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;outline:none;background:#f9f9f9;transition:border-color 0.2s}.search-overlay-form input[type="search"]:focus{border-color:#06c;background:#fff}.search-overlay-form .search-submit{background:#06c;color:#fff;border:none;border-radius:8px;padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.search-overlay-form .search-submit:hover{background:#0052a3}body.dark-mode .search-overlay-inner{background:#1e1e2e}body.dark-mode .search-close{color:#777}body.dark-mode .search-close:hover{color:#ccc}body.dark-mode .search-overlay-form input[type="search"]{background:#2a2a3a;border-color:#3a3a4a;color:#e0e0e0}body.dark-mode .search-overlay-form input[type="search"]:focus{border-color:#6db3f2;background:#2a2a3a}body.dark-mode .search-overlay-form .search-submit{background:#4a9eff}body.dark-mode .search-overlay-form .search-submit:hover{background:#3a8eef}@media (max-width:768px){body{font-size:16px}.site-content{padding:0 15px}pre{font-size:.85em;padding:1em;border-radius:0;margin-left:-15px;margin-right:-15px}.toc-container{margin:1em 0}h1{font-size:1.6em}h2{font-size:1.3em}h3{font-size:1.1em}}.category-tabs{display:flex;gap:8px;padding:12px 0;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{display:inline-block;background:none;border:none;padding:8px 16px;font-size:.9em;font-family:inherit;color:#666;cursor:pointer;white-space:nowrap;border-bottom:2px solid #fff0;transition:color 0.2s,border-color 0.2s;text-decoration:none}.cat-tab:hover{color:#06c}.cat-tab.active{color:#06c;border-bottom-color:#06c;font-weight:600}body.dark-mode .cat-tab{color:#aaa}body.dark-mode .cat-tab:hover{color:#6db3f2}body.dark-mode .cat-tab.active{color:#6db3f2;border-bottom-color:#6db3f2}.hero-post{margin-bottom:32px;border-radius:12px;overflow:hidden}.hero-link{text-decoration:none;color:inherit;display:block}.hero-image{position:relative;aspect-ratio:16 / 7;overflow:hidden;background:#607D8B}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 32px 28px;background:linear-gradient(transparent,rgb(0 0 0 / .7));color:#fff}.hero-title{font-size:1.6em;margin:8px 0;color:#fff;line-height:1.3}.hero-excerpt{font-size:.95em;margin:0 0 8px;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{font-size:.85em;opacity:.8}.hero-post:hover .hero-image img{transform:scale(1.03);transition:transform 0.4s ease}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.post-card{border-radius:8px;overflow:hidden;background:#fff;border:1px solid #eaeaea;transition:box-shadow 0.2s,transform 0.2s}.post-card:hover{box-shadow:0 4px 16px rgb(0 0 0 / .1);transform:translateY(-2px)}.card-link{text-decoration:none;color:inherit;display:block}.card-image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#607D8B}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.cat-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:.75em;font-weight:600;color:#fff;background:rgb(0 0 0 / .5)}.hero-overlay .cat-badge{margin-bottom:4px}.card-image .cat-badge{position:absolute;top:10px;left:10px}.cat-idempiere{background:#2196F3}.cat-iot{background:#4CAF50}.cat-linux,.cat-it-tools{background:#9C27B0}.cat-wordpress{background:#21759B}.cat-apple,.cat-ai,.cat-productivity{background:#FF9800}.cat-sap{background:#2196F3}.card-body{padding:16px}.card-title{font-size:1em;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt{font-size:.88em;color:#666;margin:0 0 10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:.8em;color:#999}.placeholder-idempiere{background:linear-gradient(135deg,#1976D2,#42A5F5)}.placeholder-iot{background:linear-gradient(135deg,#388E3C,#66BB6A)}.placeholder-devops{background:linear-gradient(135deg,#7B1FA2,#AB47BC)}.placeholder-wordpress{background:linear-gradient(135deg,#1565A7,#3B8DBD)}.placeholder-programming{background:linear-gradient(135deg,#E65100,#FFA726)}.placeholder-default{background:linear-gradient(135deg,#455A64,#78909C)}.placeholder-idempiere::after,.placeholder-iot::after,.placeholder-devops::after,.placeholder-wordpress::after,.placeholder-programming::after,.placeholder-default::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;opacity:.3;background-size:contain;background-repeat:no-repeat;background-position:center}.placeholder-idempiere::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 0 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z'/%3E%3C/svg%3E")}.placeholder-iot::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E")}.placeholder-devops::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20 19V7H4v12h16m0-14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7c0-1.11.89-2 2-2h16M7 9h10v2H7V9m0 4h7v2H7v-2z'/%3E%3C/svg%3E")}.placeholder-wordpress::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm-1.04 17.54L7.1 9.41h2.24l2.24 6.7 2.24-6.7h2.24l-3.86 10.13a8.04 8.04 0 0 1-2.24.05z'/%3E%3C/svg%3E")}.placeholder-programming::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M8 3a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2H3v2h1a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h2v-2H8v-5a2 2 0 0 0-1-1.73A2 2 0 0 0 8 9.27V5h2V3H8zm8 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 1-1.73A2 2 0 0 1 16 9.27V5h-2V3h2z'/%3E%3C/svg%3E")}.placeholder-default::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}.homepage-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:24px 0;font-size:.9em}.homepage-pagination a{color:#06c;text-decoration:none;padding:8px 16px;border:1px solid #eaeaea;border-radius:6px;transition:background 0.2s}.homepage-pagination a:hover{background:#f0f4f8}.homepage-pagination .page-info{color:#999;font-size:.9em}body.dark-mode .homepage-pagination a{border-color:#2d2d3f;color:#6db3f2}body.dark-mode .homepage-pagination a:hover{background:#2d2d3f}body.dark-mode .post-card{background:#16213e;border-color:#2d2d3f}body.dark-mode .post-card:hover{box-shadow:0 4px 16px rgb(0 0 0 / .3)}body.dark-mode .card-title{color:#f0f0f0}body.dark-mode .card-excerpt{color:#aaa}body.dark-mode .hero-post{border-color:#2d2d3f}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-image{aspect-ratio:16 / 9}.hero-overlay{position:relative;background:none;color:#333;padding:16px 0}body.dark-mode .hero-overlay{color:#e0e0e0}.hero-title{font-size:1.3em;color:#1a1a1a}body.dark-mode .hero-title{color:#f0f0f0}.hero-excerpt{opacity:1;color:#555}body.dark-mode .hero-excerpt{color:#aaa}.hero-meta{opacity:1;color:#999}.card-grid{grid-template-columns:1fr;gap:16px}.category-tabs{padding:8px 0;margin-bottom:16px}}.single-hero{margin-bottom:24px}.single-hero-image{position:relative;aspect-ratio:16 / 7;overflow:hidden;background:#607D8B}.single-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.single-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:48px 40px 32px;background:linear-gradient(transparent,rgb(0 0 0 / .75));color:#fff}.single-hero-title{font-size:2em;margin:10px 0;color:#fff;line-height:1.3;max-width:800px}.single-hero-meta{font-size:.9em;opacity:.85}.single-hero-meta .last-updated{font-style:italic}.single .breadcrumb-nav{margin-bottom:2em;padding-top:0}.author-box{display:flex;align-items:flex-start;gap:20px;margin-top:3em;padding:24px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;max-width:800px}.author-avatar{border-radius:50%;flex-shrink:0}.author-info{flex:1}.author-label{display:block;font-size:.8em;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.author-name{font-size:1.1em;font-weight:600;text-decoration:none}.author-bio{margin:6px 0 0;font-size:.9em;color:#666;line-height:1.6}body.dark-mode .author-box{border-color:#2d2d3f}body.dark-mode .author-label{color:#777}body.dark-mode .author-bio{color:#aaa}.related-posts-cards{margin-top:3em;padding-top:2em;border-top:1px solid #eaeaea}.related-posts-cards h2{font-size:1.3em;margin-bottom:1em}.related-posts-cards .card-grid{grid-template-columns:repeat(3,1fr)}body.dark-mode .single-hero-overlay{background:linear-gradient(transparent,rgb(0 0 0 / .85))}body.dark-mode .related-posts-cards{border-color:#2d2d3f}@media (max-width:1024px){.related-posts-cards .card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.single-hero-image{aspect-ratio:16 / 9}.single-hero-overlay{position:relative;background:none;color:#333;padding:16px 20px}body.dark-mode .single-hero-overlay{color:#e0e0e0}.single-hero-title{font-size:1.5em;color:#1a1a1a}body.dark-mode .single-hero-title{color:#f0f0f0}.single-hero-meta{opacity:1;color:#666}body.dark-mode .single-hero-meta{color:#aaa}.related-posts-cards .card-grid{grid-template-columns:1fr}}