.app-card[data-v-015ee2a3]{cursor:pointer;transition:all .3s ease}.app-card[data-v-015ee2a3]:focus{outline:none;border-color:var(--accent-android)!important;box-shadow:0 0 0 3px var(--accent-android-glow),0 8px 30px var(--accent-android-glow);transform:scale(1.02)}.app-status[data-v-015ee2a3]{margin-top:.375rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.status-info[data-v-015ee2a3]{background:#00d9ff33;color:var(--accent-android)}.status-success[data-v-015ee2a3]{background:#10b98133;color:#10b981}.status-warning[data-v-015ee2a3]{background:#f59e0b33;color:#f59e0b}.status-error[data-v-015ee2a3]{background:#ef444433;color:#ef4444}.app-progress[data-v-015ee2a3]{margin-top:.375rem;position:relative;height:1.25rem;background:var(--bg-card-hover);border-radius:.375rem;overflow:hidden}.progress-bar[data-v-015ee2a3]{height:100%;background:linear-gradient(90deg,var(--accent-android),#00ff88);transition:width .3s ease}.progress-text[data-v-015ee2a3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary)}.download-btn[data-v-015ee2a3]{flex-shrink:0;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-download),#059669);border:none;border-radius:.625rem;color:#fff;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;transition:all .2s ease}.download-btn svg[data-v-015ee2a3]{width:1rem;height:1rem}.app-card:hover .download-btn[data-v-015ee2a3]{background:linear-gradient(135deg,var(--accent-download-hover),#10b981);transform:scale(1.05)}:root{--font-display: "Outfit", "Noto Sans SC", "Noto Sans TC", sans-serif;--font-body: "Noto Sans SC", "Noto Sans TC", "Outfit", sans-serif;--accent-android: #00d9ff;--accent-android-glow: rgba(0, 217, 255, .3);--accent-ios: #ff6b9d;--accent-ios-glow: rgba(255, 107, 157, .3);--accent-download: #10b981;--accent-download-hover: #34d399}[data-theme=dark]{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: rgba(30, 41, 59, .6);--bg-card-hover: rgba(51, 65, 85, .7);--bg-header: rgba(10, 14, 23, .8);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(148, 163, 184, .1);--shadow-glow: 0 0 40px rgba(0, 217, 255, .15);--icon-bg: linear-gradient(135deg, #1e293b, #334155);--gradient-bg-1: rgba(0, 217, 255, .08);--gradient-bg-2: rgba(255, 107, 157, .08);--gradient-bg-3: rgba(99, 102, 241, .05)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(241, 245, 249, .9);--bg-header: rgba(248, 250, 252, .9);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: rgba(148, 163, 184, .2);--shadow-glow: 0 0 40px rgba(0, 217, 255, .1);--icon-bg: linear-gradient(135deg, #e2e8f0, #cbd5e1);--gradient-bg-1: rgba(0, 217, 255, .05);--gradient-bg-2: rgba(255, 107, 157, .05);--gradient-bg-3: rgba(99, 102, 241, .03)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,var(--gradient-bg-1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--gradient-bg-2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--gradient-bg-3) 0%,transparent 70%);pointer-events:none;z-index:0;transition:background .3s ease}#app{position:relative;z-index:1;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{position:sticky;top:0;z-index:100;padding:1rem 0;background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:background .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-android),var(--accent-ios));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.lang-switcher{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-color)}.lang-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s ease}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{background:linear-gradient(135deg,var(--accent-android),var(--accent-ios));color:var(--bg-primary)}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.back-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-android)}.back-btn svg{width:1rem;height:1rem}.page-hero{padding:3rem 0 2rem;text-align:center}.page-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:.75rem;letter-spacing:-.03em}.page-title.android{background:linear-gradient(135deg,var(--accent-android),#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title.ios{background:linear-gradient(135deg,var(--accent-ios),#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem 0 4rem;max-width:800px;margin:0 auto}.platform-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;cursor:pointer;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease;border-radius:inherit}.platform-card.android:before{background:linear-gradient(135deg,var(--accent-android-glow),transparent 60%)}.platform-card.ios:before{background:linear-gradient(135deg,var(--accent-ios-glow),transparent 60%)}.platform-card:hover{transform:translateY(-8px) scale(1.02);border-color:transparent}.platform-card:hover:before{opacity:1}.platform-card.android:hover{box-shadow:0 20px 60px -15px var(--accent-android-glow),var(--shadow-glow);border-color:var(--accent-android)}.platform-card.ios:hover{box-shadow:0 20px 60px -15px var(--accent-ios-glow),0 0 40px #ff6b9d26;border-color:var(--accent-ios)}.platform-icon{position:relative;z-index:1;width:5rem;height:5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:1.25rem;font-size:2.5rem}.platform-card.android .platform-icon{background:linear-gradient(135deg,#00d9ff33,#00ff881a);color:var(--accent-android)}.platform-card.ios .platform-icon{background:linear-gradient(135deg,#ff6b9d33,#ff9f431a);color:var(--accent-ios)}.platform-name{position:relative;z-index:1;font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.01em}.platform-desc{position:relative;z-index:1;font-size:.9375rem;color:var(--text-secondary)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;padding:1rem 0 4rem}.apps-grid.single-app{max-width:500px;margin:0 auto}.app-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s ease}.app-card:hover{background:var(--bg-card-hover);border-color:#94a3b833;transform:translateY(-2px)}.single-app .app-card{padding:2rem;gap:1.5rem}.single-app .app-icon{width:5rem;height:5rem}.single-app .app-name{font-size:1.375rem}.single-app .app-version{font-size:.9375rem}.app-icon{flex-shrink:0;width:4rem;height:4rem;border-radius:1rem;background:var(--icon-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);overflow:hidden;transition:background .3s ease}.app-icon img{width:100%;height:100%;object-fit:cover}.app-icon.android-style{background:linear-gradient(135deg,#00d9ff26,#00ff881a);color:var(--accent-android)}.app-icon.ios-style{background:linear-gradient(135deg,#ff6b9d26,#ff9f431a);color:var(--accent-ios)}.app-info{flex:1;min-width:0}.app-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:.25rem;word-break:break-word}.app-version{font-size:.8125rem;color:var(--text-muted)}.app-version span{color:var(--text-secondary);font-weight:500}.app-size{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;background:var(--bg-card-hover);border-radius:.375rem;font-size:.75rem;color:var(--accent-android);font-weight:500}.download-btn{flex-shrink:0;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-download),#059669);border:none;border-radius:.625rem;color:#fff;font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.download-btn:hover{background:linear-gradient(135deg,var(--accent-download-hover),#10b981);transform:scale(1.05);box-shadow:0 4px 20px #10b98166}.download-btn svg{width:1rem;height:1rem}.download-btn.ios-btn{background:linear-gradient(135deg,var(--accent-ios),#f97316)}.download-btn.ios-btn:hover{background:linear-gradient(135deg,#ff85b1,var(--accent-ios));box-shadow:0 4px 20px #ff6b9d66}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state svg{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:3rem;height:3rem;margin:0 auto 1.5rem;border:3px solid var(--border-color);border-top-color:var(--accent-android);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:1rem;color:var(--text-secondary)}.error-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.error-state svg{width:4rem;height:4rem;margin-bottom:1rem;opacity:.6;color:var(--accent-ios)}.error-state p{font-size:1rem;margin-bottom:1.5rem}.retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-android),#00ff88);border:none;border-radius:.75rem;color:var(--bg-primary);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px var(--accent-android-glow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s ease forwards}.app-card{animation:fadeInUp .4s ease forwards;opacity:0}.app-card:nth-child(1){animation-delay:.05s}.app-card:nth-child(2){animation-delay:.1s}.app-card:nth-child(3){animation-delay:.15s}.app-card:nth-child(4){animation-delay:.2s}.app-card:nth-child(5){animation-delay:.25s}.app-card:nth-child(6){animation-delay:.3s}.app-card:nth-child(7){animation-delay:.35s}.app-card:nth-child(8){animation-delay:.4s}.app-card:nth-child(9){animation-delay:.45s}.app-card:nth-child(10){animation-delay:.5s}.app-card:nth-child(n+11){animation-delay:.55s}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.platform-grid{padding:1rem 0 3rem}.platform-card{padding:2rem 1.5rem}.apps-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.app-card{flex-direction:column;align-items:center;text-align:center;padding:1rem .75rem;gap:.75rem}.app-icon{width:3rem;height:3rem;border-radius:.75rem;font-size:1.25rem}.app-info{width:100%}.app-name{font-size:.875rem;line-height:1.3;margin-bottom:.125rem}.app-version{font-size:.6875rem}.download-btn{width:100%;justify-content:center;padding:.5rem .75rem;font-size:.75rem}.apps-grid.single-app{grid-template-columns:1fr}}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}.header-controls{display:flex;align-items:center;gap:.75rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-android)}.theme-toggle svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}@media (max-width: 768px){.header-controls{flex-direction:row;width:100%;justify-content:center}}.app-card-link{text-decoration:none;color:inherit;cursor:pointer}.app-card-link:hover{border-color:var(--accent-ios);box-shadow:0 8px 30px #ff6b9d33}.view-btn{flex-shrink:0;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-ios),#f97316);border:none;border-radius:.625rem;color:#fff;font-family:var(--font-body);font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;transition:all .2s ease}.view-btn svg{width:1rem;height:1rem}.app-card-link:hover .view-btn{background:linear-gradient(135deg,#ff85b1,var(--accent-ios));transform:translate(4px)}.app-detail-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;margin-bottom:2rem}.app-detail-card .app-icon{width:5rem;height:5rem;border-radius:1.25rem}.app-detail-info{flex:1}.app-detail-info h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.375rem}.app-detail-info p{font-size:.9375rem;color:var(--text-secondary)}.tutorial-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.375rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;width:fit-content}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.75rem;color:var(--text-secondary);font-family:var(--font-body);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .25s ease}.tab-btn svg{width:1.25rem;height:1.25rem}.tab-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tab-btn.active{background:linear-gradient(135deg,var(--accent-ios),#f97316);color:#fff}.tutorial-content{padding-bottom:4rem}.image-tutorial{display:flex;flex-direction:column;gap:1.5rem}.tutorial-step{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.step-number{position:absolute;top:1rem;left:1rem;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--accent-ios),#f97316);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:#fff;z-index:2;box-shadow:0 4px 15px #ff6b9d66}.tutorial-step img{width:100%;height:auto;display:block}.video-tutorial{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.video-tutorial video{width:100%;height:auto;display:block;max-height:70vh;background:#000}@media (max-width: 768px){.app-detail-card{flex-direction:column;text-align:center;padding:1.5rem}.app-detail-card .download-btn,.tutorial-tabs{width:100%;justify-content:center}.tab-btn{flex:1;justify-content:center;padding:.625rem .75rem;font-size:.875rem}.step-number{width:2rem;height:2rem;font-size:1rem;top:.75rem;left:.75rem}.app-card-link .view-btn{width:100%;justify-content:center}}