:root{--primary-color:#06c755;--secondary-color:#333;--bg-color:#f8f9fa;--card-bg:#fff;--text-color:#333;--text-muted:#666;--border-color:#e9ecef;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--shadow:0 4px 6px rgba(0,0,0,.1);--border-radius:12px;--font-xs:26px;--font-sm:35px;--font-base:48px;--font-md:42px;--font-lg:55px;--font-xl:67px;--font-2xl:82px;--sp:21px;--sp-2:43px;--sp-3:64px;--container-max-w:960px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{color:var(--text-color);font-family:PingFang TC,Microsoft JhengHei,sans-serif;font-size:var(--font-base);line-height:1.6}.container,body{background-color:var(--bg-color);overflow-x:hidden}.container{margin:0 auto;max-width:var(--container-max-w);min-height:100vh;padding:0;position:relative;width:100%}.btn{border:none;border-radius:var(--border-radius);cursor:pointer;display:block;font-family:inherit;font-size:var(--font-base);font-weight:700;margin-bottom:var(--sp);padding:.6em 1em;text-align:center;transition:all .2s;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:#e9ecef;color:var(--text-color)}.btn-secondary:hover{background-color:#dee2e6}.btn-small{border-radius:8px;display:inline-block;font-size:var(--font-xs);margin-bottom:0;padding:.2em .5em;width:auto}.btn-danger{background-color:var(--danger-color);color:#fff}.form-group{margin-bottom:var(--sp-2)}.form-group label{display:block;font-size:var(--font-sm);font-weight:700;margin-bottom:var(--sp)}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-base);padding:.5em .7em;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #06c7551a;outline:none}.form-group p{color:var(--text-muted);font-size:var(--font-xs);margin-top:.2em}.message{border-radius:var(--border-radius);font-size:var(--font-sm);margin-bottom:var(--sp-2);padding:.6em .8em}.message-info{background-color:#e7f3ff;color:#004085}.message-success{background-color:#d4edda;color:#155724}.message-warning{background-color:#fff3cd;color:#856404}.message-error{background-color:#f8d7da;color:#721c24}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mb-20{margin-bottom:var(--sp-2)}.divider{border:none;border-top:1px solid var(--border-color);margin:var(--sp-2) 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--primary-color);height:2.5em;margin:0 auto var(--sp);width:2.5em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.checkbox-group{align-items:flex-start;display:flex;gap:var(--sp);margin-bottom:var(--sp-2)}.checkbox-group input[type=checkbox]{cursor:pointer;flex-shrink:0;height:1.2em;margin-top:.2em;width:1.2em}.checkbox-group label{cursor:pointer;flex:1;font-size:var(--font-sm);font-weight:400;margin:0}.checkbox-group a{color:var(--primary-color);text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.page{background-color:var(--bg-color);min-height:100vh}.card,.page-content{padding:12px}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:10px}.card:active{transform:scale(.98)}.card-row{align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:12px;transition:transform .15s,box-shadow .15s}.card-row:active{box-shadow:none;transform:scale(.98)}.card-row__icon{flex-shrink:0;font-size:var(--font-lg)}.card-row__body{flex:1;min-width:0}.card-row__title{font-size:var(--font-sm);font-weight:700}.card-row__desc,.card-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row__desc{color:var(--text-muted);font-size:var(--font-xs)}.card-row__arrow{color:var(--border-color);flex-shrink:0;font-size:var(--font-md);font-weight:700}.stats-grid{display:grid;gap:8px;margin-bottom:12px}.stats-grid--2{grid-template-columns:repeat(2,1fr)}.stats-grid--3{grid-template-columns:repeat(3,1fr)}.stat-cell{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:10px 6px;text-align:center}.stat-cell__value{color:var(--primary-color);font-size:var(--font-xl);font-weight:700;margin-bottom:2px}.stat-cell__label{color:var(--text-muted);font-size:var(--font-xs)}.section-heading{font-size:var(--font-sm);font-weight:700;margin-bottom:8px}.loading-center{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:48px 12px}.loading-center .spinner{margin-bottom:12px}.empty-center{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:48px 12px;text-align:center}.empty-center__icon{font-size:var(--font-2xl);margin-bottom:12px}.progress-row{align-items:center;display:flex;gap:6px}.progress-bar{background-color:var(--bg-color);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg,var(--primary-color),#2ecc71);border-radius:2px;height:100%;transition:width .4s ease}.progress-text{color:var(--primary-color);flex-shrink:0;font-size:var(--font-xs);font-weight:700}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}