body {background-color: #f2e8dc; color: #3b2a22}


.body-fangwei {background-color: #f2e8dc}

.fw-container {max-width: 760px; margin: 0 auto; padding: 16px}

.fw-card {background-color: #fff9ed; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.06);}

.fw-title {text-align: center; border-bottom: solid 1px #ddd; padding: 10px 20px; font-size: 14px;}
.fw-title .cn {font-size: 15px; color: #6a3f2c}
.fw-title .en {font-size: 12px; color: #a58b7f}

.fw-icon {text-align: center; margin: 16px 0}
.fw-icon i {font-size: 72px; line-height: 1}
.fw-icon.success i {color: #2bb673}
.fw-icon.error i {color: #e14949}

.fw-code {text-align: center; font-size: 28px; font-weight: 600; color: #131313; letter-spacing: 1px; margin: 8px 0 12px}
.fw-msg {text-align: center; background: #f3e9dc; border-radius: 8px; padding: 10px 12px; color: #7c5a49}

.fw-tip {text-align: center; background: #f3e9dc; border-radius: 32px; padding: 12px 16px; color: #7c5a49; margin: 16px 0; font-size: 14px}

.fw-actions {display: flex; gap: 12px; justify-content: center; margin-top: 12px}
.btn-brown {background: linear-gradient(180deg,#8c4a2f,#6b3a28); color: #fff; border: none; padding: 10px 20px; border-radius: 24px}
.btn-brown:hover {opacity: .92}
.btn-outline-brown {background: transparent; color: #6b3a28; border: 1px solid #c8a895; padding: 10px 20px; border-radius: 24px}
.btn-outline-brown:hover {background: #e9d8c8}

.fw-records {padding: 12px; margin-top: 12px; border: 1px solid #E0D1B4; color: #663A24;}
.fw-records .item {color: #6b3a28; padding: 6px 0;}
.fw-records .item.one {color: #f00;}

.search-main {margin-top: 10px;}
.search-main .form-control {border-radius: 24px; padding: 10px 14px; background-color: #fff9ed; font-size: 14px; border: none;}
.search-main form .btn {background: linear-gradient(180deg,#8c4a2f,#6b3a28); color: #fff; padding: 8px 10px; width: 120px;}

.sample-block {background: #f7eee2; border-radius: 12px; padding: 16px}
.sample-title {text-align: center; color: #6a3f2c; margin-bottom: 8px}
.sample-grid {}
.sample-item {background-color: #fff9ed; padding: 15px;}
.sample-item span {font-size: 14px}

/* 数字键盘样式 */
.num-keyboard {position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.1); z-index: 9999; padding-bottom: env(safe-area-inset-bottom);}
.kb-bar {height: 40px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #eee; color: #999; font-size: 20px;}
.kb-grid {display: grid; grid-template-columns: 1fr 1fr 1fr;}
.kb-key {height: 60px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #333; border-right: 1px solid #eee; border-bottom: 1px solid #eee; active: #f5f5f5;}
.kb-key:nth-child(3n) {border-right: none;}
.kb-key:active {background-color: #f0f0f0;}
.kb-key.del {background-color: #e0e0e0;}
.kb-key.empty {background-color: #e0e0e0;}


.error-main .fw-msg {text-align: left;
    width: 100%;
    padding: 10px;
    margin: 10px 0px;
    border: 1px solid #E0D1B4;
    color: #663A24;
    box-sizing: border-box; border-radius: 0;}

/* 首页 */
.body-home {background-color: #f6efe7; padding: 0; margin: 0;}
.body-home .container {padding: 0;}
.body-home ul {padding: 20px 0;}
.body-home ul li .box {text-align: center;}
.body-home ul li .box .t {margin-top: 10px;}