nav{height:72px}nav img{height:50px}ul{list-style:none;margin:0;padding:0}li,ul{display:flex}li{color:#000;flex-direction:column;font-size:20pt;margin:0 20px;position:relative}li a{color:inherit;text-decoration:none}li:hover:after{background-color:#000;bottom:-5px;content:"";display:block;height:2px;left:0;position:absolute;width:100%}.dropdown:hover,li:hover .dropdown{display:flex;flex-direction:column;opacity:1}.dropdown{background-color:#000c;border-radius:4px;padding:10px;top:72px;width:115px}.dropdown li{margin:5px 0}@font-face{font-family:SourceHanSansCN;font-style:normal;font-weight:400;src:url(/static/media/SourceHanSansCN-Regular.84cab0b19d86ccbc77b6.otf) format("opentype")}.dropdown{background-color:#000000e6;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;display:none;left:0;min-width:180px;opacity:0;padding:15px;pointer-events:none;position:absolute;top:50px;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.dropdown:before{background:#0000;content:"";height:15px;left:0;position:absolute;top:-15px;width:100%}nav li:hover .dropdown{transition-delay:0s}.dropdown:hover,nav li:hover .dropdown{display:flex;flex-direction:column;opacity:1;pointer-events:auto;transform:translateY(0)}nav li:not(:hover) .dropdown{transition-delay:.3s}.dropdown ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.dropdown li{border-radius:4px;margin:0;padding:8px 12px;transition:background-color .2s ease}.dropdown li:hover{background-color:#ffffff1a}.dropdown li a{color:#fff;display:block;font-size:14px;font-weight:500;text-decoration:none}nav{align-items:center;background-color:#fff;display:flex;font-family:思源,sans-serif;height:50px;justify-content:space-between;padding:0 20px}nav img{height:35px}nav ul{display:flex;list-style:none;margin:0;padding:0}nav li{color:#000;font-size:16pt;margin:0 20px;position:relative}nav li a{color:inherit;text-decoration:none}nav li:hover:after{background-color:#000;bottom:-5px;content:"";display:block;height:2px;left:0;position:absolute;width:100%}.carousel-container{display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;position:relative;width:100%}.carousel-wrapper{height:100%;position:relative;width:100%}.carousel-slide{align-items:center;background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:30.7vw;justify-content:center;left:0;position:absolute;top:0;transition:transform .8s cubic-bezier(.25,.46,.45,.94);width:100%}.carousel-slide:before{background:linear-gradient(135deg,#0006,#0000001a 50%,#0000004d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.slide-content{color:#fff;max-width:800px;padding:40px;position:relative;text-align:center;z-index:2}.slide-content h1{animation:slideInUp 1s ease-out .3s forwards;font-size:3.5rem;font-weight:700;margin-bottom:20px;opacity:0;text-shadow:2px 2px 4px #000000b3;transform:translateY(30px)}.slide-content p{animation:slideInUp 1s ease-out .6s forwards;font-size:1.5rem;margin:0;opacity:0;text-shadow:1px 1px 2px #000000b3;transform:translateY(20px)}.carousel-dots{bottom:35vh;display:flex;gap:12px;left:90%;position:absolute;transform:translateX(-50%);z-index:10}.dot{background-color:initial;border:1px solid #ffffffb3;border-radius:50%;cursor:pointer;height:14px;position:relative;transition:all .3s ease;width:14px}.dot.active,.dot:hover{background-color:#ffffff80;border-color:#ffffffe6}.dot.active{transform:scale(1.2)}.banner-text{background:#fff 0;bottom:0;height:15%;left:0;padding:10px;position:absolute;right:0;text-align:center;z-index:5}.banner-text h1{animation:fadeInUp 1.5s ease-out 1s forwards;color:#000;font-size:2.5rem;font-weight:500;letter-spacing:2px;margin:0;opacity:0}.content-section{background:#f8f9fa;padding:60px 0;width:100%}.content-row{align-items:center;display:flex;gap:60px;justify-content:space-between;margin:0 auto;max-width:95%;padding:60px 40px}.content-row.reverse{flex-direction:row-reverse}.image-section{flex:1 1;max-width:1000px}.image-section img{box-shadow:0 10px 30px #0000001a;height:100%;object-fit:cover;width:100%}.text-section{flex:1 1;max-width:1000px}.text-section h2{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:25px}.text-section p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.left-image,.right-image{flex:1 1;max-width:1000px}.left-image img,.right-image img{border-radius:12px;box-shadow:0 10px 30px #0000001a;height:100%;object-fit:cover;width:100%}.left-text,.right-text{flex:1 1;max-width:1000px}.left-text h2,.right-text h2{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:25px}.left-text p,.right-text p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.video-section{align-items:center;background:url(/static/media/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE1.67342b5e4c6e274601ab.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative}.video-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;max-width:1000px;padding:40px;text-align:center;width:100%}.video-section:before{background-color:#0009;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.video-container h2{color:#fff;font-size:3rem;font-weight:300;margin-bottom:30px;text-shadow:2px 2px 4px #00000080}.video-placeholder{align-items:center;background:#8a8a8a99;border:2px dashed #ffffff4d;border-radius:15px;cursor:pointer;display:flex;height:500px;justify-content:center;transition:all .3s ease;width:100%}.video-placeholder:hover{background:#0000004d;border-color:#fff9}.video-placeholder p{color:#fffc;font-size:1.5rem;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.carousel-container{height:calc(100vh - 50px)}.carousel-wrapper{height:50vw;max-height:calc(100vh - 150px)}.slide-content h1{font-size:2.5rem}.slide-content p{font-size:1.2rem}.banner-text h1{font-size:1.8rem}.carousel-dots{bottom:20px;right:20px}.dot{height:12px;width:12px}.content-row{gap:40px;padding:40px 20px}.content-row,.content-row.reverse{flex-direction:column}.left-text h2,.right-text h2,.text-section h2{font-size:2rem}.video-container{padding:20px}.video-container h2{font-size:2rem}.video-placeholder{height:300px}}@font-face{font-family:PangMen;font-style:normal;font-weight:400;src:url(/static/media/%E5%BA%9E%E9%97%A8%E6%AD%A3%E9%81%93%E6%A0%87%E9%A2%98%E4%BD%933.0.815ca61038331e4d2505.ttf) format("truetype")}.character-page{height:100vh;overflow:hidden;padding:0;position:relative;width:100%}.character-overlay{background:linear-gradient(135deg,#0003,#0000001a 50%,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.character-content{align-items:flex-start;display:flex;height:100vh;justify-content:flex-end;padding:40px;position:relative;width:100%;z-index:2}.character-title-header{background:linear-gradient(135deg,#8bc34a,#4caf50);border-radius:8px;box-shadow:0 4px 15px #0000004d;margin-bottom:20px;padding:15px 30px;text-align:center}.character-title-header h3{color:#fff;font-family:PangMen,sans-serif;font-size:24px;margin:0}.character-tabs{display:flex;flex-direction:column;gap:15px;max-height:75vh;position:absolute;right:15%;width:350px}.tab{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#54420e;background:var(--theme-primary,#54420e);border:1px solid #ffffff4d;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.tab:hover{background:linear-gradient(135deg,#faf8f4,#faf8f4);background:linear-gradient(135deg,var(--theme-primary,#faf8f4) 0,var(--theme-secondary,#faf8f4) 100%);box-shadow:0 10px 25px #0000004d;transform:translateY(-3px)}.tab.active,.tab:hover{border-color:#54420e;border-color:var(--theme-primary,#54420e)}.tab.active{background:linear-gradient(135deg,#54420e,#876f32);background:linear-gradient(135deg,var(--theme-primary,#54420e) 0,var(--theme-secondary,#876f32) 100%);box-shadow:0 15px 35px #0006}.tab h3{background:linear-gradient(135deg,#0000001a,#0000000d 50%,#0000001a);color:#fff;font-family:PangMen,sans-serif;font-size:18px;font-weight:600;margin:0;padding:15px 20px;text-align:center;text-shadow:2px 2px 4px #000000b3}.dropdown-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#0009 50%,#000c);color:#fff;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.tab.active .dropdown-content{max-height:300px;overflow-y:auto;padding:15px}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb{background:#54420e;background:var(--theme-primary,#54420e);border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:#876f32;background:var(--theme-secondary,#876f32)}.dropdown-content p{font-size:16px;line-height:1.8;margin:0 0 1px;text-shadow:1px 1px 2px #00000080}.intro-content{display:flex;flex-direction:column;gap:10px}.relationship-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin-top:10px;max-width:300px}.relationship-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px;transition:all .3s ease}.relationship-item:hover{background:#ffffff1a;transform:scale(1.05)}.relationship-avatar{border:2px solid #54420e;border:2px solid var(--theme-primary,#54420e);border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;transition:all .3s ease;width:50px}.relationship-avatar:hover{box-shadow:0 3px 10px #0000004d;transform:scale(1.1)}.relationship-avatar img{height:100%;object-fit:cover;width:100%}.relationship-info{display:flex;flex-direction:column;gap:2px;text-align:center}.relationship-name{color:#fff;font-family:PangMen,sans-serif;font-size:12px;font-weight:600;text-shadow:1px 1px 2px #000000b3}.relationship-relation{color:#54420e;color:var(--theme-primary,#54420e);font-size:10px;opacity:.9;text-shadow:1px 1px 2px #00000080}.avatar-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:0;max-width:200px}.avatar-grid-item{border:3px solid #54420e;border:3px solid var(--theme-primary,#54420e);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;transition:all .3s ease;width:80px}.avatar-grid-item:hover{box-shadow:0 5px 15px #00000080;transform:scale(1.1)}.avatar-grid-item img{height:100%;object-fit:cover;width:100%}.character-companions,.character-items,.character-skills,.character-weapons{margin-bottom:20px}.character-companions h4,.character-items h4,.character-skills h4,.character-weapons h4{color:#fff;font-family:PangMen,sans-serif;font-size:18px;font-weight:600;margin:0 0 12px;text-shadow:2px 2px 4px #000000b3}.character-skills{border-top:1px solid #ffffff4d;margin-top:20px;padding-top:20px}.character-skills ul{list-style-type:none;margin:0;padding-left:20px}.character-skills li{color:#fff;margin-bottom:8px;padding-left:20px;position:relative;text-shadow:1px 1px 2px #00000080}.character-skills li:before{color:#54420e;color:var(--theme-primary,#54420e);content:"▶";font-size:12px;left:0;position:absolute}.character-slider-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:3px solid #fff;bottom:100px;display:flex;max-width:600px;padding:5px;position:absolute;right:260px;width:70%}.character-slider{display:flex;flex:1 1;gap:20px;overflow-x:auto;padding:10px 0;scroll-behavior:smooth;scrollbar-color:#fff #ffffff1a;scrollbar-color:var(--theme-primary,#fff) #ffffff1a;scrollbar-width:thin}.character-slider::-webkit-scrollbar{height:8px}.character-slider::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px;margin:0 10px}.character-slider::-webkit-scrollbar-thumb{background:#fff;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.character-slider::-webkit-scrollbar-thumb:hover{background:#fff;transform:scaleY(1.2)}.character-avatar{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:100px;opacity:.7;transition:all .3s ease}.character-avatar.active{opacity:1;transform:scale(1.1)}.character-avatar:hover{opacity:1;transform:scale(1.05)}.character-avatar img{height:110px;object-fit:cover;transition:all .3s ease;width:90px}.character-info{color:#fff;text-align:center}.character-name{font-family:PangMen,sans-serif;font-size:14px;font-weight:600;margin-bottom:2px}.character-name,.character-title{display:block;text-shadow:1px 1px 2px #000000b3}.character-title{font-size:12px;opacity:.8}.content-image{margin-top:15px;text-align:center}.content-image img{border-radius:8px;box-shadow:0 4px 15px #0000004d;height:auto;max-width:100%;transition:transform .3s ease}.content-image img:hover{transform:scale(1.05)}@media (max-width:768px){.character-content{align-items:center;justify-content:center;padding:20px}.character-tabs{left:50%;max-height:60vh;max-width:400px;right:auto;top:40%;transform:translateX(-50%) translateY(-50%);width:90%}.tab.active .dropdown-content{max-height:250px}.character-slider-container{bottom:20px;padding:15px;width:90%}.character-slider{gap:15px}.character-avatar{min-width:80px}.character-avatar img{height:60px;width:60px}.avatar-grid{max-width:160px}.avatar-grid-item{height:60px;width:60px}}@media (max-width:480px){.character-tabs{max-height:50vh;width:95%}.tab h3{font-size:16px;padding:15px 20px}.tab.active .dropdown-content{max-height:200px}.character-slider-container{bottom:10px;padding:10px}.character-slider{gap:10px}.character-avatar{min-width:70px}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.character-tabs{animation:slideInFromRight .6s ease-out}.tab.active .dropdown-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guild-interface{display:flex;flex-direction:column;min-height:calc(100vh - 50px);overflow:hidden;position:relative;width:100%}.main-content-area{display:flex;flex:1 1;min-height:calc(100vh - 250px);position:relative}.left-guild-info{display:flex;flex-direction:column;padding:20px 0 0;width:30%;z-index:10}.guild-banner{align-items:center;color:#fff;display:flex;height:120px;margin-bottom:30px;overflow:hidden;padding-left:40px;position:relative}.guild-banner:before{background:linear-gradient(135deg,#0047ab,#1e90ff);background:linear-gradient(135deg,var(--primary-color,#0047ab),var(--secondary-color,#1e90ff));clip-path:polygon(0 0,calc(100% - 60px) 0,100% 50%,calc(100% - 60px) 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.guild-banner:after{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);clip-path:polygon(0 0,calc(100% - 60px) 0,calc(100% - 2px) 50%,calc(100% - 60px) 100%,0 100%);content:"";height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:calc(100% - 4px);z-index:-1}.guild-title h1{font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.guild-title h2{font-size:1.8rem;font-weight:300;letter-spacing:2px;margin:5px 0 0}.guild-type{color:#333;font-size:1.6rem;font-weight:500;margin:20px 0 30px 20px}.guild-description{background-color:#333333e6;border-radius:2px 2px 0 0;box-shadow:0 4px 15px #0003;color:#fff;flex:1 1;margin-bottom:0;margin-left:10px;padding:25px;position:relative;width:85%}.guild-description:after{bottom:-10px;content:"";height:0;position:absolute;right:20px;width:0}.guild-description p{font-size:12px;line-height:1.8;margin:0}.center-logo-area{position:relative;width:30%;z-index:5}.center-logo-area,.logo-container{align-items:center;display:flex;justify-content:center}.logo-container{background:radial-gradient(circle,#ffffff1a,#0000);border-radius:50%;box-shadow:0 0 30px #fff3;height:90%;transition:transform .3s ease;width:100%}.logo-container:hover{transform:scale(1.05)}.main-logo{filter:drop-shadow(0 0 20px rgba(255,255,255,.3));max-height:100%;max-width:100%;object-fit:contain;transition:filter .3s ease}.info-tabs-area{align-items:center;display:flex;justify-content:flex-start;padding-left:10px;width:5%;z-index:10}.info-tabs{flex-direction:column;gap:0;padding:0}.info-tab,.info-tabs{display:flex;width:100%}.info-tab{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:11px;justify-content:space-between;padding:1px;position:relative;text-align:left;transition:all .3s ease}.info-tab:hover{background:#ffffff1a;color:#333}.info-tab.active{background:#ffffff26;color:#0047ab;color:var(--primary-color,#0047ab)}.tab-text{flex:1 1;font-weight:500;letter-spacing:.5px}.info-tab:after{background:#ddd;border-radius:2px;content:"";height:20px;margin-left:8px;margin-right:8px;transition:all .3s ease;width:3px}.info-tab.active:after{background:#0047ab;background:var(--primary-color,#0047ab)}.right-background-area{padding:20px;position:relative;width:35%}.background-image-container{height:90%;position:relative;width:100%}.background-image{filter:brightness(.8);height:100%;object-fit:cover;width:100%}.bottom-section{align-items:center;background:linear-gradient(45deg,#2c2c2c,#1a1a1a);border-top:8px solid #0047ab;border-top:8px solid var(--primary-color,#0047ab);display:flex;height:200px;justify-content:space-between;margin-top:0;padding:0 10px;position:relative}.guild-selector{align-items:center;display:flex;gap:15px;margin-left:20px}.guild-selector-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #0000;border-radius:8px;cursor:pointer;height:125px;overflow:hidden;position:relative;transition:all .3s ease;width:125px}.guild-selector-icon.hovered,.guild-selector-icon:hover{background:#fff3;border-color:#0047ab;border-color:var(--primary-color,#0047ab);box-shadow:0 10px 25px #0006;transform:scale(1.15) translateY(-5px)}.guild-selector-icon img{height:100%;object-fit:cover;width:100%}.character-display{align-items:center;display:flex;flex-direction:column;gap:0}.character-cards{align-items:center;display:flex;gap:5px}.character-image{height:190px;overflow:hidden;transition:all .3s ease;width:110px}.character-image.hovered,.character-image:hover{transform:translateY(-8px)}.character-image img{height:100%;object-fit:cover;width:100%}.character-info{display:none}.character-pagination{align-items:center;display:flex;gap:10px}.page-dot{background:#fff6;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.page-dot:hover{background:#ffffffb3}.page-dot.active{transform:scale(1.3)}.page-dot.active,.side-tag{background:#0047ab;background:var(--primary-color,#0047ab)}.side-tag{border-radius:20px;color:#fff;font-weight:700;letter-spacing:2px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}@media (max-width:1200px){.main-content-area{flex-direction:column;min-height:calc(100vh - 250px)}.center-logo-area,.info-tabs-area,.left-guild-info,.right-background-area{width:100%}.info-tabs{flex-direction:row;gap:10px;justify-content:center;padding:10px 0}.info-tab{flex-direction:column;max-width:120px;min-width:80px;text-align:center}.info-tab:after{height:3px;margin-left:0;margin-top:4px;width:20px}.guild-banner{height:80px}.guild-title h1{font-size:2rem}.bottom-section{flex-direction:column;gap:20px;height:auto;padding:20px}.character-display,.guild-selector{justify-content:center}}@media (max-width:768px){.guild-title h1{font-size:1.5rem}.guild-title h2{font-size:1.2rem}.guild-selector{gap:10px}.guild-selector-icon{height:50px;width:50px}.character-card{height:90px;width:100px}.info-tab{font-size:9px;min-width:60px}.character-cards{gap:15px}}.extension-container{min-height:100vh;padding:2rem 0}.section-header{color:#000;margin-bottom:3rem;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#000;font-size:1.1rem;opacity:.9}.gallery-section{margin:0 auto;max-width:90%}.gallery-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.gallery-item{margin:0;padding:0}.gallery-image{display:block;margin:0;overflow:hidden;padding:0;position:relative}.gallery-image img{display:block;margin:0;object-fit:cover;padding:0;vertical-align:top;width:100%}.social-section{margin:0 auto;max-width:90%;padding:4rem 2rem}.social-platform-container{display:flex;justify-content:center;margin-top:2rem}.social-platform-card{border-radius:20px;box-shadow:0 15px 35px #0000004d;cursor:pointer;max-width:90%;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.social-platform-card:hover{box-shadow:0 25px 50px #0006;transform:scale(1.02)}.social-platform-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.social-platform-card:hover .social-platform-image{transform:scale(1.05)}.click-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px;padding:1rem 2rem;transition:all .3s ease}.click-hint:hover{background:#ffffff4d;transform:translateY(-3px)}.click-hint span{font-size:1.1rem;font-weight:700}.merchandise-section{margin:0 auto;max-width:90%;padding:4rem 0}.merchandise-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.merchandise-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;overflow:hidden;transition:all .3s ease}.merchandise-item:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.merchandise-image{overflow:hidden;position:relative;width:100%}.merchandise-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.merchandise-item:hover .merchandise-image img{transform:scale(1.1)}.merchandise-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.merchandise-item:hover .merchandise-overlay{transform:translateY(0)}.merchandise-overlay h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.merchandise-category{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffb6c14d;border:1px solid #ffb6c180;border-radius:20px;font-size:.9rem;padding:.3rem .8rem}@media (max-width:768px){.gallery-grid{gap:0;grid-template-columns:1fr}.merchandise-grid{gap:1.5rem;grid-template-columns:1fr}.social-platform-card{height:300px}.section-header h2,.social-platform-overlay h3{font-size:2rem}.extension-container{padding:1rem 0}.gallery-section,.merchandise-section,.social-section{padding:2rem 1rem}}@media (max-width:480px){.gallery-image,.merchandise-image{height:180px}.social-platform-card{height:250px}.social-platform-overlay h3{font-size:1.5rem}.social-platform-overlay p{font-size:1rem}}.social-platform{grid-gap:0;background-color:#f5f5f5;display:grid;gap:0;grid-template-columns:250px 1fr 300px;min-height:100vh}.sidebar-left{background-color:#fff;border-right:1px solid #e1e8ed;height:100vh;overflow-y:auto;padding:1rem;position:sticky;top:0}.sidebar-header{margin-bottom:2rem;text-align:center}.sidebar-header h2{color:#060d12;font-size:1.5rem;font-weight:700;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{align-items:center;background:none;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:1.1rem;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#1da1f21a}.nav-item.active{background-color:#1da1f233;color:#060d12;font-weight:700}.nav-icon{font-size:1.3rem;text-align:center;width:24px}.nav-label{font-size:1rem}.main-content{background-color:#fff;border-right:1px solid #e1e8ed;min-height:100vh;overflow-y:auto}.content-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:0;z-index:10}.content-header h1{color:#14171a;font-size:1.5rem;font-weight:700;margin:0}.new-post-btn{background-color:#1da1f2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .2s ease}.new-post-btn:hover{background-color:#1991db}.posts-container{padding:0}.post{border-bottom:1px solid #e1e8ed;padding:1.5rem;transition:background-color .2s ease}.post:hover{background-color:#00000005}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.user-info{align-items:center;display:flex;gap:1rem}.user-avatar{border:2px solid #e1e8ed;border-radius:50%;height:48px;object-fit:cover;width:48px}.user-details{display:flex;flex-direction:column;gap:.2rem}.username-row{align-items:center;display:flex;gap:.5rem}.username{color:#14171a;font-size:1rem;font-weight:700}.verified{align-items:center;background-color:#1da1f2;border-radius:50%;color:#1da1f2;color:#fff;display:flex;font-size:.9rem;font-size:10px;height:16px;justify-content:center;width:16px}.post-time,.user-handle{color:#657786;font-size:.9rem}.post-content,.post-text{margin-bottom:1rem}.post-text{color:#14171a;font-size:1rem;line-height:1.5;margin-top:0}.post-images{border-radius:16px;margin-top:1rem}.post-images.single{max-width:100%}.post-images.multiple{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr}.post-image{display:block;height:auto;max-height:30%;object-fit:cover}.post-images.multiple .post-image{height:100%}.post-actions{display:flex;justify-content:space-between;margin-top:1rem;max-width:400px}.action-btn{align-items:center;background:none;border:none;border-radius:20px;color:#657786;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.action-btn:hover{background-color:#1da1f21a}.like-btn:hover{background-color:#e0245e1a;color:#e0245e}.comment-btn:hover{background-color:#1da1f21a;color:#1da1f2}.share-btn:hover{background-color:#17bf631a;color:#17bf63}.bookmark-btn:hover{background-color:#1da1f21a;color:#1da1f2}.action-icon{font-size:1.1rem}.action-count{font-size:.9rem;font-weight:500}.sidebar-right{background-color:#f7f9fa;display:flex;flex-direction:column;gap:.8rem;height:100vh;overflow:hidden;padding:1rem}.sidebar-section{background-color:#fff;border:1px solid #e1e8ed;border-radius:12px;flex-direction:row;flex-shrink:0;min-height:0;padding:1rem}.section-title{border-bottom:1px solid #e1e8ed;color:#14171a;font-size:1.1rem;margin:0 0 .8rem;padding-bottom:.5rem;text-align:center}.section-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.section-item{align-items:flex-start;cursor:pointer;display:flex;gap:.5rem;overflow:hidden;padding:.4rem 0;transition:background-color .2s ease;white-space:nowrap}.section-item:hover{background-color:#00000005;border-radius:4px;padding-left:.3rem;padding-right:.3rem}.item-number{color:#ff6b35;flex-shrink:0;font-size:.9rem;font-weight:700;min-width:fit-content;white-space:nowrap}.item-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#14171a;display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:normal}.section-footer{border-top:1px solid #f1f3f4;margin-top:.8rem;padding-top:.5rem;text-align:center}.section-footer span{color:#1da1f2;cursor:pointer;font-size:.8rem;transition:color .2s ease}.section-footer span:hover{color:#1991db}@media (max-width:1200px){.social-platform{grid-template-columns:200px 1fr 250px}}@media (max-width:968px){.social-platform{grid-template-columns:1fr}.sidebar-left,.sidebar-right{display:none}.main-content{border-right:none}}@media (max-width:768px){.post{padding:1rem}.post-actions{max-width:100%}.user-avatar{height:40px;width:40px}.post-images.multiple .post-image{height:150px}}@media (max-width:480px){.post-text{font-size:.95rem}.action-btn{padding:.4rem}.action-icon{font-size:1rem}.action-count{font-size:.8rem}}.coming-soon-container{background:url(/static/media/%E5%BE%85%E5%BB%BA%E8%AE%BE.424b95ab2d7adee5c5dc.JPG);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;font-family:思源,sans-serif;height:calc(100vh - 50px)}.coming-soon-content{border-radius:20px;height:50%;max-width:20%;padding:60px 40px;text-align:center;width:90%}.icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.coming-soon-content h1{color:#000;font-size:2.5rem;font-weight:600;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.coming-soon-content p{color:black(255,255,255,.9);font-size:1.2rem;line-height:1.6;margin-bottom:30px}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{animation:progress-animation 3s ease-in-out infinite;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;height:100%;width:30%}@keyframes progress-animation{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.progress-text{color:black(255,255,255,.8);font-size:1rem;margin:0}@media (max-width:768px){.coming-soon-content{padding:40px 20px}.coming-soon-content h1{font-size:2rem}.coming-soon-content p{font-size:1rem}.icon{font-size:3rem}}.worldview-container{margin:0 auto;max-width:80%;padding:80px 20px 20px}.section-title{border-bottom:10px solid #5e421d;color:#333;font-size:4rem;font-weight:700;margin-bottom:10px;padding-bottom:10px;text-align:left}.subtitle{color:#666;font-size:1rem;margin-bottom:30px;text-align:left}.world-map-section{padding:40px}.map-container{display:flex;justify-content:center;margin-top:20px}.world-map{box-shadow:0 4px 8px #0003;height:auto;max-width:100%}.organizations-section{padding:40px}.organizations-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.organization-card{border:7px solid #5e421d;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease}.organization-card:hover{transform:translateY(-5px)}.organization-card img{object-fit:cover;width:100%}.organization-card h3{color:#333;font-size:1.3rem}.organization-card p{color:#000;font-size:.9rem;line-height:1}.currency-section{padding:40px}.currency-content-new{display:flex;flex-direction:column;gap:20px;margin-top:30px}.currency-row{align-items:stretch;display:flex;gap:20px}.currency-row .currency-square{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;display:flex;flex:1 1;flex-direction:column;height:300px;justify-content:center;padding:20px;position:relative;text-align:center}.currency-square.moonstone{background:url(/static/media/moonstone.e24ffa46aff2da89da70.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#000}.currency-square.gold{background:url(/static/media/lion.4d29f12cf34dcbe3e946.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff}.currency-square.cystal{background:url(/static/media/cystal.e6ccc835d7d740e33a4b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff}.currency-square h3{font-size:1.5rem;font-weight:700;margin-bottom:10px;margin-top:0;text-shadow:2px 2px 4px #00000080}.currency-square p{font-size:.9rem;line-height:1.4;margin:0;max-width:90%;text-shadow:1px 1px 2px #0000004d}.currency-text-area-new{background:none;border:none;display:flex;flex:2 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.currency-text-area-new h3{color:#333;font-size:1.4rem;margin-bottom:0}.currency-text-area-new p{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:10px}.currency-display-box{background:#f5f1eb;border-radius:15px;display:flex;flex:3 1;flex-direction:row;gap:0;padding:20px;width:100%}.currency-item-horizontal{align-items:center;border-radius:8px;display:flex;flex:1 1}.currency-item-horizontal img{flex-shrink:0;object-fit:contain;width:50%}.currency-info{flex:1 1}.currency-info p{color:#000;font-size:.9rem;margin:2px 0}.races-section{padding:40px}.races-slider-container{overflow-x:auto;padding:20px 0}.races-slider{display:flex;gap:30px;min-width:max-content;padding-bottom:20px}.race-card-new{border-radius:12px;max-width:300px;min-width:280px;padding:20px;text-align:center;transition:transform .3s ease}.race-card-new:hover{transform:translateY(-5px)}.race-card-new.human-bg{background:#f5f1eb}.race-card-new.beast-bg{background:#eceff3}.race-card-new.dwarf-bg{background:#f3eeec}.race-card-new.elf-bg{background:#ecf0f1}.race-card-new.dragon-bg{background:#e4efe4}.race-card-new.angel-bg{background:#f1ecd6}.race-card-new img{background-position:50%;border-radius:8px;object-fit:cover;width:100%}.race-card-new h3{font-size:1.5rem;margin-bottom:12px}.race-card-new p{font-size:.9rem;line-height:1.6;opacity:.9;text-align:left}.races-slider-container::-webkit-scrollbar{height:8px}.races-slider-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.races-slider-container::-webkit-scrollbar-thumb{background:#5e421d;border-radius:10px}.races-slider-container::-webkit-scrollbar-thumb:hover{background:#4a331a}.factions-section{padding:40px}.faction-group{margin-bottom:40px}.faction-group-title{color:#000;display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:20px;padding-bottom:5px}.factions-container{align-items:stretch;display:flex;gap:10px;height:250px}.faction-card{border-radius:12px;cursor:pointer;flex:1 1;overflow:hidden;transition:all .3s ease}.faction-card.active{flex:1.5 1}.factions-container:hover .faction-card:not(:hover){flex:1 1}.factions-container:hover .faction-card:hover{flex:1.5 1}.faction-card img{height:100%;object-fit:cover;width:100%}.academy-section,.currency-content,.races-grid{display:none}@media (max-width:768px){.worldview-container{padding:60px 15px 15px}.section-title{font-size:2rem}.currency-content-new{gap:15px}.currency-row{flex-direction:column;gap:15px}.currency-display-box,.currency-square,.currency-text-area-new{flex:1 1}.currency-square{height:250px}.currency-item-horizontal{flex-direction:column;text-align:center}.organizations-grid{grid-template-columns:1fr}.race-card-new{max-width:250px;min-width:250px}.factions-container{flex-direction:column;height:auto}.faction-card{flex:none!important;height:150px}.faction-card.active{height:200px}}.audio-player{bottom:20px;position:fixed;right:20px;z-index:1000}.play-pause-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.play-pause-button:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.play-pause-button:focus{box-shadow:0 0 0 3px #4a90e24d;outline:none}.play-pause-button:active{transform:scale(.95)}
/*# sourceMappingURL=main.5939ff73.css.map*/