.tn-page{min-height:100vh;background:#f5f5f5;padding-bottom:90px}.tn-header{background:linear-gradient(135deg,#5a1a1a,#3d0f0f);padding:16px;color:#fff;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10}.tn-header .tn-back{font-size:20px;width:28px;cursor:pointer}.tn-header .tn-title{font-size:17px;font-weight:600;flex:1}.tn-header .tn-action{font-size:13px;background:#ffffff2e;border-radius:14px;padding:5px 12px;cursor:pointer}.tn-body{padding:12px}.tn-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px}.tn-card-title{font-size:15px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.tn-card-title:before{content:"";width:4px;height:14px;background:#7a1f1f;border-radius:2px}.tn-row{display:flex;align-items:center;gap:8px}.tn-label{font-size:13px;color:#999}.tn-value{font-size:14px;color:#333;font-weight:500}.tn-muted{font-size:12px;color:#999}.tn-empty{text-align:center;color:#999;font-size:13px;padding:40px 0}.tn-loading{text-align:center;color:#999;font-size:13px;padding:20px 0}.tn-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;padding:9px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.tn-btn.primary{background:linear-gradient(135deg,#7a1f1f,#5a1414);color:#fff}.tn-btn.secondary{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.tn-btn.danger{background:#fff2f0;color:#d4380d;border:1px solid #ffccc7}.tn-btn.small{font-size:12px;padding:5px 12px;border-radius:6px}.tn-btn.block{display:flex;width:100%}.tn-btn.disabled{opacity:.5;pointer-events:none}.tn-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;box-shadow:0 -2px 8px #0000000f;z-index:20}.tn-footer .tn-btn{flex:1}.tn-form-item{margin-bottom:14px}.tn-form-label{font-size:13px;color:#666;margin-bottom:6px;display:block}.tn-input,.tn-select{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fafafa;box-sizing:border-box;outline:none}.tn-input:focus,.tn-select:focus{border-color:#7a1f1f;background:#fff}.tn-tag{font-size:11px;border-radius:4px;padding:2px 8px}.tn-tag.green{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tn-tag.orange{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.tn-tag.red{background:#fff2f0;color:#d4380d;border:1px solid #ffccc7}.tn-tag.gray{background:#f5f5f5;color:#999;border:1px solid #e0e0e0}.tn-tag.blue{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.tn-popup-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:flex-end}.tn-popup{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:82vh;display:flex;flex-direction:column;overflow:hidden}.tn-popup-header{padding:14px 16px;font-size:15px;font-weight:600;text-align:center;border-bottom:1px solid #f0f0f0;position:relative}.tn-popup-close{position:absolute;right:14px;top:12px;font-size:18px;color:#999;cursor:pointer}.tn-popup-body{padding:16px;overflow-y:auto;flex:1}.tn-popup-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #f0f0f0;display:flex;gap:10px}.tn-popup-footer .tn-btn{flex:1}.tn-list-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;gap:10px}.tn-list-item:last-child{border-bottom:none}.tn-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eee;flex-shrink:0}