:root{--font-latin:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif;--font-cjk:sans-serif;--font-songti:"Georgia", "Songti TC", "Songti SC", "PMingLiU", "SimSun", "STSong", "Noto Serif SC", serif;color-scheme:light;--bg:#F8F9FA;--bg2:#ececec;--bg3:#e2e2e2;--bg-blue:#e4f6fb;--text:#333;--border:#b6b7b7;--light-gray:#d4d4d4;--gray:#b4b4b4;--mid-gray:#818181;--drak-gray:#616161;--gray-faint:rgba(255,255,255,.5);--blue:#197eea;--orange:#d16c1f;--logo:#A80029;--box-shadow:0 6px 12px rgba(0, 0, 0, .1);--text-shadow:2px 5px 8px black;--border-radius:16px;--button-radius:8px;--fs-sm:clamp(0.76rem, 0.16vi + 0.72rem, 0.83rem);--fs-base:clamp(0.9rem, 0.47vi + 0.82rem, 1.07rem);--fs-md:clamp(1.02rem, 0.47vi + 0.94rem, 1.21rem);--fs-lg:clamp(1.25rem, 0.61vi + 1.11rem, 1.57rem);--fs-xl:clamp(1.48rem, 1.02vi + 1.25rem, 1.97rem);--fs-xxl:clamp(1.75rem, 1.61vi + 1.41rem, 2.49rem);--fs-xxxl:clamp(1.98rem, 2.46vi + 1.51rem, 3.01rem);--dark:#1c1a17;--dark2:#252118;--gold-faint:rgba(176,140,90,0.18);--serif:'Noto Serif TC', serif}html:lang(zh-hant){--font-cjk:"PingFang TC", "Source Han Sans TC", "Microsoft JhengHei", "微軟正黑體"}html:lang(zh-hans){--font-cjk:"PingFang SC", "Source Han Sans SC", "Microsoft YaHei", "微软雅黑"}html:lang(ja){--font-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "メイリオ";line-break:strict;word-break:break-all}html{font-size:var(--fs-base);-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:light dark}body{width:100%;margin:0 auto;font-family:var(--font-latin),var(--font-cjk),sans-serif;background-color:var(--bg);color:var(--text);text-align:left;line-height:1.5;word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;align-items:center}html:lang(zh-hant),html:lang(zh-hans),html:lang(ja){text-align:justify;text-justify:inter-character}figure{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}h1,h2,h3,h4{margin-block-start:0;margin-block-end:0}h1{line-height:1.36;font-weight:700}a{text-decoration:none;color:var(--text)}a:hover{text-underline-offset:5px;text-decoration-style:dotted;color:inherit}pre,xmp,plaintext,listing{margin:0}button{background:0 0;border:0;padding-inline-start:0;padding-block-start:0;padding-block-end:0}.card-wrapper{display:flex;flex-direction:column;align-items:center}.page-related .card-wrapper{padding-top:0}.card-wrapper.term{width:1280px;margin:0 auto}.card-wrapper h3{font-size:var(--fs-md);font-weight:600;margin:2rem auto .6rem}.card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem;width:100%;margin:.6rem auto 3rem}.card{flex:1 1 calc(33% - 1rem);text-align:center;max-width:none}.card-link{display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.card-image{width:100%;aspect-ratio:16/9;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:.8rem}.card-link:hover .card-image img{transform:scale(1.05)}h4.card-title{padding:.6rem 1.6rem;position:relative;overflow:hidden;z-index:0;font-size:var(--fs-base);font-weight:400}.card-title::before{content:'';position:absolute;top:0;left:0;width:100%;height:0%;background:#eee;border-radius:0 0 16rem 16rem;transition:height .4s ease,border-radius .4s ease;z-index:-1}.card-link:hover .card-title::before{height:100%;border-radius:0}@media(max-width:768px){.card-grid{justify-content:center;flex-wrap:wrap}.card{flex:1 1 100%}}#scrollTopBtn{display:none;opacity:0;pointer-events:none;transition:opacity .3s ease}#scrollTopBtn.show{display:block;position:fixed;bottom:3rem;right:2rem;width:40px;height:40px;background:rgba(255,255,255,.8);border:1px solid var(--gray);border-radius:4px;cursor:pointer;opacity:.8;pointer-events:auto;z-index:999;padding:0}#scrollTopBtn.arrow-up::before,#scrollTopBtn.arrow-up::after{content:'';position:absolute;width:2px;height:14px;background-color:var(--mid-gray);top:50%;left:50%;transform-origin:top center}#scrollTopBtn.arrow-up::before{transform:translate(-50%,-50%)rotate(-45deg)}#scrollTopBtn.arrow-up::after{transform:translate(-50%,-50%)rotate(45deg)}#scrollTopBtn.show:hover{background-color:var(--bg-blue);border-color:var(--blue)}#scrollTopBtn.arrow-up:hover::before,#scrollTopBtn.arrow-up:hover::after{background-color:var(--blue)}.nav-container{position:fixed;width:100%;background:var(--bg);border-bottom:.5px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2rem;height:60px;z-index:9}.nav-left{display:flex;align-items:center;gap:4px;font-weight:600}.nav-center{display:flex;justify-content:center;align-items:center}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:72px}.nav-left a{text-decoration:none;color:var(--mid-gray);font-size:var(--fs-sm);letter-spacing:.06em;padding:6px 10px;transition:color .15s,background .15s}.nav-left a:hover{color:var(--text)}.nav-left a:hover svg{fill:var(--text)}.nav-left svg{width:21px;height:21px;fill:var(--gray);vertical-align:middle}.logo-link{display:flex;align-items:center;text-decoration:none;color:var(--mid-gray);font-weight:600}.logo-link svg{width:36px;height:36px;padding-right:6px;fill:var(--gray)}.nav-center a:hover{color:var(--text)}.nav-center a:hover svg{fill:var(--text)}.lang-dropdown{position:relative}.lang-btn{display:flex;align-items:center;cursor:pointer;padding:8px 20px;border-radius:6px;font-size:var(--fs-sm);color:var(--text);border:.5px solid var(--border);background:0 0;letter-spacing:.04em;transition:background .15s,color .15s}.lang-btn:hover,.lang-btn:focus{background:var(--bg3);color:#000;outline:none}.arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid;opacity:.5;transition:transform .2s;margin-left:12px}.lang-options{display:none;position:absolute;right:0;top:calc(100% + 6px);background:var(--bg);border:.5px solid var(--border);border-radius:6px;overflow:hidden;min-width:96px;z-index:100}.lang-option{display:block;text-align:center;padding:6px 16px;font-size:var(--fs-sm);text-decoration:none;color:var(--text);transition:background .15s;background:var(--bg);font-weight:600}.lang-option:hover{background:var(--bg3);color:#000}.menu-toggle{display:none}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border-radius:8px}.hamburger span{display:block;width:20px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .25s,opacity .25s}.nav-menu-mobile{display:none;flex-direction:column;border-top:.5px solid var(--border);background:var(--bg);padding:.75rem 0 1rem}.nav-menu-mobile a{display:block;padding:10px 1.5rem;font-size:var(--fs-base);text-decoration:none;color:var(--text);transition:background .15s,color .15s}.nav-menu-mobile a:hover{color:var(--text);background:var(--bg3)}@media(max-width:640px){.nav-container{grid-template-columns:auto 1fr auto;padding:0 1rem}.nav-left{display:none}.nav-center{justify-content:flex-start}.nav-right .lang-dropdown{display:none}.hamburger{display:flex}.menu-toggle:checked~.nav-menu-mobile{display:flex}.menu-toggle:checked~.nav-container .hamburger span:nth-child(1){transform:translateY(6.5px)rotate(45deg)}.menu-toggle:checked~.nav-container .hamburger span:nth-child(2){opacity:0}.menu-toggle:checked~.nav-container .hamburger span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}}.img-banner{position:relative;display:flex;width:100%;height:46vh;max-height:460px;min-height:320px;margin:0;padding:0}.img-banner .bg-item{flex:1 1 33.3333%;position:relative;margin:0;padding:0;height:100%;overflow:hidden;background:0 0}.img-banner .bg-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;position:relative;z-index:-1}.img-banner .bg-item:hover img{transform:scale(1.06)}.page-title{padding-top:3rem;width:800px;max-width:80vw;margin:0 auto}.page-title h1{font-family:var(--font-songti);font-weight:600;font-size:var(--fs-xxxl);padding:2rem 0}.page-title p{font-size:var(--fs-md);font-weight:400}.story-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px 0;text-align:center}.story-hero .era-badge{border:1.5px solid var(--gray);padding:3px 27px;font-size:var(--fs-sm);letter-spacing:8px;text-indent:8px;margin-bottom:1rem}.story-hero h1{font-family:var(--font-songti);font-size:var(--fs-xxxl);font-weight:700;margin:10px 0 60px;letter-spacing:2px;width:800px;max-width:86%}.story-hero p{font-size:var(--fs-md);margin:0;line-height:2;font-weight:500}.story-title-wrapper{text-align:center;margin:80px auto 60px}.vertical-line{width:2px;height:52px;background-color:var(--light-gray);margin:0 auto 12px}.story-title-wrapper .section-title{color:var(--mid-gray);font-size:var(--fs-md);letter-spacing:2px;margin:0;font-weight:600}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}@media(max-width:768px){.role-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.role-card{background-color:var(--bg2);border:2px solid var(--bg3);padding:30px 15px;text-align:center;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.role-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--orange);transform:scaleY(0);transform-origin:center;transition:transform .3s ease}.role-icon{width:80px;height:80px;border-radius:50%;border:2px solid var(--blue);background-color:var(--bg-blue);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);transition:transform .3s ease}.role-icon svg{width:50px;height:50px;margin-top:16px}.role-name{font-size:var(--fs-base);margin:0 0 8px;font-weight:600}.role-action{height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.25,.8,.25,1);margin-top:0}.role-text{font-size:var(--fs-sm);font-weight:500;line-height:2}@media(hover:hover){.role-card:hover{background-color:#fff;box-shadow:0 10px 25px rgba(0,0,0,5%);transform:translateY(-4px)}.role-card:hover::before{transform:scaleY(1)}.role-card:hover .role-action{height:30px;opacity:1;transform:translateY(0)}.role-card:hover .role-icon{transform:scale(1.06);border:0 solid var(--blue);background-color:#fff}.role-card:hover .role-icon svg{fill:var(--orange)}}.role-card.is-active{background-color:#f5eedf;box-shadow:0 8px 20px rgba(0,0,0,8%)}.role-card.is-active::before{transform:scaleY(1)}.role-card.is-active .role-action{height:30px;opacity:1;transform:translateY(0)}.scroll-carousel-wrapper{width:100vw;overflow-x:auto;overflow-y:hidden;perspective:1200px;padding:2rem 0;-webkit-overflow-scrolling:touch}.scroll-carousel{display:flex;flex-direction:row;gap:3rem;will-change:transform,opacity;transform-style:preserve-3d}.carousel-item{flex:0 0 62vw;max-width:480px;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease;transform-style:preserve-3d;will-change:transform,opacity;opacity:.3;border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:relative;overflow:hidden;aspect-ratio:6/7}.carousel-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius);display:block;position:relative;z-index:-1}.question-box h3{padding-bottom:1rem}.quiz-wrapper{width:100%;max-width:640px;margin:0 auto}.quiz-card{border:1px solid var(--border-card);padding:30px;background-color:#fffdf9}.options-container{display:flex;flex-direction:column;gap:12px}.option-btn{background:0 0;border:1px solid var(--border);border-radius:8px;padding:16px 20px;text-align:left;font-size:var(--fs-base);color:var(--text);cursor:pointer;font-family:inherit;transition:all .2s ease}.option-btn:hover{background-color:rgba(139,107,61,5%);border-color:var(--title-color)}.option-btn.active{background-color:rgba(189,64,51,8%);border-color:var(--bg);color:var(--text);font-weight:500}.result-section{display:none;animation:fadeInDown .4s ease-out forwards}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.divider{border:none;border-top:1px solid var(--border-option);margin:24px 0}.explanation-text{font-size:var(--fs-base);line-height:1.8;margin:0 0 24px;display:flex;align-items:flex-start;gap:8px}.next-btn{display:inline-block;background-color:var(--btn-bg);color:#fff;text-decoration:none;border-radius:8px;padding:12px 24px;font-size:var(--fs-base);font-weight:500;letter-spacing:1px;transition:background-color .2s;text-align:center}.next-btn:hover{background-color:var(--btn-hover)}.hero{background:var(--bg2);padding:64px 5rem 56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-h{font-family:var(--font-songti);font-size:var(--fs-xxxl);font-weight:900;color:var(--text);margin:20px 0}.hero-cta{display:inline-flex;align-items:center;background:var(--mid-gray);border-radius:var(--button-radius);color:#fff;font-size:var(--fs-md);font-weight:500;padding:12px 20px;cursor:pointer;letter-spacing:.04em;text-decoration:none;transition:opacity .2s;margin-top:2rem}.hero-cta:hover{background:var(--orange);color:#fff}.hero-cta svg{fill:#fff;width:20px;height:18px;padding-left:1rem}.hero-cta:hover svg{fill:#fff}.hero-img-wrap{position:relative;margin:3.6rem 0 1rem}.hero-img,.ga-main-img{height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.hero-img svg{width:160px;height:160px;fill:var(--gray-faint)}.hero-label{position:absolute;bottom:16px;right:0;background:var(--bg);padding:8px 16px;font-size:var(--fs-sm);color:#000;letter-spacing:.12em}.grid-a{display:grid;grid-template-columns:1.5fr 1fr;gap:1px;background:var(--bg3);margin:0 20px}.ga-main{background:var(--bg);padding:3.6rem 3.6rem 2.7rem;cursor:pointer;transition:background .2s}.ga-main:hover{background:var(--bg2)}.ga-main-img{margin-bottom:2rem}.ga-main-img svg{width:160px;height:160px;fill:var(--gray-faint)}.ga-label{font-size:var(--fs-sm);letter-spacing:.18em;color:var(--mid-gray);text-transform:uppercase;margin-bottom:10px}.ga-main-h{font-family:var(--font-latin);font-size:var(--fs-lg);font-weight:600;color:var(--text);line-height:1.4;margin-bottom:10px}.ga-main-body{font-size:var(--fs-base);color:var(--text);line-height:1.85}.ga-side{background:var(--bg);display:flex;flex-direction:column;gap:1px}.ga-side-card{background:var(--bg2);padding:28px 24px;cursor:pointer;flex:1;display:flex;flex-direction:column;justify-content:flex-end;transition:background .2s}.ga-side-card:first-child{background:var(--bg)}.ga-side-card:hover{background:var(--bg3)}.ga-side-h{font-family:var(--font-latin);font-size:var(--fs-md);font-weight:600;color:var(--text);line-height:1.4;margin-bottom:8px}.ga-side-body{font-size:var(--fs-sm);color:var(--text);line-height:1.75}.hook{padding:6.8rem 0;display:grid;grid-template-columns:120px 1fr;gap:48px;align-items:center;width:fit-content;margin:0 auto}.hook>div:nth-child(2){width:760px;max-width:80%}.hook-anchor svg{width:92px;height:92px;fill:var(--gray)}.hook-label{font-size:var(--fs-sm);letter-spacing:.15em;color:var(--mid-gray);margin-top:16px}.hook-q{font-family:var(--font-latin);font-size:var(--fs-lg);font-weight:600;color:var(--text);line-height:1.5}.hook-body{font-size:var(--fs-base);color:#000;line-height:1.95;margin-bottom:24px}.hook-cta{font-size:var(--fs-base);font-weight:500;text-decoration:none;display:inline-block;transition:opacity .2s;border:1px solid var(--gray);border-radius:var(--button-radius);padding:12px 20px;margin-top:1.2rem}.hook-cta svg{fill:var(--mid-gray);width:16px;height:16px;padding-left:6px}.hook-cta:hover{background:var(--mid-gray);color:#fff}.hook-cta:hover svg{fill:#fff}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bg3);margin-top:3px}.r3-card{background:var(--bg);padding:60px 36px;cursor:pointer;transition:background .2s}.r3-card:nth-child(2){background:var(--bg2)}.r3-card:hover{background:var(--bg3)}.r3-h{font-family:var(--font-latin);font-size:var(--fs-lg);font-weight:600;color:var(--text);line-height:1.45;margin-bottom:10px}.r3-body{font-size:var(--fs-sm);color:var(--text);line-height:1.8}.season{padding:56px 48px 0}.season-head{display:flex;align-items:baseline;justify-content:space-between;margin:36px 0 20px}.season-title{font-family:var(--font-latin);font-size:var(--fs-md);font-weight:600;color:var(--text)}.season-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bg3)}.season-item{background:var(--bg);padding:76px 32px 20px;cursor:pointer;transition:background .2s}.season-item:nth-child(even){background:var(--bg2)}.season-item:hover{background:var(--bg3)}.season-ch{font-family:var(--font-songti);font-size:var(--fs-xxl);font-weight:900;color:var(--gray);line-height:1;margin-bottom:12px}.season-name{font-family:var(--font-latin);font-size:var(--fs-base);font-weight:600;color:var(--text);line-height:1.45;margin-bottom:8px}.pull-quote{padding:180px 48px 52px;display:flex;gap:40px;align-items:center}.pq-big{font-family:var(--font-latin);font-size:72px;font-weight:900;color:var(--light-gray);line-height:1;flex-shrink:0;user-select:none}.pq-q{font-family:var(--font-latin);font-size:var(--fs-xl);font-weight:700;color:var(--text);line-height:1.55;margin-bottom:12px}.pq-body{font-size:var(--fs-base);color:var(--text);line-height:1.9;width:760px;max-width:90%}.foot-duo{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bg3)}.fd{padding:80px 48px;background:var(--dark);cursor:pointer;transition:opacity .2s}.fd:last-child{background:var(--dark2)}.fd:hover{opacity:.9}.fd-tag{font-size:var(--fs-sm);letter-spacing:.2em;color:var(--gray);text-transform:uppercase;margin-bottom:12px}.fd-h{font-family:var(--font-latin);font-size:var(--fs-md);font-weight:600;color:var(--bg);line-height:1.45;margin-bottom:10px}.fd-body{font-size:var(--fs-sm);color:var(--light-gray);line-height:1.8}@media(max-width:768px){.hero{grid-template-columns:1fr;padding:40px 20px 36px;gap:32px}.hero-h{font-size:var(--fs-xxxl);padding-top:1.6rem}.hero-img{height:220px}.section-head{padding:32px 20px 16px}.grid-a{grid-template-columns:1fr;margin:0 20px}.ga-main{padding:24px 20px}.ga-main-img{height:180px;margin-bottom:18px}.ga-main-char{font-size:80px}.ga-side{gap:1px}.ga-side-card{padding:24px 20px;min-height:120px}.hook{grid-template-columns:1fr;padding:40px 32px;gap:0}.hook-label{margin-bottom:20px}.hook-q{font-size:var(--fs-lg)}.row3{grid-template-columns:1fr}.r3-card{padding:52px 36px}.r3-card:nth-child(2){background:var(--bg2)}.season{padding:40px 20px 0}.season-row{grid-template-columns:1fr}.season-item{padding:52px 20px}.season-item:nth-child(even){background:var(--bg2)}.pull-quote{flex-direction:column;padding:40px 20px;gap:16px;margin-top:40px}.pq-big{font-size:48px}.pq-q{font-size:var(--fs-base)}.foot-duo{grid-template-columns:1fr;margin-top:40px}.fd{padding:32px 20px}}.page-header .hero-image{margin:0;width:100vw;aspect-ratio:16/9;max-height:420px;position:relative;left:50%;transform:translateX(-50%);overflow:hidden}.page-header .hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:-1}.page-header .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:initial;display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem 3%;box-sizing:border-box}.page-header .hero-brand{display:flex;align-items:center;gap:15px;color:rgba(255,255,255,.36);z-index:2}.page-header .hero-brand svg{width:30px;height:30px;fill:rgba(255,255,255,.36);z-index:2}.page-header .site-title{font-size:var(--fs-md);font-weight:600;letter-spacing:3px}.page-body figcaption,.page-body .article,.survey-block,.related-video figcaption{width:800px;max-width:86%}.page-header h1{font-size:var(--fs-xxl);padding-top:3rem;text-align:center}.author{font-size:var(--fs-sm);color:var(--gray);padding-bottom:2rem}.page-header .author{text-align:center;margin:.6rem auto 1.5rem}.article p+h2{margin-top:2.1rem}.content-image{width:600px;max-width:76%;margin:2rem auto;aspect-ratio:4/3;overflow:hidden;border-radius:.6rem;position:relative;z-index:-1}.content-image img{width:100%;height:100%;object-fit:cover;border-radius:.6rem;opacity:0;transform:translateY(27px);transition:opacity .8s ease,transform .8s ease;display:block}.content-image img.animate{animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(27px)}100%{opacity:1;transform:translateY(0)}}.page-body figcaption{margin:2rem auto 0}figure+h2{padding-top:2rem}.page-body p a:hover{color:var(--link)}.page-body h2{font-weight:500;font-size:1.36rem}.page-body h3{text-align:center;font-weight:500}.page-body .about h3{text-align:left;margin-top:2.7rem}.page-body .article{margin:0 auto}.about-intro .container{display:flex;align-items:center;justify-content:center;margin:0 auto;gap:3rem;padding:8rem 0 3rem;width:1600px;max-width:92%;flex-wrap:wrap}.about-image{aspect-ratio:16/9;width:100%;max-width:720px;overflow:hidden;border-radius:.8rem;flex-shrink:0}.about-image img{width:100%;height:100%;object-fit:cover;border-radius:.8rem;display:block}.fade-in{opacity:0;transform:translateY(36px);animation:fadeInUp 2s ease forwards}.about-intro p:nth-of-type(1){animation-delay:.8s}.about-intro p:nth-of-type(2){animation-delay:1.8s}.about-intro p:nth-of-type(3){animation-delay:2.4s}.about-intro p:nth-of-type(4){animation-delay:3.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.article.about{margin-bottom:3rem}@media(max-width:768px){.about-intro .container{padding:3rem 0}}.related-tag{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.related-tag h3{font-size:var(--fs-md);font-weight:600;margin:3.6rem 0 .6rem;align-self:flex-start}h4.card-title{font-size:var(--fs-base);font-weight:600;color:var(--mid-gray)}@media(max-width:1024px){.related-tag{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.related-tag{grid-template-columns:1fr}}.video-related-block{margin:3.5rem auto 0;padding-top:2rem;border-top:1px solid #eaeaea;width:800px;max-width:90%}.video-related-block h3{font-size:var(--fs-md);font-weight:600;color:#000;margin-bottom:1.5rem;display:flex;align-items:center;gap:8px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.video-card{overflow:hidden;transition:all .3s ease;border-radius:12px 12px 0 0}.video-card:hover{transform:translateY(4px)}.video-card a{text-decoration:none;display:block;height:100%}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s ease;border-radius:12px}.video-card:hover img{transform:scale(1.05)}.video-card span{display:block;text-align:center;padding:.6rem 1rem;font-size:var(--fs-base);font-weight:600;color:var(--mid-gray);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:height .4s ease,border-radius .4s ease}.video-card:hover span{background:#eee;color:var(--text)}.footer-main{width:1200px;max-width:92%;font-size:var(--fs-sm);color:var(--mid-gray);padding:1.2rem 0;text-align:center;margin:5rem auto 2rem}.footer-main li{display:inline}.footer-main svg{vertical-align:middle;padding:0 8px;height:36px;width:36px}.footer-main svg{opacity:.3}.footer-main svg:hover{opacity:1}.footer-main a:hover{color:var(--text)}