*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.app-container{min-height:100vh}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{cursor:pointer}.gradient-text{background:linear-gradient(45deg,#4d6aff,#a259ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.magic-transform-component[data-v-4b6d89bc]{width:100%;padding:0}.magic-transform-component .interactive-demo[data-v-4b6d89bc]{padding:6rem 0}.magic-transform-component .interactive-demo .section-header[data-v-4b6d89bc]{text-align:center;margin-bottom:4rem}.magic-transform-component .interactive-demo .section-header .section-title[data-v-4b6d89bc]{font-size:3rem;font-weight:700;color:#2d2416;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:2rem}.magic-transform-component .interactive-demo .section-header .section-title .title-decoration[data-v-4b6d89bc]{font-size:2rem;background:linear-gradient(135deg,#ff6b6b,#fdc830 50%,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-4b6d89bc 3s ease-in-out infinite}@keyframes shimmer-4b6d89bc{0%,to{opacity:.8}50%{opacity:1}}.magic-transform-component .interactive-demo .section-header .section-desc[data-v-4b6d89bc]{font-size:1.25rem;color:rgba(45,36,22,.6);max-width:600px;margin:0 auto;line-height:1.8}.magic-transform-component .interactive-demo .demo-workspace[data-v-4b6d89bc]{max-width:1400px;margin:0 auto;padding:0 3rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.magic-transform-component .interactive-demo .demo-left[data-v-4b6d89bc]{display:flex;flex-direction:column;gap:2rem}.magic-transform-component .interactive-demo .demo-left .manuscript-paper[data-v-4b6d89bc]{background:linear-gradient(180deg,#fffbf5,#fff8ed);border:2px solid rgba(217,161,96,.3);border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px rgba(217,161,96,.15),inset 0 1px 0 hsla(0,0%,100%,.9);position:relative}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .paper-lines[data-v-4b6d89bc]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.15;background-image:repeating-linear-gradient(transparent,transparent 39px,rgba(217,161,96,.3) 0,rgba(217,161,96,.3) 40px);border-radius:16px}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .paper-clip[data-v-4b6d89bc]{position:absolute;top:-10px;right:30px;width:30px;height:60px;background:linear-gradient(135deg,gold,orange);border-radius:20px 20px 5px 5px;box-shadow:0 4px 12px rgba(255,165,0,.4)}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .paper-clip[data-v-4b6d89bc]:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:20px;height:40px;border:3px solid hsla(0,0%,100%,.3);border-radius:15px 15px 3px 3px}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-4b6d89bc]{width:100%;min-height:280px;background:transparent;border:none;outline:none;font-size:1.1rem;line-height:2.5;color:#2d2416;font-family:Songti SC,STSong,serif;resize:vertical;position:relative;z-index:1}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-4b6d89bc]::-moz-placeholder{color:rgba(45,36,22,.4);line-height:2.5}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-4b6d89bc]::placeholder{color:rgba(45,36,22,.4);line-height:2.5}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-4b6d89bc]:disabled{opacity:.6;cursor:not-allowed}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .char-count[data-v-4b6d89bc]{position:absolute;bottom:1.5rem;right:2rem;font-size:.9rem;color:rgba(45,36,22,.5);font-weight:500;z-index:1}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-4b6d89bc]{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#ff6b6b,#fdc830 50%,#f37335);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px hsla(0,100%,71%,.3)}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-4b6d89bc]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-4b6d89bc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px hsla(0,100%,71%,.4)}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-4b6d89bc]:hover:not(:disabled):before{left:100%}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-4b6d89bc]:active:not(:disabled){transform:translateY(0)}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-4b6d89bc]:disabled{opacity:.6;cursor:not-allowed}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text[data-v-4b6d89bc]{display:flex;justify-content:center;gap:.3rem}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text .dot[data-v-4b6d89bc]{animation:dotPulse-4b6d89bc 1.4s infinite}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text .dot[data-v-4b6d89bc]:nth-child(2){animation-delay:.2s}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text .dot[data-v-4b6d89bc]:nth-child(3){animation-delay:.4s}@keyframes dotPulse-4b6d89bc{0%,60%,to{opacity:1}30%{opacity:.3}}.magic-transform-component .interactive-demo .demo-right[data-v-4b6d89bc]{display:flex;align-items:center;justify-content:center;min-height:400px}.magic-transform-component .interactive-demo .demo-right .result-book[data-v-4b6d89bc]{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.magic-transform-component .interactive-demo .demo-right .result-book.opened[data-v-4b6d89bc]{gap:2rem}.magic-transform-component .interactive-demo .demo-right .result-book.opened .book-page[data-v-4b6d89bc]{transform:perspective(1000px) rotateY(0deg)}.magic-transform-component .interactive-demo .demo-right .result-book.opened .book-page.left-page[data-v-4b6d89bc]{transform:perspective(1000px) rotateY(-5deg)}.magic-transform-component .interactive-demo .demo-right .result-book.opened .book-page.right-page[data-v-4b6d89bc]{transform:perspective(1000px) rotateY(5deg)}.magic-transform-component .interactive-demo .demo-right .result-book .book-page[data-v-4b6d89bc]{background:linear-gradient(180deg,#fffbf5,#fff8ed);border:2px solid rgba(217,161,96,.3);border-radius:12px;padding:2.5rem;min-height:400px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px rgba(217,161,96,.15)}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-texture[data-v-4b6d89bc]{position:absolute;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23d9a160' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:12px;pointer-events:none}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration[data-v-4b6d89bc]{position:absolute;inset:0;pointer-events:none}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament[data-v-4b6d89bc]{position:absolute;width:40px;height:40px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament[data-v-4b6d89bc]:after,.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament[data-v-4b6d89bc]:before{content:"";position:absolute;background:linear-gradient(135deg,#ff6b6b,#fdc830)}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-left[data-v-4b6d89bc]{top:1rem;left:1rem}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-left[data-v-4b6d89bc]:before{top:0;left:0;width:2px;height:100%}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-left[data-v-4b6d89bc]:after{top:0;left:0;width:100%;height:2px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-right[data-v-4b6d89bc]{top:1rem;right:1rem}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-right[data-v-4b6d89bc]:before{top:0;right:0;width:2px;height:100%}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-right[data-v-4b6d89bc]:after{top:0;right:0;width:100%;height:2px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page.left-page[data-v-4b6d89bc]{display:flex;align-items:center;justify-content:center;color:rgba(45,36,22,.2);font-size:1.2rem;font-style:italic}.magic-transform-component .interactive-demo .demo-right .result-book .book-page.right-page[data-v-4b6d89bc]{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.magic-transform-component .interactive-demo .demo-right .result-book .result-content[data-v-4b6d89bc]{display:flex;flex-direction:column;gap:1.5rem;animation:fadeInUp-4b6d89bc .6s ease}@keyframes fadeInUp-4b6d89bc{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-header[data-v-4b6d89bc]{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid rgba(217,161,96,.2)}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-header .magic-icon[data-v-4b6d89bc]{font-size:1.5rem;animation:sparkle-4b6d89bc 2s ease-in-out infinite}@keyframes sparkle-4b6d89bc{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-header .result-label[data-v-4b6d89bc]{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#ff6b6b,#fdc830 50%,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-text[data-v-4b6d89bc]{flex:1;font-size:1rem;line-height:2;color:#2d2416;font-family:Songti SC,STSong,serif;white-space:pre-wrap}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-text .typing-cursor[data-v-4b6d89bc]{display:inline-block;animation:cursorBlink-4b6d89bc 1s step-end infinite;color:#ff6b6b;font-weight:700;margin-left:2px}@keyframes cursorBlink-4b6d89bc{0%,50%{opacity:1}51%,to{opacity:0}}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions[data-v-4b6d89bc]{display:flex;gap:1rem;padding-top:1rem;border-top:2px solid rgba(217,161,96,.2)}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn[data-v-4b6d89bc]{flex:1;padding:.75rem 1.5rem;border:2px solid rgba(217,161,96,.3);border-radius:8px;background:transparent;color:#2d2416;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn[data-v-4b6d89bc]:hover:not(:disabled){background:linear-gradient(135deg,hsla(0,100%,71%,.1),rgba(252,200,48,.1));border-color:rgba(217,161,96,.5);transform:translateY(-2px)}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn[data-v-4b6d89bc]:disabled{opacity:.5;cursor:not-allowed}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn.success[data-v-4b6d89bc]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-color:transparent}.magic-transform-component .interactive-demo .demo-right .result-book .empty-state[data-v-4b6d89bc]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:rgba(45,36,22,.3)}.magic-transform-component .interactive-demo .demo-right .result-book .empty-state .empty-icon[data-v-4b6d89bc]{font-size:3rem;opacity:.5}.magic-transform-component .interactive-demo .demo-right .result-book .empty-state .empty-text[data-v-4b6d89bc]{font-size:1.1rem;font-style:italic}@media(max-width:1200px){.magic-transform-component .interactive-demo .demo-workspace[data-v-4b6d89bc]{padding:0 2rem;gap:3rem}}@media(max-width:968px){.magic-transform-component .interactive-demo[data-v-4b6d89bc]{padding:4rem 0}.magic-transform-component .interactive-demo .section-header .section-title[data-v-4b6d89bc]{font-size:2.5rem;gap:1.5rem}.magic-transform-component .interactive-demo .demo-workspace[data-v-4b6d89bc]{grid-template-columns:1fr;gap:3rem}}@media(max-width:640px){.magic-transform-component .interactive-demo[data-v-4b6d89bc]{padding:3rem 0}.magic-transform-component .interactive-demo .section-header[data-v-4b6d89bc]{margin-bottom:2.5rem}.magic-transform-component .interactive-demo .section-header .section-title[data-v-4b6d89bc]{font-size:2rem;gap:1rem;flex-wrap:wrap}.magic-transform-component .interactive-demo .section-header .section-desc[data-v-4b6d89bc]{font-size:1.1rem}.magic-transform-component .interactive-demo .demo-workspace[data-v-4b6d89bc]{padding:0 1.5rem;gap:2rem}.magic-transform-component .interactive-demo .demo-left .manuscript-paper[data-v-4b6d89bc]{padding:1.5rem}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-4b6d89bc]{min-height:200px;font-size:1rem}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-4b6d89bc]{padding:1rem 1.5rem;font-size:1rem}.magic-transform-component .interactive-demo .demo-right .result-book.opened[data-v-4b6d89bc]{gap:1rem}.magic-transform-component .interactive-demo .demo-right .result-book .book-page[data-v-4b6d89bc]{padding:1.5rem;min-height:300px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page.left-page[data-v-4b6d89bc]{display:none}}.interactive-piano-component{width:100%;padding:0;position:relative}.interactive-piano-component .piano-container{width:100%;max-width:1400px;margin:0 auto;padding:3rem;background:transparent}.interactive-piano-component .piano-container .piano-hint{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.interactive-piano-component .piano-container .piano-hint .hint-icon{font-size:3rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.interactive-piano-component .piano-container .piano-hint .hint-text{font-size:1.25rem;color:rgba(45,36,22,.7);font-weight:500}.interactive-piano-component .piano-container .piano-hint .hint-buttons{display:flex;gap:.8rem}.interactive-piano-component .piano-container .piano-hint .auto-play-btn,.interactive-piano-component .piano-container .piano-hint .key-guide-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn .btn-icon,.interactive-piano-component .piano-container .piano-hint .key-guide-btn .btn-icon{font-size:1.2rem}.interactive-piano-component .piano-container .piano-hint .auto-play-btn:hover,.interactive-piano-component .piano-container .piano-hint .key-guide-btn:hover{transform:translateY(-2px)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn:active,.interactive-piano-component .piano-container .piano-hint .key-guide-btn:active{transform:translateY(0)}.interactive-piano-component .piano-container .piano-hint .key-guide-btn{background:linear-gradient(135deg,#d4a574,#a67c52);color:#2c1810;box-shadow:0 4px 12px hsla(31,53%,64%,.3),inset 0 1px 0 hsla(0,0%,100%,.3)}.interactive-piano-component .piano-container .piano-hint .key-guide-btn:hover{box-shadow:0 6px 16px hsla(31,53%,64%,.4),inset 0 1px 0 hsla(0,0%,100%,.4)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;box-shadow:0 4px 12px rgba(139,69,19,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn:hover{box-shadow:0 6px 16px rgba(139,69,19,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.interactive-piano-component .piano-container .song-detail{background:linear-gradient(135deg,rgba(255,248,240,.95),hsla(38,94%,94%,.95));border:2px solid rgba(217,161,96,.4);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px rgba(217,161,96,.3);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.interactive-piano-component .piano-container .song-detail .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(217,161,96,.2)}.interactive-piano-component .piano-container .song-detail .detail-header h4{font-size:1.4rem;font-weight:700;color:#8b6f47;margin:0}.interactive-piano-component .piano-container .song-detail .detail-header .close-detail{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(139,111,71,.1);color:#8b6f47;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.interactive-piano-component .piano-container .song-detail .detail-header .close-detail:hover{background:rgba(139,111,71,.2);transform:rotate(90deg)}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta{display:flex;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item{font-size:.95rem;color:rgba(45,36,22,.8)}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item strong{color:#8b6f47;margin-right:.5rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty{padding:.2rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty.简单{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty.中等{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty.困难{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.interactive-piano-component .piano-container .song-detail .detail-content .detail-description{margin-bottom:1.5rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-description strong{display:block;color:#8b6f47;font-size:1rem;margin-bottom:.5rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-description p{font-size:.95rem;line-height:1.6;color:rgba(45,36,22,.8);margin:0}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes strong{display:block;color:#8b6f47;font-size:1rem;margin-bottom:.75rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:hsla(0,0%,100%,.6);border-radius:12px;max-height:200px;overflow-y:auto}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display .note-item{padding:.5rem .75rem;background:linear-gradient(135deg,#f4e4c1,#e6d5b8);border:1px solid rgba(217,161,96,.3);border-radius:8px;font-size:.9rem;font-weight:600;color:#8b6f47;transition:all .3s ease;font-family:Courier New,monospace}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display .note-item.note-active{background:linear-gradient(135deg,#d4a574,#a67c52);color:#2c1810;border-color:#d4a574;transform:scale(1.2);box-shadow:0 4px 12px hsla(31,53%,64%,.5);animation:notePulse .5s ease}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display .note-item.note-played{opacity:.5;background:linear-gradient(135deg,#e5e5e5,#d4d4d4);color:#737373;border-color:hsla(0,0%,45%,.3)}@keyframes notePulse{0%,to{transform:scale(1.2)}50%{transform:scale(1.4)}}.interactive-piano-component .piano-container .songs-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem;transition:all .3s ease}.interactive-piano-component .piano-container .songs-list.has-detail{max-height:250px}.interactive-piano-component .piano-container .songs-list .song-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(255,248,240,.8));border:2px solid rgba(217,161,96,.2);border-radius:12px;transition:all .3s ease;cursor:pointer}.interactive-piano-component .piano-container .songs-list .song-card:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(217,161,96,.3);border-color:rgba(217,161,96,.4);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(255,248,240,.95))}.interactive-piano-component .piano-container .songs-list .song-card.playing{border-color:rgba(217,161,96,.6);background:linear-gradient(135deg,#fff8f0,#fef3e0);box-shadow:0 4px 20px rgba(217,161,96,.4)}.interactive-piano-component .piano-container .songs-list .song-card .song-info{flex:1}.interactive-piano-component .piano-container .songs-list .song-card .song-info h4{font-size:1.1rem;font-weight:600;color:#2d2416;margin-bottom:.5rem}.interactive-piano-component .piano-container .songs-list .song-card .song-info .composer{font-size:.9rem;color:rgba(45,36,22,.7);margin-right:1rem}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta{display:flex;gap:1rem;margin-top:.5rem}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty.简单{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty.中等{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty.困难{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.interactive-piano-component .piano-container .songs-list .song-card .song-status{display:flex;align-items:center;justify-content:center;min-width:50px}.interactive-piano-component .piano-container .songs-list .song-card .song-status .status-icon{font-size:1.5rem;color:rgba(217,161,96,.5);transition:all .3s ease}.interactive-piano-component .piano-container .songs-list .song-card .song-status .status-icon.playing{color:#d9a160;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.interactive-piano-component .piano-container .piano-body{background:linear-gradient(135deg,#2d1810,#3d2418);border-radius:20px;padding:2rem 1rem;box-shadow:0 20px 60px rgba(45,24,16,.5),inset 0 -2px 10px rgba(0,0,0,.3);position:relative;overflow:hidden;width:100%;max-width:100%}.interactive-piano-component .piano-container .piano-body:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px);pointer-events:none;z-index:0}.interactive-piano-component .piano-container .piano-body .piano-top-panel{height:40px;background:linear-gradient(180deg,#2c1810,#1a0f0a);border-radius:8px 8px 0 0;margin-bottom:1rem;box-shadow:inset 0 -2px 4px rgba(0,0,0,.3);position:relative}.interactive-piano-component .piano-container .piano-body .piano-top-panel:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,hsla(31,53%,64%,.2),transparent)}.interactive-piano-component .piano-container .piano-body .piano-brand{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(217,161,96,.2)}.interactive-piano-component .piano-container .piano-body .piano-brand .brand-name{font-size:1.5rem;font-weight:700;color:hsla(31,53%,64%,.8);font-family:Georgia,serif;letter-spacing:.2em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.interactive-piano-component .piano-container .piano{position:relative;background:linear-gradient(180deg,#2a1810,#3a2418);padding:1rem .5rem;border-radius:15px;box-shadow:inset 0 3px 10px rgba(0,0,0,.3),0 5px 20px rgba(0,0,0,.2);width:100%}.interactive-piano-component .piano-container .piano .piano-keys{display:flex;gap:2px;justify-content:center;position:relative;height:200px;padding:0;width:100%}.interactive-piano-component .piano-container .piano .white-key{flex:1;max-width:none;min-width:18px;height:200px;background:linear-gradient(180deg,#fff,#fefefe 50%,#f5f5f5);border:1px solid rgba(44,24,16,.3);border-radius:0 0 6px 6px;cursor:pointer;position:relative;transition:all .1s ease;box-shadow:0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.8);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:.75rem}.interactive-piano-component .piano-container .piano .white-key:hover{background:linear-gradient(180deg,#fff8f0,#fef8f3 50%,#f5ebe0);transform:translateY(2px)}.interactive-piano-component .piano-container .piano .white-key.pressed{background:linear-gradient(180deg,#f5e6d3,#f0ddc0 50%,#e8d4b8);transform:translateY(3px);box-shadow:0 1px 4px rgba(0,0,0,.3)}.interactive-piano-component .piano-container .piano .white-key .key-label{position:absolute;bottom:.5rem;font-size:.5rem;font-weight:700;color:rgba(44,24,16,.6);background:hsla(31,53%,64%,.2);width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.interactive-piano-component .piano-container .piano .white-key .key-note{display:none}.interactive-piano-component .piano-container .piano .white-key .key-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:radial-gradient(circle,hsla(31,53%,64%,.5),transparent);border-radius:50%;animation:ripple-expand .4s ease-out}@keyframes ripple-expand{0%{width:16px;height:16px;opacity:1}to{width:40px;height:40px;opacity:0}}.interactive-piano-component .piano-container .piano .black-keys-layer{position:absolute;top:1rem;left:1rem;right:1rem;height:120px;pointer-events:none}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key{position:absolute;width:14px;height:120px;background:linear-gradient(180deg,#2c1810,#1a0f0a 50%,#0d0806);border:1px solid rgba(0,0,0,.6);border-radius:0 0 5px 5px;cursor:pointer;pointer-events:all;transition:all .1s ease;box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(31,53%,64%,.1);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:.5rem;z-index:2;margin-left:-7px}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key:hover{background:linear-gradient(180deg,#3d2817,#2c1810 50%,#1a0f0a);transform:translateY(2px)}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key.pressed{background:linear-gradient(180deg,#5d3a1a,#3d2817 50%,#2c1810);transform:translateY(2px);box-shadow:0 1px 6px rgba(0,0,0,.6)}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key .key-label-black{position:absolute;bottom:.4rem;font-size:.45rem;font-weight:700;color:hsla(31,53%,64%,.8);background:hsla(31,53%,64%,.2);width:10px;height:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key .key-note-black{display:none}.interactive-piano-component .piano-container .notes-visualization{position:relative;height:100px;margin-top:2rem;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,rgba(255,248,240,.3),rgba(255,245,235,.3))}.interactive-piano-component .piano-container .notes-visualization .note-particle{position:absolute;top:0;font-size:2rem;color:#ff6b6b;animation:noteFloat 3s ease-out forwards;pointer-events:none;text-shadow:0 2px 8px hsla(0,100%,71%,.5)}@keyframes noteFloat{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.interactive-piano-component .piano-container .piano-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.interactive-piano-component .piano-container .piano-stats .stat-card{background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(255,248,240,.8));border:2px solid rgba(217,161,96,.3);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 5px 15px rgba(217,161,96,.1);transition:all .3s ease}.interactive-piano-component .piano-container .piano-stats .stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(217,161,96,.2)}.interactive-piano-component .piano-container .piano-stats .stat-card .stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#fdc830);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.interactive-piano-component .piano-container .piano-stats .stat-card .stat-label{font-size:1rem;color:rgba(45,36,22,.6);font-weight:500}.interactive-piano-component .auto-play-modal,.interactive-piano-component .key-guide-modal{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:2rem!important;animation:fadeIn .3s ease!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.interactive-piano-component .auto-play-modal .modal-content,.interactive-piano-component .key-guide-modal .modal-content{background:linear-gradient(135deg,#fef8f0,#fff5eb);border-radius:20px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.interactive-piano-component .auto-play-modal .modal-content .modal-header,.interactive-piano-component .key-guide-modal .modal-content .modal-header{padding:2rem;border-bottom:2px solid rgba(217,161,96,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(255,248,240,.8))}.interactive-piano-component .auto-play-modal .modal-content .modal-header h3,.interactive-piano-component .key-guide-modal .modal-content .modal-header h3{font-size:1.5rem;font-weight:700;color:#2d2416;margin:0}.interactive-piano-component .auto-play-modal .modal-content .modal-header .close-btn,.interactive-piano-component .key-guide-modal .modal-content .modal-header .close-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(217,161,96,.3);background:transparent;color:#2d2416;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.interactive-piano-component .auto-play-modal .modal-content .modal-header .close-btn:hover,.interactive-piano-component .key-guide-modal .modal-content .modal-header .close-btn:hover{background:linear-gradient(135deg,#ff6b6b,#fdc830);color:#fff;border-color:transparent;transform:rotate(90deg)}.interactive-piano-component .auto-play-modal .modal-content .modal-body,.interactive-piano-component .key-guide-modal .modal-content .modal-body{padding:2rem;overflow-y:auto;max-height:calc(80vh - 100px)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section{margin-bottom:2rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section h4,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section h4{font-size:1.25rem;font-weight:600;color:#2d2416;margin-bottom:1rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout{display:flex;flex-direction:column;gap:.75rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.5);border-radius:8px;border:2px solid rgba(217,161,96,.2);transition:all .3s ease}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row.highlight,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row.highlight{background:linear-gradient(135deg,hsla(0,100%,71%,.1),rgba(252,200,48,.1));border-color:hsla(0,100%,71%,.3)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row:hover,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(217,161,96,.2)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .key-group,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .key-group{flex:1;font-weight:600;color:#2d2416;font-family:Courier New,monospace}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .arrow,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .arrow{color:rgba(45,36,22,.5)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .range,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .range{flex:1;color:rgba(45,36,22,.7)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .guide-list,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .guide-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .guide-list li,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .guide-list li{padding:1rem;background:hsla(0,0%,100%,.5);border-radius:8px;border-left:4px solid #ff6b6b;color:rgba(45,36,22,.8);line-height:1.6}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .guide-list li strong,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .guide-list li strong{color:#2d2416}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list{display:flex;flex-direction:column;gap:1rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:hsla(0,0%,100%,.5);border:2px solid rgba(217,161,96,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card:hover,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card:hover{background:hsla(0,0%,100%,.8);border-color:rgba(217,161,96,.4);transform:translateX(5px);box-shadow:0 5px 15px rgba(217,161,96,.2)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card.playing,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card.playing{background:linear-gradient(135deg,hsla(0,100%,71%,.15),rgba(252,200,48,.15));border-color:#ff6b6b}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info{flex:1}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-name,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-name{font-size:1.25rem;font-weight:600;color:#2d2416;margin-bottom:.5rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta{display:flex;gap:1rem;align-items:center}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .composer,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .composer{color:rgba(45,36,22,.6);font-size:.95rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.简单,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.简单{background:rgba(16,185,129,.2);color:#10b981}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.中等,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.中等{background:rgba(251,191,36,.2);color:#f59e0b}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.困难,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.困难{background:rgba(239,68,68,.2);color:#ef4444}@media(max-width:1200px){.piano-container{padding:2rem}.piano-container .piano .piano-keys{height:180px}.piano-container .piano .white-key{max-width:40px;height:180px}.piano-container .piano .black-keys-layer{height:110px}.piano-container .piano .black-keys-layer .black-key{width:25px;height:110px}}@media(max-width:968px){.piano-container{padding:1.5rem}.piano-container .piano-hint .hint-text{font-size:1.1rem}.piano-container .piano-hint .hint-buttons{flex-direction:column;width:100%}.piano-container .piano-hint .hint-buttons button{width:100%;justify-content:center}.piano-container .piano .piano-keys{height:150px}.piano-container .piano .white-key{max-width:30px;height:150px;padding-bottom:.5rem}.piano-container .piano .white-key .key-label{font-size:.75rem;bottom:1rem}.piano-container .piano .white-key .key-note{font-size:.65rem}.piano-container .piano .black-keys-layer{height:95px}.piano-container .piano .black-keys-layer .black-key{width:20px;height:95px;padding-bottom:.5rem}.piano-container .piano .black-keys-layer .black-key .key-label-black,.piano-container .piano .black-keys-layer .black-key .key-note-black{font-size:.6rem}.piano-container .piano-stats{grid-template-columns:1fr}}@media(max-width:640px){.piano-container{padding:1rem}.piano-container .piano-hint{margin-bottom:2rem}.piano-container .piano-hint .hint-icon{font-size:2rem}.piano-container .piano-hint .hint-text{font-size:1rem}.piano-container .piano-body{padding:1rem;border-radius:15px}.piano-container .piano{padding:.5rem}.piano-container .piano .piano-keys{height:120px;gap:1px}.piano-container .piano .white-key{max-width:20px;height:120px;border-radius:0 0 4px 4px}.piano-container .piano .white-key .key-label{font-size:.6rem;padding:.15rem .3rem;bottom:.75rem}.piano-container .piano .white-key .key-note{font-size:.55rem}.piano-container .piano .black-keys-layer{height:75px}.piano-container .piano .black-keys-layer .black-key{width:15px;height:75px;padding-bottom:.3rem}.piano-container .piano .black-keys-layer .black-key .key-label-black{display:none}.piano-container .piano .black-keys-layer .black-key .key-note-black{font-size:.5rem}.piano-container .notes-visualization{height:60px;margin-top:1rem}.piano-container .notes-visualization .note-particle{font-size:1.5rem}.piano-container .piano-stats{margin-top:1rem}.piano-container .piano-stats .stat-card{padding:1rem}.piano-container .piano-stats .stat-card .stat-value{font-size:1.5rem}.piano-container .piano-stats .stat-card .stat-label{font-size:.9rem}.auto-play-modal,.key-guide-modal{padding:1rem}.auto-play-modal .modal-content .modal-header,.key-guide-modal .modal-content .modal-header{padding:1.5rem}.auto-play-modal .modal-content .modal-header h3,.key-guide-modal .modal-content .modal-header h3{font-size:1.25rem}.auto-play-modal .modal-content .modal-body,.key-guide-modal .modal-content .modal-body{padding:1.5rem}}.login-modal-overlay[data-v-38c36e60]{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlayFadeIn-38c36e60 .3s ease-out}@keyframes overlayFadeIn-38c36e60{0%{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.login-modal-container[data-v-38c36e60]{position:relative;width:900px;height:600px;background:transparent;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translate(0) scale(1);opacity:1}.login-modal-container.modal-animating[data-v-38c36e60]{will-change:transform,opacity}.close-btn[data-v-38c36e60]{position:absolute;top:20px;right:20px;width:32px;height:32px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.close-btn[data-v-38c36e60]:hover{background:hsla(0,0%,100%,.2);transform:scale(1.08)}.login-modal-content[data-v-38c36e60]{display:flex;height:100%}.left-section[data-v-38c36e60]{position:relative;flex:1;background:linear-gradient(135deg,#f5f7ff,#e3e9ff 50%,#d2dcff);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;overflow:hidden}.hero-shapes[data-v-38c36e60]{position:absolute;inset:0;overflow:hidden;z-index:1}.shape[data-v-38c36e60]{position:absolute;opacity:.3}.shape-1[data-v-38c36e60]{top:20%;left:10%;width:120px;height:120px;background:linear-gradient(45deg,#4361ee,#7209b7);border-radius:24% 76% 35% 65%/27% 36% 64% 73%;animation:morph-38c36e60 15s linear infinite alternate}.shape-2[data-v-38c36e60]{bottom:15%;right:10%;width:100px;height:100px;background:linear-gradient(45deg,#7209b7,#f72585);border-radius:76% 24% 33% 67%/68% 55% 45% 32%;animation:morph-38c36e60 12s linear infinite alternate}.shape-3[data-v-38c36e60]{top:60%;left:15%;width:60px;height:60px;background:linear-gradient(45deg,#4361ee,#f72585);border-radius:49% 51% 48% 52%/57% 44% 56% 43%;animation:morph-38c36e60 10s linear infinite alternate}.shape-4[data-v-38c36e60]{top:25%;right:18%;width:72px;height:72px;background:linear-gradient(45deg,#f72585,#4361ee);border-radius:53% 47% 59% 41%/44% 57% 43% 56%;animation:morph-38c36e60 14s linear infinite alternate}@keyframes morph-38c36e60{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.brand-content[data-v-38c36e60]{position:relative;z-index:2;text-align:center;color:#4361ee}.brand-title[data-v-38c36e60]{margin:0 0 12px;font-size:42px;font-weight:700;letter-spacing:-1px}.brand-subtitle[data-v-38c36e60]{margin:0 0 60px;font-size:18px;font-weight:300;opacity:.9}.promotion-text[data-v-38c36e60]{position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);font-size:14px;opacity:.8;white-space:nowrap}.right-section[data-v-38c36e60]{position:relative;flex:1;background:radial-gradient(circle at 52% 33%,rgba(23,203,96,.18) 0,rgba(23,203,96,.07) 28%,transparent 50%),radial-gradient(circle at 72% 72%,rgba(5,77,44,.12) 0,transparent 38%),linear-gradient(150deg,#161919,#151616 56%,#111);padding:38px 34px 30px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.login-form[data-v-38c36e60]{position:relative;z-index:1;display:flex;flex-direction:column}.wechat-login-form[data-v-38c36e60]{flex:0 0 auto;align-items:center;justify-content:flex-start;width:100%;min-height:0}.wechat-brand-title[data-v-38c36e60]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}.back-btn[data-v-38c36e60]{color:#4361ee;cursor:pointer;font-size:14px;margin-bottom:20px;transition:color .3s ease}.back-btn[data-v-38c36e60]:hover{color:#3a56d4}.form-title[data-v-38c36e60]{margin:0 0 30px;color:#fff;font-size:24px;font-weight:600;text-align:center}.wechat-brand-title .form-title[data-v-38c36e60]{margin:0;font-size:25px;font-weight:700;letter-spacing:0;text-shadow:0 2px 10px hsla(0,0%,100%,.12)}.form-group[data-v-38c36e60]{margin-bottom:20px}.phone-input[data-v-38c36e60]{display:flex;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden;transition:border-color .3s ease}.phone-input[data-v-38c36e60]:focus-within{border-color:#4361ee}.country-code[data-v-38c36e60]{background:hsla(0,0%,100%,.05);color:#fff;padding:14px 16px;border-right:1px solid hsla(0,0%,100%,.1);font-size:14px}.form-input[data-v-38c36e60],.phone-field[data-v-38c36e60]{width:100%;background:transparent;border:none;color:#fff;padding:14px 16px;font-size:14px;outline:none}.form-input[data-v-38c36e60]{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;background:hsla(0,0%,100%,.05);transition:border-color .3s ease}.form-input[data-v-38c36e60]:focus{border-color:#4361ee}.form-input[data-v-38c36e60]::-moz-placeholder,.phone-field[data-v-38c36e60]::-moz-placeholder{color:hsla(0,0%,100%,.4)}.form-input[data-v-38c36e60]::placeholder,.phone-field[data-v-38c36e60]::placeholder{color:hsla(0,0%,100%,.4)}.captcha-row[data-v-38c36e60]{display:flex;gap:12px;margin-bottom:20px}.captcha-display[data-v-38c36e60]{flex:1;min-height:44px;background:#fff;border-radius:8px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.captcha-display img[data-v-38c36e60]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.get-code-btn[data-v-38c36e60],.login-btn[data-v-38c36e60]{border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.get-code-btn[data-v-38c36e60]{background:#4361ee;color:#fff;padding:14px 20px;font-size:14px;white-space:nowrap}.get-code-btn[data-v-38c36e60]:hover:not(:disabled),.login-btn[data-v-38c36e60]:hover:not(:disabled){background:#3a56d4}.get-code-btn[data-v-38c36e60]:disabled,.login-btn[data-v-38c36e60]:disabled{background:hsla(0,0%,100%,.1);cursor:not-allowed}.login-btn[data-v-38c36e60]{width:100%;background:#4361ee;color:#fff;padding:16px;font-size:16px;font-weight:600;margin-bottom:16px}.auto-register-hint[data-v-38c36e60],.wechat-status-text[data-v-38c36e60]{color:hsla(0,0%,100%,.68);font-size:14px;text-align:center;line-height:1.7}.wechat-status-text[data-v-38c36e60]{min-height:44px;word-break:break-all}.switch-login[data-v-38c36e60]{text-align:center;margin-bottom:24px}.switch-login a[data-v-38c36e60]{color:#4361ee;cursor:pointer;transition:color .3s ease}.switch-login a[data-v-38c36e60]:hover{color:#3a56d4}.wechat-qr-stage[data-v-38c36e60]{display:flex;justify-content:center;width:100%;margin-bottom:22px}.wechat-qr-card[data-v-38c36e60],.wechat-state-card[data-v-38c36e60]{position:relative;width:232px;height:232px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.wechat-qr-card[data-v-38c36e60]{padding:14px;box-shadow:0 0 0 1px rgba(24,217,101,.96),0 0 24px rgba(24,217,101,.42),0 16px 42px rgba(0,0,0,.42)}.wechat-entry-qr-image[data-v-38c36e60]{width:100%;height:100%;display:block;border-radius:6px;-o-object-fit:contain;object-fit:contain}.wechat-qr-badge[data-v-38c36e60]{position:absolute;top:-9px;right:-12px;width:40px;height:40px;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,.24);overflow:hidden}.wechat-qr-badge-image[data-v-38c36e60]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.wechat-state-card[data-v-38c36e60]{display:grid;gap:14px;justify-items:center;text-align:center;background:linear-gradient(180deg,#fff,#f1fff6);color:#111827;padding:26px;box-shadow:0 0 0 1px rgba(24,217,101,.55),0 0 24px rgba(24,217,101,.24)}.wechat-state-card.ready[data-v-38c36e60]{box-shadow:0 18px 40px rgba(7,193,96,.16)}.wechat-badge[data-v-38c36e60]{width:64px;height:64px;border-radius:22px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.wechat-panel-title[data-v-38c36e60]{font-size:18px;font-weight:700}.wechat-panel-desc[data-v-38c36e60]{font-size:13px;line-height:1.7;color:#4b5563}.wechat-login-copy[data-v-38c36e60]{width:100%;text-align:center;margin-bottom:22px}.wechat-login-main-text[data-v-38c36e60]{color:hsla(0,0%,100%,.95);font-size:19px;font-weight:700;line-height:1.35;margin-bottom:7px}.wechat-login-sub-text[data-v-38c36e60]{color:hsla(0,0%,100%,.62);font-size:15px;line-height:1.5}.wechat-login-btn[data-v-38c36e60]{width:84%;max-width:356px;height:56px;margin:0;border-radius:8px;background:linear-gradient(180deg,#17d464,#12bd59);color:#fff;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 12px 24px rgba(7,193,96,.16),inset 0 1px 0 hsla(0,0%,100%,.2)}.wechat-login-btn[data-v-38c36e60]:hover:not(:disabled){background:linear-gradient(180deg,#1ee26f,#13c35d);transform:translateY(-1px)}.wechat-login-btn[data-v-38c36e60]:disabled{background:hsla(0,0%,100%,.12);box-shadow:none}.wechat-button-icon[data-v-38c36e60]{font-size:24px;font-weight:700}.terms-text[data-v-38c36e60]{margin-top:auto;color:hsla(0,0%,100%,.5);font-size:12px;line-height:1.6;text-align:center;position:relative;z-index:1}.wechat-login-form+.terms-text[data-v-38c36e60]{margin-top:auto}@media (max-width:1024px){.login-modal-container[data-v-38c36e60]{width:90%;height:80%;margin:0 20px}}@media (max-width:768px){.login-modal-content[data-v-38c36e60]{flex-direction:column}.left-section[data-v-38c36e60]{flex:0 0 140px}.brand-title[data-v-38c36e60]{font-size:28px}.brand-subtitle[data-v-38c36e60],.promotion-text[data-v-38c36e60]{display:none}.right-section[data-v-38c36e60]{padding:24px 20px}.wechat-brand-title[data-v-38c36e60]{margin-bottom:18px}.wechat-brand-title .form-title[data-v-38c36e60]{font-size:24px}.wechat-qr-stage[data-v-38c36e60]{margin-bottom:20px}.wechat-qr-card[data-v-38c36e60],.wechat-state-card[data-v-38c36e60]{width:min(210px,72vw);height:min(210px,72vw);padding:13px}.wechat-login-copy[data-v-38c36e60]{margin-bottom:20px}.wechat-login-main-text[data-v-38c36e60]{font-size:20px}.wechat-login-sub-text[data-v-38c36e60]{font-size:14px}.wechat-login-btn[data-v-38c36e60]{height:56px;font-size:18px}}.scroll-fade-item[data-v-a30ab9d6]{opacity:0;transform:translateY(50px);filter:blur(10px);transition:all 1.2s ease}.scroll-fade-item.scroll-fade-visible[data-v-a30ab9d6]{opacity:1;transform:translateY(0);filter:blur(0)}.scroll-fade-item.slide-left[data-v-a30ab9d6]{transform:translateX(-80px) translateY(0)}.scroll-fade-item.slide-left.scroll-fade-visible[data-v-a30ab9d6]{transform:translateX(0) translateY(0)}.scroll-fade-item.slide-right[data-v-a30ab9d6]{transform:translateX(80px) translateY(0)}.scroll-fade-item.slide-right.scroll-fade-visible[data-v-a30ab9d6]{transform:translateX(0) translateY(0)}.scroll-fade-item.slide-bottom[data-v-a30ab9d6]{transform:translateY(80px)}.scroll-fade-item.slide-bottom.scroll-fade-visible[data-v-a30ab9d6]{transform:translateY(0)}.premium-homepage[data-v-a30ab9d6]{position:relative;min-height:100vh;background-color:#f5f7ff;background-image:linear-gradient(135deg,rgba(245,247,255,0),rgba(227,233,255,0) 30%,rgba(210,220,255,0) 70%,rgba(227,233,255,0));color:#2d2416;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden;background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat}.premium-homepage[data-v-a30ab9d6]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(245,247,255,.7);z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.premium-homepage[style*=background-image][data-v-a30ab9d6]:before{opacity:1}.premium-homepage[data-v-a30ab9d6]>*{position:relative;z-index:1}.premium-navbar[data-v-a30ab9d6]{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.premium-navbar.scrolled[data-v-a30ab9d6]{padding:1rem 0;background:rgba(245,247,255,.95);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:2px solid rgba(67,97,238,.2);box-shadow:0 4px 20px rgba(67,97,238,.15)}.premium-navbar.dark[data-v-a30ab9d6]{background:rgba(245,247,255,.98)}.premium-navbar .navbar-content[data-v-a30ab9d6]{max-width:1400px;margin:0 auto;padding:0 .5rem;display:flex;align-items:center;justify-content:space-between}.premium-navbar .logo-area[data-v-a30ab9d6]{display:flex;align-items:center;cursor:pointer;margin-left:-.3rem}.premium-navbar .logo-area .logo-brand-name[data-v-a30ab9d6]{font-family:ZCOOL XiaoWei,"Noto Serif SC",STKaiti,KaiTi,serif;font-size:2.8rem;font-weight:500;letter-spacing:-.06em;color:#111;text-shadow:none}.premium-navbar .nav-menu[data-v-a30ab9d6]{display:flex;gap:2.5rem}.premium-navbar .nav-menu .nav-item[data-v-a30ab9d6]{color:#000;text-decoration:none;font-size:1rem;font-weight:500;position:relative;transition:color .3s ease}.premium-navbar .nav-menu .nav-item[data-v-a30ab9d6]:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:#000;transform:scaleX(0);transition:transform .3s ease}.premium-navbar .nav-menu .nav-item[data-v-a30ab9d6]:hover{color:#333}.premium-navbar .nav-menu .nav-item[data-v-a30ab9d6]:hover:after{transform:scaleX(1)}.premium-navbar .nav-actions[data-v-a30ab9d6]{display:flex;align-items:center;gap:1rem}.premium-navbar .nav-actions .btn-ghost[data-v-a30ab9d6],.premium-navbar .nav-actions .btn-gradient[data-v-a30ab9d6]{padding:.75rem 1.5rem;border:2px solid rgba(67,97,238,.3);background:rgba(245,247,255,.8);color:#000;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.premium-navbar .nav-actions .btn-ghost .btn-shine[data-v-a30ab9d6],.premium-navbar .nav-actions .btn-gradient .btn-shine[data-v-a30ab9d6]{display:none}.premium-navbar .nav-actions .btn-ghost .btn-label[data-v-a30ab9d6],.premium-navbar .nav-actions .btn-gradient .btn-label[data-v-a30ab9d6]{position:relative;z-index:1}.premium-navbar .nav-actions .btn-ghost[data-v-a30ab9d6]:hover,.premium-navbar .nav-actions .btn-gradient[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);border-color:#4361ee;transform:translateY(-2px);box-shadow:0 4px 12px rgba(67,97,238,.2)}.default-background[data-v-a30ab9d6]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;background:linear-gradient(135deg,#f5f7ff,#e3e9ff 50%,#d2dcff)}.default-background .hero-shapes[data-v-a30ab9d6]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.default-background .shape[data-v-a30ab9d6]{position:absolute;opacity:.3}.default-background .shape-1[data-v-a30ab9d6]{top:15%;left:8%;width:280px;height:280px;background:linear-gradient(45deg,#4361ee,#7209b7);border-radius:24% 76% 35% 65%/27% 36% 64% 73%;animation:morph-a30ab9d6 15s linear infinite alternate}.default-background .shape-2[data-v-a30ab9d6]{bottom:12%;left:10%;width:200px;height:200px;background:linear-gradient(45deg,#7209b7,#f72585);border-radius:76% 24% 33% 67%/68% 55% 45% 32%;animation:morph-a30ab9d6 12s linear infinite alternate}.default-background .shape-3[data-v-a30ab9d6]{top:18%;right:8%;width:240px;height:240px;background:linear-gradient(45deg,#4361ee,#f72585);border-radius:49% 51% 48% 52%/57% 44% 56% 43%;animation:morph-a30ab9d6 10s linear infinite alternate}.default-background .shape-4[data-v-a30ab9d6]{bottom:15%;right:10%;width:180px;height:180px;background:linear-gradient(45deg,#f72585,#4361ee);border-radius:53% 47% 59% 41%/44% 57% 43% 56%;animation:morph-a30ab9d6 14s linear infinite alternate}.default-background[data-color-scheme=red][data-v-a30ab9d6]{background:linear-gradient(135deg,#fff5f5,#ffe3e3 50%,#ffd2d2)}.default-background[data-color-scheme=red] .shape-1[data-v-a30ab9d6]{background:linear-gradient(45deg,#ee4361,#b72079)}.default-background[data-color-scheme=red] .shape-2[data-v-a30ab9d6]{background:linear-gradient(45deg,#b72079,#f72585)}.default-background[data-color-scheme=red] .shape-3[data-v-a30ab9d6]{background:linear-gradient(45deg,#ee4361,#f72585)}.default-background[data-color-scheme=red] .shape-4[data-v-a30ab9d6]{background:linear-gradient(45deg,#f72585,#ee4361)}.default-background[data-color-scheme=red] .particle[data-v-a30ab9d6]{background:rgba(238,67,97,.4)}.default-background[data-color-scheme=red] .glow-effect[data-v-a30ab9d6]{background:radial-gradient(circle,rgba(238,67,97,.1) 0,transparent 70%)}.default-background[data-color-scheme=red] .brand-content[data-v-a30ab9d6]{color:#ee4361}.default-background[data-color-scheme=red] .brand-title[data-v-a30ab9d6]{text-shadow:0 2px 20px rgba(238,67,97,.2)}.default-background[data-color-scheme=green][data-v-a30ab9d6]{background:linear-gradient(135deg,#f5fff5,#e3ffe3 50%,#d2ffd2)}.default-background[data-color-scheme=green] .shape-1[data-v-a30ab9d6]{background:linear-gradient(45deg,#43ee61,#20b772)}.default-background[data-color-scheme=green] .shape-2[data-v-a30ab9d6]{background:linear-gradient(45deg,#20b772,#25f785)}.default-background[data-color-scheme=green] .shape-3[data-v-a30ab9d6]{background:linear-gradient(45deg,#43ee61,#25f785)}.default-background[data-color-scheme=green] .shape-4[data-v-a30ab9d6]{background:linear-gradient(45deg,#25f785,#43ee61)}.default-background[data-color-scheme=green] .particle[data-v-a30ab9d6]{background:rgba(67,238,97,.4)}.default-background[data-color-scheme=green] .glow-effect[data-v-a30ab9d6]{background:radial-gradient(circle,rgba(67,238,97,.1) 0,transparent 70%)}.default-background[data-color-scheme=green] .brand-content[data-v-a30ab9d6]{color:#20b772}.default-background[data-color-scheme=green] .brand-title[data-v-a30ab9d6]{text-shadow:0 2px 20px rgba(32,183,114,.2)}.default-background .particles[data-v-a30ab9d6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.default-background .particle[data-v-a30ab9d6]{position:absolute;width:4px;height:4px;background:rgba(67,97,238,.4);border-radius:50%;animation:float-particle-a30ab9d6 6s ease-in-out infinite}.default-background .particle[data-v-a30ab9d6]:first-child{left:10%;top:20%;animation-delay:0s}.default-background .particle[data-v-a30ab9d6]:nth-child(2){left:20%;top:80%;animation-delay:1s}.default-background .particle[data-v-a30ab9d6]:nth-child(3){left:30%;top:40%;animation-delay:2s}.default-background .particle[data-v-a30ab9d6]:nth-child(4){left:40%;top:60%;animation-delay:3s}.default-background .particle[data-v-a30ab9d6]:nth-child(5){left:50%;top:30%;animation-delay:4s}.default-background .particle[data-v-a30ab9d6]:nth-child(6){left:60%;top:70%;animation-delay:5s}.default-background .particle[data-v-a30ab9d6]:nth-child(7){left:70%;top:50%;animation-delay:1.5s}.default-background .particle[data-v-a30ab9d6]:nth-child(8){left:80%;top:25%;animation-delay:2.5s}.default-background .particle[data-v-a30ab9d6]:nth-child(9){left:90%;top:75%;animation-delay:3.5s}.default-background .particle[data-v-a30ab9d6]:nth-child(10){left:15%;top:55%;animation-delay:4.5s}.default-background .glow-effect[data-v-a30ab9d6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(67,97,238,.1) 0,transparent 70%);animation:pulse-glow-a30ab9d6 4s ease-in-out infinite;z-index:1}.default-background .brand-content[data-v-a30ab9d6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#4361ee}.default-background .brand-content .brand-title[data-v-a30ab9d6]{font-size:96px;font-weight:700;margin-bottom:24px;letter-spacing:-2px;text-shadow:0 2px 20px rgba(67,97,238,.2);animation:fadeInUp-a30ab9d6 1s ease-out}.default-background .brand-content .brand-subtitle[data-v-a30ab9d6]{font-size:42px;font-weight:300;margin-bottom:0;opacity:.9;color:#000!important;animation:fadeInUp-a30ab9d6 1s ease-out .2s backwards}@keyframes morph-a30ab9d6{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0deg) scale(1)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;transform:rotate(90deg) scale(1.1)}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;transform:rotate(180deg) scale(1)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;transform:rotate(270deg) scale(1.1)}to{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;transform:rotate(1turn) scale(1)}}@keyframes float-particle-a30ab9d6{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.4}50%{transform:translateY(-50px) translateX(30px);opacity:.4}90%{opacity:.4}to{transform:translateY(-100px) translateX(60px);opacity:0}}@keyframes pulse-glow-a30ab9d6{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}.hero-section[data-v-a30ab9d6]{position:relative;z-index:1;min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;overflow:hidden}.hero-container[data-v-a30ab9d6]{position:relative;max-width:1400px;width:100%;margin:0 auto}.word-genesis[data-v-a30ab9d6]{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.word-genesis .genesis-stage[data-v-a30ab9d6]{position:relative;min-height:400px}.word-genesis .fragments[data-v-a30ab9d6]{position:absolute;width:100%;height:100%}.word-genesis .fragments .fragment[data-v-a30ab9d6]{position:absolute;font-size:2rem;font-weight:700;animation:fragment-float-a30ab9d6 2s ease-out forwards;opacity:0}.word-genesis .fragments .fragment[data-v-a30ab9d6]:nth-child(7n+1){color:hsla(0,100%,71%,.7)}.word-genesis .fragments .fragment[data-v-a30ab9d6]:nth-child(7n+2){color:rgba(255,183,77,.7)}.word-genesis .fragments .fragment[data-v-a30ab9d6]:nth-child(7n+3){color:rgba(255,235,59,.7)}.word-genesis .fragments .fragment[data-v-a30ab9d6]:nth-child(7n+4){color:rgba(129,199,132,.7)}.word-genesis .fragments .fragment[data-v-a30ab9d6]:nth-child(7n+5){color:rgba(100,181,246,.7)}.word-genesis .fragments .fragment[data-v-a30ab9d6]:nth-child(7n+6){color:rgba(149,117,205,.7)}.word-genesis .fragments .fragment[data-v-a30ab9d6]:nth-child(7n){color:rgba(186,104,200,.7)}@keyframes fragment-float-a30ab9d6{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1}to{opacity:0;transform:scale(1.5) rotate(1turn)}}.word-genesis .word-assembly[data-v-a30ab9d6]{position:relative}.word-genesis .word-assembly .assembling-text[data-v-a30ab9d6]{font-size:4rem;font-weight:800;text-align:center}.word-genesis .word-assembly .assembling-text .char-assemble[data-v-a30ab9d6]{display:inline-block;color:#000;font-family:STKaiti,KaiTi,SimKai,serif;font-style:italic;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));animation:char-assemble-a30ab9d6 .6s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}.word-genesis .word-assembly .assembling-text .line-break[data-v-a30ab9d6]{display:block;height:0;width:100%}.word-genesis .word-assembly .creative-text-stage2[data-v-a30ab9d6]{position:fixed;bottom:15%;right:3%;display:flex;flex-direction:column;align-items:flex-start;z-index:100;pointer-events:none}.word-genesis .word-assembly .creative-text-stage2 .right-fragments[data-v-a30ab9d6]{position:absolute;width:100%;height:100%}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]{position:absolute;font-size:2rem;font-weight:700;animation:right-fragment-float-a30ab9d6 2s ease-out forwards;opacity:0}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]:nth-child(7n+1){color:hsla(0,100%,71%,.7)}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]:nth-child(7n+2){color:rgba(255,183,77,.7)}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]:nth-child(7n+3){color:rgba(255,235,59,.7)}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]:nth-child(7n+4){color:rgba(129,199,132,.7)}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]:nth-child(7n+5){color:rgba(100,181,246,.7)}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]:nth-child(7n+6){color:rgba(149,117,205,.7)}.word-genesis .word-assembly .creative-text-stage2 .right-fragments .right-fragment[data-v-a30ab9d6]:nth-child(7n){color:rgba(186,104,200,.7)}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text[data-v-a30ab9d6]{position:relative;display:flex;flex-direction:row;gap:.3rem}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]{font-size:3.5rem;font-weight:600;letter-spacing:.08em;line-height:1;font-family:STXingkai,STKaiti,KaiTi,SimKai,Microsoft YaHei,cursive,serif;font-style:italic;color:transparent;background:linear-gradient(135deg,hsla(0,100%,71%,.9),rgba(255,183,77,.9) 20%,rgba(78,205,196,.9) 40%,rgba(69,183,209,.9) 60%,rgba(186,104,200,.9) 80%,hsla(0,100%,71%,.9));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-shadow:1px 1px 2px hsla(0,100%,71%,.2),-1px -1px 2px rgba(69,183,209,.2);animation:handwriting-draw-a30ab9d6 .9s cubic-bezier(.4,0,.2,1) forwards,horizontal-rainbow-flow-a30ab9d6 5s ease-in-out infinite,horizontal-char-float-a30ab9d6 3.5s ease-in-out infinite;filter:drop-shadow(0 3px 10px rgba(255,107,107,.35));opacity:0}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:first-child{animation-delay:1.5s,0s,0s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(2){animation-delay:1.65s,0s,.1s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(3){animation-delay:1.8s,0s,.2s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(4){animation-delay:1.95s,0s,.3s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(5){animation-delay:2.1s,0s,.4s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(6){animation-delay:2.25s,0s,.5s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(7){animation-delay:2.4s,0s,.6s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(8){animation-delay:2.55s,0s,.7s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(9){animation-delay:2.7s,0s,.8s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(10){animation-delay:2.85s,0s,.9s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(11){animation-delay:3s,0s,1s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-child(12){animation-delay:3.15s,0s,1.1s}.word-genesis .word-assembly .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-last-child(-n+3){font-size:2.4rem;transform-origin:bottom center}@keyframes right-fragment-float-a30ab9d6{0%{opacity:0;transform:rotate(0deg) scale(0)}50%{opacity:1;transform:rotate(180deg) scale(1.2)}to{opacity:0;transform:rotate(1turn) scale(.5)}}@keyframes handwriting-draw-a30ab9d6{0%{opacity:0;transform:translateY(10px) scale(.8);filter:blur(4px) drop-shadow(0 2px 8px rgba(255,107,107,.3))}50%{opacity:.7;transform:translateY(-3px) scale(1.05);filter:blur(1px) drop-shadow(0 2px 8px rgba(255,107,107,.4))}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 2px 8px rgba(255,107,107,.3))}}@keyframes horizontal-rainbow-flow-a30ab9d6{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes horizontal-char-entrance-a30ab9d6{0%{opacity:0;transform:translateX(30px) scale(.5) rotate(10deg)}60%{opacity:1;transform:translateX(-5px) scale(1.1) rotate(-2deg)}to{opacity:1;transform:translateX(0) scale(1) rotate(0deg)}}@keyframes horizontal-char-float-a30ab9d6{0%,to{transform:translateX(0) scale(1)}25%{transform:translateX(-8px) scale(1.02)}50%{transform:translateX(0) scale(.98)}75%{transform:translateX(8px) scale(1.02)}}@keyframes diagonal-rainbow-flow-a30ab9d6{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes diagonal-char-entrance-a30ab9d6{0%{opacity:0;transform:translateX(-40px) translateY(-40px) scale(.5) rotate(-15deg)}60%{opacity:1;transform:translateX(5px) translateY(5px) scale(1.1) rotate(2deg)}to{opacity:1;transform:translateX(0) translateY(0) scale(1) rotate(0deg)}}@keyframes diagonal-char-float-a30ab9d6{0%,to{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(-5px) translateY(-5px) scale(1.02)}50%{transform:translateX(0) translateY(0) scale(.98)}75%{transform:translateX(5px) translateY(5px) scale(1.02)}}@keyframes vertical-rainbow-flow-a30ab9d6{0%,to{background-position:0 0}50%{background-position:0 100%}}@keyframes vertical-char-entrance-a30ab9d6{0%{opacity:0;transform:translateY(-30px) scale(.5) rotate(-10deg)}60%{opacity:1;transform:translateY(5px) scale(1.1) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes vertical-char-float-a30ab9d6{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(0) scale(.98)}75%{transform:translateY(8px) scale(1.02)}60%{transform:translateX(-5px) translateY(5px) scale(1.05)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}@keyframes char-assemble-a30ab9d6{0%{opacity:0;transform:translateY(-100px) scale(0)}60%{transform:translateY(10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.word-genesis .complete-title[data-v-a30ab9d6]{animation:fade-in-up-a30ab9d6 1s ease-out}.word-genesis .complete-title .main-title[data-v-a30ab9d6]{font-size:4.5rem;font-weight:900;line-height:1.2;margin-bottom:2rem;letter-spacing:-.02em}.word-genesis .complete-title .main-title .title-word[data-v-a30ab9d6]{display:block;color:#000!important;font-family:STKaiti,KaiTi,SimKai,serif;font-style:italic;text-shadow:none}@keyframes rainbow-flow-a30ab9d6{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.word-genesis .complete-title .subtitle[data-v-a30ab9d6]{font-size:1.3rem;line-height:1.8;color:rgba(45,36,22,.7);margin-bottom:3rem;max-width:600px}.word-genesis .complete-title .hero-cta[data-v-a30ab9d6]{display:flex;gap:1.5rem;margin-bottom:3rem}.word-genesis .complete-title .hero-cta .cta-primary[data-v-a30ab9d6]{padding:1.25rem 2.5rem;border:2px solid rgba(67,97,238,.3);background:rgba(245,247,255,.8);color:#000;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease;box-shadow:0 4px 12px rgba(67,97,238,.2);display:flex;align-items:center;gap:.75rem}.word-genesis .complete-title .hero-cta .cta-primary .cta-text[data-v-a30ab9d6]{position:relative;z-index:1}.word-genesis .complete-title .hero-cta .cta-primary .cta-glow[data-v-a30ab9d6]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);transition:left .6s ease}.word-genesis .complete-title .hero-cta .cta-primary[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);border-color:#4361ee;transform:translateY(-4px);box-shadow:0 6px 20px rgba(67,97,238,.3)}.word-genesis .complete-title .hero-cta .cta-primary:hover .cta-glow[data-v-a30ab9d6]{left:100%}.word-genesis .complete-title .hero-cta .cta-secondary[data-v-a30ab9d6]{padding:1.25rem 2.5rem;border:2px solid rgba(67,97,238,.3);background:rgba(245,247,255,.8);color:#000;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(67,97,238,.2);display:flex;align-items:center;gap:.75rem}.word-genesis .complete-title .hero-cta .cta-secondary[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);border-color:#4361ee;transform:translateY(-4px);box-shadow:0 6px 20px rgba(67,97,238,.25)}.word-genesis .complete-title .creative-tags[data-v-a30ab9d6]{display:flex;gap:1rem;flex-wrap:wrap}.word-genesis .complete-title .creative-tags .tag[data-v-a30ab9d6]{padding:.75rem 1.5rem;background:rgba(255,245,235,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(67,97,238,.25);border-radius:50px;font-size:.9rem;color:rgba(45,36,22,.85);animation:tag-appear-a30ab9d6 .6s ease-out both;transition:all .3s ease;box-shadow:0 2px 12px rgba(67,97,238,.1)}.word-genesis .complete-title .creative-tags .tag[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);border-color:#4361ee;transform:translateY(-2px);box-shadow:0 4px 16px rgba(67,97,238,.2)}@keyframes tag-appear-a30ab9d6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.word-genesis .diagonal-text[data-v-a30ab9d6]{position:absolute;top:30%;right:5%;transform:rotate(45deg);transform-origin:center center;display:flex;flex-direction:column;gap:1rem;animation:diagonal-slide-in-a30ab9d6 .8s ease-out .2s both;z-index:10;transition:opacity .5s ease,transform .5s ease;outline:3px dashed rgba(255,0,0,.5)}.word-genesis .diagonal-text .diagonal-word[data-v-a30ab9d6]{font-size:4rem;font-weight:900;letter-spacing:.2em;line-height:1.4;color:#4361ee!important;background:linear-gradient(90deg,#4361ee,#a78bfa 20%,#7209b7 40%,#f72585 60%,#f472b6 80%,#4361ee);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-flow-a30ab9d6 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,107,107,.7));white-space:nowrap;text-transform:none}.word-genesis .diagonal-text .diagonal-word[data-v-a30ab9d6]:first-child{animation-delay:.2s}.word-genesis .diagonal-text .diagonal-word[data-v-a30ab9d6]:nth-child(2){animation-delay:.4s}.word-genesis .diagonal-text .diagonal-word[data-v-a30ab9d6]:nth-child(3){animation-delay:.6s}@keyframes diagonal-slide-in-a30ab9d6{0%{opacity:0;transform:rotate(45deg) translateY(-30px) scale(.8)}60%{transform:rotate(45deg) translateY(5px) scale(1.05)}to{opacity:1;transform:rotate(45deg) translateY(0) scale(1)}}.word-genesis .live-creation[data-v-a30ab9d6]{animation:fade-in-up-a30ab9d6 1s ease-out .5s both}.word-genesis .live-creation .creation-window[data-v-a30ab9d6]{background:transparent!important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(67,97,238,.25);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(67,97,238,.2)}.word-genesis .live-creation .creation-window .window-header[data-v-a30ab9d6]{padding:1rem 1.5rem;background:transparent!important;border-bottom:2px solid rgba(67,97,238,.15);display:flex;align-items:center;gap:1rem}.word-genesis .live-creation .creation-window .window-header .window-dots[data-v-a30ab9d6]{display:flex;gap:.5rem}.word-genesis .live-creation .creation-window .window-header .window-dots .dot[data-v-a30ab9d6]{width:12px;height:12px;border-radius:50%}.word-genesis .live-creation .creation-window .window-header .window-dots .dot.red[data-v-a30ab9d6]{background:#e74c3c}.word-genesis .live-creation .creation-window .window-header .window-dots .dot.yellow[data-v-a30ab9d6]{background:#f72585}.word-genesis .live-creation .creation-window .window-header .window-dots .dot.green[data-v-a30ab9d6]{background:#27ae60}.word-genesis .live-creation .creation-window .window-header .window-title[data-v-a30ab9d6]{font-size:.9rem;color:rgba(45,36,22,.7)}.word-genesis .live-creation .creation-window .window-content[data-v-a30ab9d6]{padding:2rem;min-height:200px;background:transparent!important}.word-genesis .live-creation .creation-window .window-content .typing-text[data-v-a30ab9d6]{font-size:1.1rem;line-height:1.8;color:rgba(45,36,22,.9)}.word-genesis .live-creation .creation-window .window-content .typing-text .live-text[data-v-a30ab9d6]{display:inline}.word-genesis .live-creation .creation-window .window-content .typing-text .cursor-blink[data-v-a30ab9d6]{display:inline-block;animation:blink-a30ab9d6 1s step-end infinite;color:#000!important;font-weight:700}@keyframes blink-a30ab9d6{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fade-in-up-a30ab9d6{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-hint[data-v-a30ab9d6]{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fade-in-a30ab9d6 1s ease-out 2s both}.scroll-hint .mouse-icon[data-v-a30ab9d6]{width:28px;height:42px;border:2px solid rgba(67,97,238,.4);border-radius:14px;position:relative}.scroll-hint .mouse-icon .mouse-wheel[data-v-a30ab9d6]{width:4px;height:8px;background:rgba(67,97,238,.6);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll-down-a30ab9d6 2s ease-in-out infinite}@keyframes scroll-down-a30ab9d6{0%,to{opacity:0;top:8px}50%{opacity:1;top:20px}}.scroll-hint .hint-text[data-v-a30ab9d6]{font-size:.9rem;color:rgba(45,36,22,.6)}@keyframes fade-in-a30ab9d6{0%{opacity:0}to{opacity:1}}.section-container[data-v-a30ab9d6]{max-width:1400px;margin:0 auto;padding:8rem 3rem;position:relative;z-index:1}.section-intro[data-v-a30ab9d6]{margin-bottom:4rem}.section-intro.center[data-v-a30ab9d6]{text-align:center}.section-intro .section-label[data-v-a30ab9d6]{display:inline-block;padding:.5rem 1.5rem;background:rgba(245,247,255,.95);border:2px solid rgba(67,97,238,.3);border-radius:50px;font-size:.9rem;font-weight:600;color:#4361ee;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;box-shadow:0 2px 12px rgba(67,97,238,.15)}.section-intro .section-heading[data-v-a30ab9d6]{font-size:3.5rem;font-weight:800;line-height:1.2;color:#2d2416;letter-spacing:-.02em}.section-intro .section-heading .gradient-text[data-v-a30ab9d6]{background:linear-gradient(135deg,#4361ee,#7209b7,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-section .artwork-grid[data-v-a30ab9d6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.showcase-section .artwork-card-horizontal[data-v-a30ab9d6]{position:relative;background:transparent;border:1px solid rgba(67,97,238,.2);border-radius:16px;padding:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fade-in-up-a30ab9d6 .6s ease-out both;display:flex;gap:1.5rem;cursor:pointer}.showcase-section .artwork-card-horizontal[data-v-a30ab9d6]:hover{transform:translateY(-8px);border-color:rgba(67,97,238,.5);box-shadow:0 20px 40px rgba(67,97,238,.2)}.showcase-section .work-book-cover[data-v-a30ab9d6]{flex-shrink:0;width:120px;height:160px;border-radius:8px;overflow:hidden;background:rgba(255,250,240,.05);border:1px solid rgba(67,97,238,.2);display:flex;align-items:center;justify-content:center}.showcase-section .work-book-cover .cover-image[data-v-a30ab9d6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.showcase-section .work-book-cover .cover-placeholder[data-v-a30ab9d6]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.showcase-section .work-book-cover .cover-placeholder svg[data-v-a30ab9d6]{opacity:.5}.showcase-section .work-info-area[data-v-a30ab9d6]{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.showcase-section .work-header[data-v-a30ab9d6]{margin-bottom:.75rem}.showcase-section .work-title[data-v-a30ab9d6]{font-size:1.3rem;font-weight:700;color:#2d2416;margin:0 0 .5rem 0;line-height:1.4}.showcase-section .work-meta-tags[data-v-a30ab9d6]{display:flex;gap:.75rem;flex-wrap:wrap}.showcase-section .work-meta-tags .work-category[data-v-a30ab9d6]{padding:.3rem .8rem;background:rgba(67,97,238,.15);border-radius:50px;font-size:.8rem;color:rgba(45,36,22,.85)}.showcase-section .work-meta-tags .work-words[data-v-a30ab9d6]{font-size:.8rem;color:rgba(45,36,22,.65)}.showcase-section .work-description[data-v-a30ab9d6]{font-size:.95rem;line-height:1.6;color:rgba(45,36,22,.75);margin:0 0 1rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.showcase-section .work-author-section[data-v-a30ab9d6]{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(67,97,238,.15);margin-top:auto}.showcase-section .author-avatar-box[data-v-a30ab9d6]{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.showcase-section .author-avatar-box .author-avatar-img[data-v-a30ab9d6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.showcase-section .author-avatar-box .author-avatar-default[data-v-a30ab9d6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.showcase-section .author-info-box[data-v-a30ab9d6]{flex:1;min-width:0}.showcase-section .author-name-text[data-v-a30ab9d6]{font-size:.95rem;font-weight:600;color:#2d2416;margin-bottom:.25rem}.showcase-section .author-stats-row[data-v-a30ab9d6]{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.showcase-section .author-stats-row .stat-text[data-v-a30ab9d6]{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:rgba(45,36,22,.65)}.showcase-section .author-stats-row .stat-text .stat-icon[data-v-a30ab9d6]{width:14px;height:14px;stroke:currentColor}.showcase-section .artwork-card[data-v-a30ab9d6]{position:relative;background:rgba(255,250,240,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(67,97,238,.2);border-radius:24px;padding:2rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fade-in-up-a30ab9d6 .6s ease-out both;box-shadow:0 4px 20px rgba(67,97,238,.12)}.showcase-section .artwork-card.theme-sunset .card-gradient[data-v-a30ab9d6]{background:linear-gradient(135deg,hsla(0,100%,71%,.2),rgba(255,230,109,.2))}.showcase-section .artwork-card.theme-ocean .card-gradient[data-v-a30ab9d6]{background:linear-gradient(135deg,rgba(78,205,196,.2),rgba(69,183,209,.2))}.showcase-section .artwork-card.theme-forest .card-gradient[data-v-a30ab9d6]{background:linear-gradient(135deg,rgba(86,171,47,.2),rgba(168,230,207,.2))}.showcase-section .artwork-card.theme-rose .card-gradient[data-v-a30ab9d6]{background:linear-gradient(135deg,rgba(255,154,158,.2),hsla(13,84%,87%,.2))}.showcase-section .artwork-card.theme-lavender .card-gradient[data-v-a30ab9d6]{background:linear-gradient(135deg,rgba(168,192,255,.2),rgba(212,181,255,.2))}.showcase-section .artwork-card.theme-amber .card-gradient[data-v-a30ab9d6]{background:linear-gradient(135deg,rgba(253,200,48,.2),rgba(243,115,53,.2))}.showcase-section .artwork-card .card-gradient[data-v-a30ab9d6]{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease}.showcase-section .artwork-card[data-v-a30ab9d6]:hover{transform:translateY(-12px);border-color:rgba(67,97,238,.4);box-shadow:0 30px 60px rgba(67,97,238,.25)}.showcase-section .artwork-card:hover .card-gradient[data-v-a30ab9d6],.showcase-section .artwork-card:hover .card-hover-effect[data-v-a30ab9d6]{opacity:1}.showcase-section .artwork-card .card-content[data-v-a30ab9d6]{position:relative;z-index:1}.showcase-section .artwork-card .card-content .work-meta[data-v-a30ab9d6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.showcase-section .artwork-card .card-content .work-meta .work-category[data-v-a30ab9d6]{padding:.4rem 1rem;background:rgba(67,97,238,.15);border-radius:50px;font-size:.85rem;color:rgba(45,36,22,.85)}.showcase-section .artwork-card .card-content .work-meta .work-words[data-v-a30ab9d6]{font-size:.85rem;color:rgba(45,36,22,.65)}.showcase-section .artwork-card .card-content .work-title[data-v-a30ab9d6]{font-size:1.5rem;font-weight:700;color:#2d2416;margin-bottom:1rem;line-height:1.3}.showcase-section .artwork-card .card-content .work-excerpt[data-v-a30ab9d6]{font-size:.95rem;line-height:1.7;color:rgba(45,36,22,.75);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-section .artwork-card .card-content .work-footer[data-v-a30ab9d6]{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid rgba(67,97,238,.15)}.showcase-section .artwork-card .card-content .work-footer .author-info[data-v-a30ab9d6]{display:flex;align-items:center;gap:.75rem}.showcase-section .artwork-card .card-content .work-footer .author-info .author-avatar[data-v-a30ab9d6]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.showcase-section .artwork-card .card-content .work-footer .author-info .author-name[data-v-a30ab9d6]{font-size:.9rem;color:rgba(45,36,22,.85)}.showcase-section .artwork-card .card-content .work-footer .work-stats[data-v-a30ab9d6]{display:flex;gap:1rem}.showcase-section .artwork-card .card-content .work-footer .work-stats .stat-item[data-v-a30ab9d6]{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:rgba(45,36,22,.65)}.showcase-section .artwork-card .card-content .work-footer .work-stats .stat-item .icon[data-v-a30ab9d6]{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.showcase-section .artwork-card .card-hover-effect[data-v-a30ab9d6]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,248,240,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.showcase-section .artwork-card .card-hover-effect .quick-read-btn[data-v-a30ab9d6]{padding:1rem 2rem;border:2px solid #4361ee;background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.showcase-section .artwork-card .card-hover-effect .quick-read-btn[data-v-a30ab9d6]:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(67,97,238,.4)}.features-section .features-showcase[data-v-a30ab9d6]{display:grid;grid-template-columns:1fr;gap:2rem}.features-section .features-showcase .feature-large[data-v-a30ab9d6]{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:rgba(245,247,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(67,97,238,.2);border-radius:24px;padding:3rem;align-items:center;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px rgba(67,97,238,.12)}.features-section .features-showcase .feature-large.active[data-v-a30ab9d6],.features-section .features-showcase .feature-large[data-v-a30ab9d6]:hover{background:#e3e9ff;border-color:rgba(67,97,238,.4);transform:translateY(-4px);box-shadow:0 20px 60px rgba(67,97,238,.25)}.features-section .features-showcase .feature-large .feature-visual[data-v-a30ab9d6]{height:300px;border-radius:16px;background:hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center;overflow:hidden}.features-section .features-showcase .feature-large .feature-visual .visual-writing .writing-lines .line[data-v-a30ab9d6]{height:4px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);margin-bottom:1rem;border-radius:2px;animation:line-write-a30ab9d6 2s ease-in-out infinite}.features-section .features-showcase .feature-large .feature-visual .visual-writing .writing-lines .line[data-v-a30ab9d6]:nth-child(odd){animation-delay:.3s}@keyframes line-write-a30ab9d6{0%,to{width:0;opacity:0}50%{width:80%;opacity:1}}.features-section .features-showcase .feature-large .feature-visual .visual-character .character-cards[data-v-a30ab9d6]{display:flex;gap:1rem}.features-section .features-showcase .feature-large .feature-visual .visual-character .character-cards .char-card[data-v-a30ab9d6]{width:80px;height:120px;background:hsla(0,0%,100%,.1);border-radius:12px;animation:card-float-a30ab9d6 3s ease-in-out infinite}.features-section .features-showcase .feature-large .feature-visual .visual-character .character-cards .char-card[data-v-a30ab9d6]:nth-child(2){animation-delay:.5s}.features-section .features-showcase .feature-large .feature-visual .visual-character .character-cards .char-card[data-v-a30ab9d6]:nth-child(3){animation-delay:1s}@keyframes card-float-a30ab9d6{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features-section .features-showcase .feature-large .feature-visual .visual-inspiration .idea-bubbles[data-v-a30ab9d6]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.features-section .features-showcase .feature-large .feature-visual .visual-inspiration .idea-bubbles .bubble[data-v-a30ab9d6]{width:60px;height:60px;background:hsla(0,0%,100%,.1);border-radius:50%;animation:bubble-pop-a30ab9d6 2s ease-in-out infinite}.features-section .features-showcase .feature-large .feature-visual .visual-inspiration .idea-bubbles .bubble[data-v-a30ab9d6]:nth-child(2n){animation-delay:.3s}.features-section .features-showcase .feature-large .feature-visual .visual-inspiration .idea-bubbles .bubble[data-v-a30ab9d6]:nth-child(3n){animation-delay:.6s}@keyframes bubble-pop-a30ab9d6{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}.features-section .features-showcase .feature-large .feature-info .feature-icon[data-v-a30ab9d6]{font-size:3rem;margin-bottom:1.5rem}.features-section .features-showcase .feature-large .feature-info .feature-title[data-v-a30ab9d6]{font-size:2rem;font-weight:700;color:#2d2416;margin-bottom:1rem}.features-section .features-showcase .feature-large .feature-info .feature-desc[data-v-a30ab9d6]{font-size:1.1rem;line-height:1.7;color:rgba(45,36,22,.75);margin-bottom:2rem}.features-section .features-showcase .feature-large .feature-info .feature-points[data-v-a30ab9d6]{list-style:none}.features-section .features-showcase .feature-large .feature-info .feature-points li[data-v-a30ab9d6]{position:relative;padding-left:1.5rem;margin-bottom:1rem;font-size:1rem;line-height:1.6;color:rgba(45,36,22,.75)}.features-section .features-showcase .feature-large .feature-info .feature-points li[data-v-a30ab9d6]:before{content:"✓";position:absolute;left:0;color:#4361ee}.magic-editor-section[data-v-a30ab9d6]{background:hsla(0,0%,100%,.02)}.magic-editor-section .magic-workspace[data-v-a30ab9d6]{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.magic-editor-section .magic-workspace .workspace-editor[data-v-a30ab9d6]{background:rgba(255,250,240,.98);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(67,97,238,.25);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px rgba(67,97,238,.12)}.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar[data-v-a30ab9d6]{padding:1.5rem;background:rgba(255,245,235,.9);border-bottom:2px solid rgba(67,97,238,.15);display:flex;justify-content:space-between;align-items:center}.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar .tool-group[data-v-a30ab9d6]{display:flex;gap:.5rem}.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar .tool-group .tool-btn[data-v-a30ab9d6]{padding:.75rem 1.25rem;border:2px solid rgba(67,97,238,.2);background:rgba(255,250,240,.9);color:rgba(45,36,22,.7);border-radius:10px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar .tool-group .tool-btn svg[data-v-a30ab9d6]{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar .tool-group .tool-btn.active[data-v-a30ab9d6],.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar .tool-group .tool-btn[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);color:#2d2416;border-color:#4361ee;box-shadow:0 2px 8px rgba(67,97,238,.2)}.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar .model-select[data-v-a30ab9d6]{padding:.75rem 1.25rem;border:2px solid rgba(67,97,238,.2);background:rgba(255,250,240,.95);color:#2d2416;border-radius:10px;font-size:.9rem;cursor:pointer}.magic-editor-section .magic-workspace .workspace-editor .editor-toolbar .model-select option[data-v-a30ab9d6]{background:#fff8f0}.magic-editor-section .magic-workspace .workspace-editor .editor-input[data-v-a30ab9d6]{padding:2rem;position:relative}.magic-editor-section .magic-workspace .workspace-editor .editor-input textarea[data-v-a30ab9d6]{width:100%;min-height:250px;padding:1.5rem;border:2px solid rgba(67,97,238,.2);background:rgba(255,252,247,.9);color:#2d2416;border-radius:16px;font-size:1rem;line-height:1.8;font-family:inherit;resize:vertical}.magic-editor-section .magic-workspace .workspace-editor .editor-input textarea[data-v-a30ab9d6]::-moz-placeholder{color:rgba(45,36,22,.4)}.magic-editor-section .magic-workspace .workspace-editor .editor-input textarea[data-v-a30ab9d6]::placeholder{color:rgba(45,36,22,.4)}.magic-editor-section .magic-workspace .workspace-editor .editor-input textarea[data-v-a30ab9d6]:focus{outline:none;border-color:rgba(67,97,238,.5);box-shadow:0 0 0 3px rgba(67,97,238,.15)}.magic-editor-section .magic-workspace .workspace-editor .editor-input .input-counter[data-v-a30ab9d6]{position:absolute;bottom:3rem;right:3rem;font-size:.85rem;color:rgba(45,36,22,.6)}.magic-editor-section .magic-workspace .workspace-editor .editor-output[data-v-a30ab9d6]{padding:0 2rem 2rem}.magic-editor-section .magic-workspace .workspace-editor .editor-output .output-label[data-v-a30ab9d6]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:rgba(45,36,22,.75)}.magic-editor-section .magic-workspace .workspace-editor .editor-output .output-label .label-icon[data-v-a30ab9d6]{font-size:1.1rem}.magic-editor-section .magic-workspace .workspace-editor .editor-output .output-label .generating-dots[data-v-a30ab9d6]{display:flex;gap:.3rem}.magic-editor-section .magic-workspace .workspace-editor .editor-output .output-label .generating-dots span[data-v-a30ab9d6]{width:6px;height:6px;background:#4361ee;border-radius:50%;animation:dot-bounce-a30ab9d6 1.4s ease-in-out infinite}.magic-editor-section .magic-workspace .workspace-editor .editor-output .output-label .generating-dots span[data-v-a30ab9d6]:nth-child(2){animation-delay:.2s}.magic-editor-section .magic-workspace .workspace-editor .editor-output .output-label .generating-dots span[data-v-a30ab9d6]:nth-child(3){animation-delay:.4s}@keyframes dot-bounce-a30ab9d6{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.magic-editor-section .magic-workspace .workspace-editor .editor-output .output-text[data-v-a30ab9d6]{padding:1.5rem;background:rgba(255,252,247,.9);border:2px solid rgba(67,97,238,.2);border-radius:16px;font-size:1rem;line-height:1.8;color:rgba(45,36,22,.9)}.magic-editor-section .magic-workspace .workspace-editor .editor-actions[data-v-a30ab9d6]{padding:1.5rem 2rem 2rem;display:flex;justify-content:flex-end;gap:1rem}.magic-editor-section .magic-workspace .workspace-editor .editor-actions .btn-action[data-v-a30ab9d6]{padding:.75rem 2rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.magic-editor-section .magic-workspace .workspace-editor .editor-actions .btn-action.secondary[data-v-a30ab9d6]{border:2px solid rgba(67,97,238,.3);background:rgba(255,250,240,.9);color:rgba(45,36,22,.85)}.magic-editor-section .magic-workspace .workspace-editor .editor-actions .btn-action.secondary[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);border-color:#4361ee;box-shadow:0 2px 12px rgba(67,97,238,.2)}.magic-editor-section .magic-workspace .workspace-editor .editor-actions .btn-action.primary[data-v-a30ab9d6]{border:none;background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;box-shadow:0 4px 20px hsla(0,100%,71%,.3)}.magic-editor-section .magic-workspace .workspace-editor .editor-actions .btn-action.primary[data-v-a30ab9d6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px hsla(0,100%,71%,.5)}.magic-editor-section .magic-workspace .workspace-editor .editor-actions .btn-action.primary[data-v-a30ab9d6]:disabled{opacity:.5;cursor:not-allowed}.magic-editor-section .magic-workspace .workspace-tips .tip-card[data-v-a30ab9d6]{background:rgba(255,250,240,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(67,97,238,.2);border-radius:24px;box-shadow:0 4px 20px rgba(67,97,238,.12);padding:2rem}.magic-editor-section .magic-workspace .workspace-tips .tip-card .tip-icon[data-v-a30ab9d6]{font-size:2.5rem;margin-bottom:1rem}.magic-editor-section .magic-workspace .workspace-tips .tip-card .tip-title[data-v-a30ab9d6]{font-size:1.3rem;font-weight:700;color:#2d2416;margin-bottom:1.5rem}.magic-editor-section .magic-workspace .workspace-tips .tip-card .tip-list[data-v-a30ab9d6]{list-style:none}.magic-editor-section .magic-workspace .workspace-tips .tip-card .tip-list li[data-v-a30ab9d6]{position:relative;padding-left:1.5rem;margin-bottom:1rem;font-size:.95rem;line-height:1.6;color:rgba(45,36,22,.75)}.magic-editor-section .magic-workspace .workspace-tips .tip-card .tip-list li[data-v-a30ab9d6]:before{content:"→";position:absolute;left:0;color:#4361ee}.testimonials-section .stories-grid[data-v-a30ab9d6]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonials-section .stories-grid .story-card[data-v-a30ab9d6]{background:rgba(245,247,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(67,97,238,.2);border-radius:24px;padding:0;position:relative;transition:all .4s ease;box-shadow:0 4px 20px rgba(67,97,238,.12);overflow:hidden;display:flex;flex-direction:column;height:auto}.testimonials-section .stories-grid .story-card[data-v-a30ab9d6]:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(67,97,238,.2);border-color:rgba(67,97,238,.4)}.testimonials-section .stories-grid .story-card .story-main-content[data-v-a30ab9d6]{display:flex;overflow:visible;padding:0}.testimonials-section .stories-grid .story-card .story-left-image[data-v-a30ab9d6]{width:240px;flex-shrink:0;background:transparent;display:flex;align-items:stretch;justify-content:center;overflow:hidden;position:relative;padding:.3rem .5rem}.testimonials-section .stories-grid .story-card .story-left-image .story-image-wrapper[data-v-a30ab9d6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.testimonials-section .stories-grid .story-card .story-left-image .story-image[data-v-a30ab9d6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%}.testimonials-section .stories-grid .story-card .story-left-image .story-image-placeholder[data-v-a30ab9d6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.testimonials-section .stories-grid .story-card .story-left-image .story-image-placeholder .placeholder-icon[data-v-a30ab9d6]{font-size:80px;opacity:.3}.testimonials-section .stories-grid .story-card .story-card-footer[data-v-a30ab9d6]{width:100%;padding:1rem 2rem;border-top:2px solid rgba(67,97,238,.15);background:hsla(0,0%,100%,.3)}.testimonials-section .stories-grid .story-card .story-card-footer .story-stats[data-v-a30ab9d6]{display:flex;justify-content:space-around;align-items:center;gap:1.5rem}.testimonials-section .stories-grid .story-card .story-card-footer .stat-box[data-v-a30ab9d6]{text-align:center}.testimonials-section .stories-grid .story-card .story-card-footer .stat-box .stat-number[data-v-a30ab9d6]{font-size:1.6rem;font-weight:700;color:#2d2416;margin-bottom:.2rem}.testimonials-section .stories-grid .story-card .story-card-footer .stat-box .stat-label[data-v-a30ab9d6]{font-size:.8rem;color:rgba(45,36,22,.65)}.testimonials-section .stories-grid .story-card .story-right-info[data-v-a30ab9d6]{flex:1;padding:1.5rem 1.5rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.8rem;justify-content:center}.testimonials-section .stories-grid .story-card .story-author[data-v-a30ab9d6]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.testimonials-section .stories-grid .story-card .story-author .author-avatar-wrapper .author-avatar[data-v-a30ab9d6]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;overflow:hidden;box-shadow:0 4px 12px rgba(67,97,238,.3)}.testimonials-section .stories-grid .story-card .story-author .author-avatar-wrapper .author-avatar img[data-v-a30ab9d6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.testimonials-section .stories-grid .story-card .story-author .author-avatar-wrapper .author-avatar span[data-v-a30ab9d6]{display:block}.testimonials-section .stories-grid .story-card .story-author .author-details[data-v-a30ab9d6]{flex:1}.testimonials-section .stories-grid .story-card .story-author .author-details .author-name[data-v-a30ab9d6]{font-size:1.2rem;font-weight:700;color:#2d2416;margin-bottom:.25rem}.testimonials-section .stories-grid .story-card .story-author .author-details .author-achievement[data-v-a30ab9d6]{font-size:.9rem;color:rgba(45,36,22,.65);font-weight:500}.testimonials-section .stories-grid .story-card .story-quote[data-v-a30ab9d6]{font-size:3rem;line-height:1;color:rgba(67,97,238,.15);margin-bottom:.3rem}.testimonials-section .stories-grid .story-card .story-content[data-v-a30ab9d6]{font-size:.95rem;line-height:1.6;color:rgba(45,36,22,.85);margin:0}.cta-section[data-v-a30ab9d6]{padding:8rem 3rem}.cta-section .cta-container[data-v-a30ab9d6]{max-width:900px;margin:0 auto;text-align:center}.cta-section .cta-container .cta-content .cta-title[data-v-a30ab9d6]{font-size:4rem;font-weight:900;line-height:1.2;color:#2d2416;margin-bottom:1.5rem}.cta-section .cta-container .cta-content .cta-title .rainbow-text[data-v-a30ab9d6]{background:linear-gradient(90deg,#4361ee,#7209b7,#f72585,#4361ee);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-flow-a30ab9d6 3s ease-in-out infinite}.cta-section .cta-container .cta-content .cta-subtitle[data-v-a30ab9d6]{font-size:1.3rem;line-height:1.8;color:rgba(45,36,22,.75);margin-bottom:3rem}.cta-section .cta-container .cta-content .cta-buttons[data-v-a30ab9d6]{display:flex;justify-content:center;gap:1.5rem}.cta-section .cta-container .cta-content .cta-buttons .cta-btn-large[data-v-a30ab9d6]{padding:1.5rem 3rem;border:2px solid rgba(67,97,238,.4);background:rgba(255,250,240,.95);color:#2d2416;border-radius:16px;font-size:1.2rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.cta-section .cta-container .cta-content .cta-buttons .cta-btn-large .btn-shine[data-v-a30ab9d6]{display:none}.cta-section .cta-container .cta-content .cta-buttons .cta-btn-large[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);border-color:#4361ee;transform:translateY(-4px);box-shadow:0 6px 25px rgba(67,97,238,.3)}.cta-section .cta-container .cta-content .cta-buttons .cta-btn-outline[data-v-a30ab9d6]{padding:1.5rem 3rem;border:2px solid rgba(67,97,238,.4);background:rgba(255,250,240,.95);color:#2d2416;border-radius:16px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-section .cta-container .cta-content .cta-buttons .cta-btn-outline[data-v-a30ab9d6]:hover{background:rgba(67,97,238,.15);border-color:#4361ee;transform:translateY(-4px);box-shadow:0 6px 25px rgba(67,97,238,.3)}.premium-footer[data-v-a30ab9d6]{background:rgba(245,247,255,.95);border-top:2px solid rgba(67,97,238,.2);padding:4rem 3rem 2rem}.premium-footer .footer-content[data-v-a30ab9d6]{max-width:1400px;margin:0 auto}.premium-footer .footer-content .footer-main[data-v-a30ab9d6]{display:grid;grid-template-columns:2fr 3fr;gap:4rem;margin-bottom:3rem}.premium-footer .footer-content .footer-main .footer-brand .footer-logo[data-v-a30ab9d6]{display:flex;align-items:center;margin-bottom:1rem}.premium-footer .footer-content .footer-main .footer-brand .footer-logo .footer-brand-name[data-v-a30ab9d6]{font-family:ZCOOL XiaoWei,"Noto Serif SC",STKaiti,KaiTi,serif;font-size:1.4rem;font-weight:400;letter-spacing:.05em;background:linear-gradient(135deg,#4361ee,#7209b7 50%,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-footer .footer-content .footer-main .footer-brand .footer-desc[data-v-a30ab9d6]{font-size:.95rem;line-height:1.6;color:rgba(45,36,22,.65)}.premium-footer .footer-content .footer-main .footer-links[data-v-a30ab9d6]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.premium-footer .footer-content .footer-main .footer-links .link-group h4[data-v-a30ab9d6]{font-size:1rem;font-weight:600;color:#2d2416;margin-bottom:1rem}.premium-footer .footer-content .footer-main .footer-links .link-group a[data-v-a30ab9d6]{display:block;font-size:.9rem;color:rgba(45,36,22,.65);text-decoration:none;margin-bottom:.75rem;transition:color .3s ease}.premium-footer .footer-content .footer-main .footer-links .link-group a[data-v-a30ab9d6]:hover{color:#4361ee}.premium-footer .footer-content .footer-bottom[data-v-a30ab9d6]{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:2px solid rgba(67,97,238,.15)}.premium-footer .footer-content .footer-bottom .copyright[data-v-a30ab9d6]{font-size:.9rem;color:rgba(45,36,22,.6)}.premium-footer .footer-content .footer-bottom .footer-meta[data-v-a30ab9d6]{display:flex;gap:1rem;font-size:.9rem}.premium-footer .footer-content .footer-bottom .footer-meta a[data-v-a30ab9d6]{color:rgba(45,36,22,.6);text-decoration:none}.premium-footer .footer-content .footer-bottom .footer-meta a[data-v-a30ab9d6]:hover{color:#4361ee}.premium-footer .footer-content .footer-bottom .footer-meta span[data-v-a30ab9d6]{color:rgba(45,36,22,.35)}@media(max-width:1200px){.word-genesis[data-v-a30ab9d6]{grid-template-columns:1fr}.word-genesis .live-creation[data-v-a30ab9d6]{margin-top:3rem}.word-genesis .creative-text-stage2[data-v-a30ab9d6]{right:2%;bottom:12%}.word-genesis .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]{font-size:2.6rem;line-height:1.2}.word-genesis .creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-last-child(-n+3){font-size:1.8rem}.artwork-grid[data-v-a30ab9d6]{grid-template-columns:repeat(2,1fr)!important}.feature-large[data-v-a30ab9d6],.magic-workspace[data-v-a30ab9d6]{grid-template-columns:1fr!important}.stories-grid[data-v-a30ab9d6]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:1024px){.showcase-section .artwork-grid[data-v-a30ab9d6]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}}@media(max-width:768px){.premium-navbar .nav-menu[data-v-a30ab9d6]{display:none}.section-heading[data-v-a30ab9d6]{font-size:2.5rem!important}.main-title[data-v-a30ab9d6]{font-size:3rem!important}.hero-cta[data-v-a30ab9d6]{flex-direction:column}.showcase-section .artwork-grid[data-v-a30ab9d6]{grid-template-columns:1fr;gap:1rem}.showcase-section .artwork-card-horizontal[data-v-a30ab9d6]{padding:1rem;gap:1rem}.showcase-section .work-book-cover[data-v-a30ab9d6]{width:90px;height:120px}.showcase-section .work-title[data-v-a30ab9d6]{font-size:1.1rem}.showcase-section .work-description[data-v-a30ab9d6]{font-size:.85rem}.showcase-section .author-avatar-box[data-v-a30ab9d6]{width:36px;height:36px}.creative-text-stage2[data-v-a30ab9d6]{right:1%;bottom:10%;transform:scale(.7)}.creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]{font-size:2.2rem;line-height:1.2}.creative-text-stage2 .horizontal-text .horizontal-char[data-v-a30ab9d6]:nth-last-child(-n+3){font-size:1.6rem}.artwork-grid[data-v-a30ab9d6],.stories-grid[data-v-a30ab9d6]{grid-template-columns:1fr!important}.stories-grid .story-card[data-v-a30ab9d6]{flex-direction:column;min-height:auto}.stories-grid .story-card .story-left-image[data-v-a30ab9d6]{width:100%;height:200px;order:2}.stories-grid .story-card .story-right-info[data-v-a30ab9d6]{order:1;padding:1.5rem}.stories-grid .story-card .story-author .author-avatar-wrapper .author-avatar[data-v-a30ab9d6]{width:50px;height:50px;font-size:1.2rem}.stories-grid .story-card .story-image-placeholder .placeholder-icon[data-v-a30ab9d6]{font-size:50px}.footer-main[data-v-a30ab9d6]{grid-template-columns:1fr!important}.footer-links[data-v-a30ab9d6]{grid-template-columns:repeat(2,1fr)!important}.cta-buttons[data-v-a30ab9d6]{flex-direction:column!important}}@media(max-width:480px){.section-container[data-v-a30ab9d6]{padding:4rem 1.5rem}.navbar-content[data-v-a30ab9d6]{padding:0 1.5rem}.main-title[data-v-a30ab9d6]{font-size:2.5rem!important}.section-heading[data-v-a30ab9d6]{font-size:2rem!important}.cta-title[data-v-a30ab9d6]{font-size:2.5rem!important}}.magic-transform-component[data-v-a30ab9d6]{width:100%;padding:0}.magic-transform-component .interactive-demo[data-v-a30ab9d6]{padding:6rem 0}.magic-transform-component .interactive-demo .section-header[data-v-a30ab9d6]{text-align:center;margin-bottom:4rem}.magic-transform-component .interactive-demo .section-header .section-title[data-v-a30ab9d6]{font-size:3rem;font-weight:700;color:#2d2416;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:2rem}.magic-transform-component .interactive-demo .section-header .section-title .title-decoration[data-v-a30ab9d6]{font-size:2rem;background:linear-gradient(135deg,#ff6b6b,#fdc830 50%,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-a30ab9d6 3s ease-in-out infinite}@keyframes shimmer-a30ab9d6{0%,to{opacity:.8}50%{opacity:1}}.magic-transform-component .interactive-demo .section-header .section-desc[data-v-a30ab9d6]{font-size:1.25rem;color:rgba(45,36,22,.6);max-width:600px;margin:0 auto;line-height:1.8}.magic-transform-component .interactive-demo .demo-workspace[data-v-a30ab9d6]{max-width:1400px;margin:0 auto;padding:0 3rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.magic-transform-component .interactive-demo .demo-left[data-v-a30ab9d6]{display:flex;flex-direction:column;gap:2rem}.magic-transform-component .interactive-demo .demo-left .manuscript-paper[data-v-a30ab9d6]{background:linear-gradient(180deg,#fffbf5,#fff8ed);border:2px solid rgba(217,161,96,.3);border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px rgba(217,161,96,.15),inset 0 1px 0 hsla(0,0%,100%,.9);position:relative}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .paper-lines[data-v-a30ab9d6]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.15;background-image:repeating-linear-gradient(transparent,transparent 39px,rgba(217,161,96,.3) 0,rgba(217,161,96,.3) 40px);border-radius:16px}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .paper-clip[data-v-a30ab9d6]{position:absolute;top:-10px;right:30px;width:30px;height:60px;background:linear-gradient(135deg,gold,orange);border-radius:20px 20px 5px 5px;box-shadow:0 4px 12px rgba(255,165,0,.4)}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .paper-clip[data-v-a30ab9d6]:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:20px;height:40px;border:3px solid hsla(0,0%,100%,.3);border-radius:15px 15px 3px 3px}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-a30ab9d6]{width:100%;min-height:280px;background:transparent;border:none;outline:none;font-size:1.1rem;line-height:2.5;color:#2d2416;font-family:Songti SC,STSong,serif;resize:vertical;position:relative;z-index:1}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-a30ab9d6]::-moz-placeholder{color:rgba(45,36,22,.4);line-height:2.5}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-a30ab9d6]::placeholder{color:rgba(45,36,22,.4);line-height:2.5}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-a30ab9d6]:disabled{opacity:.6;cursor:not-allowed}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .char-count[data-v-a30ab9d6]{position:absolute;bottom:1.5rem;right:2rem;font-size:.9rem;color:rgba(45,36,22,.5);font-weight:500;z-index:1}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-a30ab9d6]{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#ff6b6b,#fdc830 50%,#f37335);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px hsla(0,100%,71%,.3)}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-a30ab9d6]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-a30ab9d6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px hsla(0,100%,71%,.4)}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-a30ab9d6]:hover:not(:disabled):before{left:100%}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-a30ab9d6]:active:not(:disabled){transform:translateY(0)}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-a30ab9d6]:disabled{opacity:.6;cursor:not-allowed}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text[data-v-a30ab9d6]{display:flex;justify-content:center;gap:.3rem}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text .dot[data-v-a30ab9d6]{animation:dotPulse-a30ab9d6 1.4s infinite}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text .dot[data-v-a30ab9d6]:nth-child(2){animation-delay:.2s}.magic-transform-component .interactive-demo .demo-left .transform-btn .transforming-text .dot[data-v-a30ab9d6]:nth-child(3){animation-delay:.4s}@keyframes dotPulse-a30ab9d6{0%,60%,to{opacity:1}30%{opacity:.3}}.magic-transform-component .interactive-demo .demo-right[data-v-a30ab9d6]{display:flex;align-items:center;justify-content:center;min-height:400px}.magic-transform-component .interactive-demo .demo-right .result-book[data-v-a30ab9d6]{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.magic-transform-component .interactive-demo .demo-right .result-book.opened[data-v-a30ab9d6]{gap:2rem}.magic-transform-component .interactive-demo .demo-right .result-book.opened .book-page[data-v-a30ab9d6]{transform:perspective(1000px) rotateY(0deg)}.magic-transform-component .interactive-demo .demo-right .result-book.opened .book-page.left-page[data-v-a30ab9d6]{transform:perspective(1000px) rotateY(-5deg)}.magic-transform-component .interactive-demo .demo-right .result-book.opened .book-page.right-page[data-v-a30ab9d6]{transform:perspective(1000px) rotateY(5deg)}.magic-transform-component .interactive-demo .demo-right .result-book .book-page[data-v-a30ab9d6]{background:linear-gradient(180deg,#fffbf5,#fff8ed);border:2px solid rgba(217,161,96,.3);border-radius:12px;padding:2.5rem;min-height:400px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px rgba(217,161,96,.15)}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-texture[data-v-a30ab9d6]{position:absolute;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23d9a160' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:12px;pointer-events:none}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration[data-v-a30ab9d6]{position:absolute;inset:0;pointer-events:none}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament[data-v-a30ab9d6]{position:absolute;width:40px;height:40px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament[data-v-a30ab9d6]:after,.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament[data-v-a30ab9d6]:before{content:"";position:absolute;background:linear-gradient(135deg,#ff6b6b,#fdc830)}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-left[data-v-a30ab9d6]{top:1rem;left:1rem}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-left[data-v-a30ab9d6]:before{top:0;left:0;width:2px;height:100%}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-left[data-v-a30ab9d6]:after{top:0;left:0;width:100%;height:2px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-right[data-v-a30ab9d6]{top:1rem;right:1rem}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-right[data-v-a30ab9d6]:before{top:0;right:0;width:2px;height:100%}.magic-transform-component .interactive-demo .demo-right .result-book .book-page .page-decoration .corner-ornament.top-right[data-v-a30ab9d6]:after{top:0;right:0;width:100%;height:2px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page.left-page[data-v-a30ab9d6]{display:flex;align-items:center;justify-content:center;color:rgba(45,36,22,.2);font-size:1.2rem;font-style:italic}.magic-transform-component .interactive-demo .demo-right .result-book .book-page.right-page[data-v-a30ab9d6]{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.magic-transform-component .interactive-demo .demo-right .result-book .result-content[data-v-a30ab9d6]{display:flex;flex-direction:column;gap:1.5rem;animation:fadeInUp-a30ab9d6 .6s ease}@keyframes fadeInUp-a30ab9d6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-header[data-v-a30ab9d6]{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid rgba(217,161,96,.2)}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-header .magic-icon[data-v-a30ab9d6]{font-size:1.5rem;animation:sparkle-a30ab9d6 2s ease-in-out infinite}@keyframes sparkle-a30ab9d6{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-header .result-label[data-v-a30ab9d6]{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#ff6b6b,#fdc830 50%,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-text[data-v-a30ab9d6]{flex:1;font-size:1rem;line-height:2;color:#2d2416;font-family:Songti SC,STSong,serif;white-space:pre-wrap}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-text .typing-cursor[data-v-a30ab9d6]{display:inline-block;animation:cursorBlink-a30ab9d6 1s step-end infinite;color:#ff6b6b;font-weight:700;margin-left:2px}@keyframes cursorBlink-a30ab9d6{0%,50%{opacity:1}51%,to{opacity:0}}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions[data-v-a30ab9d6]{display:flex;gap:1rem;padding-top:1rem;border-top:2px solid rgba(217,161,96,.2)}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn[data-v-a30ab9d6]{flex:1;padding:.75rem 1.5rem;border:2px solid rgba(217,161,96,.3);border-radius:8px;background:transparent;color:#2d2416;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn[data-v-a30ab9d6]:hover:not(:disabled){background:linear-gradient(135deg,hsla(0,100%,71%,.1),rgba(252,200,48,.1));border-color:rgba(217,161,96,.5);transform:translateY(-2px)}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn[data-v-a30ab9d6]:disabled{opacity:.5;cursor:not-allowed}.magic-transform-component .interactive-demo .demo-right .result-book .result-content .result-actions .action-btn.success[data-v-a30ab9d6]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-color:transparent}.magic-transform-component .interactive-demo .demo-right .result-book .empty-state[data-v-a30ab9d6]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:rgba(45,36,22,.3)}.magic-transform-component .interactive-demo .demo-right .result-book .empty-state .empty-icon[data-v-a30ab9d6]{font-size:3rem;opacity:.5}.magic-transform-component .interactive-demo .demo-right .result-book .empty-state .empty-text[data-v-a30ab9d6]{font-size:1.1rem;font-style:italic}@media(max-width:1200px){.magic-transform-component .interactive-demo .demo-workspace[data-v-a30ab9d6]{padding:0 2rem;gap:3rem}}@media(max-width:968px){.magic-transform-component .interactive-demo[data-v-a30ab9d6]{padding:4rem 0}.magic-transform-component .interactive-demo .section-header .section-title[data-v-a30ab9d6]{font-size:2.5rem;gap:1.5rem}.magic-transform-component .interactive-demo .demo-workspace[data-v-a30ab9d6]{grid-template-columns:1fr;gap:3rem}}@media(max-width:640px){.magic-transform-component .interactive-demo[data-v-a30ab9d6]{padding:3rem 0}.magic-transform-component .interactive-demo .section-header[data-v-a30ab9d6]{margin-bottom:2.5rem}.magic-transform-component .interactive-demo .section-header .section-title[data-v-a30ab9d6]{font-size:2rem;gap:1rem;flex-wrap:wrap}.magic-transform-component .interactive-demo .section-header .section-desc[data-v-a30ab9d6]{font-size:1.1rem}.magic-transform-component .interactive-demo .demo-workspace[data-v-a30ab9d6]{padding:0 1.5rem;gap:2rem}.magic-transform-component .interactive-demo .demo-left .manuscript-paper[data-v-a30ab9d6]{padding:1.5rem}.magic-transform-component .interactive-demo .demo-left .manuscript-paper .manuscript-textarea[data-v-a30ab9d6]{min-height:200px;font-size:1rem}.magic-transform-component .interactive-demo .demo-left .transform-btn[data-v-a30ab9d6]{padding:1rem 1.5rem;font-size:1rem}.magic-transform-component .interactive-demo .demo-right .result-book.opened[data-v-a30ab9d6]{gap:1rem}.magic-transform-component .interactive-demo .demo-right .result-book .book-page[data-v-a30ab9d6]{padding:1.5rem;min-height:300px}.magic-transform-component .interactive-demo .demo-right .result-book .book-page.left-page[data-v-a30ab9d6]{display:none}}.magic-transform-section[data-v-a30ab9d6]{position:relative;z-index:1;background:transparent}.magic-transform-section .magic-transform-component[data-v-a30ab9d6]{background:transparent}.interactive-piano-component[data-v-a30ab9d6]{width:100%;padding:0;position:relative}.interactive-piano-component .piano-container[data-v-a30ab9d6]{width:100%;max-width:1400px;margin:0 auto;padding:3rem;background:transparent}.interactive-piano-component .piano-container .piano-hint[data-v-a30ab9d6]{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.interactive-piano-component .piano-container .piano-hint .hint-icon[data-v-a30ab9d6]{font-size:3rem;animation:float-a30ab9d6 3s ease-in-out infinite}@keyframes float-a30ab9d6{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.interactive-piano-component .piano-container .piano-hint .hint-text[data-v-a30ab9d6]{font-size:1.25rem;color:rgba(45,36,22,.7);font-weight:500}.interactive-piano-component .piano-container .piano-hint .hint-buttons[data-v-a30ab9d6]{display:flex;gap:.8rem}.interactive-piano-component .piano-container .piano-hint .auto-play-btn[data-v-a30ab9d6],.interactive-piano-component .piano-container .piano-hint .key-guide-btn[data-v-a30ab9d6]{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn .btn-icon[data-v-a30ab9d6],.interactive-piano-component .piano-container .piano-hint .key-guide-btn .btn-icon[data-v-a30ab9d6]{font-size:1.2rem}.interactive-piano-component .piano-container .piano-hint .auto-play-btn[data-v-a30ab9d6]:hover,.interactive-piano-component .piano-container .piano-hint .key-guide-btn[data-v-a30ab9d6]:hover{transform:translateY(-2px)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn[data-v-a30ab9d6]:active,.interactive-piano-component .piano-container .piano-hint .key-guide-btn[data-v-a30ab9d6]:active{transform:translateY(0)}.interactive-piano-component .piano-container .piano-hint .key-guide-btn[data-v-a30ab9d6]{background:linear-gradient(135deg,#d4a574,#a67c52);color:#2c1810;box-shadow:0 4px 12px hsla(31,53%,64%,.3),inset 0 1px 0 hsla(0,0%,100%,.3)}.interactive-piano-component .piano-container .piano-hint .key-guide-btn[data-v-a30ab9d6]:hover{box-shadow:0 6px 16px hsla(31,53%,64%,.4),inset 0 1px 0 hsla(0,0%,100%,.4)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn[data-v-a30ab9d6]{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;box-shadow:0 4px 12px rgba(139,69,19,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.interactive-piano-component .piano-container .piano-hint .auto-play-btn[data-v-a30ab9d6]:hover{box-shadow:0 6px 16px rgba(139,69,19,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.interactive-piano-component .piano-container .song-detail[data-v-a30ab9d6]{background:linear-gradient(135deg,rgba(255,248,240,.95),hsla(38,94%,94%,.95));border:2px solid rgba(217,161,96,.4);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px rgba(217,161,96,.3);animation:slideDown-a30ab9d6 .3s ease}@keyframes slideDown-a30ab9d6{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.interactive-piano-component .piano-container .song-detail .detail-header[data-v-a30ab9d6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(217,161,96,.2)}.interactive-piano-component .piano-container .song-detail .detail-header h4[data-v-a30ab9d6]{font-size:1.4rem;font-weight:700;color:#8b6f47;margin:0}.interactive-piano-component .piano-container .song-detail .detail-header .close-detail[data-v-a30ab9d6]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(139,111,71,.1);color:#8b6f47;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.interactive-piano-component .piano-container .song-detail .detail-header .close-detail[data-v-a30ab9d6]:hover{background:rgba(139,111,71,.2);transform:rotate(90deg)}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta[data-v-a30ab9d6]{display:flex;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item[data-v-a30ab9d6]{font-size:.95rem;color:rgba(45,36,22,.8)}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item strong[data-v-a30ab9d6]{color:#8b6f47;margin-right:.5rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty[data-v-a30ab9d6]{padding:.2rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty.简单[data-v-a30ab9d6]{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty.中等[data-v-a30ab9d6]{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.interactive-piano-component .piano-container .song-detail .detail-content .detail-meta .meta-item .difficulty.困难[data-v-a30ab9d6]{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.interactive-piano-component .piano-container .song-detail .detail-content .detail-description[data-v-a30ab9d6]{margin-bottom:1.5rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-description strong[data-v-a30ab9d6]{display:block;color:#8b6f47;font-size:1rem;margin-bottom:.5rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-description p[data-v-a30ab9d6]{font-size:.95rem;line-height:1.6;color:rgba(45,36,22,.8);margin:0}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes strong[data-v-a30ab9d6]{display:block;color:#8b6f47;font-size:1rem;margin-bottom:.75rem}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display[data-v-a30ab9d6]{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:hsla(0,0%,100%,.6);border-radius:12px;max-height:200px;overflow-y:auto}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display .note-item[data-v-a30ab9d6]{padding:.5rem .75rem;background:linear-gradient(135deg,#f4e4c1,#e6d5b8);border:1px solid rgba(217,161,96,.3);border-radius:8px;font-size:.9rem;font-weight:600;color:#8b6f47;transition:all .3s ease;font-family:Courier New,monospace}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display .note-item.note-active[data-v-a30ab9d6]{background:linear-gradient(135deg,#d4a574,#a67c52);color:#2c1810;border-color:#d4a574;transform:scale(1.2);box-shadow:0 4px 12px hsla(31,53%,64%,.5);animation:notePulse-a30ab9d6 .5s ease}.interactive-piano-component .piano-container .song-detail .detail-content .detail-notes .notes-display .note-item.note-played[data-v-a30ab9d6]{opacity:.5;background:linear-gradient(135deg,#e5e5e5,#d4d4d4);color:#737373;border-color:hsla(0,0%,45%,.3)}@keyframes notePulse-a30ab9d6{0%,to{transform:scale(1.2)}50%{transform:scale(1.4)}}.interactive-piano-component .piano-container .songs-list[data-v-a30ab9d6]{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem;transition:all .3s ease}.interactive-piano-component .piano-container .songs-list.has-detail[data-v-a30ab9d6]{max-height:250px}.interactive-piano-component .piano-container .songs-list .song-card[data-v-a30ab9d6]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(255,248,240,.8));border:2px solid rgba(217,161,96,.2);border-radius:12px;transition:all .3s ease;cursor:pointer}.interactive-piano-component .piano-container .songs-list .song-card[data-v-a30ab9d6]:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(217,161,96,.3);border-color:rgba(217,161,96,.4);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(255,248,240,.95))}.interactive-piano-component .piano-container .songs-list .song-card.playing[data-v-a30ab9d6]{border-color:rgba(217,161,96,.6);background:linear-gradient(135deg,#fff8f0,#fef3e0);box-shadow:0 4px 20px rgba(217,161,96,.4)}.interactive-piano-component .piano-container .songs-list .song-card .song-info[data-v-a30ab9d6]{flex:1}.interactive-piano-component .piano-container .songs-list .song-card .song-info h4[data-v-a30ab9d6]{font-size:1.1rem;font-weight:600;color:#2d2416;margin-bottom:.5rem}.interactive-piano-component .piano-container .songs-list .song-card .song-info .composer[data-v-a30ab9d6]{font-size:.9rem;color:rgba(45,36,22,.7);margin-right:1rem}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta[data-v-a30ab9d6]{display:flex;gap:1rem;margin-top:.5rem}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty[data-v-a30ab9d6]{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty.简单[data-v-a30ab9d6]{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty.中等[data-v-a30ab9d6]{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.interactive-piano-component .piano-container .songs-list .song-card .song-info .song-meta .difficulty.困难[data-v-a30ab9d6]{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.interactive-piano-component .piano-container .songs-list .song-card .song-status[data-v-a30ab9d6]{display:flex;align-items:center;justify-content:center;min-width:50px}.interactive-piano-component .piano-container .songs-list .song-card .song-status .status-icon[data-v-a30ab9d6]{font-size:1.5rem;color:rgba(217,161,96,.5);transition:all .3s ease}.interactive-piano-component .piano-container .songs-list .song-card .song-status .status-icon.playing[data-v-a30ab9d6]{color:#d9a160;animation:pulse-a30ab9d6 1.5s ease-in-out infinite}@keyframes pulse-a30ab9d6{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.interactive-piano-component .piano-container .piano-body[data-v-a30ab9d6]{background:linear-gradient(135deg,#2d1810,#3d2418);border-radius:20px;padding:2rem 1rem;box-shadow:0 20px 60px rgba(45,24,16,.5),inset 0 -2px 10px rgba(0,0,0,.3);position:relative;overflow:hidden;width:100%;max-width:100%}.interactive-piano-component .piano-container .piano-body[data-v-a30ab9d6]:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px);pointer-events:none;z-index:0}.interactive-piano-component .piano-container .piano-body .piano-top-panel[data-v-a30ab9d6]{height:40px;background:linear-gradient(180deg,#2c1810,#1a0f0a);border-radius:8px 8px 0 0;margin-bottom:1rem;box-shadow:inset 0 -2px 4px rgba(0,0,0,.3);position:relative}.interactive-piano-component .piano-container .piano-body .piano-top-panel[data-v-a30ab9d6]:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,hsla(31,53%,64%,.2),transparent)}.interactive-piano-component .piano-container .piano-body .piano-brand[data-v-a30ab9d6]{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(217,161,96,.2)}.interactive-piano-component .piano-container .piano-body .piano-brand .brand-name[data-v-a30ab9d6]{font-size:1.5rem;font-weight:700;color:hsla(31,53%,64%,.8);font-family:Georgia,serif;letter-spacing:.2em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.interactive-piano-component .piano-container .piano[data-v-a30ab9d6]{position:relative;background:linear-gradient(180deg,#2a1810,#3a2418);padding:1rem .5rem;border-radius:15px;box-shadow:inset 0 3px 10px rgba(0,0,0,.3),0 5px 20px rgba(0,0,0,.2);width:100%}.interactive-piano-component .piano-container .piano .piano-keys[data-v-a30ab9d6]{display:flex;gap:2px;justify-content:center;position:relative;height:200px;padding:0;width:100%}.interactive-piano-component .piano-container .piano .white-key[data-v-a30ab9d6]{flex:1;max-width:none;min-width:18px;height:200px;background:linear-gradient(180deg,#fff,#fefefe 50%,#f5f5f5);border:1px solid rgba(44,24,16,.3);border-radius:0 0 6px 6px;cursor:pointer;position:relative;transition:all .1s ease;box-shadow:0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.8);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:.75rem}.interactive-piano-component .piano-container .piano .white-key[data-v-a30ab9d6]:hover{background:linear-gradient(180deg,#fff8f0,#fef8f3 50%,#f5ebe0);transform:translateY(2px)}.interactive-piano-component .piano-container .piano .white-key.pressed[data-v-a30ab9d6]{background:linear-gradient(180deg,#f5e6d3,#f0ddc0 50%,#e8d4b8);transform:translateY(3px);box-shadow:0 1px 4px rgba(0,0,0,.3)}.interactive-piano-component .piano-container .piano .white-key .key-label[data-v-a30ab9d6]{position:absolute;bottom:.5rem;font-size:.5rem;font-weight:700;color:rgba(44,24,16,.6);background:hsla(31,53%,64%,.2);width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.interactive-piano-component .piano-container .piano .white-key .key-note[data-v-a30ab9d6]{display:none}.interactive-piano-component .piano-container .piano .white-key .key-ripple[data-v-a30ab9d6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:radial-gradient(circle,hsla(31,53%,64%,.5),transparent);border-radius:50%;animation:ripple-expand-a30ab9d6 .4s ease-out}@keyframes ripple-expand-a30ab9d6{0%{width:16px;height:16px;opacity:1}to{width:40px;height:40px;opacity:0}}.interactive-piano-component .piano-container .piano .black-keys-layer[data-v-a30ab9d6]{position:absolute;top:1rem;left:1rem;right:1rem;height:120px;pointer-events:none}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key[data-v-a30ab9d6]{position:absolute;width:14px;height:120px;background:linear-gradient(180deg,#2c1810,#1a0f0a 50%,#0d0806);border:1px solid rgba(0,0,0,.6);border-radius:0 0 5px 5px;cursor:pointer;pointer-events:all;transition:all .1s ease;box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(31,53%,64%,.1);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:.5rem;z-index:2;margin-left:-7px}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key[data-v-a30ab9d6]:hover{background:linear-gradient(180deg,#3d2817,#2c1810 50%,#1a0f0a);transform:translateY(2px)}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key.pressed[data-v-a30ab9d6]{background:linear-gradient(180deg,#5d3a1a,#3d2817 50%,#2c1810);transform:translateY(2px);box-shadow:0 1px 6px rgba(0,0,0,.6)}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key .key-label-black[data-v-a30ab9d6]{position:absolute;bottom:.4rem;font-size:.45rem;font-weight:700;color:hsla(31,53%,64%,.8);background:hsla(31,53%,64%,.2);width:10px;height:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.interactive-piano-component .piano-container .piano .black-keys-layer .black-key .key-note-black[data-v-a30ab9d6]{display:none}.interactive-piano-component .piano-container .notes-visualization[data-v-a30ab9d6]{position:relative;height:100px;margin-top:2rem;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,rgba(255,248,240,.3),rgba(255,245,235,.3))}.interactive-piano-component .piano-container .notes-visualization .note-particle[data-v-a30ab9d6]{position:absolute;top:0;font-size:2rem;color:#ff6b6b;animation:noteFloat-a30ab9d6 3s ease-out forwards;pointer-events:none;text-shadow:0 2px 8px hsla(0,100%,71%,.5)}@keyframes noteFloat-a30ab9d6{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.interactive-piano-component .piano-container .piano-stats[data-v-a30ab9d6]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.interactive-piano-component .piano-container .piano-stats .stat-card[data-v-a30ab9d6]{background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(255,248,240,.8));border:2px solid rgba(217,161,96,.3);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 5px 15px rgba(217,161,96,.1);transition:all .3s ease}.interactive-piano-component .piano-container .piano-stats .stat-card[data-v-a30ab9d6]:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(217,161,96,.2)}.interactive-piano-component .piano-container .piano-stats .stat-card .stat-value[data-v-a30ab9d6]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#fdc830);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.interactive-piano-component .piano-container .piano-stats .stat-card .stat-label[data-v-a30ab9d6]{font-size:1rem;color:rgba(45,36,22,.6);font-weight:500}.interactive-piano-component .auto-play-modal[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal[data-v-a30ab9d6]{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:2rem!important;animation:fadeIn-a30ab9d6 .3s ease!important}@keyframes fadeIn-a30ab9d6{0%{opacity:0}to{opacity:1}}.interactive-piano-component .auto-play-modal .modal-content[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content[data-v-a30ab9d6]{background:linear-gradient(135deg,#fef8f0,#fff5eb);border-radius:20px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp-a30ab9d6 .3s ease}@keyframes slideUp-a30ab9d6{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.interactive-piano-component .auto-play-modal .modal-content .modal-header[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-header[data-v-a30ab9d6]{padding:2rem;border-bottom:2px solid rgba(217,161,96,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(255,248,240,.8))}.interactive-piano-component .auto-play-modal .modal-content .modal-header h3[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-header h3[data-v-a30ab9d6]{font-size:1.5rem;font-weight:700;color:#2d2416;margin:0}.interactive-piano-component .auto-play-modal .modal-content .modal-header .close-btn[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-header .close-btn[data-v-a30ab9d6]{width:40px;height:40px;border-radius:50%;border:2px solid rgba(217,161,96,.3);background:transparent;color:#2d2416;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.interactive-piano-component .auto-play-modal .modal-content .modal-header .close-btn[data-v-a30ab9d6]:hover,.interactive-piano-component .key-guide-modal .modal-content .modal-header .close-btn[data-v-a30ab9d6]:hover{background:linear-gradient(135deg,#ff6b6b,#fdc830);color:#fff;border-color:transparent;transform:rotate(90deg)}.interactive-piano-component .auto-play-modal .modal-content .modal-body[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body[data-v-a30ab9d6]{padding:2rem;overflow-y:auto;max-height:calc(80vh - 100px)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section[data-v-a30ab9d6]{margin-bottom:2rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section h4[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section h4[data-v-a30ab9d6]{font-size:1.25rem;font-weight:600;color:#2d2416;margin-bottom:1rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout[data-v-a30ab9d6]{display:flex;flex-direction:column;gap:.75rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row[data-v-a30ab9d6]{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.5);border-radius:8px;border:2px solid rgba(217,161,96,.2);transition:all .3s ease}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row.highlight[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row.highlight[data-v-a30ab9d6]{background:linear-gradient(135deg,hsla(0,100%,71%,.1),rgba(252,200,48,.1));border-color:hsla(0,100%,71%,.3)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row[data-v-a30ab9d6]:hover,.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row[data-v-a30ab9d6]:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(217,161,96,.2)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .key-group[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .key-group[data-v-a30ab9d6]{flex:1;font-weight:600;color:#2d2416;font-family:Courier New,monospace}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .arrow[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .arrow[data-v-a30ab9d6]{color:rgba(45,36,22,.5)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .range[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .keyboard-layout .layout-row .range[data-v-a30ab9d6]{flex:1;color:rgba(45,36,22,.7)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .guide-list[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .guide-list[data-v-a30ab9d6]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .guide-list li[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .guide-list li[data-v-a30ab9d6]{padding:1rem;background:hsla(0,0%,100%,.5);border-radius:8px;border-left:4px solid #ff6b6b;color:rgba(45,36,22,.8);line-height:1.6}.interactive-piano-component .auto-play-modal .modal-content .modal-body .key-guide-section .guide-list li strong[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .key-guide-section .guide-list li strong[data-v-a30ab9d6]{color:#2d2416}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list[data-v-a30ab9d6]{display:flex;flex-direction:column;gap:1rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card[data-v-a30ab9d6]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:hsla(0,0%,100%,.5);border:2px solid rgba(217,161,96,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card[data-v-a30ab9d6]:hover,.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card[data-v-a30ab9d6]:hover{background:hsla(0,0%,100%,.8);border-color:rgba(217,161,96,.4);transform:translateX(5px);box-shadow:0 5px 15px rgba(217,161,96,.2)}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card.playing[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card.playing[data-v-a30ab9d6]{background:linear-gradient(135deg,hsla(0,100%,71%,.15),rgba(252,200,48,.15));border-color:#ff6b6b}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info[data-v-a30ab9d6]{flex:1}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-name[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-name[data-v-a30ab9d6]{font-size:1.25rem;font-weight:600;color:#2d2416;margin-bottom:.5rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta[data-v-a30ab9d6]{display:flex;gap:1rem;align-items:center}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .composer[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .composer[data-v-a30ab9d6]{color:rgba(45,36,22,.6);font-size:.95rem}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty[data-v-a30ab9d6]{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.简单[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.简单[data-v-a30ab9d6]{background:rgba(16,185,129,.2);color:#10b981}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.中等[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.中等[data-v-a30ab9d6]{background:rgba(251,191,36,.2);color:#f59e0b}.interactive-piano-component .auto-play-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.困难[data-v-a30ab9d6],.interactive-piano-component .key-guide-modal .modal-content .modal-body .songs-list .song-card .song-info .song-meta .difficulty.困难[data-v-a30ab9d6]{background:rgba(239,68,68,.2);color:#ef4444}@media(max-width:1200px){.piano-container[data-v-a30ab9d6]{padding:2rem}.piano-container .piano .piano-keys[data-v-a30ab9d6]{height:180px}.piano-container .piano .white-key[data-v-a30ab9d6]{max-width:40px;height:180px}.piano-container .piano .black-keys-layer[data-v-a30ab9d6]{height:110px}.piano-container .piano .black-keys-layer .black-key[data-v-a30ab9d6]{width:25px;height:110px}}@media(max-width:968px){.piano-container[data-v-a30ab9d6]{padding:1.5rem}.piano-container .piano-hint .hint-text[data-v-a30ab9d6]{font-size:1.1rem}.piano-container .piano-hint .hint-buttons[data-v-a30ab9d6]{flex-direction:column;width:100%}.piano-container .piano-hint .hint-buttons button[data-v-a30ab9d6]{width:100%;justify-content:center}.piano-container .piano .piano-keys[data-v-a30ab9d6]{height:150px}.piano-container .piano .white-key[data-v-a30ab9d6]{max-width:30px;height:150px;padding-bottom:.5rem}.piano-container .piano .white-key .key-label[data-v-a30ab9d6]{font-size:.75rem;bottom:1rem}.piano-container .piano .white-key .key-note[data-v-a30ab9d6]{font-size:.65rem}.piano-container .piano .black-keys-layer[data-v-a30ab9d6]{height:95px}.piano-container .piano .black-keys-layer .black-key[data-v-a30ab9d6]{width:20px;height:95px;padding-bottom:.5rem}.piano-container .piano .black-keys-layer .black-key .key-label-black[data-v-a30ab9d6],.piano-container .piano .black-keys-layer .black-key .key-note-black[data-v-a30ab9d6]{font-size:.6rem}.piano-container .piano-stats[data-v-a30ab9d6]{grid-template-columns:1fr}}@media(max-width:640px){.piano-container[data-v-a30ab9d6]{padding:1rem}.piano-container .piano-hint[data-v-a30ab9d6]{margin-bottom:2rem}.piano-container .piano-hint .hint-icon[data-v-a30ab9d6]{font-size:2rem}.piano-container .piano-hint .hint-text[data-v-a30ab9d6]{font-size:1rem}.piano-container .piano-body[data-v-a30ab9d6]{padding:1rem;border-radius:15px}.piano-container .piano[data-v-a30ab9d6]{padding:.5rem}.piano-container .piano .piano-keys[data-v-a30ab9d6]{height:120px;gap:1px}.piano-container .piano .white-key[data-v-a30ab9d6]{max-width:20px;height:120px;border-radius:0 0 4px 4px}.piano-container .piano .white-key .key-label[data-v-a30ab9d6]{font-size:.6rem;padding:.15rem .3rem;bottom:.75rem}.piano-container .piano .white-key .key-note[data-v-a30ab9d6]{font-size:.55rem}.piano-container .piano .black-keys-layer[data-v-a30ab9d6]{height:75px}.piano-container .piano .black-keys-layer .black-key[data-v-a30ab9d6]{width:15px;height:75px;padding-bottom:.3rem}.piano-container .piano .black-keys-layer .black-key .key-label-black[data-v-a30ab9d6]{display:none}.piano-container .piano .black-keys-layer .black-key .key-note-black[data-v-a30ab9d6]{font-size:.5rem}.piano-container .notes-visualization[data-v-a30ab9d6]{height:60px;margin-top:1rem}.piano-container .notes-visualization .note-particle[data-v-a30ab9d6]{font-size:1.5rem}.piano-container .piano-stats[data-v-a30ab9d6]{margin-top:1rem}.piano-container .piano-stats .stat-card[data-v-a30ab9d6]{padding:1rem}.piano-container .piano-stats .stat-card .stat-value[data-v-a30ab9d6]{font-size:1.5rem}.piano-container .piano-stats .stat-card .stat-label[data-v-a30ab9d6]{font-size:.9rem}.auto-play-modal[data-v-a30ab9d6],.key-guide-modal[data-v-a30ab9d6]{padding:1rem}.auto-play-modal .modal-content .modal-header[data-v-a30ab9d6],.key-guide-modal .modal-content .modal-header[data-v-a30ab9d6]{padding:1.5rem}.auto-play-modal .modal-content .modal-header h3[data-v-a30ab9d6],.key-guide-modal .modal-content .modal-header h3[data-v-a30ab9d6]{font-size:1.25rem}.auto-play-modal .modal-content .modal-body[data-v-a30ab9d6],.key-guide-modal .modal-content .modal-body[data-v-a30ab9d6]{padding:1.5rem}}.interactive-piano-section[data-v-a30ab9d6]{position:relative;z-index:1;background:transparent;padding:6rem 0}.interactive-piano-section .section-desc[data-v-a30ab9d6]{font-size:1.25rem;color:rgba(45,36,22,.6);margin-top:1rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8}.interactive-piano-section .interactive-piano-component[data-v-a30ab9d6]{background:transparent}