.sidebar[data-v-211e2c82]{width:320px;background-color:var(--color-bg-secondary);padding:3rem 2rem;position:fixed;height:100vh;overflow-y:auto;border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:3rem}.profile[data-v-211e2c82]{padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.name[data-v-211e2c82]{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.title[data-v-211e2c82]{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:.75rem}.tagline[data-v-211e2c82]{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.nav[data-v-211e2c82]{display:flex;flex-direction:column;gap:.5rem}.nav-link[data-v-211e2c82]{color:var(--color-text-secondary);text-decoration:none;padding:.75rem 1rem;border-radius:.5rem;transition:var(--transition);font-size:.9375rem;position:relative;display:block;cursor:pointer}.nav-link[data-v-211e2c82]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background-color:var(--color-accent);transition:var(--transition);border-radius:0 2px 2px 0}.nav-link[data-v-211e2c82]:hover{color:var(--color-text);background-color:#3b82f61a}.nav-link.active[data-v-211e2c82]{color:var(--color-accent);background-color:#3b82f61a}.nav-link.active[data-v-211e2c82]:before{height:24px}.social-links[data-v-211e2c82]{display:flex;gap:1rem;margin-top:auto}.social-links a[data-v-211e2c82]{color:var(--color-text-secondary);transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem}.social-links a[data-v-211e2c82]:hover{color:var(--color-accent);background-color:#3b82f61a}@media(max-width:1024px){.sidebar[data-v-211e2c82]{width:280px}}@media(max-width:768px){.sidebar[data-v-211e2c82]{width:100%;position:relative;height:auto;padding:2rem 1.5rem}}.sidebar[data-v-211e2c82]::-webkit-scrollbar{width:6px}.sidebar[data-v-211e2c82]::-webkit-scrollbar-track{background:var(--color-bg)}.sidebar[data-v-211e2c82]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar[data-v-211e2c82]::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-text: #1e293b;--color-text-secondary: #64748b;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-border: #e2e8f0;--transition: all .3s ease}.dark-theme{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-border: #334155}.container{display:flex;min-height:100vh;background-color:var(--color-bg)}.main-content{margin-left:420px;flex:1;padding:3rem;max-width:1200px}@media(max-width:1024px){.main-content{margin-left:280px;padding:2rem}}@media(max-width:768px){.container{flex-direction:column}.main-content{margin-left:0;padding:2rem 1.5rem}}.theme-toggle-btn{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background-color:var(--color-accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f666;transition:var(--transition);z-index:1000}.theme-toggle-btn:hover{background-color:var(--color-accent-hover);transform:scale(1.1);box-shadow:0 6px 16px #3b82f680}.theme-toggle-btn:active{transform:scale(.95)}@media(max-width:768px){.theme-toggle-btn{bottom:1.5rem;right:1.5rem;width:48px;height:48px}}.about-page[data-v-a1ca2209]{animation:fadeIn-a1ca2209 .8s ease}@keyframes fadeIn-a1ca2209{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section[data-v-a1ca2209]{background:linear-gradient(135deg,var(--color-accent) 0%,#8b5cf6 100%);padding:4rem 3rem;border-radius:1.5rem;margin-bottom:3rem;position:relative;overflow:hidden}.hero-section[data-v-a1ca2209]:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;animation:float-a1ca2209 6s ease-in-out infinite}@keyframes float-a1ca2209{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-content[data-v-a1ca2209]{position:relative;z-index:1}.hero-title[data-v-a1ca2209]{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem}.wave[data-v-a1ca2209]{display:inline-block;animation:wave-a1ca2209 2s ease-in-out infinite}@keyframes wave-a1ca2209{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.highlight[data-v-a1ca2209]{background:linear-gradient(120deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-a1ca2209]{font-size:1.5rem;color:#fffffff2;margin-bottom:2rem;min-height:2rem}.typing-text[data-v-a1ca2209]{display:inline-block}.cursor[data-v-a1ca2209]{display:inline-block;animation:blink-a1ca2209 1s step-end infinite}@keyframes blink-a1ca2209{50%{opacity:0}}.hero-tags[data-v-a1ca2209]{display:flex;gap:1rem;flex-wrap:wrap}.tag[data-v-a1ca2209]{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.25rem;border-radius:2rem;color:#fff;font-size:.95rem;font-weight:500;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.tag[data-v-a1ca2209]:hover{background:#ffffff4d;transform:translateY(-2px)}.stats-section[data-v-a1ca2209]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card[data-v-a1ca2209]{background:var(--color-bg-secondary);padding:2rem;border-radius:1rem;text-align:center;border:2px solid var(--color-border);transition:all .3s ease}.stat-card[data-v-a1ca2209]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #3b82f633;border-color:var(--color-accent)}.stat-icon[data-v-a1ca2209]{font-size:3rem;margin-bottom:1rem}.stat-number[data-v-a1ca2209]{font-size:2.5rem;font-weight:800;color:var(--color-accent);margin-bottom:.5rem}.stat-label[data-v-a1ca2209]{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.section-title[data-v-a1ca2209]{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--color-text);display:flex;align-items:center;gap:.75rem}.title-icon[data-v-a1ca2209]{font-size:2rem}.intro-section[data-v-a1ca2209]{margin-bottom:3rem}.intro-content[data-v-a1ca2209]{background:var(--color-bg-secondary);padding:2.5rem;border-radius:1rem;border:2px solid var(--color-border)}.intro-paragraph[data-v-a1ca2209]{font-size:1.125rem;line-height:1.8;color:var(--color-text);margin-bottom:1.5rem}.highlight-text[data-v-a1ca2209]{color:var(--color-accent);font-weight:600}.quote[data-v-a1ca2209]{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-left:4px solid var(--color-accent);padding:1.5rem;margin:2rem 0;border-radius:.5rem;font-style:italic;color:var(--color-text-secondary);display:flex;align-items:flex-start;gap:1rem}.quote-icon[data-v-a1ca2209]{font-size:1.5rem;flex-shrink:0}.services-section[data-v-a1ca2209]{margin-bottom:3rem}.services-grid[data-v-a1ca2209]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.service-card[data-v-a1ca2209]{background:var(--color-bg-secondary);padding:2rem;border-radius:1rem;border:2px solid var(--color-border);transition:all .3s ease;text-align:center}.service-card[data-v-a1ca2209]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #3b82f626;border-color:var(--color-accent)}.service-icon[data-v-a1ca2209]{font-size:3rem;margin-bottom:1rem}.service-title[data-v-a1ca2209]{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem}.service-desc[data-v-a1ca2209]{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.service-price[data-v-a1ca2209]{font-size:1.125rem;font-weight:700;color:var(--color-accent)}.skills-section[data-v-a1ca2209]{margin-bottom:3rem}.skills-container[data-v-a1ca2209]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category[data-v-a1ca2209]{background:var(--color-bg-secondary);padding:2rem;border-radius:1rem;border:2px solid var(--color-border)}.category-title[data-v-a1ca2209]{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem}.skill-bars[data-v-a1ca2209]{display:flex;flex-direction:column;gap:1.25rem}.skill-item[data-v-a1ca2209]{width:100%}.skill-info[data-v-a1ca2209]{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name[data-v-a1ca2209]{font-size:.95rem;color:var(--color-text);font-weight:500}.skill-percent[data-v-a1ca2209]{font-size:.875rem;color:var(--color-accent);font-weight:600}.skill-bar[data-v-a1ca2209]{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.skill-progress[data-v-a1ca2209]{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,#8b5cf6 100%);border-radius:4px;transition:width 1s ease;animation:slideIn-a1ca2209 1s ease}@keyframes slideIn-a1ca2209{0%{width:0}}.contact-section[data-v-a1ca2209]{margin-bottom:2rem}.contact-grid[data-v-a1ca2209]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.contact-card[data-v-a1ca2209]{background:var(--color-bg-secondary);padding:2rem 1.5rem;border-radius:1rem;border:2px solid var(--color-border);text-align:center;transition:all .3s ease;text-decoration:none;display:block}.contact-card[data-v-a1ca2209]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #3b82f626;border-color:var(--color-accent)}.contact-icon[data-v-a1ca2209]{font-size:2.5rem;margin-bottom:1rem}.contact-label[data-v-a1ca2209]{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem;font-weight:500}.contact-value[data-v-a1ca2209]{font-size:1rem;color:var(--color-text);font-weight:600}@media(max-width:768px){.hero-section[data-v-a1ca2209]{padding:3rem 2rem}.hero-title[data-v-a1ca2209]{font-size:2rem}.hero-subtitle[data-v-a1ca2209]{font-size:1.125rem}.stats-section[data-v-a1ca2209]{grid-template-columns:repeat(2,1fr)}.stat-number[data-v-a1ca2209]{font-size:2rem}.services-grid[data-v-a1ca2209],.skills-container[data-v-a1ca2209],.contact-grid[data-v-a1ca2209]{grid-template-columns:1fr}.section-title[data-v-a1ca2209]{font-size:1.5rem}}.section[data-v-c1c7f063]{animation:fadeIn-c1c7f063 .5s ease}@keyframes fadeIn-c1c7f063{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title[data-v-c1c7f063]{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--color-text);display:flex;align-items:center;gap:.75rem}.title-icon[data-v-c1c7f063]{font-size:2.5rem}.content[data-v-c1c7f063]{font-size:1.0625rem;line-height:1.8}.timeline[data-v-c1c7f063]{display:flex;flex-direction:column;gap:3rem}.timeline-item[data-v-c1c7f063]{display:grid;grid-template-columns:150px 1fr;gap:2rem;position:relative}.timeline-date[data-v-c1c7f063]{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding-top:.25rem}.timeline-content[data-v-c1c7f063]{padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.timeline-header[data-v-c1c7f063]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.timeline-icon[data-v-c1c7f063]{font-size:2rem;flex-shrink:0}.timeline-title[data-v-c1c7f063]{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text)}.timeline-description[data-v-c1c7f063]{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.7}.tags[data-v-c1c7f063]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-v-c1c7f063]{background-color:#3b82f61a;color:var(--color-accent);padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;border:1px solid rgba(59,130,246,.2)}@media(max-width:1024px){.timeline-item[data-v-c1c7f063]{grid-template-columns:120px 1fr;gap:1.5rem}}@media(max-width:768px){.section-title[data-v-c1c7f063]{font-size:2rem}.timeline-item[data-v-c1c7f063]{grid-template-columns:1fr;gap:.5rem}.timeline-date[data-v-c1c7f063]{padding-top:0}}.section[data-v-aed381f8]{animation:fadeIn-aed381f8 .5s ease}@keyframes fadeIn-aed381f8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title[data-v-aed381f8]{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--color-text)}.content[data-v-aed381f8]{font-size:1.0625rem;line-height:1.8}.portfolio-grid[data-v-aed381f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.portfolio-item[data-v-aed381f8]{position:relative;overflow:hidden;border-radius:.75rem;cursor:pointer;aspect-ratio:3/2}.portfolio-image[data-v-aed381f8]{width:100%;height:100%;position:relative}.portfolio-image img[data-v-aed381f8]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover .portfolio-image img[data-v-aed381f8]{transform:scale(1.1)}.portfolio-overlay[data-v-aed381f8]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem 1.5rem 1.5rem;transform:translateY(100%);transition:transform .3s ease}.portfolio-item:hover .portfolio-overlay[data-v-aed381f8]{transform:translateY(0)}.portfolio-title[data-v-aed381f8]{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.25rem}.portfolio-category[data-v-aed381f8]{font-size:.875rem;color:#fffc}@media(max-width:1024px){.portfolio-grid[data-v-aed381f8]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.section-title[data-v-aed381f8]{font-size:2rem}.portfolio-grid[data-v-aed381f8]{grid-template-columns:1fr}}.section[data-v-df91ead1]{animation:fadeIn-df91ead1 .5s ease}@keyframes fadeIn-df91ead1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title[data-v-df91ead1]{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--color-text)}.content[data-v-df91ead1]{font-size:1.0625rem;line-height:1.8}.upload-section[data-v-df91ead1]{background-color:var(--color-bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--color-border)}.moment-textarea[data-v-df91ead1]{width:100%;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;color:var(--color-text);font-size:.9375rem;line-height:1.6;resize:vertical;font-family:inherit;margin-bottom:1rem}.moment-textarea[data-v-df91ead1]:focus{outline:none;border-color:var(--color-accent)}.moment-textarea[data-v-df91ead1]::placeholder{color:var(--color-text-secondary)}.upload-controls[data-v-df91ead1]{display:flex;flex-direction:column;gap:1rem}.image-preview-container[data-v-df91ead1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.image-preview[data-v-df91ead1]{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background-color:var(--color-bg)}.image-preview img[data-v-df91ead1]{width:100%;height:100%;object-fit:cover}.remove-image-btn[data-v-df91ead1]{position:absolute;top:.25rem;right:.25rem;background-color:#0009;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:var(--transition)}.remove-image-btn[data-v-df91ead1]:hover{background-color:#ef4444cc}.upload-actions[data-v-df91ead1]{display:flex;justify-content:space-between;align-items:center}.upload-btn[data-v-df91ead1]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);font-size:.9375rem}.upload-btn[data-v-df91ead1]:hover{border-color:var(--color-accent);color:var(--color-accent)}.publish-btn[data-v-df91ead1]{padding:.625rem 2rem;background-color:var(--color-accent);border:none;border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer;transition:var(--transition);font-size:.9375rem}.publish-btn[data-v-df91ead1]:hover:not(:disabled){background-color:var(--color-accent-hover)}.publish-btn[data-v-df91ead1]:disabled{opacity:.5;cursor:not-allowed}.moments-list[data-v-df91ead1]{display:flex;flex-direction:column;gap:1.5rem}.moment-card[data-v-df91ead1]{background-color:var(--color-bg-secondary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--color-border)}.moment-header[data-v-df91ead1]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.moment-avatar[data-v-df91ead1]{width:48px;height:48px;border-radius:50%;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.moment-info[data-v-df91ead1]{flex:1}.moment-author[data-v-df91ead1]{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.moment-time[data-v-df91ead1]{font-size:.8125rem;color:var(--color-text-secondary)}.moment-text[data-v-df91ead1]{color:var(--color-text);line-height:1.6;margin-bottom:1rem;font-size:.9375rem}.moment-images[data-v-df91ead1]{display:grid;gap:.5rem;margin-bottom:1rem}.moment-images.images-count-1[data-v-df91ead1]{grid-template-columns:1fr;max-width:400px}.moment-images.images-count-2[data-v-df91ead1],.moment-images.images-count-4[data-v-df91ead1]{grid-template-columns:repeat(2,1fr)}.moment-images.images-count-3[data-v-df91ead1],.moment-images.images-count-5[data-v-df91ead1],.moment-images.images-count-6[data-v-df91ead1],.moment-images.images-count-7[data-v-df91ead1],.moment-images.images-count-8[data-v-df91ead1],.moment-images.images-count-9[data-v-df91ead1]{grid-template-columns:repeat(3,1fr)}.moment-image[data-v-df91ead1]{aspect-ratio:1;border-radius:.5rem;overflow:hidden;background-color:var(--color-bg)}.moment-image img[data-v-df91ead1]{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:var(--transition)}.moment-image img[data-v-df91ead1]:hover{transform:scale(1.05)}.moment-actions[data-v-df91ead1]{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.action-btn[data-v-df91ead1]{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);font-size:.875rem;padding:.5rem;border-radius:.375rem}.action-btn[data-v-df91ead1]:hover{color:var(--color-accent);background-color:#3b82f61a}@media(max-width:768px){.section-title[data-v-df91ead1]{font-size:2rem}.image-preview-container[data-v-df91ead1]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.upload-actions[data-v-df91ead1]{flex-direction:column;gap:.75rem}.upload-btn[data-v-df91ead1],.publish-btn[data-v-df91ead1]{width:100%;justify-content:center}}.music-page[data-v-20a3f03f]{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.platform-boxes[data-v-20a3f03f]{display:flex;gap:20px;margin-bottom:40px}.platform-box[data-v-20a3f03f]{flex:1;height:200px;border-radius:10px;padding:30px;color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.platform-box h2[data-v-20a3f03f]{font-size:28px;margin-bottom:10px;z-index:2}.platform-box p[data-v-20a3f03f]{font-size:16px;margin-bottom:20px;z-index:2}.listen-btn[data-v-20a3f03f]{background:#fff3;border:1px solid rgba(255,255,255,.5);color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:700;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.listen-btn[data-v-20a3f03f]:hover{background:#ffffff4d;transform:translateY(-2px)}.qq-music[data-v-20a3f03f]{background:linear-gradient(135deg,#77e14d,#89ff9d)}.netease-music[data-v-20a3f03f]{background:linear-gradient(135deg,#f04d4d,#e63e3e)}.favorite-music-section h2[data-v-20a3f03f]{text-align:center;margin-bottom:30px;font-size:28px;color:#333}.music-grid[data-v-20a3f03f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.music-item[data-v-20a3f03f]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.music-item[data-v-20a3f03f]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.album-cover[data-v-20a3f03f]{position:relative;width:100%;padding-top:100%}.album-cover img[data-v-20a3f03f]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-overlay[data-v-20a3f03f]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.music-item:hover .play-overlay[data-v-20a3f03f]{opacity:1}.play-icon[data-v-20a3f03f]{color:#fff;font-size:36px}.music-info[data-v-20a3f03f]{padding:15px}.music-info h3[data-v-20a3f03f]{margin:0 0 5px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-info p[data-v-20a3f03f]{margin:0;font-size:14px;color:#777}@media(max-width:768px){.platform-boxes[data-v-20a3f03f]{flex-direction:column}.music-grid[data-v-20a3f03f]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}