:root{--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Outfit", sans-serif;--bg-color:#faf8f5;--bg-dots:#2b201a08;--text-color:#2b201a;--text-secondary:#746358;--text-muted:#9e8e84;--primary-color:#2b201a;--accent-color:#c08552;--accent-light:#f3e9dc;--accent-gold:#c38a5b;--card-bg:#fff;--border-color:#eee9e0;--shadow-sm:0 4px 10px #2b201a0a;--shadow-md:0 12px 30px #2b201a14;--shadow-lg:0 20px 50px #2b201a26;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--transition-bouncy:all .6s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--bg-dots) 1.5px, transparent 1.5px);background-size:24px 24px;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--primary-color);font-weight:700}::selection{background:var(--accent-light);color:var(--primary-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem}.app-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background-color:#faf8f5d9;justify-content:space-between;align-items:center;padding:.8rem 2rem;display:flex;position:sticky;top:0}.app-header .ant-tabs-nav{border-bottom:none!important;margin-bottom:0!important}.logo-container{cursor:pointer;align-items:center;gap:.8rem;text-decoration:none;display:flex}.logo-svg{width:48px;height:48px;transition:var(--transition-bouncy)}.logo-container:hover .logo-svg{transform:rotate(360deg)}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;color:var(--primary-color);background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.hero-section{padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-grid-container{text-align:left;z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-text-content{flex-direction:column;align-items:flex-start;width:100%;min-width:0;display:flex}.hero-graphic-content{width:100%;min-width:0}.hero-tag{background-color:var(--accent-light);color:var(--accent-color);border:1px solid #c0855226;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;animation:4s ease-in-out infinite float;display:inline-flex}.hero-title{letter-spacing:-1px;text-align:left;flex-direction:column;gap:.6rem;width:100%;margin-bottom:2rem;font-family:Georgia,Nimbus Roman No9 L,Songti SC,Noto Serif CJK SC,Source Han Serif SC,Source Han Serif CN,STSong,AR PL New Sung,SimSun,serif;font-size:3.8rem;font-weight:700;line-height:1.35;display:flex}.title-line-1{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 50%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #2b201a14);background-size:200%;-webkit-background-clip:text;align-self:flex-start;animation:6s infinite textShimmer;display:inline-block}.title-line-2{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-gold) 50%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #c0855226);background-size:200%;-webkit-background-clip:text;align-self:flex-start;padding-left:3.5rem;animation:6s infinite textShimmer;display:inline-block}@keyframes textShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-desc{color:var(--text-secondary);text-align:left;max-width:620px;margin:0 0 2.5rem;font-size:1.15rem;line-height:1.7}.hero-buttons{justify-content:flex-start;gap:1rem;width:100%;margin-bottom:3rem;display:flex}.hero-stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:400px;margin:0;padding-top:2rem;display:grid}.terminal-mockup{background-color:var(--primary-color);box-shadow:var(--shadow-lg);transition:var(--transition-smooth);border:1px solid #eee9e026;border-radius:18px;width:fit-content;max-width:100%;margin-left:auto;overflow:hidden}.terminal-mockup:hover{box-shadow:var(--shadow-lg), 0 20px 40px #2b201a1f;transform:translateY(-8px)scale(1.01)}.terminal-header{background-color:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;padding:14px 18px;display:flex;position:relative}.terminal-dots{gap:8px;display:flex}.terminal-dots .dot{border-radius:50%;width:10px;height:10px}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.terminal-title{color:var(--text-muted);font-size:.8rem;font-family:var(--font-body);opacity:.8;white-space:nowrap;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.terminal-body{text-align:left;padding:.8rem;overflow:hidden}.terminal-body pre{width:fit-content;margin:0}.terminal-body code{color:var(--accent-light);width:fit-content;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.88rem;line-height:1.6;display:block}.terminal-cursor{background-color:var(--accent-color);width:7px;height:1.1em;animation:1s step-end infinite terminal-blink;position:absolute;top:50%;left:2px;transform:translateY(-50%)}@keyframes terminal-blink{0%,to{background-color:#0000}50%{background-color:var(--accent-color)}}.code-comment{color:var(--text-muted);opacity:.85;font-style:italic}.code-keyword{color:var(--accent-color);font-weight:600}.code-function{color:#e6ba95}.code-call{color:#dfb28e}@media (width<=991px){.hero-grid-container{grid-template-columns:1fr;gap:3.5rem}.hero-text-content,.hero-title{align-items:flex-start}.title-line-1,.title-line-2{align-self:flex-start}.title-line-2{padding-left:2rem}.hero-desc{margin:0 0 2.5rem}.hero-buttons{justify-content:flex-start}}.stat-item{text-align:center}.stat-val{font-family:var(--font-display);color:var(--primary-color);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-lbl{color:var(--text-secondary);font-size:.9rem}.features-section{margin-top:5rem}.section-title-wrap{text-align:center;margin-bottom:4rem}.section-title{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-secondary);font-size:1.1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border-radius:20px;padding:2.5rem}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-color);transform:translateY(-5px)}.feature-icon-wrapper{background-color:var(--accent-light);width:54px;height:54px;color:var(--accent-color);transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card:hover .feature-icon-wrapper{background-color:var(--primary-color);color:#faf8f5;transform:scale(1.1)rotate(5deg)}.feature-card h3{margin-bottom:1rem;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem}.cta-box{background-color:var(--primary-color);color:#faf8f5;text-align:center;box-shadow:var(--shadow-lg);border-radius:30px;margin:6rem 0 3rem;padding:4rem;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#c0855226 0%,#0000 60%);width:70%;height:150%;position:absolute;top:-50%;left:-20%}.cta-box h2{color:#faf8f5;margin-bottom:1.5rem;font-size:2.5rem}.cta-box p{color:#cfc6be;max-width:600px;margin:0 auto 2.5rem;font-size:1.1rem}.cases-grid{grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:2rem;display:grid}.case-card-container{perspective:1000px;height:380px;transition:var(--transition-smooth);z-index:1;position:relative}.case-card-container:hover{z-index:50!important}.case-card{background:var(--card-bg);border:1px solid var(--border-color);width:100%;height:100%;box-shadow:var(--shadow-md);transition:var(--transition-smooth);border-radius:24px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.case-card-container:hover .case-card{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.case-image-wrap{background-color:var(--accent-light);border-bottom:1px solid var(--border-color);width:100%;height:200px;position:relative;overflow:hidden}.case-image{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.case-card-container:hover .case-image{transform:scale(1.05)}.case-image-fallback{background:linear-gradient(135deg, var(--accent-light), var(--border-color));width:100%;height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:flex}.case-meta-always{background-color:var(--card-bg);flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;display:flex}.case-title{letter-spacing:-.5px;color:var(--primary-color);margin-bottom:.3rem;font-size:1.3rem;font-weight:800}.case-tagline{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.case-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.case-tag{background-color:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.2rem .5rem;font-size:.7rem}.case-overlay-panel{color:#faf8f5;z-index:10;background-color:#2b201afa;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;transform:translateY(100%)}.case-card-container:hover .case-overlay-panel{transform:translateY(0)}.case-overlay-content{flex-direction:column;gap:.6rem;display:flex}.overlay-title{color:#faf8f5;font-size:1.3rem;font-weight:800}.overlay-desc{color:#cfc6be;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.case-features-list-overlay{flex-direction:column;gap:.4rem;list-style:none;display:flex}.case-feature-item-overlay{color:#e9e2db;align-items:flex-start;gap:.5rem;font-size:.8rem;display:flex}.case-explore-btn{width:100%;color:var(--primary-color);cursor:pointer;transition:var(--transition-smooth);background-color:#faf8f5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem;font-size:.9rem;font-weight:600;display:inline-flex}.case-explore-btn:hover{background-color:var(--accent-color);color:#faf8f5}.ant-carousel .slick-dots li button{opacity:.4;background:var(--text-muted)!important}.ant-carousel .slick-dots li.slick-active button{opacity:1;background:var(--primary-color)!important}.about-layout{grid-template-columns:7fr 5fr;align-items:flex-start;gap:4rem;margin-top:2rem;display:grid}.about-intro-box{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;padding:3rem}.about-intro-text{color:var(--text-secondary);white-space:pre-line;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.about-philosophies{flex-direction:column;gap:1.5rem;display:flex}.philosophy-card{border-left:3px solid var(--accent-color);padding-left:1.5rem}.philosophy-title{margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.philosophy-desc{color:var(--text-secondary);font-size:.95rem}.about-sidebar{flex-direction:column;gap:3rem;display:flex}.skills-card,.links-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;padding:2.5rem}.sidebar-title{border-bottom:1.5px solid var(--border-color);align-items:center;gap:.6rem;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.5rem;font-weight:800;display:flex}.skills-category{margin-bottom:1.5rem}.skills-category:last-child{margin-bottom:0}.skills-cat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;font-size:.95rem;font-weight:600}.skills-tags-wrap{flex-wrap:wrap;gap:.6rem;display:flex}.skill-tag{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:8px;padding:.35rem .8rem;font-size:.85rem;font-weight:500}.skill-tag:hover{background-color:var(--primary-color);color:#faf8f5;border-color:var(--primary-color)}.links-grid{grid-template-columns:1fr;gap:1rem;display:grid}.links-marquee-container{width:100%;padding:1.5rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.links-marquee-track{gap:1.5rem;width:max-content;animation:25s linear infinite marquee-scroll;display:flex}.links-marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.friend-link-item{border:1px solid var(--border-color);background-color:var(--card-bg);transition:var(--transition-smooth);border-radius:28px;flex-shrink:0;align-items:center;gap:1.5rem;width:420px;padding:1.5rem;text-decoration:none;display:flex}.friend-link-avatar{width:100px;height:100px;color:var(--primary-color);border:1px solid #2b201a1a;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;display:flex;overflow:hidden}.friend-link-avatar img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth);background-color:#000000e6}.friend-link-info{overflow:hidden}.friend-link-name{color:var(--primary-color);margin-bottom:.35rem;font-size:1.25rem;font-weight:800}.friend-link-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.friend-link-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-6px)}.timeline-section{border-top:1px solid var(--border-color);margin-top:5rem;padding-top:4rem}.timeline-flow{max-width:800px;margin:0 auto;padding-left:2rem;position:relative}.timeline-flow:before{content:"";background-color:var(--border-color);width:2px;height:calc(100% - 16px);position:absolute;top:8px;left:0}.timeline-node{margin-bottom:3rem;position:relative}.timeline-node:last-child{margin-bottom:0}.timeline-dot{background-color:var(--accent-color);border:3px solid var(--bg-color);width:14px;height:14px;box-shadow:0 0 0 4px var(--accent-light);border-radius:50%;position:absolute;top:8px;left:-2rem;transform:translate(-50%)}.timeline-time{font-family:var(--font-display);color:var(--accent-color);margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.timeline-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.8rem}.timeline-card h4{margin-bottom:.5rem;font-size:1.15rem}.timeline-card p{color:var(--text-secondary);font-size:.9rem}.app-footer{border-top:1px solid var(--border-color);background-color:var(--bg-color);padding:3rem 2rem}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-branding{align-items:center;gap:.6rem;display:flex}.footer-branding span{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.footer-copyright{color:var(--text-muted);font-size:.85rem}.beian-link{transition:color .3s}.beian-link:hover{color:var(--accent-color)!important}.scroll-section{border-bottom:1px solid var(--border-color);padding:5rem 0}.scroll-section:last-of-type{border-bottom:none;padding-bottom:0}.scroll-section:first-of-type{padding-top:0}.scroll-top-btn{background-color:var(--card-bg);border:1px solid var(--border-color);width:56px;height:56px;box-shadow:var(--shadow-md);cursor:pointer;z-index:1000;transition:var(--transition-bouncy);opacity:0;pointer-events:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;bottom:2rem;left:2rem;transform:translateY(20px)scale(.8)}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-top-btn:hover{box-shadow:var(--shadow-lg);border-color:#2ecc71;transform:scale(1.1)}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring__bg{stroke:var(--border-color)}.progress-ring__circle{transition:stroke-dashoffset .1s linear}.scroll-arrow-icon{color:var(--primary-color);z-index:2;transition:var(--transition-smooth)}.scroll-top-btn:hover .scroll-arrow-icon{color:#2ecc71;transform:translateY(-3px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ant-tabs,.ant-tabs-content-holder,.ant-tabs-content,.ant-tabs-tabpane{overflow:visible!important}.ant-tabs{font-family:var(--font-body)!important}.ant-tabs-nav{border-bottom:1px solid var(--border-color)!important;margin-bottom:2.5rem!important}.ant-tabs-tab{color:var(--text-secondary)!important;padding:12px 16px!important;font-size:1.05rem!important;font-weight:500!important;transition:none!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)!important;font-weight:700!important}.ant-tabs-ink-bar{border-radius:3px;background:var(--primary-color)!important;height:3px!important;transition:none!important}.ant-tabs-tab:hover{color:var(--primary-color)!important}.case-detail-page{padding:1rem 0;animation:.5s cubic-bezier(.16,1,.3,1) caseFadeIn}.case-detail-back-btn{color:var(--text-secondary)!important;transition:var(--transition-smooth)!important;align-items:center!important;gap:.5rem!important;padding:0!important;font-size:.95rem!important;font-weight:600!important;display:inline-flex!important}.case-detail-back-btn:hover{transform:translate(-4px);color:var(--primary-color)!important}.case-detail-header-wrap{border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem}.case-detail-title{letter-spacing:-1.5px;font-size:2.8rem;font-weight:800;line-height:1.2;font-family:var(--font-display);margin-bottom:.5rem}.case-detail-tagline{font-size:1.15rem;font-weight:600;font-family:var(--font-display)}.case-detail-layout{grid-template-columns:1.2fr 1fr;gap:3.5rem;display:grid}.case-detail-media{flex-direction:column;display:flex}.custom-slideshow{flex-direction:column;gap:1.25rem;width:100%;display:flex}.slideshow-display-area{border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);background-color:#f5f1e8;border-radius:28px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slideshow-slide{justify-content:center;align-items:center;width:100%;padding:0;display:none}.slideshow-slide.active{animation:.3s ease-out slideFadeIn;display:flex}.slideshow-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:520px;transition:var(--transition-smooth)}.slideshow-img:hover{transform:scale(1.015)}.slideshow-arrow{color:var(--primary-color);cursor:pointer;z-index:10;width:46px;height:46px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);background-color:#faf8f5e6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;font-weight:300;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slideshow-arrow:hover{background-color:var(--primary-color);color:#faf8f5;box-shadow:var(--shadow-md)}.slideshow-arrow.prev{left:1.25rem}.slideshow-arrow.next{right:1.25rem}.slideshow-dots{justify-content:center;gap:.6rem;display:flex}.slideshow-dot{background-color:var(--text-muted);opacity:.35;cursor:pointer;width:10px;height:10px;transition:var(--transition-smooth);border:none;border-radius:50%}.slideshow-dot.active{background-color:var(--primary-color);opacity:1;transform:scale(1.2)}@keyframes slideFadeIn{0%{opacity:0}to{opacity:1}}.case-detail-info{flex-direction:column;display:flex}.detail-desc-text{color:var(--text-color);font-size:1.15rem;font-weight:400;line-height:1.8}.detail-sub-title{letter-spacing:-.5px;color:var(--primary-color);margin-bottom:1.2rem;font-size:1.4rem;font-weight:800}.detail-features-list{grid-template-columns:1fr;gap:.8rem;list-style:none;display:grid}.detail-feature-item{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.6;display:flex}.detail-guide-wrap{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;padding:2rem}@keyframes caseFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=991px){.main-content{padding:1.5rem 1rem 4rem}.hero-grid-container{box-sizing:border-box;grid-template-columns:1fr;gap:3.5rem;width:100%;padding:0 1rem}.hero-graphic-content{display:none}.hero-text-content{text-align:center;align-items:center;width:100%;min-width:0;margin:0 auto}.hero-title{text-align:center;align-items:center}.title-line-1,.title-line-2{align-self:center}.title-line-2{padding-left:0}.hero-desc{text-align:center;margin:0 auto 2.5rem}.hero-buttons{justify-content:center}.cases-grid{gap:1.5rem}.case-detail-layout{grid-template-columns:1fr;gap:2.5rem}.case-detail-title{font-size:2.2rem}.section-title{font-size:2rem}}@media (width<=768px){.hero-title{letter-spacing:-1px;font-size:2.5rem}.title-line-2{padding-left:0}.hero-desc{margin-bottom:2rem;font-size:1.1rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;padding-top:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.cases-grid{grid-template-columns:1fr;gap:2rem}.about-layout{grid-template-columns:1fr;gap:2.5rem}.about-intro-box{padding:2rem 1.5rem}.cta-box{margin:4rem 0 2rem;padding:2.5rem 1.5rem}.cta-box h2{font-size:1.8rem}.section-title{letter-spacing:-.5px;font-size:1.7rem}.section-title-wrap{margin-bottom:2.5rem}.timeline-flow{padding-left:1.5rem}.timeline-dot{left:-1.5rem}.timeline-card{padding:1.2rem}.footer-inner{text-align:center;flex-direction:column;gap:1.5rem}.friend-link-item{border-radius:20px;gap:1rem;width:310px;padding:1.2rem}.friend-link-avatar{border-radius:16px;width:64px;height:64px;font-size:1.5rem}.friend-link-name{font-size:1.1rem}.friend-link-desc{font-size:.85rem}}@media (width<=480px){.app-header{flex-direction:column;align-items:center;gap:.8rem;padding:.8rem 1rem}.hero-title{font-size:2rem;line-height:1.2}.title-line-2{padding-left:0}.hero-desc{margin-bottom:1.5rem;font-size:.95rem}.hero-buttons{flex-flow:wrap;justify-content:center;align-items:center;gap:.8rem;width:100%;margin:0 auto 2rem}.hero-buttons button,.hero-buttons .ant-btn{width:auto!important}.terminal-body{padding:1.2rem}.terminal-body code{font-size:.78rem}.hero-stats{gap:1rem}.stat-val{font-size:1.8rem}.stat-lbl{font-size:.8rem}.section-title{font-size:1.45rem}.section-subtitle{font-size:.85rem}.section-title-wrap{margin-bottom:2rem}.slideshow-img{max-height:280px}.slideshow-arrow{width:36px;height:36px;font-size:1.4rem}.slideshow-arrow.prev{left:.8rem}.slideshow-arrow.next{right:.8rem}.detail-guide-wrap{padding:1.2rem}.friend-link-item{border-radius:16px;gap:.8rem;width:260px;padding:1rem}.friend-link-avatar{border-radius:12px;width:50px;height:50px;font-size:1.25rem}.friend-link-name{font-size:1rem}.friend-link-desc{font-size:.8rem}.scroll-top-btn{width:48px;height:48px;bottom:1.5rem;left:1.5rem}}.contact-modal .ant-modal-content{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:24px!important;padding:2.5rem 2rem!important}@media (width<=480px){.contact-modal{max-width:calc(100vw - 2rem)!important;margin:1rem auto!important}.contact-modal .ant-modal-content{border-radius:20px!important;padding:1.5rem 1.25rem!important}}.reveal-on-scroll{opacity:0;will-change:transform, opacity;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(35px)scale(.98)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)scale(1)}.ambient-glow{filter:blur(140px);opacity:.08;z-index:0;pointer-events:none;mix-blend-mode:multiply;border-radius:50%;width:45vw;max-width:600px;height:45vw;max-height:600px;position:fixed}.glow-1{background-color:var(--accent-color);animation:25s ease-in-out infinite alternate float-glow-1;top:-10%;left:-10%}.glow-2{background-color:var(--accent-gold);animation:30s ease-in-out infinite alternate float-glow-2;bottom:-10%;right:-10%}@keyframes float-glow-1{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,80px)scale(1.15)}to{transform:translate(-50px,120px)scale(.9)}}@keyframes float-glow-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-120px,-60px)scale(.9)}to{transform:translate(80px,-100px)scale(1.1)}}.feature-card:hover,.case-card-container:hover .case-card,.about-intro-box:hover,.skills-card:hover,.timeline-card:hover{box-shadow:0 20px 40px #c0855214, var(--shadow-md)!important}.app-header,.main-content,.app-footer{z-index:2;position:relative}body{position:relative}