:root{--bg-page: #110e1f;--bg-card: #181f2f;--bg-top: #1a1730;--bg-white: #ffffff;--border-color: #2a2645;--border-light: #f0f0f0;--border-gray: #dddddd;--btn-primary: #7d5dd8;--btn-green: #26a848;--btn-red: #ff3d3d;--btn-blue: #0052d9;--btn-teal: #33b497;--btn-gray: #cccccc;--text-main: #ffffff;--text-2: #cfd3e0;--text-3: #8a86a3;--text-4: #999999;--text-5: #666666;--text-6: #888888;--text-7: #333333;--text-8: #615d5d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-page);color:var(--text-7)}#app{max-width:28rem;margin:0 auto;min-height:100vh;background:var(--bg-page);position:relative;box-shadow:0 0 12px #0006}.page{min-height:100vh;padding-bottom:3.8rem;background:var(--bg-page)}.page-nofoot{padding-bottom:1rem}.navbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:28rem;z-index:100;height:2.75rem;line-height:2.75rem;background:var(--bg-top);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-bottom:1px solid var(--border-color)}.navbar .back{position:absolute;left:.75rem;font-size:1.2rem;color:var(--text-main);cursor:pointer;width:2rem;text-align:center}.footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:28rem;z-index:100;height:3.6rem;background:var(--bg-top);border-top:1px solid var(--border-color);display:flex}.footer>a,.footer>.f-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-3);font-size:.8rem}.footer>a.active,.footer>.f-link.active{color:var(--text-main)}.footer>a i,.footer>.f-link i{font-size:1.3rem;font-style:normal;line-height:1.5}.card{background:var(--bg-white);border-radius:.4rem;margin:.6rem;padding:.8rem}.card-title{font-size:.9rem;font-weight:600;margin-bottom:.6rem}.btn{display:block;width:100%;border:none;border-radius:.35rem;padding:.8rem 0;font-size:1rem;color:var(--text-main);cursor:pointer}.btn-green{background:var(--btn-green)}.btn-red{background:var(--btn-red)}.btn-gray{background:var(--btn-gray)}.btn:disabled{opacity:.6}.input-row{margin-bottom:.8rem}.input-row label{display:block;font-size:.8rem;color:var(--text-5);margin-bottom:.3rem}.input-row input,.input-row select,.input-row textarea{width:100%;border:1px solid var(--border-gray);border-radius:.3rem;padding:.7rem .6rem;font-size:.95rem;outline:none;background:var(--bg-white)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem .6rem;border-bottom:1px solid var(--border-light);font-size:.9rem}.list-item:last-child{border-bottom:none}.list-item .left{color:var(--text-7)}.list-item .right{color:var(--text-6)}.text-red{color:var(--btn-red)}.text-green{color:var(--btn-green)}.text-gray{color:var(--text-4)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.tipmask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#0009;display:flex;align-items:center;justify-content:center}.tipmask .cont{width:70%;max-width:16rem;background:var(--bg-white);border-radius:.5rem;padding:1.2rem;text-align:center}.tipmask .title{font-size:1rem;font-weight:600;margin-bottom:.8rem}.tipmask .contents{font-size:.9rem;color:var(--text-5);margin-bottom:1rem;word-break:break-all}.tipmask .confirm{background:var(--btn-teal);color:var(--text-main);border-radius:.3rem;padding:.5rem 2rem;display:inline-block}.empty{text-align:center;color:var(--text-5);padding:2.5rem 0;font-size:.9rem}