@charset "UTF-8";#app{font-family:var(--font-family, "PingFang TC", "微軟正黑體", sans-serif);background-color:var(--background-light, #FFFFFF);transition:all .3s ease;position:relative;min-height:100vh}:root{--primary: #FC8802;--down: #CC0D39;--up: #159E42;--white: #FFFFFF;--background-light: #F9F9F9;--table-striped: #F7F8F9;--border-disabled: #EBEBEB;--heading: #293954;--body-text: #485771;--placeholder: #929AA3;--note: #666666;--nav-text: #8494A5;--primary-hover: #FC8802;--font-family: Poppins, sans-serif;--font-size-h1: 2.5rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-h4: 1.125rem;--font-size-h4: 1rem;--font-size-body: 1rem;--font-size-note: .875rem;--spacing-xs: 3px;--spacing-sm: 5px;--spacing-md: 10px;--spacing-lg: 15px;--border-radius: 20px;--border-radius-lg: 30px}body{font-family:var(--font-family);background-color:var(--background-light);color:var(--body-text);line-height:1.6}h1{font-size:var(--font-size-h1);color:var(--heading)}h2{font-size:var(--font-size-h2);color:var(--heading)}h3{font-size:var(--font-size-h3);color:var(--body-text)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}.note{font-size:var(--font-size-note);color:var(--note)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a{color:var(--heading)}.page-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-light);padding-bottom:80px}.main-content{flex:1;max-width:768px;margin:0 auto;width:100%;padding-top:57px;overflow-y:auto}.content-container{padding:2%}.header{position:fixed;top:0;left:0;right:0;background-color:var(--white);z-index:1000;height:56px;box-shadow:0 2px 6px #0000000d}.header-content{max-width:768px;margin:0 auto;padding:0 16px;height:100%;display:flex;justify-content:space-between;align-items:center}.back-button,.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--heading);background:none;border:none;cursor:pointer}.back-button:hover,.back-btn:hover{background-color:#0000000d}.page-title,.header-title{font-size:var(--font-size-h3);font-weight:600;margin:0;flex-grow:1;text-align:center}.header-right{width:40px;display:flex;justify-content:center;align-items:center}.loading-state,.loading-container,.error-state,.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state,.error-container{text-align:center;padding:40px 20px;color:var(--down);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-message{color:var(--down);margin-bottom:10px}.retry-button,.retry-btn{margin-top:16px;padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.retry-button:hover,.retry-btn:hover{background-color:var(--primary-hover)}.edit-button,.info-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--heading);background:none;border:none;cursor:pointer;text-decoration:none}.edit-button:hover,.info-button:hover{background-color:#0000000d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;color:var(--placeholder);font-style:italic;min-height:200px}.header-spacer{width:40px}.box{padding:16px}.action-button-container{padding:var(--spacing-md) var(--spacing-lg);position:fixed;bottom:0;left:0;right:0;background-color:var(--white);box-shadow:0 -2px 6px #0000000d;z-index:10}.button{width:100%;max-width:768px;margin:0 auto;display:block;background-color:var(--primary);color:var(--white);border:none;padding:var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-h4);font-weight:500;cursor:pointer;transition:background-color .3s}.button:hover:not(:disabled){background-color:var(--primary-hover)}.button:disabled{background-color:var(--border-disabled);cursor:not-allowed}.box-container{padding:1rem;background-color:var(--bg-white, #FFFFFF);border-radius:.5rem;margin:1rem;box-shadow:0 2px 8px #0000000d;overflow-y:auto;flex:1}@media (max-width: 767px){.content-container{padding:16px}.box-container{margin:.5rem;padding:.75rem}}.info-cards{display:grid;grid-template-columns:2fr 2fr;gap:10px;margin-bottom:15px}.info-card-link{text-decoration:none;color:inherit;display:block;width:100%}.info-card{background-color:var(--white);padding:10px;border-radius:10px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.info-value{font-size:var(--font-size-body);color:var(--primary)}.info-number{font-size:var(--font-size-h1);font-weight:700}.unit{font-size:16px;margin-left:2px;font-weight:400}.time-tag{color:var(--body-text, #485771);margin-bottom:16px;position:relative;text-align:center}.time-tag:before{content:"";position:absolute;top:55%;width:40%;height:1px;background-color:#ddd;left:0}.time-tag:after{content:"";position:absolute;top:55%;width:40%;height:1px;background-color:#ddd;right:0}.member-level-section{margin-bottom:15px}.member-level-section h2{font-size:var(--font-size-h2);color:var(--heading);margin-bottom:10px}.member-card{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0000000d;padding:15px}.member-image{position:relative;width:100%;height:394px;background-size:cover;background-position:center;background-color:var(--background-light)}.level-image{width:100%;height:100%;object-fit:cover}.member-info{padding:10px}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.member-level{font-size:var(--font-size-h3);font-weight:600;color:var(--heading);margin:0}.level-expiry{display:flex;align-items:center;font-size:var(--font-size-note);color:var(--note)}.level-expiry i{font-size:16px;margin-right:4px}.member-details{margin-bottom:10px}.member-details h5{font-size:var(--font-size-body);margin-bottom:3px;font-weight:500}.highlight{color:var(--primary);font-weight:600}.upgrade-progress{position:relative;margin:10px 0;padding:5px 0}.progress-start,.progress-end{position:absolute;top:0;font-size:var(--font-size-note);color:var(--note)}.small{font-size:var(--font-size-note)}.progress-start{left:0}.progress-end{right:0}.current-level,.next-level{position:absolute;bottom:0;font-size:var(--font-size-note);color:var(--note)}.current-level{left:0}.next-level{right:0}.progress-bar-container{height:6px;background-color:var(--background-light);border-radius:3px;margin:10px 0}.progress-bar{height:100%;background-color:var(--primary);border-radius:3px;transition:width .3s ease}.upgrade-info{text-align:center;font-size:var(--font-size-body);color:var(--body-text)}.remaining-amount{margin-right:3px}.title-bar{display:flex;justify-content:space-between;align-items:center}.title-bar .title{color:var(--text-primary, #293954);font-size:1.125rem}.title-bar a{color:var(--primary-color, #FC8802);text-decoration:none;transition:color .3s ease}.title-bar a:hover{text-decoration:underline}.card{background-color:var(--bg-white, #FFFFFF);border-radius:.5rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;overflow:hidden}.card.rounded-4{border-radius:1rem}.card-body{padding:1rem}.card-body.p-0{padding:0}@media (max-width: 400px){.card-body{font-size:.875rem}}.dz-image-container{position:relative;width:100%;overflow:hidden}.dz-image-container .image{width:100%;height:100%;object-fit:cover}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #293954)}.progress{height:8px;background-color:#f1f1f1;border-radius:4px;margin:.5rem 0;position:relative}.progress .progress-bar{background-color:var(--primary-color, #FC8802);border-radius:4px}.dz-timeline{position:relative;padding-left:0;list-style:none}.dz-timeline:before{content:"";position:absolute;left:1rem;top:.2rem;height:100%;width:2px;background-color:#e9ecef}@media (max-width: 767px){.dz-timeline:before{left:.9rem}}.dz-timeline .timeline-item{position:relative;padding-left:2.5rem;padding-bottom:1.5rem}.dz-timeline .timeline-item:before{content:"";position:absolute;left:.35rem;top:.25rem;width:1.3rem;height:1.3rem;border-radius:50%;background-color:var(--body-text)}@media (max-width: 400px){.dz-timeline .timeline-item:before{width:1.2rem;height:1.2rem}}.dz-timeline .timeline-item.current .dz-date{color:var(--primary-color, #FC8802)}.dz-timeline .timeline-item.current:before{background-color:var(--primary-color, #FC8802)}.dz-timeline .timeline-item:last-child{padding-bottom:0}.text-primary{color:var(--primary-color, #FC8802)!important}.font-w900{font-weight:900!important}.font-w500{font-weight:500!important}.font-12{font-size:.75rem!important}.mb-0{margin-bottom:0!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.p-3{padding:.5rem 1rem 1rem!important}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-nowrap{white-space:nowrap!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.top-0{top:0!important}.start-0{left:0!important}.end-0{right:0!important}.bottom-0{bottom:0!important}.row{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.col-12{flex:0 0 100%;max-width:100%}.col-2,.col-3,.col-4{padding-right:.5rem;padding-left:.5rem}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.confirmation-buttons{display:flex;justify-content:space-between;gap:10px}.cancel-button,.confirm-button{flex:1;padding:12px;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:background-color .3s;font-size:1rem;width:100%}.cancel-button{background-color:var(--border-disabled);color:var(--body-text)}.confirm-button{background-color:var(--primary);color:var(--white);border:none}*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}ul,ul li{margin:0;padding:0;list-style:none}a{text-decoration:none}a:hover,a:focus,a.active{text-decoration:none;outline:none;color:var(--primary-hover);transition:all .3s}