:root{--brand: #07c160;--brand-dark: #06ad57;--brand-light: #f0fff0;--bg: #f7f7f7;--surface: #ffffff;--border: #f0f0f0;--border-strong: #e0e0e0;--text: #333333;--text-2: #666666;--text-3: #999999;--danger: #ff4d4f;--danger-dark: #ff4757;--warning-bg: #fff3cd;--warning-border: #ffeaa7;--warning-text: #856404;--success-bg: #d4edda;--success-border: #c3e6cb;--success-text: #155724;--accent: #DDA0DD;--accent-mid: #C8A2C8;--accent-dark: #B19CD9;--mytime-bg: #FBF7F0;--mytime-surface: #FFFFFF;--mytime-ink: #2E2A26;--mytime-ink-2: #6B635A;--mytime-ink-3: #9C948A;--mytime-line: #EFE7DA;--mytime-live: #E8833A;--mytime-current: #F2A93B;--mytime-remaining: #4A6FA5;--mytime-card-shadow: 0 6px 18px rgba(90, 70, 40, .08);--mytime-radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:var(--surface);box-shadow:0 1px 4px #0000000f;z-index:100}.header-left{font-size:20px;font-weight:600;color:var(--brand);letter-spacing:.5px}.header-subtitle{margin-left:10px;font-size:17px;font-weight:400;color:var(--muted, #888);letter-spacing:1px}.header-right{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:10px}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-nickname{font-size:14px;color:var(--text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-btn{padding:6px 16px;font-size:14px;border-radius:16px;cursor:pointer;transition:all .2s;border:none;background:var(--brand);color:var(--surface)}.header-btn:hover{background:var(--brand-dark)}.header-btn-outline{background:var(--surface);color:var(--brand);border:1px solid var(--brand)}.header-btn-outline:hover{background:var(--brand-light)}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.container{text-align:center;padding:20px;max-width:400px;width:100%}h1{font-size:28px;margin-bottom:24px;color:var(--brand)}.card{background:var(--surface);border-radius:12px;padding:32px;box-shadow:0 4px 16px #00000014}.card h2{font-size:20px;margin-bottom:16px}.card p{font-size:14px;color:var(--text-2);margin-bottom:12px;word-break:break-all}button{background:var(--brand);color:var(--surface);border:none;border-radius:8px;padding:12px 32px;font-size:16px;cursor:pointer;transition:background .2s}button:hover{background:var(--brand-dark)}.error{color:var(--danger);font-size:14px;margin-bottom:16px}.avatar{width:64px;height:64px;border-radius:50%;margin:12px auto;display:block}.page-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px}.page-main-narrow{max-width:640px}.header-brand-link{text-decoration:none}.greeting{margin-bottom:24px}.greeting-title{font-size:24px;color:var(--text);margin-bottom:6px}.greeting-date{font-size:14px;color:var(--text-3)}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.subject-grid{grid-template-columns:1fr}}.subject-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .15s ease,box-shadow .15s ease}.subject-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.subject-card-strip{height:4px}.subject-card-body{padding:16px 20px 18px}.subject-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.subject-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.subject-head-text{display:flex;flex-direction:column;gap:2px}.subject-name{font-size:18px;color:var(--text);margin:0}.subject-date{font-size:12px;color:var(--text-3)}.subject-today{font-size:14px;color:var(--text-2);margin-bottom:10px}.subject-today strong{font-size:20px;font-weight:600;color:var(--text)}.subject-progress{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin-bottom:10px}.subject-progress-fill{height:100%;border-radius:3px;transition:width .15s ease}.subject-total{font-size:13px;color:var(--text-3)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.subject-card-skeleton{height:168px;background:linear-gradient(90deg,var(--surface) 25%,var(--bg) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}.empty-state{text-align:center;padding:64px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.empty-text{font-size:15px;color:var(--text-2);margin-bottom:20px}.btn-primary{display:inline-block;background:var(--brand);color:var(--surface);border:none;border-radius:8px;padding:12px 32px;font-size:16px;cursor:pointer;text-decoration:none;transition:background .2s}.btn-primary:hover{background:var(--brand-dark)}.btn-primary:disabled{background:var(--border-strong);cursor:not-allowed}.toast{position:fixed;top:72px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;font-size:14px;padding:10px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000}.settings-head{margin-bottom:20px}.settings-title{font-size:24px;color:var(--text);margin-bottom:6px}.settings-desc{font-size:14px;color:var(--text-3)}.settings-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.settings-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;font-size:15px;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-item:hover{border-color:var(--brand);background:var(--surface)}.settings-item-checked,.settings-item-checked:hover{border-color:var(--brand);background:var(--brand-light)}.settings-item-name{flex:1}.settings-check{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--surface);flex-shrink:0}.settings-item-checked .settings-check{background:var(--brand);border-color:var(--brand)}.settings-item-skeleton{height:68px;border:1px solid var(--border);background:linear-gradient(90deg,var(--surface) 25%,var(--bg) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}.settings-actions{display:flex;justify-content:center}.mytime-page,.register-page{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--mytime-bg);font-size:14px;color:var(--mytime-ink)}.mytime-main{max-width:760px}.mytime-hero{background:var(--mytime-surface);border-radius:var(--mytime-radius);box-shadow:var(--mytime-card-shadow);padding:32px 28px 24px;text-align:center;margin-bottom:24px}.mytime-hero-label{font-size:14px;color:var(--mytime-ink-3);margin-bottom:4px}.mytime-hero-age{font-size:64px;font-weight:700;line-height:1.05;color:var(--mytime-live)}.mytime-hero-unit{font-size:22px;font-weight:500;margin-left:6px;color:var(--mytime-ink-2)}.mytime-hero-days{margin-top:8px;font-size:14px;color:var(--mytime-ink-2)}.mytime-hero-days strong{font-size:18px;font-weight:600;color:var(--mytime-ink)}.mytime-dot{margin:0 10px;color:var(--mytime-ink-3)}.mytime-progress{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--mytime-line);margin:22px 0 12px}.mytime-progress-seg{height:100%;transition:width .3s ease}.mytime-progress-live{background:var(--mytime-live)}.mytime-progress-passed{background:var(--mytime-current)}.mytime-progress-remaining{background:var(--mytime-remaining)}.mytime-progress-legend{display:flex;justify-content:center;gap:18px;font-size:12px;color:var(--mytime-ink-3)}.mytime-progress-legend span{display:inline-flex;align-items:center;gap:6px}.mytime-key{width:10px;height:10px;border-radius:3px;display:inline-block}.mytime-key-live{background:var(--mytime-live)}.mytime-key-passed{background:var(--mytime-current)}.mytime-key-remaining{background:var(--mytime-remaining)}.mytime-section{margin-bottom:28px}.mytime-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mytime-section-title{font-size:18px;font-weight:500;color:var(--mytime-ink);margin-bottom:14px}.mytime-section-head .mytime-section-title{margin-bottom:0}.mytime-timeline{display:flex;flex-direction:column;gap:10px}.mytime-life-card{display:flex;align-items:center;gap:16px;background:var(--mytime-surface);border:1px solid var(--mytime-line);border-radius:14px;padding:14px 18px;opacity:.62;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.mytime-life-card.is-reached{opacity:1;border-color:var(--mytime-live)}.mytime-life-card.is-current{opacity:1;border-color:var(--mytime-current);box-shadow:0 0 0 2px #f2a93b2e}.mytime-life-card:hover{transform:translateY(-2px);box-shadow:var(--mytime-card-shadow)}.mytime-life-age{min-width:56px;font-size:22px;font-weight:700;color:var(--mytime-ink-2);text-align:center}.mytime-life-age span{font-size:12px;font-weight:500;margin-left:1px}.is-reached .mytime-life-age{color:var(--mytime-live)}.is-current .mytime-life-age{color:var(--mytime-current)}.mytime-life-body{flex:1}.mytime-life-title{font-size:15px;font-weight:600;color:var(--mytime-ink);margin-bottom:2px}.mytime-life-desc{font-size:13px;color:var(--mytime-ink-2);line-height:1.5}.mytime-life-year{font-size:12px;color:var(--mytime-ink-3)}.mytime-add-btn{border:1px solid var(--mytime-live);background:var(--mytime-surface);color:var(--mytime-live);border-radius:16px;padding:6px 16px;font-size:14px;cursor:pointer;transition:background .15s ease}.mytime-add-btn:hover{background:#fdefe2}.mytime-memories{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 640px){.mytime-memories{grid-template-columns:1fr}}.mytime-memory-card{display:block;width:100%;text-align:left;background:var(--mytime-surface);border:1px solid var(--mytime-line);border-radius:14px;padding:16px 18px;cursor:pointer;box-shadow:var(--mytime-card-shadow);transition:transform .15s ease,box-shadow .15s ease}.mytime-memory-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #5a46281f}.mytime-memory-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.mytime-memory-title{font-size:15px;font-weight:600;color:var(--mytime-ink)}.mytime-memory-age{flex-shrink:0;font-size:12px;color:var(--mytime-remaining);background:#4a6fa51a;border-radius:10px;padding:2px 8px}.mytime-memory-range{font-size:13px;color:var(--mytime-ink-3);margin-bottom:6px}.mytime-memory-desc{font-size:13px;color:var(--mytime-ink-2);line-height:1.5}.mytime-memory-skeleton{height:96px;border:1px solid var(--mytime-line);background:linear-gradient(90deg,var(--mytime-surface) 25%,var(--mytime-bg) 50%,var(--mytime-surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;cursor:default}.mytime-empty{text-align:center;padding:40px 20px;background:var(--mytime-surface);border:1px dashed var(--mytime-line);border-radius:14px;color:var(--mytime-ink-2);font-size:14px}.mytime-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e2a2666;display:flex;align-items:center;justify-content:center;padding:20px;z-index:500}.mytime-modal{width:100%;max-width:420px;background:var(--mytime-surface);border-radius:var(--mytime-radius);box-shadow:0 20px 48px #2e2a263d;padding:22px 22px 18px}.mytime-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mytime-modal-title{font-size:18px;font-weight:600;color:var(--mytime-ink)}.mytime-modal-close{background:transparent;color:var(--mytime-ink-3);border:none;font-size:16px;padding:4px 8px;cursor:pointer;border-radius:8px}.mytime-modal-close:hover{background:var(--mytime-line);color:var(--mytime-ink)}.mytime-modal-form{display:flex;flex-direction:column;gap:12px}.mytime-field{display:flex;flex-direction:column;gap:6px}.mytime-field-label{font-size:13px;color:var(--mytime-ink-2)}.mytime-input,.mytime-textarea{width:100%;font-size:14px;font-family:inherit;color:var(--mytime-ink);background:var(--mytime-surface);border:1px solid var(--mytime-line);border-radius:10px;padding:10px 12px;outline:none;transition:border-color .15s ease}.mytime-input:focus,.mytime-textarea:focus{border-color:var(--mytime-live)}.mytime-textarea{resize:vertical}.mytime-modal-error{font-size:13px;color:var(--danger)}.mytime-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.mytime-btn{border:none;border-radius:10px;padding:9px 20px;font-size:14px;cursor:pointer;transition:background .15s ease,opacity .15s ease}.mytime-btn:disabled{opacity:.5;cursor:not-allowed}.mytime-btn-primary{background:var(--mytime-live);color:#fff}.mytime-btn-primary:hover:not(:disabled){background:#d5762e}.mytime-btn-ghost{background:var(--mytime-bg);color:var(--mytime-ink-2)}.mytime-btn-ghost:hover:not(:disabled){background:var(--mytime-line)}.mytime-btn-danger{background:transparent;color:var(--danger);margin-right:auto}.mytime-btn-danger:hover:not(:disabled){background:#fdecec}.register-main{max-width:520px;display:flex;align-items:center;justify-content:center}.register-card{width:100%;background:var(--mytime-surface);border-radius:var(--mytime-radius);box-shadow:var(--mytime-card-shadow);padding:36px 32px 30px}.register-title{font-size:40px;font-weight:700;line-height:1.2;color:var(--mytime-ink);margin-bottom:10px}.register-subtitle{font-size:18px;font-weight:500;color:var(--mytime-ink-2);margin-bottom:26px;line-height:1.5}.register-form{display:flex;flex-direction:column;gap:16px}.register-field{display:flex;flex-direction:column;gap:6px}.register-label{font-size:14px;color:var(--mytime-ink-2)}.register-input{width:100%;font-size:15px;font-family:inherit;color:var(--mytime-ink);background:var(--mytime-bg);border:1px solid var(--mytime-line);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .15s ease}.register-input:focus{border-color:var(--mytime-live)}.register-error{font-size:13px;color:var(--danger)}.register-submit{width:100%;margin-top:6px;padding:14px 0;border:none;border-radius:12px;background:var(--mytime-live);color:#fff;font-size:16px;cursor:pointer;transition:background .15s ease,opacity .15s ease}.register-submit:hover:not(:disabled){background:#d5762e}.register-submit:disabled{background:var(--mytime-line);color:var(--mytime-ink-3);cursor:not-allowed}