.dosage-page[data-v-e7a43afc]{min-height:calc(100vh - 60px);background:#fff;padding-bottom:60px;border-radius:12px;margin-left:8px}.page-header[data-v-e7a43afc]{padding:30px 40px 10px}.page-title[data-v-e7a43afc]{font-size:24px;color:#333;font-weight:400;margin:0}.page-content[data-v-e7a43afc]{padding:20px 40px;margin:0 auto}.usage-card[data-v-e7a43afc]{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px #00000014;border:1px solid #e8e8e8}.card-header[data-v-e7a43afc]{margin-bottom:20px}.card-title[data-v-e7a43afc]{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.card-subtitle[data-v-e7a43afc]{font-size:14px;color:#666;margin:0}.usage-content .usage-info[data-v-e7a43afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.usage-content .usage-text[data-v-e7a43afc]{font-size:14px;color:#333}.usage-content .usage-used[data-v-e7a43afc]{font-weight:600;color:#165dff}.usage-content .usage-divider[data-v-e7a43afc]{margin:0 4px;color:#999}.usage-content .usage-total[data-v-e7a43afc]{color:#666}.usage-content .usage-percent[data-v-e7a43afc]{margin-left:8px;color:#999}.usage-content .usage-remaining[data-v-e7a43afc]{font-size:14px;color:#666}.package-detail-toggle[data-v-e7a43afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:4px;margin-top:16px;font-size:14px;color:#666;cursor:pointer}.package-detail-toggle .toggle-icon[data-v-e7a43afc]{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.package-detail-toggle .toggle-icon.is-expanded[data-v-e7a43afc]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.package-list[data-v-e7a43afc]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.package-item[data-v-e7a43afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.package-item[data-v-e7a43afc]:last-child{border-bottom:none}.package-item-left[data-v-e7a43afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.package-icon[data-v-e7a43afc]{width:8px;height:8px;background:#52c41a;border-radius:2px}.package-name[data-v-e7a43afc]{font-size:14px;color:#333}.package-item-right[data-v-e7a43afc]{font-size:13px;color:#999}.promo-banner[data-v-e7a43afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;background:#eff6ff;color:#165dff;padding:14px 20px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:3px solid #165DFF}.promo-banner .promo-icon[data-v-e7a43afc]{font-size:20px;color:#165dff}.buy-btn[data-v-e7a43afc]{background:transparent;border-color:#165dff;color:#165dff}.buy-btn[data-v-e7a43afc]:hover{background:#165dff;border-color:#165dff;color:#fff}.record-section[data-v-e7a43afc]{margin-top:40px}.record-header[data-v-e7a43afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:12px}.section-title[data-v-e7a43afc]{font-size:18px;font-weight:600;color:#333;margin:0;padding-top:8px}.record-actions[data-v-e7a43afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.record-tabs[data-v-e7a43afc] .el-tabs__header{margin:0;border-bottom:none}.record-tabs[data-v-e7a43afc] .el-tabs__nav-wrap:after{display:none}.record-tabs[data-v-e7a43afc] .el-tabs__item{font-size:14px;color:#666}.record-tabs[data-v-e7a43afc] .el-tabs__item.is-active{color:#165dff;font-weight:500}.record-tabs[data-v-e7a43afc] .el-tabs__active-bar{background-color:#165dff}.date-picker[data-v-e7a43afc]{width:200px}.record-note[data-v-e7a43afc]{font-size:13px;color:#999;margin:0 0 16px;padding:10px 12px;background:#f9f9f9;border-radius:6px}.record-table[data-v-e7a43afc] .el-table__header th{background:#f5f7fa;color:#333;font-weight:500}.record-table[data-v-e7a43afc] .el-table__row{font-size:14px}@media screen and (max-width:768px){.page-header[data-v-e7a43afc]{padding:20px}.page-title[data-v-e7a43afc]{font-size:28px}.page-content[data-v-e7a43afc]{padding:16px 20px}.usage-card[data-v-e7a43afc]{padding:20px}.record-header[data-v-e7a43afc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.record-actions[data-v-e7a43afc]{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.date-picker[data-v-e7a43afc]{width:100%}.package-item[data-v-e7a43afc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.package-item-right[data-v-e7a43afc]{padding-left:18px}}