@charset "UTF-8";/*!------------------------------------------------------------------
[MAIN STYLESHEET]
PROJECT: Project Name
VERSION: Versoin Number
-------------------------------------------------------------------*/@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";:root{--primary-bg-color:#F9F7F2;--primary-text-color:#4A4A4A;--secondary-text-color:#7a7a7a;--widget-title-color:#333333;--footer-bg-color:#F0EFEB;--footer-text-color:#666666;--border-color:#CDCAC6;--secondary-bg-color:#FFFFFF;--dark-overlay:rgba(0, 0, 0, 0.3);--primary-color:#6B9080;--secondary-color:#E07A5F;--primary-color-translucent:rgba(107, 144, 128, 0.8);--primary-color-translucent-light:rgba(107, 144, 128, 0.1)}body.dark-mode{--primary-bg-color:#2D2A26;--primary-text-color:#E6E2DD;--secondary-text-color:#A8A4A0;--widget-title-color:#F0EFEB;--footer-bg-color:#23201D;--footer-text-color:#999999;--border-color:#403D39;--secondary-bg-color:#35322E;--dark-overlay:rgba(0, 0, 0, 0.6);--primary-color:#81B29A;--secondary-color:#E07A5F}body{line-height:1.8;font-family:noto sans tc,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;color:var(--primary-text-color);background-color:var(--primary-bg-color);transition:background-color .4s ease,color .4s ease}p,.paragraph{font-weight:400;color:var(--primary-text-color);font-size:17px;line-height:1.9;font-family:noto sans tc,sans-serif;margin-bottom:2rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--widget-title-color);font-weight:700;line-height:1.4;margin-bottom:1rem;letter-spacing:-.02em}.h1:not([class^=ti-]),.h2:not([class^=ti-]),.h3:not([class^=ti-]),.h4:not([class^=ti-]),.h5:not([class^=ti-]),.h6:not([class^=ti-]),h1:not([class^=ti-]),h2:not([class^=ti-]),h3:not([class^=ti-]),h4:not([class^=ti-]),h5:not([class^=ti-]),h6:not([class^=ti-]){font-family:noto serif tc,songti tc,serif}a.h1,a.h2,a.h3,a.h4,a.h5,a.h6{color:var(--widget-title-color)}h1,.h1{font-size:2.8rem}h2,.h2{font-size:2.2rem}h3,.h3{font-size:1.8rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}blockquote{font-family:noto serif tc,songti tc,serif;font-style:italic;font-size:1.2rem;color:var(--primary-color);border-left:4px solid var(--secondary-color);padding-left:20px;background:0 0}.btn{font-family:noto sans tc,sans-serif;font-weight:500;padding:10px 24px;border-radius:6px;text-transform:uppercase;letter-spacing:1px;font-size:13px;transition:all .3s ease;border:1px solid transparent}.btn:focus{box-shadow:none}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background-color:#608173;border-color:#608173;transform:translateY(-2px)}.btn-outline-primary{background:0 0;color:var(--secondary-color);border-color:var(--secondary-color)}.btn-outline-primary:hover{background-color:var(--secondary-color);color:#fff}.btn-read-more{background:0 0;color:var(--primary-color);padding:0;border:none;font-weight:700}.btn-read-more:hover{background:0 0;color:var(--secondary-color);text-decoration:underline}body{background-color:var(--primary-bg-color,#F9F7F2);background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:40px 40px;background-position:50%}.section{padding-top:80px;padding-bottom:80px}.shadow-sm{box-shadow:0 2px 4px rgba(0,0,0,2%)}.shadow,.shadow-md{box-shadow:0 4px 12px rgba(0,0,0,4%)}.shadow-lg{box-shadow:0 10px 25px rgba(0,0,0,6%)}.rounded,.rounded-sm,.rounded-md,.rounded-lg,.rounded-xl{border-radius:8px!important}.glass-panel{background:var(--secondary-bg-color);border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,3%)}a,button,select{transition:all .2s ease-out}a:focus,button:focus,select:focus{outline:none}a:hover{color:var(--secondary-color)}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important}.text-dark{color:var(--primary-text-color)!important}.text-light{color:var(--secondary-text-color)!important}.form-control{background-color:var(--secondary-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:10px 15px;color:var(--primary-text-color)}.form-control:focus{border-color:var(--primary-color);box-shadow:none}#return-to-top{position:fixed;bottom:30px;right:30px;background:var(--secondary-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;visibility:hidden;transition:all .3s;z-index:1000}#return-to-top.show{opacity:1;visibility:visible}#return-to-top:hover{transform:translateY(-3px)}img{max-width:100%;height:auto}.slick-dots{display:flex!important;justify-content:center;list-style:none!important;padding:0!important;margin:20px 0 0!important;width:100%}.slick-dots li{margin:0 5px;padding:0;list-style:none!important}.slick-dots li::before{display:none!important}.slick-dots li button{font-size:0;line-height:0;display:block;width:12px;height:12px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:var(--primary-color,#6B9080);border-radius:50%;opacity:.3;transition:all .3s ease}.slick-dots li button:hover{opacity:.7}.slick-dots li.slick-active button{opacity:1;transform:scale(1.2)}.slick-prev,.slick-next{z-index:10}.slick-prev::before,.slick-next::before{color:var(--primary-color)!important;opacity:1!important}.navbar,header .navbar,body .navbar{position:fixed!important;top:0;left:0;width:100%;background-color:var(--primary-bg-color,#f5f5f5)!important;z-index:1030;box-shadow:0 2px 10px rgba(0,0,0,.1)!important;transition:all .3s ease;opacity:1!important;backdrop-filter:none!important}body{padding-top:70px}.nav-item{margin:0}.nav-item .nav-link{text-transform:capitalize}.navbar-white .navbar-nav .nav-link{color:var(--primary-text-color,#333333)!important}.navbar-white .navbar-nav .nav-link:hover{color:var(--primary-color,#2c3e50)!important}.navbar-expand-lg .navbar-nav .nav-link{padding:20px}.mobile-view{display:none}@media(max-width:991px){.mobile-view{display:block}}.desktop-view{display:block}@media(max-width:991px){.desktop-view{display:none}}.search-btn{border:0;background:0 0;border-right:1px solid var(--border-color,#dee2e6);border-left:1px solid var(--border-color,#dee2e6);color:var(--primary-text-color,#333333)!important}.search-wrapper{position:absolute;top:0;left:0;right:0;height:100%;z-index:2;visibility:hidden;transition:.2s ease;opacity:0}.search-wrapper.open{visibility:visible;opacity:1}.search-box{height:100%;width:100%;border:0;background:var(--primary-bg-color,#ffffff);font-size:20px;padding:0}.search-box:focus{box-shadow:none!important}.search-close{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:0 0;page-break-after:10px;font-size:20px;color:var(--primary-text-color,#333333)}.navbar{background-color:var(--primary-bg-color,#f5f5f5)!important;box-shadow:0 2px 10px rgba(0,0,0,.1)!important}.navbar .navbar-nav .nav-link,.navbar .navbar-brand,.navbar .search-btn{color:var(--primary-text-color,#333333)!important}.navbar .navbar-nav .nav-link:hover{color:var(--primary-color,#2c3e50)!important}.navbar-brand{color:var(--primary-text-color,#333333)!important}.navbar-toggler-icon{background-color:var(--primary-text-color,#333333)}.about-me-nav{color:var(--accent-color-1,#ff0000)!important}.about-me-nav:hover{color:var(--accent-color-2,#00ff00)!important}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:inline-block;height:24px;position:relative;width:50px;margin-bottom:0}.theme-switch input{display:none}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:#fff;bottom:2px;content:"";height:20px;left:2px;position:absolute;transition:.4s;width:20px}input:checked+.slider{background-color:var(--primary-color,#6B9080)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.card{border:0;border-radius:0}.card-header,.card-footer,.card-img,.card-img-top{border:0;border-radius:0}.featured-post .card-title{margin-left:-10%}@media(max-width:767px){.featured-post .card-title{margin-left:0;font-size:30px}}@media screen and (min-width:600px){.featured-post-slider .slick-dots{position:absolute;height:100%;right:0;top:0;display:flex;flex-direction:column}.featured-post-slider .slick-dots li{flex:auto;position:relative;list-style-type:none}.featured-post-slider .slick-dots li button{position:absolute;padding:0;border:0;background:var(--border-color,#CDCAC6);color:transparent;overflow:hidden;width:1px;height:100%;transition:0s}.featured-post-slider .slick-dots li.slick-active button{background:var(--primary-color,#6B9080);width:6px;left:-2px}}@media screen and (max-width:599px){.featured-post-slider .slick-dots{position:absolute;height:5px;width:100%;right:0;bottom:-40px;display:flex;padding:0}.featured-post-slider .slick-dots li{flex:auto;position:relative;list-style-type:none;width:100%;height:100%}.featured-post-slider .slick-dots li button{position:absolute;padding:0;border:0;background:var(--border-color,#CDCAC6);color:transparent;overflow:hidden;width:100%;height:1px}.featured-post-slider .slick-dots li.slick-active button{background:var(--primary-color,#6B9080);top:-2px;height:5px}}.post-meta span{color:var(--secondary-text-color,#444);font-weight:500}.recent-post-thumb{height:100px;width:100px;border-radius:50%;background-position:50%;background-size:cover;background-repeat:no-repeat}.small-post-border:not(:last-child){border-right:1px solid var(--border-color,#CDCAC6)}@media(max-width:991px){.small-post-border:not(:last-child){border-right:0;border-bottom:1px solid var(--border-color,#CDCAC6);margin-bottom:20px;padding-bottom:20px}}.widgets{padding-left:25px;border-left:1px solid var(--border-color,#eee)}@media(max-width:991px){.widgets{padding-left:0;border-left:0}}.widget{text-align:center;margin-bottom:50px}.widget-title{display:inline-block;border-top:.5px solid var(--primary-color,#6B9080);border-bottom:.5px solid var(--primary-color,#6B9080);padding:10px 0;margin-bottom:20px;color:var(--widget-title-color);transition:color .3s}.widget li{margin-bottom:10px}.widget li a{color:var(--primary-text-color,#4A4A4A)}.widget li a:hover{color:var(--primary-color,#6B9080)}.social-links li a{height:35px;width:35px;background:var(--primary-color,#6B9080);color:var(--primary-bg-color,#FFFFFF);display:block;line-height:35px}.social-links li a:hover{color:var(--primary-bg-color,#FFFFFF)}.pagination{justify-content:center}.pagination .page-item .page-link{display:inline-block;width:40px;height:40px;text-align:center;color:var(--primary-color,#6B9080);border-top:0;border-bottom:0}.pagination .page-item .page-link:hover{background:var(--primary-color,#6B9080);color:var(--primary-bg-color,#FFFFFF)}.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{border-radius:0}.pagination .page-item.active .page-link{background:var(--primary-bg-color,#FFFFFF);color:var(--primary-text-color,#4A4A4A);border:1px solid var(--primary-color,#6B9080)}.author-thumb-sm{max-height:165px;max-width:165px}.content *{font:Arial,Helvetical,微軟正黑體,sans-serif;margin-bottom:20px}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:10px}.content ol{padding-left:20px}.content ul{padding-left:0}.content ul li{position:relative;padding-left:20px;margin-bottom:15px;list-style-type:none}.content ul li::before{position:absolute;content:"\e71b";font-family:themify;font-size:14px;left:0;top:1px;color:var(--primary-color,#6B9080);transition:.3s ease}.content table{text-align:left;width:100%;max-width:100%;margin-bottom:1rem;border:1px solid var(--border-color,#dee2e6)}.content table th,.content table td{padding:.75rem;vertical-align:top;border:1px solid var(--border-color,#dee2e6)}.content table thead{background:var(--secondary-bg-color,#f6f3eb)}.content table tbody{background:var(--secondary-bg-color,#F9F7F2)}.content table tbody td{text-align:left!important}.content blockquote{padding:20px;background:var(--secondary-bg-color,#F9F7F2);border-left:3px solid var(--primary-color,#6B9080)}.content blockquote p{margin-bottom:0;color:var(--primary-text-color,#333333);font-style:italic!important}.content pre{padding:10px 20px;background:#1e1e1e;border-radius:6px}.content pre code{border:0;background:0 0;padding:0;color:#f0f0f0}.content a{color:var(--primary-color,#6B9080)}.content a:hover{text-decoration:underline}.content code{padding:3px 5px;background:var(--secondary-bg-color,#F9F7F2);border:1px solid var(--border-color,#CDCAC6);border-radius:3px;color:var(--primary-text-color,#333333)}footer a{color:var(--primary-text-color)!important}footer a:hover{color:var(--primary-color,#6B9080)!important;text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:microsoft jhenghei,Arial,sans-serif;line-height:1.6}.timeline{position:relative;max-width:1600px;margin:20px auto;padding:20px}.timeline::after{content:'';position:absolute;width:3px;background-color:var(--primary-text-color,#333333);top:0;bottom:0;left:50%;margin-left:-1px;border-radius:2px}.timeline-item{padding:10px 15px;position:relative;width:50%;box-sizing:border-box}.timeline-item:nth-child(odd){left:0;padding-right:30px}.timeline-item:nth-child(even){left:50%;padding-left:30px}.timeline-content{padding:25px 30px;background-color:var(--primary-bg-color,white);border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);position:relative;transition:all .3s ease;min-height:150px;width:calc(100% - 5px)}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.timeline-year{display:inline-block;padding:6px 20px;background-color:var(--primary-text-color,#2c2c2c);color:var(--primary-bg-color,white);border-radius:20px;font-weight:700;margin-bottom:15px}.timeline-content h3{color:var(--primary-text-color,#1a1a1a);margin:15px 0;font-size:1.3em}.timeline-content p{color:var(--primary-text-color,#4a4a4a);margin:10px 0;line-height:1.8}.timeline-item::before{content:'';position:absolute;width:20px;height:20px;background-color:var(--primary-bg-color,white);border:4px solid var(--primary-text-color,#333333);border-radius:50%;top:50%;transform:translateY(-50%);z-index:1}.timeline-item:nth-child(odd)::before{right:-10px}.timeline-item:nth-child(even)::before{left:-10px}.timeline-item::after{content:'';position:absolute;width:40px;height:2px;background-color:var(--primary-text-color,#333333);top:50%;z-index:0}.timeline-item:nth-child(odd)::after{right:0}.timeline-item:nth-child(even)::after{left:0}@media screen and (max-width:768px){.timeline::after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(even){left:0}.timeline-item::before{left:21px;right:auto}.timeline-item::after{left:31px;width:40px}.timeline-content{width:calc(100% - 2px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item{animation:fadeIn .6s ease-out forwards;opacity:0}.timeline-item:nth-child(1){animation-delay:.2s}.timeline-item:nth-child(2){animation-delay:.4s}.timeline-item:nth-child(3){animation-delay:.6s}.skills-container{padding:20px;margin-top:30px}.skills-container .skill-category{margin-bottom:30px}.skills-container .skill-category h5{color:var(--primary-text-color,#000000);margin-bottom:15px;font-weight:700;text-align:left;font-size:1.1em;letter-spacing:.5px}.skills-container .skill-item{margin-bottom:15px}.skills-container .skill-name{font-size:1em;color:var(--primary-text-color,#000000);margin-bottom:8px;text-align:left;font-weight:500;letter-spacing:.3px}.skills-container .skill-bar{height:10px;background:var(--secondary-bg-color,#e9ecef);border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.skills-container .skill-bar .skill-level{height:100%;border-radius:5px;width:0;transition:width 1.5s ease-out}.skills-container .skill-bar .skill-level[style*="width: 95"]{background:#27ae60;animation:fillBar95 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 90"]{background:#2ecc71;animation:fillBar90 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 85"]{background:#3498db;animation:fillBar85 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 80"]{background:#3498db;animation:fillBar80 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 75"]{background:#f1c40f;animation:fillBar75 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 70"]{background:#f1c40f;animation:fillBar70 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 65"]{background:#e67e22;animation:fillBar65 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 50"]{background:#f1c40f;animation:fillBar50 1.5s ease-out forwards}.skills-container .skill-bar .skill-level[style*="width: 40"]{background:#e67e22;animation:fillBar40 1.5s ease-out forwards}@keyframes fillBar95{from{width:0}to{width:95%}}@keyframes fillBar90{from{width:0}to{width:90%}}@keyframes fillBar85{from{width:0}to{width:85%}}@keyframes fillBar80{from{width:0}to{width:80%}}@keyframes fillBar75{from{width:0}to{width:75%}}@keyframes fillBar70{from{width:0}to{width:70%}}@keyframes fillBar65{from{width:0}to{width:65%}}@keyframes fillBar50{from{width:0}to{width:50%}}@keyframes fillBar40{from{width:0}to{width:40%}}@media(max-width:768px){.skills-container{padding:15px}.skills-container .skill-category{margin-bottom:25px}.skills-container .skill-category h5{font-size:1.05em;color:var(--primary-text-color,#000000)}.skills-container .skill-name{font-size:.95em;color:var(--primary-text-color,#000000)}.skills-container .skill-bar{height:8px}}.toc-container{background-color:var(--secondary-bg-color,#f8f9fa);border:1px solid var(--border-color,#e9ecef);border-radius:4px;padding:15px;margin-bottom:30px}.toc-container.sticky-toc{position:sticky;top:80px;max-height:calc(100vh - 120px);overflow-y:auto;transition:all .3s ease}@media(max-width:991px){.toc-container.sticky-toc{position:static;max-height:none}}.toc-container .toc-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;cursor:pointer}.toc-container .toc-title:after{content:" [-]";font-size:.8rem;color:var(--secondary-text-color,#6c757d)}.toc-container.collapsed .toc-title:after{content:" [+]"}.toc-container.collapsed .toc-content{display:none}.toc-container .toc-content nav ul{list-style-type:none;padding-left:15px;margin-bottom:0}.toc-container .toc-content nav ul li{margin-bottom:5px}.toc-container .toc-content nav ul li a{color:var(--primary-text-color,#495057);text-decoration:none;font-size:.95rem}.toc-container .toc-content nav ul li a:hover{color:var(--primary-color,#007bff);text-decoration:underline}.toc-container .toc-content nav ul li a.active{color:var(--primary-color,#007bff);font-weight:600}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{scroll-margin-top:80px}.toc-placeholder{display:none}.toc-placeholder.active{display:block;width:100%;height:1px}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--secondary-bg-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;transition:all .3s ease;height:100%;text-decoration:none!important;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,2%)}.category-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,8%);border-color:var(--primary-color)}.category-card:hover .category-name{color:var(--primary-color)}.category-card:hover .category-count{background-color:var(--primary-color);color:#fff}.category-card .category-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--secondary-text-color);transition:color .3s ease}.category-card .category-name{font-family:noto serif tc,songti tc,serif;font-size:1.25rem;font-weight:600;color:var(--primary-text-color);margin-bottom:.5rem;text-align:center;transition:color .3s ease}.category-card .category-count{display:inline-flex;align-items:center;justify-content:center;background-color:var(--footer-bg-color);color:var(--secondary-text-color);border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;transition:all .3s ease}.category-card .category-count::before{content:"Total posts: ";margin-right:4px;font-size:.75rem;opacity:.7}.category-slider{margin:0 -10px}.category-slider .slick-list{margin:0}.slick-prev,.slick-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;border:none;cursor:pointer;z-index:10;font-size:0;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.slick-prev:hover,.slick-next:hover{background-color:#557366;box-shadow:0 4px 8px rgba(0,0,0,.3)}.slick-prev::before,.slick-next::before{font-family:themify;font-size:18px;color:#fff;display:block;line-height:40px;text-align:center}.slick-prev{left:-15px}.slick-prev::before{content:"\e629"}.slick-next{right:-15px}.slick-next::before{content:"\e628"}@media(max-width:768px){.slick-prev{left:0}.slick-next{right:0}}.sidebar-container{background-color:var(--secondary-bg-color);border:1px solid var(--border-color);border-radius:8px;padding:30px;box-shadow:none}.sidebar-container .sidebar-title{font-family:noto serif tc,songti tc,serif;font-size:18px;font-weight:700;color:var(--widget-title-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:25px;display:inline-block;width:100%}.sidebar-container .widget .list-inline .list-inline-item{margin:0 5px 8px 0}.sidebar-container .widget .list-inline .list-inline-item a{background:var(--tag-bg);color:var(--tag-text);font-size:13px;padding:5px 12px;border-radius:4px;transition:all .2s}.sidebar-container .widget .list-inline .list-inline-item a:hover{background:var(--primary-color);color:#fff}.sidebar-nav ul li a{color:var(--primary-text-color);padding:6px 0;border-bottom:1px dotted rgba(0,0,0,.1);display:block}.sidebar-nav ul li a:hover{color:var(--secondary-color);padding-left:5px}.toc-container{background-color:var(--primary-bg-color);border-left:2px solid var(--border-color);padding-left:15px;border-radius:0;box-shadow:none}.toc-container .toc-title{font-family:noto serif tc,songti tc,serif;border:none}.toc-container a.active{color:var(--secondary-color);border-left:2px solid var(--secondary-color);padding-left:10px;margin-left:-17px}.article-card,.card,.post-item,.article-preview{background:var(--secondary-bg-color,#FFFFFF);border:1px solid var(--border-color);border-radius:8px;padding:0;margin-bottom:40px;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,2%)}@media(hover:hover){.article-card:hover,.card:hover,.post-item:hover,.article-preview:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,6%);border-color:var(--primary-color)}}.card-img-top,.post-thumb img{border-radius:8px 8px 0 0;transition:filter .3s}.card-body,.post-content{padding:30px}.post-categories a,.badge,.category-badge{background:var(--tag-bg);color:var(--primary-text-color)!important;font-family:noto sans tc,sans-serif;font-size:12px;letter-spacing:1px;padding:4px 10px;border-radius:4px;text-transform:uppercase;font-weight:500}.post-categories a:hover,.badge:hover,.category-badge:hover{background:var(--primary-color);color:#fff!important}.card-title a{font-family:noto serif tc,songti tc,serif;font-size:24px;color:var(--widget-title-color);line-height:1.4}.card-title a:hover{color:var(--secondary-color)}.card-meta{font-family:noto sans tc,sans-serif;font-size:13px;color:var(--secondary-text-color);margin-top:15px;border-top:1px dashed var(--border-color);padding-top:15px}.article-list .list-group-item{background:0 0;border-bottom:1px solid var(--border-color);padding:15px 0}.article-list .list-group-item:last-child{border-bottom:none}.article-list .list-group-item:hover{background:0 0}.article-list .list-group-item:hover .article-link h4{color:var(--secondary-color)}.content-area p{margin-bottom:1.8rem}body.dark-mode{--primary-bg-color:#23201D;--primary-text-color:#E6E2DD;--secondary-text-color:#A8A4A0;--widget-title-color:#F0EFEB;--footer-bg-color:#1A1816;--footer-text-color:#999999;--border-color:#403D39;--secondary-bg-color:#2D2A26;--dark-overlay:rgba(0, 0, 0, 0.6);--primary-color:#81B29A;--secondary-color:#E07A5F;--primary-color-translucent:rgba(129, 178, 154, 0.8);--primary-color-translucent-light:rgba(129, 178, 154, 0.1)}