body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.site-header{transition:background-color .45s ease,box-shadow .45s ease,backdrop-filter .45s ease}.header-hero{background:transparent;box-shadow:none}.header-scrolled{background:#ffffffb8!important;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 2px 16px #6366f114,0 0 0 1px #8b5cf614!important}.site-header:not(.header-hero){background:#ffffffb8;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 2px 16px #6366f10f,0 0 0 1px #8b5cf60f}.header-content{height:95px;display:flex;flex-direction:row;padding:0 10%}.h-left{display:flex;align-items:center;cursor:pointer}.h-left-logo{height:100%;width:50%;aspect-ratio:1/1;background-size:50%;background-position:center;background-repeat:no-repeat;transition:filter .3s ease}.h-left-text{height:100%;width:50%;display:flex;align-items:center;margin-left:10px;font-size:24px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-hero:not(.header-scrolled) .h-left-text{background:none;-webkit-text-fill-color:white;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}.header-hero:not(.header-scrolled) .h-left-logo{filter:brightness(0) invert(1)}.h-middle{width:80%}.h-middle ul{margin:0;padding:0;height:100%;display:flex;justify-content:space-evenly;align-items:center}.h-middle ul li{list-style:none;font-size:18px;font-weight:600;color:#374151;padding:6px 14px;border-radius:8px;cursor:pointer;transition:color .25s ease,background .25s ease,text-shadow .25s ease}.h-middle ul li:hover{color:#6366f1;background:#6366f114;text-shadow:0 0 16px rgba(99,102,241,.25)}.header-hero:not(.header-scrolled) .h-middle ul li{color:#ffffffe6}.header-hero:not(.header-scrolled) .h-middle ul li:hover{color:#fff;background:#ffffff26;text-shadow:0 0 20px rgba(255,255,255,.5)}.h-mobile-menu{display:none}.h-right{aspect-ratio:1/1;display:flex;justify-content:space-evenly;align-items:center}.h-right .ant-btn{color:#374151!important;transition:color .25s ease,text-shadow .25s ease,transform .2s ease}.h-right .ant-btn:hover{color:#6366f1!important;text-shadow:0 0 12px rgba(99,102,241,.3);transform:translateY(-1px)}.header-hero:not(.header-scrolled) .h-right .ant-btn{color:#ffffffe6!important}.header-hero:not(.header-scrolled) .h-right .ant-btn:hover{color:#fff!important;text-shadow:0 0 20px rgba(255,255,255,.5)}@media (max-width: 768px){.h-middle,.h-right{display:none}.h-mobile-menu{display:flex;width:80%;align-items:center}.header-content{padding:0}.mobile-menu-button{margin-left:auto;background:transparent!important;border:none!important;width:auto;height:auto;padding:8px;cursor:pointer;box-shadow:none!important}.mobile-menu-button .anticon{font-size:28px;color:#374151}.mobile-menu-button:hover .anticon{color:#6366f1}.h-mobile-menu-nav{font-size:18px;font-weight:700;color:#000}.h-mobile-menu-nav>p:hover{cursor:pointer;color:#6366f1}.header-hero:not(.header-scrolled) .mobile-menu-button .anticon{color:#fff}}.site-footer{position:relative;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#3730a3)!important;color:#c7d2fe!important;padding:40px 10% 24px!important;margin-top:0;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,#818cf8,#a78bfa,#818cf8,transparent);animation:footerGlow 4s ease-in-out infinite}@keyframes footerGlow{0%,to{opacity:.5}50%{opacity:1}}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;padding-bottom:20px}.footer-section{display:flex;flex-direction:column;gap:8px}.footer-logo{font-size:20px;font-weight:700;color:#e0e7ff}.footer-tagline{font-size:13px;color:#a5b4fc;margin:2px 0 0}.footer-links{flex-direction:row;gap:24px}.footer-link{color:#c7d2fe;text-decoration:none;font-size:15px;font-weight:500;transition:color .25s ease,text-shadow .25s ease;position:relative}.footer-link:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:#a78bfa;transition:width .3s ease}.footer-link:hover{color:#e0e7ff;text-shadow:0 0 12px rgba(167,139,250,.5)}.footer-link:hover:after{width:100%}.footer-icon-link{color:#c7d2fe;font-size:24px;transition:color .25s ease,transform .25s ease,text-shadow .25s ease}.footer-icon-link:hover{color:#e0e7ff;transform:translateY(-2px);text-shadow:0 0 16px rgba(167,139,250,.6)}.footer-bottom{text-align:center;font-size:13px;color:#818cf8;padding-top:16px;border-top:1px solid rgba(129,140,248,.2)}.heart-icon{color:#f43f5e;animation:heartBeat 1.2s ease-in-out infinite;font-size:14px;margin:0 2px;vertical-align:-1px}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@media (max-width: 768px){.site-footer{margin-top:0;padding:30px 5% 16px!important}.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-links{flex-direction:column;gap:12px;align-items:center}}.homepage-banner{background-image:url(/assets/02-background-mountain-CIwFPmBZ.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;text-align:center;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;font-size:50px;background-attachment:fixed;color:#fff}.homepage-banner>div>p{margin:5% 0}.homepage-content{display:flex;justify-content:center;padding:20px;background-color:#fff}.content-container{display:flex;gap:20px;width:80vw;max-width:1200px;margin:0 auto}.blog-list{flex:3}.sidebar{flex:1}@media (max-width: 768px){.homepage-banner{background-attachment:scroll}.homepage-content{margin-top:2vh}.content-container{width:95vw}}.blog-list{display:flex;flex-direction:column;gap:20px;padding:20px 0;width:60vw;margin:0 auto}.blog-item{display:flex;background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;opacity:0;transform:translateY(30px);filter:blur(2px)}.blog-item.item-visible{opacity:1;transform:translateY(0);filter:blur(0)}.blog-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1.5px;background:linear-gradient(135deg,transparent 40%,rgba(99,102,241,.35),transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.blog-item:hover:before{opacity:1}.blog-item:hover{transform:translateY(-6px);box-shadow:0 18px 36px #6366f11f,0 4px 12px #0000000d;background:#ffffffd6}.blog-image-container{width:30%;min-width:180px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.blog-image{width:100%;height:100%;min-height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.blog-image-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-15deg);pointer-events:none}.blog-item:hover .blog-image-shine{animation:blogShine .7s ease forwards}@keyframes blogShine{to{left:120%}}.blog-image-text{width:100%;min-height:180px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:1.3rem;font-weight:700;box-sizing:border-box;word-break:break-word}.blog-content{padding:22px 24px;flex:1}.blog-title{margin:0 0 10px;font-size:22px;font-weight:700;color:#1e1b4b;line-height:1.35}.blog-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.blog-date{color:#888;font-size:14px;font-weight:500}.blog-columns{display:flex;gap:4px;flex-wrap:wrap}.blog-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}.blog-meta-tag{font-size:12px!important}.blog-desc{margin:0;color:#666;font-size:15px;line-height:1.6}.blog-pagination{margin-top:28px;text-align:center}.blog-pagination .ant-pagination-item-active a{color:#6366f1!important}.blog-pagination .ant-pagination-item-active{border-color:#6366f1!important}.blog-empty{text-align:center;padding:60px 20px;color:#888;font-size:16px}@media (max-width: 768px){.blog-list{width:95vw;padding:10px}.blog-item{flex-direction:column}.blog-image-container{width:100%;min-width:unset}.blog-image{min-height:140px}.blog-image-text{min-height:120px;font-size:1rem}.blog-content{padding:16px}.blog-title{font-size:18px}}.sidebar{display:flex;flex-direction:column;background:none;margin-top:20px;max-width:30%}.sidebar-section{width:100%;margin-top:0;margin-bottom:20px;padding:20px;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.sidebar-section h3{margin:0;font-size:20px;color:#333}.sidebar-section p,.sidebar-section ul{margin:10px 0;color:#666}.sidebar-section ul{list-style:none;padding:0}.sidebar-section ul li{margin:5px 0}.sidebar-section:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.sidebar-section.no-hover:hover{transform:none;box-shadow:none}@media (max-width: 768px){.sidebar{display:none}}.sidebar-section{padding:10px;border-bottom:1px solid #ddd}.title-bar{display:flex;align-items:center;margin-bottom:10px}.title-icon{font-size:24px;margin-right:10px}.title-text{font-size:15px;margin:0}.title-text:hover{cursor:default}.sidebar-section p{margin:0;color:#666}.about-me{padding:120px 15% 80px;background:linear-gradient(135deg,#f0f4ff,#e8eef8,#f5f7fa,#eef1f9,#f0f4ff);background-size:400% 400%;animation:bgShift 20s ease infinite;position:relative;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;z-index:0}.bg-blob-1{width:500px;height:500px;background:radial-gradient(circle,#a78bfa 0%,#c4b5fd 40%,transparent 70%);top:-120px;right:-10%;animation:blobFloat1 18s ease-in-out infinite}.bg-blob-2{width:400px;height:400px;background:radial-gradient(circle,#60a5fa 0%,#93c5fd 40%,transparent 70%);bottom:10%;left:-5%;animation:blobFloat2 22s ease-in-out infinite}.achievement-wall{margin-top:40px;position:relative;z-index:1}.wall-title{font-size:36px;font-weight:800;margin:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.title-icon{color:#8b5cf6;-webkit-text-fill-color:#8b5cf6;font-size:32px;margin-right:4px;animation:iconBounce 2s ease-in-out infinite}.timeline-dot{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:conic-gradient(from 0deg,#6366f1,#a78bfa,#818cf8,#6366f1);box-shadow:0 0 12px #6366f180;animation:dotPulse 2.5s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #6366f166}50%{box-shadow:0 0 22px #8b5cf6b3,0 0 40px #6366f140}}.ant-timeline .ant-timeline-item-tail{border-left:2px dashed rgba(99,102,241,.35)!important}.achievement-year{font-size:28px;font-weight:800;margin:0 0 14px 4px;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.achievement-card{background:#ffffff9e!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5)!important;border-radius:14px!important;transition:all .35s cubic-bezier(.25,.46,.45,.94)!important;overflow:hidden;cursor:pointer;position:relative;opacity:0;transform:translateY(28px);filter:blur(2px)}.achievement-card.card-visible{opacity:1;transform:translateY(0);filter:blur(0)}.achievement-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1.5px;background:linear-gradient(135deg,transparent 40%,rgba(139,92,246,.3),transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.achievement-card:hover:before{opacity:1}.achievement-card:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 18px 36px #6366f126,0 4px 12px #0000000f!important;background:#ffffffc7!important}.achievement-card .ant-card-head{border-bottom:1px solid rgba(139,92,246,.12)!important}.achievement-card .ant-card-head-title{white-space:normal;word-wrap:break-word;font-weight:600}.achievement-card:hover .card-img-box img{transform:scale(1.08);filter:brightness(1.05)}.achievement-card:hover .card-img-shine{animation:shine .8s ease forwards}@media (max-width: 768px){.ant-col{flex:0 0 100%!important;max-width:100%!important}.about-me{padding-top:100px;padding-left:5%;padding-right:5%}.wall-title{font-size:26px}.achievement-year{font-size:22px}.detail-images{grid-template-columns:1fr}}.blog-detail{width:100%;min-height:100vh}.blog-detail-container{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#eef2ff 60%,#f8fafc);background-size:400% 400%;animation:bgShift 20s ease infinite;margin-top:95px;padding:28px 24px 40px;min-height:calc(100vh - 95px)}.blog-detail-content{flex:0 1 680px;min-width:0;max-width:680px;background:#ffffffc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:28px 32px;border-radius:14px;box-shadow:0 4px 20px #6366f10f;margin-bottom:20px;transition:max-width .35s ease,box-shadow .35s ease}.blog-detail-content:hover{box-shadow:0 8px 32px #6366f11a}.blog-detail-container.sidebar-collapsed .blog-detail-content{flex-basis:900px;max-width:900px}.blog-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px;color:#666;font-size:15px}.blog-meta>div{display:flex;flex-wrap:wrap;gap:5px}.blog-meta span{font-weight:700;margin-right:5px}.blog-body{font-size:16px;line-height:1.65;color:#334155;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.blog-body code:not([class]){white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.blog-body code[class]{white-space:pre;overflow-x:auto}@media (max-width: 768px){.blog-detail-container{flex-direction:column;align-items:center;padding:12px 8px 30px;gap:0}.blog-detail-content{max-width:100%;padding:20px 16px}.blog-detail-container.sidebar-collapsed .blog-detail-content{max-width:100%}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#1890ff;font-size:16px}.categories-list{max-height:50vh;overflow-y:scroll;padding:0;margin:0;list-style:none}.categories-item{font-size:16px;margin:10px 0;transition:background-color .1s,color .1s}.categories-link{text-decoration:none;color:inherit;display:block;padding:5px 10px;border-radius:4px}.categories-item:hover{color:red;background-color:#f0f0f0}.categories-item-detail{color:#639fd6;font-size:16px;margin:10px 0;transition:background-color .1s,color .1s}.categories-item-detail .categories-link:hover{color:red}.portfolio-page{padding:120px 15% 80px;background:linear-gradient(135deg,#faf5ff,#f3e8ff,#f5f3ff,#ede9fe,#faf5ff);background-size:400% 400%;animation:bgShift 20s ease infinite;position:relative;overflow:hidden}@keyframes bgShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none;z-index:0}.bg-blob-1{width:500px;height:500px;background:radial-gradient(circle,#c084fc 0%,#e9d5ff 40%,transparent 70%);top:-80px;right:-8%;animation:blobFloat1 18s ease-in-out infinite}.bg-blob-2{width:400px;height:400px;background:radial-gradient(circle,#a78bfa 0%,#c4b5fd 40%,transparent 70%);bottom:10%;left:-5%;animation:blobFloat2 22s ease-in-out infinite}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.94)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,20px) scale(1.06)}66%{transform:translate(25px,-15px) scale(.92)}}.self-introduction{margin-bottom:40px;position:relative;z-index:1}.portfolio-wall{margin-top:40px;position:relative;z-index:1}.wall-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:32px}.wall-title{font-size:36px;font-weight:800;margin:0;background:linear-gradient(135deg,#9333ea,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.title-icon{color:#a855f7;-webkit-text-fill-color:#a855f7;font-size:32px;margin-right:4px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.timeline-dot{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:conic-gradient(from 0deg,#9333ea,#c084fc,#a855f7,#9333ea);box-shadow:0 0 12px #9333ea80;animation:dotPulse 2.5s ease-in-out infinite}.dot-inner{width:6px;height:6px;border-radius:50%;background:#fff}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #9333ea66}50%{box-shadow:0 0 22px #a855f7b3,0 0 40px #9333ea40}}.ant-timeline .ant-timeline-item-tail{border-left:2px dashed rgba(147,51,234,.35)!important}.portfolio-year{font-size:28px;font-weight:800;margin:0 0 14px 4px;background:linear-gradient(135deg,#7e22ce,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.portfolio-card{background:#ffffff9e!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5)!important;border-radius:14px!important;transition:all .35s cubic-bezier(.25,.46,.45,.94)!important;overflow:hidden;cursor:pointer;position:relative;opacity:0;transform:translateY(28px);filter:blur(2px)}.portfolio-card.card-visible{opacity:1;transform:translateY(0);filter:blur(0)}.portfolio-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1.5px;background:linear-gradient(135deg,transparent 40%,rgba(168,85,247,.3),transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 18px 36px #9333ea26,0 4px 12px #0000000f!important;background:#ffffffc7!important}.portfolio-card .ant-card-head{border-bottom:1px solid rgba(168,85,247,.12)!important}.portfolio-card .ant-card-head-title{white-space:normal;word-wrap:break-word;font-weight:600}.card-tags{margin-bottom:6px}.card-date{color:#888;font-size:13px;margin-bottom:8px}.card-desc{font-size:14px;line-height:1.55;color:#555;margin-bottom:12px}.card-images{margin-top:8px}.card-img-box{position:relative;display:inline-block;width:100%;max-width:220px;border-radius:10px;overflow:hidden;cursor:pointer}.card-img-box img{display:block;width:100%;height:150px;object-fit:cover;border-radius:10px;transition:transform .5s ease,filter .4s ease}.portfolio-card:hover .card-img-box img{transform:scale(1.08);filter:brightness(1.05)}.card-img-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-15deg);pointer-events:none}.portfolio-card:hover .card-img-shine{animation:shine .8s ease forwards}@keyframes shine{to{left:120%}}.img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;letter-spacing:1px;gap:6px;border-radius:10px}.detail-modal .ant-modal-content{border-radius:16px!important;overflow:hidden}.detail-body{padding:4px 0}.detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.detail-date{color:#888;font-size:14px}.detail-route-btn{margin-left:auto;color:#a855f7;font-weight:600;font-size:14px;text-decoration:none;transition:color .2s}.detail-route-btn:hover{color:#7e22ce}.detail-desc{font-size:15px;line-height:1.75;color:#333;margin-bottom:20px}.detail-desc p{margin-bottom:10px}.detail-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}.detail-images img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:10px;background:#f5f5f5;cursor:zoom-in;transition:transform .2s ease}.detail-images img:hover{transform:scale(1.03)}@media (max-width: 768px){.ant-col{flex:0 0 100%!important;max-width:100%!important}.portfolio-page{padding-top:100px;padding-left:5%;padding-right:5%}.wall-title{font-size:26px}.portfolio-year{font-size:22px}.detail-images{grid-template-columns:1fr}}.container{width:50%;height:80vh;margin:10vh auto;background:#f0f0f0;display:flex;flex-direction:row}.board{margin:35vh auto}.board-row{clear:both;content:"";display:table}.square{background:#fff;border:1px solid #999;float:left;font-size:24px;font-weight:700;line-height:34px;height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:34px}