*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;background:#fafafa;color:#333}.nav-bar{position:fixed;top:0;width:100%;height:50px;background:#222;color:#eee;display:flex;align-items:center;justify-content:center;z-index:100}.nav-title{font-size:17px;font-weight:500}.nav-share{position:absolute;right:15px;background:none;border:none;color:#eee;font-size:14px;cursor:pointer}.container{padding:65px 12px 30px}.banner-img{width:100%;height:160px;object-fit:cover;border-radius:10px;display:block}.quote{text-align:right;font-size:13px;color:#b3b3b3;margin-top:10px}.success-alert{display:flex;align-items:center;gap:8px;background:#e8f8f0;border:1px solid #34c759;border-radius:8px;padding:10px 14px;margin:12px 0;font-size:13px;color:#1a7f37}.success-alert .alert-icon{font-size:16px;flex-shrink:0}.success-alert .alert-text{line-height:1.5}.list-group{margin-top:14px}.list-title{font-size:14px;color:#999;padding:6px 4px}.list-cell{display:flex;align-items:center;background:#fff;padding:12px 10px;border-radius:8px;margin-bottom:6px;cursor:pointer}.list-cell:active{background:#f0f0f0}.list-icon{width:36px;height:36px;border-radius:6px;margin-right:12px;background:#eee;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.list-name{font-size:15px;color:#262b3a;margin-bottom:2px}.list-url{font-size:12px;color:#9397a4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.app-desc{text-align:center;font-size:13px;color:#666;margin-top:24px}.app-desc a{color:#5677fc}.footer{text-align:center;font-size:12px;color:#bbb;margin-top:12px;padding-bottom:20px}.skeleton{padding:65px 12px 30px}.sk-banner{height:160px;border-radius:10px;margin-bottom:14px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:sk 1.5s infinite}.sk-text{height:14px;border-radius:4px;margin-bottom:10px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:sk 1.5s infinite}.sk-desc{height:12px;border-radius:4px;margin-bottom:10px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:sk 1.5s infinite}@keyframes sk{0%{background-position:-200% 0}100%{background-position:200% 0}}.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;z-index:200}.modal{width:85%;max-width:320px;background:#fff;border-radius:12px;padding:20px 16px}.modal-title{font-size:16px;text-align:center;margin-bottom:16px;color:#333}.modal-btn{width:100%;padding:12px;margin-top:8px;border:none;border-radius:8px;font-size:15px;cursor:pointer}.modal-btn.gray{background:#f2f2f2;color:#333}.modal-btn.primary{background:#5677fc;color:#fff}.modal-btn.cancel{background:#e0e0e0;color:#666}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.75);color:#fff;padding:12px 20px;border-radius:24px;font-size:14px;z-index:300;transition:opacity 0.3s;display:flex;align-items:center;gap:8px;white-space:nowrap}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-text{line-height:1.4}.hidden{display:none !important}