.floating-nav{position:fixed;left:calc((100vw - 1200px)/2 + 2rem - 155px);top:50%;transform:translateY(-50%);z-index:999;background:#fdfcfaf5;backdrop-filter:blur(25px);border-radius:var(--border-radius);padding:1.8rem 1.2rem;box-shadow:10px 10px 20px var(--shadow-medium),-10px -10px 20px #ffffffe6,inset 1px 1px 2px #fffc;border:1px solid rgba(196,150,96,.15);min-width:150px;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:0;animation:slideInLeft .8s ease-out 1s forwards;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.floating-nav:hover{transform:translateY(-50%) translate(10px)}.floating-nav:after{content:"";position:absolute;top:0;bottom:0;left:-4px;width:4px;background:linear-gradient(180deg,transparent,var(--accent-color),transparent);border-radius:2px;opacity:0;transition:opacity .2s ease}.floating-nav:hover:after{opacity:.6}.floating-nav-header{text-align:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(196,150,96,.15);position:relative}.nav-title{font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px}.floating-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.floating-nav-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border-radius:var(--border-radius-small);cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease,transform .15s ease-out;will-change:transform,background-color;transform:translateZ(0)}.floating-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#c496601a,#c496600d);transition:width .2s ease;z-index:-1}.floating-nav-item:hover:before{width:100%}.floating-nav-item:hover{background:#c4966014;transform:translateZ(0) scale(1.02)}.floating-nav-item.active{background:#c496601f;transform:translateZ(0)}.floating-nav-item.active:before{width:100%;background:linear-gradient(90deg,#c4966026,#c4966014)}.floating-nav-item.active .nav-dot{background:var(--accent-color);transform:scale(1.2) translateZ(0)}.floating-nav-item.active .nav-text{color:var(--accent-color);font-weight:500}.nav-dot{width:8px;height:8px;border-radius:50%;background:#c496604d;transition:transform .2s ease,background-color .2s ease;position:relative;flex-shrink:0;will-change:transform;transform:translateZ(0)}.nav-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#fffc;opacity:0;transition:opacity .2s ease}.floating-nav-item.active .nav-dot:after{opacity:1}.nav-text{font-size:.9rem;color:var(--text-primary);font-weight:400;transition:color .2s ease;white-space:nowrap}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translate(-30px) translateZ(0)}to{opacity:1;transform:translateY(-50%) translate(0) translateZ(0)}}@media (min-width: 1600px){.floating-nav{left:calc((100vw - 1400px)/2 + 2rem - 155px)}}@media (max-width: 1400px){.floating-nav{left:calc(4rem - 155px)}}@media (max-width: 1024px){.floating-nav{left:calc(4rem - 135px);min-width:130px;padding:1.4rem 1rem}.nav-text{font-size:.85rem}}@media (max-width: 768px){.floating-nav{left:1rem;min-width:120px;padding:1.2rem .8rem;backdrop-filter:blur(15px)}.nav-text{font-size:.8rem}.floating-nav-item:hover{transform:none}}@media (prefers-reduced-motion: reduce){.floating-nav,.floating-nav-item,.nav-dot,.nav-text{transition:none;animation:none}.floating-nav{opacity:1;transform:translateY(-50%)}}.top-right-navigation{position:fixed;top:2rem;right:2rem;display:flex;gap:1rem;z-index:1000;background:#fdfcfafa;backdrop-filter:blur(20px);padding:.8rem 1.2rem;border-radius:var(--border-radius-small);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #ffffffe6;border:1px solid rgba(196,150,96,.12)}.top-right-navigation .nav-item a{display:block;padding:.6rem 1.2rem;text-decoration:none;color:var(--text-primary);font-weight:400;font-size:.9rem;border-radius:var(--border-radius-small);background:transparent;transition:all .3s ease;white-space:nowrap}.top-right-navigation .nav-item a:hover,.top-right-navigation .nav-item.active a{color:var(--accent-color);background:#c4966014;box-shadow:inset 3px 3px 6px var(--shadow-light),inset -3px -3px 6px #ffffffe6}@media (max-width: 768px){.top-right-navigation{display:none}}.bottom-tab-navigation{display:none;position:fixed;bottom:0;left:0;right:0;background:#fdfcfaf2;backdrop-filter:blur(25px);z-index:1000;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));border-top:1px solid rgba(196,150,96,.12);box-shadow:0 -12px 24px #00000014,0 -6px 12px #0000000a,inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #c496601a}.bottom-tab-list{display:flex;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;padding:0 1.5rem}.bottom-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.6rem .4rem;margin:0 .3rem;min-height:64px;cursor:pointer;transition:all .3s ease;border-radius:16px;position:relative;background:#fdfcfa99;box-shadow:4px 4px 8px #c4966026,-4px -4px 8px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #c4966014}.bottom-tab-item:hover{background:#fdfcfacc;box-shadow:6px 6px 12px #c496602e,-6px -6px 12px #fffffff2,inset 1px 1px 3px #ffffffd9,inset -1px -1px 3px #c496601f;transform:translateY(-2px)}.bottom-tab-item.active{background:#c496600f;box-shadow:inset 4px 4px 8px #c496601f,inset -4px -4px 8px #ffffffb3,2px 2px 4px #c496601a,-2px -2px 4px #ffffffe6;transform:translateY(1px)}.tab-icon{width:20px;height:20px;margin-bottom:.4rem;transition:all .3s ease;color:var(--text-light)}.bottom-tab-item.active .tab-icon{color:var(--accent-color);transform:scale(1.1)}.tab-label{font-size:.75rem;font-weight:400;color:var(--text-light);text-align:center;line-height:1.2;padding-top:.2rem;transition:all .3s ease}.bottom-tab-item.active .tab-label{color:var(--accent-color);font-weight:500}@media (max-width: 768px){.bottom-tab-navigation{display:block}}@media (max-width: 480px){.bottom-tab-list{padding:0 1rem}.bottom-tab-item{padding:.5rem .3rem;margin:0 .2rem;min-height:58px;border-radius:14px;box-shadow:3px 3px 6px #c496601f,-3px -3px 6px #ffffffd9,inset 1px 1px 2px #ffffffbf,inset -1px -1px 2px #c496600f}.bottom-tab-item:hover{box-shadow:4px 4px 8px #c4966026,-4px -4px 8px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #c4966014;transform:translateY(-1px)}.bottom-tab-item.active{box-shadow:inset 3px 3px 6px #c496601a,inset -3px -3px 6px #ffffffa6,1px 1px 3px #c4966014,-1px -1px 3px #ffffffd9}.tab-icon{width:20px;height:20px;margin-bottom:.4rem}.tab-label{font-size:.7rem;padding-top:.15rem}}.module-articles{display:flex;flex-direction:column;gap:1.2rem}.article-item{padding:1.2rem;background:#fff6;border-radius:var(--border-radius-small);border:1px solid rgba(196,150,96,.06);transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.article-item *{pointer-events:none}.article-item:hover{background:#fff9;transform:translate(8px);box-shadow:6px 6px 12px var(--shadow-light),-6px -6px 12px #fffc}.article-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color);border-radius:0 3px 3px 0;transform:scaleY(0);transition:transform .3s ease}.article-item:hover:before{transform:scaleY(1)}.article-title{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4}.article-excerpt{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.article-date{font-size:.85rem;color:var(--text-light);font-weight:300}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.75rem;color:var(--accent-color);background:#c496601a;padding:.2rem .6rem;border-radius:12px;font-weight:400;border:1px solid rgba(196,150,96,.2);cursor:default}.tag:nth-child(n+3){display:none}.show-more{margin-top:1rem;text-align:center}.show-more-btn{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:.8rem 1.5rem;border-radius:var(--border-radius-small);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.show-more-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #fffc}@media (max-width: 768px){.module-articles{gap:1rem}.article-item{padding:1rem}.article-excerpt{display:none}.article-item:hover{transform:translate(4px)}.article-meta{flex-direction:row;align-items:center;gap:.8rem;flex-wrap:wrap}.article-date{flex-shrink:0}.article-tags{flex:1;justify-content:flex-end}.tag{font-size:.7rem;padding:.1rem .35rem}.tag:nth-child(n+3){display:none}.show-more{margin-top:.8rem;position:relative;display:flex;justify-content:center}.show-more-btn{width:40px;height:40px;border-radius:50%;padding:0;font-size:0;display:flex;align-items:center;justify-content:center;background:#fdfcfae6;backdrop-filter:blur(15px);border:1px solid rgba(196,150,96,.3);box-shadow:4px 4px 8px var(--shadow-light),-4px -4px 8px #fffc;transition:all .3s ease;position:relative}.show-more-btn:before{content:"";width:12px;height:12px;border-right:2px solid var(--accent-color);border-bottom:2px solid var(--accent-color);transform:rotate(45deg);transition:all .3s ease}.show-more-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 12px var(--shadow-light),-6px -6px 12px #ffffffe6}.show-more-btn:hover:before{transform:rotate(45deg) scale(1.1)}.show-more-btn:active{transform:translateY(2px);background:#fdfcfae6!important;box-shadow:2px 2px 4px var(--shadow-light),-2px -2px 4px #fffc}.show-more-btn:active:before{border-color:var(--accent-color)!important;transform:rotate(45deg) scale(.9)}}@media (max-width: 480px){.module-articles{gap:.8rem}.article-item{padding:.8rem}.article-title{font-size:1rem;margin-bottom:.6rem}.article-excerpt{display:none}.article-meta{flex-direction:row;align-items:center;gap:.6rem;flex-wrap:wrap}.article-date{flex-shrink:0;font-size:.85rem}.article-tags{flex:1;justify-content:flex-end}.tag{font-size:.65rem;padding:.08rem .3rem}.tag:nth-child(n+3){display:none}.show-more{margin-top:.6rem;position:relative;display:flex;justify-content:center}.show-more-btn{width:36px;height:36px;border-radius:50%;padding:0;font-size:0;display:flex;align-items:center;justify-content:center;background:#fdfcfae6;backdrop-filter:blur(15px);border:1px solid rgba(196,150,96,.3);box-shadow:3px 3px 6px var(--shadow-light),-3px -3px 6px #fffc;transition:all .3s ease;position:relative}.show-more-btn:before{content:"";width:10px;height:10px;border-right:2px solid var(--accent-color);border-bottom:2px solid var(--accent-color);transform:rotate(45deg);transition:all .3s ease}.show-more-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 8px var(--shadow-light),-4px -4px 8px #ffffffe6}.show-more-btn:hover:before{transform:rotate(45deg) scale(1.1)}.show-more-btn:active{transform:translateY(2px);background:#fdfcfae6!important;box-shadow:2px 2px 4px var(--shadow-light),-2px -2px 4px #fffc}.show-more-btn:active:before{border-color:var(--accent-color)!important;transform:rotate(45deg) scale(.9)}}.timeline-container{position:relative;margin-top:3rem;padding:2rem 0}.timeline-main{position:relative;padding-left:120px}.timeline-main:before{content:"";position:absolute;left:100px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,rgba(196,150,96,.3) 5%,rgba(196,150,96,.6) 50%,rgba(196,150,96,.3) 95%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #c4966033,inset 1px 1px 2px #fffc}@media (max-width: 1024px){.timeline-main{padding-left:100px}.timeline-main:before{left:80px}}@media (max-width: 768px){.timeline-container{margin-top:2rem;padding:1rem 0}.timeline-main{padding-left:0;margin-left:30px}.timeline-main:before{left:-15px;width:2px}}@media (max-width: 480px){.timeline-container{margin-top:1.5rem}.timeline-main:before{left:-21px}}.timeline-node{position:relative;margin-bottom:4rem;opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out forwards}.timeline-node:nth-child(1){animation-delay:.2s}.timeline-node:nth-child(2){animation-delay:.4s}.timeline-node:nth-child(3){animation-delay:.6s}.timeline-node:nth-child(4){animation-delay:.8s}.timeline-node:nth-child(5){animation-delay:1s}.timeline-content{margin-left:40px;position:relative}@media (max-width: 1024px){.timeline-content{margin-left:30px}}@media (max-width: 768px){.timeline-content{margin-left:0}.timeline-node{margin-bottom:2rem;position:relative}.timeline-node:before{content:"";position:absolute;left:-30px;top:40px;width:10px;height:10px;background:var(--accent-color);border-radius:50%;border:2px solid rgba(253,252,250,1);box-shadow:0 0 8px #c496604d}}@media (max-width: 480px){.timeline-content{margin-left:0}.timeline-node:before{left:-25px;width:8px;height:8px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-date{position:absolute;left:-120px;top:20px;width:80px;text-align:center;background:#fdfcfae6;backdrop-filter:blur(15px);border-radius:var(--border-radius-small);padding:.8rem .5rem;box-shadow:6px 6px 12px var(--shadow-light),-6px -6px 12px #ffffffe6;border:1px solid rgba(196,150,96,.1);font-size:.9rem;font-weight:500;color:var(--text-primary);z-index:2}.timeline-date:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),rgba(196,150,96,.6));border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}.timeline-date .month{display:block;font-size:1.1rem;font-weight:600;color:var(--accent-color);margin-bottom:.2rem}.timeline-date .year{display:block;font-size:.8rem;color:var(--text-light);opacity:.8}@media (max-width: 1024px){.timeline-date{left:-100px;width:70px}}@media (max-width: 768px){.timeline-date{position:static;width:auto;margin-bottom:1rem;margin-left:-45px;display:inline-block;background:#c496601a;border:1px solid rgba(196,150,96,.2);padding:.4rem .8rem;border-radius:20px;box-shadow:none;font-size:.8rem}.timeline-date:before{display:none}.timeline-date .month{display:inline;font-size:.8rem;margin-right:.3rem;margin-bottom:0}.timeline-date .year{display:inline;font-size:.8rem}}@media (max-width: 480px){.timeline-date{margin-left:-35px;padding:.3rem .6rem;font-size:.75rem}}.month-articles{display:flex;flex-direction:column;gap:1.5rem}.article-card{background:#fdfcfab3;backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:2rem;box-shadow:8px 8px 16px var(--shadow-light),-8px -8px 16px #fffc;border:1px solid rgba(196,150,96,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),rgba(196,150,96,.6));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.article-card:hover{transform:translateY(-8px) translate(8px);box-shadow:12px 20px 32px var(--shadow-medium),-12px -12px 24px #ffffffe6;background:#fdfcfad9}.article-card:hover:before{transform:scaleX(1)}.article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;gap:1rem}.article-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;flex:1;font-family:"Noto Serif SC",serif}.article-date{font-size:.85rem;color:var(--text-light);font-weight:400}.article-summary{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:1rem}@media (max-width: 768px){.article-card{padding:1.5rem;margin-top:1rem}.article-header{flex-direction:column;gap:.5rem;align-items:flex-start}.article-title{font-size:1.1rem;line-height:1.3}.article-footer{flex-direction:column;gap:.8rem;align-items:flex-start}.article-summary{display:none}}@media (max-width: 480px){.article-card{padding:1.2rem}.article-header{margin-bottom:.8rem}.article-title{font-size:1rem}.article-footer{gap:.6rem}}.article-tags{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.article-tag{font-size:.75rem;color:var(--accent-color);background:#c496601a;padding:.2rem .6rem;border-radius:12px;font-weight:400;border:1px solid rgba(196,150,96,.2);transition:all .3s ease;white-space:nowrap}.article-tag:nth-child(n+3){display:none}.article-tag:hover{background:#c4966033;border-color:#c4966066;transform:translateY(-1px);box-shadow:0 2px 4px #c4966033}@media (max-width: 768px){.article-tags{order:1;gap:.3rem}.article-tag{font-size:.7rem;padding:.15rem .4rem}.article-tag:nth-child(n+3){display:none}}@media (max-width: 480px){.article-tags{gap:.25rem}.article-tag{font-size:.65rem;padding:.1rem .3rem}}.article-meta{display:flex;gap:1rem;align-items:center;flex-shrink:0}.meta-item{font-size:.8rem;color:var(--text-light);white-space:nowrap}@media (max-width: 768px){.article-meta{order:2;gap:.8rem}.meta-item{font-size:.75rem}.meta-item:nth-child(3){display:none}}@media (max-width: 480px){.article-meta{gap:.6rem}.meta-item:nth-child(3){display:none}}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(196,150,96,.1)}.section-icon{width:48px;height:48px;background:linear-gradient(135deg,#c496601a,#c496600d);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--accent-color);box-shadow:5px 5px 10px var(--shadow-light),-5px -5px 10px #fffc;transition:all .3s ease}.section-icon:hover{transform:translateY(-2px);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #ffffffe6}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}@media (max-width: 768px){.section-header{margin-bottom:1.5rem}}.avatar-container{flex-shrink:0}.avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#c496604d,#a164474d);display:flex;align-items:center;justify-content:center;color:var(--accent-color);border:3px solid rgba(255,255,255,.5);box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #ffffffe6,inset 2px 2px 4px #ffffff4d,0 4px 20px #c4966033;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar:hover{transform:scale(1.05);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #fffffff2,inset 3px 3px 6px #fff6,0 6px 30px #c4966040}@media (max-width: 768px){.avatar{width:80px;height:80px}}.intro-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-top:2rem;padding:1.5rem;background:#fff6;border-radius:var(--border-radius);border:1px solid rgba(196,150,96,.1)}.stat-item{text-align:center;padding:1rem;background:#fdfcfacc;border-radius:var(--border-radius);box-shadow:5px 5px 10px var(--shadow-light),-5px -5px 10px #fffc;transition:all .3s ease;cursor:pointer}.stat-item:hover{transform:translateY(-3px);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #ffffffe6}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary)}@media (max-width: 768px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.stat-item{padding:.8rem .5rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.8rem}}.intro-content{padding:0}.intro-card{background:#fdfcfa99;border-radius:var(--border-radius-large);padding:2.5rem;box-shadow:10px 10px 20px var(--shadow-medium),-10px -10px 20px #ffffffe6,inset 1px 1px 3px #fffc;border:1px solid rgba(196,150,96,.1);transition:all .4s ease;position:relative;overflow:hidden}.intro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),rgba(196,150,96,.3));opacity:0;transition:opacity .3s ease}.intro-card:hover:before{opacity:1}.intro-card:hover{transform:translateY(-5px);box-shadow:15px 15px 30px var(--shadow-medium),-15px -15px 30px #ffffffe6}.intro-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.intro-basic-info{flex:1}.intro-name{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;padding-top:1rem}.intro-title{font-size:1.1rem;color:var(--accent-color);margin:0 0 1.5rem;font-weight:500}.intro-text{margin-top:1.5rem}.intro-description p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}@media (max-width: 768px){.intro-card{display:flex;flex-direction:column;padding:1.5rem}.intro-card .intro-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.intro-card .intro-basic-info{flex:1;text-align:left}.intro-card .intro-text{gap:2rem}.intro-card .intro-name{font-size:1.5rem;margin-bottom:.3rem;font-weight:600;color:var(--text-primary)}.intro-card .intro-title{font-size:.9rem;color:var(--text-secondary);margin:0}.intro-card .intro-description{font-size:.9rem}}.tech-stack-content{display:flex;flex-direction:column;gap:2rem}@media (min-width: 769px){.tech-category{background:#fdfcfae6;backdrop-filter:blur(20px);border-radius:var(--border-radius-large);padding:2rem;border:1px solid rgba(196,150,96,.25);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #fffc,inset 1px 1px 2px #ffffffe6,0 4px 20px #c4966014;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-category:hover{box-shadow:10px 10px 20px var(--shadow-medium),-10px -10px 20px #ffffffd9,inset 2px 2px 4px #fffffff2,0 6px 30px #c496601f}}.tech-category{padding:1.5rem;background:#fdfcfacc;backdrop-filter:blur(15px);border-radius:var(--border-radius-large);border:1px solid rgba(196,150,96,.25);box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #ffffffd9,inset 1px 1px 2px #ffffffe6,0 3px 15px #c496600f;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-category:hover{box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #ffffffe6,inset 2px 2px 4px #fffffff2,0 5px 20px #c496601a}.category-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid rgba(196,150,96,.2)}.tech-items{display:grid;gap:1.5rem}.tech-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fdfcfad9;border-radius:var(--border-radius-medium);border:1px solid rgba(196,150,96,.2);box-shadow:4px 4px 8px var(--shadow-light),-4px -4px 8px #ffffffe6,inset 1px 1px 2px #fffc,0 2px 12px #c496600f;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-item:hover{transform:translateY(-3px);box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #fffffff2,inset 2px 2px 4px #ffffffe6,0 4px 20px #c496601f;border-color:#c4966059}.tech-icon-wrapper{width:50px;height:50px;border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;border:1px solid rgba(255,255,255,.3);box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #fffc,inset 1px 1px 2px #ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-icon-wrapper.frontend{background:linear-gradient(135deg,#3db2ff40,#2980b940)}.tech-icon-wrapper.backend{background:linear-gradient(135deg,#2ecc7140,#27ae6040)}.tech-icon-wrapper.database{background:linear-gradient(135deg,#9b59b640,#8e44ad40)}.tech-item:hover .tech-icon-wrapper{transform:scale(1.1);box-shadow:4px 4px 8px #00000026,-4px -4px 8px #ffffffe6,inset 2px 2px 4px #fffc}.tech-info{flex:1}.tech-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.tech-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.tech-level{display:flex;align-items:center}.level-bar{flex:1;height:8px;background:#fdfcfae6;border-radius:6px;overflow:hidden;border:1px solid rgba(196,150,96,.2);box-shadow:inset 2px 2px 4px var(--shadow-light),inset -2px -2px 4px #fffc;position:relative}.level-fill{height:100%;background:linear-gradient(90deg,var(--accent-color) 0%,rgba(161,100,71,.8) 100%);border-radius:4px;box-shadow:0 1px 3px #c496604d,inset 1px 1px 2px #ffffff4d;position:relative;overflow:hidden}.level-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#fff9,#fff3);border-radius:2px}@media (max-width: 768px){.tech-stack-content{gap:1.5rem}.tech-item{flex-direction:row!important;align-items:center;text-align:left;gap:.8rem;padding:1rem;background:#fdfcfabf;border-radius:var(--border-radius-small);border:1px solid rgba(196,150,96,.2);box-shadow:2px 2px 4px var(--shadow-light),-2px -2px 4px #ffffffe6,inset 1px 1px 1px #fffc,0 1px 8px #c496600a;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-item:hover{transform:translateY(-1px);box-shadow:3px 3px 6px var(--shadow-light),-3px -3px 6px #fffffff2,inset 1px 1px 2px #ffffffe6,0 2px 12px #c496600f}.tech-desc{display:none}.tech-item .tech-icon-wrapper{width:40px;height:40px;flex-shrink:0}.tech-item .tech-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.tech-item .tech-name{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.tech-item .tech-level{display:flex;align-items:center;gap:.5rem}.tech-item .level-bar{height:6px;border-radius:3px}}@media (max-width: 480px){.tech-item{gap:.6rem;padding:.8rem}.tech-item .tech-icon-wrapper{width:36px;height:36px;font-size:1.2rem}.tech-item .tech-name{font-size:.9rem}}.projects-content{display:grid;gap:2rem}.project-card{background:#fdfcfae6;backdrop-filter:blur(20px);border-radius:var(--border-radius-large);padding:2rem;border:1px solid rgba(196,150,96,.25);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #fffc,inset 1px 1px 2px #ffffffe6,0 4px 20px #c4966014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-8px);border:2px solid rgba(196,150,96,.4);background:#fdfcfaf2;box-shadow:15px 15px 30px var(--shadow-medium),-15px -15px 30px #fffffff2,inset 3px 3px 6px #fffffff2,0 12px 50px #c4966033}.project-card:hover:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color) 0%,rgba(161,100,71,.8) 100%);box-shadow:0 2px 8px #c496604d;animation:slideInTop .3s ease-out}@keyframes slideInTop{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.project-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--text-light)}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.4rem .9rem;background:#fdfcfacc;color:var(--accent-color);border-radius:var(--border-radius-small);font-size:.8rem;font-weight:500;border:1px solid rgba(196,150,96,.25);box-shadow:2px 2px 4px var(--shadow-light),-2px -2px 4px #fffc,inset 1px 1px 2px #ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-tag:hover{background:#c496601a;transform:translateY(-2px);box-shadow:3px 3px 6px var(--shadow-light),-3px -3px 6px #ffffffe6,inset 1px 1px 2px #fffffff2}.project-links{display:flex;gap:1rem}.project-link{padding:.7rem 1.3rem;border-radius:var(--border-radius-small);text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(196,150,96,.3);background:#fdfcfacc;color:var(--text-primary);box-shadow:3px 3px 6px var(--shadow-light),-3px -3px 6px #fffc,inset 1px 1px 2px #ffffffe6}.project-link.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:4px 4px 8px var(--shadow-medium),-4px -4px 8px #ffffff4d,inset 1px 1px 2px #fff3}.project-link:hover{transform:translateY(-3px);box-shadow:4px 4px 8px var(--shadow-medium),-4px -4px 8px #ffffffe6,inset 1px 1px 2px #fffffff2}.project-link.primary:hover{background:#a16447e6;box-shadow:5px 5px 10px var(--shadow-medium),-5px -5px 10px #ffffff4d,inset 1px 1px 2px #ffffff40}@media (max-width: 768px){.project-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-links{flex-direction:column;gap:.8rem}.project-link{justify-content:center;text-align:center;padding:.8rem 1rem}}@media (max-width: 480px){.project-card{padding:1.5rem;margin-bottom:1.5rem}.project-title{font-size:1.1rem}.project-description{font-size:.9rem;margin-bottom:1rem}.tech-tag{padding:.3rem .7rem;font-size:.75rem}.project-link{padding:.7rem 1rem;font-size:.85rem}}.project-card:hover .project-title{color:var(--accent-color);transform:translate(5px);transition:all .3s ease}.project-card:hover .project-description{color:var(--text-primary);transform:translate(3px);transition:all .3s ease .1s}.project-card:hover .tech-tag{background:#c4966026;border-color:#c4966066;transform:translateY(-1px) scale(1.02);transition:all .3s ease}.project-card:hover .project-link{transform:translateY(-2px) scale(1.02);transition:all .3s ease}.project-card:hover .project-link.primary{background:var(--accent-color);box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #fff3,inset 2px 2px 4px #ffffff4d}.experience-content{margin-top:2rem}.experience-timeline{position:relative;padding-left:2rem}.experience-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-color) 0%,rgba(196,150,96,.3) 100%);border-radius:1px;box-shadow:0 0 10px #c496604d}.experience-item{position:relative;margin-bottom:3rem;padding:2rem;background:#fdfcfae6;backdrop-filter:blur(20px);border-radius:var(--border-radius-large);border:1px solid rgba(196,150,96,.25);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #fffc,inset 1px 1px 2px #ffffffe6,0 4px 20px #c4966014;transition:all .4s cubic-bezier(.4,0,.2,1)}.experience-item:before{content:"";position:absolute;left:-3rem;top:2rem;width:12px;height:12px;background:var(--accent-color);border:3px solid rgba(253,252,250,1);border-radius:50%;box-shadow:0 0 0 4px #c4966033,2px 2px 6px var(--shadow-light);z-index:2}.experience-item:hover{transform:translateY(-5px) translate(5px);border-color:#c4966066;box-shadow:12px 12px 24px var(--shadow-medium),-12px -12px 24px #ffffffe6,inset 2px 2px 4px #fffffff2,0 8px 30px #c4966026}.experience-date{position:absolute;left:-7rem;top:1.5rem;padding:.5rem 1rem;background:var(--accent-color);color:#fff;font-size:.85rem;font-weight:600;border-radius:var(--border-radius-small);box-shadow:3px 3px 6px var(--shadow-medium),-3px -3px 6px #fff3;white-space:nowrap;z-index:3}.company-name{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.position-title{font-size:1.1rem;font-weight:500;color:var(--accent-color);margin:0 0 1.5rem}.responsibilities{margin:0;padding:0;list-style:none}.responsibilities li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--text-secondary);line-height:1.6}.responsibilities li:before{content:"▸";position:absolute;left:0;top:0;color:var(--accent-color);font-weight:700;font-size:1.1rem}@media (max-width: 1200px){.experience-date{position:relative;left:0;top:0;display:inline-block;margin-bottom:1rem}.experience-timeline{padding-left:1rem}.experience-item:before{left:-1.5rem}}@media (max-width: 768px){.experience-content{margin-top:1.5rem}.experience-timeline{padding-left:0}.experience-timeline:before{display:none}.experience-item{padding:1.5rem;margin-bottom:2rem}.experience-item:before{display:none}.experience-date{position:relative;left:0;top:0;display:inline-block;margin-bottom:1rem;font-size:.8rem;padding:.4rem .8rem}.company-name{font-size:1.2rem}.position-title{font-size:1rem;margin-bottom:1rem}.responsibilities li{padding-left:1.2rem;margin-bottom:.6rem;font-size:.9rem}}@media (max-width: 480px){.experience-item{padding:1.2rem;margin-bottom:1.5rem}.company-name{font-size:1.1rem}.position-title{font-size:.95rem}.responsibilities li{font-size:.85rem;line-height:1.5}}.experience-item:hover .company-name{color:var(--accent-color);transform:translate(3px);transition:all .3s ease}.experience-item:hover .position-title{transform:translate(5px);transition:all .3s ease .1s}.experience-item:hover .responsibilities li{transform:translate(2px);transition:all .3s ease .2s}.experience-item:hover .experience-date{background:#a16447e6;transform:scale(1.05);transition:all .3s ease}.contact-content{margin-top:2rem}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.contact-card{background:#fdfcfae6;backdrop-filter:blur(20px);border-radius:var(--border-radius-large);padding:2rem;text-align:center;border:1px solid rgba(196,150,96,.25);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #fffc,inset 1px 1px 2px #ffffffe6,0 4px 20px #c4966014;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-card:hover{transform:translateY(-8px);border-color:#c4966066;box-shadow:12px 12px 24px var(--shadow-medium),-12px -12px 24px #ffffffe6,inset 2px 2px 4px #fffffff2,0 8px 30px #c4966026}.contact-icon{width:60px;height:60px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #fffc,inset 2px 2px 4px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-icon.email{background:linear-gradient(135deg,#4285f4,#34a853)}.contact-icon.github{background:linear-gradient(135deg,#333,#666)}.contact-icon.blog{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.contact-icon.wechat{background:linear-gradient(135deg,#07c160,#00d4aa)}.contact-card:hover .contact-icon{transform:scale(1.1) rotate(5deg);box-shadow:8px 8px 16px var(--shadow-medium),-8px -8px 16px #ffffffe6,inset 3px 3px 6px #fff6}.contact-type{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 .8rem}.contact-value{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1rem;word-break:break-all}.contact-action{display:inline-block;padding:.7rem 1.5rem;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:var(--border-radius-small);font-size:.9rem;font-weight:500;box-shadow:4px 4px 8px var(--shadow-medium),-4px -4px 8px #ffffff4d,inset 1px 1px 2px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-action:hover{background:#a16447e6;transform:translateY(-2px);box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #ffffff4d,inset 2px 2px 4px #ffffff40}.contact-message{background:#fdfcfacc;backdrop-filter:blur(15px);border-radius:var(--border-radius-large);padding:2.5rem;text-align:center;border:1px solid rgba(196,150,96,.2);box-shadow:6px 6px 12px var(--shadow-light),-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffffff2;position:relative;overflow:hidden}.contact-message:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color) 0%,rgba(196,150,96,.5) 100%)}.contact-message h3{font-size:1.3rem;color:var(--text-primary);margin:0 0 1rem}.contact-message p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}@media (max-width: 768px){.contact-content .contact-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.contact-content .contact-card{padding:1.5rem}.contact-content .contact-icon{width:50px;height:50px;font-size:1.5rem;margin-bottom:1rem}.contact-content .contact-type{font-size:1.1rem;margin-bottom:.6rem}.contact-content .contact-value{font-size:.9rem;margin-bottom:1rem}.contact-content .contact-action{padding:.6rem 1.2rem;font-size:.85rem}.contact-message{padding:2rem}.contact-message h3{font-size:1.2rem}.contact-message p{font-size:.95rem}}@media (max-width: 480px){.contact-content .contact-card{padding:1.2rem 1rem}.contact-content .contact-icon{width:45px;height:45px;font-size:1.3rem}.contact-content .contact-type{font-size:1rem}.contact-content .contact-value{font-size:.85rem}.contact-content .contact-action{padding:.5rem 1rem;font-size:.8rem}.contact-message{padding:1.5rem}.contact-message h3{font-size:1.1rem}.contact-message p{font-size:.9rem;line-height:1.5}}.contact-card:hover .contact-type{color:var(--accent-color);transform:translateY(-2px);transition:all .3s ease}.contact-card:hover .contact-value{color:var(--text-primary);transform:translateY(-1px);transition:all .3s ease .1s}.contact-card:hover .contact-action{transform:translateY(-3px) scale(1.05);transition:all .3s ease .2s}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: linear-gradient(135deg, #faf8f4 0%, #f2ede6 25%, #f7f2ea 50%, #f4efe8 75%, #fcfaf7 100%);--secondary-bg: #fdfcfa;--accent-color: #c49660;--text-primary: #3d2f22;--text-secondary: #5d4a35;--text-light: #7a6450;--shadow-light: rgba(93, 74, 53, .12);--shadow-medium: rgba(93, 74, 53, .18);--shadow-dark: rgba(93, 74, 53, .25);--border-radius: 20px;--border-radius-small: 12px}body{font-family:"Noto Serif SC",Inter,serif;line-height:1.6;color:var(--text-primary);background:var(--primary-bg);overflow-x:hidden}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:var(--primary-bg);overflow:hidden}.background-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;border-radius:50%;background:linear-gradient(45deg,#c4966014,#c496600a);backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.element-1{width:120px;height:120px;top:15%;left:10%;animation-delay:0s;box-shadow:inset 8px 8px 16px var(--shadow-light),inset -8px -8px 16px #fffc}.element-2{width:80px;height:80px;top:25%;right:15%;animation-delay:1s;box-shadow:inset 6px 6px 12px var(--shadow-light),inset -6px -6px 12px #fffc}.element-3{width:150px;height:150px;bottom:20%;left:8%;animation-delay:2s;box-shadow:inset 10px 10px 20px var(--shadow-light),inset -10px -10px 20px #fffc}.element-4{width:60px;height:60px;bottom:30%;right:20%;animation-delay:3s;box-shadow:inset 4px 4px 8px var(--shadow-light),inset -4px -4px 8px #fffc}.element-5{width:100px;height:100px;top:50%;left:5%;animation-delay:4s;box-shadow:inset 8px 8px 16px var(--shadow-light),inset -8px -8px 16px #fffc}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-3deg)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 2rem}.title-container{background:#fdfcfae6;backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:3rem 2.5rem;box-shadow:12px 12px 24px var(--shadow-medium),-12px -12px 24px #ffffffe6,inset 2px 2px 4px #fffffff2,inset -2px -2px 4px var(--shadow-light);border:1px solid rgba(196,150,96,.12)}.main-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:500;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:.02em;text-shadow:1px 1px 2px rgba(255,255,255,.9)}.subtitle{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--text-secondary);font-weight:300;font-style:italic;line-height:1.8;opacity:.95}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;cursor:pointer;transition:all .3s ease}.scroll-indicator:hover{transform:translate(-50%) translateY(-5px)}.scroll-arrow{width:50px;height:50px;border-radius:50%;background:#fdfcfaf2;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--accent-color);box-shadow:6px 6px 12px var(--shadow-medium),-6px -6px 12px #ffffffe6;animation:bounce 2s infinite}.scroll-text{font-size:.9rem;color:var(--text-light);font-weight:300}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.hero-content{padding:0 1rem}.title-container{padding:2rem 1.5rem}.floating-element{opacity:.6}}@media (max-width: 480px){.scroll-indicator{bottom:2rem}}.content-page{min-height:100vh;background:var(--secondary-bg);padding:4rem 0;position:relative}.page-content{max-width:800px;margin:0 auto;padding:3rem;background:#fdfcfae6;backdrop-filter:blur(20px);border-radius:var(--border-radius);box-shadow:12px 12px 24px var(--shadow-medium),-12px -12px 24px #ffffffe6,inset 2px 2px 4px #fffffff2,inset -2px -2px 4px var(--shadow-light);border:1px solid rgba(196,150,96,.12)}.page-title{font-size:clamp(2rem,4vw,3rem);font-weight:500;color:var(--text-primary);margin-bottom:1rem;text-align:center;letter-spacing:.02em;text-shadow:1px 1px 2px rgba(255,255,255,.9)}.page-description{font-size:1.2rem;color:var(--text-secondary);text-align:center;margin-bottom:3rem;line-height:1.8;font-weight:300;opacity:.95}.content-placeholder{text-align:center;padding:4rem 2rem;position:relative}.content-placeholder p{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem;font-style:italic}.placeholder-decoration{width:100px;height:100px;margin:0 auto;border-radius:50%;background:linear-gradient(45deg,#c4966014,#c496600a);backdrop-filter:blur(10px);box-shadow:inset 8px 8px 16px var(--shadow-light),inset -8px -8px 16px #fffc;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}@media (max-width: 768px){.page-description{display:none}.content-page{padding:3rem 0 6rem}.page-content{margin:0 1rem;padding:2rem 1.5rem}.content-placeholder{padding:3rem 1rem}}.tech-modules{display:grid;gap:2rem;margin-top:2rem}.tech-module{background:#fdfcfa99;backdrop-filter:blur(15px);border-radius:var(--border-radius);padding:2rem;box-shadow:8px 8px 16px var(--shadow-light),-8px -8px 16px #fffc;border:1px solid rgba(196,150,96,.08);transition:box-shadow .2s ease,background-color .2s ease;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.tech-module:hover{background:#fdfcfacc;box-shadow:12px 12px 24px var(--shadow-medium),-12px -12px 24px #ffffffe6}.tech-module:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),rgba(196,150,96,.6));border-radius:var(--border-radius) var(--border-radius) 0 0}.module-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(196,150,96,.1)}.module-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:4px 4px 8px var(--shadow-light),-4px -4px 8px #fffc;font-size:24px;position:relative}.icon-background{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600;box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffff1a}.module-title{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin:0;flex:1}.module-count{font-size:.9rem;color:var(--text-light);background:#c496601a;padding:.3rem .8rem;border-radius:20px;font-weight:400}@media (max-width: 768px){.container{padding:0 1rem}.page-description{display:none}.tech-modules{gap:1.2rem;margin-top:1.2rem}.tech-module{padding:1.2rem}.tech-module:hover{background:#fdfcfa99;box-shadow:8px 8px 16px var(--shadow-light),-8px -8px 16px #fffc}.module-header{flex-direction:row;align-items:center;gap:.6rem;text-align:left;flex-wrap:nowrap;margin-bottom:1rem;padding-bottom:.8rem}.module-icon{width:40px;height:40px;flex-shrink:0}.module-title{font-size:1.3rem;flex:1;min-width:0}.module-count{flex-shrink:0;font-size:.8rem;padding:.2rem .6rem}}@media (max-width: 480px){.container{padding:0 .8rem}.tech-modules{gap:1rem;margin-top:1rem}.tech-module{padding:1rem}.module-header{gap:.5rem;margin-bottom:.8rem;padding-bottom:.6rem}.module-icon{width:36px;height:36px}.module-title{font-size:1.1rem}.module-count{font-size:.75rem;padding:.15rem .5rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.tech-module{opacity:0;animation:slideInUp .6s ease-out forwards}.tech-module:nth-child(1){animation-delay:.1s}.tech-module:nth-child(2){animation-delay:.2s}.tech-module:nth-child(3){animation-delay:.3s}.tech-module:nth-child(4){animation-delay:.4s}.tech-module:nth-child(5){animation-delay:.5s}.tech-module:nth-child(6){animation-delay:.6s}@media (prefers-reduced-motion: reduce){.tech-module{animation:none;opacity:1;transform:none}.tech-module:hover{transform:none}}.page-content{max-width:800px;margin:0 auto;padding:3rem}.content-page .page-title{font-size:clamp(2.2rem,4vw,3.2rem)!important}.content-page .page-description{font-size:1.1rem!important}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}@media (max-width: 480px){.container{padding:0 .8rem}}.about-section{margin-bottom:4rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}.about-section.visible{opacity:1;transform:translateY(0)}.about-main{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(196,150,96,.3);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-section{margin-bottom:3rem}.about-main{padding:0 .75rem}}@media (max-width: 480px){.about-section{margin-bottom:2rem}.about-main{padding:0 .5rem}}.App{min-height:100vh;position:relative}*{box-sizing:border-box}body{margin:0;padding:0}