:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{font-size:clamp(14px,1.6vw,16px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}img,video{max-width:100%;height:auto}@media (min-width: 1600px){.container{max-width:1400px}}.main-container{position:relative;width:100vw;margin:0;padding:0;overflow-x:hidden}.header{position:relative;top:0;left:0;right:0;z-index:1000;height:100px;overflow:hidden}.header-bg-image img{width:100%;height:100%;object-fit:cover;object-position:center}.header-overlay{position:absolute;inset:0}.header-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;height:100px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo img{height:60px;width:auto}.navigation{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:40px}.nav-item{margin:0}.nav-link{color:#000;text-decoration:none;font-size:1.3rem;font-weight:500;padding:10px 20px;border-radius:6px;transition:all .3s ease;position:relative;text-shadow:0 0 10px rgba(255,255,255,.3)}.new-section-container{padding:20px 0;display:flex;flex-direction:column;align-items:center;width:100%}.new-top-section{text-align:left;margin:100px 0;width:100%;max-width:650px;padding:0 20px;display:flex;flex-direction:column;align-items:flex-start}.new-top-section h2{font-size:40px;margin-bottom:10px;color:#333}.new-top-section p{font-size:16px;color:#666;margin-bottom:20px}.new-btn-group button{background-color:#2d5ff5;color:#fff;border:none;padding:10px 20px;border-radius:400px;margin:0 5px;cursor:pointer;font-size:14px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.new-banner{display:flex;align-items:center;background-color:#2d5ff5;color:#fff;margin-bottom:30px;width:100vw;max-width:none;padding:0;margin-left:calc(-50vw + 50%)}.new-banner-left{flex:1;padding:0}.new-banner-left img{width:100%;display:block}.new-banner-right{flex:1;padding:40px}.new-banner-right h3{font-size:24px;margin-bottom:10px}.new-banner-right p{font-size:16px}.new-features{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px}.new-feature-item{width:100%;max-width:650px;margin-bottom:20px;padding:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.new-feature-item h4{font-size:30px;margin-bottom:10px;color:#666;flex:3;text-align:left}.new-feature-item p{font-size:25px;margin-bottom:10px;color:#666;flex:3;text-align:left}.new-feature-item img{max-width:100px;display:block;flex:1;margin-left:30px}.new-eco-icons img{max-width:40px;margin-right:10px}.new-footer{text-align:center;padding:20px;background-color:#fff;font-size:20px;color:#666}@media (max-width: 768px){.new-banner{flex-direction:column}.new-banner-right{padding:20px;text-align:center}}.header-panda-image{width:100vw;height:100vh;margin-top:-100px;overflow:hidden;z-index:1;position:relative}.header-panda-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.content-section{width:80vw;min-height:200px;background-color:#fff;z-index:999;display:flex;justify-content:space-around;align-items:center;padding:40px 20px;position:relative;box-shadow:0 8px 30px #14bbb233;margin:0 auto;transform:translateY(-100px)}.about{text-align:center;background:#fff;max-width:100vw;margin:0 auto}.about-title{font-size:32px;font-weight:700;color:#14bbb2;margin-bottom:10rem;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.about-title .line{flex:1;height:2px;background:repeating-linear-gradient(to right,#333 0,#333 8px,transparent 8px,transparent 16px);max-width:120px}.about-title .title-row{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.about-title .subtitle{color:#333;display:block;font-size:25px;font-weight:700;text-align:center;width:100%}.about-title .subtitle .panda{color:#333}.about-title .subtitle .community{color:#14bbb2}.cards{display:flex;justify-content:center;align-items:flex-start;gap:35px;flex-wrap:wrap;max-width:80vw;margin:0 auto}.card{background:#fff;flex:1}.card-img{width:486px;height:550px;margin-bottom:20px}.card.center{transform:translateY(-130px)}.card.center .card-img{height:650px}.card-title{font-size:24px;font-weight:700;color:#14bbb2;text-align:left}.card-text{font-size:16px;color:#333;text-align:justify;font-weight:500;text-align:left;margin-bottom:20px}.content-other{height:auto;background:#fff}.new-section{background:#fff;padding:40px 20px;max-width:100vw;margin:0 auto}.top-row{display:flex;justify-content:space-between;gap:50px;max-width:100vw}.about-title2{font-size:32px;font-weight:700;color:#14bbb2;margin-bottom:2rem;position:relative;display:flex;flex-direction:column;width:21vw;margin-top:3rem}.about-title2 .line2{flex:1;height:2px;background:repeating-linear-gradient(to right,#333 0,#333 8px,transparent 8px,transparent 16px);max-width:120px}.about-title2 .page4-line2{flex:1;height:2px;background:repeating-linear-gradient(to right,#000000 0,#000000 8px,transparent 8px,transparent 16px);max-width:120px}.about-title2 .title-row2{display:flex;align-items:center;gap:20px;width:100%;color:#2d5ff5}.about-title2 .subtitle2{color:#333;display:block;font-size:25px;font-weight:700;text-align:center;width:100%}.about-title2 .page4-subtitle2{display:block;font-size:25px;font-weight:700;text-align:center;width:98%}.about-title2 .subtitle2 .community2,.about-title2 .page4-subtitle2 .community2{color:#2d5ff5}.about-title2 .page4-subtitle2 .page4-panda2{color:#000}.about-title2 .subtitle2 .panda2{color:#333}.about-title2 .subtitle2 .page4-panda2{color:#fff}.left-content,.right-content{width:100vw;text-align:left}.left-content h3,.right-content h3{color:#14bbb2;font-size:24px;font-weight:700}.left-content p,.right-content p{color:#333;font-size:16px;line-height:1.6;margin:0 0 20px;text-indent:2em}.right-content-text{width:35vw;font-weight:500}.right-content-text2{width:35vw}.bottom-content{max-width:1200px;margin:0 auto;text-align:center}.bottom-content h3{color:#14bbb2;font-size:28px;font-weight:700;margin-bottom:20px}.bottom-content p{color:#333;font-size:18px;line-height:1.6;margin:0 0 20px;text-indent:2em}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;text-align:center}.service-item{display:flex;flex-direction:column;background:#fff;padding:20px;border-radius:8px;gap:15px}.service-top,.service-bottom{display:flex;align-items:center;justify-content:flex-start;height:30px;gap:8px}.service-icon{color:#14bbb2;font-size:20px;min-width:24px;display:flex;align-items:center}.service-text{color:#333;font-size:18px;font-weight:500;line-height:1.4;display:flex;align-items:center}.stat-card{text-align:center;flex:1;max-width:200px}.stat-number{font-size:3rem;font-weight:700;color:#000;margin-bottom:10px}.plus{color:#14bbb2;font-weight:400}.stat-label{font-size:1.6rem;color:#000;font-weight:500}.page4{width:100vw;height:800px;background-color:#f3f9ff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.page4-top-box{text-align:center;margin-bottom:60px;max-width:800px;margin-top:-5%}.page4-top-box h2{font-size:2.5rem;color:#fff;margin-bottom:20px;font-weight:700}.page4-top-box p{font-size:1.2rem;color:#fff;line-height:1.6}.page4-bottom-box{width:100%;max-width:1200px;display:flex;justify-content:space-between;gap:30px}.page4-item{flex:1;display:flex;flex-direction:column;background:#fff;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.page4-item-image{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.page4-item-image img{max-width:100%;height:auto;border-radius:0}.page4-item-title{margin-bottom:15px}.page4-item-title h3{font-size:1.5rem;color:#000;margin:0;font-weight:700}.page4-item-description{flex:1}.page4-item-description p{font-size:1rem;color:#000;line-height:1.5;margin:0;text-align:left}.page5{margin-top:-5%;width:100vw;height:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.page5-top-box{text-align:left;margin-bottom:60px;width:100%;max-width:1200px}.page5-bottom-box{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.page5-item{display:flex;flex-direction:column;background:#fff;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.page5-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page5-item:active{transform:translateY(0)}.page5-item-image{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.page5-item-image img{max-width:100%;height:auto}.page5-item-title{margin-bottom:15px;display:flex;align-items:center}.page5-item-title img{width:15px;height:15px;display:flex}.page5-item-title h3{font-size:1.2rem;color:#000;font-weight:700;margin-right:5px}.page5-item-description{flex:1}.page5-item-description p{font-size:1rem;color:#000;line-height:1.6;margin:0;text-align:left}.page6{width:100%;max-width:1200px;margin:5% auto 0;padding:50px 20px;background-color:#f3f9ff;min-height:450px;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}.page6-left-box,.page6-right-box{width:50%;height:100%;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page6-left-box{position:relative;overflow:visible}.page6-left-box img{position:absolute;top:0;left:0;right:0;margin-bottom:50%;transform:translateY(-55.5%)translate(10%);max-width:74%;height:auto;z-index:1}.page6-right-box{align-items:flex-start;justify-content:flex-end}.page6-title{font-size:2.5rem;font-weight:700;color:#000;margin:0 0 30px;text-align:left;line-height:1.2}.page6-description{font-size:1.3rem;color:#000;line-height:1.6;margin:0 0 20px;text-align:left}.page6-description:last-child{margin-bottom:0}.page7{width:1050px;height:100px;margin:50px auto 0;background-color:#fff;border-bottom:1px solid #566976;display:flex;justify-content:flex-end;align-items:center;gap:60px}.page7-text{color:#333;font-size:1.2rem}.footer{width:1050px;height:100px;margin:0 auto;background-color:#fff;display:flex;justify-content:flex-start;align-items:center;gap:40px}.footer-text{color:#666;font-size:.8rem}*{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}.portrait-main-container{position:relative;width:100vw;margin:0;padding:0;overflow-x:hidden}.portrait-header{position:relative;top:0;left:0;right:0;z-index:1000;height:80px;overflow:hidden}.portrait-header-bg-image img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-header-overlay{position:absolute;inset:0}.portrait-header-container{position:relative;z-index:2;max-width:1200px;margin:-10px auto 0;padding:0 10px;height:80px;display:flex;justify-content:space-between;align-items:center}.portrait-logo{display:flex;align-items:center}.portrait-logo img{height:35px;width:auto;object-fit:contain;flex-shrink:0}.portrait-menu-icon{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.portrait-menu-icon:focus{outline:none}.portrait-menu-icon:active{outline:none}.portrait-hamburger-icon{display:flex;flex-direction:column;justify-content:space-around;height:100%;width:100%}.portrait-hamburger-icon span{width:100%;height:3px;background:#000;border-radius:2px}.portrait-close-icon{font-size:2rem;color:#000;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.portrait-close-icon:focus{outline:none}.portrait-close-icon:active{outline:none}.portrait-navigation{display:flex;align-items:center}.portrait-nav-list{display:flex;list-style:none;margin:0;padding:0;gap:15px}.portrait-nav-item{margin:0;white-space:nowrap}.portrait-nav-link{color:#ffffffa2;text-decoration:none;font-size:1.2rem;font-weight:500;padding:0;margin:3px;border-radius:6px}@media (max-width: 768px){.portrait-menu-icon{display:flex}.portrait-navigation{position:fixed;top:65px;left:0;width:100%;height:0;background:#818181bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;align-items:center;padding:0;z-index:999;overflow:hidden}.portrait-navigation-open{height:300px;border-bottom:1px solid rgba(255,255,255,.1)}.portrait-nav-list{flex-direction:column;gap:15px;align-items:center;width:100%;padding:20px 0;opacity:0}.portrait-navigation-open .portrait-nav-list{opacity:1;transition-delay:.1s}.portrait-nav-item{width:100%;text-align:center}.portrait-nav-link{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:500;padding:12px;margin:3px 0;border-radius:6px;display:block;width:100%;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.portrait-nav-link:focus{outline:none}.portrait-nav-link:active{outline:none}.portrait-nav-link::-moz-focus-inner{border:0}.portrait-nav-link:hover{background-color:#ffffff1a}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.portrait-navigation-open{height:290px}.portrait-nav-link{font-size:1.2rem;padding:10px}}.portrait-new-section-container{padding:20px 0;display:flex;flex-direction:column;align-items:center;width:100%}.portrait-new-top-section{text-align:left;margin:-5% 0 20px;width:100%;max-width:650px;padding:0 20px;display:flex;flex-direction:column;align-items:flex-start}.portrait-new-top-section h2{font-size:30px;margin-bottom:10px;color:#333}.portrait-new-top-section p{font-size:16px;color:#666;margin-bottom:20px}.portrait-new-btn-group button{background-color:#2d5ff5;color:#fff;border:none;padding:10px 20px;border-radius:400px;margin:0 5px;cursor:pointer;font-size:14px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.new-btn-group button:focus{outline:none;border:none}.new-btn-group button:active{outline:none;border:none}.new-btn-group button::-moz-focus-inner{border:0}.portrait-new-banner{display:flex;align-items:center;background-color:#2d5ff5;color:#fff;margin-bottom:30px;width:100vw;height:26vw;max-width:none;padding:0;margin-left:calc(-50vw + 50%)}.portrait-new-banner-left{flex:1.2;padding:0}.portrait-new-banner-left img{width:120%;display:block;height:26vw}.portrait-new-banner-right{flex:1;padding:0}.portrait-new-banner-right h3{margin-left:15px;font-size:14px;margin-bottom:5px}.portrait-new-banner-right p{margin-left:15px;font-size:12px;margin-bottom:0}.portrait-new-features{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px}.portrait-new-feature-item{width:100%;max-width:650px;margin-bottom:20px;padding:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.portrait-new-feature-item h4{font-size:20px;margin-bottom:10px;color:#666;flex:3;text-align:left}.portrait-new-feature-item p{font-size:15px;margin-bottom:10px;color:#666;flex:3;text-align:left}.portrait-new-feature-item img{max-width:100px;display:block;flex:1;margin-left:30px}.portrait-new-eco-icons img{max-width:40px;margin-right:10px}.portrait-new-footer{text-align:left;padding:1px;margin-left:10px;margin-top:-20px;background-color:#fff;font-size:15px;color:#666}.portrait-header-panda-image{width:100vw;height:100vh;margin-top:-100px;overflow:hidden;z-index:1;position:relative}.portrait-header-panda-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.portrait-content-section{width:80vw;min-height:200px;background-color:#fff;z-index:999;display:flex;justify-content:space-around;align-items:center;padding:40px 20px;position:relative;box-shadow:0 8px 30px #14bbb233;margin:0 auto;transform:translateY(-100px)}.portrait-about{text-align:center;background:#fff;max-width:100vw;margin:0 auto}.portrait-about-title{font-size:32px;font-weight:700;color:#14bbb2;margin-bottom:10rem;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.portrait-about-title .portrait-line{flex:1;height:2px;background:repeating-linear-gradient(to right,#333 0,#333 8px,transparent 8px,transparent 16px);max-width:120px}.portrait-about-title .portrait-title-row{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.portrait-about-title .portrait-subtitle{color:#333;display:block;font-size:25px;font-weight:700;text-align:center;width:100%}.portrait-about-title .portrait-subtitle .portrait-panda{color:#333}.portrait-about-title .portrait-subtitle .portrait-community{color:#14bbb2}.portrait-cards{display:flex;justify-content:center;align-items:flex-start;gap:35px;flex-wrap:wrap;max-width:80vw;margin:0 auto}.portrait-card{background:#fff;flex:1}.portrait-card-img{width:486px;height:550px;margin-bottom:20px}.portrait-content-other{height:auto;background:#fff}.portrait-new-section{background:#fff;padding:40px 20px;max-width:100vw;margin:0 auto}.portrait-top-row{display:flex;justify-content:space-between;gap:50px;max-width:100vw}.portrait-about-title2{font-size:32px;font-weight:700;color:#14bbb2;margin-bottom:1rem;position:relative;display:flex;flex-direction:column;width:21vw;margin-top:1rem}.portrait-about-title2 .portrait-line2{flex:1;height:2px;background:repeating-linear-gradient(to right,#333 0,#333 8px,transparent 8px,transparent 16px);max-width:120px}.portrait-about-title2 .portrait-page4-line2{flex:1;height:2px;background:repeating-linear-gradient(to right,#000000 0,#000000 4px,transparent 4px,transparent 8px);max-width:60px;min-width:10px}.portrait-about-title2 .portrait-title-row2{display:flex;align-items:center;gap:20px;width:100%;color:#2d5ff5}.portrait-about-title2 .portrait-subtitle2{color:#333;display:block;font-size:25px;font-weight:700;text-align:center;width:100%}.portrait-about-title2 .portrait-page4-subtitle2{display:block;font-size:20px;font-weight:700;text-align:center;width:98%}.portrait-about-title2 .portrait-subtitle2 .portrait-community2,.portrait-about-title2 .portrait-page4-subtitle2 .portrait-community2{color:#2d5ff5}.portrait-about-title2 .portrait-page4-subtitle2 .portrait-page4-panda2{color:#000}.portrait-about-title2 .portrait-subtitle2 .portrait-panda2{color:#333}.portrait-about-title2 .portrait-subtitle2 .portrait-page4-panda2{color:#fff}.portrait-left-content,.portrait-right-content{width:100vw;text-align:left}.portrait-left-content h3,.portrait-right-content h3{color:#14bbb2;font-size:24px;font-weight:700}.portrait-left-content p,.portrait-right-content p{color:#333;font-size:16px;line-height:1.6;margin:0 0 20px;text-indent:2em}.portrait-right-content-text{width:35vw;font-weight:500}.portrait-right-content-text2{width:35vw}.portrait-bottom-content{max-width:1200px;margin:0 auto;text-align:center}.portrait-bottom-content h3{color:#14bbb2;font-size:28px;font-weight:700;margin-bottom:20px}.portrait-bottom-content p{color:#333;font-size:18px;line-height:1.6;margin:0 0 20px;text-indent:2em}.portrait-page4-item{flex:0 0 80vw;display:flex;flex-direction:column;background:#fff;padding:20px;box-shadow:0 4px 12px #0000001a;min-width:63vw;max-width:63vw}.portrait-page4-item-image{margin-bottom:15px;display:flex;justify-content:center;align-items:center}.portrait-page4-item-image img{max-width:100%;height:auto;border-radius:8px}.portrait-page4-item-title{margin-bottom:10px}.portrait-page4-item-title h3{font-size:1.2rem;color:#000;margin:0;font-weight:600;text-align:center}.portrait-page4-item-description{flex:1}.portrait-page4-item-description p{font-size:.9rem;color:#666;line-height:1.5;margin:0;text-align:left}.portrait-stat-card{text-align:center;flex:1;max-width:200px}.portrait-stat-number{font-size:3rem;font-weight:700;color:#000;margin-bottom:10px}.portrait-plus{color:#14bbb2;font-weight:400}.portrait-stat-label{font-size:1.6rem;color:#000;font-weight:500}.portrait-page4{width:100vw;background-color:#f3f9ff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px}.portrait-page4-top-box{text-align:center;margin-bottom:0;margin-top:-20px;width:100%;padding:0 10px}.portrait-page4-top-box h2{font-size:1.8rem;color:#333;margin-bottom:30px;white-space:nowrap;display:flex;flex-direction:column;align-items:center}.portrait-page4-top-box .portrait-about-title2{font-size:1.8rem;white-space:nowrap;width:100%}.portrait-page4-top-box .portrait-title-row2{display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;width:100%}.portrait-page4-top-box .portrait-line2{flex:1;height:1px;background:repeating-linear-gradient(to right,#333 0,#333 8px,transparent 8px,transparent 16px);max-width:60px;min-width:20px}.portrait-page4-top-box .portrait-subtitle2{font-size:1.3rem;margin-top:10px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px}.portrait-page4-top-box .portrait-page4-panda2{color:#333;white-space:nowrap}.portrait-page4-top-box .portrait-community2{color:#2d5ff5;white-space:nowrap}.portrait-page4-top-box p{font-size:1rem;color:#000;line-height:1.6}.portrait-page4-bottom-box{width:100%;display:flex;flex-wrap:nowrap;gap:15px;overflow-x:auto;padding:10px 5px;scrollbar-width:none}.portrait-page4-bottom-box::-webkit-scrollbar{display:none}.portrait-page5{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px}.portrait-page5-top-box{text-align:center;margin-bottom:0;width:100%;padding:0 10px}.portrait-page5-top-box h2{font-size:1.8rem;color:#333;margin-bottom:30px;white-space:nowrap;display:flex;flex-direction:column;align-items:center}.portrait-page5-top-box .portrait-about-title2{font-size:1.8rem;white-space:nowrap;width:100%}.portrait-page5-top-box .portrait-title-row2{display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;width:100%}.portrait-page5-top-box .portrait-line2{flex:1;height:2px;background:repeating-linear-gradient(to right,#000000 0,#000000 4px,transparent 4px,transparent 8px);max-width:60px;min-width:10px}.portrait-page5-top-box .portrait-subtitle2{font-size:1.4rem;margin-top:3px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:0px}.portrait-page5-top-box .portrait-panda2{color:#333;white-space:nowrap}.portrait-page5-top-box .portrait-community2{color:#2d5ff5;white-space:nowrap}.portrait-page5-bottom-box{width:100%;display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;padding:0;scrollbar-width:none;margin-bottom:10vw}.portrait-page5-bottom-box::-webkit-scrollbar{display:none}.portrait-page5-item{flex:0 0 80vw;display:flex;flex-direction:column;background:#fff;padding:7px;min-width:50vw;max-width:50vw;cursor:pointer;transition:transform .2s,box-shadow .2s}.portrait-page5-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.portrait-page5-item:active{transform:translateY(0)}.portrait-page5-item-image{margin-bottom:15px;display:flex;justify-content:center;align-items:center}.portrait-page5-item-image img{max-width:100%;height:auto}.portrait-page5-item-title{margin-bottom:10px;display:flex;align-items:center}.portrait-page5-item-title img{width:15px;height:15px}.portrait-page5-item-title h3{font-size:1.2rem;color:#000;margin:0 5px 0 0;font-weight:600}.portrait-page5-item-description{flex:1}.portrait-page5-item-description p{font-size:.9rem;color:#666;line-height:1.5;margin:0;text-align:left}.portrait-page6{width:100%;margin:0 auto;padding:30px 15px;background-color:#f3f9ff;height:110px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;overflow:visible}.portrait-page6-left-box{width:30%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;position:relative;overflow:visible;margin-bottom:0}.portrait-page6-left-box img{position:absolute;bottom:0;right:0;min-width:75%;height:auto;transform:translateY(35.5%) translate(0);z-index:3}.portrait-page6-right-box{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.portrait-page6-title{font-size:1.3rem;font-weight:700;color:#000;margin:0 0 10px 15px;text-align:left;line-height:1.3}.portrait-page6-description{font-size:1rem;color:#333;line-height:1.6;margin:0 0 0 15px;text-align:left;width:100%}.portrait-page6-description:last-child{margin-bottom:0}.portrait-page7{width:100%;height:auto;margin:0 auto;background-color:#fff;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:right;align-items:center;gap:20px;padding:20px 15px}.portrait-page7-text{color:#333;font-size:1rem;text-decoration:none;padding:8px 12px;border-radius:6px}.portrait-page7-text:hover{background-color:#f5f5f5;color:#2d5ff5}.portrait-footer{width:100%;height:auto;margin:0 auto;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 15px}.portrait-footer-text{color:#666;font-size:.8rem;text-align:center;line-height:1.5}.tutorial-page{min-height:100dvh;height:100dvh;width:100vw;display:flex;flex-direction:column;background:#fff;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.tutorial-back-btn{background:#2d5ff5;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:1rem;cursor:pointer;transition:background-color .2s}.tutorial-title{margin:0;font-size:1.3rem;color:#333;font-weight:600;text-align:center;flex:1}.tutorial-counter{color:#666;font-size:.9rem;min-width:60px;text-align:right}.tutorial-main{flex:1;display:flex;align-items:stretch;justify-content:stretch;padding:0;min-height:0;position:relative;overflow:hidden}.tutorial-image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.tutorial-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:auto;transform:scale(.9)}.tutorial-image.zoomed{cursor:grab;transition:none;transform-origin:center center}.tutorial-image.zoomed:active{cursor:grabbing}.tutorial-placeholder{text-align:center;color:#666;padding:60px 40px}.tutorial-placeholder p{margin:12px 0;font-size:1rem}.tutorial-nav-container{position:absolute;top:0;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:1}.tutorial-nav-btn{background:#0003;color:#ffffff80;border:none;border-radius:15%;width:30px;height:60px;font-size:30px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto;outline:none;-webkit-tap-highlight-color:transparent;overflow:hidden;padding-left:50%;padding-right:50%;margin:0;box-sizing:border-box}.tutorial-nav-btn:focus{outline:none;border:none}.tutorial-nav-btn:active{outline:none;border:none}.tutorial-nav-btn::-moz-focus-inner{border:0}.tutorial-nav-btn:disabled{background:#0fa39a00;cursor:not-allowed;transform:none}.tutorial-footer{padding:16px 20px;background:#f8f9fa;border-top:1px solid #e8e8e8}.tutorial-dots{display:flex;justify-content:center;align-items:center;width:200px;height:4px;background:#ddd;border-radius:2px;position:relative;margin:0 auto}.tutorial-progress-bar{height:100%;background:#2d5ff5;border-radius:2px;transition:width .3s ease-in-out;position:absolute;left:0;top:0}.tutorial-subcategories{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.subcategory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:600px;width:100%}.subcategory-btn{background:#2d5ff5;color:#fff;border:none;border-radius:12px;padding:20px 24px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center}.subcategory-btn:hover{background:#2d5ff5;transform:translateY(-2px);box-shadow:0 8px 20px #14bbb24d}.subcategory-btn:active{transform:translateY(0)}@media (max-width: 768px){.subcategory-grid{grid-template-columns:1fr;gap:16px}.subcategory-btn{padding:16px 20px;font-size:1rem;min-height:70px}}@media (orientation: landscape) and (min-width: 769px){.tutorial-main{padding:0;align-items:stretch;justify-content:stretch}.tutorial-image-container{max-width:100%;height:100%;background:transparent;border-radius:0;margin:0}.tutorial-nav-container{padding:0 20px}.tutorial-nav-btn{width:30px;height:70px;font-size:28px;padding:0;margin:0;outline:none}}@media (max-width: 768px){.tutorial-header{padding:12px 16px}.tutorial-title{font-size:1.1rem}.tutorial-main{padding:0;align-items:stretch;justify-content:stretch}.tutorial-image-container{max-width:100%;height:100%;background:transparent;border-radius:0;margin:0}.tutorial-nav-btn{width:30px;height:70px;font-size:24px;padding:0;margin:0;outline:none}}@media (max-width: 480px){.tutorial-header{padding:10px 12px}.tutorial-back-btn{padding:8px 12px;font-size:.9rem}.tutorial-title{font-size:1rem}.tutorial-main{padding:0;align-items:stretch;justify-content:stretch}.tutorial-image-container{max-width:100%;height:100%;background:transparent;border-radius:0;margin:0}.tutorial-nav-btn{width:30px;height:70px;font-size:20px;padding:0;margin:0;outline:none}}.tutorial-copybar{position:absolute;left:65%;transform:translate(-10%);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#0000;color:#fff;font-size:12px;border-radius:4px;min-width:200px;z-index:150}.copybar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copybar-btn{background:#2d5ff5;color:#fff;border:none;border-radius:6px;padding:3px 5px;font-size:12px;cursor:pointer;margin-right:50px;width:100px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#fff;background:#fff;min-height:100vh}.app{min-height:100vh}.content-placeholder{padding-top:120px;text-align:center;max-width:800px;margin:0 auto;padding-left:20px;padding-right:20px}.content-placeholder h1{font-size:3rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#4ade80,#22d3ee,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-placeholder p{font-size:1.2rem;color:#a8b2d1}@media (max-width: 768px){.content-placeholder{padding-top:140px}.content-placeholder h1{font-size:2.5rem}.content-placeholder p{font-size:1.1rem}}@media (max-width: 480px){.content-placeholder h1{font-size:2rem}.content-placeholder p{font-size:1rem}}