@view-transition{navigation:auto}:root{--primary-color:#3a86ff;--secondary-color:#8338ec;--accent-color:#ff006e;--success-color:#38b000;--warning-color:#ffbe0b;--background-color:#f8f9fa;--card-bg:#ffffffd9;--text-primary:#212529;--text-secondary:#6c757d;--archived-bg:#fff8e6;--archived-border:#d4a72c;--archived-text:#9a6700}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-color);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{width:92%;max-width:800px;margin:0 auto;padding:3rem 0}.back-link{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--primary-color)}.back-link:before{content:"←"}.archived-banner{background:var(--archived-bg);border:1px solid var(--archived-border);border-radius:12px;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.archived-icon{flex-shrink:0;font-size:1.5rem}.archived-content h2{color:var(--archived-text);margin-bottom:.5rem;font-size:1.1rem}.archived-content p{color:var(--text-secondary);font-size:.95rem}.app-info-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);view-transition-name:weibo-card;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #0000000d}.app-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.app-icon{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex}.app-title-section h1{margin-bottom:.3rem;font-size:1.8rem;font-weight:700}.app-badges{flex-wrap:wrap;gap:.5rem;display:flex}.badge{border-radius:50px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.badge-system{color:var(--text-secondary);background-color:#e9ecef}.badge-archived{background-color:var(--archived-bg);color:var(--archived-text);border:1px solid var(--archived-border)}.app-description{color:var(--text-primary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.version-section{background:#f6f8fa;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.version-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.version-tag{background:var(--success-color);color:#fff;border-radius:50px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.version-number{font-size:1.1rem;font-weight:600}.version-meta{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.last-updated{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.last-updated:before{content:"🕐"}.download-section{flex-wrap:wrap;gap:1rem;display:flex}.download-btn{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 10px #3a86ff4d}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3a86ff66}.secondary-btn{color:var(--text-primary);background:#fff;border:1px solid #d0d7de;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.secondary-btn:hover{background:#f6f8fa;transform:translateY(-2px)}.links-section{border-top:1px solid #0000000d;margin-top:1.5rem;padding-top:1.5rem}.links-title{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem}.links-list{flex-wrap:wrap;gap:1.5rem;display:flex}.links-list a{color:var(--primary-color);font-size:.9rem;text-decoration:none}.links-list a:hover{text-decoration:underline}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}::view-transition-old(root){animation:.3s ease-out fade-out}::view-transition-new(root){animation:.3s ease-out fade-in}footer{text-align:center;color:var(--text-secondary);padding:2rem 0;font-size:.9rem}footer a{color:var(--text-secondary);text-decoration:none}footer a:hover{color:var(--primary-color)}@media (width<=768px){.container{width:95%;padding:1.5rem 0}.app-info-card{padding:1.5rem}.app-header{text-align:center;flex-direction:column}.download-section{flex-direction:column}.download-btn,.secondary-btn{justify-content:center}}