*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}.splash-page{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0e27;width:100vw;height:100vh;position:relative;overflow:hidden}.splash-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bg-layer{background-position:50%;background-size:cover;width:100%;height:100%;animation:8s ease-in-out infinite float,20s ease-in-out infinite alternate scale;position:absolute;top:0;left:0}.layer-1{opacity:.4;background-image:url(https://images.unsplash.com/photo-1722429486675-c1fe94fb80d3?q=80&w=2427&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);animation-delay:0s,0s}.layer-2{opacity:.3;background-image:url(https://images.unsplash.com/photo-1722429486675-c1fe94fb80d3?q=80&w=2427&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);animation-delay:2s,5s;transform:scale(1.1)}.overlay{z-index:2;background:linear-gradient(135deg,#0a0e2799,#1a1f3fb3,#2a2f4f99);width:100%;height:100%;position:absolute;top:0;left:0}.ai-glow-layer{z-index:3;background:radial-gradient(circle,#8a2be233,#00bfff1a 50%,#0000 70%);width:100%;height:100%;animation:4s ease-in-out infinite pulse;position:absolute;top:0;left:0}.light-effect{z-index:4;background:radial-gradient(circle,#e6c06b4d,#0000 70%);border-radius:50%;width:600px;height:600px;animation:3s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle-container{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.splash-content{z-index:10;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 20px;display:flex;position:relative}.splash-title{text-shadow:0 0 30px #e6c06b80,0 0 60px #8a2be24d;opacity:0;z-index:10;margin-bottom:20px;font-size:64px;font-weight:700;transition:all 1s ease-out;position:relative;transform:translateY(-30px)}.splash-title.show{opacity:1;transform:translateY(0)}.ai-text{background:linear-gradient(90deg,#e6c06b,#b988ff);color:#0000;text-shadow:0 0 20px #8a2be280;z-index:10;-webkit-background-clip:text;background-clip:text;margin-left:10px;position:relative}.splash-subtitle{color:#ffffffe6;text-shadow:0 0 20px #8a2be24d;opacity:0;z-index:10;margin-bottom:40px;font-size:20px;transition:all 1s ease-out;position:relative;transform:translateY(20px)}.splash-subtitle.show{opacity:1;transform:translateY(0)}.splash-hint{color:#ffffffb3;text-shadow:0 0 10px #8a2be24d;opacity:0;z-index:10;font-size:16px;transition:all 1s ease-out;animation:2s ease-in-out infinite fadeInOut;position:relative;transform:translateY(20px)}.splash-hint.show{opacity:1;transform:translateY(0)}.loading-indicator{z-index:10;z-index:10;gap:8px;display:flex;position:relative;bottom:60px;left:50%;transform:translate(-50%)}.loading-dot{z-index:10;background:#e6c06bcc;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite bounce;position:relative;box-shadow:0 0 10px #8a2be280}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(5px,-5px)}50%{transform:translateY(6px)}75%{transform:translate(-6px)}}@keyframes scale{0%{transform:scale(1.2)}to{transform:scale(1.38)}}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=768px){.splash-title{font-size:42px}.splash-subtitle{font-size:16px}.splash-hint{font-size:14px}.light-effect{width:400px;height:400px}}@media (width<=480px){.splash-title{font-size:32px}.splash-subtitle{font-size:14px}.light-effect{width:300px;height:300px}}.home-page{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.home-bg{z-index:-2;background-image:url(https://images.unsplash.com/photo-1633358299440-7204cde17a1b?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-size:cover;width:100%;height:100%;animation:8s ease-in-out infinite float,20s ease-in-out infinite alternate scale;position:absolute;top:0;left:0}.home-overlay{z-index:-1;background:linear-gradient(135deg,#0a0e2799,#1a1f3fb3,#2a2f4f99);width:100%;height:100%;position:absolute;top:0;left:0}.home-ai-glow{z-index:0;background:radial-gradient(circle,#8a2be233,#00bfff1a 50%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.home-content{z-index:10;flex-direction:column;align-items:center;gap:60px;width:100%;max-width:1400px;padding:0 40px;display:flex;position:relative}.home-title{text-shadow:0 0 30px #e6c06b80,0 0 60px #8a2be24d;z-index:10;margin-top:150px;margin-bottom:20px;font-size:64px;font-weight:700;position:relative;color:#fff!important}.home-subtitle{color:#ffffffe6;text-shadow:0 0 20px #8a2be24d;z-index:10;margin-bottom:40px;font-size:24px;position:relative}.floating-buttons-container{z-index:10;width:100%;max-width:1400px;margin:-40px 0;padding:0 100px;position:relative;overflow:hidden}.floating-buttons{gap:60px;width:max-content;padding:40px 0;animation:150s linear infinite flowLeft;display:flex}.floating-buttons.paused{animation-play-state:paused}.floating-button{transition:transform .3s;transform:scale(1);width:300px!important;height:400px!important;padding:0!important;font-size:32px!important;font-weight:700!important}.floating-button:hover{transform:scale(1.02)}.home-footer{color:#ffffffb3;text-shadow:0 0 10px #8a2be24d;z-index:10;margin-top:60px;font-size:16px;position:relative}@keyframes flowLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (width<=1200px){.home-title{font-size:56px}.home-subtitle{font-size:20px}.floating-button{width:260px!important;height:350px!important}.floating-buttons{gap:40px}}@media (width<=768px){.home-title{font-size:48px}.home-subtitle{font-size:18px}.floating-button{width:220px!important;height:290px!important}.floating-buttons{gap:30px}.home-content{gap:40px;padding:0 20px}}@media (width<=480px){.home-title{font-size:36px}.home-subtitle{font-size:16px}.floating-button{width:180px!important;height:240px!important}.floating-buttons{gap:20px}}.button-wrapper{flex-direction:column;align-items:center;gap:12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.button-text{letter-spacing:8px;white-space:nowrap;text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d,0 0 30px #d4af3733;font-family:SimSun,STSong,serif;font-size:36px;transition:all .3s;position:relative;color:#d4af37!important;font-weight:700!important}.liujin-text{text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d,0 0 30px #d4af3733;position:relative;color:#d4af37!important}@keyframes liujinShine{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.button-wrapper:hover .button-text{text-shadow:0 0 15px #d4af3799,0 0 30px #d4af3766,0 0 45px #d4af3733;transform:translateY(-2px)}.liquid-button{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#fff!important;background:url(/first.jpg) 50%/cover no-repeat!important;border:2px solid #ffffff1a!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:300px!important;height:400px!important;display:flex!important;box-shadow:0 4px 6px #0000001a,0 8px 15px #0000001a,0 0 0 1px #ffffff0d!important}.liquid-button:before{content:"";z-index:1;background:linear-gradient(#0000001a 0%,#0000004d 50%,#0003 100%);border-radius:14px;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.liquid-button:after{content:"";opacity:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,#0000 0%,#ffffff08 20%,#0000 40%,#ffffff0d 60%,#0000 80%,#ffffff08 100%) 0 0/50% 50%;width:300%;height:300%;transition:opacity .4s cubic-bezier(.4,0,.2,1);animation:6s ease-in-out infinite byteFlow;position:absolute;top:-100%;left:-100%}.liquid-button-second{background:url(/second.jpg) 50%/cover no-repeat!important;border-color:#00bfff33!important;box-shadow:0 4px 6px #0000001a,0 8px 15px #00bfff1a,0 0 0 1px #00bfff0d!important}.liquid-button-third{background:url(/third.jpg) 50%/cover no-repeat!important;border-color:#e6c06b33!important;box-shadow:0 4px 6px #0000001a,0 8px 15px #e6c06b1a,0 0 0 1px #e6c06b0d!important}.liquid-button-fourth{background:url(/forth.jpg) 50%/cover no-repeat!important;border-color:#8b451333!important;box-shadow:0 4px 6px #0000001a,0 8px 15px #8b45131a,0 0 0 1px #8b45130d!important}.liquid-button:hover{border-color:#ffffff4d!important;transform:translateY(-4px)scale(1.02)!important;box-shadow:0 8px 12px #00000026,0 16px 25px #00000026,0 0 0 2px #ffffff1a!important}.liquid-button:hover:before{background:linear-gradient(#0000000d 0%,#0003 50%,#0000001a 100%)}.liquid-button:hover:after{opacity:1}.liquid-button-second:hover{border-color:#00bfff66!important;box-shadow:0 8px 12px #00000026,0 16px 25px #00bfff26,0 0 0 2px #00bfff1a!important}.liquid-button-third:hover{border-color:#e6c06b66!important;box-shadow:0 8px 12px #00000026,0 16px 25px #e6c06b26,0 0 0 2px #e6c06b1a!important}.liquid-button-fourth:hover{border-color:#8b451366!important;box-shadow:0 8px 12px #00000026,0 16px 25px #8b451326,0 0 0 2px #8b45131a!important}.liquid-button:active{transform:translateY(-2px)scale(.98)!important;box-shadow:0 2px 4px #0000001a,0 4px 8px #0000001a,0 0 0 1px #ffffff0d!important}.liquid-button span{display:none}.liquid-button:hover .ant-btn-icon{text-shadow:0 2px 8px #0009,0 0 30px #ffffff4d;transform:scale(1.1)}.liquid-button .ant-btn-icon{z-index:3;text-shadow:0 2px 4px #00000080,0 0 20px #fff3;transition:all .3s;position:relative;color:#fff!important;font-size:48px!important}@keyframes byteFlow{0%{opacity:0;transform:translate(-50%)translateY(-50%)rotate(0)}25%{opacity:1}50%{opacity:.8;transform:translate(0%)translateY(0%)rotate(180deg)}75%{opacity:1}to{opacity:0;transform:translate(50%)translateY(50%)rotate(360deg)}}@media (width<=1200px){.button-text{letter-spacing:6px;font-size:32px}.button-wrapper{gap:10px}.liquid-button{gap:10px!important;width:260px!important;height:350px!important}.liquid-button .ant-btn-icon{font-size:40px!important}}@media (width<=768px){.button-text{letter-spacing:4px;font-size:28px}.button-wrapper{gap:8px}.liquid-button{border-radius:12px!important;gap:8px!important;width:220px!important;height:290px!important}.liquid-button:before{border-radius:10px}.liquid-button .ant-btn-icon{font-size:36px!important}}@media (width<=480px){.button-text{letter-spacing:3px;font-size:24px}.button-wrapper{gap:6px}.liquid-button{border-radius:10px!important;gap:6px!important;width:180px!important;height:240px!important}.liquid-button:before{border-radius:8px}.liquid-button .ant-btn-icon{font-size:32px!important}}.liquid-button:focus{outline:none;box-shadow:0 4px 6px #0000001a,0 8px 15px #0000001a,0 0 0 3px #ffffff4d!important}.poetry-page{scrollbar-width:none;-ms-overflow-style:none;min-height:100vh;padding:0;font-family:SimSun,STSong,serif;position:relative;overflow:auto}.poetry-page::-webkit-scrollbar{display:none}.ink-bg{z-index:0;filter:brightness(.3)contrast(1.2);background:url(https://images.unsplash.com/photo-1636550230446-7632d97d1e77?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) 50%/cover no-repeat;width:100%;height:100%;animation:6s ease-in-out infinite float;position:absolute;top:0;left:0}@keyframes inkFlow{0%,to{transform:scale(1)translate(0)}25%{transform:scale(1.02)translate(-1%,1%)}50%{transform:scale(1)translateY(-1%)}75%{transform:scale(.98)translate(1%)}}.smoke-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.smoke{filter:blur(20px);background:#ffffff08;border-radius:50%;animation:15s ease-in-out infinite smokeFloat;position:absolute}.smoke-1{width:300px;height:200px;animation-delay:0s;top:10%;left:10%}.smoke-2{width:250px;height:150px;animation-duration:20s;animation-delay:-5s;top:60%;right:15%}.smoke-3{width:280px;height:180px;animation-duration:18s;animation-delay:-10s;bottom:20%;left:30%}@keyframes smokeFloat{0%,to{opacity:.3;transform:translate(0)scale(1)}25%{opacity:.4;transform:translate(20px,-20px)scale(1.1)}50%{opacity:.3;transform:translateY(20px)scale(.9)}75%{opacity:.4;transform:translate(-20px,-10px)scale(1.05)}}.gold-pattern{pointer-events:none;z-index:2;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#daa52005 2px 4px),repeating-linear-gradient(-45deg,#0000,#0000 2px,#daa52003 2px 4px);width:100%;height:100%;animation:30s linear infinite patternMove;position:absolute;top:0;left:0}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(-4px,-4px)}}.content-container{z-index:10;flex-direction:column;gap:40px;max-width:1200px;min-height:100vh;margin:0 auto;padding:60px 30px;display:flex;position:relative}.page-header{text-align:center;margin-bottom:20px;position:relative}.page-title{text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d,0 0 30px #d4af3733;letter-spacing:8px;font-family:SimSun,STSong,serif;position:relative;color:#d4af37!important;margin-bottom:15px!important;font-size:48px!important;font-weight:700!important}.page-title:before,.page-title:after{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);width:100px;height:2px;position:absolute;top:50%}.page-title:before{left:-120px}.page-title:after{right:-120px}.page-subtitle{text-shadow:0 0 10px #d4af374d;letter-spacing:4px;font-family:SimSun,STSong,serif;color:#b8953e!important;margin-bottom:0!important;font-size:20px!important}.input-card{transition:all .4s;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#14141480!important;border:1px solid #d4af3733!important;border-radius:24px!important;padding:40px!important;box-shadow:0 8px 32px #00000080,inset 0 1px #d4af371a,0 0 40px #d4af370d!important}.input-card:before{content:"";background:linear-gradient(45deg,#0000,#d4af370d,#0000);width:200%;height:200%;animation:8s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.input-card:hover{transform:translateY(-4px);border-color:#d4af374d!important;box-shadow:0 12px 40px #0009,inset 0 1px #d4af3726,0 0 60px #d4af371a!important}.form-item{width:100%;margin-bottom:24px;position:relative}.form-label{text-shadow:0 0 10px #d4af374d;letter-spacing:2px;margin-bottom:12px;font-family:SimSun,STSong,serif;display:block;color:#d4af37!important;font-size:18px!important;font-weight:600!important}.glass-input,.glass-input textarea{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;color:#d4af37!important;letter-spacing:1px!important;text-shadow:0 0 5px #d4af374d!important;background:#1e1e1ecc!important;border:1px solid #d4af3733!important;border-radius:12px!important;padding:16px!important;font-family:SimSun,STSong,serif!important;font-size:16px!important;transition:all .3s!important}.ant-input.glass-input,.ant-input-textarea.glass-input textarea{color:#d4af37!important;letter-spacing:1px!important;text-shadow:0 0 5px #d4af374d!important;font-family:SimSun,STSong,serif!important;font-size:16px!important}.glass-input:focus{background:#232323e6!important;border-color:#d4af3766!important;box-shadow:0 0 20px #d4af3733,inset 0 1px #d4af371a!important}.glass-input::placeholder{font-style:italic;color:#d4af3780!important}.button-group-container{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.style-button,.format-button{letter-spacing:1px;flex:1;min-width:90px;font-family:SimSun,STSong,serif;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#d4af37!important;background:#1e1e1ecc!important;border:1px solid #d4af3733!important;border-radius:10px!important;padding:10px 20px!important;font-size:14px!important;transition:all .3s!important}.style-button:before,.format-button:before{content:"";background:linear-gradient(90deg,#0000,#d4af371a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.style-button:hover:before,.format-button:hover:before{left:100%}.style-button:hover,.format-button:hover{background:#282828e6!important;border-color:#d4af374d!important;transform:translateY(-3px)!important;box-shadow:0 4px 12px #d4af3733!important}.style-button.active,.format-button.active{color:#0a0a0a!important;background:linear-gradient(135deg,#d4af37,#b8953e)!important;border-color:#d4af3780!important;font-weight:600!important;box-shadow:0 4px 12px #d4af3766,0 0 20px #d4af3733!important}.button-group{gap:20px;margin-top:16px;display:flex}.generate-button{letter-spacing:2px;flex:1;font-family:SimSun,STSong,serif;position:relative;overflow:hidden;color:#0a0a0a!important;background:linear-gradient(135deg,#d4af37,#b8953e)!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-size:18px!important;font-weight:600!important;transition:all .3s!important}.generate-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.generate-button:hover:before{left:100%}.history-button,.home-button{letter-spacing:1px;font-family:SimSun,STSong,serif;color:#d4af37!important;background:#1e1e1ecc!important;border:1px solid #d4af3733!important;border-radius:12px!important;padding:16px 24px!important;transition:all .3s!important}.history-button:hover,.home-button:hover{background:#282828e6!important;border-color:#d4af374d!important;transform:translateY(-3px)!important;box-shadow:0 4px 12px #d4af3733!important}.fullscreen-result{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#0f0f0fd9!important;border:1px solid #d4af3733!important;border-radius:24px!important;flex-direction:column!important;justify-content:space-between!important;min-height:70vh!important;padding:40px!important;display:flex!important;box-shadow:0 20px 60px #000000b3,0 0 40px #d4af371a!important}.fullscreen-result:before{content:"";background:linear-gradient(45deg,#0000,#d4af370d,#0000);width:200%;height:200%;animation:10s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.back-btn-container{z-index:20;position:absolute;top:20px;left:20px}.back-button{letter-spacing:1px;font-family:SimSun,STSong,serif;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#d4af37!important;background:#1e1e1ecc!important;border:1px solid #d4af3733!important;border-radius:10px!important;padding:8px 16px!important;transition:all .3s!important}.back-button:hover{background:#282828e6!important;border-color:#d4af374d!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #d4af3733!important}.poetry-display-container{flex:1;justify-content:center;align-items:center;margin:40px 0;display:flex;position:relative}.poetry-container{background:#0a0a0a80;border:1px solid #d4af371a;border-radius:16px;justify-content:center;align-items:center;min-width:300px;max-height:60vh;padding:30px;transition:all .3s;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 0 30px #00000080}.poetry-container:hover{border-color:#d4af3733;box-shadow:inset 0 0 30px #00000080,0 0 20px #d4af371a}.poetry-content{z-index:1;position:relative}.vertical-text{writing-mode:vertical-rl;text-orientation:upright;color:#d4af37;text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d,0 0 30px #d4af3733;letter-spacing:12px;white-space:pre-line;text-align:center;font-family:SimSun,STSong,serif;font-size:28px;line-height:2.2}.real-poetry-line{flex-direction:row-reverse;align-items:center;gap:20px;display:flex}.brush-animation{opacity:.9;z-index:2;background:linear-gradient(#d4af37,#b8953e);border-radius:3px;width:6px;height:24px;animation:.6s ease-in-out infinite brushWrite;position:absolute;box-shadow:0 0 10px #d4af37cc}@keyframes brushWrite{0%,to{opacity:.9;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.6);box-shadow:0 0 15px #d4af37}}.interpretation-container{background:#0f0f0f99;border:1px solid #d4af371a;border-radius:16px;max-height:300px;margin:30px 0;padding:30px;position:relative;overflow:hidden auto;box-shadow:0 4px 16px #0000004d,inset 0 1px #d4af370d}.interpretation-container:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#d4af37,#0000);width:100%;height:2px;position:absolute;top:0;left:0}.interpretation-content{color:#b8953e;letter-spacing:1px;text-shadow:0 0 5px #d4af3733;z-index:1;font-family:SimSun,STSong,serif;font-size:16px;line-height:1.8;position:relative}.interpretation-content h3{color:#d4af37;text-shadow:0 0 10px #d4af374d;margin-bottom:16px;font-size:18px;font-weight:600}.interpretation-content p{text-align:justify;margin-bottom:12px}.result-actions{z-index:20;justify-content:center;gap:24px;margin-top:30px;display:flex;position:relative}.action-button{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#d4af37!important;background:#1e1e1ecc!important;border:1px solid #d4af3733!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:60px!important;height:60px!important;transition:all .3s!important;display:flex!important}.action-button:before{content:"";background:linear-gradient(90deg,#0000,#d4af3733,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.action-button:hover:before{left:100%}.action-button:hover{background:#282828e6!important;border-color:#d4af3766!important;transform:translateY(-3px)scale(1.1)!important;box-shadow:0 4px 12px #d4af374d,0 0 20px #d4af3733!important}.action-button.reading{animation:1.5s ease-in-out infinite readingPulse;color:#0a0a0a!important;background:linear-gradient(135deg,#d4af37,#b8953e)!important;border-color:#d4af3780!important;box-shadow:0 0 25px #d4af3799,0 0 40px #d4af374d!important}@keyframes readingPulse{0%,to{transform:scale(1);box-shadow:0 0 25px #d4af3799,0 0 40px #d4af374d}50%{transform:scale(1.1);box-shadow:0 0 35px #d4af37cc,0 0 50px #d4af3766}}.history-list{flex-direction:column;gap:20px;max-height:600px;display:flex;overflow-y:auto}.history-item{cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#1e1e1ecc!important;border:1px solid #d4af3733!important;border-radius:16px!important;padding:24px!important;transition:all .3s!important}.history-item:before{content:"";background:linear-gradient(90deg,#0000,#d4af370d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.history-item:hover:before{left:100%}.history-item:hover{background:#282828e6!important;border-color:#d4af374d!important;transform:translateY(-3px)!important;box-shadow:0 4px 12px #d4af3733,0 0 20px #d4af371a!important}.history-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.history-header:after{content:"";background:linear-gradient(90deg,#0000,#d4af374d,#0000);width:100%;height:1px;position:absolute;bottom:-8px;left:0}.history-header strong{letter-spacing:1px;font-family:SimSun,STSong,serif;color:#d4af37!important}.history-time{color:#d4af3799!important;font-size:12px!important}.history-keywords{letter-spacing:1px;z-index:1;margin:16px 0;font-family:SimSun,STSong,serif;display:block;position:relative;color:#d4af37cc!important;font-size:14px!important}.history-poetry{text-shadow:0 0 5px #d4af374d;z-index:1;font-family:SimSun,STSong,serif;position:relative;letter-spacing:5px!important;color:#d4af37!important;font-size:18px!important;line-height:1.8!important}.poetry-container::-webkit-scrollbar{width:8px}.interpretation-container::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar{width:8px}.poetry-container::-webkit-scrollbar-track{background:#1e1e1ecc;border-radius:4px}.interpretation-container::-webkit-scrollbar-track{background:#1e1e1ecc;border-radius:4px}.history-list::-webkit-scrollbar-track{background:#1e1e1ecc;border-radius:4px}.poetry-container::-webkit-scrollbar-thumb{background:linear-gradient(#d4af37,#b8953e);border:2px solid #1e1e1ecc;border-radius:4px}.interpretation-container::-webkit-scrollbar-thumb{background:linear-gradient(#d4af37,#b8953e);border:2px solid #1e1e1ecc;border-radius:4px}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(#d4af37,#b8953e);border:2px solid #1e1e1ecc;border-radius:4px}.poetry-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e6c54c,#d4af37)}.interpretation-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e6c54c,#d4af37)}.history-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e6c54c,#d4af37)}.ant-modal-content{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#141414f2!important;border:1px solid #d4af374d!important;border-radius:24px!important;box-shadow:0 20px 60px #000000b3,0 0 40px #d4af371a!important}.ant-modal-content:before{content:"";background:linear-gradient(45deg,#0000,#d4af370d,#0000);width:200%;height:200%;animation:10s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.ant-modal-header{z-index:1;position:relative;background:0 0!important;border-bottom:1px solid #d4af3733!important;border-radius:24px 24px 0 0!important;padding:24px!important}.ant-modal-title{letter-spacing:2px;text-shadow:0 0 10px #d4af374d;font-family:SimSun,STSong,serif;color:#d4af37!important;font-size:20px!important;font-weight:700!important}.ant-modal-body{z-index:1;position:relative;padding:30px 24px!important}.ant-modal-footer{z-index:1;position:relative;background:0 0!important;border-top:1px solid #d4af3733!important;border-radius:0 0 24px 24px!important;padding:20px 24px!important}.ant-modal-footer .ant-btn{letter-spacing:1px;font-family:SimSun,STSong,serif;color:#d4af37!important;background:#1e1e1ecc!important;border:1px solid #d4af3733!important;border-radius:10px!important;padding:8px 20px!important;transition:all .3s!important}.ant-modal-footer .ant-btn:hover{background:#282828e6!important;border-color:#d4af374d!important;box-shadow:0 4px 12px #d4af3733!important}@media (width<=1200px){.content-container{max-width:900px;padding:40px 20px}.page-title{font-size:40px!important}.page-title:before,.page-title:after{width:80px}.page-title:before{left:-100px}.page-title:after{right:-100px}.vertical-text{letter-spacing:10px;font-size:24px}.input-card,.fullscreen-result{padding:30px!important}.poetry-container{max-height:50vh;padding:25px}.interpretation-container{max-height:250px;padding:25px}.interpretation-content{font-size:15px}}@media (width<=768px){.content-container{gap:30px;padding:30px 15px}.page-title{font-size:32px!important}.page-title:before,.page-title:after{display:none}.page-subtitle{font-size:16px!important}.input-card,.fullscreen-result{padding:24px!important}.button-group{flex-direction:column}.button-group-container{gap:8px}.style-button,.format-button{min-width:80px;padding:8px 16px!important;font-size:13px!important}.vertical-text{writing-mode:horizontal-tb;text-orientation:mixed;text-align:center;letter-spacing:8px;font-size:20px}.real-poetry-line{flex-direction:column;gap:10px}.poetry-container{max-height:40vh;padding:20px}.interpretation-container{max-height:200px;padding:20px}.interpretation-content{font-size:14px}.result-actions{gap:16px}.action-button{width:50px!important;height:50px!important}.back-button{padding:6px 12px!important;font-size:14px!important}}@media (width<=480px){.content-container{gap:20px;padding:20px 10px}.page-title{letter-spacing:4px;font-size:28px!important}.page-subtitle{letter-spacing:2px;font-size:14px!important}.input-card,.fullscreen-result{padding:20px!important}.form-label{font-size:16px!important}.glass-input{padding:12px!important;font-size:14px!important}.button-group-container{gap:6px}.style-button,.format-button{flex:45%;min-width:70px;padding:6px 12px!important;font-size:12px!important}.generate-button{padding:14px 24px!important;font-size:16px!important}.vertical-text{letter-spacing:6px;font-size:18px}.poetry-container{max-height:35vh;padding:15px}.interpretation-container{max-height:180px;padding:15px}.interpretation-content{font-size:13px}.result-actions{gap:12px}.action-button{width:45px!important;height:45px!important}.back-button{padding:4px 8px!important;font-size:12px!important}.history-header{flex-direction:column;align-items:flex-start;gap:8px}.history-poetry{letter-spacing:3px!important;font-size:16px!important}}.ant-spin .ant-spin-dot-item{background-color:#d4af37!important}.ant-spin-nested-loading{z-index:1;position:relative}.ant-message{font-family:SimSun,STSong,serif}.ant-message-notice-content{color:#d4af37!important;background:#141414e6!important;border:1px solid #d4af374d!important;border-radius:8px!important;box-shadow:0 4px 12px #00000080!important}.ant-tooltip{font-family:SimSun,STSong,serif}.ant-tooltip-inner{color:#d4af37!important;background:#141414f2!important;border:1px solid #d4af374d!important;border-radius:8px!important;box-shadow:0 4px 12px #00000080!important}.cyber-beijing-page{background:url(/cyber.jpg) 50%/cover no-repeat;min-height:100vh;padding:20px;font-family:Rajdhani,Orbitron,sans-serif;position:relative;overflow:hidden}.cyber-beijing-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00f0ff0d 1px,#0000 1px),linear-gradient(90deg,#00f0ff0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.cyber-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:30px;max-width:1400px;min-height:calc(100vh - 40px);margin:0 auto;display:flex;position:relative}.panel-title{color:#00f0ff;text-shadow:0 0 10px #00f0ff80,0 0 20px #00f0ff4d,0 0 30px #00f0ff1a;letter-spacing:2px;margin-bottom:10px;font-size:28px;font-weight:700}.panel-subtitle{color:#ffffffb3;letter-spacing:1px;font-size:14px}.generate-button,.random-button{flex:1;min-width:150px;letter-spacing:1px!important;border-radius:12px!important;padding:16px 24px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important;position:relative!important;overflow:hidden!important}.tag-tabs .ant-tabs-tab{color:#ffffffb3!important;letter-spacing:1px!important;border-radius:8px!important;margin-right:15px!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .3s!important}.cyber-tag{color:#ffffffb3!important;letter-spacing:.5px!important;cursor:pointer!important;background:#1e1e28cc!important;border:1px solid #00f0ff33!important;border-radius:8px!important;padding:10px 15px!important;font-size:12px!important;font-weight:500!important;transition:all .3s!important;position:relative!important;overflow:hidden!important}.cyber-tag:hover{border-color:#00f0ff80!important;transform:translateY(-2px)!important;box-shadow:0 0 15px #00f0ff33!important}.cyber-tag.selected{color:#00f0ff!important;background:linear-gradient(135deg,#00f0ff33,#d000ff33)!important;border:1px solid #00f0ff80!important;box-shadow:0 0 20px #00f0ff4d!important}.selected-title{color:#00f0ff;letter-spacing:1px;margin-bottom:15px;font-size:14px;font-weight:600}.selected-tag{color:#00f0ff!important;background:#00f0ff33!important;border:1px solid #00f0ff66!important;border-radius:6px!important;padding:6px 12px!important;font-size:12px!important;transition:all .3s!important}.no-tags{color:#ffffff80;font-size:12px;font-style:italic}.action-button{border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;transition:all .3s!important}.light-effect{color:#00f0ff;text-shadow:0 0 10px #00f0ff80;margin-bottom:15px;font-size:14px}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.side{text-transform:uppercase;letter-spacing:1px;backface-visibility:hidden;justify-content:center;align-items:center;width:180px;height:47px;font-size:14px;font-weight:700;display:flex;position:absolute}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@media (width<=768px){.cyber-container{grid-template-columns:1fr;gap:20px}.left-panel,.camera-card{padding:20px}.button-section{flex-direction:column}.generate-button,.random-button{width:100%}.tag-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.camera-feed,.captured-image,.generated-image{max-width:100%}}.ming-dynasty-page{background:url(/cloth.jpg) 50%/cover no-repeat;min-height:100vh;padding:20px;font-family:KaiTi,SimSun,serif;position:relative;overflow:hidden}.ming-dynasty-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#8b45130d 1px,#0000 1px),linear-gradient(90deg,#8b45130d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.home-button-wrapper{z-index:1000;position:fixed;top:20px;left:20px}.ming-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:30px;max-width:1400px;min-height:calc(100vh - 40px);margin:0 auto;display:flex;position:relative}.center-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a0f0ae6;border:2px solid #8b45134d;border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #8b451333,0 0 60px #cd853f1a}.panel-header{text-align:center;margin-bottom:30px;position:relative}.panel-title{color:#d4af37;text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d;letter-spacing:4px;margin-bottom:10px;font-family:KaiTi,SimSun,serif;font-size:32px;font-weight:700}.panel-subtitle{color:#d4af37cc;letter-spacing:2px;font-family:KaiTi,SimSun,serif;font-size:16px}.button-section{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.generate-button,.random-button{flex:1;min-width:150px;font-family:KaiTi,SimSun,serif;letter-spacing:2px!important;border-radius:4px!important;padding:16px 24px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important;position:relative!important;overflow:hidden!important}.generate-button{color:#1a0f0a!important;background:linear-gradient(135deg,#d4af37,peru)!important;border:2px solid #8b4513!important;box-shadow:0 0 20px #d4af374d!important}.random-button{color:#d4af37!important;background:#1a0f0ae6!important;border:2px solid #d4af374d!important;box-shadow:0 0 15px #d4af371a!important}.random-button:hover{border-color:#d4af3799!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 0 25px #d4af374d!important}.captured-thumbnail{object-fit:cover;z-index:1;border:2px solid #8b45134d;border-radius:4px;width:250px;height:250px;margin-bottom:20px;animation:8s ease-in-out infinite float,20s ease-in-out infinite alternate scale;position:relative;box-shadow:0 0 30px #8b45134d,0 0 60px #cd853f1a}.tag-section{margin-top:20px}.tag-tabs{background:0 0!important;border:none!important}.tag-tabs .ant-tabs-nav{margin-bottom:20px!important}.tag-tabs .ant-tabs-tab{font-family:KaiTi,SimSun,serif;color:#d4af37b3!important;letter-spacing:2px!important;border-radius:4px!important;margin-right:15px!important;padding:10px 20px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important}.tag-tabs .ant-tabs-tab:hover{color:#d4af37!important;background:#d4af371a!important}.tag-tabs .ant-tabs-tab.ant-tabs-tab-active{color:#d4af37!important;background:#d4af3733!important;box-shadow:0 0 15px #d4af374d!important}.tag-tabs .ant-tabs-ink-bar{background:linear-gradient(90deg,#d4af37,peru)!important;border-radius:3px!important;height:3px!important}.tag-grid{background:#1a0f0a80;border:1px solid #8b45131a;border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:300px;margin-bottom:20px;padding:10px;display:grid;overflow-y:auto}.ming-tag{font-family:KaiTi,SimSun,serif;color:#d4af37b3!important;letter-spacing:1px!important;cursor:pointer!important;background:#1a0f0ae6!important;border:1px solid #8b451333!important;border-radius:4px!important;padding:10px 15px!important;font-size:14px!important;font-weight:500!important;transition:all .3s!important;position:relative!important;overflow:hidden!important}.ming-tag:hover{border-color:#d4af3780!important;transform:translateY(-2px)!important;box-shadow:0 0 15px #d4af3733!important}.ming-tag.selected{color:#d4af37!important;background:linear-gradient(135deg,#d4af3733,#cd853f33)!important;border:1px solid #d4af3780!important;box-shadow:0 0 20px #d4af374d!important}.selected-tags{border-top:1px solid #8b45131a;margin-top:20px;padding-top:20px}.selected-title{color:#d4af37;letter-spacing:2px;margin-bottom:15px;font-family:KaiTi,SimSun,serif;font-size:16px;font-weight:600}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.selected-tag{font-family:KaiTi,SimSun,serif;color:#d4af37!important;background:#d4af3733!important;border:1px solid #d4af3766!important;border-radius:4px!important;padding:6px 12px!important;font-size:14px!important;transition:all .3s!important}.selected-tag:hover{background:#d4af374d!important;box-shadow:0 0 15px #d4af374d!important}.no-tags{color:#d4af3780;font-family:KaiTi,SimSun,serif;font-size:14px;font-style:italic}.right-panel{justify-content:center;align-items:center;display:flex}.camera-card{width:100%;max-width:500px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a0f0ae6!important;border:2px solid #8b45134d!important;border-radius:8px!important;box-shadow:0 0 30px #8b451333,0 0 60px #cd853f1a!important}.camera-container{text-align:center;padding:20px;position:relative}.camera-feed{border:2px solid #8b45134d;border-radius:4px;width:100%;max-width:800px;height:auto;box-shadow:0 0 20px #8b451333}.capture-button{color:#1a0f0a!important;background:linear-gradient(135deg,#d4af37,peru)!important;border:2px solid #8b4513!important;border-radius:4px!important;width:60px!important;height:60px!important;margin-top:20px!important;font-size:20px!important;transition:all .3s!important;box-shadow:0 0 20px #d4af374d!important}.captured-image{border:2px solid #8b45134d;border-radius:4px;width:100%;max-width:700px;height:auto;margin-bottom:20px;box-shadow:0 0 20px #8b451333}.capture-actions,.result-actions{justify-content:center;gap:15px;margin-top:20px;display:flex}.action-button{font-family:KaiTi,SimSun,serif;border-radius:4px!important;padding:10px 20px!important;font-size:14px!important;transition:all .3s!important}.action-button:hover{transform:translateY(-2px)!important;box-shadow:0 0 15px #d4af374d!important}.result-container{text-align:center}.generated-image{border:2px solid #8b45134d;border-radius:4px;width:100%;max-width:800px;height:auto;margin-bottom:20px;transition:all .3s;box-shadow:0 0 20px #8b451333}.generated-image:hover{transform:scale(1.02);box-shadow:0 0 30px #8b451366}.result-info{margin-top:20px}.light-effect{color:#d4af37;text-shadow:0 0 10px #d4af3780;margin-bottom:15px;font-family:KaiTi,SimSun,serif;font-size:16px}.loading-overlay{z-index:10;background:#1a0f0ae6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loading-bar{background:#d4af3733;border-radius:2px;width:80%;height:4px;margin-top:20px;position:relative;overflow:hidden}.loading-progress{background:linear-gradient(90deg,#d4af37,peru);width:100%;height:100%;animation:2s ease-in-out infinite loading;position:relative}.button-3d-wrapper{justify-content:center;gap:20px;margin-top:20px;display:flex}.button-icon{cursor:pointer;background:0 0;border:3px solid #d4af37;width:fit-content;height:fit-content;padding:0;transition:all .3s;display:flex}.button-icon .icon{background-color:#d4af37;justify-content:center;align-items:center;padding:10px 15px;display:flex}.button-icon .icon svg{color:#1a0f0a;font-size:20px}.cube{transform-style:preserve-3d;width:180px;height:47px;transition:all .4s;position:relative}.button-icon:hover{border-color:peru;box-shadow:0 0 20px #cd853f66}.button-icon:hover .icon{background-color:peru}.button-icon:hover .cube{transform:rotateX(90deg)}.side{text-transform:uppercase;letter-spacing:1px;backface-visibility:hidden;justify-content:center;align-items:center;width:180px;height:47px;font-family:KaiTi,SimSun,serif;font-size:14px;font-weight:700;display:flex;position:absolute}.top{color:#fff;background:peru;transform:rotateX(-90deg)translateZ(23.5px)}.front{color:#d4af37;background:#2d1810;transform:translateZ(23.5px)}.capture-button-3d{border-radius:0!important}.button-icon.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (width<=768px){.ming-container{grid-template-columns:1fr;gap:20px}.left-panel,.camera-card{padding:20px}.button-section{flex-direction:column}.generate-button,.random-button{width:100%}.tag-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.camera-feed,.captured-image,.generated-image{max-width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a0f0acc;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(#d4af37,peru);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c9a030,#b87333)}.volc-portrait-page{box-sizing:border-box;background:linear-gradient(135deg,#0a0e17 0%,#1a1a2e 100%);justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.volc-container{background:#000a17cc;border-radius:20px;width:100%;max-width:1400px;height:100%;display:flex;overflow:hidden;box-shadow:0 0 30px #00f0ff4d}.left-panel{border-right:1px solid #00f0ff1a;flex-direction:column;flex:1;gap:20px;padding:30px;display:flex}.right-panel{flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.panel-header{text-align:center;margin-bottom:20px}.panel-title{color:#00f0ff;text-shadow:0 0 10px #00f0ff80;margin:0 0 10px;font-size:28px;font-weight:700}.panel-subtitle{color:#a0a0ff;margin:0;font-size:14px}.input-section{flex-direction:column;gap:10px;display:flex}.input-label{color:#fff;margin-bottom:5px;font-size:16px;font-weight:500}.prompt-input{color:#fff;background:#000a1799;border:1px solid #00f0ff4d;border-radius:8px;padding:12px;font-size:14px;transition:all .3s}.prompt-input:focus{border-color:#00f0ff;outline:none;box-shadow:0 0 15px #00f0ff4d}.prompt-input::placeholder{color:#ffffff80}.model-radio-group{width:100%;margin-bottom:10px;display:flex!important}.model-radio-group .ant-radio-button-wrapper{text-align:center;flex:1;color:#ffffffb3!important;background:#000a1799!important;border-color:#00f0ff4d!important}.model-radio-group .ant-radio-button-wrapper-checked{box-shadow:0 0 15px #00f0ff80;color:#000!important;background:#00f0ff!important;border-color:#00f0ff!important}.model-radio-group .ant-radio-button-wrapper:hover{color:#00f0ff!important}.slider-section{flex-direction:column;gap:10px;display:flex}.slider-label{color:#fff;margin-bottom:5px;font-size:16px;font-weight:500}.strength-slider{background:#000a1799;border-radius:8px}.strength-slider .ant-slider-track{background:#00f0ff4d}.strength-slider .ant-slider-rail{background:linear-gradient(90deg,#00f0ff,#d000ff)}.strength-slider .ant-slider-handle{background:#00f0ff;border:2px solid #fff;box-shadow:0 0 10px #00f0ff80}.button-section{justify-content:center;margin-top:20px;display:flex}.generate-button{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#00f0ff,#d000ff);border:none;border-radius:10px;width:100%;height:50px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 0 20px #00f0ff66}.generate-button:hover{transform:translateY(-2px);box-shadow:0 5px 25px #00f0ff99}.generate-button:disabled{opacity:.5;cursor:not-allowed}.progress-section{background:#000a1766;border:1px solid #00f0ff33;border-radius:10px;margin-top:20px;padding:20px}.progress-text{text-align:center;color:#00f0ff;margin-top:10px;font-size:14px;font-weight:500}.image-card{background:#000a1799;border:1px solid #00f0ff33;border-radius:15px;width:100%;height:100%;overflow:hidden;box-shadow:0 0 20px #0003}.image-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.camera-feed{object-fit:cover;border:2px solid #00f0ff4d;border-radius:10px;width:100%;height:100%}.capture-button{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#00f0ff,#d000ff);border:none;border-radius:25px;width:120px;height:50px;font-size:18px;font-weight:700;transition:all .3s;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #00f0ff66}.capture-button:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 5px 25px #00f0ff99}.captured-image,.generated-image{object-fit:contain;border:2px solid #00f0ff4d;border-radius:10px;width:100%;height:100%}.result-actions,.capture-actions{gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.action-button{color:#fff;background:#000a17cc;border:1px solid #00f0ff4d;border-radius:20px;width:100px;height:40px;font-size:14px;font-weight:700;transition:all .3s}.action-button:hover{background:#00f0ffe6;transform:translateY(-2px);box-shadow:0 5px 15px #00f0ff66}.action-button.primary{background:linear-gradient(135deg,#00f0ff,#d000ff);border:none}@media (width<=768px){.volc-container{flex-direction:column;height:auto}.left-panel,.right-panel{flex:none;width:100%}.right-panel{order:-1}.panel-title{font-size:24px}.generate-button{height:45px;font-size:16px}.capture-button{width:100px;height:45px;font-size:16px}.action-button{width:80px;height:35px;font-size:12px}}@keyframes glow{0%,to{box-shadow:0 0 20px #00f0ff66}50%{box-shadow:0 0 30px #00f0ff99}}.generate-button:hover,.capture-button:hover{animation:2s ease-in-out infinite glow}@keyframes progress{0%{width:0%}to{width:100%}}.progress-section .ant-progress-bg{background:#000a1766}.progress-section .ant-progress-inner{background:linear-gradient(90deg,#00f0ff,#d000ff);box-shadow:0 0 10px #00f0ff80}.page-transition{width:100vw;height:100vh;position:relative;overflow:hidden}.page{opacity:1;width:100%;height:100%;transition:all 1.5s ease-in-out;position:absolute;top:0;left:0;transform:scale(1)}.page.fade-out{opacity:0;transform:scale(1.1)}.page.fade-in{opacity:1;transform:scale(1)}.page-title{opacity:1;transition:all 1.2s ease-out .3s;transform:translateY(0)}.page-title.fade-out{opacity:0;transform:translateY(-30px)}.page-title.fade-in{opacity:1;transform:translateY(0)}.page-content{opacity:1;transition:all 1.2s ease-out .5s;transform:translateY(0)}.page-content.fade-out{opacity:0;transform:translateY(20px)}.page-content.fade-in{opacity:1;transform:translateY(0)}